:root{font-family:Arial,'Segoe UI',sans-serif;color:#433b36;background:#f2eeea;--green:#433b36;--muted:#786e66;--line:#f2eeea;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #aaa19a;outline-offset:2px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:205px;background:white;border-right:1px solid var(--line);padding:25px 15px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:750;letter-spacing:1.5px}.logo{width:34px;height:36px;display:grid;place-items:center;background:#433b36;color:#fff;border-radius:5px;font-size:24px}.crm{display:block;font-size:8px;color:#786e66;letter-spacing:1.3px;margin-top:5px}.demo-tag{display:none}nav{display:grid;gap:4px;margin-top:30px}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:1px;color:#786e66;padding:13px 11px 8px}.tracking-nav-label{margin-top:16px}nav a{position:relative;display:flex;align-items:center;gap:10px;padding:12px 11px;min-height:43px;font-size:13px;border-radius:5px;color:#786e66}nav a.active{background:#f2eeea;color:#433b36;font-weight:600}.nav-unread{margin-left:auto;background:#f2eeea;padding:3px 6px;min-width:19px;text-align:center;border-radius:10px;font-size:10px;color:#433b36}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:flex;gap:9px;align-items:center;font-size:12px}.avatar{border-radius:50%;background:#f2eeea;color:#786e66;padding:10px;font-size:10px}small{display:block;font-size:11px;color:#786e66;line-height:1.5}.workspace{margin-left:205px}.topbar{height:57px;display:flex;align-items:center;gap:16px;padding:0 28px;background:white;border-bottom:1px solid var(--line)}.workspace-label{font-size:11px;letter-spacing:1.1px;color:#786e66;font-weight:600;margin-right:auto}.member-bar>div{display:flex;align-items:center;gap:8px}.member-bar label{font-size:11px;color:#786e66;margin:0}.member-bar select{min-height:33px;font-size:12px;width:119px;padding:6px 9px}.member-bar p{display:none}.demo-pill{background:#f2eeea;color:#786e66;border:1px solid #f2eeea;border-radius:5px;padding:7px 10px;font-size:10px;min-height:32px}main{padding:26px 28px 40px;max-width:1600px;margin:auto;min-height:82vh}h1{font-size:26px;font-weight:650;letter-spacing:-.6px;margin:0 0 7px}h2{font-size:16px;margin:0;font-weight:650}h3{font-size:14px;margin:0 0 13px}p{line-height:1.65}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading p{font-size:12px;color:#786e66;margin:0}.eyebrow{font-size:9px;letter-spacing:1.2px;color:#aaa19a;margin-bottom:9px}.page-heading .eyebrow{display:none}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;min-height:38px;padding:9px 14px;font-size:12px;font-weight:600;border:1px solid #433b36;background:#433b36;color:white}.primary:hover{background:#433b36}.secondary{background:white;border-color:#f2eeea;color:#786e66}.icon-button{min-width:38px;min-height:38px;border:1px solid #f2eeea;border-radius:5px;background:white;color:#786e66}.text-link{font-size:12px;color:#433b36}.page-actions{display:flex;gap:10px;align-items:center}.page-actions input{width:280px}.page-actions .primary{white-space:nowrap}input,select,textarea{width:100%;min-height:39px;padding:10px 11px;border:1px solid #f2eeea;background:white;color:#433b36;border-radius:5px;font-size:12px;outline:none}textarea{resize:vertical;min-height:95px}input:focus,select:focus,textarea:focus{border-color:#aaa19a;box-shadow:0 0 0 2px #f2eeea}label{display:block;font-size:12px;margin-bottom:7px;font-weight:600}.queue-tabs{display:flex;gap:7px;margin:0 0 17px}.queue-tabs button{display:flex;gap:9px;align-items:center;background:white;border:1px solid #f2eeea;padding:10px 14px;border-radius:5px;font-size:12px;color:#786e66;min-height:40px}.queue-tabs button.selected{border-color:#aaa19a;background:#f2eeea;color:#433b36}.queue-tabs b{font-size:11px;padding:2px 6px;background:#f2eeea;border-radius:4px;font-weight:600}.queue-tabs .selected b{background:#f2eeea}.today-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}.queue-section{min-width:0}.list-caption{display:flex;justify-content:space-between;color:#786e66;font-size:11px;margin:0 0 12px;gap:10px}.list-caption strong{font-weight:600;color:#786e66;font-size:12px}.lead-file{background:white;border:1px solid #f2eeea;border-radius:6px;overflow:auto;max-width:100%}.file-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.file-table th{padding:12px;font-size:11px;font-weight:600;color:#786e66;background:#f2eeea;border-bottom:1px solid var(--line);white-space:nowrap}.file-table td{padding:14px 12px;border-bottom:1px solid #f2eeea;vertical-align:top}.file-table tr:last-child td{border-bottom:0}.file-table tr:hover{background:#f2eeea}.file-table th:first-child{width:23%}.file-table th:nth-child(2){width:14%}.file-table th:nth-child(3){width:33%}.customer-link{display:block;font-size:13px;font-weight:600;color:#433b36;line-height:1.5;margin-bottom:6px;overflow-wrap:anywhere}.customer-link:hover{text-decoration:underline}.row-meta{font-size:10px;color:#786e66;line-height:1.8}.row-meta .badge{margin-left:5px}.source-label{display:inline-block;font-size:10px;color:#786e66;margin-top:5px}.added-date{font-size:9px;color:#aaa19a}.badge{display:inline-block;border-radius:4px;padding:3px 6px;font-size:9px;white-space:nowrap;background:#f2eeea;color:#786e66}.badge.hold{background:#f2eeea;color:#786e66}.badge.done{background:#f2eeea;color:#786e66}.badge.closed{background:#f2eeea;color:#786e66}.project-tag{display:inline-block;background:#f2eeea;border:1px solid #f2eeea;color:#786e66;border-radius:4px;padding:5px 7px;font-size:10px;font-weight:600;max-width:140px;line-height:1.5}.last-update p{font-size:12px;line-height:1.7;color:#433b36;margin:0 0 7px;overflow-wrap:anywhere}.last-update small{font-size:10px;color:#786e66}.next-cell{white-space:nowrap;color:#786e66;font-size:11px}.overdue-date{color:#bd4b4b!important}.file-table .primary{font-size:11px;min-height:34px;padding:8px 12px}.transfer-link{display:block;border:0;background:none;font-size:10px;color:#aaa19a;padding:8px 0 0;min-height:27px}.file-filters{display:grid;grid-template-columns:minmax(200px,1fr) 150px 140px 140px;gap:10px;margin-bottom:16px}.file-summary{display:flex;gap:17px;font-size:11px;color:#786e66;margin:10px 0 12px}.file-summary strong{font-weight:600;color:#786e66}.pagination{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#786e66;gap:10px;margin:13px 0}.pagination>div{display:flex;align-items:center;gap:8px}.pagination label{margin:0;font-size:10px;font-weight:400}.pagination select{width:57px;min-height:30px;padding:5px;font-size:10px}.pagination button{min-height:30px;padding:5px 9px;font-size:11px}.pagination button:disabled{opacity:.35;cursor:default}.card{background:white;border:1px solid #f2eeea;border-radius:6px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.count{color:#786e66;font-size:11px}.hint,.quiet-note{font-size:11px;line-height:1.7;color:#786e66}.empty{padding:30px 18px;text-align:center;font-size:12px;color:#aaa19a;line-height:1.7}.empty h3{font-size:13px;color:#786e66}.updates-panel{padding:15px}.updates-panel h2{font-size:14px}.updates-panel .eyebrow{display:none}.updates-panel .section-head{margin-bottom:7px}.new-update{display:inline-block;font-size:9px;background:#f2eeea;color:#786e66;border-radius:10px;padding:3px 6px}.updates-panel h2 .new-update{margin-left:5px}.panel-description{font-size:10px;color:#aaa19a;margin:7px 0 13px}.update-event{display:flex;gap:8px;padding:13px 0;border-top:1px solid #f2eeea}.event-dot{color:#786e66;font-size:8px;padding-top:3px}.event-person{font-size:11px;color:#786e66}.event-person span{font-size:10px;color:#aaa19a}.event-customer{display:block;font-size:11px;margin-top:5px}.event-customer span{font-size:10px;color:#aaa19a;font-weight:400}.update-event p{font-size:11px;line-height:1.7;margin:7px 0;color:#786e66}.update-event small{font-size:9px}.update-event small span{margin-left:6px}.read-updates{border-top:1px solid #f2eeea;margin-top:8px}.read-updates summary{font-size:10px;color:#aaa19a;cursor:pointer;padding-top:12px}.caught-up{padding:10px 0;font-size:11px;color:#aaa19a}.caught-up>span,.caught-up>strong{display:none}.caught-up p{margin:0}.transfer-guide{padding:0;font-size:12px;color:#786e66}.transfer-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:20px 0 15px}.transfer-tabs .stat{display:flex;align-items:center;gap:10px;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 0;min-width:150px;color:#786e66;font-size:12px}.transfer-tabs .stat strong{background:#f2eeea;color:#786e66;padding:3px 6px;font-size:10px}.transfer-tabs .stat.chosen{border-bottom-color:#433b36;color:#433b36}.transfer-tabs+p{font-size:10px}.transfer-project-bar{display:flex;align-items:center;gap:15px;background:white;border:1px solid var(--line);padding:11px 14px;border-radius:5px;margin:15px 0}.transfer-project-bar label{font-size:12px;margin:0}.transfer-project-bar select{max-width:240px}.tracking-card{display:block;padding:18px;border-bottom:1px solid var(--line)}.tracking-card:last-child{border:0}.tracking-title{display:flex;align-items:center;gap:12px}.tracking-title strong{font-size:13px}.tracking-title .project-tag{margin-left:auto}.tracking-card .hint{font-size:10px}.tracking-result{background:#f2eeea;padding:12px;border-radius:4px;margin:12px 0}.tracking-result strong{font-size:11px;color:#786e66}.tracking-result p{font-size:12px;line-height:1.7;margin:7px 0}.tracking-result small{font-size:10px}.tracking-bottom{display:flex;gap:13px;align-items:center;color:#786e66;font-size:10px}.tracking-bottom span:last-child{margin-left:auto}.panel{padding:20px;margin-bottom:16px}.panel .lead{padding:0 0 14px}.lead{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.initials{display:grid;place-items:center;border-radius:5px;flex:none;width:35px;height:38px;font-size:10px;background:#f2eeea;color:#786e66}.lead-main{flex:1;min-width:0}.lead-name{font-weight:600;font-size:12px}.lead-meta,.provenance,.lead-latest{font-size:11px;margin-top:6px;color:#786e66;line-height:1.6}.lead-side{display:grid;justify-items:end;gap:7px}.date{font-size:10px;color:#786e66}.assign-form{margin-top:18px;max-width:450px}.assign-form button{margin-top:12px}.latest{white-space:pre-wrap;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.readonly-notice{background:#f2eeea;padding:12px;font-size:12px;color:#786e66}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.facts dt{font-size:11px;color:#aaa19a;margin-bottom:6px}.facts dd{margin:0;font-size:13px;overflow-wrap:anywhere}.back{display:inline-block;font-size:12px;color:#786e66;margin-bottom:20px}.detail-disclosure summary{font-size:13px;cursor:pointer}.detail-disclosure[open] summary{margin-bottom:18px}.history-card{padding:16px;background:#f2eeea;margin:12px 0;border-left:2px solid #aaa19a;border-radius:3px}.author-header{display:flex;gap:10px;align-items:center}.author-header strong{font-size:12px}.author-header small{font-size:10px}.history-label{display:block;font-size:9px;color:#aaa19a;margin-bottom:6px;letter-spacing:.6px}.history-result{padding:13px 0}.history-result p{font-size:12px;line-height:1.8;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.history-outcome{display:grid;grid-template-columns:1fr 1fr;gap:15px}.history-outcome strong{font-size:11px}.history-entry{padding:14px 0;border-bottom:1px solid var(--line)}.history-entry p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.history-meta{font-size:11px;color:#aaa19a}.form-card{max-width:740px;padding:23px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field.full{grid-column:1/-1}.form-note{font-size:12px;color:#786e66}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.required{color:#ba4c4c}.error,.inline-error,.drawer-feedback{font-size:12px;color:#b44343;line-height:1.6;margin-top:10px}.quickdates{display:flex;gap:7px;margin-top:8px}.quickdates button{background:#f2eeea;border:1px solid #f2eeea;padding:7px 11px;border-radius:4px;color:#786e66;font-size:11px}.no-followup-message{font-size:11px;color:#786e66;line-height:1.7}.workspace>footer{padding:17px 28px;font-size:10px;color:#aaa19a;display:flex;gap:14px;align-items:center;border-top:1px solid var(--line)}.workspace>footer span{flex:1}.workspace>footer button{background:none;border:0;color:#aaa19a;font-size:10px;text-decoration:underline}#toast{display:none;position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:50;padding:13px 20px;background:#433b36;color:white;border-radius:5px;font-size:12px;box-shadow:0 4px 20px #433b3620;max-width:90%}dialog#info{width:min(470px,92vw);border:1px solid var(--line);border-radius:8px;padding:25px;color:#433b36}#info p{font-size:13px;line-height:1.8}#info code{overflow-wrap:anywhere;font-size:12px}dialog::backdrop{background:#433b364d}.customer-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(540px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:0;border:0;border-left:1px solid #f2eeea;color:#433b36;background:white;box-shadow:-12px 0 40px #433b3618}.customer-drawer[open]{display:flex;flex-direction:column}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line);flex:none}.drawer-header h2{font-size:20px;margin-top:7px}.drawer-kicker{font-size:9px;letter-spacing:1.2px;color:#aaa19a}.drawer-body{flex:1;overflow:auto;padding:20px 22px;min-height:0}.drawer-info{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:19px}.drawer-info dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:17px 0 0}.drawer-info dt{font-size:10px;color:#aaa19a;margin-bottom:5px}.drawer-info dd{font-size:12px;margin:0;overflow-wrap:anywhere}.drawer-history{margin-bottom:22px}.drawer-history h3{font-size:13px}.drawer-history h3 span{color:#aaa19a;font-weight:400;margin-left:8px}.history-scroll{max-height:220px;overflow:auto;border:1px solid #f2eeea;border-radius:4px;padding:0 13px}.history-scroll article{padding:14px 0;border-bottom:1px solid #f2eeea}.history-scroll article:last-child{border:0}.history-by{display:flex;justify-content:space-between;gap:10px}.history-by strong{font-size:11px;color:#786e66}.history-by time{font-size:9px;color:#aaa19a}.history-scroll p{font-size:12px;line-height:1.8;margin:9px 0;white-space:pre-wrap;overflow-wrap:anywhere}.history-foot{display:flex;gap:12px;align-items:center;font-size:10px;color:#aaa19a}.drawer-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.drawer-fields small{font-size:10px;margin-top:7px}.drawer-footer{padding:14px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;flex:none;background:white}.drawer-footer>span{font-size:10px;color:#aaa19a}.drawer-footer .primary{min-width:125px}.drawer-feedback.saved{color:#786e66}.drawer-team{margin-top:19px;border-top:1px solid var(--line);padding-top:15px}.drawer-team summary{font-size:12px;color:#786e66;cursor:pointer}.drawer-team p{font-size:11px;color:#786e66}.drawer-team article{padding:12px 0;border-bottom:1px solid var(--line)}.drawer-team article strong{font-size:11px}.drawer-team textarea{margin-bottom:10px;margin-top:6px}
@media(max-width:1250px){.today-workspace{grid-template-columns:minmax(0,1fr)}.activity-aside{max-width:none}.updates-panel{padding:14px 17px}.update-event{padding:12px 0}.file-filters{grid-template-columns:1fr 1fr 1fr}.file-filters input{grid-column:1/-1}.file-table td{padding:13px 10px}.added-date{display:none}}
@media(max-width:800px){.sidebar{width:175px;padding:20px 11px}.workspace{margin-left:175px}main{padding:22px 20px 35px}.topbar{padding:0 20px}.page-actions input{width:230px}.file-table th,.file-table td{font-size:11px}.details-grid{grid-template-columns:1fr}.file-table{min-width:720px}}
@media(max-width:640px){.sidebar{inset:auto 0 0;width:auto;height:70px;padding:0;z-index:10;border-right:0;border-top:1px solid var(--line)}.brand,.sidebar-foot,.demo-tag,.nav-section-label{display:none}.sidebar nav{display:flex;margin:0;height:100%;gap:0}.sidebar nav a{flex:1;flex-direction:column;gap:4px;padding:9px 3px;border-radius:0;justify-content:center;font-size:18px;min-width:0}.sidebar nav a span{font-size:10px;text-align:center;line-height:1.3}.nav-unread{position:absolute;right:9px;top:4px;font-size:9px;min-width:16px;padding:2px 4px}.workspace{margin-left:0}.topbar{height:54px;padding:0 14px;gap:8px}.workspace-label{font-size:9px;letter-spacing:.5px}.member-bar label{display:none}.member-bar select{width:93px;font-size:12px;min-height:34px}.demo-pill{font-size:9px;padding:6px;white-space:nowrap;min-height:34px}main{padding:21px 14px 28px;min-height:80vh}h1{font-size:25px}h2{font-size:15px}.page-heading{gap:13px;margin-bottom:18px;align-items:start}.page-heading p{font-size:11px}.page-heading>.primary{font-size:11px;min-height:39px;padding:9px 12px}.today-heading{display:block}.page-actions{margin-top:17px;gap:8px}.page-actions input{width:auto;flex:1;min-width:0;min-height:42px;font-size:12px}.page-actions .primary{min-height:42px;padding:10px 12px;font-size:11px}.queue-tabs{gap:6px;margin-bottom:16px}.queue-tabs button{flex:1;justify-content:center;padding:10px 5px;gap:5px;font-size:11px;min-height:42px}.queue-tabs b{font-size:10px;padding:2px 4px}.today-workspace{display:flex;flex-direction:column;gap:22px}.queue-section,.activity-aside{width:100%}.lead-file{border:0;background:none;overflow:visible}.file-table,.file-table tbody{display:block;min-width:0;width:100%}.file-table thead{display:none}.file-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;background:white;border-bottom:1px solid #f2eeea;padding:16px 13px;gap:12px}.file-table tr:first-child{border-radius:5px 5px 0 0}.file-table tr:last-child{border-bottom:1px solid #f2eeea;border-radius:0 0 5px 5px}.file-table td{display:block;padding:0;border:0!important;min-width:0;max-width:none;white-space:normal}.file-table td:first-child{grid-column:1;grid-row:1}.file-table td:nth-child(2){grid-column:2;grid-row:1;text-align:right}.file-table td:nth-child(3){grid-column:1/-1;grid-row:2}.file-table td:nth-child(4){grid-column:1;grid-row:3;font-size:11px;align-self:center}.file-table td:nth-child(4)::before{content:'Next: ';color:#aaa19a;font-size:10px}.file-table td:last-child{grid-column:2;grid-row:3;display:flex;gap:12px;align-items:center}.file-table .customer-link{font-size:13px;line-height:1.5}.row-meta{font-size:10px}.row-meta .badge{margin-left:3px;font-size:8px}.source-label{font-size:10px}.project-tag{font-size:10px;max-width:103px;padding:5px 6px}.last-update p{font-size:12px;line-height:1.8;margin-bottom:7px}.last-update small{font-size:10px}.file-table .primary{min-height:39px;font-size:11px;padding:9px 13px}.transfer-link{font-size:10px;min-height:38px;padding:8px 0}.file-filters{grid-template-columns:1fr 1fr;gap:8px}.file-filters input{grid-column:1/-1}.file-filters select:last-child{grid-column:1/-1}.file-filters select{font-size:12px;min-height:41px;padding:10px}.file-summary{font-size:10px;gap:12px;margin:13px 0}.pagination{font-size:10px;gap:9px;flex-wrap:wrap}.pagination>span{flex-basis:100%}.pagination>div{gap:8px}.pagination select{min-height:35px;width:58px}.pagination button{min-height:35px;min-width:35px}.list-caption{font-size:11px}.updates-panel{padding:15px}.update-event p{font-size:11px}.activity-aside{margin-top:4px}.workspace>footer{padding:17px 14px 94px;flex-wrap:wrap;font-size:9px;gap:10px}.workspace>footer span{flex-basis:65%;font-size:9px}.workspace>footer button{font-size:10px}.transfer-tabs{gap:18px}.transfer-tabs .stat{min-width:0;flex:1;font-size:11px;gap:8px}.transfer-project-bar{padding:11px}.transfer-project-bar select{min-width:0}.tracking-card{padding:16px}.tracking-title{gap:9px;flex-wrap:wrap}.tracking-title .project-tag{margin-left:0}.tracking-card .hint{font-size:10px}.tracking-bottom{gap:9px;flex-wrap:wrap}.tracking-result p{font-size:12px}.panel{padding:18px}.facts{gap:18px}.facts dd{font-size:12px}.fields{grid-template-columns:1fr;gap:19px}.field.full{grid-column:auto}.form-card{padding:20px}.form-actions>*{flex:1}input,select,textarea{font-size:14px;min-height:44px}.form-note{font-size:11px}.customer-drawer{inset:0;margin:0;width:100vw;height:100dvh;max-width:100vw;border:0;box-shadow:none}.drawer-header{padding:16px 17px}.drawer-header h2{font-size:20px}.drawer-body{padding:18px 17px}.drawer-info dl{gap:16px}.drawer-info dd{font-size:13px}.drawer-history h3{font-size:14px}.history-scroll{max-height:230px}.history-scroll p{font-size:13px}.history-by time{font-size:9px}.drawer-fields{gap:12px}.drawer-fields input,.drawer-fields select{min-height:44px;font-size:13px;min-width:0}.drawer-footer{padding:12px 17px max(12px,env(safe-area-inset-bottom));gap:10px}.drawer-footer>span{font-size:10px;line-height:1.5}.drawer-footer .primary{min-height:46px;min-width:130px;font-size:13px}.drawer-team summary{min-height:36px;line-height:1.5}.icon-button{min-height:42px;min-width:42px}#toast{bottom:83px;font-size:12px}.no-followup-message{font-size:11px}.readonly-notice{font-size:12px}}

/* Friendly daily workspace */
:root{color:#302f2d;background:#f5f4f2;--green:#a6573e;--muted:#756f68;--line:#e6e2dd}
body{color:#302f2d}.topbar,.sidebar{background:#fff}.logo,.primary{background:#a6573e;border-color:#a6573e;color:white}.primary:hover{background:#8c4531;border-color:#8c4531}.secondary{color:#51483f;border-color:#dcd5ce;background:#fff}nav a.active{background:#f4e8e0;color:#8e4b35}nav a{color:#736d66}.customer-link,.text-link{color:#62483c}.workspace-label{color:#6c6259}.source-label{color:#82715f}.row-meta,.last-update small,.hint,.panel-description{color:#78716a}.last-update p{color:#514d48}.queue-tabs button.selected{background:#f4e8e0;color:#87462f;border-color:#d3ad99}.queue-tabs button.selected b{background:#e9d1c2;color:#75412e}.project-tag{background:#f6e9d7;border-color:#e9d5b8;color:#775a31}.badge{background:#edf1e9;color:#526048}.badge.hold{background:#f6eddc;color:#8a6835}.badge.done{background:#efedeb;color:#6d6761}.badge.closed{background:#e9eee7;color:#446046}.nav-unread,.new-update{background:#f5e8dc;color:#915335}.transfer-tabs .stat.chosen{color:#914d37;border-bottom-color:#a6573e}.transfer-tabs .stat strong{background:#f2e9e1;color:#8d5239}.transfer-project-bar{display:grid;grid-template-columns:auto minmax(120px,1fr) auto minmax(120px,1fr) auto minmax(120px,1fr);gap:12px}.transfer-project-bar select{max-width:none}.tracking-result,.history-card{background:#f7f5f2}.history-by strong,.tracking-result strong{color:#735642}.drawer-feedback.saved{color:#52694a}input:focus,select:focus,textarea:focus{border-color:#b88168;box-shadow:0 0 0 2px #f4e8df}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#b88168}#toast{background:#433b34}.dashboard-heading{margin:5px 0 25px}.dashboard-heading h1{font-size:32px;margin:8px 0}.hello-date{font-size:12px!important;color:#7d756c!important}.day-welcome{border:1px solid #eadbcd;background:#f5ebe1;border-radius:14px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.day-welcome .eyebrow{display:block;color:#8d654f;font-weight:600;font-size:10px}.day-welcome h2{font-size:25px;letter-spacing:-.5px;font-weight:600;max-width:510px;line-height:1.35}.day-welcome p{color:#7d6857;font-size:13px;margin:12px 0 20px}.day-welcome .primary{gap:28px;border-radius:7px;padding:12px 18px}.day-mark{font-size:95px;line-height:1;color:#c18d53;padding-right:22px;font-weight:400}.day-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 28px}.day-stats>a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px;transition:transform .15s,border-color .15s}.day-stats>a:hover{transform:translateY(-2px);border-color:#c69e86}.day-stats span{font-size:12px;color:#746b61}.day-stats strong{display:block;font-size:32px;font-weight:600;line-height:1.3;margin:11px 0 8px;color:#453e36}.day-stats small{font-size:11px;color:#81776e}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:22px;align-items:start}.activity-today{padding:21px;border-radius:10px}.activity-today .hint{margin-top:0}.dashboard-columns .updates-panel{padding:21px;border-radius:10px}.day-event{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.day-event>div{min-width:0}.day-event strong{font-size:13px;margin-right:8px}.day-event p{font-size:13px;color:#62584e;margin:9px 0;white-space:pre-wrap;overflow-wrap:anywhere}.day-event small{color:#82786e;font-size:11px}.day-event>span{color:#a5785e}.day-event .project-tag{font-size:10px;padding:3px 7px}.activity-today .section-head{gap:10px}.activity-today .text-link{white-space:nowrap;font-size:11px}.dashboard-columns .caught-up{padding:15px 0}.dashboard-columns .empty{padding:25px 0;font-size:12px}
@media(max-width:1100px){.day-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.transfer-project-bar{grid-template-columns:100px minmax(0,1fr)}.day-welcome h2{font-size:23px}}
@media(max-width:640px){.dashboard-heading h1{font-size:28px}.dashboard-heading{margin-bottom:20px}.day-welcome{padding:23px 20px;gap:5px;border-radius:12px}.day-welcome h2{font-size:21px}.day-welcome p{font-size:12px}.day-mark{font-size:42px;padding:0;align-self:start;margin-top:20px}.day-welcome .eyebrow{font-size:8px;letter-spacing:.6px}.day-welcome .primary{min-height:44px;font-size:12px}.day-stats{gap:10px;margin:14px 0 22px}.day-stats>a{padding:15px 13px}.day-stats strong{font-size:28px;margin:8px 0}.day-stats small{font-size:10px;line-height:1.5}.day-stats span{font-size:12px}.dashboard-columns{gap:18px}.activity-today,.dashboard-columns .updates-panel{padding:17px}.queue-tabs{flex-wrap:wrap}.queue-tabs button{flex:1 1 42%}.transfer-project-bar{grid-template-columns:78px minmax(0,1fr);gap:10px}.transfer-project-bar label{font-size:11px}.transfer-project-bar select{font-size:12px;min-height:44px}.day-event strong{font-size:13px}}
.followed-summary{font-size:14px;color:#62584e;margin:8px 0 17px}.followed-summary strong{color:#43382f}.activity-tabs{margin:0 0 12px}.activity-tabs button{flex:1;justify-content:center}.followed-record{padding:19px 0;border-top:1px solid var(--line)}.followed-title{display:flex;gap:12px;justify-content:space-between;align-items:start}.followed-title .customer-link{margin:0;font-size:14px}.followed-record>small{font-size:11px;margin:5px 0 15px;color:#7c736b}.followed-label{font-size:9px;font-weight:600;letter-spacing:.8px;color:#8b7664}.followed-result p{margin:7px 0 15px;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#453e37}.followed-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8f6f3;padding:12px;border-radius:6px}.followed-facts span{display:block;font-size:11px;color:#7d7267;margin-bottom:5px}.followed-facts strong{font-weight:500;font-size:12px;color:#493f35;display:block}.followed-actions{display:flex;gap:8px;align-items:center;margin-top:13px}.followed-actions>.badge{margin-right:auto}.followed-actions .primary,.followed-actions .secondary{min-height:36px;font-size:11px;padding:8px 11px}.activity-more{display:block;padding-top:15px;font-size:12px;color:#8e5039;border-top:1px solid var(--line);margin-top:8px}.activity-search{max-width:500px;margin-bottom:20px}.updates-panel h2{line-height:1.5}.event-person{font-weight:600;color:#725440}.event-person span{font-weight:400}.update-event small{font-size:11px;color:#786b60}.update-event p{font-size:13px;color:#51463d}.event-customer{font-size:13px}.event-customer span{font-size:11px;color:#786b60}@media(max-width:640px){.followed-facts{grid-template-columns:1fr;gap:13px}.followed-record{padding:18px 0}.followed-actions .primary,.followed-actions .secondary{min-height:44px}.followed-result p{font-size:14px}.activity-tabs button{font-size:12px}.followed-title .project-tag{flex-shrink:0}}
.other-update-outcome{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:11px;color:#786b60}.other-update-outcome .badge{font-size:10px}
.schedule-filters{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.schedule-filters button{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 13px;min-height:38px;font-size:12px;color:#73675b}.schedule-filters button b{font-weight:600}.schedule-filters button.selected{background:#f4e8e0;color:#87462f;border-color:#c89f88}.schedule-filters button:hover{border-color:#b88168}@media(max-width:640px){.schedule-filters{gap:6px}.schedule-filters button{min-height:44px;flex:1;justify-content:center;font-size:11px;padding:9px 7px;gap:6px}}
/* Color accents: warm actions, mint personal work, lavender handoffs, amber dates. */
:root{--mint-bg:#e8f4ee;--mint-ink:#285f4b;--lavender-bg:#f0eaf8;--lavender-ink:#6e4b91;--amber-bg:#fff3d9;--amber-ink:#815b1c;--rose-bg:#fbecea;--rose-ink:#a34440;--peach-bg:#fae9dc;--peach-ink:#935331;background:#f6f5f2}
.sidebar{background:#fffefa}.topbar{background:#fffdfa}.brand{color:#42352f}.logo{background:#a65b43;box-shadow:3px 3px 0 #f1d8c7}.topbar .workspace-label{color:#827064}.demo-pill{background:#f1ebf7;border-color:#e3d6ed;color:#77538e}.avatar{background:#e5f0e9;color:#3e6851}.nav-section-label{color:#8a7766}nav a[data-nav=today].active{background:var(--peach-bg);color:#935331}nav a[data-nav=leads].active{background:var(--mint-bg);color:var(--mint-ink)}nav a[data-nav=received].active{background:var(--lavender-bg);color:var(--lavender-ink)}nav a[data-nav=transfers].active{background:var(--amber-bg);color:var(--amber-ink)}nav a[data-nav=today]:hover{background:#fcf0e6}nav a[data-nav=leads]:hover{background:#edf7f1}nav a[data-nav=received]:hover{background:#f5effb}nav a[data-nav=transfers]:hover{background:#fff7e7}
.day-welcome{background:linear-gradient(110deg,#fae9da,#fcf3e3 65%,#f4eef8);border-color:#ecd8c5}.day-welcome .eyebrow{color:#936544}.day-welcome h2{color:#59402e}.day-mark{color:#c69740}.day-stats>a{border-top:3px solid transparent}.day-stats>a:nth-child(1){background:#ebf5ee;border-color:#d9eadd;border-top-color:#78aa8b}.day-stats>a:nth-child(1) span,.day-stats>a:nth-child(1) strong{color:#32634c}.day-stats>a:nth-child(2){background:#fff5df;border-color:#f0e4bd;border-top-color:#d8b565}.day-stats>a:nth-child(2) span,.day-stats>a:nth-child(2) strong{color:#806123}.day-stats>a:nth-child(3){background:#faedeb;border-color:#efd9d5;border-top-color:#d89b92}.day-stats>a:nth-child(3) span{color:#885c55}.day-stats>a:nth-child(4){background:#f1ebf8;border-color:#e5dcee;border-top-color:#ad94c4}.day-stats>a:nth-child(4) span,.day-stats>a:nth-child(4) strong{color:#72528f}.day-stats small{color:#6e655e}.day-stats>a:hover{box-shadow:0 4px 12px #5b47320b}.activity-today{border-top:3px solid #83ad93}.activity-today .section-head h2{color:#3e6650}.updates-panel{border-top:3px solid #b29ac8}.updates-panel h2{color:#705087}.new-update,.nav-unread{background:#eadff3;color:#71468e}.updates-panel .activity-more{color:#77508c}.updates-panel .update-event.is-unread{background:#f8f3fb;border-radius:6px;padding:12px 9px}.event-dot{color:#956aaf}.event-person{color:#76548c}.followed-facts{background:#f0f6ef}.followed-label{color:#607c5e}.followed-actions .secondary{background:#f6f3fa;border-color:#e4d9ed;color:#77558e}.activity-tabs button[data-activity-bucket=own].selected{background:var(--mint-bg);border-color:#a3c6ae;color:var(--mint-ink)}.activity-tabs button[data-activity-bucket=received].selected{background:var(--lavender-bg);border-color:#c8b4dc;color:var(--lavender-ink)}
.project-tag.project-0{background:#f9e8d3;border-color:#e9cfa8;color:#80571f}.project-tag.project-1{background:#efe5f8;border-color:#d9c3e9;color:#744693}.project-tag.project-2{background:#e3f0e6;border-color:#bfd9c6;color:#346549}.project-tag.project-3{background:#f9e4e8;border-color:#e9c2cc;color:#914d60}.project-tag.project-4{background:#f6efcc;border-color:#e4d799;color:#796318}.badge{background:#e3f0e8;color:#36664b}.badge.hold{background:#fff0ce;color:#835f21}.badge.done{background:#ece9f1;color:#6c627c}.badge.closed{background:#d7ebdc;color:#2b603c}.source-label{padding:2px 6px;border-radius:4px;line-height:1.5}.source-label.source-own{background:#edf5ef;color:#52705a}.source-label.source-received{background:#f1eaf8;color:#79548f}.source-label.source-sent{background:#fcf0de;color:#86602d}.file-table th{background:#f5f3ed;color:#746550}.file-table tr:hover{background:#fdf9f1}.schedule-filters button[data-lead-due=all].selected{background:#e9f3ec;border-color:#a8c8b2;color:#3c644b}.schedule-filters button[data-lead-due=due].selected,.queue-tabs button[data-tab=due].selected{background:#fff1d2;border-color:#d9bc77;color:#7d5b20}.schedule-filters button[data-lead-due=overdue].selected,.queue-tabs button[data-tab=overdue].selected{background:#fbe9e5;border-color:#d9a299;color:#9b4942}.queue-tabs button[data-tab=new].selected{background:#eee6f7;border-color:#c9b3df;color:#72508e}.queue-tabs button[data-tab=all].selected{background:#e8f2eb;border-color:#a8c7b0;color:#446c50}.transfer-tabs .stat[data-view=pending].chosen{color:#8c661f;border-bottom-color:#c69d46}.transfer-tabs .stat[data-view=pending] strong{background:#fff0cc;color:#8c661f}.transfer-tabs .stat[data-view=sent].chosen{color:#795491;border-bottom-color:#a88bbf}.transfer-tabs .stat[data-view=sent] strong{background:#eee5f6;color:#795491}.transfer-project-bar{background:#fffcf5;border-color:#eadfc7}.tracking-result{background:#f6f1fa}.tracking-card .tracking-result strong{color:#79578c}.initials{background:#ede5f5;color:#79548d}.form-card{border-top:3px solid #bfa1cc}.drawer-header{background:#fbf5ee}.drawer-info{background:#fffcf5;border-radius:7px;padding:14px;border:1px solid #eee4d2}.drawer-history h3{color:#765488}.history-scroll article{border-bottom-color:#e9e2ef}.history-by strong{color:#77518f}.drawer-footer{background:#fffdf9}.drawer-feedback.saved{color:#346748}.drawer-team summary{color:#7c5d8c}.quickdates button{background:#f7efdf;border-color:#e8d8b9;color:#86652b}
@media(max-width:640px){.sidebar{background:#fffefa}.day-stats>a{border-top-width:3px}.file-table tr{border-bottom-color:#e6e1d8}.file-table tr:hover{background:#fff}.day-welcome{background:linear-gradient(130deg,#fae9da,#fcf3e3 80%,#f2eaf7)}}
.team-dashboard-link{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 20px;border:1px solid #ddcfe9;border-radius:8px;background:#f3edf9;color:#76538e;margin-bottom:22px;font-size:13px}.team-dashboard-link span{font-size:12px}.team-filters{display:grid;grid-template-columns:minmax(200px,1.6fr) repeat(3,minmax(130px,1fr));gap:10px;margin-bottom:20px}.team-summary{display:flex;gap:20px;font-size:13px;color:#817188;margin:17px 0}.team-summary strong{color:#76538e}.team-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#7c7182;margin-bottom:14px}.team-pager>div{display:flex;align-items:center;gap:12px}.team-pager button{min-width:38px}.team-pager button:disabled{opacity:.4;cursor:default}.team-feed{border-top:3px solid #b396c7}.team-event{padding:20px 23px;border-bottom:1px solid var(--line)}.team-event:last-child{border:0}.team-event-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.team-author{font-size:13px;color:#77518d}.team-event-head time{display:block;font-size:11px;color:#81758a;margin-top:6px}.team-customer{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:15px}.team-customer .customer-link{margin:0;font-size:14px}.team-customer small{font-size:11px;color:#887b8c}.team-result{font-size:14px;color:#514752;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0}.team-event-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#807285}.team-event-footer strong{font-weight:500;color:#604d6b}.team-event-footer button{background:#f5f0f9;border-color:#e1d5eb;color:#77518d}.sidebar nav a[data-nav=team-updates].active{background:#f0e6f8;color:#784e95}.sidebar nav a[data-nav=team-updates]:hover{background:#f6effb}@media(max-width:900px){.team-filters{grid-template-columns:1fr 1fr}.team-filters input{grid-column:1/-1}}@media(max-width:640px){.admin-view .sidebar nav a span{font-size:9px}.team-filters{gap:8px}.team-filters select:last-child{grid-column:1/-1}.team-summary{gap:14px;font-size:12px}.team-event{padding:17px 14px}.team-pager{font-size:11px;flex-wrap:wrap}.team-pager button{min-height:44px}.team-event-footer{align-items:start;flex-wrap:wrap}.team-event-footer button{min-height:44px}.team-dashboard-link{padding:15px;flex-wrap:wrap;gap:7px}.team-event-head time{font-size:10px}.team-customer small{flex-basis:100%}.team-filters input,.team-filters select{min-height:44px}}
.brand .sonic-logo{width:65px;height:65px;object-fit:contain;border-radius:9px;flex-shrink:0;background:#080606}.brand{gap:10px;font-size:19px;letter-spacing:1px}.brand .crm{font-size:7px;letter-spacing:.8px}.member-bar select{width:136px}@media(max-width:640px){.member-bar select{width:110px}.topbar{padding-left:12px;gap:6px}.workspace-label{font-size:8px;letter-spacing:0}.demo-pill{font-size:8px}}

.mobile-sonic-logo{display:none}@media(max-width:640px){.mobile-sonic-logo{display:block;width:35px;height:35px;object-fit:contain;border-radius:5px;margin-right:auto}.topbar .workspace-label{display:none}}
@media(min-width:641px) and (max-width:800px){.brand .sonic-logo{width:52px;height:52px}.brand{font-size:17px;gap:8px}}

/* Tablet list layout: readable rows instead of compressed desktop columns. */
@media(min-width:641px) and (max-width:1024px){.lead-file{border:0;background:none;overflow:visible}.file-table,.file-table tbody{display:block;min-width:0;width:100%}.file-table thead{display:none}.file-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;background:white;border-bottom:1px solid #f2eeea;padding:16px 13px;gap:12px}.file-table tr:first-child{border-radius:5px 5px 0 0}.file-table tr:last-child{border-bottom:1px solid #f2eeea;border-radius:0 0 5px 5px}.file-table td{display:block;padding:0;border:0!important;min-width:0;max-width:none;white-space:normal}.file-table td:first-child{grid-column:1;grid-row:1}.file-table td:nth-child(2){grid-column:2;grid-row:1;text-align:right}.file-table td:nth-child(3){grid-column:1/-1;grid-row:2}.file-table td:nth-child(4){grid-column:1;grid-row:3;font-size:11px;align-self:center}.file-table td:nth-child(4)::before{content:'Next: ';color:#aaa19a;font-size:10px}.file-table td:last-child{grid-column:2;grid-row:3;display:flex;gap:12px;align-items:center}.file-table .customer-link{font-size:13px;line-height:1.5}.row-meta{font-size:10px}.row-meta .badge{margin-left:3px;font-size:8px}.source-label{font-size:10px}.project-tag{font-size:10px;max-width:103px;padding:5px 6px}.last-update p{font-size:12px;line-height:1.8;margin-bottom:7px}.last-update small{font-size:10px}.file-table .primary{min-height:39px;font-size:11px;padding:9px 13px}.transfer-link{font-size:10px;min-height:38px;padding:8px 0} .file-table tr{padding:18px;gap:14px}.file-table .customer-link{font-size:15px}.last-update p{font-size:14px}.last-update small,.source-label,.next-cell{font-size:12px}.file-table .primary,.transfer-link{min-height:44px;font-size:13px}.project-tag{font-size:12px;max-width:180px}.file-table td:nth-child(4){font-size:13px}}
/* Comfortable touch targets, safe-area spacing and resilient small-screen forms. */
html{scroll-padding-top:72px}button,input,select,textarea{max-width:100%}input,select,textarea{min-width:0}button,.primary,.secondary{min-height:42px}.icon-button{min-height:44px;min-width:44px}.topbar{position:sticky;top:0;z-index:9}.sidebar{z-index:10;overflow-y:auto}.customer-drawer{height:100dvh;overscroll-behavior:contain}.drawer-body{overscroll-behavior:contain;scroll-padding-bottom:24px;-webkit-overflow-scrolling:touch}.drawer-header,.drawer-footer{flex-shrink:0}.drawer-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}.history-scroll{max-height:32dvh;min-height:90px;-webkit-overflow-scrolling:touch}.assign-form{display:grid;gap:10px;margin-top:16px;max-width:500px}.assign-form label{margin-bottom:0}.assign-form select{min-height:44px}.assign-form button{justify-self:start;min-height:44px}.file-table th{position:sticky;top:0;z-index:1}.file-table td,.facts dd,.drawer-info dd{overflow-wrap:anywhere}.form-card{width:100%}.page-heading>div{min-width:0}.page-actions{min-width:0}.fields>*{min-width:0}.team-filters>*{min-width:0}.followed-title .customer-link{min-width:0}.followed-facts strong{overflow-wrap:anywhere}.pagination button,.team-pager button{min-width:40px;min-height:40px}.drawer-feedback:empty{display:none}.member-bar select{min-height:40px}textarea{scroll-margin-bottom:120px}
@media(min-width:641px) and (max-width:1100px){.topbar{padding:0 20px}.workspace-label{letter-spacing:.5px;font-size:10px}.member-bar label{display:none}.file-filters{grid-template-columns:1fr 1fr 1fr}.file-filters input{grid-column:1/-1}.file-filters input,.file-filters select{min-height:44px;font-size:15px}.customer-drawer{width:min(600px,85vw)}.drawer-body{padding:21px}.drawer-fields input,.drawer-fields select{min-height:46px;font-size:16px}.drawer-footer .primary{min-height:46px}.drawer-info dd,.history-scroll p{font-size:14px}.history-by strong,.history-foot{font-size:12px}.history-by time{font-size:11px}.form-card{max-width:none}.fields{gap:18px}.form-card input,.form-card select,.form-card textarea{font-size:16px;min-height:46px}.form-card textarea{min-height:120px}.schedule-filters button,.queue-tabs button,.pagination button,.pagination select{min-height:44px}.sidebar nav a{min-height:48px}.transfer-project-bar select{min-height:44px}.tracking-result p{font-size:14px}}
@media(max-width:640px){.topbar{height:58px;padding-top:env(safe-area-inset-top)}.sidebar{height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);overflow:visible}.sidebar nav{height:70px}.workspace>footer{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.customer-drawer{width:100vw;max-width:100vw}.drawer-fields{grid-template-columns:minmax(0,1fr)}input,select,textarea,.drawer-fields input,.drawer-fields select{font-size:16px!important;min-height:46px}.member-bar select{font-size:14px!important;min-height:40px}.drawer-footer{gap:8px}.drawer-footer .primary{min-width:136px;min-height:48px}.drawer-footer>span{max-width:45%}.drawer-info dl{gap:14px}.history-by{flex-wrap:wrap;gap:5px}.history-by time{font-size:11px}.history-foot{flex-wrap:wrap;gap:8px}.history-scroll p{font-size:14px}.form-actions{position:sticky;bottom:calc(80px + env(safe-area-inset-bottom));background:#fffdf9;padding:12px 0;margin-bottom:0;border-top:1px solid var(--line)}.form-actions .primary,.form-actions .secondary{min-height:46px}.assign-form{max-width:none}.assign-form button{width:100%;min-height:46px}.file-table .primary,.transfer-link{min-height:44px}.transfer-project-bar{grid-template-columns:minmax(70px,auto) minmax(0,1fr)}.tracking-bottom{line-height:1.7}.tracking-bottom span:last-child{margin-left:0}.team-summary{flex-wrap:wrap}.day-welcome .day-mark{flex-shrink:0}.drawer-header h2{overflow-wrap:anywhere}.team-event-footer{font-size:12px}.team-event-footer .secondary{min-height:44px}#toast{bottom:calc(85px + env(safe-area-inset-bottom))}}
@media(pointer:coarse){button,.primary,.secondary,summary{min-height:44px}input,select,textarea{font-size:16px;min-height:44px}.lead-file{-webkit-overflow-scrolling:touch}.transfer-link{padding:10px 4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.auth-card{max-width:460px;margin:5vh auto;padding:30px}.auth-card input{font-size:16px;margin-bottom:18px;min-height:46px}.auth-card .primary{width:100%;min-height:46px}.auth-card p{font-size:14px}.auth-card small{margin-top:23px}.auth-link{border:0;background:none;color:#8f503c;padding:16px 0;min-height:44px}.signed-out .sidebar,.signed-out .member-bar{display:none}.signed-out .workspace{margin-left:0}.signed-out #logout{display:none}#auth-message{color:#975245;overflow-wrap:anywhere}.auth-card .eyebrow{display:block}.auth-card h1{margin-bottom:13px}

.auth-card>.sonic-logo{width:76px;height:76px;object-fit:contain;border-radius:9px;margin-bottom:20px}

/* Simple customer details: one reading surface, one primary action. */
.preview-delete-link{border:0;border-top:1px solid #eae4df;border-radius:0;background:none;text-align:left;width:100%;color:#967568;font-size:12px;margin-top:4px;padding:18px 0}.preview-delete-dialog{width:min(520px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:26px;border:1px solid #e5ddd6;border-radius:12px;color:#51473f}.preview-delete-dialog::backdrop{background:#241d174d}.preview-delete-dialog h2{font-size:20px;margin:0 0 18px}.preview-delete-dialog p{line-height:1.7;font-size:14px}.preview-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.preview-delete-actions button{min-height:46px}.preview-trash-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.preview-trash-heading h2{margin:0}.preview-trash-heading h2 span{font-size:13px;color:#92857b}.preview-trash-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #eae4df}.preview-trash-row p{font-size:12px;margin:8px 0}.preview-trash-row small{font-size:11px;color:#95877c;line-height:1.6}.preview-trash-row .secondary{min-height:44px}.preview-trash-empty{padding:20px 0;color:#9a8d82}.preview-trash-button{font-size:12px}.preview-delete-dialog [role=alert]{color:#a65342}
.simple-customer .drawer-header{background:#fff;border-bottom:1px solid #eee9e5;padding:23px 25px}.simple-customer .drawer-kicker{display:none}.simple-customer .drawer-header h2{font-size:23px;margin:0 0 10px}.simple-customer .drawer-header .project-tag{display:inline-block}.simple-customer .drawer-body{padding:0 25px 26px}.simple-customer .drawer-info{background:none;border:0;border-radius:0;padding:17px 0;margin:0}.customer-contact{display:flex;flex-wrap:wrap;gap:8px 18px;color:#80766f;font-size:13px}.customer-contact span+span{border-left:1px solid #e7dfd9;padding-left:18px}.latest-followup{padding:20px 0 23px}.latest-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.simple-customer .latest-title h3{font-size:13px;letter-spacing:0;color:#837970;margin:0;font-weight:600}.latest-result{font-size:17px;line-height:1.65;color:#322d29;white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0 10px}.latest-author{font-size:12px;color:#75685e;line-height:1.6}.latest-author span{color:#978b82}.latest-next{display:flex;justify-content:space-between;gap:16px;margin-top:22px;padding-top:17px;border-top:1px solid #eee9e5;font-size:13px}.latest-next>span{color:#887c73}.latest-next strong{color:#584b40;font-weight:600}.latest-empty{color:#958b83;font-size:15px;margin:16px 0}.simple-add-update{width:100%;margin:0 0 25px;min-height:48px;border-radius:8px}.simple-customer #drawer-update{padding:8px 0 25px}.simple-customer #drawer-update h3{margin-top:0;font-size:16px}.simple-customer .simple-history,.simple-customer .simple-transfers{border-top:1px solid #eae4df;padding:0;margin:0}.simple-history>summary,.simple-transfers>summary{padding:19px 0;cursor:pointer;font-size:14px;color:#706358;display:flex;gap:8px;align-items:center;list-style:none}.simple-history>summary::-webkit-details-marker,.simple-transfers>summary::-webkit-details-marker{display:none}.simple-history>summary::after,.simple-transfers>summary::after{content:'＋';margin-left:auto;color:#a99b91}.simple-history[open]>summary::after,.simple-transfers[open]>summary::after{content:'−'}.simple-history>summary>span{font-size:12px;background:#f1ece7;border-radius:12px;padding:2px 7px;color:#8a786a}.simple-customer .drawer-history{margin:0 0 12px}.simple-customer .history-scroll{max-height:none!important;min-height:0;overflow:visible;border:0;background:none;padding:0 0 0 14px;margin-left:3px;border-left:2px solid #e9e0d9;border-radius:0}.simple-customer .history-scroll article{position:relative;padding:4px 0 18px;margin-bottom:14px;border-bottom:1px solid #eee9e5}.simple-customer .history-scroll article::before{content:'';position:absolute;left:-19px;top:8px;width:8px;height:8px;border-radius:50%;background:#cbb4a4;border:2px solid #fff}.simple-customer .history-scroll article:last-child{border-bottom:0;margin-bottom:0}.simple-customer .history-by strong{color:#7b695b;font-size:12px}.simple-customer .history-by time{color:#a4968b;font-size:11px}.simple-customer .history-scroll p{font-size:14px;line-height:1.7;margin:10px 0;color:#4e4640}.simple-customer .history-foot{font-size:11px;color:#96877c}.simple-customer .drawer-team{margin:0;border-top:1px solid #eee9e5}.simple-customer .drawer-team summary{font-size:13px;color:#8a7c71}.transfer-owner{font-size:12px;color:#88776b;margin:0 0 16px}.simple-customer .drawer-footer{background:#fff;gap:10px}.simple-customer .drawer-footer .secondary{margin-left:auto}.simple-customer [hidden]{display:none!important}@media(max-width:640px){.simple-customer .drawer-header{padding:20px}.simple-customer .drawer-body{padding:0 20px 24px}.simple-customer .latest-result{font-size:17px}.simple-customer .latest-next{font-size:13px}.simple-customer .drawer-footer>span{display:none}.simple-customer .drawer-footer .primary{flex:1}.simple-customer .history-by{display:block}.simple-customer .history-by time{display:block;margin-top:4px}}
/* Compact desktop rows. Existing stacked mobile/tablet layout stays intact. */
.compact-lead-table .compact-extra,.compact-last-time{display:none}
@media(min-width:1025px){
 .compact-lead-table{display:block;min-width:940px;width:100%;table-layout:fixed}.compact-lead-table thead,.compact-lead-table tbody{display:block}.compact-lead-table tr{display:grid;grid-template-columns:minmax(130px,1.1fr) 125px 100px 80px minmax(200px,2fr) 100px 132px;align-items:center;min-height:54px;border-bottom:1px solid #eee9e5}.compact-lead-table th,.compact-lead-table td{display:block;border:0!important;padding:10px 10px;min-width:0;max-width:none;white-space:nowrap;overflow:hidden}.compact-lead-table th:nth-child(1),.compact-lead-table td:nth-child(1){grid-column:1;grid-row:1}.compact-lead-table th:nth-child(2),.compact-lead-table td:nth-child(2){grid-column:3;grid-row:1}.compact-lead-table th:nth-child(3),.compact-lead-table td:nth-child(3){grid-column:5;grid-row:1}.compact-lead-table th:nth-child(4),.compact-lead-table td:nth-child(4){grid-column:6;grid-row:1}.compact-lead-table th:nth-child(5),.compact-lead-table td:nth-child(5){grid-column:7;grid-row:1}.compact-lead-table th:nth-child(6),.compact-lead-table td:nth-child(6){grid-column:2;grid-row:1}.compact-lead-table th:nth-child(7),.compact-lead-table td:nth-child(7){grid-column:4;grid-row:1}.compact-lead-table .compact-extra{display:block}.compact-lead-table .customer-link{display:inline;font-size:13px;margin:0}.compact-lead-table .row-meta,.compact-lead-table .added-date{display:none}.compact-lead-table .source-label{display:inline-flex;font-size:9px;padding:3px 4px;margin-left:6px;vertical-align:middle;max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-lead-table .compact-phone{font-size:12px;color:#75675c;font-variant-numeric:tabular-nums;text-overflow:ellipsis}.compact-lead-table .project-tag{font-size:10px;padding:5px 7px;margin:0;max-width:95px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.compact-lead-table .badge{font-size:10px;padding:4px 6px;white-space:nowrap}.compact-lead-table td.last-update{display:flex;align-items:center;gap:12px}.compact-lead-table .last-update p{font-size:12px;line-height:1.5;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.compact-lead-table .last-update small{display:none}.compact-lead-table .compact-last-time{display:inline;flex-shrink:0;font-size:10px;color:#9a8a7d}.compact-lead-table .next-cell{font-size:11px}.compact-lead-table td:nth-child(5){display:flex;align-items:center;gap:10px;overflow:visible}.compact-lead-table .primary{min-height:34px;font-size:11px;padding:7px 12px}.compact-lead-table .transfer-link{display:inline-flex;align-items:center;min-height:34px;font-size:10px;padding:0;margin:0}.compact-lead-table thead tr{min-height:38px;background:#faf8f5}.compact-lead-table th{font-size:11px;position:static}
}
@media(min-width:1025px) and (pointer:coarse){.compact-lead-table .primary,.compact-lead-table .transfer-link{min-height:44px}}
@media(min-width:1025px){.compact-lead-table th,.compact-lead-table td{width:auto!important}}
.preview-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.preview-heading-actions .primary{white-space:nowrap}
@media(max-width:1024px){.compact-lead-table td:nth-child(5){grid-column:2;grid-row:3;display:flex;align-items:center;gap:12px}.compact-lead-table .compact-extra{display:none!important}}
@media(min-width:1025px){.compact-lead-table tr{grid-template-columns:150px 125px 100px 80px minmax(200px,1fr) 100px 132px}}
/* Today activity uses the same compact, customer-first reading pattern. */
.compact-today .compact-today-list{border-top:1px solid #e9e3dd}.compact-today .today-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #eee9e5}.compact-today .today-line-head{display:none}.today-line-person{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;min-width:0}.today-line-person .customer-link{margin:0;font-size:13px;white-space:nowrap}.today-line-person>span{font-size:11px;color:#958579;overflow-wrap:anywhere}.today-line-result{grid-column:1/-1;font-size:13px;line-height:1.6;margin:0;color:#51473e;min-width:0}.today-line-time,.today-line-next{font-size:11px;color:#8e7d70}.today-line-time::before{content:'Updated: '}.today-line-next::before{content:'Next: '}.today-line-next{text-align:right}.today-line-status{min-width:0}.today-line-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:nowrap}.today-line-actions .primary,.today-line-actions .secondary{font-size:11px;min-height:38px;padding:8px 11px;white-space:nowrap}.today-line .project-tag{margin:0;font-size:10px;max-width:115px}.today-line .badge{font-size:10px}.compact-today .today-line:last-child{border-bottom:0}
@media(min-width:1025px){.dashboard-columns:has(>.compact-today){grid-template-columns:minmax(0,1fr)}.compact-today .compact-today-list{overflow-x:auto}.compact-today .today-line{grid-template-columns:200px 95px minmax(180px,1fr) 95px 100px 70px 180px;gap:10px;min-width:980px;min-height:56px;padding:10px 0}.compact-today .today-line-head{display:grid;min-height:35px;background:#faf8f5;font-size:10px;color:#8c7c70}.today-line-head>span{padding-left:4px}.today-line-result{grid-column:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.today-line-time,.today-line-next{white-space:nowrap;text-align:left}.today-line-time::before,.today-line-next::before{content:none}.today-line-person{flex-wrap:nowrap}.today-line-actions .primary,.today-line-actions .secondary{min-height:34px;padding:7px 10px;font-size:10px}.compact-today .section-head{margin-bottom:10px}.compact-today .followed-summary{margin:8px 0 12px}.compact-today .queue-tabs{margin:10px 0}.compact-today .hint{font-size:11px;margin-bottom:12px}}
@media(pointer:coarse){.today-line-actions .primary,.today-line-actions .secondary{min-height:44px}}
@media(max-width:480px){.today-line-actions{gap:6px}.today-line-actions .primary,.today-line-actions .secondary{font-size:10px;padding:8px}.today-line-person>span{font-size:11px}}
@media(min-width:1025px){.compact-today .today-line{grid-template-columns:190px 85px minmax(130px,1fr) 85px 95px 65px 170px;min-width:900px}}
/* Larger, clearer type with restrained sans-serif variation. */
:root{font-family:'Segoe UI',Arial,sans-serif}body{font-size:15px}h1,h2,h3,.customer-link{font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif}h1{font-size:28px}.sidebar nav a{font-size:14px}.page-heading p,.hint{font-size:13px}.lead-row-number{display:inline-block;flex-shrink:0;min-width:20px;margin-right:8px;color:#9b8879;font-family:'Segoe UI',Arial,sans-serif;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.today-line-person>.lead-row-number{font-size:13px;color:#9b8879;margin-right:0}.compact-lead-table .customer-link,.today-line-person .customer-link{font-size:16px;font-weight:700}.today-line-person>span:not(.lead-row-number){font-size:13px}.simple-customer .latest-result{font-size:18px}.simple-customer .latest-author{font-size:13px}.simple-history>summary,.simple-transfers>summary{font-size:15px}.simple-customer .history-scroll p{font-size:15px}
@media(min-width:1025px){.compact-lead-table{min-width:1020px}.compact-lead-table tr{grid-template-columns:185px 140px 110px 90px minmax(200px,1fr) 115px 150px;min-height:60px}.compact-lead-table th{font-size:13px}.compact-lead-table .compact-phone{font-size:14px}.compact-lead-table .last-update p{font-size:14px}.compact-lead-table .compact-last-time{font-size:12px}.compact-lead-table .next-cell{font-size:13px}.compact-lead-table .project-tag,.compact-lead-table .badge{font-size:12px}.compact-lead-table .source-label{font-size:10px}.compact-lead-table .primary{font-size:13px;min-height:38px}.compact-lead-table .transfer-link{font-size:12px;min-height:38px}.compact-today .today-line{grid-template-columns:230px 100px minmax(160px,1fr) 105px 115px 80px 190px;min-width:1040px;min-height:60px}.compact-today .today-line-head{font-size:12px;min-height:40px}.compact-today .today-line-result{font-size:14px}.today-line-time{font-size:12px}.today-line-next{font-size:13px}.today-line .project-tag,.today-line .badge{font-size:12px}.today-line-actions .primary,.today-line-actions .secondary{font-size:12px;min-height:38px}.compact-today .hint{font-size:12px}.compact-today .followed-summary{font-size:14px}.compact-today .queue-tabs button{font-size:14px}}
@media(max-width:1024px){.compact-lead-table .customer-link{font-size:16px}.compact-lead-table .lead-row-number{font-size:14px}.today-line-person{gap:7px}.today-line-person .customer-link{font-size:16px}.today-line-person>span:not(.lead-row-number){font-size:12px}.today-line-result{font-size:14px}.today-line-time,.today-line-next{font-size:12px}.compact-lead-table .row-meta{font-size:12px}.today-line-actions .primary,.today-line-actions .secondary{font-size:12px}}
.compact-lead-table .customer-link,.today-line-person .customer-link{font-weight:400}
.lead-star-toggle{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;width:30px;min-width:30px;height:34px;min-height:34px;padding:0;margin:0 5px 0 0;border:0;background:transparent;color:#b1a79d;font-family:'Segoe UI Symbol','Arial Unicode MS',sans-serif;font-size:23px;line-height:1;border-radius:5px;cursor:pointer}.lead-star-toggle:hover{background:#fff5d9;color:#bf8b24}.lead-star-toggle.is-starred{color:#c4962d}.starred-filter{color:#977325!important}.starred-filter.selected{background:#fff5d8!important;border-color:#d7b85d!important;color:#886116!important}.simple-customer .drawer-header h2{display:inline-block}.simple-customer .drawer-header>div>.lead-star-toggle{margin:0 8px 10px 0}.simple-customer .drawer-header .project-tag{display:table}.compact-today .today-line-person{gap:5px}.today-line-person .lead-star-toggle{margin-right:2px}.compact-lead-table .lead-row-number{margin-right:3px}
@media(min-width:1025px){.compact-lead-table{min-width:1050px}.compact-lead-table tr{grid-template-columns:215px 140px 110px 90px minmax(200px,1fr) 115px 150px}.compact-today .today-line{grid-template-columns:260px 100px minmax(160px,1fr) 105px 115px 80px 190px;min-width:1070px}}
@media(pointer:coarse){.lead-star-toggle{min-width:40px;min-height:44px}}
@media(min-width:1025px){.compact-lead-table{min-width:980px}.compact-lead-table tr{grid-template-columns:215px 130px 100px 80px minmax(160px,1fr) 105px 140px}.compact-today .today-line{grid-template-columns:240px 85px minmax(120px,1fr) 85px 100px 65px 190px;min-width:960px}.today-line-person>span:not(.lead-row-number){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
/* Team activity: recorded author first, one saved follow-up per row. */
.clear-team-summary{align-items:center;gap:12px 24px;flex-wrap:wrap;font-size:14px;margin:18px 0 6px}.clear-team-summary strong{font-weight:600;color:#735184}.clear-team-summary .team-summary-scope{font-size:12px;color:#9c8b9f}.team-count-help{font-size:12px;color:#958698;margin:0 0 18px;line-height:1.6}.compact-team-feed{border-top:2px solid #b8a1c7;overflow-x:auto}.team-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #eee8f1}.team-line-head{display:none}.team-line:last-child{border-bottom:0}.team-line-author{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0}.team-line-author strong{color:#77518d;font-size:15px;font-weight:650;white-space:nowrap}.team-line-author time{color:#9b8a9f;font-size:12px;margin-left:auto;white-space:nowrap}.team-line-author .lead-row-number{color:#ac9cb1;margin:0;min-width:18px}.team-line-customer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}.team-line-customer .customer-link{font-size:15px;font-weight:400;margin:0}.team-line-customer>span{font-size:12px;color:#9b8b99}.team-line-project .project-tag{font-size:12px;margin:0;max-width:110px}.team-line-result{grid-column:1/-1;min-width:0;margin:0;font-size:14px;line-height:1.65;color:#574b5e;white-space:pre-wrap;overflow-wrap:anywhere}.team-line-status .badge{font-size:12px}.team-line-next{font-size:12px;color:#8e7b95;text-align:right}.team-line-next::before{content:'Next: '}.team-line .team-view{grid-column:1/-1;justify-self:end;min-height:44px;font-size:12px}.team-line-head{font-size:12px;color:#99879f}.team-line-head>span:first-child{color:#795786;font-weight:600}
@media(min-width:1025px){.team-lines{min-width:1030px}.team-line{grid-template-columns:205px 205px 95px minmax(160px,1fr) 90px 105px 110px;gap:10px;min-height:60px;padding:10px 12px}.team-line-head{display:grid;min-height:40px;background:#f7f3fa}.team-line-author,.team-line-result,.team-line .team-view{grid-column:auto}.team-line-author{gap:6px}.team-line-author strong{font-size:15px}.team-line-author time{font-size:11px;margin-left:4px}.team-line-customer{flex-wrap:nowrap;gap:8px}.team-line-customer .customer-link{white-space:nowrap}.team-line-customer>span{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px}.team-line-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}.team-line-next{text-align:left;white-space:nowrap;font-size:12px}.team-line-next::before{content:none}.team-line .team-view{font-size:12px;min-height:38px;padding:8px 10px;white-space:nowrap}.team-line-project .project-tag{font-size:11px;padding:5px 6px;max-width:95px}.team-line-status .badge{font-size:11px}}
@media(pointer:coarse){.team-line .team-view{min-height:44px}}
@media(min-width:1025px){.team-lines{min-width:1000px}.team-line{grid-template-columns:200px 200px 90px minmax(140px,1fr) 85px 100px 105px}.team-line-next{overflow:hidden;text-overflow:ellipsis}}
.transfer-compact-row{background:#fff;border-bottom:1px solid #ece6df;overflow-x:auto}.transfer-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #eee9e5;background:#fff}.transfer-line-head{display:none}.transfer-person{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.transfer-person .customer-link{font-size:15px;font-weight:400;margin:0}.transfer-person>span:not(.lead-row-number){font-size:12px;color:#9b8879}.transfer-line .project-tag{margin:0;font-size:11px}.transfer-agent{display:flex;align-items:center;gap:8px;min-width:0}.transfer-agent strong{font-size:14px;font-weight:600;color:#7c604d}.transfer-agent time,.transfer-line-followup time{font-size:11px;color:#a18d7e}.transfer-line-note{grid-column:1/-1;font-size:14px;margin:0;line-height:1.6}.transfer-line-date{font-size:12px;color:#8f7c6e;text-align:right}.transfer-line .primary,.transfer-line .secondary{min-height:40px;font-size:12px}.transfer-line-followup{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-width:0}.transfer-line-followup strong{font-size:13px;color:#77518b}.transfer-line-followup p{font-size:14px;line-height:1.6;margin:0}.transfer-inline-assign{padding:0 18px 16px;background:#faf7f2}.transfer-inline-assign>summary{font-size:13px;color:#937a68;padding-top:14px;cursor:pointer}.transfer-inline-assign .assign-form{max-width:none;margin-top:8px}.compact-transfers-sent{overflow-x:auto}.transfer-line .lead-row-number{margin-right:0}
@media(min-width:1025px){.transfer-line{grid-template-columns:225px 100px 160px minmax(180px,1fr) 90px 105px 105px;min-width:1040px;min-height:60px;gap:10px;padding:10px 12px}.transfer-line-head{display:grid;min-height:40px;background:#faf7f2;font-size:12px;color:#958172}.transfer-person{flex-wrap:nowrap}.transfer-person .customer-link{white-space:nowrap;font-size:15px}.transfer-person>span:not(.lead-row-number){white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.transfer-line-note,.transfer-line-followup{grid-column:auto}.transfer-line-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.transfer-agent{flex-wrap:wrap;gap:4px 8px}.transfer-line-followup{flex-wrap:nowrap}.transfer-line-followup p{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.transfer-line-followup strong,.transfer-line-followup time{flex-shrink:0}.transfer-line-date{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-inline-assign .assign-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.transfer-inline-assign .assign-form select{max-width:260px}.transfer-inline-assign .assign-form .hint{flex-basis:100%;margin:0;font-size:12px}.transfer-inline-assign .assign-form button{min-height:42px}.transfer-line .secondary{white-space:nowrap;padding:8px 10px}.compact-transfers-sent .transfer-line:last-child{border-bottom:0}}
@media(pointer:coarse){.transfer-line .primary,.transfer-line .secondary{min-height:44px}}
.compact-transfers-pending{overflow-x:auto;border:1px solid #eee7df;border-radius:5px}.transfer-compact-row{overflow:visible}.transfer-inline-assign:not([open]){padding:0;height:0;overflow:hidden;border:0}.transfer-inline-assign>summary{display:none}
@media(min-width:1025px){.transfer-line{grid-template-columns:225px 95px 145px minmax(150px,1fr) 80px 100px 90px;min-width:980px}.transfer-person>span:not(.lead-row-number){min-width:0;overflow:hidden;text-overflow:ellipsis}.transfer-inline-assign[open]{min-width:980px}}
/* One compact toolbar replaces repeated team summary lines. */
#team-feed{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.clear-team-summary{margin:10px 0;gap:10px 20px;font-size:13px}.team-pager{margin:0;font-size:12px}.team-pager>span{display:none}.compact-team-feed{grid-column:1/-1}.clear-team-summary>span{color:#9b899f}.clear-team-summary>span::before{content:'·';margin-right:16px;color:#b9aebc}@media(max-width:640px){#team-feed{gap:8px;grid-template-columns:minmax(0,1fr)}.clear-team-summary{gap:8px 12px;margin:8px 0 0;font-size:12px}.clear-team-summary>span::before{margin-right:10px}.team-pager{justify-content:flex-end}.compact-team-feed{grid-column:1}}

/* Compact account approval, with accessible mobile controls. */
.approval-row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,240px) auto;gap:14px;align-items:center;border-bottom:1px solid #e5e7eb;padding:16px 0}.application-person{display:flex;flex-direction:column;gap:5px}.application-person small{color:#6b7280;font-size:13px}.approval-actions{display:flex;gap:8px;align-items:center}.approval-message{grid-column:1/-1;margin:0}.approved-heading{margin-top:28px}.approved-member{display:grid;grid-template-columns:minmax(140px,1fr) 90px auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.approved-member p{grid-column:1/-1;margin:0}.member-state{font-size:14px;color:#637265}@media(max-width:700px){.approval-row{grid-template-columns:1fr;gap:10px}.approval-actions button{min-height:44px;flex:1}.approved-member{grid-template-columns:1fr auto}.approved-member>button{grid-column:1/-1;min-height:44px}}

.draft-hint{font-size:13px;color:#6b5280;margin:6px 0 12px;line-height:1.5}.draft-hint:empty{display:none}.draft-hint button{margin:6px 8px 0 0}.save-refresh-notice{margin:12px 20px;padding:14px;background:#fff4dc;border:1px solid #d6b76c;border-radius:6px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.save-refresh-notice span{flex:1;min-width:180px}@media(max-width:700px){.save-refresh-notice{margin:10px 12px}.save-refresh-notice button{width:100%;min-height:44px}}

.transfer-row-actions{display:flex;flex-direction:column;gap:6px}.cancel-transfer-button{font-size:12px;padding:8px 10px;white-space:normal}.pending-cancel-note{background:#fff6df;border:1px solid #e8d6aa;padding:10px;margin:12px 0;border-radius:6px}.pending-cancel-note p{margin:0 0 8px}.activity-tabs{flex-wrap:wrap}.activity-tabs button{min-width:130px}

.current-agent-label{display:block;color:#775096;font-size:12px;margin-top:4px;font-weight:500}

/* Shared monochrome SVG icons: identical strokes on desktop, iPad and phone. */
.ui-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.ui-icon{display:inline-block;width:18px;height:18px;vertical-align:-3px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.sidebar nav .ui-icon{width:19px;height:19px;flex-basis:19px}.day-mark .ui-icon{width:72px;height:72px;stroke-width:1.3}.lead-star-toggle .ui-icon{width:19px;height:19px}.lead-star-toggle.is-starred .ui-icon{fill:#f5dfa4;stroke:#a8791f}.starred-filter .ui-icon{width:15px;height:15px;flex-basis:15px}.event-dot .ui-icon,.new-update .ui-icon{width:13px;height:13px;vertical-align:-2px}.primary,.secondary{gap:6px}.simple-history>summary::after,.simple-transfers>summary::after{content:'';width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat}.simple-history[open]>summary::after,.simple-transfers[open]>summary::after{content:'';background-size:12px 1.5px,0 0}@media(max-width:640px){.day-mark .ui-icon{width:44px;height:44px}}

.topbar-logout{flex-shrink:0;min-height:36px;padding:7px 10px;white-space:nowrap;font-size:12px}.topbar-logout[hidden]{display:none}@media(max-width:480px){.topbar .member-bar{min-width:0;max-width:112px}.topbar .member-bar select{max-width:112px;width:100%;min-width:0}.topbar-logout{padding:7px 8px;gap:4px}.topbar #storage-info{font-size:9px;padding:6px}.topbar .mobile-sonic-logo{width:34px;height:34px}}

/* Keep account actions on separate, easy-to-tap rows at every screen size. */
.auth-card > .auth-link{display:block;width:100%;text-align:left;padding:12px 0;min-height:44px}


@media (min-width: 1100px) {
  .transfer-project-bar:has(#transfer-agent:not([hidden])) {
    grid-template-columns: repeat(4, auto minmax(0, 1fr));
  }
  .transfer-project-bar:has(#transfer-agent:not([hidden])) select {
    min-width: 0;
  }
}

#leader-members fieldset { display:flex; flex-wrap:wrap; gap:8px 18px; margin:12px 0; padding:12px; border:1px solid var(--line); }
#leader-members label { display:inline-flex; align-items:center; gap:7px; margin:0; }
#leader-members input[type="checkbox"] { width:auto; margin:0; }

/* SONIC workspace design */
:root{font-family:Arial,Helvetica,sans-serif;background:#edf3fa;color:#202c40;--line:#819ac849;--muted:#4d607b}
h1,h2,h3,.customer-link{font-family:inherit}
h1{font-weight:650}h2,h3{font-weight:600}
.sidebar,.topbar{background:#f8fbffed;border-color:var(--line)}
.sidebar .brand>span,.topbar .workspace-label{font-style:italic;letter-spacing:.09em;color:#162b50}
.brand .crm,.workspace-label small{display:inline-block;margin:0 0 0 5px;padding:3px 4px;border:1px solid var(--line);border-radius:4px;font-style:normal;font-size:9px}
.nav-section-label{color:#526783}.sidebar nav a{font-weight:400}.sidebar nav a.active{background:#e4eeff;color:#193d81;font-weight:600}
.card,.day-welcome,.file-table{border-color:var(--line);box-shadow:inset 0 1px #fff}
.day-welcome{background:radial-gradient(ellipse at top right,#96b8ff52,transparent 68%),#e3efff}
.compact-lead-table .customer-link,.today-line-person .customer-link,.customer-link{font-weight:400}
.workspace-more{display:none;position:relative}
.workspace-more summary{cursor:pointer;padding:10px 7px;border:1px solid var(--line);border-radius:8px;font-size:12px}
#workspace-more-links{position:absolute;right:0;top:calc(100% + 6px);min-width:140px;padding:6px;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:0 10px 24px #182f5726}
#workspace-more-links a{display:block;padding:12px 8px}
@media(min-width:641px) and (max-width:1100px){.sidebar{width:170px}.workspace{margin-left:170px}.sidebar .sonic-logo{width:40px;height:40px}}
@media(max-width:640px){
 body:not(.signed-out) .workspace-more{display:block}
 .sidebar nav a:is([data-nav=transfers],[data-nav=members]){display:none}
 .sidebar nav{display:flex;justify-content:space-evenly}.sidebar nav a{flex:1;min-width:0}
 .topbar .member-bar{display:none}.topbar .mobile-sonic-logo{margin-right:0}
 .topbar .workspace-label{display:block;font-size:12px;margin-right:auto}
}

/* Today layout from the approved mobile reference */
.focus-card{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at top right,#4469ad 0%,transparent 65%),#17284e;border:1px solid #87a9e996;border-radius:23px;color:#fff;padding:21px 23px;margin:0 0 13px}
.focus-card::after{content:'';position:absolute;z-index:-1;right:-35px;top:-75px;width:195px;height:195px;border-radius:45%;border:1px solid #a2c5ff70;box-shadow:0 0 0 14px #9dc1ff29,0 0 0 28px #9dc1ff16;transform:rotate(28deg)}
.focus-card .eyebrow{color:#d5e4ff;font-weight:500}.focus-card>strong{display:block;font-size:38px;font-weight:600;margin-top:7px}.focus-card p{margin:3px 0 14px;color:#e1ebff}.focus-card a{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:24px;background:#fff;color:#16284d;font-weight:600}
.focus-metrics,.focus-grid{display:grid;gap:10px;margin:0 0 16px}.focus-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.focus-grid{grid-template-columns:1fr 1fr;align-items:start}
.focus-metrics a,.focus-panel{background:#ffffffcf;border:1px solid #7795ca55;border-radius:16px;padding:12px;box-shadow:inset 0 1px #fff}
.focus-metrics strong{display:block;font-size:24px;font-weight:600}.focus-metrics span{font-size:12px;color:#435977}.focus-panel h2{margin:0 0 9px;font-size:17px}
.focus-lead{display:flex;justify-content:space-between;align-items:start;gap:8px;padding:10px 0;border-top:1px solid #7795ca40}.focus-lead small{display:block;color:#435977;margin-top:3px}
.focus-period{display:flex;gap:4px;padding:3px;border-radius:24px;background:#e9f1ff}.focus-period button{flex:1;border:0;background:none;border-radius:24px;color:#20365e;font-size:12px}.focus-period button[aria-pressed=true]{background:#17284e;color:white}
.activity-chart{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;min-height:108px;margin-top:10px}.activity-bar{text-align:center;color:#435977;font-size:11px}.activity-bar i{display:block;margin:3px 0;background:#b5cef5;border-radius:6px 6px 2px 2px}.activity-bar:last-child i{background:#3462ad}.activity-bar strong{font-weight:500}
@media(max-width:640px){.focus-grid{grid-template-columns:1fr}.focus-metrics{gap:5px}.focus-metrics a{padding:8px 6px}.focus-metrics span{font-size:11px}.focus-card{padding:17px}.focus-panel{padding:12px}}

/* Shared workspace surfaces for files, team tools and customer details. */
:root{font-family:'Segoe UI',Arial,sans-serif;--surface:#ffffffd9;--surface-tint:#f0f6ff;--navy:#17284e;--ink:#253550;--muted:#4d607b}
body,#app,.customer-drawer{color:var(--ink)}
#app :is(h1,h2,h3),.customer-drawer :is(h2,h3),.customer-link{font-family:inherit;letter-spacing:normal}
#app h1,.customer-drawer h2{font-size:clamp(25px,3vw,34px);font-weight:600;letter-spacing:-.025em}
#app h2,.customer-drawer h3{font-weight:600}
#app :is(.eyebrow,.hint,.lead-row-number),.drawer-kicker{color:var(--muted);font-weight:400}
#app .focus-card .eyebrow{color:#d5e4ff}
#app .page-heading:not(.dashboard-heading),#app:has(>#approval-list)>h1{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}
#app :is(.file-filters,.team-filters,.transfer-project-bar){background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:14px;gap:10px;margin-bottom:12px}
#app :is(input,select,textarea),.customer-drawer :is(input,select,textarea){border-color:var(--line);border-radius:8px;background:#fff;color:var(--ink)}
#app :is(.file-table,.tracking-list,.team-lines,#approval-list,.form-card),.customer-drawer .drawer-info{background:var(--surface);border:1px solid var(--line);border-radius:14px}
#app :is(.file-table th,.team-line-head,.transfer-line-head){background:var(--surface-tint);color:var(--muted);font-weight:500}
#app :is(.file-table td,.team-line,.transfer-line,.approval-row,.approved-member),.customer-drawer .history-scroll article{border-color:var(--line)}
#app :is(.team-line-author,.transfer-agent,.application-person strong){color:#2b4d83;font-weight:500}
#app :is(.primary,.transfer-assign-toggle),.customer-drawer .primary{background:var(--navy);border-color:var(--navy);color:white;border-radius:9px;font-weight:600}
#app .secondary,.customer-drawer .secondary{background:#fff;border-color:var(--line);color:#294678;border-radius:9px;font-weight:500}
#app :is(.queue-tabs,.schedule-filters){gap:6px}
#app :is(.queue-tabs,.schedule-filters) button[aria-pressed=true]{background:#e3edff;border-color:#8ba9dd;color:#213d73}
.customer-drawer .drawer-header,.customer-drawer .drawer-footer{background:#f7faff;border-color:var(--line)}
.customer-drawer .drawer-body{background:linear-gradient(155deg,#edf4ff,#fafcff 55%)}
.customer-drawer :is(.simple-history,.simple-transfers,.latest-result){border-color:var(--line);font-weight:400}
@media(max-width:640px){
 #app :is(.file-filters,.team-filters,.transfer-project-bar){padding:10px;gap:8px}
 #app :is(.file-table tbody tr,.team-line:not(.team-line-head),.transfer-line:not(.transfer-line-head)){background:var(--surface);border-color:var(--line)}
 #app :is(.team-line-author,.transfer-agent){font-size:13px}
}

/* Cool glass surfaces and consistent line-icon navigation */
:root{--line:#557db840;--glass-border:#557db850;--glass-highlight:#ffffffdf;--glass-shadow:0 6px 24px #1839610d}
body{background:radial-gradient(ellipse at top right,#cfe0ff85,transparent 50%),#edf3fb}
#app :is(.card,.lead-file,.focus-panel,.focus-metrics a,.form-card,.file-filters,.team-filters,.transfer-project-bar),.customer-drawer :is(.drawer-info,.simple-history,.simple-transfers),dialog:not(.customer-drawer),#workspace-more-links{
 border:1px solid var(--glass-border);box-shadow:inset 0 1px var(--glass-highlight),var(--glass-shadow)
}
#app :is(.lead-file,.card,.form-card),dialog:not(.customer-drawer){background:#f9fcfff0}
#app .lead-file{border-radius:15px}
#app .lead-file .file-table{border:0;box-shadow:none}
#app :is(.pagination,.queue-tabs,.schedule-filters,.section-head,.history-scroll article,.approval-row,.approved-member),.customer-drawer :is(.drawer-header,.drawer-footer,.history-scroll article){border-color:var(--glass-border)}
.customer-drawer{border-inline-start:1px solid var(--glass-border)}
dialog::backdrop{background:#17284e69}
.sidebar,.topbar{backdrop-filter:blur(14px)}
.sidebar nav a .ui-icon,.workspace-more .ui-icon{stroke-width:1.55}
.workspace-more summary{display:flex;align-items:center;gap:4px;list-style:none}
.workspace-more summary::-webkit-details-marker{display:none}
@media(max-width:640px){
 .sidebar{border:0;border-top:1px solid var(--glass-border);box-shadow:0 -5px 22px #1b3a6b12}
 .sidebar nav a.active{border-radius:12px;box-shadow:inset 0 0 0 1px var(--glass-border)}
}

/* Translucent, low-profile lead rows on phones. */
@media(max-width:640px){
 body{background:radial-gradient(ellipse at 95% 6%,#a8c8ffb0,transparent 48%),linear-gradient(155deg,#e0edff,#c8dff5 68%,#eef6ff);background-attachment:fixed}
 #app .lead-file{background:transparent;border:0;box-shadow:none}
 #app .lead-file .file-table,#app .lead-file .file-table tbody{background:transparent}
 #app .lead-file .file-table tbody tr{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(85px,auto);grid-template-rows:auto auto auto;
  gap:3px 9px;padding:8px 10px;margin:0 0 7px;border:1px solid #7399ca70;border-radius:11px;
  background:linear-gradient(115deg,#ffffffa8,#f2f8ff61);box-shadow:inset 0 1px #ffffffd9,0 3px 12px #274c8010
 }
 #app .file-table tbody td{min-width:0;margin:0;padding:0}
 #app .file-table tbody td:first-child{grid-column:1;grid-row:1}
 #app .file-table tbody td:nth-child(2){grid-column:2;grid-row:1;align-self:start}
 #app .file-table tbody td:nth-child(3){grid-column:1/-1;grid-row:2;min-height:0}
 #app .file-table tbody td:nth-child(4){grid-column:1;grid-row:3;align-self:center;font-size:12px}
 #app .file-table tbody td:nth-child(5){grid-column:2;grid-row:3;display:flex;justify-content:flex-end;gap:5px}
 #app .file-table .last-update p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #app .file-table .last-update small{display:none}
 #app .file-table .compact-last-time{display:inline;font-size:11px}
 #app .file-table .row-meta{margin:0}
 #app .file-table .customer-link{font-size:15px}
 #app .file-table td:nth-child(5) :is(button,a){min-height:44px;padding:4px 7px;font-size:12px}
 #app :is(.focus-lead,.today-line:not(.today-line-head),.team-line:not(.team-line-head),.transfer-line:not(.transfer-line-head)){background:#f5faff80;border-color:#7399ca70}
}

.mobile-enquiry{display:none}
@media(max-width:640px){
 #app :is(.focus-lead,.today-line:not(.today-line-head),.team-line:not(.team-line-head),.transfer-line:not(.transfer-line-head)){
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px 8px;
  padding:8px 10px;margin:0 0 7px;border:1px solid #7399ca70;border-radius:11px;
  background:linear-gradient(115deg,#ffffffa8,#f2f8ff61);
  box-shadow:inset 0 1px #ffffffd9,0 3px 12px #274c8010;
 }
 #app :is(.today-line-person,.team-line-customer,.transfer-person){order:-2;display:flex;flex:1 1 62%;min-width:0;flex-wrap:wrap;gap:3px 6px;align-items:center}
 #app :is(.team-line-project,.today-line-person+div,.transfer-person+div){order:-1;margin-left:auto}
 #app .mobile-enquiry{display:block;flex-basis:100%;color:#395473;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
 #app :is(.today-line-result,.team-line-result,.transfer-line-note,.transfer-line-followup){flex:1 1 100%;min-width:0;margin:0;font-size:12px}
 #app :is(.today-line-result,.team-line-result,.transfer-line-note,.transfer-line-followup p){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #app :is(.today-line-actions,.team-view,.transfer-history-link,.transfer-row-actions){margin-left:auto}
 #app .focus-lead>span:first-child{flex:1;min-width:0}
}

/* One palette and surface treatment across all device sizes. */
body{background:radial-gradient(ellipse at 95% 0%,#d8e6fd9e,transparent 55%),#eaf1fa;background-attachment:fixed}
#app .lead-file .file-table tbody tr{background:linear-gradient(115deg,#ffffffb8,#f4f8ff85);border-color:#7399ca70}
#app .file-table .full-lead-source{max-width:none;white-space:normal;overflow:visible;text-overflow:clip}
#app .file-table .enquiry-column{color:#395473;min-width:0;overflow-wrap:anywhere}
@media(min-width:1025px){
 #app .compact-lead-table .enquiry-column{grid-column:5;grid-row:1}
 #app .compact-lead-table tr{grid-template-columns:minmax(185px,1.5fr) minmax(100px,.8fr) minmax(85px,.65fr) 72px minmax(110px,1fr) minmax(110px,1.15fr) 106px 135px}
 #app .compact-lead-table :is(th,td):nth-child(3){grid-column:6}
 #app .compact-lead-table :is(th,td):nth-child(4){grid-column:7}
 #app .compact-lead-table :is(th,td):nth-child(5){grid-column:8}
}
@media(max-width:1024px){
 #app .lead-file .compact-lead-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 9px;padding:8px 10px;border-bottom:1px solid #7399ca70}
 #app .compact-lead-table tbody .enquiry-column{display:block;grid-column:1/-1;grid-row:4;padding:0;font-size:12px}
 #app .compact-lead-table tbody .enquiry-column::before{content:'Enquiry: '}
}

/* Keep the customer drawer aligned to one inset on every screen. */
.simple-customer{--drawer-inset:clamp(16px,4vw,24px)}
.simple-customer .drawer-header{padding:16px var(--drawer-inset);gap:12px;align-items:flex-start}
.simple-customer .drawer-header>div{min-width:0}
.simple-customer .drawer-header h2{margin:0;font-size:clamp(21px,4vw,26px);vertical-align:middle}
.simple-customer .drawer-header>div>.lead-star-toggle{margin:0 6px 0 0;vertical-align:middle}
.simple-customer .drawer-header .project-tag{margin-top:6px}
.simple-customer .drawer-body{padding:16px var(--drawer-inset) 24px}
.simple-customer .drawer-body>:is(.drawer-info,.latest-followup,.simple-history,.simple-transfers){margin:0 0 12px}
.simple-customer .drawer-body .drawer-info,.simple-customer .latest-followup{padding:12px 14px;border:1px solid var(--glass-border);border-radius:12px;background:#ffffff9c}
.simple-customer .customer-contact{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;padding:0}
.simple-customer .latest-title,.simple-customer .latest-next{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.simple-customer .latest-next{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.simple-customer .simple-add-update{margin:0 0 14px}
.simple-customer :is(.simple-history,.simple-transfers){border-radius:12px;background:#ffffff85}
.simple-customer :is(.simple-history,.simple-transfers)>summary{padding:0 14px;min-height:48px;gap:8px}
.simple-customer :is(.simple-history,.simple-transfers)>:not(summary){padding-inline:14px}
.simple-customer .drawer-footer{padding-inline:var(--drawer-inset)}

/* Tablet lead file: one horizontal record, with local scrolling for extra columns. */
@media (min-width:641px) and (max-width:1024px){
 #app .lead-file{overflow-x:auto;max-width:100%}
 #app .lead-file .compact-lead-table{display:table;min-width:920px;width:100%}
 #app .lead-file .compact-lead-table thead{display:table-header-group}
 #app .lead-file .compact-lead-table tbody{display:table-row-group}
 #app .lead-file .compact-lead-table tr{
  display:grid;grid-template-columns:170px 90px 86px 65px minmax(100px,1fr) minmax(100px,1fr) 85px 124px;
  align-items:center;gap:0;margin:0;padding:0;border-radius:0
 }
 #app .lead-file .compact-lead-table :is(th,td){display:block!important;grid-row:1;padding:8px;min-width:0;text-align:left;margin:0}
 #app .lead-file .compact-lead-table :is(th,td):nth-child(1){grid-column:1}
 #app .lead-file .compact-lead-table :is(th,td):nth-child(6){grid-column:2}
 #app .lead-file .compact-lead-table :is(th,td):nth-child(2){grid-column:3}
 #app .lead-file .compact-lead-table :is(th,td):nth-child(7){grid-column:4}
 #app .lead-file .compact-lead-table :is(th,td):nth-child(8){grid-column:5}
 #app .lead-file .compact-lead-table :is(th,td):nth-child(3){grid-column:6}
 #app .lead-file .compact-lead-table :is(th,td):nth-child(4){grid-column:7}
 #app .lead-file .compact-lead-table :is(th,td):nth-child(5){grid-column:8}
 #app .compact-lead-table tbody .enquiry-column::before{content:none}
 #app .compact-lead-table :is(.row-meta,.last-update small){display:none}
 #app .compact-lead-table .last-update p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
 #app .compact-lead-table td:nth-child(5){display:flex!important;gap:5px;align-items:center}
}

/* Phone workspace pages share the same compact glass layout. */
@media(max-width:640px){
 #app:not([data-phone-page="today"]){
  --phone-glass:linear-gradient(115deg,#ffffffbd,#f2f8ff80);
  --phone-edge:#7399ca70;
 }
 #app:not([data-phone-page="today"]) :is(.file-filters,.team-filters,.transfer-project-bar,.form-card,#approval-list,.auth-card,.details-grid .panel){
  background:var(--phone-glass);border:1px solid var(--phone-edge);border-radius:12px;
  box-shadow:inset 0 1px #ffffffd9,0 3px 12px #274c8010;
 }
 #app:not([data-phone-page="today"]) :is(.approval-row,.approved-member){
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-color:var(--phone-edge);
 }
 #app:not([data-phone-page="today"]) .approval-row :is(.application-person,label){flex:1 1 100%;min-width:0}
 #app:not([data-phone-page="today"]) .approval-row select{width:100%}
 #app:not([data-phone-page="today"]) .approval-actions{display:flex;flex-wrap:wrap;gap:8px}
 #app:not([data-phone-page="today"]) .approved-member>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
 #app:not([data-phone-page="today"]) :is(.lead-file,.team-lines,.tracking-list){overflow-x:visible}
 #app:not([data-phone-page="today"]) .compact-lead-table{width:100%;min-width:0}
 #app:not([data-phone-page="today"]) .compact-lead-table tbody tr{border-radius:11px;background:var(--phone-glass)}
 #app:not([data-phone-page="today"]) .compact-lead-table tbody .enquiry-column{grid-row:2;grid-column:1/-1}
 #app:not([data-phone-page="today"]) .compact-lead-table tbody td:nth-child(3){grid-row:3}
 #app:not([data-phone-page="today"]) .compact-lead-table tbody td:is(:nth-child(4),:nth-child(5)){grid-row:4}
 #app:not([data-phone-page="today"]) :is(.team-line:not(.team-line-head),.transfer-line:not(.transfer-line-head)){background:var(--phone-glass);border-color:var(--phone-edge)}
 #app:not([data-phone-page="today"]) :is(.team-line-customer,.transfer-person) .customer-link{font-weight:400}
}

/* iPad detail drawer uses one outer rail and one inset for each panel. */
@media(min-width:641px) and (max-width:1100px){
 #customer-drawer.simple-customer{--drawer-inset:22px;--panel-inset:14px}
 #customer-drawer.simple-customer :is(.drawer-header,.drawer-body,.drawer-footer){padding-inline:var(--drawer-inset)}
 #customer-drawer.simple-customer .drawer-body{display:flex;flex-direction:column;gap:12px;padding-block:16px 24px}
 #customer-drawer.simple-customer .drawer-body>:is(.drawer-info,.latest-followup,.simple-history,.simple-transfers,.readonly-notice,.simple-add-update){width:100%;min-width:0;margin:0}
 #customer-drawer.simple-customer :is(.drawer-info,.latest-followup,.readonly-notice){padding:12px var(--panel-inset);border:1px solid var(--glass-border);border-radius:12px;background:#ffffff9c}
 #customer-drawer.simple-customer :is(.simple-history,.simple-transfers)>summary{padding-inline:var(--panel-inset)}
 #customer-drawer.simple-customer .simple-history .history-scroll{padding:0;margin:0}
 #customer-drawer.simple-customer .history-by{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap}
 #customer-drawer.simple-customer .history-by time{margin:0}
}

/* Tablet: header and records share a single, viewport-sized column grid. */
@media (min-width:641px) and (max-width:1024px){
 #app .lead-file .compact-lead-table{display:block;min-width:0}
 #app .lead-file .compact-lead-table :is(thead,tbody){display:block;width:100%}
 #app .lead-file .compact-lead-table :is(thead,tbody)>tr{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.95fr) minmax(0,.85fr) minmax(0,.65fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);
  grid-template-rows:auto;align-items:center;width:100%;min-height:0;
 }
 #app .lead-file .compact-lead-table :is(th,td){
  width:auto!important;max-width:none;grid-row:1!important;padding:7px 4px;
  white-space:normal;overflow-wrap:anywhere;font-size:11px;
 }
 #app .lead-file .compact-lead-table thead th{background:transparent}
 #app .lead-file .compact-lead-table thead tr{background:var(--surface-tint)}
 #app .lead-file .compact-lead-table .customer-link{font-size:13px;white-space:normal}
 #app .lead-file .compact-lead-table :is(.project-tag,.badge){white-space:normal;font-size:10px;padding:3px 4px}
 #app .lead-file .compact-lead-table .source-label{display:block;width:fit-content;margin:3px 0 0}
 #app .lead-file .compact-lead-table td:nth-child(5){flex-wrap:wrap;gap:2px}
 #app .lead-file .compact-lead-table td:nth-child(5) :is(button,a){padding-inline:5px;font-size:11px}
}

.date-range{display:flex;flex-wrap:wrap;gap:8px;min-width:0;margin:0;padding:5px 8px 8px;border:1px solid var(--line);border-radius:9px;grid-column:1/-1}
.date-range legend,.date-range label{font-size:12px;color:var(--muted)}
.date-range label{display:flex;align-items:center;gap:6px;min-width:0}
.date-range input{min-width:0}

#app .approved-member:has(.manage-leader){grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px}
#app .approved-member:has(.manage-leader)>p{grid-column:1/-1}
#leader-members fieldset{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0;border:1px solid var(--line);border-radius:9px}
#leader-members label{display:inline-flex;align-items:center;gap:6px}
#leader-members input[type=checkbox]{min-height:0}
.leader-position{margin-top:10px}

#app #approval-list{padding:clamp(14px,2vw,24px)}
#approval-list h2{margin:0 0 8px}
#approval-list .approved-heading{margin-top:22px}
#approval-list :is(.approval-row,.approved-member){padding:12px 0}
#approval-list :is(.approval-message,.approved-member>p,.leader-settings>[role=status]):empty{display:none}
#approval-list #reload-approvals{margin-top:10px}
#approval-list .leader-settings{margin-top:18px;padding:16px;border:1px solid var(--glass-border);border-radius:12px;background:#edf5ff95}
.leader-settings :is(label,select){max-width:380px}
.leader-settings #leader-save{margin-top:10px}
@media(max-width:640px){#approval-list .leader-settings{padding:12px}}

/* SONIC wordmark */
.sidebar .brand{
 padding:8px;border:1px solid #7399ca70;border-radius:13px;
 background:linear-gradient(120deg,#fff9,#d8e8ff80);
 box-shadow:inset 0 1px #fff,0 4px 16px #3868aa16
}
.sidebar .brand .sonic-logo{width:44px;height:44px}
.sidebar .brand>.sonic-wordmark,.topbar .sonic-wordmark{
 display:inline-flex;align-items:center;gap:6px;color:#182c53;
 font-family:'Segoe UI',Arial,sans-serif;font-weight:800;font-style:italic;letter-spacing:.12em
}
@media(max-width:640px){.topbar .sonic-wordmark{font-size:13px}}

@media(min-width:641px) and (max-width:1024px){
 #app .lead-file .compact-lead-table :is(thead,tbody)>tr{padding:0;margin:0}
 #app .lead-file .compact-lead-table tbody tr{padding:0}
}