.crm-filterbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.crm-search{display:flex;align-items:center;gap:10px;flex:1;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 14px}.crm-search .icon{color:var(--muted);width:19px}.crm-search input{border:0;background:transparent;min-width:0;font-size:13px;padding:12px 0;min-height:48px}.crm-filterbar>select{width:auto;min-width:150px;min-height:48px;font-size:13px;background:var(--surface)}.crm-results-summary{font-size:12px;color:var(--muted);margin-bottom:18px}.contacts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.client-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;transition:border-color .18s}.client-card:hover{border-color:#506889}.client-card-main{display:flex;align-items:center;gap:13px;width:100%;padding:0;min-height:54px;text-align:left;background:transparent;color:var(--text)}.client-card-main>.icon{width:17px;color:var(--muted);margin-left:auto}.client-portrait{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:16px;background:#8aafff16;color:#b7d0ff;font-size:16px;font-weight:700}.client-portrait.large{width:76px;height:76px;border-radius:24px;font-size:25px}.client-portrait.small{width:42px;height:42px;border-radius:14px;font-size:13px}.client-card-identity{display:grid;gap:4px;min-width:0}.client-card-identity strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.client-card-identity small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:21px;font-size:12px;color:var(--muted)}.contact-kind{font-size:11px;font-weight:600;color:#b8cbe5;padding:4px 9px;border-radius:6px;background:#8aafff12}.client-tags{font-size:12px;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}.client-contact-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.contact-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:11px;padding:9px 10px;flex:1}.contact-action>.icon{width:16px;height:16px}.contact-action:hover{background:var(--surface-2);color:var(--text)}.client-card-foot{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);margin-top:18px;padding-top:12px;font-size:11px;color:var(--muted)}.client-card-foot>.icon{width:14px;height:14px}.load-more-row{display:flex;justify-content:center;margin-top:28px}.contact-profile{padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-bottom:30px}.contact-profile-top{display:flex;gap:20px;align-items:center}.contact-profile-top h1{font-size:30px;margin:9px 0}.contact-profile-top p{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.contact-profile-actions{margin-left:auto;display:flex;gap:10px}.contact-profile>.client-contact-actions{max-width:450px;margin-left:96px}.detail-back{margin-bottom:20px}.client-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.studio-panel{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:15px;display:grid;gap:21px;min-width:0}.studio-panel h2{font-size:17px;line-height:1.4}.studio-panel .section-head{margin:0}.studio-panel .field{font-size:13px}.private-note{white-space:pre-line;font-size:14px;color:var(--text);overflow-wrap:anywhere}.studio-panel .form-note{font-size:12px}.workflow-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:20px;padding-bottom:5px}.workflow-filters::-webkit-scrollbar{display:none}.workflow-filters>button{display:flex;align-items:center;gap:8px;background:var(--surface);color:var(--muted);border:1px solid var(--line);padding:10px 13px;border-radius:11px;white-space:nowrap;font-size:12px;min-height:44px;flex-shrink:0}.workflow-filters>button>span{font-size:10px;min-width:18px;line-height:18px;text-align:center;background:#ffffff0c;border-radius:5px}.workflow-filters>button.active{background:#8aafff20;border-color:#8aafff77;color:#bdd3ff}.workflow-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;background:#8aafff14;color:#a9c6ef;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.workflow-pill>span{width:5px;height:5px;border-radius:50%;background:currentColor}.workflow-editing{color:#c6b4ff;background:#b6a1ff16}.workflow-awaiting_payment{color:#e6c17c;background:#ebc37614}.workflow-ready_to_deliver{color:#8fd4d9;background:#70c4ce14}.workflow-delivered,.workflow-completed{color:#9ed8b5;background:#76c99c14}.workflow-cancelled{color:#d6a3ab;background:#d991a018}.request-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.request-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}.request-card.is-overdue{border-color:#9b6a554d}.request-card-main{display:flex;align-items:center;gap:12px;width:100%;padding:0;background:transparent;color:var(--text);text-align:left;min-height:48px}.request-card-main>.icon{margin-left:auto;width:17px;color:var(--muted)}.request-card-identity{display:grid;gap:3px;min-width:0}.request-card-identity>strong{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-card-identity>small{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-card-info{display:flex;align-items:center;gap:10px;margin-top:18px}.request-count{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--muted);font-size:12px}.request-count>.icon{width:15px;height:15px}.priority-tag,.overdue-tag{font-size:10px;color:#e5b789}.request-card-foot{border-top:1px solid var(--line);margin-top:15px;padding-top:12px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.request-card-foot>span:first-child{display:flex;gap:6px;align-items:center}.request-card-foot .icon{width:14px;height:14px}.overdue-filter{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.overdue-filter input{width:18px;min-height:18px;height:18px}.request-view-switch>button{display:flex;align-items:center;gap:7px;font-size:12px;padding:9px 12px;min-height:40px}.workflow-board{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;padding-bottom:22px;scroll-snap-type:x proximity}.workflow-column{flex:0 0 290px;background:#111a26;border:1px solid var(--line);border-radius:14px;padding:13px;scroll-snap-align:start;min-height:200px}.workflow-column>h2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.workflow-column>h2>span:last-child{font-size:12px;color:var(--muted)}.workflow-column>div{display:grid;gap:12px}.workflow-column .request-card{padding:14px}.workflow-column .request-card-foot{font-size:10px}.request-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.request-detail-heading h1{font-size:29px;font-weight:700;margin-top:14px;overflow-wrap:anywhere}.request-detail-heading p{color:var(--muted);font-size:14px;margin-top:8px}.request-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.request-main-column,.request-side-column{display:grid;gap:24px;min-width:0}.request-side-column{position:sticky;top:98px}.request-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:550px;overflow-y:auto}.request-media-grid>button{display:grid;gap:6px;text-align:left;background:transparent;color:var(--muted);padding:0;min-width:0;align-content:start}.request-media-grid img,.request-media-grid>button>span{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:9px;background:var(--surface-2)}.request-media-grid small{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.copy-state-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted)}.copy-state-line>.icon{width:16px;height:16px}.copy-state-line>a{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--accent)}.copy-state-line>a>.icon{width:14px;height:14px}.request-timeline{display:grid;gap:20px}.request-timeline article{display:flex;align-items:flex-start;gap:12px}.timeline-dot{width:30px;height:30px;display:grid;place-items:center;background:#8aafff11;border:1px solid var(--line);border-radius:50%;color:var(--muted);flex-shrink:0}.timeline-dot .icon{width:13px;height:13px}.request-timeline article>div{min-width:0}.request-timeline strong{font-size:12px;font-weight:600}.request-timeline p{white-space:pre-line;font-size:13px;color:var(--text);margin-top:6px;overflow-wrap:anywhere}.request-timeline small{font-size:11px;margin-top:5px;display:block}.request-terms>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:14px}.request-terms[open]>summary{margin-bottom:20px}.request-terms .terms{font-size:12px}.request-workspace .viewer-sidebar>[data-select]{display:none}.request-side-column .client-contact-actions{gap:5px}.request-side-column .contact-action{padding:8px;font-size:10px}.request-side-column #share-link{font-size:11px}.request-side-column form .btn{width:100%}
@media(min-width:1650px){.contacts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.request-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.contacts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.studio-panel{padding:20px}.request-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.client-detail-layout{grid-template-columns:1fr}.client-detail-layout>aside{grid-row:1}.contact-profile>.client-contact-actions{margin-left:0}.contact-profile-top{flex-wrap:wrap}.contact-profile-actions{margin-left:0}.request-detail-heading{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:900px){.request-detail-layout{display:flex;flex-direction:column;gap:20px}.request-main-column,.request-side-column{width:100%;position:static}.request-side-column{order:-1;grid-template-columns:1fr 1fr}.request-side-column>.studio-panel:last-child{grid-column:1/-1}.request-list{gap:13px}.contacts-grid{gap:15px}.crm-filterbar>.crm-search{flex-basis:100%}.crm-filterbar>select{flex:1}.request-detail-heading{margin-bottom:22px}}
@media(max-width:600px){.contacts-grid,.request-list{grid-template-columns:1fr}.client-card{padding:18px;border-radius:16px}.client-card-main{min-height:56px}.client-card-identity strong{font-size:16px}.client-card-identity small{font-size:13px}.client-card-meta{font-size:12px;margin-top:18px}.contact-action{font-size:12px;min-height:46px}.client-card-foot{font-size:11px}.crm-filterbar{gap:10px}.crm-search{border-radius:13px;padding:0 13px}.crm-search input{font-size:14px;min-height:50px}.crm-filterbar>.btn{min-height:48px;font-size:12px}.crm-filterbar>select{font-size:13px;min-width:130px}.crm-results-summary{margin-bottom:14px}.contact-profile{padding:20px;border-radius:17px;margin-bottom:24px}.contact-profile-top{gap:14px;align-items:flex-start}.client-portrait.large{width:64px;height:64px;border-radius:20px;font-size:22px}.contact-profile-top h1{font-size:25px;margin:8px 0}.contact-profile-top p{font-size:12px}.contact-profile-actions{width:100%;padding-top:8px;justify-content:space-between}.contact-profile-actions .btn{flex:1}.contact-profile>.client-contact-actions{margin-top:18px}.request-detail-heading h1{font-size:26px}.request-detail-heading .heading-actions{width:100%;display:flex}.request-detail-heading .heading-actions>.btn{flex:1;font-size:12px}.request-side-column{grid-template-columns:1fr}.request-main-column,.request-side-column{gap:18px}.studio-panel{padding:20px;border-radius:16px;gap:19px}.studio-panel h2{font-size:17px!important}.request-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:none;overflow:visible}.request-media-grid small{font-size:9px}.workflow-filters{margin:0 -16px 17px;padding:0 16px 7px;gap:8px}.workflow-filters>button{font-size:12px;padding:11px 13px;min-height:46px}.request-card{padding:18px;border-radius:15px}.request-card-main{min-height:52px}.request-card-identity>strong{font-size:15px}.request-card-identity>small{font-size:12px}.request-card-info{margin-top:16px}.request-card-foot{font-size:11px;line-height:1.5}.request-view-switch{width:100%}.request-view-switch>button{flex:1;justify-content:center;min-height:42px}.workflow-column{flex-basis:calc(100vw - 58px)}.overdue-filter{font-size:12px;min-height:42px}.request-timeline strong{font-size:13px}.request-timeline p{font-size:14px}.request-side-column #share-link{font-size:12px}.request-side-column .contact-action{font-size:12px}.request-terms .terms{font-size:13px}.copy-state-line>a{margin-left:0;flex-basis:100%;min-height:44px}.load-more-row .btn{width:100%;min-height:48px}}
html[data-theme=light] .workspace-page .client-portrait{background:#e1eaff;color:#315a94}html[data-theme=light] .workspace-page .contact-kind{background:#eef3fc;color:#4a6285}html[data-theme=light] .workspace-page .workflow-pill{color:#365c8e;background:#e9f0fb}html[data-theme=light] .workspace-page .workflow-editing{color:#6a4b9f;background:#f0eafb}html[data-theme=light] .workspace-page .workflow-awaiting_payment{color:#89641f;background:#fff2d9}html[data-theme=light] .workspace-page .workflow-delivered,html[data-theme=light] .workspace-page .workflow-completed{color:#2e7750;background:#e7f4ec}html[data-theme=light] .workspace-page .workflow-column{background:#f3f6fb}
