.client-table-wrap{overflow:auto;max-height:70vh}.client-table{border-collapse:collapse;width:100%;white-space:nowrap}.client-table th{position:sticky;top:0;background:var(--surface,#fff)}.client-table td{max-width:300px;overflow:hidden;text-overflow:ellipsis;padding:12px;border-bottom:1px solid #ddd}.client-table td:focus{outline:2px solid #0044ff}.client-table tr.selected{background:#0044ff12}.client-table input:not([type=checkbox]),.client-table select{width:100%;min-width:100px}.client-table td:first-child{width:28px}.account-logo{height:32px;max-width:100px;object-fit:contain}.client-context{position:fixed;z-index:1000;display:grid;padding:8px;background:white;box-shadow:0 8px 30px #0003;border-radius:8px}.client-context button{padding:10px;border:0;background:none;text-align:left}.client-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-form label{display:grid;gap:4px}.client-form .wide{grid-column:1/-1}.doc-blocks textarea{width:100%;min-height:80px}.permission-matrix td{padding:5px;text-align:center}#client-list .toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}#client-list details{max-height:240px;overflow:auto}#client-list details label{display:block}#user-directory-form fieldset{max-height:180px;overflow:auto}#user-directory-form fieldset label{display:block}@media(max-width:700px){.client-form{grid-template-columns:1fr}}
.review-card{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px;margin:8px 0;text-align:left;background:var(--surface,#fff);color:inherit;border:1px solid #dce2ed;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s}.review-card:hover{transform:translateY(-1px);box-shadow:0 4px 18px #0044ff12}.review-card-heading{display:flex;justify-content:space-between;gap:12px}.review-excerpt{opacity:.7}.review-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.review-history{padding:12px 0;border-bottom:1px solid #dce2ed}.review-history pre{white-space:pre-wrap;overflow-wrap:anywhere}.review-open{background:#e6efff;color:#0044ff}.review-resolved{background:#dff6e8;color:#176534}.review-changes_requested{background:#fff0ce;color:#8a5200}#review-response{display:grid;gap:12px;margin:20px 0}#review-response label{display:grid;gap:6px}@media(prefers-reduced-motion:reduce){.review-card{transition:none}}

.project-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px}.project-sections{display:flex;flex-direction:column;gap:4px;border-right:1px solid #e6e9ef;padding-right:16px}.project-sections button{text-align:left;border:0;border-radius:8px;padding:12px;background:transparent;color:inherit;cursor:pointer}.project-sections button[aria-current=page]{background:#0044ff0d;color:#0044ff;font-weight:700}.project-section{min-width:0;animation:project-in .18s ease-out}.project-progress{margin:20px 0}.project-progress progress{display:block;width:100%;margin:12px 0;height:14px}.project-search{margin-bottom:24px;max-width:360px}.view-switch{display:flex;gap:2px;background:#eef1f7;border-radius:9px;padding:3px;width:fit-content}.view-switch button{padding:8px 16px;border:0;border-radius:7px;background:transparent;cursor:pointer}.view-switch [aria-pressed=true]{background:white;box-shadow:0 1px 5px #17203612}.project-icon img{max-width:100%;max-height:100%;object-fit:contain}.client-table{border-collapse:separate;border-spacing:0;font-size:13px}.client-table th{background:#f8f9fc;color:#626d82;font-size:12px;font-weight:500}.client-table td{padding:11px 12px;border-bottom:1px solid #eef0f5;max-width:300px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-table tr:hover td{background:#f7f9ff}.client-table .btn.small{background:transparent;border:0}.client-table tr:not(:hover) [data-move]{opacity:.25}.client-table-wrap{border:1px solid #e6e9ef;border-radius:12px}.branding-setting{display:flex;align-items:center;gap:14px;margin:18px 0}.project-section .client-form{max-width:950px}.project-section .toolbar{flex-wrap:wrap}@keyframes project-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:800px){.project-layout{grid-template-columns:1fr;gap:18px}.project-sections{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #e6e9ef;padding:0 0 10px}.project-sections button{white-space:nowrap}.project-section .grid-2{grid-template-columns:1fr}.branding-setting{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.project-section{animation:none}}
.project-layout.with-project-list{grid-template-columns:210px 150px minmax(0,1fr);gap:20px}.project-navigator{min-width:0;max-height:75vh;overflow:auto;scrollbar-width:thin;border-right:1px solid #e6e9ef;padding-right:14px;animation:project-in .18s ease-out}.project-navigator[hidden]{display:none}.project-navigator>input{margin-bottom:12px}.project-nav-group{padding:10px 0;border-bottom:1px solid #eef0f5}.project-nav-group summary{cursor:pointer;font-weight:650;padding:8px 0}.project-nav-link{display:block;width:100%;text-align:left;padding:10px;border-radius:7px;overflow-wrap:anywhere}.project-nav-link:hover{background:#f4f6fc}.project-nav-link[aria-current=page]{background:#0044ff12;color:#0044ff}.current-project-group{display:grid;gap:6px;margin:16px 0;font-size:12px}.group-rename{font-size:11px}.sheet-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.sheet-facts dt{font-size:12px;color:var(--muted);margin-bottom:6px}.sheet-facts dd{margin:0;min-height:36px}.sheet-value{text-align:left;padding:8px;border-radius:6px;width:100%;min-height:36px}.sheet-value:hover{background:#0044ff09}.sheet-block{padding:22px 0;border-top:1px solid #e6e9ef}.sheet-block header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-read{line-height:1.7;overflow-wrap:anywhere}.team-context{position:fixed;z-index:1000;min-width:180px;padding:6px;background:white;border:1px solid #e6e9ef;border-radius:9px;box-shadow:0 8px 30px #0003}.team-context button,#available-user-projects button{display:block;width:100%;text-align:left;padding:10px;border-radius:5px}.team-context button:hover,#available-user-projects button:hover{background:#0044ff0d}.assigned-project{padding:10px;border-bottom:1px solid #eef0f5}.assigned-project summary{cursor:pointer;margin-bottom:8px}#add-user-project{margin:14px 0}#available-user-projects{max-height:220px;overflow:auto}@media(max-width:1100px){.project-layout.with-project-list{grid-template-columns:180px minmax(0,1fr)}.with-project-list .project-navigator{grid-row:span 2}.with-project-list .project-sections{flex-direction:row;overflow:auto;border:0;grid-column:2}.with-project-list .project-section{grid-column:2}}@media(max-width:700px){.project-layout.with-project-list{grid-template-columns:1fr}.with-project-list .project-navigator{grid-row:auto;max-height:260px}.with-project-list .project-sections,.with-project-list .project-section{grid-column:1}.sheet-facts{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.project-navigator{animation:none}}

.main-body{display:flex;align-items:stretch;min-width:0}.main-body>.content{flex:1;min-width:0;width:100%}#secondary-panel{flex:0 0 230px;border-right:1px solid #e6e9ef;padding:18px 12px;background:#fafbfe;transition:flex-basis .18s ease}#secondary-panel.collapsed{flex-basis:160px}#secondary-panel .project-navigator{border:0;padding:14px 0;max-height:calc(100vh - 160px);position:sticky;top:18px}.project-card-group{margin-bottom:28px}.project-card-group>h2{font-size:15px;margin-bottom:12px}.project-list-group th{font-weight:700;color:#243c36;background:#eef2fa}.project-grid .ux-card{min-width:0}.project-grid .ux-card .project-card{width:100%;height:100%}[draggable=true]:not(input){cursor:grab}[draggable=true]:active{cursor:grabbing}@media(max-width:1200px){.main-body .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-body .content{padding:24px}}@media(max-width:800px){.main-body{flex-direction:column}#secondary-panel,#secondary-panel.collapsed{flex-basis:auto;border-right:0;border-bottom:1px solid #e6e9ef}#secondary-panel .project-navigator{max-height:260px;position:static}}@media(max-width:600px){.main-body .project-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){#secondary-panel{transition:none}}