/* Company context uses the same neutral surfaces and restrained brand accent as the approved study. */
.cw-page{min-width:0}.cw-workspace{display:grid;grid-template-columns:minmax(220px,27%) minmax(0,1fr);border:1px solid var(--line);border-radius:7px;min-height:620px;overflow:hidden}.cw-client-panel{min-width:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--surface)}.cw-list-tools{display:flex;flex-direction:column;gap:9px;padding:16px;border-bottom:1px solid var(--line)}.cw-list-tools .search-input{min-width:0;width:100%}.cw-list-tools .select{width:100%;min-width:0}.cw-client-row{display:flex;align-items:center;gap:11px;width:100%;padding:17px 16px;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;min-height:87px}.cw-client-row>span:nth-child(2){min-width:0;flex:1}.cw-client-row strong,.cw-client-row .small,.cw-client-meta{display:block;overflow-wrap:anywhere}.cw-client-row strong{font-size:12px;font-weight:600}.cw-client-row .small{font-size:11px;margin-top:2px}.cw-client-meta{font-size:10px;color:var(--muted);margin-top:5px}.cw-client-row>.icon{width:13px;height:13px;transform:rotate(-90deg);color:var(--muted)}.cw-client-row.selected{background:var(--selected)}.cw-client-row:hover{background:var(--hover)}.cw-client-row.selected:hover{background:var(--selected)}.cw-client-row:focus-visible{outline-offset:-3px}.cw-list-foot{color:var(--muted);font-size:11px;padding:20px 16px;margin:0;margin-top:auto}.cw-detail{min-width:0;display:flex;flex-direction:column}.cw-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 23px 16px}.cw-company-title{display:flex;align-items:center;gap:12px;min-width:0}.cw-company-title>.avatar{width:38px;height:38px;font-size:12px}.cw-company-title>div{min-width:0}.cw-company-title h2{margin:0;font-size:19px;overflow-wrap:anywhere;letter-spacing:-.4px}.cw-company-title p{margin:5px 0 0;font-size:11px}.cw-detail-head>.btn{flex:none}.cw-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 23px;overflow-x:auto}.cw-tab{padding:10px 1px 12px;background:none;border:0;border-bottom:2px solid transparent;white-space:nowrap;font-size:12px;color:var(--muted)}.cw-tab.active{border-bottom-color:var(--accent);color:var(--text)}.cw-tab:focus-visible{outline-offset:-2px}.cw-tab-panel{padding:22px 23px;flex:1;min-width:0}.cw-tab-panel:focus-visible{outline-offset:-3px}.cw-detail-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:12px 23px;background:var(--surface)}.cw-filter-note{margin:0;padding:10px 23px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.cw-summary{display:grid;grid-template-columns:1.5fr 1fr 1.1fr;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.cw-summary>div{min-width:0}.cw-summary span,.cw-summary strong,.cw-summary small{display:block}.cw-summary span{color:var(--muted);font-size:11px}.cw-summary strong{font-size:23px;font-weight:600;letter-spacing:-.5px;margin:6px 0 3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cw-summary small{font-size:10px;color:var(--muted)}.cw-overview-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:26px}.cw-overview-grid>*,.cw-work-grid>*{min-width:0}.cw-company-context,.cw-billing-context{border-left:1px solid var(--line);padding-left:23px}.cw-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;min-width:0}.cw-section-head h3{margin:0;font-size:13px}.cw-section-head p{margin:5px 0 0;font-size:11px}.cw-section-head>.inline-actions{flex-shrink:0}.cw-overview-grid .cw-records+.cw-section-head{margin-top:30px}.cw-label{font-size:10px;color:var(--muted);padding:2px 6px;border-radius:3px;background:var(--surface-2);white-space:nowrap;font-weight:400}.cw-record-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;border:0;border-bottom:1px solid var(--line);padding:13px 0;background:none;min-width:0}.cw-record-row:hover{background:var(--hover)}.cw-record-row>span:first-child{min-width:0}.cw-record-row strong{font-size:12px;font-weight:550;overflow-wrap:anywhere}.cw-record-row>span:first-child>strong,.cw-record-row .small{display:block}.cw-record-row .small{font-size:10px;line-height:1.55;margin-top:4px;overflow-wrap:anywhere}.cw-record-row:focus-visible{outline-offset:2px}.cw-row-end{display:flex;gap:10px;align-items:center;flex-shrink:0}.cw-row-end .icon{width:14px;height:14px;color:var(--muted)}.cw-row-end .badge{font-size:10px;white-space:normal;text-align:center;max-width:110px}.cw-due{font-size:10px;color:var(--muted);text-align:right;flex-shrink:0;max-width:105px}.cw-due small{display:block;color:var(--text);font-size:10px}.cw-details{margin:0 0 30px;display:grid;grid-template-columns:1fr;gap:5px}.cw-details dt{font-size:10px;color:var(--muted);margin-top:10px}.cw-details dd{margin:0;font-size:12px;overflow-wrap:anywhere}.cw-details dd .small{display:block;font-size:10px;margin-top:3px}.cw-note-text{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:0 0 22px}.cw-context-note{font-size:10px;line-height:1.65;color:var(--muted);margin:22px 0 0;overflow-wrap:anywhere}.cw-empty-line{font-size:11px;color:var(--muted);margin:0;padding:12px 0 20px}.cw-text-link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:3px 0;color:var(--muted);font-size:11px;text-align:left}.cw-text-link:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}.cw-text-link .icon{width:13px;height:13px}.cw-event-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cw-event-head strong{font-size:12px;font-weight:550}.cw-timeline{padding:4px 0 0 5px}.cw-timeline article{position:relative;padding:0 0 24px 17px;border-left:1px solid var(--line-strong);min-width:0}.cw-timeline article:last-child{padding-bottom:5px}.cw-event-dot{position:absolute;top:6px;left:-3px;width:5px;height:5px;border-radius:50%;background:var(--muted)}.cw-timeline time{display:block;font-size:10px;color:var(--muted);margin:5px 0 8px}.cw-timeline p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:0 0 5px}.cw-edit-activity{padding:3px;min-height:24px;margin-left:auto}.cw-edit-activity .icon{width:13px;height:13px}.cw-work-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:27px}.cw-record-group{margin-bottom:29px}.cw-record-group .cw-section-head{margin-bottom:4px}.cw-balance{padding:5px 0 0}.cw-balance>strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:5px}.cw-billing-context>.cw-context-note{margin:8px 0 23px}.cw-invoice-amount{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;flex-shrink:0}.cw-invoice-amount strong{display:block}.cw-invoice-amount small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.cw-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.cw-contact{padding:20px 0;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line)}.cw-contact-content{flex:1;min-width:0}.cw-contact-content>span{display:block;margin:4px 0 14px;font-size:11px}.cw-contact dl{margin:12px 0;display:grid;grid-template-columns:45px 1fr;gap:8px;font-size:11px}.cw-contact dt{color:var(--muted)}.cw-contact dd{margin:0;overflow-wrap:anywhere}.cw-contact .btn{font-size:11px;padding:4px 6px;min-height:28px}.cw-undated{border-top:1px solid var(--line);padding-top:23px;margin-top:28px}.cw-undated h3{font-size:12px}.cw-undated article{margin-bottom:17px}.cw-undated article p{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}.cw-client-panel .empty{padding:32px 18px}.cw-client-panel .empty h3{font-size:12px}.cw-client-panel .empty p{font-size:11px}
:root[data-theme=dark] .cw-tab.active,:root[data-theme=dark] .cw-due small{color:var(--text)}
@media(min-width:1400px){.cw-workspace{grid-template-columns:280px minmax(0,1fr)}.cw-tab-panel{padding:25px 28px}.cw-detail-head{padding-left:28px;padding-right:28px}.cw-tabs{padding-left:28px;padding-right:28px}}
@media(max-width:1200px){.cw-overview-grid,.cw-work-grid{grid-template-columns:1fr;gap:27px}.cw-company-context,.cw-billing-context{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:23px}.cw-details{grid-template-columns:100px 1fr;gap:11px 16px}.cw-details dt{margin:0;align-self:start}.cw-details dd .small{margin-top:2px}.cw-contacts{grid-template-columns:1fr}.cw-summary{gap:13px}.cw-summary strong{font-size:20px}.cw-summary span{font-size:10px}.cw-detail-head{padding:19px}.cw-tab-panel{padding:22px 19px}.cw-tabs{padding-left:19px;padding-right:19px;gap:20px}.cw-section-head>.inline-actions{flex-shrink:1}}
@media(max-width:760px){.cw-workspace{grid-template-columns:1fr;min-height:0}.cw-client-panel{border-right:0;border-bottom:1px solid var(--line)}.cw-list-tools{display:grid;grid-template-columns:minmax(0,1fr) 120px;padding:14px}.cw-client-panel>[data-client-list]{display:flex;overflow-x:auto;scroll-snap-type:x proximity;max-height:145px}.cw-client-row{min-width:235px;width:235px;flex-shrink:0;border-bottom:0;border-right:1px solid var(--line);scroll-snap-align:start;padding:14px}.cw-client-row .avatar{width:27px;height:27px}.cw-client-row>.icon{display:none}.cw-client-panel .empty{width:100%;padding:20px}.cw-list-foot{padding:9px 14px;font-size:10px;border-top:1px solid var(--line)}.cw-detail-head{padding:18px 16px;gap:10px}.cw-company-title h2{font-size:17px}.cw-company-title{gap:10px}.cw-company-title>.avatar{display:none}.cw-detail-head>.btn{padding:6px 8px;font-size:10px}.cw-tabs{padding:0 16px;gap:23px}.cw-tab-panel{padding:21px 16px}.cw-summary{grid-template-columns:1.2fr 1fr 1fr;gap:12px}.cw-summary strong{font-size:19px}.cw-summary small{font-size:9px}.cw-summary span{font-size:10px}.cw-detail-foot{padding:12px 16px;flex-wrap:wrap;gap:6px}.cw-detail-foot>.muted{font-size:10px}.cw-detail-foot .btn{font-size:11px}.cw-filter-note{padding:10px 16px}.cw-section-head{align-items:flex-start;gap:10px}.cw-section-head>.inline-actions{gap:5px}.cw-section-head>.inline-actions .btn{font-size:11px;padding:6px 8px}.cw-contacts{gap:0}.cw-contact{padding:20px 0}.cw-record-row{gap:10px}.cw-record-row .small{font-size:10px}.cw-row-end .badge{max-width:85px}.cw-row-end{gap:5px}.cw-company-context,.cw-billing-context{padding-top:23px}}
@media(max-width:400px){.cw-summary{grid-template-columns:1fr 1fr}.cw-summary>div:first-child{grid-column:1/-1}.cw-list-tools{grid-template-columns:minmax(0,1fr) 105px}.cw-tab{font-size:11px}.cw-tabs{gap:18px}.cw-detail-foot .inline-actions{gap:3px}.cw-details{grid-template-columns:82px 1fr}.cw-company-title .badge{font-size:9px}.cw-invoice-amount strong{font-size:11px}}
.cw-contact-link{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;overflow-wrap:anywhere}.cw-contact-link:hover{color:var(--accent);text-decoration-color:currentColor}
/* Header "More" menu keeps Delete away from everyday actions. */
.cw-more-menu{position:relative}
.cw-more-menu>summary{list-style:none;cursor:pointer}
.cw-more-menu>summary::-webkit-details-marker{display:none}
.cw-more-menu[open]>summary{background:var(--selected)}
.cw-more-list{position:absolute;right:0;top:calc(100% + 4px);z-index:5;min-width:180px;display:grid;padding:4px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);box-shadow:var(--shadow)}
.cw-more-list button{display:flex;align-items:center;gap:7px;border:0;background:none;color:var(--text);text-align:left;font-size:12px;padding:7px 9px;border-radius:5px;cursor:pointer}
.cw-more-list button .icon{width:15px;height:15px;color:var(--muted)}
.cw-more-list button:hover,.cw-more-list button:focus-visible{background:var(--hover)}
.cw-more-list .cw-more-danger{border-top:1px solid var(--line);border-radius:0 0 5px 5px;margin-top:3px;padding-top:9px}
.cw-more-list .cw-more-danger:hover,.cw-more-list .cw-more-danger:focus-visible,.cw-more-list .cw-more-danger:hover .icon{color:var(--danger)}
.cw-page .btn.quiet-danger{color:var(--muted)}
.cw-page .btn.quiet-danger:hover,.cw-page .btn.quiet-danger:focus-visible{color:var(--danger)}