/* Prevent the project-list grid's intrinsic text width from widening mobile pages. */
.clarity-project{max-width:1040px;margin-inline:auto}
.project-purpose{font-size:13px;color:#65776f;margin-top:8px;max-width:65ch}
.project-purpose summary{cursor:pointer}
.clarity-project .simple-composer:not([open]){display:none}
.clarity-project .board-toolbar{display:grid;grid-template-columns:minmax(160px,230px) minmax(0,1fr) auto;align-items:center;gap:12px}
.clarity-project .board-filters{display:block;width:auto}
.clarity-project .board-filters select{width:100%;min-width:0;margin:0}
.clarity-project .board-search{width:100%;margin:0}
.clarity-project .board-heading p{display:none}
.clarity-project #task-list{display:grid;gap:10px}
.clarity-project .board-task{margin:0;box-shadow:none;border:1px solid #dfe6df;border-radius:14px;background:#fff;min-width:0}
.clarity-project .board-task>summary{padding:18px;min-height:76px;align-items:center}
.clarity-project .board-task-main{min-width:0}
.clarity-project .board-task-main b{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.clarity-project .board-task-main small{font-size:11px;margin-top:6px}
.clarity-project .board-task-detail{padding:0 18px 18px}
.clarity-project .settings-navigation select{width:100%;max-width:420px}
.task-templates,.routine-create{padding:14px;border:1px solid #e1e7e2;border-radius:12px;margin:12px 0;background:#fafbf9}
.task-templates>summary,.routine-create>summary{cursor:pointer;font-weight:600}
.task-templates[open]>summary,.routine-create[open]>summary{margin-bottom:14px}
.clarity-project .conversation-header .eyebrow,.clarity-project .conversation-header p{display:none}
.clarity-project .conversation-header{padding:16px 20px}
.clarity-project .conversation-header h2{font-size:20px;margin:0}
.clarity-project .room-selector{margin-bottom:12px}
@media(max-width:800px){
 .clarity-project .board-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .clarity-project .board-filters{grid-column:1/-1}
 .clarity-project .board-task>summary{padding:12px;gap:8px;min-height:80px}
 .clarity-project .board-task-main b{font-size:14px}
 .clarity-project .board-state{font-size:10px;padding:5px 7px;white-space:normal;max-width:76px}
 .clarity-project .board-task-detail{padding:0 12px 12px}
 .clarity-project .project-team-label{display:none}
 .clarity-project .conversation-header{padding:12px}
}
.customer-project-list{grid-template-columns:minmax(0,1fr);min-width:0;width:100%}
.customer-project-list>button{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
.customer-project-list>button>span:nth-child(2){min-width:0;overflow:hidden}
.customer-home,.customer-project-list,.customer-next,.customer-section-heading{min-width:0}
.customer-project-list b{overflow-wrap:anywhere}
.clarity-project>.clarity-heading{margin-bottom:16px;gap:16px}
.clarity-project>.clarity-heading p{max-width:65ch;margin-bottom:0;font-size:14px;overflow-wrap:anywhere}
.clarity-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}
.clarity-tabs button{min-width:0;white-space:normal;min-height:44px}
.project-tools{margin:0 0 16px;border-bottom:1px solid #e2e7e4;padding:0 4px 12px;font-size:13px;color:#587069}
.project-tools summary{cursor:pointer;padding:8px 0;min-height:36px}
.project-tools .work-navigation{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.focus-summary{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 20px;border-radius:0}
.focus-summary .focus-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:10px}
.focus-metrics button{box-shadow:none;padding:12px;min-width:0;background:#fff;border-radius:12px}
.focus-metrics strong{font-size:24px}.focus-metrics span{font-size:12px}
.clarity-board .board-heading{margin-top:0;align-items:center}.clarity-board .board-heading h2{font-size:23px;margin:0 0 5px}.clarity-board .board-heading .eyebrow{display:none}.clarity-board .board-heading p{font-size:13px;margin:0;color:#718079}
.focus-brief{margin-top:24px;background:#fafbf9;box-shadow:none}.brief-fill{margin:0 0 16px;width:100%;text-align:right;background:#f0f5ef}
.board-toolbar{flex-wrap:wrap}.board-search{min-width:0}.board-filters{flex-wrap:wrap;gap:6px}
.settings-navigation{display:flex;flex-wrap:wrap;gap:6px}.agent-switch{flex-wrap:wrap}.agent-switch select{max-width:100%;min-width:0}
.service-config{margin-top:16px;border-top:1px solid #e1e7e2;padding-top:14px}.service-config>summary{cursor:pointer;font-weight:600;padding:10px 0}.service-config[open]>summary{margin-bottom:12px}
@media(max-width:800px){
 body.signed-in>main{width:100%;max-width:100%;margin-inline:0;box-sizing:border-box;padding:18px 14px 60px}
 body.signed-in>header{margin-inline:0;max-width:100%}
 .customer-project-list>button{padding:16px;gap:10px}.customer-project-list small{max-width:100%}
 .clarity-project>.clarity-heading{display:block}.project-team-label{margin-top:12px;font-size:12px}
 .clarity-project>.clarity-heading h1{font-size:25px;margin:8px 0}.clarity-project>.clarity-heading p{font-size:13px;line-height:1.6}
 .clarity-tabs button{padding:10px 5px!important;font-size:13px!important}
 .focus-summary .focus-metrics{gap:7px}.focus-metrics button{padding:10px 3px}.focus-metrics strong{font-size:22px}.focus-metrics span{font-size:11px}
 .board-heading{flex-wrap:wrap;gap:12px}.board-heading>.primary{width:100%}
 .board-toolbar{display:flex;gap:10px}.board-filters{width:100%;display:flex}.board-filters button{flex:1 1 auto;padding:8px;font-size:12px;white-space:normal}.board-search{flex:1}
 .settings-navigation button{flex:1 1 100px;white-space:normal}.agent-switch select{width:100%}
}