/* Compact task and bot toolbars, desktop and mobile. */
html[data-crm-theme] body.crm-app.crm-point.point-page-tasks .crm-task-tools{justify-content:flex-start;gap:8px;flex-wrap:wrap}
html[data-crm-theme] body.crm-app.crm-point.point-page-tasks .crm-task-tools>.primary{margin:0;flex:none}
html[data-crm-theme] body.crm-app.crm-point.point-page-tasks .crm-task-tools>.search-box{margin:0;flex:1 1 220px;max-width:480px}
html[data-crm-theme] body.crm-app.crm-point.point-page-tasks [data-task-directory]:not(.task-entry-open){grid-template-columns:minmax(0,1fr)}
html[data-crm-theme] body.crm-app.crm-point.point-page-tasks [data-task-entry][hidden]{display:none!important}
html[data-crm-theme] body.crm-app.crm-point .crm-bot-list-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--point-line)}
html[data-crm-theme] body.crm-app.crm-point .crm-bots-layout .crm-bot-list-toolbar>.bot-list-search{padding:0;margin:0;flex:1 1 240px;max-width:520px}
html[data-crm-theme] body.crm-app.crm-point .crm-bot-list-toolbar>.bot-list-search>div{display:flex;gap:8px;align-items:center}
html[data-crm-theme] body.crm-app.crm-point .crm-bot-list-toolbar input{width:100%;min-width:0;margin:0}
html[data-crm-theme] body.crm-app.crm-point .crm-bot-list-toolbar>[data-bot-search-count]{margin-left:auto;font-size:12px}
html[data-crm-theme] body.crm-app.crm-point .crm-bot-list-toolbar>.primary{flex:none;white-space:nowrap;margin:0}
.crm-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){
 html[data-crm-theme] body.crm-app.crm-point .crm-bot-list-toolbar{gap:8px;padding:8px}
 html[data-crm-theme] body.crm-app.crm-point .crm-bots-layout .crm-bot-list-toolbar>.bot-list-search{flex:1 1 130px}
 html[data-crm-theme] body.crm-app.crm-point .crm-bot-list-toolbar>[data-bot-search-count]{order:3;width:100%;margin:0}
 html[data-crm-theme] body.crm-app.crm-point.point-page-tasks [data-task-directory].task-entry-open{display:flex;flex-direction:column}
 html[data-crm-theme] body.crm-app.crm-point.point-page-tasks [data-task-directory]>.list-card{width:100%}
 html[data-crm-theme] body.crm-app.crm-point.point-page-tasks [data-task-entry]{order:-1;width:100%}
}

/* Template navigation, name list, and selected content occupy separate columns. */
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns{display:grid;grid-template-columns:210px minmax(280px,400px) minmax(0,1fr);gap:0;min-height:calc(100dvh - 16px);align-items:stretch}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns>.crm-template-side{grid-column:1;grid-row:1;min-width:0;padding:0 8px 12px 0;overflow-wrap:anywhere}
html[data-crm-theme] body.crm-app.crm-point .crm-template-side .crm-section-nav{position:static;padding:0 0 8px}
html[data-crm-theme] body.crm-app.crm-point .crm-template-side :is(.template-heading,.template-summary,.template-sync,.template-hint){display:flex;flex-direction:column;width:auto;min-width:0;margin:0 0 10px;grid-column:auto;grid-row:auto}
html[data-crm-theme] body.crm-app.crm-point .crm-template-side .template-heading-actions{display:flex;flex-direction:column;gap:6px}
html[data-crm-theme] body.crm-app.crm-point .crm-template-side .template-heading-actions>a{width:100%;box-sizing:border-box;white-space:normal;justify-content:flex-start}
html[data-crm-theme] body.crm-app.crm-point .crm-template-side .template-summary{gap:4px}
html[data-crm-theme] body.crm-app.crm-point .crm-template-side .template-summary>div{padding:8px}
html[data-crm-theme] body.crm-app.crm-point .crm-template-side .template-sync{padding:10px;font-size:12px;gap:8px}
html[data-crm-theme] body.crm-app.crm-point .crm-template-side .template-sync input{max-width:100%}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-library{grid-column:2;grid-row:1;margin:0;min-width:0;min-height:calc(100dvh - 16px);height:calc(100dvh - 16px);display:flex;flex-direction:column;background:var(--point-card);border:1px solid var(--point-line);border-radius:0}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-list-tools{padding:10px 12px;background:var(--point-card);flex:none}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-list-tools input{margin:0}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-list{flex:1;min-height:0;max-height:none;overflow:auto;background:var(--point-card)}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-list-item{display:flex;align-items:center;min-height:56px;padding:14px 16px;box-sizing:border-box;border-left:3px solid transparent}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-list-item.selected{border-left-color:var(--point-blue);background:var(--point-soft)}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-list-item>div{display:block;min-width:0}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-list-item b{font-size:14px;font-weight:700;overflow-wrap:anywhere}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-list-item :is(p,.template-kind,.template-status){display:none}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-detail{grid-column:3;grid-row:1;margin:0;min-width:0;min-height:calc(100dvh - 16px);border-radius:0;padding:18px 22px}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-preview{background:var(--point-soft);color:var(--point-text)}
html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-preview :is(p,b,small){color:inherit}
@media(min-width:901px) and (max-width:1300px){html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns{grid-template-columns:180px 300px minmax(0,1fr)}}
@media(max-width:900px){
 html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns{grid-template-columns:minmax(220px,35%) minmax(0,1fr);gap:8px}
 html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns>.crm-template-side{grid-column:1/-1;grid-row:1;padding:0}
 html[data-crm-theme] body.crm-app.crm-point .crm-template-side .crm-section-nav{flex-direction:row;flex-wrap:wrap}
 html[data-crm-theme] body.crm-app.crm-point .crm-template-side .template-heading-actions{flex-direction:row;flex-wrap:wrap}
 html[data-crm-theme] body.crm-app.crm-point .crm-template-side .template-heading-actions>a{width:auto}
 html[data-crm-theme] body.crm-app.crm-point .crm-template-side .template-summary{flex-direction:row;flex-wrap:wrap}
 html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-library{grid-column:1;grid-row:2;height:70dvh;min-height:240px}
 html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-detail{grid-column:2;grid-row:2;min-height:70dvh;padding:14px}
}
@media(max-width:600px){
 html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns{display:flex;flex-direction:column}
 html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-library{height:240px;min-height:180px;width:100%}
 html[data-crm-theme] body.crm-app.crm-point .crm-templates-columns .template-detail{min-height:320px;width:100%;box-sizing:border-box}
}