:root{color-scheme:dark;--night:#060b23;--bg:#0b1129;--surface:#101a34;--surface-hover:#15213e;--line:#25314b;--line-soft:#1d2943;--text:#f4f8ff;--muted:#94a4bf;--subtle:#687d9e;--blue:#0f79ef;--cyan:#00baf9;--radius:10px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:default;opacity:.42}button{color:inherit}button,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan)}a{color:inherit}button svg{pointer-events:none}svg{vertical-align:middle}input,select,textarea{color:var(--text)}input::placeholder,textarea::placeholder{color:#7283a2}select{cursor:pointer}option{background:#111b34;color:var(--text)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:280px;z-index:100;background:var(--blue);padding:10px 15px;border-radius:6px;text-decoration:none}.skip-link:focus{top:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;flex:none;position:fixed;inset:0 auto 0 0;background:#080f28;border-right:1px solid #1a2541;display:flex;flex-direction:column;padding:30px 18px 18px;z-index:10}.brand{display:flex;align-items:center;gap:12px;margin:0 9px 46px;text-decoration:none;width:max-content}.brand-symbol{object-fit:contain;flex:none}.brand strong{display:block;font-size:18px;letter-spacing:2.2px;line-height:1.35;font-weight:750}.brand-subtitle{display:flex;align-items:center;gap:9px;letter-spacing:4px;font-size:11px;color:#8ca5c5;font-weight:650;margin-top:3px}.local-badge{font-size:9px;letter-spacing:1.1px;border:1px solid #29415f;border-radius:3px;padding:1px 4px;color:#60baf3}.sidebar-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:1.6px;color:#7c8eaf;font-weight:650;min-height:26px;padding:0 9px;margin-bottom:10px}.icon-button{background:none;border:0;border-radius:6px;padding:5px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--muted);flex:none}.icon-button:hover{background:#ffffff0c;color:var(--text)}.sidebar-icon{font-size:21px;width:25px;height:25px;color:#8499bb}.workspace-area{padding-bottom:26px;border-bottom:1px solid #1c2742}.workspace-choice{padding:10px 7px 10px 10px;background:#121e39;border:1px solid #293a5c;border-radius:8px;display:flex;align-items:center;gap:8px;box-shadow:0 3px 8px #00000012}.workspace-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#0e75c8;border-radius:7px;color:#e9f8ff;font-size:13px;font-weight:700;flex:none}.workspace-choice select{width:100%;min-width:0;border:0;padding:3px 0;background:transparent;font-weight:600;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 4 3 3 3-3' fill='none' stroke='%2394a4bf' stroke-width='1.2'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;padding-right:18px;text-overflow:ellipsis}.workspace-choice .icon-button{width:22px}.board-section{padding-top:24px;overflow-y:auto;flex:1}.board-section .sidebar-label{margin-bottom:9px}.board-list{display:flex;flex-direction:column;gap:4px}.board-link{border:1px solid transparent;background:none;width:100%;padding:11px 10px;display:flex;gap:10px;align-items:center;border-radius:7px;font-size:13px;color:#a6b5cf;text-align:left}.board-link:hover{background:#121e38;color:var(--text)}.board-link.is-selected{background:linear-gradient(110deg,#147af022,#00baf90e);border-color:#1e4876;color:#e6f7ff;box-shadow:inset 3px 0 #169cf4}.board-link.is-selected .board-link-icon{color:#55bdff}.board-link-icon{color:#768dad;flex:none;display:flex}.board-link-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.board-link-count{font-size:11px;color:#7e98b9;font-variant-numeric:tabular-nums}.sidebar-empty{font-size:13px;color:#7d91b0;margin:12px 9px;line-height:1.7}.sidebar-bottom{margin-top:28px;padding-top:18px;border-top:1px solid #1c2742}.milestone-note{display:flex;gap:9px;align-items:center;margin:0 9px 18px;font-size:10px;font-weight:650;letter-spacing:1.4px;color:#99abc6}.milestone-note>span:nth-child(2)>span{display:block;font-size:12px;color:#7189ac;letter-spacing:0;font-weight:400;margin-top:4px}.milestone-dot{width:7px;height:7px;background:#37b2fa;border-radius:50%;box-shadow:0 0 0 4px #0f79ef14}.milestone-number{margin-left:auto;color:#5b789d;font-size:10px;letter-spacing:0}.feedback-button{border:1px solid #2c3c59;width:100%;background:#101a33;padding:10px 12px;border-radius:7px;display:flex;gap:8px;align-items:center;color:#c5d5eb;font-size:12px;font-weight:500}.feedback-button:hover{border-color:#3c80b5;background:#162442}.feedback-button>span:last-child{margin-left:auto;color:#5db4f3;font-size:17px}.local-note{font-size:10px;color:#596e8d;text-align:center;margin:14px 0 1px;letter-spacing:.2px}.main-content{margin-left:260px;min-width:0;width:calc(100% - 260px);background:radial-gradient(ellipse 80% 350px at 90% 0,#0e3f6114,transparent),var(--bg);outline:none}.topbar{height:67px;border-bottom:1px solid #202b43;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 42px}.breadcrumb{display:flex;align-items:center;gap:14px;min-width:0;font-size:12px;color:#91a4c4}.breadcrumb>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb #breadcrumb-board{color:#dce6f7}.breadcrumb-mark{width:7px;height:7px;flex:none;background:#30aaf5;border-radius:2px;box-shadow:0 0 10px #16b6fc25}.breadcrumb-divider{color:#3d536f}.connection-status{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;color:#7f93b1;letter-spacing:.1px}.connection-status>span{width:5px;height:5px;border-radius:50%;background:#3fc99b}.connection-status.is-saving>span{background:#f7c466;animation:pulse 1s infinite}.connection-status.is-error>span{background:#ef7c86}.board-header{padding:37px 42px 28px;display:flex;gap:30px;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;color:#688bae;margin-bottom:10px}.title-line{display:flex;align-items:center;gap:13px}.title-line h1{font-size:30px;letter-spacing:-.9px;line-height:1.25;font-weight:650;margin:0;overflow-wrap:anywhere}.title-edit{color:#597291}.board-description{color:#8297b7;font-size:13px;margin:11px 0 0;max-width:760px;white-space:pre-line}.board-summary{display:flex;align-items:center;flex:none;gap:22px;padding-right:1px}.summary-number{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.summary-label{color:#6f87a8;font-size:9px;letter-spacing:1.5px;font-weight:600;margin-top:5px}.summary-divider{height:32px;width:1px;background:#26334b}.summary-progress{display:flex;align-items:center;gap:11px}.progress-ring{height:38px;width:38px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(#34b4ef var(--progress,0%),#22334b 0);font-size:10px;color:#9cc1df;font-variant-numeric:tabular-nums}.progress-ring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--bg)}.progress-ring>span{position:relative}.summary-progress .summary-number{font-size:15px;letter-spacing:0}.summary-progress .summary-label{margin-top:3px;font-size:9px}.view-tabs{display:flex;justify-content:space-between;align-items:center;margin:0 42px;border-bottom:1px solid #28334b;gap:20px}.active-view{display:flex;align-items:center;gap:9px;color:#d6edff;font-size:12px;font-weight:600;padding:14px 3px 13px;border-bottom:2px solid #26a7f4;margin-bottom:-1px}.active-view svg{color:#4fbaff}.view-caption{color:#4e688d;font-size:10px;letter-spacing:.8px}.board-toolbar{padding:23px 42px 25px;display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar-filters,.toolbar-actions{display:flex;align-items:center;gap:10px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid #29364f;border-radius:7px;background:#10192f;min-width:195px;padding:0 10px;height:35px;color:#748fae}.search-field:focus-within{border-color:#258ec9;box-shadow:0 0 0 2px #0f79ef1c}.search-field input{border:0;background:transparent;outline:none;width:178px;min-width:0;font-size:12px;padding:7px 0}.search-field input:focus-visible{outline:none}.search-field kbd{font-family:inherit;color:#5c7294;border:1px solid #2a3954;font-size:10px;padding:0 4px;border-radius:3px;line-height:15px}.status-filter select{background:#10192f;border:1px solid #29364f;border-radius:7px;height:35px;font-size:11px;color:#a0b2cf;padding:0 26px 0 11px;max-width:150px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:7px;padding:9px 13px;min-height:35px;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}.button>span{font-weight:400;font-size:17px;line-height:12px}.button-primary{background:linear-gradient(115deg,#146cde,#078fdb);border-color:#218eee;color:#fff;box-shadow:0 2px 7px #006edb1f}.button-primary:hover{background:linear-gradient(115deg,#177bea,#0a9ce8);box-shadow:0 2px 12px #006edb38}.button-secondary{background:#121d35;border-color:#2b3a54;color:#b2c2dc}.button-secondary:hover{background:#182741;border-color:#49617e}.button-danger{color:#ed919d;background:transparent;border-color:#79344955}.button-danger:hover{background:#c6516715;border-color:#a35664}.board-canvas{padding:0 42px;min-height:310px}.task-group{margin-bottom:30px;--group-color:#3fa8f5}.group-heading{display:flex;align-items:center;gap:7px;margin:0 0 12px;padding:0 0 0 1px}.group-toggle{display:flex;align-items:center;gap:9px;background:none;border:0;padding:3px 0;color:var(--group-color);min-width:0}.group-toggle .group-chevron{display:flex;transition:transform .15s}.task-group.is-collapsed .group-chevron{transform:rotate(-90deg)}.group-toggle h2{font-size:15px;font-weight:600;letter-spacing:-.15px;margin:0;overflow-wrap:anywhere;text-align:left}.group-task-count{color:#7188a7;font-size:11px;margin-left:4px;white-space:nowrap;font-variant-numeric:tabular-nums}.group-heading .group-actions{display:flex;margin-left:auto;gap:6px}.group-action{font-size:11px;color:#7791b2;border:0;background:none;display:flex;align-items:center;gap:5px;border-radius:5px;padding:5px 7px}.group-action:hover{color:#bee6ff;background:#192640}.task-table{border:1px solid #2a3852;border-left:3px solid var(--group-color);border-radius:8px;overflow:hidden;background:#10192f;min-width:660px}.table-viewport{overflow-x:auto;border-radius:8px}.task-grid{display:grid;grid-template-columns:42px minmax(230px,1fr) 128px 112px 128px 42px;align-items:stretch}.table-header{min-height:35px;background:#152039;border-bottom:1px solid #2a3852;font-size:10px;font-weight:500;color:#7c94b6;letter-spacing:.2px}.table-header>div{display:flex;align-items:center;padding:0 14px;border-right:1px solid #27334c}.table-header>div:last-child{border:0}.table-header .table-index{padding:0;justify-content:center;color:#425e81}.task-row{min-height:51px;border-bottom:1px solid #23304a;background:#101a32;transition:background .1s}.task-row:hover{background:#14203a}.task-row>div{display:flex;align-items:center;padding:8px 14px;border-right:1px solid #23304a;min-width:0}.task-row>div:last-child{border:0;justify-content:center;padding:0 4px}.task-row .task-index{padding:0;justify-content:center;font-size:10px;color:#4f6b90;font-variant-numeric:tabular-nums}.task-title-button{background:none;border:0;padding:0;text-align:left;color:#d9e4f6;font-size:12px;font-weight:450;line-height:1.5;width:100%;overflow:hidden}.task-title-button span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-title-button .task-description-preview{font-size:10px;color:#637f9f;margin-top:3px;font-weight:400}.task-row.is-done .task-title-button>span:first-child{color:#6f8aab;text-decoration:line-through;text-decoration-color:#4b6687}.task-row>div.cell-status{padding:8px}.task-status{border:1px solid transparent;border-radius:4px;width:100%;height:27px;font-size:11px;font-weight:550;text-align:center;padding:0 16px 0 8px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 4 3 3 3-3' fill='none' stroke='%23ffffff' opacity='.55' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center}.status-todo{background-color:#25324b;border-color:#394660;color:#c1cfe3}.status-in_progress{background-color:#07517a;border-color:#096692;color:#7fdbff}.status-blocked{background-color:#582d48;border-color:#75415a;color:#f3abc0}.status-done{background-color:#164840;border-color:#205e50;color:#82dbbd}.task-priority{width:100%;min-width:0;border:0;background:transparent;font-size:11px;padding:4px 0;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2 4 3 3 3-3' fill='none' stroke='%23768dad' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;color:#a4b5d0}.priority-low{color:#8499b6}.priority-normal{color:#a9bddd}.priority-high{color:#e7b25a}.priority-urgent{color:#ef8c9f}.due-button{font-size:11px;border:0;padding:2px 0;background:none;color:#9bb0cd;display:flex;align-items:center;gap:7px;white-space:nowrap}.due-button.no-date{color:#486588}.due-button:hover{color:#a8ddff}.due-button.is-overdue{color:#ed9b9f}.task-open{width:25px;height:25px;color:#526e91}.task-row:hover .task-open{color:#92b6da}.add-task-row{border:0;background:#0d172e;color:#6689af;text-align:left;width:100%;padding:10px 18px 10px 55px;display:flex;align-items:center;gap:8px;font-size:11px;min-height:37px}.add-task-row:hover{background:#14223d;color:#79c7fa}.add-task-row span{font-size:16px;font-weight:300;line-height:1}.group-empty{font-size:12px;color:#637fa3;padding:20px 18px;background:#101a32;border-bottom:1px solid #23304a}.board-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 42px 24px;padding-top:19px;border-top:1px solid #1e2b43;color:#516d91;font-size:10px}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;padding:65px 25px 70px;border:1px dashed #2a3c58;border-radius:10px;background:#10213c22;min-height:300px}.empty-symbol{height:57px;width:57px;display:flex;align-items:center;justify-content:center;border:1px solid #2c577b;border-radius:14px;margin-bottom:18px;color:#5dc3ff;background:linear-gradient(150deg,#16497760,#12274660);box-shadow:0 0 35px #0285ee0d}.empty-state h2{font-size:20px;letter-spacing:-.3px;font-weight:600;margin:0 0 9px;color:#dceafa}.empty-state p{max-width:380px;color:#7894b7;font-size:13px;margin:0 0 22px;line-height:1.8}.loading-state{text-align:center;padding:90px 10px;color:#7696b7;font-size:13px}.loading-orbit{display:inline-block;width:28px;height:28px;border:2px solid #24435c;border-top-color:#35b9f9;border-radius:50%;animation:spin 1s linear infinite}.load-error{margin:50px 42px;padding:30px;border:1px solid #754354;border-radius:10px;background:#5c26321c}.load-error strong{font-size:19px}.load-error p{color:#bb9ba9;max-width:700px}.app-dialog{border:1px solid #344663;border-radius:15px;background:#111c34;color:var(--text);padding:0;width:calc(100% - 36px);max-width:480px;max-height:calc(100dvh - 48px);box-shadow:0 25px 100px #0008;overflow:auto}.app-dialog::backdrop{background:#020819b8;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 28px 22px;border-bottom:1px solid #293852}.dialog-header .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:9px;color:#6b9ec7}.dialog-header h2{font-size:23px;letter-spacing:-.5px;font-weight:600;line-height:1.3;margin:0}.close-dialog{font-size:26px;font-weight:300;margin-top:-3px}.dialog-body{padding:24px 28px 26px}.form-label{display:block;font-size:12px;font-weight:600;color:#b8cbe3;margin:0 0 8px}.required-mark{color:#4eadea}.optional-label{color:#6983a5;font-size:10px;font-weight:400;margin-left:6px}.form-input{display:block;width:100%;padding:11px 12px;border:1px solid #30435f;border-radius:6px;background:#0c162c;font-size:13px;color:#dceafb;min-height:40px}.form-input:focus{border-color:#209cdf;outline:2px solid #0d8ccd20;outline-offset:0}.form-input:disabled{opacity:.6}textarea.form-input{resize:vertical;line-height:1.75;min-height:80px}.field-spacing{margin-top:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:21px}.color-field{padding:0;border:0;margin:22px 0 0}.color-field legend{padding:0}.color-options{display:flex;gap:11px;flex-wrap:wrap;padding-top:3px}.color-option{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.color-option input{appearance:none;display:block;margin:0;border:3px solid #111c34;outline:1px solid transparent;outline-offset:2px;width:25px;height:25px;border-radius:50%;background:var(--swatch-color)}.color-option input:checked{outline-color:var(--swatch-color)}.color-option input:focus-visible{outline:2px solid #fff}.dialog-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:18px 28px;border-top:1px solid #293852;background:#0f192e;border-radius:0 0 15px 15px}.form-error{color:#f0a6b2;font-size:12px;line-height:1.7;background:#702c3e30;border:1px solid #7b405144;padding:10px 12px;border-radius:6px;margin:18px 0 0;white-space:pre-line}.task-dialog{max-width:590px}.task-title-input{font-size:16px;font-weight:500}.task-dialog-footer{justify-content:space-between;gap:15px}.task-dialog-footer>div{display:flex;gap:8px}.task-dialog-footer .button{font-size:11px;padding:9px 11px}.task-save-note{font-size:10px;color:#607fa2;line-height:1.7;margin:18px 0 -5px}.draft-notice{background:#124c711f;border:1px solid #246184;border-radius:6px;font-size:12px;padding:10px 12px;margin-bottom:20px;color:#a2cfe6}.draft-notice p{margin:0 0 5px}.text-button{border:0;padding:0;background:none;color:#6acaff;font-size:12px;text-decoration:underline;text-underline-offset:3px}.feedback-dialog{max-width:520px}.feedback-intro{font-size:13px;color:#8fa9c8;line-height:1.8;margin:0 0 20px}.feedback-checklist{display:flex;flex-direction:column;gap:12px;padding-bottom:25px;margin-bottom:22px;border-bottom:1px solid #293852}.feedback-checklist label{display:flex;gap:10px;font-size:12px;color:#b7cae2;align-items:center;cursor:pointer}.feedback-checklist input{accent-color:#168de6;width:15px;height:15px;flex:none;margin:0}.feedback-privacy{font-size:11px;color:#6582a6;line-height:1.8;margin:12px 0 0}.toast-region{position:fixed;bottom:23px;right:25px;display:flex;flex-direction:column;gap:10px;z-index:100;max-width:min(450px,calc(100vw - 38px));pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid #36526c;border-radius:9px;background:#192b40;box-shadow:0 8px 30px #0005;color:#d5eafa;font-size:12px;line-height:1.6;pointer-events:auto;animation:toast-in .2s ease-out}.toast-error{background:#352033;border-color:#79475d;color:#f1c1cf}.toast-text{flex:1}.toast-action{font-size:12px;color:#60c9ff;font-weight:600;border:0;padding:3px 4px;background:none;white-space:nowrap}.toast .icon-button{height:22px;width:22px;font-size:20px;color:#7d9cb9}.noscript-message{position:fixed;inset:0;background:#060b23;z-index:999;display:flex;align-items:center;justify-content:center;font-size:19px;padding:30px}.archive-trigger{display:flex;align-items:center;gap:6px;border:0;background:none;color:#738dac;font-size:11px;padding:5px;border-radius:4px}.archive-trigger:hover{color:#b4d8f4;background:#14233b}.archive-list{display:flex;flex-direction:column;gap:10px}.archive-entry{display:flex;align-items:center;gap:15px;justify-content:space-between;border:1px solid #2a3c57;padding:12px;border-radius:7px}.archive-entry>div{min-width:0}.archive-title{font-size:13px;overflow-wrap:anywhere;color:#c9ddf4}.archive-context{font-size:11px;color:#6e8caf;margin-top:3px}.archive-entry .button{font-size:11px}.archive-empty{font-size:13px;color:#7e9abc;margin:0;line-height:1.8}.archive-count{color:#6e8eaf;font-size:11px;font-weight:400;margin-left:5px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.topbar,.board-toolbar{padding-left:55px;padding-right:55px}.board-header{padding-left:55px;padding-right:55px}.board-canvas{padding-left:55px;padding-right:55px}.view-tabs,.board-footer{margin-left:55px;margin-right:55px}.task-grid{grid-template-columns:46px minmax(320px,1fr) 150px 132px 150px 44px}.task-row{min-height:54px}}
@media(max-width:1200px){.sidebar{width:230px;padding-left:14px;padding-right:14px}.brand{margin-left:8px;gap:10px}.brand strong{font-size:16px;letter-spacing:1.8px}.main-content{margin-left:230px;width:calc(100% - 230px)}.topbar{padding:0 28px}.board-header{padding:30px 28px 25px}.board-toolbar{padding:20px 28px}.board-canvas{padding:0 28px}.view-tabs,.board-footer{margin-left:28px;margin-right:28px}.board-summary{gap:15px}.search-field input{width:140px}.search-field{min-width:0}.toolbar-filters{gap:8px}.status-filter select{max-width:125px}.toolbar-actions{gap:7px}.toolbar-actions .button{padding:9px 10px;font-size:11px}.task-grid{grid-template-columns:33px minmax(210px,1fr) 116px 98px 116px 35px}.board-description{max-width:480px}.title-line h1{font-size:27px}}
@media(max-width:1020px){.board-toolbar{flex-wrap:wrap}.toolbar-filters{flex:1}.search-field{flex:1;max-width:320px}.search-field input{width:100%}.board-summary .summary-divider,.summary-progress{display:none}.board-header{gap:20px}.board-footer{align-items:flex-start}.board-footer>span:last-child{text-align:right}.view-caption{display:none}.task-grid{grid-template-columns:33px minmax(220px,1fr) 116px 98px 116px 35px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;padding:18px;display:grid;grid-template-columns:1fr 1.3fr;gap:18px;border:0;border-bottom:1px solid #263550}.brand{margin:0;align-self:center}.brand strong{font-size:15px}.brand-symbol{width:30px;height:30px}.brand-subtitle{font-size:9px}.workspace-area{border:0;padding:0;min-width:0}.workspace-area .sidebar-label{display:none}.workspace-choice{padding:6px}.workspace-choice select{font-size:12px}.workspace-avatar{width:24px;height:24px;font-size:11px}.board-section{grid-column:1/-1;padding:0;margin-top:0;overflow:visible}.board-section .sidebar-label{margin:0;padding:0 2px}.board-list{flex-direction:row;overflow-x:auto;padding:6px 0 0}.board-link{width:auto;min-width:max-content;padding:8px 12px}.board-link-count{margin-left:8px}.sidebar-bottom{grid-column:1/-1;margin:0;padding:0;border:0;display:flex;align-items:center;gap:15px}.milestone-note{font-size:9px;margin:0 0 0 4px;flex:1;letter-spacing:1px}.milestone-note>span:nth-child(2)>span,.milestone-number,.local-note{display:none}.feedback-button{width:auto;padding:7px 10px;font-size:11px}.main-content{margin:0;width:100%}.topbar{height:47px;padding:0 20px}.breadcrumb{gap:9px;font-size:11px}.connection-status{font-size:9px;gap:5px}.board-header{padding:26px 20px 22px}.eyebrow{font-size:9px;letter-spacing:1.5px}.title-line h1{font-size:26px;letter-spacing:-.7px}.board-summary{display:none}.board-description{font-size:12px;margin-top:8px}.view-tabs{margin:0 20px}.board-toolbar{padding:18px 20px;gap:12px}.toolbar-filters{width:100%;flex:none}.search-field{max-width:none;height:34px}.status-filter select{height:34px;max-width:135px;font-size:10px}.toolbar-actions{width:100%;justify-content:flex-end}.toolbar-actions .button{font-size:11px;padding:9px 12px}.board-canvas{padding:0 20px}.task-group{margin-bottom:24px}.group-toggle h2{font-size:14px}.group-task-count{font-size:10px}.group-action{font-size:10px;padding:5px}.group-action span.action-label{display:none}.board-footer{margin:0 20px 20px;flex-direction:column;gap:8px}.board-footer>span:last-child{text-align:left}.load-error{margin:30px 20px}.dialog-header{padding:23px 22px 20px}.dialog-body{padding:22px}.dialog-footer{padding:17px 22px}.task-dialog-footer{flex-wrap:wrap}.task-dialog-footer>div{margin-left:auto}.app-dialog{max-height:calc(100dvh - 30px)}.toast-region{bottom:15px;right:19px}.skip-link{left:20px}.feedback-button>span:last-child{margin-left:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:760px){.workspace-area .sidebar-label{display:flex;margin-bottom:3px;min-height:18px;font-size:8px;letter-spacing:1px;padding:0 3px}.workspace-area .sidebar-label .icon-button{height:18px;width:22px;font-size:18px}.workspace-avatar{color:#07162a}}
.brand-symbol-crop{width:40px;height:38px;position:relative;overflow:hidden;display:block;flex:none}.brand-symbol-crop .brand-symbol{width:126px;height:126px;max-width:none;position:absolute;left:-43px;top:-37px;object-fit:contain}
@media(max-width:760px){.brand-symbol-crop{width:30px;height:30px}.brand-symbol-crop .brand-symbol{width:96px;height:96px;left:-33px;top:-28px}.brand{gap:8px}.brand strong{font-size:13px;letter-spacing:1px}}

/* Accounts and task ownership, milestone 2. */
.topbar-actions{display:flex;align-items:center;gap:21px;flex:none}.team-trigger{display:flex;align-items:center;gap:8px;border:1px solid #2b4262;border-radius:7px;background:#111e37;padding:7px 10px;color:#b8d0ea;font-size:11px}.team-trigger:hover{border-color:#3977a6;background:#162640}.team-trigger>span:last-child{font-size:10px;background:#1d3550;padding:0 5px;border-radius:3px;color:#83bce2}.account-card{display:flex;align-items:center;gap:9px;border-top:1px solid #23324c;margin-top:18px;padding-top:16px}.account-details{flex:1;min-width:0}.account-details strong{font-size:12px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9dcf2}.account-details>span{display:block;font-size:10px;color:#718cac;margin-top:3px}.account-card form{margin:0}.account-card .icon-button{width:25px;height:28px;color:#6c89ad}.person-avatar{--avatar-color:#75baff;width:29px;height:29px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#18314d;background:color-mix(in srgb,var(--avatar-color) 15%,#0d182c);border:1px solid color-mix(in srgb,var(--avatar-color) 42%,#263952);color:var(--avatar-color);font-size:11px;font-weight:650;letter-spacing:.1px;user-select:none}.person-avatar.is-inactive{filter:grayscale(1);opacity:.55}.avatar-small{width:25px;height:25px;font-size:9px;border-width:2px}.avatar-small+.avatar-small{margin-left:-7px}.avatar-overflow{font-size:9px;color:#88acd0;margin-left:4px}.task-row>div.cell-assignees{padding:8px 10px}.assignee-cell-button{display:flex;align-items:center;justify-content:center;min-height:28px;width:100%;border:0;border-radius:5px;background:none;padding:0;color:#6a8aaf}.assignee-cell-button:hover{background:#20304b66;color:#9bd9ff}.empty-assignee{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:1px dashed #3b5473;border-radius:50%;color:#6383a6}.empty-assignee-label{font-size:10px;margin-left:6px}.assignee-field{border:0;padding:0;min-width:0}.assignee-field legend{padding:0}.assignee-search-label{display:block}.assignee-search-label .form-input{font-size:12px;padding:9px 11px;min-height:36px}.assignee-options{border:1px solid #293e5b;border-radius:7px;background:#0e192f;margin-top:10px;max-height:202px;overflow-y:auto}.assignee-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #23334d;cursor:pointer;min-height:53px}.assignee-option:last-child{border-bottom:0}.assignee-option:hover{background:#15243e}.assignee-option input{width:15px;height:15px;accent-color:#168ee1;flex:none;margin:0}.assignee-member-info{min-width:0;flex:1}.assignee-member-info>strong{display:block;font-weight:500;font-size:12px;color:#b9d0ea;overflow-wrap:anywhere}.assignee-member-info>span{display:block;font-size:10px;color:#6685a9;overflow-wrap:anywhere;margin-top:2px}.assignee-option.is-inactive .assignee-member-info>strong{color:#7b8fa9}.assignee-option input:disabled{cursor:default}.assignee-empty{font-size:12px;color:#7b98b9;margin:0;padding:16px 14px;line-height:1.8}.field-hint{font-size:11px;color:#718caf;line-height:1.8;margin:11px 0 0}.assignee-dialog .assignee-options{max-height:310px}.team-dialog{max-width:740px}.team-dialog .dialog-body{padding-top:21px}.team-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:21px}.team-intro .feedback-intro{font-size:12px;margin:0;max-width:380px;line-height:1.8}.team-intro .button{font-size:11px}.team-heading-count{font-size:11px;color:#7c9fc3;font-weight:400;letter-spacing:0;margin-left:7px}.team-section-title{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;font-weight:600;color:#829fc1;margin:25px 0 12px}.team-users{border:1px solid #2b3c57;border-radius:8px;overflow:hidden}.team-member{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 13px;border-bottom:1px solid #25344e;background:#0e192f}.team-member:last-child{border-bottom:0}.team-member-info{display:flex;align-items:center;gap:10px;min-width:0}.team-member-labels{min-width:0}.team-member-labels strong{font-size:12px;font-weight:550;display:block;color:#c7dbf2;overflow-wrap:anywhere}.team-member-labels>span{display:block;font-size:10px;color:#7592b5;margin-top:2px;overflow-wrap:anywhere}.team-member.is-inactive .team-member-labels strong{color:#8497b0}.team-member-badges{display:flex;align-items:center;gap:7px;flex:none}.member-state{font-size:9px;padding:2px 6px;border:1px solid transparent;border-radius:4px;line-height:1.6;white-space:nowrap}.state-active{color:#83cfb8;border-color:#25594d;background:#16473750}.state-inactive{color:#8895ab;border-color:#34425a;background:#26324750}.member-role{font-size:9px;border:1px solid #3c5480;color:#a3b8e4;padding:2px 6px;border-radius:4px}.member-self{font-size:10px;color:#5caee0}.protected-member{font-size:9px;color:#536e91;margin-left:3px}.member-status-button{font-size:10px;padding:6px 9px;min-height:29px;margin-left:3px}.team-local-note{font-size:10px;color:#5c7ca2;margin-right:auto}.invitation-panel{border:1px solid #27577c;background:#102c492c;padding:18px;border-radius:8px;margin:0 0 25px}.invitation-panel h3{font-size:14px;font-weight:550;color:#c4dff5;margin:0 0 5px}.invitation-panel>.field-hint{margin:0 0 17px}.invitation-panel .optional-label{font-size:9px;display:inline;margin-left:4px}.invitation-form-row{display:flex;align-items:center;gap:10px}.invitation-form-row .form-input{min-width:0;flex:1;font-size:12px}.invitation-form-row .button{flex:none;font-size:11px;min-height:39px}.created-invitation{margin-top:20px;padding-top:18px;border-top:1px solid #2b4b66}.invitation-url{font-size:11px;color:#83c5ec;background:#0b1930;padding:10px}.invitation-link-actions{display:flex;align-items:center;gap:17px;margin-top:12px}.invitation-link-actions .button{font-size:11px}.invitation-link-actions a{font-size:11px;text-decoration:none;cursor:pointer}.team-invitations{display:flex;flex-direction:column;gap:8px}.team-invitation{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #283b55;border-radius:6px;padding:12px 13px;background:#0e192f}.invitation-info{min-width:0}.invitation-info strong{display:block;font-size:12px;font-weight:500;color:#afc7e2;overflow-wrap:anywhere}.invitation-info>span{font-size:10px;color:#6684a6;display:block;margin-top:3px}.invitation-status-actions{display:flex;align-items:center;gap:12px;flex:none}.invitation-status{font-size:9px;padding:2px 6px;border-radius:4px;border:1px solid #344b68;color:#8faac8;background:#24395344;white-space:nowrap}.invitation-pending{color:#d6b77a;border-color:#635333;background:#57442644}.invitation-used{color:#7bc7ac;border-color:#275b4a;background:#1b4d3c44}.invitation-revoked,.invitation-expired{color:#94a0b3;border-color:#3b485d;background:#26304544}.revoke-invitation{font-size:10px;color:#d191a1;text-decoration:none}.revoke-invitation:hover{text-decoration:underline}.reconnect-action{display:inline-block;margin-top:9px}.task-grid{grid-template-columns:42px minmax(230px,1fr) 118px 128px 112px 128px 42px}.task-table{min-width:820px}
@media(min-width:1600px){.task-grid{grid-template-columns:46px minmax(320px,1fr) 140px 150px 132px 150px 44px}}
@media(max-width:1200px){.task-grid{grid-template-columns:33px minmax(210px,1fr) 108px 116px 98px 116px 35px}.task-table{min-width:780px}.topbar-actions{gap:12px}}
@media(max-width:760px){.topbar-actions{gap:10px}.team-trigger{font-size:10px;padding:5px 7px;gap:5px}.topbar-actions .connection-status{display:none}.sidebar-bottom{flex-wrap:wrap}.account-card{width:100%;margin-top:0;padding-top:13px}.account-details>span{font-size:9px}.account-card .person-avatar{width:25px;height:25px;font-size:10px}.team-dialog .dialog-header h2{font-size:21px}.team-intro{flex-direction:column;gap:12px}.team-intro .feedback-intro{max-width:none}.team-member{align-items:flex-start;flex-direction:column;gap:10px}.team-member-badges{padding-left:39px;flex-wrap:wrap}.team-member-info{width:100%}.protected-member{font-size:9px}.invitation-panel{padding:14px}.invitation-panel .optional-label{display:block;margin:4px 0 0;font-size:10px}.invitation-form-row{flex-direction:column;align-items:stretch}.invitation-form-row .form-input{width:100%}.invitation-form-row .button{align-self:flex-end}.team-invitation{align-items:flex-start;flex-direction:column;gap:10px}.invitation-status-actions{width:100%;justify-content:space-between}.team-heading-count{font-size:10px}.assignee-option{gap:8px;padding:10px}.assignee-member-info>span{font-size:9px}.assignee-field .optional-label{font-size:9px}.task-grid{grid-template-columns:33px minmax(210px,1fr) 108px 116px 98px 116px 35px}}

/* Group order controls. */
.group-order-controls { display: inline-flex; align-items: center; gap: 1px; margin-right: 8px; padding-right: 9px; border-right: 1px solid #2a3c57; }
.group-order-controls .group-order-button { width: 26px; height: 26px; color: #7c9fc3; }
.group-order-up svg { transform: rotate(180deg); }
.group-order-button:hover:enabled { color: #b5e1ff; background: #1b3a56; }
.group-order-button:disabled { opacity: .25; cursor: default; background: none; }
.group-order-button:focus-visible { outline: 2px solid #83caff; outline-offset: 2px; }
@media (max-width: 760px) { .group-order-controls { margin-right: 2px; padding-right: 4px; }.group-order-controls .group-order-button { width: 23px; } }

/* A selected row applies cell changes to the full selection. */
.task-selection-summary > div > .task-selection-edit-hint { font-size: 10px; line-height: 1.65; max-width: 660px; color: #91b5d6; margin-top: 6px; }
.assignee-bulk-notice { margin: 0 0 20px; padding: 13px 14px; border: 1px solid #315f88; border-radius: 7px; background: #153c5b55; }
.assignee-bulk-notice > strong { display: block; font-size: 12px; font-weight: 550; color: #b5deff; line-height: 1.6; }
.assignee-bulk-notice > p { margin: 6px 0 0; font-size: 11px; color: #83b0d4; line-height: 1.8; }
.assignee-bulk-notice.has-mixed-values { border-color: #75613a; background: #56401b30; }
.assignee-bulk-notice.has-mixed-values > strong { color: #dfc18e; }
.assignee-bulk-notice.has-mixed-values > p { color: #bca27d; }
.assignee-selection-actions > .field-hint { margin-top: 12px; }
.assignee-selection-actions > .text-button { display: inline-block; color: #b187a2; font-size: 10px; line-height: 1.7; margin-top: 11px; }
.assignee-selection-actions > .text-button:hover:enabled { color: #e4adc9; }
.assignee-selection-actions > .text-button:disabled { opacity: .4; cursor: default; }
@media (max-width: 760px) { .task-selection-summary > div > .task-selection-edit-hint { font-size: 10px; max-width: 100%; }.assignee-bulk-notice { padding: 12px; }.assignee-bulk-notice > strong { font-size: 11px; }.assignee-bulk-notice > p { font-size: 10px; } }

/* Multiple task selection and movement. */
.task-selection-cell { padding: 0 !important; }
.task-selection-target { display: flex; align-items: center; justify-content: center; align-self: stretch; width: 100%; min-height: 34px; cursor: pointer; }
.task-selection-input { appearance: none; position: relative; display: block; flex: none; width: 15px; height: 15px; padding: 0; margin: 0; border: 1px solid #4a6485; border-radius: 3px; background: #0c1930; cursor: pointer; transition: border-color .12s, background .12s; }
.task-selection-with-grip { gap: 2px; }
.task-selection-with-grip .task-selection-target { width: 30px; flex: 1; }
.task-drag-handle, .task-grip-spacer { width: 24px; flex: none; }
.task-drag-handle { height: 28px; display: inline-flex; justify-content: center; align-items: center; margin-left: 3px; padding: 2px; border: 0; border-radius: 4px; color: #6e89a9; background: transparent; cursor: grab; touch-action: none; }
.task-drag-handle:hover:enabled, .task-drag-handle:focus-visible { background: #21415d; color: #9adaff; }
.task-drag-handle:active { cursor: grabbing; }
.task-drag-handle svg { pointer-events: none; }
.task-row.is-task-drag-source { opacity: .45; }
.task-row.is-task-drop-before, .task-row.is-task-drop-after { position: relative; }
.task-row.is-task-drop-before::before, .task-row.is-task-drop-after::after { content: ''; position: absolute; left: 0; right: 0; height: 3px; z-index: 8; background: #62cdff; pointer-events: none; }
.task-row.is-task-drop-before::before { top: 0; }
.task-row.is-task-drop-after::after { bottom: 0; }
.task-group.is-task-drop-group .group-heading { border-radius: 5px; outline: 1px solid #4b9cc46b; outline-offset: 5px; }
.add-task-row.is-task-drop-end { box-shadow: inset 0 3px #62cdff; color: #a0ddff; background: #12457166; }
.is-task-dragging, .is-task-dragging * { cursor: grabbing !important; }
.is-task-dragging { user-select: none; }
.task-drag-preview { display: none; position: fixed; width: 270px; max-width: calc(100vw - 16px); z-index: 42; border: 1px solid #65c6f5; border-radius: 6px; background: #173855f2; box-shadow: 0 7px 22px #0008; padding: 10px 13px; color: #e2f4ff; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; }
.is-task-dragging .task-drag-preview { display: block; }
.task-drag-feedback { display: none; position: fixed; bottom: 24px; left: calc(50% + 100px); transform: translateX(-50%); z-index: 40; max-width: calc(100vw - 48px); padding: 12px 18px; border: 1px solid #399bd1; border-radius: 8px; background: #102c48f5; box-shadow: 0 5px 24px #020a22aa; color: #c0e7ff; font-size: 12px; pointer-events: none; }
.is-task-dragging .task-drag-feedback { display: block; }
.task-position-name { margin: 0 0 22px; font-size: 14px; font-weight: 550; line-height: 1.6; color: #c0d9ef; overflow-wrap: anywhere; }
.completed-group-badge { display: inline-flex; align-items: center; gap: 5px; flex: none; border: 1px solid #356d5d; border-radius: 4px; padding: 2px 7px; color: #8dd7b7; background: #17493655; font-size: 10px; font-weight: 550; line-height: 1.5; }
.board-settings-dialog { max-width: 620px; }
.board-settings-section-title { margin: 0 0 20px; color: #d4e6f7; font-size: 16px; font-weight: 600; }
.board-completion-toggle { display: flex; align-items: flex-start; gap: 13px; margin-top: 24px; cursor: pointer; }
.board-completion-toggle > input { appearance: none; position: relative; width: 36px; height: 21px; flex: none; padding: 0; margin: 2px 0 0; border: 1px solid #45617d; border-radius: 20px; background: #26374f; transition: background .15s; }
.board-completion-toggle > input::after { content: ''; position: absolute; left: 3px; top: 3px; width: 13px; height: 13px; border-radius: 50%; background: #a6bbd3; transition: transform .15s; }
.board-completion-toggle > input:checked { background: #168bbd; border-color: #5bb8df; }
.board-completion-toggle > input:checked::after { transform: translateX(15px); background: #e1f7ff; }
.board-completion-toggle > input:disabled { opacity: .4; }
.board-completion-toggle strong { display: block; font-size: 13px; line-height: 1.5; color: #d0e3f5; font-weight: 550; }
.board-completion-toggle > span > span { display: block; margin-top: 5px; color: #839ebc; font-size: 12px; line-height: 1.6; }
.board-completion-rule { display: flex; align-items: center; gap: 12px; border: 1px solid #2d415b; border-radius: 7px; padding: 13px; margin: 18px 0 23px; background: #102139; color: #8ba8c7; }
.board-completion-rule.is-enabled { border-color: #2b6b5b; background: #163a3255; color: #a5d9c6; }
.board-completion-rule-symbol { font-size: 23px; line-height: 1; color: #5b9bc2; }
.board-completion-rule p { margin: 0; font-size: 12px; line-height: 1.7; }
.board-completion-statuses > .form-label { display: block; }
.board-completion-labels { display: flex; flex-wrap: wrap; gap: 6px; }
.board-completion-label { padding: 4px 10px; border-radius: 4px; font-size: 11px; line-height: 1.5; }
.board-completion-note { margin: 22px 0 0; padding-top: 17px; border-top: 1px solid #273a54; color: #8399b6; font-size: 11px; line-height: 1.8; }
@media (max-width: 760px) { .board-settings-trigger-text { display: none; }.board-completion-toggle strong { font-size: 12px; } }
@media (max-width: 760px) { .task-drag-feedback { left: 50%; } }
.task-selection-target:hover .task-selection-input:enabled { border-color: #5bbfff; background: #163c5d; }
.task-selection-input:checked, .task-selection-input:indeterminate { border-color: #319ce6; background: #1684d2; }
.task-selection-input:checked::after { content: ''; position: absolute; top: 2px; left: 4px; width: 4px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.task-selection-input:indeterminate::after { content: ''; position: absolute; top: 6px; left: 3px; width: 7px; height: 2px; border: 0; background: #fff; transform: none; }
.task-selection-input:focus-visible { outline: 2px solid #9edcff; outline-offset: 4px; }
.task-selection-input:disabled { opacity: .35; cursor: default; }
.task-row.is-selected { background: #132b45; }
.task-row.is-selected:hover { background: #183552; }
.task-row.is-selected > .task-selection-cell { background: #18446a88; }
.task-selection-bar { position: sticky; top: 12px; z-index: 16; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 42px 22px; padding: 13px 16px; border: 1px solid #29628f; border-radius: 9px; background: #112b46; box-shadow: 0 8px 25px #03091c55; }
.task-selection-summary { display: flex; align-items: center; gap: 12px; min-width: 0; }
.task-selection-symbol { display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; flex: none; border: 1px solid #337bb4; border-radius: 6px; color: #8fcfff; background: #17436c; }
.task-selection-summary strong { display: block; font-size: 12px; font-weight: 550; color: #d4ecff; }
.task-selection-summary > div > span { display: block; font-size: 10px; line-height: 1.6; color: #8fb8da; margin-top: 3px; }
.task-selection-actions { display: flex; align-items: center; gap: 17px; flex: none; }
.task-selection-actions .button { font-size: 11px; min-height: 33px; padding: 7px 12px; }
.task-selection-clear { display: flex; align-items: center; gap: 6px; border: 0; border-radius: 4px; background: none; color: #90b5d6; padding: 5px 0; font-size: 10px; }
.task-selection-clear > span:first-child { font-size: 19px; font-weight: 300; line-height: 1; }
.task-selection-clear:hover:enabled { color: #d8eeff; }
.task-selection-clear:disabled { opacity: .45; cursor: default; }
.task-move-dialog { max-width: 620px; overflow: hidden; }
.task-move-dialog > form { display: flex; flex-direction: column; max-height: calc(100dvh - 50px); }
.task-move-dialog .dialog-header, .task-move-dialog .dialog-footer { flex-shrink: 0; }
.task-move-dialog .dialog-body { min-height: 0; overflow-y: auto; }
.task-move-source { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.task-move-source strong { font-size: 12px; font-weight: 500; line-height: 1.7; color: #a6c9e9; overflow-wrap: anywhere; }
.task-move-source-dot { width: 5px; height: 5px; border-radius: 50%; background: #42b8fb; flex: none; }
.task-move-preview { list-style: none; padding: 0; margin: 0; max-height: 163px; overflow-y: auto; border: 1px solid #2b3f5b; border-radius: 7px; background: #0e192d; }
.task-move-preview li { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid #23334d; font-size: 11px; line-height: 1.6; }
.task-move-preview li:last-child { border: 0; }
.task-move-preview li > span:first-child { color: #5f83a8; display: flex; flex: none; }
.task-move-preview li > span:nth-child(2) { flex: 1; min-width: 0; color: #b6cfe9; overflow-wrap: anywhere; }
.task-move-preview small { color: #6c8aac; font-size: 10px; max-width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-move-preview .task-move-empty-preview { color: #7b98b9; }
.task-move-destination { padding-top: 22px; margin-top: 22px; border-top: 1px solid #2a3c57; }
.task-move-destination h3 { margin: 0 0 19px; font-size: 14px; font-weight: 500; color: #d0e2f7; }
.task-move-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 16px; }
.task-move-fields > div { min-width: 0; }
.task-move-summary { font-size: 11px; color: #8fb6d9; line-height: 1.8; margin: 16px 0 0; }
.task-move-preservation { display: flex; align-items: flex-start; gap: 9px; padding: 13px; margin-top: 18px; border-radius: 6px; border: 1px solid #274b52; background: #15373a33; }
.task-move-preservation > span { color: #74bcaa; font-size: 13px; line-height: 1.8; flex: none; }
.task-move-preservation p { font-size: 11px; color: #85aaa9; line-height: 1.8; margin: 0; }
.task-move-permissions { font-size: 11px; line-height: 1.8; color: #a599c0; margin: 14px 0 0; }
.task-move-permissions.is-public-destination { color: #d4b07e; border: 1px solid #73552d88; border-radius: 6px; background: #553c1c33; padding: 10px 12px; }
.task-move-review { margin-top: 14px; line-height: 1.8; }
@media (min-width: 1600px) { .task-selection-bar { margin-left: 55px; margin-right: 55px; } }
@media (max-width: 1200px) { .task-selection-bar { margin-left: 28px; margin-right: 28px; } }
@media (max-width: 760px) { .task-selection-bar { margin-left: 20px; margin-right: 20px; padding: 12px; gap: 12px; top: 8px; flex-wrap: wrap; }.task-selection-symbol { width: 26px; height: 26px; }.task-selection-summary { gap: 9px; }.task-selection-summary strong { font-size: 11px; }.task-selection-summary > div > span { font-size: 10px; }.task-selection-actions { margin-left: auto; gap: 14px; }.task-move-fields { grid-template-columns: 1fr; gap: 15px; }.task-move-preview small { max-width: 90px; font-size: 9px; }.task-move-preview li { gap: 8px; padding: 9px 10px; }.task-move-destination { margin-top: 19px; padding-top: 19px; }.task-move-dialog .dialog-footer .button { font-size: 11px; } }

/* Private reports received from Fear Tide test builds. */
.board-private-badge { display: inline-flex; align-items: center; gap: 5px; border: 1px solid #534d77; background: #3c315c44; padding: 3px 7px; border-radius: 4px; font-size: 9px; letter-spacing: .2px; color: #b4a8d7; white-space: nowrap; flex: none; }
.board-private-badge svg { width: 11px; height: 11px; }
.private-board-note { margin: 0 42px 20px; padding: 11px 13px; border: 1px solid #443c63; border-radius: 7px; color: #9b8bbf; background: #33274425; font-size: 11px; line-height: 1.8; }
.board-access-trigger { color: #a6afd2; }
.team-role-select { width: 131px; padding: 6px 7px; min-height: 29px; border: 1px solid #344b6b; border-radius: 5px; background: #13233b; color: #a8c2de; font-size: 10px; }
.team-role-select:hover:enabled { border-color: #3f7ba3; background: #19304a; }
.team-role-select:disabled { opacity: .48; }
.team-member-badges { flex-wrap: wrap; justify-content: flex-end; }
.board-access-dialog { max-width: 600px; }
.board-access-intro { color: #8da9c9; font-size: 12px; line-height: 1.9; margin: 0 0 23px; }
.board-visibility-field { padding: 0; margin: 0; border: 0; }
.board-visibility-field legend { padding: 0; margin-bottom: 11px; }
.board-visibility-choice { display: flex; align-items: flex-start; gap: 11px; margin: 0 0 10px; padding: 15px; border: 1px solid #2d4562; border-radius: 7px; background: #0e1c32; cursor: pointer; }
.board-visibility-choice:has(input:checked) { border-color: #3a729a; background: #15365055; }
.board-visibility-choice > input { width: 15px; height: 15px; margin: 3px 0 0; accent-color: #279acf; flex: none; }
.board-visibility-choice strong { display: block; font-size: 13px; color: #b9d0e8; font-weight: 550; }
.board-visibility-choice > span > span { display: block; font-size: 11px; color: #6f91b4; margin-top: 5px; line-height: 1.8; }
.board-access-member-section { padding-top: 14px; margin-top: 14px; border-top: 1px solid #2a3f5b; }
.board-access-member-section .form-label { font-size: 11px; }
.board-access-member-section .form-input { font-size: 12px; min-height: 37px; }
.board-access-members { max-height: 280px; overflow-y: auto; border: 1px solid #2a405e; border-radius: 7px; margin-top: 11px; background: #0d1a2f; }
.board-access-member { display: flex; align-items: center; gap: 10px; padding: 12px; border-bottom: 1px solid #263a55; cursor: pointer; }
.board-access-member:last-child { border-bottom: 0; }
.board-access-member:hover { background: #142b43; }
.board-access-member > input { width: 15px; height: 15px; margin: 0; accent-color: #2493c7; flex: none; }
.board-access-warning { border: 1px solid #705a3b; border-radius: 6px; background: #55402630; color: #c4ab80; font-size: 11px; line-height: 1.9; margin: 21px 0 13px; padding: 11px 13px; }
@media(min-width:1600px) { .private-board-note { margin-left: 55px; margin-right: 55px; } }
@media(max-width:1200px) { .private-board-note { margin-left: 28px; margin-right: 28px; }.team-role-select { width: 119px; font-size: 9px; } }
@media(max-width:760px) { .private-board-note { margin-left: 20px; margin-right: 20px; font-size: 10px; }.board-private-badge { font-size: 8px; padding: 3px 5px; gap: 4px; }.board-access-trigger-text { display: none; }.team-role-select { width: 128px; font-size: 10px; }.team-member-badges { justify-content: flex-start; }.board-access-intro { font-size: 11px; }.board-visibility-choice { padding: 13px; gap: 10px; }.board-visibility-choice strong { font-size: 12px; }.board-visibility-choice > span > span { font-size: 10px; }.board-access-member { padding: 10px; gap: 8px; }.board-access-warning { font-size: 10px; padding: 10px 12px; } }
.board-shares-dialog { max-width: 700px; }
.share-board-trigger { color: #91b9d7; }
.board-share-audience { display: flex; align-items: flex-start; gap: 9px; }
.share-admin-badge { font-size: 9px; color: #9fbfe3; padding: 3px 6px; border: 1px solid #35567b; border-radius: 4px; background: #1c3b5a66; line-height: 1.5; flex: none; }
.board-share-audience p { font-size: 13px; line-height: 1.8; color: #abc7e2; margin: 0; }
.board-share-explanation { color: #718eb0; font-size: 11px; line-height: 1.8; margin: 11px 0 14px; }
.board-share-local-note { color: #c1ac7f; font-size: 11px; line-height: 1.8; border: 1px solid #655839; border-radius: 6px; background: #5746252b; padding: 10px 12px; margin: 0 0 22px; }
.board-share-form { border: 1px solid #2b4967; padding: 18px; border-radius: 8px; background: #12345222; }
.board-share-create-grid { display: grid; grid-template-columns: minmax(0, 1fr) 125px; gap: 13px; }
.board-share-create-grid .form-label { font-size: 11px; }
.board-share-create-grid .form-input { font-size: 12px; }
.board-share-captures { display: flex; align-items: flex-start; gap: 10px; margin-top: 19px; cursor: pointer; }
.board-share-captures > input { width: 15px; height: 15px; accent-color: #168ed9; margin: 3px 0 0; flex: none; }
.board-share-captures > span { font-size: 12px; color: #9cbbd7; line-height: 1.8; }
.board-share-captures > span > span { display: block; font-size: 10px; color: #5f83a6; margin-top: 1px; }
.board-share-create-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 20px; padding-top: 16px; border-top: 1px solid #29445e; }
.board-share-create-actions > span { color: #607f9e; font-size: 10px; line-height: 1.8; }
.board-share-create-actions .button { flex: none; font-size: 11px; }
.created-board-share { border: 1px solid #366776; border-radius: 8px; padding: 18px; margin-top: 18px; background: #14485522; }
.created-board-share h3 { font-size: 14px; color: #a1d6e3; font-weight: 550; margin: 0 0 15px; }
.created-board-share .form-label { font-size: 11px; color: #80adbe; }
.created-board-share .form-input { font-size: 11px; color: #95d7ed; background: #0d2235; border-color: #315c71; }
.board-share-link-actions { display: flex; align-items: center; gap: 17px; margin-top: 12px; }
.board-share-link-actions .button, .board-share-link-actions .text-button { font-size: 11px; }
.board-share-link-actions .text-button { text-decoration: none; }
.created-board-share .field-hint { font-size: 10px; color: #668e9f; margin-top: 13px; }
.board-shares-list { display: flex; flex-direction: column; gap: 9px; }
.board-share-item { display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid #2b405b; background: #0d192f; border-radius: 7px; padding: 13px; }
.board-share-item-info { min-width: 0; }
.board-share-item-info strong { color: #b6cfe7; font-size: 12px; font-weight: 550; display: block; overflow-wrap: anywhere; }
.board-share-item-info > span { font-size: 10px; color: #6e8faf; display: block; margin-top: 4px; line-height: 1.8; }
.board-share-item-info > .share-captures-state { color: #527393; font-size: 9px; }
.board-share-item-actions { display: flex; align-items: center; gap: 12px; flex: none; }
@media(max-width:760px) {
    .share-trigger-text { display: none; }.board-share-form { padding: 14px; }.board-share-audience p { font-size: 12px; }.board-share-create-grid { grid-template-columns: minmax(0, 1fr) 105px; gap: 10px; }.board-share-create-grid .optional-label { display: block; margin: 3px 0 0; font-size: 9px; }.board-share-create-grid .form-label { min-height: 30px; }.board-share-create-actions { flex-direction: column; align-items: flex-start; gap: 12px; }.board-share-create-actions .button { align-self: flex-end; }.board-share-captures > span { font-size: 11px; }.created-board-share { padding: 15px; }.board-share-item { flex-direction: column; align-items: flex-start; gap: 11px; }.board-share-item-actions { width: 100%; justify-content: space-between; }
}
.task-grid { grid-template-columns: var(--task-columns); }
.task-row { min-height: 42px; }
.task-row > div { padding-top: 4px; padding-bottom: 4px; }
.task-row > .full-label-cell { padding: 0; }
.full-label-select { display: block; width: 100%; height: 100%; min-height: 41px; margin: 0; padding: 5px 20px 5px 10px; border: 0; border-radius: 0; background: transparent; color: inherit; font-size: 12px; font-weight: 600; text-align: center; cursor: pointer; }
.full-label-select:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
.full-label-select option { font-size: 12px; }
.task-row .full-label-cell:focus-within { box-shadow: inset 0 0 0 2px #ffffff88; }
.column-heading-button { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: transparent; border: 0; padding: 5px 0; color: #8ba7c9; width: 100%; min-width: 0; font-size: 10px; text-align: left; }
.column-heading-button > span:first-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.column-heading-button > span:last-child { color: #527499; }
.column-heading-button:hover { color: #a4d7f7; }
.task-row > .task-title-cell { gap: 12px; }
.task-title-cell > .task-title-button { flex: 1; min-width: 0; width: auto; }
.task-title-cell > .description-cell-button { margin-left: auto; }
.description-cell-button { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none; width: 30px; height: 30px; min-width: 30px; border: 1px dashed #4b6380; border-radius: 6px; padding: 0; background: #112038; color: #8aa5c2; cursor: pointer; }
.description-cell-button::before { content: ''; display: block; width: 19px; height: 19px; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 3.5h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H9l-4 3v-3a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2Z' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M6.5 7h7m-7 3h5' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.description-cell-button.has-description { border-style: solid; border-color: #37698d; background: #163651; color: #9ddcff; }
.description-cell-button.has-description::after { content: ''; position: absolute; top: 4px; right: 4px; width: 5px; height: 5px; border-radius: 50%; background: #72d7ff; box-shadow: 0 0 0 2px #163651; }
.description-cell-button:hover { border-style: solid; border-color: #6bbce7; background: #204866; color: #d4f0ff; }
.description-cell-button:focus-visible { outline: 2px solid #65caff; outline-offset: 3px; }
.inline-cell-input { width: 100%; min-width: 0; border: 1px solid transparent; border-radius: 4px; background: transparent; padding: 5px 3px; color: #a7c0da; font-size: 11px; }
.inline-cell-input:hover { border-color: #2c4a67; background: #0d1a30; }
.inline-cell-input:focus { border-color: #2d8aba; background: #0c1a30; outline: 1px solid #2084bc44; outline-offset: 0; }
.checkbox-cell { justify-content: center; }
.checkbox-cell .inline-cell-input, .custom-field-checkbox { width: 17px; height: 17px; accent-color: #188fd9; }
.task-row > .cell-type-people { padding-left: 8px; padding-right: 8px; }
.columns-dialog { max-width: 710px; }
.new-column-form { display: grid; grid-template-columns: minmax(0, 1fr) 150px auto; gap: 10px; align-items: end; padding: 17px; border: 1px solid #2e4a67; border-radius: 8px; background: #11335122; }
.new-column-form .form-input { font-size: 12px; min-height: 39px; }
.new-column-form .button { height: 39px; }
.new-column-form .form-label { font-size: 11px; }
.columns-list { display: flex; flex-direction: column; gap: 8px; }
.column-list-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid #2a3e59; padding: 12px 13px; border-radius: 7px; background: #0d192e; }
.column-list-info { min-width: 0; }
.column-list-info strong { display: block; font-size: 12px; font-weight: 550; color: #bad2eb; overflow-wrap: anywhere; }
.column-list-info > span { display: block; font-size: 10px; color: #637fa1; margin-top: 3px; }
.column-list-actions { display: flex; align-items: center; gap: 6px; flex: none; }
.column-small-action { font-size: 10px; min-height: 29px; padding: 6px 9px; }
.column-list-actions .icon-button { font-size: 18px; width: 25px; height: 27px; }
.column-list-actions .column-remove { color: #b9798c; font-size: 21px; margin-left: 2px; }
.archived-column .column-list-info { opacity: .65; }
.column-editor-dialog { max-width: 610px; }
.column-labels-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 25px 0 11px; }
.column-labels-heading h3 { color: #91b1d0; font-size: 13px; font-weight: 550; margin: 0; }
.column-labels-heading .text-button { font-size: 11px; }
.column-labels-list { display: flex; flex-direction: column; gap: 9px; margin-top: 15px; }
.column-label-row { display: flex; align-items: center; gap: 9px; }
.column-label-name { min-width: 0; flex: 1; font-size: 12px; padding: 9px 10px; min-height: 37px; }
.column-label-color { width: 35px; height: 35px; border: 1px solid #35506e; padding: 3px; border-radius: 5px; background: #172a42; cursor: pointer; flex: none; }
.column-label-done-choice { display: flex; align-items: center; gap: 5px; font-size: 10px; color: #7b9cbc; white-space: nowrap; }
.column-label-done-choice input { accent-color: #2896bd; width: 14px; height: 14px; }
.protected-label { font-size: 8px; color: #536f92; width: 35px; text-align: center; flex: none; }
.column-label-remove { width: 24px; color: #a8738a; font-size: 19px; }
.column-position-controls { padding-top: 21px; margin-top: 25px; border-top: 1px solid #2a3d57; }
.column-position-controls > div { display: flex; gap: 8px; margin-top: 12px; }
.column-position-controls .button { font-size: 10px; min-height: 31px; padding: 8px 10px; }
.column-position-controls #archive-current-column { margin-left: auto; }
.column-position-controls .field-hint { font-size: 10px; }
.task-custom-fields { margin-top: 8px; }
.custom-task-field { border-top: 1px solid #243750; padding-top: 19px; }
.custom-task-field .assignee-options { max-height: 160px; }
@media(max-width:760px) {
    .new-column-form { grid-template-columns: minmax(0, 1fr) 115px; padding: 13px; }.new-column-form > button { grid-column: 1 / -1; justify-self: end; }.column-list-item { padding: 11px; gap: 8px; }.column-list-actions { gap: 3px; }.column-list-actions .icon-button { width: 22px; }.column-list-info strong { font-size: 11px; }.column-small-action { font-size: 9px; padding: 6px 7px; }.column-label-row { gap: 6px; }.column-label-done-choice { font-size: 9px; }.column-label-color { width: 30px; }.column-label-name { font-size: 11px; }.protected-label { font-size: 7px; width: 25px; }.column-labels-heading { align-items: flex-start; gap: 8px; }.column-labels-heading h3 { font-size: 12px; }.column-labels-heading .text-button { font-size: 10px; }
}
.view-actions { display: flex; align-items: center; gap: 17px; }
.bug-access-trigger { color: #8daecf; }
.bug-access-trigger:hover { color: #a0ddff; }
.bug-reports-board-info { display: flex; align-items: center; gap: 13px; margin: 0 42px 19px; padding: 15px 17px; border: 1px solid #294868; border-radius: 8px; background: linear-gradient(115deg, #103a5a48, #10223b38); }
.bug-board-symbol { flex: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #65c7f1; border: 1px solid #305d7e; background: #16415d44; border-radius: 7px; }
.bug-reports-board-info > div { min-width: 0; flex: 1; }
.bug-reports-board-info strong { font-size: 12px; font-weight: 550; color: #bad9f0; }
.bug-reports-board-info p { font-size: 11px; color: #7899bc; margin: 4px 0 0; line-height: 1.8; }
.bug-local-badge { color: #74b9df; font-size: 9px; font-weight: 550; letter-spacing: 1px; border: 1px solid #2c5776; border-radius: 4px; background: #153c5533; padding: 4px 7px; white-space: nowrap; flex: none; }
.task-title-button.has-bug-report { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 9px; align-items: center; }
.task-title-button.has-bug-report > .task-report-badge { color: #92c4e4; font-size: 9px; letter-spacing: .3px; font-weight: 550; line-height: 1.5; padding: 2px 5px; border: 1px solid #315672; background: #16355066; border-radius: 4px; text-decoration: none; }
.task-title-button.has-bug-report > .task-description-preview { grid-column: 1 / -1; }
.task-bug-report { border: 1px solid #2e4b68; border-radius: 8px; padding: 18px; margin-top: 25px; background: #0b1b303b; }
.bug-report-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 17px; }
.bug-report-heading .eyebrow { font-size: 8px; letter-spacing: 1.6px; margin: 0 0 6px; color: #588db4; }
.bug-report-heading h3 { font-size: 15px; font-weight: 550; letter-spacing: -.2px; color: #bed8ef; margin: 0; }
.bug-report-id { font-size: 10px; color: #8cc9ed; padding: 4px 6px; border: 1px solid #2d5879; border-radius: 4px; background: #12385477; white-space: nowrap; }
.bug-report-loading { color: #6f99bc; font-size: 12px; margin: 17px 0 0; }
.bug-report-metadata { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 20px; padding: 0 0 18px; margin: 0 0 17px; border-bottom: 1px solid #293d57; }
.bug-report-metadata > div { min-width: 0; }
.bug-report-metadata dt { font-size: 9px; color: #6789ac; margin-bottom: 4px; }
.bug-report-metadata dd { margin: 0; font-size: 12px; color: #adc8e3; overflow-wrap: anywhere; }
.bug-report-original h4 { color: #7d9dbf; font-size: 10px; font-weight: 550; margin: 0 0 7px; }
.bug-report-original p { color: #b4cbe3; font-size: 12px; line-height: 1.8; margin: 0 0 20px; white-space: pre-wrap; overflow-wrap: anywhere; }
.bug-report-capture { margin: 0 0 18px; }
.bug-report-capture figcaption { font-size: 10px; color: #7d9dbf; margin-bottom: 8px; }
.bug-report-capture img { display: block; object-fit: contain; width: 100%; max-height: 280px; border: 1px solid #2e435e; background: #060d1f; border-radius: 6px; }
.bug-report-capture a { display: inline-block; font-size: 11px; margin-top: 10px; }
.bug-attachment-unavailable { font-size: 11px; color: #617e9f; margin: 11px 0 17px; line-height: 1.8; }
.bug-report-diagnostics { padding: 11px 12px; border: 1px solid #293e5a; border-radius: 6px; background: #0b162b; margin: 0 0 14px; }
.bug-report-diagnostics summary { cursor: pointer; color: #7fa6c9; font-size: 11px; }
.bug-report-diagnostics pre { white-space: pre-wrap; overflow-wrap: anywhere; overflow-y: auto; max-height: 250px; color: #90afcd; font: 10px/1.8 Consolas, monospace; border-top: 1px solid #263c57; padding-top: 12px; margin: 12px 0 0; }
.bug-context-download { font-size: 10px; min-height: 31px; text-decoration: none; }
.bug-source-note { font-size: 9px; color: #536f91; margin: 17px 0 0; line-height: 1.8; }
.bug-report-retry { display: inline-block; margin-top: 7px; }
.bug-accesses-dialog { max-width: 680px; }
.bug-access-intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.bug-access-intro p { margin: 0; max-width: 400px; color: #8ba7c7; font-size: 12px; line-height: 1.8; }
.bug-access-scope { color: #607f9f; font-size: 11px; line-height: 1.8; margin: 10px 0 23px; }
.bug-access-form { border: 1px solid #2b4a67; border-radius: 8px; padding: 17px; background: #12335026; }
.bug-access-form-row { display: flex; align-items: center; gap: 10px; }
.bug-access-form-row .form-input { min-width: 0; font-size: 12px; }
.bug-access-form-row .button { min-height: 40px; font-size: 11px; flex: none; }
.created-bug-access { border: 1px solid #346c77; border-radius: 8px; padding: 18px; background: #144c531f; margin-top: 18px; }
.created-bug-access h3 { color: #addcdd; font-size: 14px; font-weight: 550; margin: 0 0 8px; }
.created-bug-access > p { color: #7ca7b5; font-size: 11px; line-height: 1.9; margin: 0 0 17px; }
.created-bug-access .form-label { color: #90bac9; font-size: 11px; }
.created-bug-access .bug-access-code { color: #b3e4f2; border-color: #376676; background: #0c2233; font: 12px/1.6 Consolas, monospace; letter-spacing: .5px; }
.created-bug-access > .field-hint { font-size: 10px; color: #688d9f; margin: 12px 0 0; }
.bug-access-code-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 13px; }
.bug-access-code-actions > span { font-size: 10px; color: #6b9bae; }
.bug-access-code-actions .button { font-size: 11px; }
.bug-accesses-list { display: flex; flex-direction: column; gap: 9px; }
.bug-access-item { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px; border: 1px solid #2a3e5a; border-radius: 7px; background: #0d1930; }
.bug-access-item-info { min-width: 0; }
.bug-access-item-info strong { display: block; font-size: 12px; color: #b2cfe7; font-weight: 550; overflow-wrap: anywhere; }
.bug-access-item-info > span { display: block; color: #6787aa; font-size: 10px; line-height: 1.8; margin-top: 5px; }
.bug-access-item-actions { display: flex; align-items: center; gap: 12px; flex: none; }
.bug-access-state { font-size: 9px; border: 1px solid #3d4f69; border-radius: 4px; padding: 2px 6px; color: #8b9eb7; background: #29374a55; white-space: nowrap; }
.bug-access-state.access-pending { color: #d9b87d; border-color: #665437; background: #56432555; }
.description-dialog { width: calc(100vw - 32px); max-width: 820px; overflow: hidden; }
.description-dialog form { display: flex; flex-direction: column; max-height: calc(100dvh - 50px); }
.description-dialog .dialog-header, .description-dialog .dialog-footer { flex-shrink: 0; }
.description-dialog .dialog-body { min-height: 0; overflow-y: auto; }
.description-task-title { color: #93aecb; font-size: 14px; line-height: 1.5; margin: 9px 0 0; overflow-wrap: anywhere; }
.description-dialog .rich-text-editor { min-height: 270px; max-height: none; overflow-y: visible; }
.description-dialog .dialog-footer { gap: 16px; }
.description-dialog .dialog-footer > div { display: flex; gap: 9px; flex-shrink: 0; }
.description-save-hint { color: #7089a8; font-size: 11px; line-height: 1.5; }
.description-image-hint { line-height: 1.6; }
@media (max-width: 760px) { .description-dialog .dialog-footer { flex-wrap: wrap; justify-content: flex-end; }.description-save-hint { width: 100%; }.description-dialog .rich-text-editor { min-height: 210px; } }
.bug-access-state.access-active { color: #81ceb4; border-color: #2b6452; background: #1e4d3e55; }
@media (min-width: 1600px) { .bug-reports-board-info { margin-left: 55px; margin-right: 55px; } }
@media (max-width: 1200px) { .bug-reports-board-info { margin-left: 28px; margin-right: 28px; } }
@media (max-width: 760px) {
    .view-actions { gap: 10px; }
    .bug-access-trigger-text { display: none; }
    .bug-reports-board-info { margin: 0 20px 17px; padding: 12px; align-items: flex-start; gap: 10px; }
    .bug-reports-board-info strong { font-size: 11px; }
    .bug-reports-board-info p { font-size: 10px; }
    .bug-reports-board-info > .bug-local-badge { display: none; }
    .bug-board-symbol { width: 26px; height: 26px; }
    .task-bug-report { padding: 15px; }
    .bug-report-heading { gap: 9px; }
    .bug-report-heading h3 { font-size: 14px; }
    .bug-report-id { font-size: 9px; }
    .bug-report-metadata { gap: 14px; }
    .bug-report-metadata dd { font-size: 11px; }
    .bug-access-intro { flex-direction: column; gap: 12px; }
    .bug-access-intro p { font-size: 11px; }
    .bug-access-form { padding: 14px; }
    .bug-access-form-row { flex-direction: column; align-items: stretch; }
    .bug-access-form-row .button { align-self: flex-end; }
    .created-bug-access { padding: 15px; }
    .bug-access-code-actions { align-items: flex-start; flex-direction: column; gap: 11px; }
    .bug-access-code-actions .button { align-self: flex-end; }
    .bug-access-item { align-items: flex-start; flex-direction: column; gap: 11px; }
    .bug-access-item-actions { width: 100%; justify-content: space-between; }
}

.completion-filter-trigger { white-space: nowrap; font-size: 12px; }
.completion-filter-trigger.is-active { border-color: #327866; color: #a2dfc9; background: #143b334d; }
.completion-filter-dot { width: 6px; height: 6px; border-radius: 50%; background: #58cfaa; }
.completion-filter-panel { margin: 0 42px 22px; padding: 18px 20px; border: 1px solid #294a5a; border-radius: 8px; background: #102b3438; }
.completion-filter-intro h2 { margin: 0 0 5px; color: #bbd6de; font-size: 14px; font-weight: 550; }
.completion-filter-intro p { margin: 0; color: #829db8; font-size: 12px; line-height: 1.6; }
.completion-filter-fields { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; margin-top: 16px; }
.completion-filter-fields label { display: grid; gap: 7px; color: #b4c9de; font-size: 12px; }
.completion-filter-fields .form-input { width: 166px; min-height: 38px; padding: 8px 11px; font-size: 13px; }
.completion-filter-fields .text-button { padding: 9px 0; font-size: 12px; }
.completion-filter-panel > .field-hint { margin: 13px 0 0; }
.task-completion-date { flex: none; color: #91bbaa; font-size: 11px; line-height: 1.5; white-space: nowrap; padding: 3px 6px; border: 1px solid #294c43; border-radius: 4px; background: #15392d3d; }
.task-row > .task-title-cell:has(.task-completion-date) { gap: 8px; }
.task-completion-info { margin-top: 22px; padding: 14px 16px; border: 1px solid #2c5348; border-radius: 7px; background: #14372d38; }
.task-completion-info > strong { display: block; color: #aad7c4; font-size: 13px; font-weight: 500; line-height: 1.6; }
.task-completion-info .field-hint { margin: 7px 0 0; }
.archive-period-summary { padding: 10px 12px; border: 1px solid #2c5348; border-radius: 6px; color: #a1c9bc; font-size: 12px; line-height: 1.7; }
@media (min-width: 1600px) { .completion-filter-panel { margin-left: 55px; margin-right: 55px; } }
@media (max-width: 1200px) { .completion-filter-panel { margin-left: 28px; margin-right: 28px; } }
@media (max-width: 760px) { .toolbar-filters { flex-wrap: wrap; }.completion-filter-panel { margin-left: 20px; margin-right: 20px; padding: 16px; }.completion-filter-fields { gap: 12px; }.completion-filter-fields label { flex: 1; min-width: 130px; }.completion-filter-fields .form-input { width: 100%; }.completion-filter-fields .text-button { margin-left: auto; } }

.board-list-entry { position: relative; min-width: 0; }
.board-list-entry > .board-link { padding-right: 42px; }
.board-list-entry > .entity-menu-trigger { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); color: #83a3c4; }
.board-list-entry.is-selected > .entity-menu-trigger { color: #b2ddf7; }
.entity-menu-trigger { display: inline-flex; align-items: center; justify-content: center; width: 29px; height: 29px; flex: none; padding: 0; border: 1px solid transparent; border-radius: 5px; }
.entity-menu-trigger:hover, .entity-menu-trigger[aria-expanded="true"] { border-color: #375778; background: #1b3551; color: #c0e8ff; }
.entity-menu-trigger:focus-visible { outline: 2px solid #69c5f4; outline-offset: 2px; }
.entity-action-menu { position: fixed; z-index: 90; width: 270px; max-width: calc(100vw - 20px); max-height: calc(100dvh - 20px); overflow-y: auto; padding: 6px; border: 1px solid #3a4c69; border-radius: 8px; color: #cad6e9; background: #1c2942; box-shadow: 0 12px 35px #02091ab3; }
.entity-action-menu-title { padding: 7px 10px 10px; color: #819dbb; font-size: 11px; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.entity-action-menu-item { display: flex; align-items: center; gap: 11px; width: 100%; padding: 10px; border: 0; border-radius: 4px; background: transparent; color: #cbd8ec; text-align: left; font: inherit; font-size: 13px; line-height: 1.5; cursor: pointer; }
.entity-action-menu-item > span:first-child { flex: none; }
.entity-action-menu-item:hover, .entity-action-menu-item:focus-visible { outline: none; background: #304463; color: #ecf4ff; }
.entity-action-menu-item.is-danger { color: #f0a1b2; }
.entity-action-menu-item.is-danger:hover, .entity-action-menu-item.is-danger:focus-visible { color: #ffd3dc; background: #573145; }
.entity-action-menu-item:disabled { opacity: .4; cursor: default; }
.entity-action-menu-separator { height: 1px; margin: 5px 4px; background: #394a63; }
.lifecycle-sidebar-button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 11px; margin-top: 12px; border: 1px solid transparent; border-radius: 6px; color: #819bbb; background: transparent; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.lifecycle-sidebar-button:hover { color: #c2d6ed; background: #14263f; border-color: #2a405d; }
.lifecycle-sidebar-button:disabled { opacity: .4; cursor: default; }
.entity-lifecycle-dialog { max-width: 560px; }
.entity-lifecycle-name { display: flex; gap: 12px; align-items: center; color: #bed8ee; padding: 14px 16px; border: 1px solid #2e4967; border-radius: 6px; background: #132a3f66; }
.entity-lifecycle-name > span { flex: none; color: #6abbe4; }
.entity-lifecycle-name strong { font-size: 15px; font-weight: 550; overflow-wrap: anywhere; }
.entity-lifecycle-explanation, .entity-lifecycle-recovery { font-size: 13px; line-height: 1.8; color: #8ba8c5; margin: 17px 0; }
.entity-lifecycle-counts { display: flex; gap: 12px; margin-top: 18px; }
.entity-lifecycle-counts > div { display: flex; flex: 1; flex-direction: column; gap: 5px; padding: 14px 16px; border: 1px solid #293e58; border-radius: 6px; }
.entity-lifecycle-counts strong { color: #c5def0; font-size: 24px; font-weight: 500; }
.entity-lifecycle-counts span { color: #809fbf; font-size: 12px; }
.entity-lifecycle-effects { margin-top: 17px; padding: 2px 14px; border: 1px solid #645533; border-radius: 6px; background: #4d3d192e; }
.entity-lifecycle-effects p { margin: 11px 0; color: #cfbb91; font-size: 12px; line-height: 1.8; }
.entity-lifecycle-recovery { color: #7798b8; font-size: 12px; margin-bottom: 0; }
.lifecycle-items-dialog { max-width: 760px; width: calc(100vw - 32px); }
.lifecycle-items-dialog[open] { display: flex; flex-direction: column; }
.lifecycle-items-dialog .dialog-header, .lifecycle-items-dialog .dialog-footer { flex: none; }
.lifecycle-items-dialog .dialog-body { min-height: 0; overflow-y: auto; }
.lifecycle-items-intro { margin: 0 0 18px; color: #8ca7c5; font-size: 13px; line-height: 1.8; }
.lifecycle-items-filters { display: flex; gap: 10px; margin-bottom: 20px; }
.lifecycle-items-filters input { flex: 1; min-width: 0; }
.lifecycle-items-filters select { width: 180px; flex: none; }
.lifecycle-items-section + .lifecycle-items-section { margin-top: 24px; }
.lifecycle-items-section h3 { color: #789aba; font-size: 11px; font-weight: 550; text-transform: uppercase; letter-spacing: 1.2px; margin: 0 0 12px; }
.lifecycle-item { display: flex; align-items: center; gap: 13px; padding: 15px; border: 1px solid #2d405e; border-radius: 7px; background: #10213a4d; margin-top: 9px; }
.lifecycle-item-icon { flex: none; color: #7ab7db; }
.lifecycle-item-info { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: 4px; }
.lifecycle-item-info strong { color: #bdd5ec; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.lifecycle-item-info > span { color: #829fbe; font-size: 12px; overflow-wrap: anywhere; }
.lifecycle-item-info > .lifecycle-item-count { color: #6685a6; font-size: 11px; }
.lifecycle-state-badge { flex: none; color: #a6c8dc; background: #1c3c5166; border: 1px solid #365b70; border-radius: 4px; padding: 3px 7px; font-size: 11px; }
.lifecycle-state-badge.is-trashed { color: #c89daf; background: #482e3c55; border-color: #624154; }
.lifecycle-item > .button { flex: none; font-size: 12px; min-height: 34px; }
.lifecycle-items-empty { color: #829cba; font-size: 13px; line-height: 1.8; padding: 22px 0; }
@media (max-width: 760px) { .board-list-entry { flex: none; min-width: 150px; max-width: 250px; }.board-list-entry > .board-link { width: 100%; }.lifecycle-sidebar-button { width: auto; margin-top: 9px; }.lifecycle-items-filters { flex-wrap: wrap; }.lifecycle-items-filters select { width: 100%; }.lifecycle-item { flex-wrap: wrap; }.lifecycle-item-info { flex-basis: calc(100% - 45px); }.lifecycle-item .lifecycle-state-badge { margin-left: 31px; }.lifecycle-item > .button { margin-left: auto; } }

.team-analytics-access{display:inline-flex;align-items:center;gap:6px;border:1px solid #2b4262;background:#111e37;padding:6px 8px;border-radius:6px;font-size:10px;color:#96bad9;white-space:nowrap}.team-analytics-access input{accent-color:#149ce9;margin:0;width:13px;height:13px}.team-analytics-access:has(input:checked){border-color:#285a79;color:#7dd1f6}

.quick-task-entry { background: #0d172e; }
.add-task-row.quick-task-form { min-height: 40px; padding: 3px 14px 3px 43px; gap: 8px; cursor: text; }
.quick-task-form:focus-within { background: #14223d; box-shadow: inset 3px 0 #52baf1; }
.quick-task-form.is-task-drop-end { box-shadow: inset 0 3px #62cdff; background: #12457166; }
.quick-task-form .quick-task-plus { width: 12px; flex: none; text-align: center; font-size: 18px; color: #7798b9; }
.quick-task-input { width: 290px; max-width: 40vw; min-width: 130px; padding: 6px 2px; border: 0; border-radius: 0; background: transparent; color: #c6ddf1; outline: none; font: inherit; font-size: 13px; line-height: 1.5; }
.quick-task-input::placeholder { color: #7f9ab8; opacity: 1; }
.quick-task-input:disabled { opacity: .55; cursor: wait; }
.quick-task-input[aria-invalid="true"] { box-shadow: inset 0 -1px #e28b9e; }
.quick-task-form .quick-task-hint { font-size: 11px; font-weight: 400; color: #7293b5; white-space: nowrap; }
.quick-task-form:not(:focus-within) .quick-task-hint { visibility: hidden; }
.quick-task-submit { flex: none; min-height: 29px; padding: 3px 11px; border: 1px solid #355c7c; border-radius: 5px; background: #1a3b56; color: #a4d9f6; font: inherit; font-size: 12px; cursor: pointer; }
.quick-task-submit:hover { border-color: #62b9e8; background: #234d6d; }
.quick-task-submit:focus-visible { outline: 2px solid #69c5f4; outline-offset: 2px; }
.quick-task-submit:disabled { opacity: .5; cursor: wait; }
.quick-task-error { margin: 0; padding: 4px 16px 10px 63px; color: #efa9b7; font-size: 12px; line-height: 1.6; }
@media (max-width: 760px) { .quick-task-input { width: 210px; max-width: 40vw; }.quick-task-form .quick-task-hint { display: none; } }

.board-list-entry > .board-link { padding-left: 29px; }
.studio-calendar-nav { margin: 0 0 22px; padding-bottom: 16px; border-bottom: 1px solid #1c2742; }
.studio-calendar-nav .board-link { text-decoration: none; }
@media (max-width: 760px) { .studio-calendar-nav { grid-column: 2; grid-row: 1; align-self: center; margin: 0; padding: 0; border: 0; }.studio-calendar-nav .board-link { min-width: 0; width: 100%; font-size: 12px; }.sidebar > .workspace-area { grid-column: 1 / -1; } }
.board-list-entry > .board-drag-handle { left: 2px; right: auto; width: 23px; height: 29px; padding: 0; color: #6283a5; cursor: grab; touch-action: none; }
.board-list-entry:hover > .board-drag-handle, .board-drag-handle:focus-visible { color: #aad7f1; }
.board-list-entry > .board-drag-handle:disabled { opacity: .3; cursor: default; }
.board-list-entry.is-board-drag-source { opacity: .4; }
.board-list-entry.is-board-drop-before::before, .board-list-entry.is-board-drop-after::after { content: ''; position: absolute; z-index: 2; pointer-events: none; left: 2px; right: 2px; height: 3px; border-radius: 2px; background: #68c9fa; box-shadow: 0 0 7px #68c9fa66; }
.board-list-entry.is-board-drop-before::before { top: 0; }
.board-list-entry.is-board-drop-after::after { bottom: 0; }
.is-board-dragging, .is-board-dragging * { cursor: grabbing !important; }
.is-board-dragging { user-select: none; }
.board-drag-preview { position: fixed; z-index: 80; width: 250px; max-width: calc(100vw - 16px); padding: 10px 13px; border: 1px solid #65c6f5; border-radius: 6px; background: #173855f2; box-shadow: 0 7px 22px #0008; color: #e2f4ff; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; }
@media (max-width: 760px) { .board-list-entry.is-board-drop-before::before, .board-list-entry.is-board-drop-after::after { top: 2px; bottom: 2px; height: auto; width: 3px; }.board-list-entry.is-board-drop-before::before { left: 0; right: auto; }.board-list-entry.is-board-drop-after::after { left: auto; right: 0; } }

.archive-entry-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.archive-delete-button{color:#eb839b;border:1px solid #68394d}.archive-delete-button:hover{color:#ffd1de;background:#492b3a;border-color:#bd4f74}.archive-delete-name{font-weight:600;color:#d8e8fa;overflow-wrap:anywhere;margin:0 0 14px}
@media(max-width:520px){.archive-entry{flex-wrap:wrap}.archive-entry-actions{margin-left:auto}.archive-entry>.archive-entry-actions{min-width:auto}}