.ws-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.workspace-links{margin-bottom:16px}.ws-projects,.ws-content{background:#fff;border:1px solid #e4e6eb;border-radius:12px;padding:20px;min-width:0}.ws-projects h1{font-size:18px}.ws-projects input,.ws-mobile select{width:100%}.ws-client{font-size:13px;color:#667085;margin:20px 8px 5px}.ws-choice{display:block;width:100%;border:0;background:transparent;text-align:left;padding:12px;border-radius:8px;min-height:44px}.ws-choice.active,.ws-tabs [aria-selected=true],.ws-controls [aria-pressed=true]{background:#efedff;color:#5148b5}.ws-content h2{font-size:22px;margin:0 0 12px}.ws-content p{color:#667085}.ws-tabs,.ws-controls{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.ws-tabs button,.ws-controls button,.ws-controls input,.ws-controls select,.ws-mobile select{min-height:44px;padding:8px 12px;border:1px solid #d5d8de;border-radius:8px;background:white}.ws-tabs button[aria-selected=true],.ws-controls button[aria-pressed=true]{background:#efedff}.ws-table{width:100%;border-collapse:collapse}.ws-table th,.ws-table td{padding:12px;border-bottom:1px solid #e4e6eb;text-align:left}.ws-table th{font-size:13px;color:#667085;background:#f9f9fc}.ws-link{border:0;background:none;color:#5148b5;text-align:left;min-height:44px;cursor:pointer}.ws-person{display:inline-block;vertical-align:top;border:1px solid #e4e6eb;border-radius:8px;padding:10px;margin:5px;min-width:170px}.ws-source{margin-top:22px;color:#667085}.ws-source summary{min-height:44px;cursor:pointer}.ws-mobile{display:none}.ws-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ws-overlay{position:fixed;inset:0;background:#151b3166;z-index:100}.ws-drawer{position:fixed;right:0;top:0;bottom:0;z-index:101;overflow:auto;width:min(480px,100%);background:#fff;padding:24px;box-shadow:-10px 0 30px #0002}.ws-drawer-head{display:flex;align-items:center;justify-content:space-between}.ws-drawer h3{font-size:13px;color:#667085;margin:20px 0 0}.ws-drawer p{margin:4px 0}.ws-content #task-center{margin-top:0}.ws-content #task-message{margin:8px 0}.ws-content #task-list{display:grid;gap:8px}.ws-content .task-entry{margin:0}.ws-content #task-preview:not([hidden]){position:fixed;z-index:101;right:0;top:0;bottom:0;width:min(520px,100%);max-height:100vh;overflow:auto;background:#fff;box-shadow:0 0 0 100vmax #151b3166;padding:24px;border-radius:0}.ws-content button:focus-visible,.ws-content input:focus-visible,.ws-content select:focus-visible,.ws-projects button:focus-visible{outline:3px solid #aaa5f2;outline-offset:2px}@media(max-width:800px){.ws-layout{display:block}.ws-projects{display:none}.ws-mobile{display:block;margin-bottom:20px}.ws-table{min-width:580px}.ws-content{overflow-x:auto}.ws-controls label{flex:1;min-width:180px}.ws-controls input,.ws-controls select{width:100%}}@media(prefers-reduced-motion:reduce){.ws-content *,.ws-projects *{transition:none!important}}
/* Workspace welcome and form controls */
.ws-welcome{display:flex;align-items:center;min-height:104px;margin:0 0 16px;padding:22px 26px;border:1px solid #e6e3f5;border-radius:16px;background:linear-gradient(115deg,#f2f0ff 0%,#fafaff 65%,#fff 100%);box-shadow:0 5px 20px rgba(77,70,145,.05)}
.ws-welcome h1{margin:0;color:#282c46;font-size:22px;line-height:1.4;font-weight:650}.ws-welcome p{margin:5px 0 0;color:#59627a;font-size:14px;line-height:1.6}
.ws-projects>label,.ws-field-label,.ws-filter-field>span{display:block;color:#48546a;font-weight:600;font-size:13px;line-height:1.5}.ws-projects>label{margin:14px 0 6px}.ws-projects>select,.ws-projects>input,.ws-controls input,.ws-controls select,.ws-mobile select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d6d9e6;border-radius:12px;background:#fbfaff;color:#263347;font:inherit;box-shadow:0 2px 6px rgba(46,49,89,.04)}.ws-controls{align-items:end;gap:10px}.ws-filter-field{display:grid;gap:6px;min-width:160px}.ws-filter-field:first-child{flex:1;max-width:360px}.ws-projects>select:hover,.ws-projects>input:hover,.ws-controls input:hover,.ws-controls select:hover,.ws-mobile select:hover{border-color:#8e88d1;background:#fff}.ws-content input:focus-visible,.ws-content select:focus-visible,.ws-projects input:focus-visible,.ws-projects select:focus-visible,.ws-content button:focus-visible,.ws-projects button:focus-visible{outline:3px solid #5148b5;outline-offset:2px}
.ws-content #task-preview .task-form-group{margin:20px 0;padding:16px;border:1px solid #e8e7f1;border-radius:14px;background:#faf9fd}.task-form-group h4{margin:0 0 12px;color:#38445e;font-size:14px;line-height:1.4}.ws-content #task-preview .task-form-group label{margin:12px 0;color:#38445e;font-size:14px}.ws-content #task-preview input:not([type=checkbox]),.ws-content #task-preview select,.ws-content #task-preview textarea{min-height:44px;border:1px solid #d6d9e6;border-radius:12px;background:#fff;box-shadow:0 2px 6px rgba(46,49,89,.04);font-size:15px}.ws-content #task-preview input:not([type=checkbox]):hover,.ws-content #task-preview select:hover,.ws-content #task-preview textarea:hover{border-color:#8e88d1}.ws-content #task-preview input:focus-visible,.ws-content #task-preview select:focus-visible,.ws-content #task-preview textarea:focus-visible{outline:3px solid #5148b5;outline-offset:2px}.ws-content #task-preview fieldset{min-width:0;border:1px solid #dedfea;border-radius:12px;padding:12px}.ws-content #task-preview small{color:#59627a;font-weight:400}
@media(prefers-reduced-motion:no-preference){.ws-welcome{animation:ws-welcome-in .25s ease-out both}.ws-projects input,.ws-projects select,.ws-controls input,.ws-controls select,.ws-content #task-preview input,.ws-content #task-preview select,.ws-content #task-preview textarea{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}@keyframes ws-welcome-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:800px){.ws-welcome{padding:18px 20px;min-height:92px}.ws-filter-field:first-child{max-width:none}}
.ws-workflow{margin:14px 0;padding:0 16px;border:1px solid #e6e4f3;border-radius:16px;background:#fbfaff}.ws-workflow summary{min-height:46px;display:flex;align-items:center;color:#5155a5;font-weight:650;cursor:pointer}.ws-workflow>p{line-height:1.6;font-size:13px}.ws-workflow-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(180px,2fr) auto;gap:10px;align-items:end;padding:12px 0;border-top:1px solid #e9e8f2}.ws-workflow-row h4{grid-column:1/-1;margin:0;color:#626e86;font-size:13px}.ws-workflow-row label{display:grid;gap:5px;color:#465169;font-size:13px}.ws-workflow-row input,.ws-workflow-row textarea{width:100%;min-height:44px;padding:9px 11px;border:1px solid #dadceb;border-radius:10px;background:#fff;font:inherit}.ws-workflow-row textarea{min-height:64px;resize:vertical}.ws-workflow-row-actions,.ws-workflow-actions{display:flex;gap:7px;flex-wrap:wrap}.ws-workflow-row-actions button,.ws-workflow-actions button{min-height:44px}.ws-workflow-actions{padding:10px 0}#ws-workflow-status{min-height:1.4em}#ws-workflow-status:empty{display:none}
@media(max-width:700px){.ws-workflow-row{grid-template-columns:1fr}.ws-workflow-row h4{grid-column:auto}}
@media(prefers-reduced-motion:no-preference){.ws-person{animation:ws-person-in .25s ease both}@keyframes ws-person-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}

.ws-scope{padding:16px 18px;margin-bottom:16px;border:1px solid #e3e5f3;border-radius:16px;background:#fafaff;color:#33405b}.ws-scope-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ws-scope-controls button{min-height:44px;padding:8px 15px;border:1px solid #d8def1;border-radius:12px;background:white;color:#465477;cursor:pointer}.ws-scope-controls button[aria-pressed="true"]{background:#e9edff;border-color:#8193e8;color:#3448ac;font-weight:650}.ws-scope-controls button:focus-visible{outline:3px solid #7d8ee7;outline-offset:2px}.ws-scope-controls button:disabled{opacity:.55;cursor:default}.ws-scope-label{font-weight:650;margin-right:4px}.ws-scope p{margin:10px 0 4px;line-height:1.5}.ws-scope small{color:#62708a;line-height:1.5}.ws-scope-refresh{margin-left:auto}@media(max-width:600px){.ws-scope-refresh{margin-left:0}.ws-scope{padding:14px}}
