/* Studio identity */
:root{font-family:'Red Hat Display',ui-sans-serif,system-ui,sans-serif;--green:#0044ff;--muted:#606b82;--border:#e0e5ef;--lime:#e8eeff;color:#18243e;background:#f6f8fc}
.sidebar,.topbar{background:#fff}.nav-item{color:#58637b}.nav-item:hover,.nav-item.active{background:#edf2ff;color:#0044ff}.nav-label,.breadcrumb,.stat-label,.stat-foot,.project-info small,.progress-block,.activity p,.clock-card p,.card-bottom,.field small,.empty,.login-foot,th{color:#5d6980}.eyebrow,.link-button{color:#0044cc}.environment,.clock-card{background:#f0f4ff;border-color:#dae3ff}.dot{background:#0044ff}.welcome-banner{background:#eaf0ff;border-color:#d4dfff}.welcome-banner p{color:#455d8c}.welcome-art{color:#7c9bff}.btn.primary{background:#0044ff;border-color:#0044ff}.btn.primary:hover{background:#0036cc}.btn:hover{background:#edf2ff}.avatar,.project-icon,.integration-logo{background:#eaf0ff;color:#003cc9}.project-card:hover,.project-list-item:hover,tbody tr:hover{background:#f5f8ff}.login-brand{background:#0044ff}.login-brand p,.login-brand .login-art{color:#d9e4ff}.badge.active,.badge.approved,.badge.done,.badge.completed,.badge.verified{background:#e8efff;color:#003dbf}.stat-foot span{color:#0044cc}.project-list-item .progress-block progress::-webkit-progress-value{background:#0044ff}.project-list-item .progress-block progress::-moz-progress-bar{background:#0044ff}.board-column{background:#edf1f9}.board-count{background:#e0e7f8;color:#425b8c}.activity .avatar{background:#eaf0ff;color:#0044cc}.task-check:hover{background:#dce6ff}.code{background:#f4f6fb}.notice{background:#f0f4ff;border-color:#d5e0ff;color:#3e5481}#toast{background:#0044cc}input,select,textarea{color:#243350;border-color:#d9e0ee}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#0044ff}
/* Shared task workspace */
.tw-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.tw-tabs{display:flex;gap:4px;padding:4px;background:#e9eef8;border-radius:9px}.tw-tabs button{padding:8px 18px;border-radius:6px;font-size:13px;font-weight:650}.tw-tabs button[aria-pressed=true]{background:white;color:#0044ff;box-shadow:0 1px 4px #17305814}.tw-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:16px;background:#fff;border:1px solid var(--border);border-radius:10px;margin-bottom:16px}.tw-filters label,.tw-range label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:600;color:#566581}.tw-filters select{width:145px}.tw-filters input[type=search]{width:220px}.tw-filter-chip{display:flex;gap:5px;background:#edf2ff;color:#23447f;border-radius:6px;padding:5px 9px;align-items:center;font-size:11px}.tw-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:13px;font-size:12px;color:#5e6d87}.tw-meta [role=status]{color:#0044cc}.tw-bulk{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#0044ff;color:white;border-radius:8px;margin-bottom:12px}.tw-bulk .btn{background:white;color:#0044cc}.tw-bulk select{width:140px}.tw-scroll{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:10px;max-height:68vh}.tw-table{table-layout:fixed;width:max-content;min-width:100%}.tw-table th{position:sticky;top:0;z-index:2;padding:0;background:#f2f5fc;overflow:visible;user-select:none;height:43px}.tw-th{display:flex;align-items:center;position:relative;padding:9px 10px;gap:6px;height:100%;min-height:43px}.tw-th button{font-size:11px;font-weight:650;text-transform:none;letter-spacing:0;text-align:left;flex:1}.tw-col-grip{cursor:grab;color:#8491ab;font-size:15px}.tw-col-resize{position:absolute;right:0;top:0;bottom:0;width:7px;cursor:col-resize;border-right:1px solid #dce3f0;touch-action:none}.tw-table td{padding:5px 8px;max-width:none;white-space:nowrap;height:46px;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #f0f3f9}.tw-table tr.selected{background:#eaf0ff}.tw-table input[type=checkbox]{width:16px;height:16px;accent-color:#0044ff}.tw-cell{display:flex;align-items:center;gap:5px;min-height:32px;width:100%;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px;border-radius:4px}.tw-cell:hover{background:#e9f0ff}.tw-cell .muted{color:#78849d}.tw-title{font-weight:650;display:block;overflow:hidden;text-overflow:ellipsis;text-align:left;max-width:100%}.tw-title-wrap{display:flex;align-items:center;gap:5px}.tw-title-wrap .tw-title{flex:1}.tw-edit-icon{padding:5px;color:#637ca8;flex:none}.tw-inline{width:100%;padding:6px;font-size:12px;border:1px solid #0044ff;border-radius:4px}.tw-row-grip{cursor:grab;padding:4px;font-size:17px;color:#667da9}.tw-row-grip:active{cursor:grabbing}.tw-drop{outline:2px solid #0044ff;outline-offset:-2px}.tw-dragging{opacity:.45}.tw-list-empty{padding:45px;text-align:center}.tw-edit-readonly{font-size:11px;color:#6d7890;overflow:hidden;text-overflow:ellipsis}.tw-cell.pending{opacity:.45}.tw-column-list,.tw-sort-list,.tw-rule-list{display:grid;gap:8px}.tw-column-option{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:9px;border-radius:7px}.tw-column-option label{display:flex;align-items:center;gap:9px;flex:1;font-size:12px}.tw-column-option input[type=number]{width:75px;padding:6px}.tw-column-option input[type=checkbox]{accent-color:#0044ff}.tw-column-option .btn{padding:4px 7px}.tw-rule{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:7px}.tw-sort{display:grid;grid-template-columns:1fr 110px auto;gap:7px}.tw-range{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:12px}.tw-range input{width:145px}.tw-range select{width:100px}.tw-range .tw-help{flex:1;min-width:200px;font-size:11px;color:#5e6c88;line-height:1.7}.tw-checks{display:grid;gap:8px;max-height:260px;overflow:auto}.tw-checks label{display:flex;gap:9px;align-items:center;padding:7px;border-radius:5px;background:#f7f9fd}.tw-checks input{width:auto;accent-color:#0044ff}.tw-unscheduled{color:#8792aa;font-size:11px}.tw-board .board-column{min-width:230px}.tw-board .task-card{cursor:grab}.tw-board .task-card:active{cursor:grabbing}.tw-board .board-title{gap:10px}.tw-board .tw-card-dates{font-size:11px;color:#546785;cursor:pointer}.tw-note{font-size:11px;color:#60708b;margin:8px 0 14px;line-height:1.6}
/* Gantt: native SVG for precise pointer and keyboard interaction. */
.tw-gantt-scroll{overflow:auto;resize:vertical;height:540px;min-height:260px;max-height:82vh;border:1px solid var(--border);border-radius:10px;background:white;position:relative;scrollbar-gutter:stable}.tw-gantt-canvas{display:flex;width:max-content;min-height:100%;align-items:flex-start;position:relative}.tw-gantt-labels{position:sticky;left:0;z-index:3;width:280px;flex:none;background:white;border-right:1px solid #dce3f1;box-shadow:3px 0 7px #18376008}.tw-gantt-label-head{height:58px;background:#f2f5fc;display:flex;align-items:center;justify-content:space-between;padding:12px;font-size:12px;font-weight:650;position:relative}.tw-pane-resize{position:absolute;top:0;right:0;bottom:0;width:8px;cursor:col-resize;touch-action:none}.tw-gantt-label{height:46px;border-bottom:1px solid #edf1f8;display:flex;align-items:center;gap:5px;padding:0 9px;font-size:12px}.tw-gantt-label .tw-title{white-space:nowrap;flex:1}.tw-gantt-label .tw-edit-icon{font-size:12px}.tw-gantt-svg{display:block;flex:none;user-select:none;touch-action:pan-x pan-y}.tw-gantt-svg text{font-family:'Red Hat Display',sans-serif}.tw-gantt-grid{stroke:#e6ebf5;stroke-width:1}.tw-gantt-weekend{fill:#f6f8fc}.tw-gantt-header{fill:#f2f5fc}.tw-gantt-tick{fill:#556781;font-size:10px;pointer-events:none}.tw-gantt-month{fill:#283e67;font-size:12px;font-weight:700;pointer-events:none}.tw-gantt-row{fill:transparent;cursor:crosshair}.tw-gantt-row:hover{fill:#0044ff08}.tw-gantt-bar{fill:#0044ff;cursor:grab;stroke:#0039d8;stroke-width:1;touch-action:none}.tw-gantt-bar.done{fill:#66799a;stroke:#526985}.tw-gantt-bar.cancelled{fill:#969fb1;stroke:#818b9f}.tw-gantt-bar.on_hold{fill:#7865be}.tw-gantt-bar.dragging{fill:#346cff}.tw-gantt-text{fill:white;font-size:11px;font-weight:650;pointer-events:none}.tw-gantt-handle{fill:#fff;fill-opacity:.85;stroke:#0044ff;cursor:ew-resize;touch-action:none}.tw-gantt-link{fill:#fff;stroke:#0044ff;stroke-width:2;cursor:crosshair;touch-action:none}.tw-gantt-dependency{fill:none;stroke:#96a8cb;stroke-width:1.5;pointer-events:none}.tw-gantt-now{stroke:#f1745d;stroke-width:1.5;stroke-dasharray:4 3;pointer-events:none}.tw-gantt-preview{fill:#0044ff1a;stroke:#0044ff;stroke-width:1.5;pointer-events:none}.tw-gantt-link-preview{stroke:#0044ff;stroke-width:2;fill:none;pointer-events:none}.tw-gantt-bar:focus,.tw-gantt-handle:focus{outline:none;stroke:#ffbe42;stroke-width:3}.tw-saving{pointer-events:none;opacity:.7}.tw-gantt-status{min-height:20px;font-size:12px;color:#0044cc}.tw-manual-buttons{display:flex;gap:0}.tw-manual-buttons button{padding:2px 3px;font-size:11px;color:#687996}
@media(max-width:650px){.tw-toolbar{gap:10px}.tw-tabs button{padding:7px 13px}.tw-filters{padding:12px}.tw-filters label{flex:1;min-width:120px}.tw-filters input[type=search],.tw-filters select{width:100%}.tw-rule{grid-template-columns:1fr 1fr}.tw-range{gap:8px}.tw-gantt-labels{width:190px}.tw-gantt-scroll{height:450px}.tw-bulk{flex-wrap:wrap}.tw-column-option{flex-wrap:wrap}.tw-help{display:none}.tw-scroll{max-width:100%}}
.tw-sort{grid-template-columns:minmax(90px,1fr) 110px auto auto auto}.tw-sort .btn{padding:7px}.tw-table td>.buttons{flex-wrap:nowrap;gap:0}.tw-table .tw-manual-buttons{flex-direction:column}
