:root{--ink:#20242b;--muted:#858a92;--line:#e4e6e8;--paper:#f6f7f9;--white:#fff;--dark:#191b1f;--orange:#ee754a;--orange-soft:#fff0e9;--green:#399d7b;--radius:11px;--shadow:0 5px 18px #17202908;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--orange)}[hidden]{display:none!important}.boot{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.brand-mark{width:39px;height:39px;border-radius:12px;background:var(--orange);color:#191b1f;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:850;letter-spacing:-5px;padding-right:5px;flex:none}.brand-mark span{font-size:21px;align-self:flex-start;margin-top:3px;letter-spacing:0}.shell{display:flex;min-height:100vh}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:var(--dark);color:#b5b7bd;display:flex;flex-direction:column;padding:28px 17px 18px;z-index:20;border-right:1px solid #ffffff08}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 30px}.brand-word{font-weight:800;font-size:26px;letter-spacing:-1.5px;color:white}.brand-sub{font-size:9px;letter-spacing:2.1px;margin-top:2px;color:#979ba3;text-transform:uppercase}.workspace-card{border:1px solid #ffffff12;border-radius:9px;padding:12px 11px;margin:0 5px 23px;display:flex;align-items:center;gap:10px;background:#ffffff03}.workspace-card strong{color:#ebeced;font-size:12px;display:block}.workspace-card small{color:#777e88;display:block;font-size:10px;margin-top:4px}.workspace-icon{height:30px;width:30px;border:1px solid #ffffff1c;display:grid;place-items:center;border-radius:8px;color:#c1c6ce}.side-label{text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:700;color:#666e7b;padding:19px 13px 10px}.nav-btn,.board-btn{display:flex;gap:11px;align-items:center;width:100%;border:0;background:transparent;color:#9da3ac;text-align:left;padding:11px 13px;border-radius:8px;margin:2px 0;font-size:12px}.nav-btn:hover,.board-btn:hover{background:#ffffff06;color:white}.nav-btn.active{background:#ffffff0a;color:white}.nav-btn.active .icon{color:var(--orange)}.board-btn.active{background:#ee754a16;color:#ffc1a9}.board-btn.active::before{content:"";position:absolute;left:0;width:3px;height:24px;background:var(--orange);border-radius:0 2px 2px 0}.board-initial{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;font-weight:700;font-size:11px;background:#343744;color:#c9cbda}.board-btn.active .board-initial{background:#ee754a25;color:var(--orange)}.board-count{margin-left:auto;color:#717984;font-size:10px}.sidebar-bottom{margin-top:auto}.pilot-note{padding:14px;background:#ffffff04;border:1px solid #ffffff08;border-radius:9px;margin:25px 5px 16px;line-height:1.6}.pilot-note strong{display:flex;align-items:center;color:#c4c7cc;gap:6px;font-size:10px}.pilot-note p{font-size:10px;margin:7px 0 0;color:#737c88}.side-profile{display:flex;align-items:center;gap:9px;padding:11px 9px 0;border-top:1px solid #ffffff0d}.side-profile strong{font-size:11px;color:#d7dae0;display:block}.side-profile small{font-size:9px;color:#717986;margin-top:4px;display:block}.side-profile .icon-button{margin-left:auto;color:#7d8591}.main{width:calc(100% - 232px);margin-left:232px;min-height:100vh}.topbar{height:73px;border-bottom:1px solid var(--line);background:#ffffffce;padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#92969c;font-size:11px}.breadcrumb strong{font-weight:500;color:#434952}.crumb-sep{font-size:14px;color:#ced1d5}.top-tools{display:flex;gap:17px;align-items:center}.private-badge{font-size:10px;color:#90959e;display:flex;align-items:center;gap:5px}.divider{height:22px;width:1px;background:var(--line)}.icon{width:17px;height:17px;flex:none;vertical-align:middle}.icon-button{border:0;background:transparent;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#737b86}.icon-button:hover{background:#f0f1f3;color:var(--ink)}.content{padding:30px 35px 18px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#a2a6ae;text-transform:uppercase;font-weight:650;margin-bottom:8px}.title-row{display:flex;align-items:center;gap:11px}h1{font-size:29px;letter-spacing:-1px;font-weight:680;margin:0;line-height:1.2}.project-badge{font-size:9px;color:#478a73;padding:4px 7px;border:1px solid #cfe7dc;border-radius:5px;background:#eff8f3;font-weight:600}.page-description{color:#92969f;line-height:1.6;font-size:11px;margin:10px 0 0;max-width:600px}.heading-actions{display:flex;align-items:center;gap:13px;padding-top:13px}.avatar-stack{display:flex;padding-left:7px}.avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:650;background:#e4e9ef;color:#6d7d8c;border:2px solid white;flex:none}.avatar-stack .avatar{margin-left:-7px}.avatar.more{background:#f1f2f5;color:#9299a3;font-size:8px}.avatar.large{width:33px;height:33px;font-size:10px;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:white;min-height:35px;padding:8px 12px;font-size:11px;font-weight:550;text-decoration:none;white-space:nowrap}.btn:hover{background:#f9fafb;border-color:#d4d7dc}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 2px 3px #ed754a16}.btn.primary:hover{background:#dd6841}.btn.dark{background:#20242b;border-color:#20242b;color:white}.btn.danger{color:#bd514b;border-color:#f0d9d7;background:#fffafa}.btn.ghost{background:none;border-color:transparent;color:#7f8792}.btn.small{font-size:10px;padding:6px 9px;min-height:29px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0 24px}.stat{background:white;border:1px solid var(--line);border-radius:9px;padding:16px 17px;position:relative}.stat-label{color:#949aa4;font-size:10px;display:flex;align-items:center;gap:7px}.stat-number{font-size:23px;font-weight:650;letter-spacing:-.7px;margin-top:10px}.stat-note{position:absolute;right:15px;bottom:18px;color:#b4b8bf;font-size:9px}.stat-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#8e9aa7}.stat-dot.orange{background:var(--orange)}.stat-dot.blue{background:#7c9fc6}.stat-dot.green{background:#60ac91}.viewbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.tabs{display:flex;align-items:center;gap:23px}.tab{padding:0 0 13px;display:flex;gap:7px;align-items:center;border:0;background:none;color:#9298a2;font-size:11px;position:relative}.tab.active{color:#2a3038;font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.tab .icon{width:14px;height:14px}.view-actions{display:flex;gap:8px;align-items:center;padding-bottom:11px}.subtle-count{font-size:10px;color:#afb3bc}.filters{padding:19px 0 20px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.search{position:relative;flex:1;max-width:320px;min-width:190px}.search .icon{position:absolute;left:11px;top:10px;width:14px;height:14px;color:#aab0b8}.search input{width:100%;background:white;border:1px solid var(--line);border-radius:7px;height:35px;font-size:10px;padding:0 12px 0 33px;color:var(--ink)}input::placeholder,textarea::placeholder{color:#b1b6be}.filter-select{height:35px;padding:0 26px 0 11px;border:1px solid var(--line);border-radius:7px;color:#858d98;background:white;font-size:10px;max-width:175px}.filter-space{flex:1}.filter-check{font-size:10px;color:#9ca2ad;display:flex;align-items:center;gap:6px;cursor:pointer}.filter-check input{accent-color:var(--orange)}.reset-filter{color:var(--orange);font-size:10px;background:none;border:0}.board-wrap{margin:0 -35px;padding:0 35px 20px;overflow-x:auto;min-height:420px;scrollbar-width:thin;scrollbar-color:#d8dce1 transparent}.kanban{display:flex;gap:15px;align-items:flex-start;width:max-content;min-width:100%}.column{width:267px;border-radius:10px;background:#edf0f3;min-height:285px;padding:11px 9px 9px;border:1px solid #e8ebef}.column.drag-over{background:#fff0e9;border-color:#ee754a66}.column-head{display:flex;align-items:center;gap:7px;padding:3px 4px 14px;font-size:10px;font-weight:650;letter-spacing:.1px}.column-dot{width:7px;height:7px;border-radius:50%;background:var(--status-color,#9ca6b0)}.column-number{color:#939da8;font-weight:500;font-size:9px;background:#e3e7ec;padding:2px 5px;border-radius:4px}.column-head .icon-button{margin-left:auto;padding:0;color:#a0a9b4}.column-head .icon{width:14px;height:14px}.task{display:block;width:100%;border:1px solid #e3e7eb;box-shadow:0 2px 3px #1c243503;background:white;border-radius:8px;padding:12px 12px 10px;margin-bottom:8px;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.task:hover{border-color:#c9d1d9;box-shadow:0 4px 12px #232d3a0b;transform:translateY(-1px)}.task:focus-visible{outline:2px solid var(--orange)}.task.dragging{opacity:.35}.card-labels{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:9px}.label{font-size:8px;line-height:1.4;padding:3px 6px;border-radius:4px;font-weight:550;color:#65758f;background:#edf2f8;display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label.orange{color:#c58a55;background:#fff1e1}.label.green{color:#5c9a81;background:#eaf6ef}.label.purple{color:#9682b6;background:#f2edf8}.label.rose{color:#bd7f93;background:#f9eef2}.label.blue{color:#7195b9;background:#eaf1f9}.label.gray{color:#8c939b;background:#f1f2f4}.task-title{font-size:11px;font-weight:600;line-height:1.65;margin:0;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-id{font-size:8px;font-weight:500;color:#b3b9c2;margin-bottom:6px;letter-spacing:.3px}.task-excerpt{font-size:9px;line-height:1.6;color:#a4aab2;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;align-items:center;gap:7px;margin-top:13px;padding-top:10px;border-top:1px solid #f2f3f5;min-height:29px}.card-metrics{display:flex;align-items:center;gap:8px;color:#adb4be;font-size:8px}.card-metrics span{display:flex;align-items:center;gap:3px}.card-metrics .icon{width:11px;height:11px}.card-bottom .avatar-stack{margin-left:auto}.card-bottom .avatar{width:23px;height:23px;font-size:7px;border-width:1.5px}.due-chip{font-size:8px;display:flex;align-items:center;gap:3px;color:#a0a9b6}.due-chip .icon{width:10px;height:10px}.due-chip.overdue{color:#cf806a}.column-add{border:1px dashed transparent;color:#9aa4b0;background:none;border-radius:6px;padding:9px 6px;width:100%;text-align:left;font-size:10px;display:flex;align-items:center;gap:6px}.column-add:hover{background:#e5e9ee;color:#626e7d}.column-add .icon{width:13px;height:13px}.show-more{background:#e5e9ee;border:0;width:100%;padding:9px;border-radius:6px;color:#8995a4;font-size:9px;margin:4px 0 6px}.workspace-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#adb3be;padding:5px 0 0}.footer-dot{width:5px;height:5px;border-radius:50%;background:#6ab498;display:inline-block;margin-right:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:245px;color:#a3aab5;text-align:center;padding:25px;gap:12px;border:1px dashed #dde2e8;border-radius:12px;background:#fff8}.empty-state .icon{width:30px;height:30px;color:#b4bdc9}.empty-state strong{font-weight:550;color:#77828f}.empty-state p{margin:0;max-width:370px;font-size:11px;line-height:1.7}.table-wrap{background:white;border:1px solid var(--line);border-radius:10px;overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:720px}.data-table th{background:#fafbfc;color:#9ba3af;font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:550;padding:13px 15px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 15px;border-bottom:1px solid #f0f2f5;font-size:11px;color:#7e8794;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfcfd}.data-table .title-cell{font-weight:550;color:#303741;max-width:350px;cursor:pointer;line-height:1.6}.pill{font-size:9px;padding:4px 7px;border-radius:5px;display:inline-flex;align-items:center;gap:5px;background:#f2f4f6;color:#8e98a5;white-space:nowrap}.pagination{padding:15px;display:flex;gap:10px;justify-content:center;align-items:center;font-size:10px;color:#9da6b2}.mobile-menu{display:none}.modal-backdrop{position:fixed;inset:0;background:#0e172668;backdrop-filter:blur(5px);z-index:50;display:flex;align-items:center;justify-content:center;padding:30px}.modal{background:#fff;width:min(1060px,100%);max-height:calc(100vh - 60px);border-radius:15px;box-shadow:0 25px 100px #0b11183d;display:flex;flex-direction:column;overflow:hidden}.modal.compact{width:min(580px,100%)}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:15px 23px;border-bottom:1px solid #edf0f3;gap:10px}.modal-breadcrumb{font-size:10px;display:flex;align-items:center;gap:8px;color:#a1a9b5}.modal-breadcrumb strong{color:#657180;font-weight:550}.modal-scroll{overflow:auto;min-height:0}.task-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px}.detail-main{padding:24px 28px 30px}.detail-side{padding:25px 21px;background:#fafbfd;border-left:1px solid #edf0f3}.detail-title{width:100%;font-size:21px;line-height:1.45;font-weight:650;border:0;padding:0;resize:none;background:transparent;letter-spacing:-.4px;color:#26303b}.detail-heading{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;margin:25px 0 12px;color:#5a6573}.detail-heading .icon{width:15px;height:15px;color:#9da7b4}.detail-main textarea.description{width:100%;min-height:150px;max-height:400px;resize:vertical;font-size:11px;line-height:1.8;border:1px solid #e7ebef;border-radius:7px;background:#fdfdfe;color:#778392;padding:13px}.field{margin-bottom:16px}.field label{display:block;font-size:9px;letter-spacing:.4px;color:#9ca6b3;margin-bottom:7px;font-weight:550}.field input,.field select,.field textarea{display:block;width:100%;background:white;border:1px solid #e1e6eb;border-radius:6px;min-height:35px;padding:8px 9px;color:#627080;font-size:10px;outline-offset:2px}.field textarea{min-height:80px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ee754a88;outline-color:#ee754a66}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-side .btn{width:100%;margin-top:7px}.detail-side hr{border:0;border-top:1px solid #e7ebef;margin:19px 0}.field-help{font-size:9px;line-height:1.6;color:#a0aab7;margin-top:7px}.tiny-id{font-size:9px;color:#a6afbc;line-height:1.8;word-break:break-all}.check-group{border:1px solid #e9edf1;border-radius:8px;padding:12px 13px;margin-bottom:12px}.check-group-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;color:#73808f;margin-bottom:10px}.check-progress{height:3px;background:#f0f3f5;border-radius:4px;overflow:hidden;margin-bottom:12px}.check-progress span{height:100%;background:#7ab39d;display:block;transition:width .2s}.check-row{display:flex;gap:8px;align-items:flex-start;margin:9px 0;font-size:10px;color:#8a96a5;line-height:1.6}.check-row input{margin:2px 0 0;accent-color:var(--orange);flex:none}.check-row.done span{text-decoration:line-through;color:#b1bac4}.inline-form{display:flex;gap:7px;margin-top:13px}.inline-form input{min-width:0;flex:1;border:1px solid #e6ebef;border-radius:5px;padding:7px 8px;font-size:10px}.inline-form button{border:1px solid #e4e9ee;border-radius:5px;background:white;color:#8b97a5;font-size:10px;padding:6px 8px}.comment{display:flex;gap:9px;margin:17px 0}.comment-body{min-width:0;flex:1}.comment-header{display:flex;align-items:center;gap:8px;margin:1px 0 6px}.comment-header strong{font-size:10px;font-weight:600;color:#758291}.comment-header time{font-size:8px;color:#b2bbc5}.comment-text{white-space:pre-wrap;word-break:break-word;line-height:1.75;font-size:10px;color:#8a96a5}.comment-compose{display:flex;gap:10px;margin:16px 0}.comment-compose textarea{width:100%;resize:vertical;min-height:65px;border:1px solid #e4e9ee;border-radius:8px;padding:10px;font-size:10px;line-height:1.6}.comment-compose .compose-body{flex:1;min-width:0}.compose-actions{display:flex;justify-content:flex-end;margin-top:7px}.attachment-row{display:flex;align-items:center;gap:9px;border:1px solid #e7ecf0;border-radius:7px;padding:10px;margin:7px 0;font-size:10px;color:#8794a3;text-decoration:none}.attachment-row:hover{background:#fafbfc}.attachment-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-row .icon{color:#a3adba;width:14px;height:14px}.attachment-row small{font-size:8px;color:#b1bbc7}.file-drop{display:flex;align-items:center;justify-content:center;gap:7px;border:1px dashed #dfe5eb;padding:14px;border-radius:7px;color:#a0aab7;font-size:10px;cursor:pointer;background:#fdfdfe}.file-drop:hover{border-color:#ee754a88;background:#fff9f6}.modal-actions{padding:14px 23px;border-top:1px solid #edf0f3;display:flex;justify-content:flex-end;gap:8px;background:#fff}.modal-actions .spacer{flex:1}.muted-note{font-size:10px;color:#a4adba;line-height:1.7;margin:0}.activity-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #eef1f4;align-items:flex-start}.activity-content{font-size:10px;line-height:1.7;color:#8b97a5;flex:1;min-width:0}.activity-content strong{color:#617080;font-weight:600}.activity-content small{font-size:9px;display:block;color:#b1bbc6;margin-top:4px}.activity-feed{background:white;border:1px solid var(--line);padding:8px 22px;border-radius:10px}.activity-row:last-child{border-bottom:0}.auth-shell{min-height:100vh;display:grid;grid-template-columns:43% 57%;background:#fff}.auth-brand{background:var(--dark);padding:54px 60px;display:flex;flex-direction:column;color:white;position:relative;overflow:hidden}.auth-brand .brand{padding:0}.auth-message{margin:auto 0;position:relative;z-index:1}.auth-message .eyebrow{color:#8c939f;letter-spacing:2px}.auth-message h1{font-size:45px;line-height:1.2;letter-spacing:-1.7px;font-weight:600;max-width:350px}.auth-message h1 em{color:var(--orange);font-style:normal}.auth-message p{color:#868f9d;font-size:13px;line-height:1.9;max-width:340px;margin-top:22px}.auth-brand:after{content:"";position:absolute;width:540px;height:540px;border:1px solid #ffffff06;border-radius:100%;left:-230px;bottom:-270px;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02}.auth-foot{color:#667181;font-size:10px;display:flex;gap:6px;align-items:center}.auth-form-area{display:flex;align-items:center;justify-content:center;padding:45px}.auth-form{width:100%;max-width:360px}.auth-form h2{font-size:26px;letter-spacing:-.8px;font-weight:650;margin:0 0 11px}.auth-form>p{font-size:11px;line-height:1.8;color:#9aa4b2;margin:0 0 29px}.auth-form .field{margin-bottom:17px}.auth-form .field label{font-size:10px;color:#7a8798;letter-spacing:0;margin-bottom:9px}.auth-form .field input{height:43px;font-size:12px;border-radius:7px;padding:11px 12px;color:#4d5b6b}.auth-form .btn{width:100%;margin-top:9px;height:43px;font-size:12px}.auth-small{font-size:9px;line-height:1.9;color:#a8b1bd;margin-top:22px;display:flex;gap:6px;align-items:flex-start}.auth-small .icon{width:13px;height:13px;margin-top:2px}.form-error{font-size:11px;line-height:1.7;color:#bf6c5d;background:#fff3ef;border:1px solid #f4dfd6;border-radius:7px;padding:10px 12px;margin:15px 0}.users-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 18px}.users-top p{font-size:11px;color:#a1aab6;line-height:1.8;margin:0;max-width:640px}.user-name-cell{display:flex;align-items:center;gap:10px}.user-name-cell strong{display:block;font-size:11px;font-weight:600;color:#657282}.user-name-cell small{display:block;font-size:9px;color:#a8b1bd;margin-top:4px}.user-form{padding:25px}.board-access{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 20px}.board-access label{border:1px solid #e3e9ee;border-radius:7px;padding:12px;display:flex;align-items:center;gap:8px;font-size:11px;color:#8a97a6;min-width:120px}.board-access input{accent-color:var(--orange)}.modal-intro{font-size:11px;line-height:1.8;color:#9da7b5;margin:0 0 22px}.notice{border:1px solid #e6ebf0;border-radius:8px;background:#fafbfd;padding:13px 15px;font-size:10px;color:#98a4b3;line-height:1.8;margin-bottom:20px}.notice strong{color:#78889b;font-weight:600}.history-list{margin:8px 0 0}.history-item{font-size:9px;color:#a1adbc;line-height:1.8;padding:7px 0;border-bottom:1px solid #f0f3f5}.history-item strong{font-weight:550;color:#8997a8}.loading-line{font-size:11px;color:#a5aebb;padding:24px 0}.toast{position:fixed;bottom:25px;left:calc(50% + 115px);transform:translateX(-50%);background:#252a31;color:#fff;border-radius:9px;padding:12px 17px;font-size:11px;box-shadow:0 8px 35px #1c253529;z-index:100;display:flex;align-items:center;gap:8px;animation:toastIn .2s}.toast.error{background:#a45b50}.toast .icon{width:15px;height:15px}.busy{opacity:.7;pointer-events:none}.screenreader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.kbd{font-size:8px;color:#b7bec7;border:1px solid #e7ebef;border-radius:3px;padding:1px 4px;margin-left:auto}.color-swatch{width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:4px}.page-error{padding:50px;color:#a46c60;text-align:center}.status-mini{font-size:9px;padding:4px 6px;border-radius:4px;background:#f0f3f6;color:#8696a8}.import-note{font-size:9px;line-height:1.8;color:#adb6c1;margin-top:12px}.wide-empty{width:100%;min-width:500px}.stale-warning{background:#fff6e7;border:1px solid #f2dfbb;color:#ab8958;padding:10px 14px;font-size:10px;border-radius:7px;margin:10px 0 0}.hidden-file{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}@keyframes toastIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}@media(min-width:1700px){.column{width:290px}.content{padding-left:44px;padding-right:44px}.board-wrap{margin-left:-44px;margin-right:-44px;padding-left:44px;padding-right:44px}.topbar{padding:0 44px}}@media(max-width:1150px){.sidebar{width:203px}.main{width:calc(100% - 203px);margin-left:203px}.content{padding:25px}.topbar{padding:0 25px}.board-wrap{margin-left:-25px;margin-right:-25px;padding-left:25px;padding-right:25px}.heading-actions .avatar-stack{display:none}.stat-note{display:none}.toast{left:calc(50% + 100px)}.private-badge{display:none}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:232px;box-shadow:15px 0 50px #17233335}.sidebar.open{transform:translateX(0)}.main{width:100%;margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 20px}.content{padding:23px 20px}.board-wrap{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.summary{gap:8px;margin-top:23px}.stat{padding:13px 11px}.stat-number{font-size:20px}.stat-label{font-size:8px}.top-tools{gap:9px}.breadcrumb{gap:7px}.breadcrumb .crumb-parent{display:none}.page-heading{gap:12px}.heading-actions{padding-top:5px}.heading-actions .btn{font-size:10px;padding:8px 10px}.page-description{font-size:10px}h1{font-size:25px}.eyebrow{font-size:8px}.project-badge{display:none}.tabs{gap:20px}.view-actions .subtle-count{display:none}.filter-space{display:none}.filters{gap:7px}.search{max-width:none;flex-basis:100%}.filter-select{flex:1;min-width:90px;max-width:none}.column{width:265px}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px);border-radius:11px}.task-detail-grid{grid-template-columns:1fr}.detail-side{border-left:0;border-top:1px solid #edf0f3;display:grid;grid-template-columns:1fr 1fr;gap:0 15px;padding:20px}.detail-side .field{margin-bottom:13px}.detail-side>hr,.detail-side>.tiny-id{grid-column:1/-1}.detail-main{padding:20px}.detail-title{font-size:19px}.modal-top{padding:12px 16px}.modal-actions{padding:12px 16px}.toast{left:50%;max-width:90vw;font-size:10px}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-form-area{padding:35px 25px}.auth-form:before{content:"NEO / WORKSPACE";color:var(--orange);font-size:11px;font-weight:750;letter-spacing:2px;display:block;margin-bottom:42px}.users-top{align-items:flex-start}.users-top p{max-width:70%;font-size:10px}.workspace-footer{font-size:8px;gap:10px}.workspace-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.task-cover{display:block;width:calc(100% + 24px);margin:-12px -12px 12px;height:125px;object-fit:cover;border-radius:8px 8px 0 0;background:#f1f3f6}.attachment-preview{display:inline-block;max-width:100%;margin:8px 0 0}.attachment-preview img{display:block;max-width:100%;max-height:220px;border:1px solid #e4e9ee;border-radius:8px;object-fit:contain;background:#f7f9fb}

.upload-status{margin-top:10px;padding:12px;border:1px solid #e6ebef;border-radius:7px;background:#fafbfd}.upload-progress-text{display:block;color:#8795a6;font-size:10px;line-height:1.7;word-break:break-word}.upload-progress{display:block;width:100%;height:5px;margin-top:9px;accent-color:var(--orange);border:0;border-radius:5px;overflow:hidden;background:#e9edf1}.upload-progress::-webkit-progress-bar{background:#e9edf1;border-radius:5px}.upload-progress::-webkit-progress-value{background:var(--orange);border-radius:5px}.upload-progress::-moz-progress-bar{background:var(--orange);border-radius:5px}

/* Work content stays comfortably readable in a dense production board. */
.task-title{font-size:13px;line-height:1.55;color:#303946}
.task-excerpt{font-size:11px;line-height:1.65;color:#6b7280}
.task-id{font-size:10px;color:#7d8998}
.column-head{font-size:12px;color:#4f5c6d}
.column-number{font-size:10px;color:#687789}
.column-add{font-size:11px;color:#718093}
.show-more{font-size:10px;color:#64758a}
.label{font-size:9.5px}
.label.gray{color:#6c7684;background:#edf0f3}
.label.blue{color:#54789e}.label.orange{color:#9d6c38}
.label.green{color:#4d8069}.label.purple{color:#79618f}.label.rose{color:#a35f76}

/* Board label picker and custom label colors. */
.label.label-custom{color:var(--ink);background:color-mix(in srgb,var(--label-color) 28%,var(--paper));border-inline-start:3px solid var(--label-color)}
.card-label-selector{display:grid;gap:7px;min-width:0}
.card-label-selector .card-label-picker-pills{margin:0}
.card-label-picker-pills .field-help{margin:0}
.card-label-dropdown{border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:0 7px 7px}
.card-label-dropdown:not([open]){padding-bottom:0}
.card-label-dropdown>summary{padding:8px 3px;cursor:pointer;color:var(--ink);font-size:12px}
.card-label-dropdown>summary:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
.card-label-options{margin-top:5px;max-height:230px;overflow:auto;overscroll-behavior:contain}
.card-label-option{display:flex;align-items:center;gap:4px;min-height:34px;border-bottom:1px solid var(--line)}
.card-label-option:last-child{border-bottom:0}
.card-label-option>label{display:flex;align-items:center;gap:6px;flex:1;min-width:0;margin:0;padding:4px;cursor:pointer}
.card-label-option>label>input{width:15px;min-height:0;flex:none;margin:0;padding:0}
.card-label-option .label{min-width:0;max-width:100%}
.card-label-option .icon-button{width:29px;height:29px;min-width:29px;min-height:29px}
.card-label-create{display:flex;align-items:stretch;gap:5px;margin-top:7px}
.card-label-create>input{flex:1;min-width:0}
.card-label-create>.btn{flex:none;max-width:45%;white-space:normal}
.card-metrics,.due-chip{font-size:10px;color:#7c8899}
.card-metrics .icon,.due-chip .icon{width:12px;height:12px}
.due-chip.overdue{color:#b9634c}
.stat-label{font-size:11px;color:#6d7887}
.stat-note{font-size:10px;color:#7d8998}
.page-description{font-size:12px;color:#75808e}
.breadcrumb{font-size:12px;color:#7d8795}
.tab{font-size:12px;color:#758293}
.search input{font-size:12px}
.filter-select{font-size:11px;color:#657180}
.filter-check{font-size:11px;color:#728093}
.btn{font-size:12px}.btn.small{font-size:11px}
.field label{font-size:11px;color:#758293;letter-spacing:.2px}
.field input,.field select,.field textarea{font-size:12px;color:#536172}
.field-help{font-size:10px;color:#7b899b}
.detail-heading{font-size:12px;color:#526174}
.detail-main textarea.description{font-size:12px;color:#5d6b7d;line-height:1.8}
.check-group-title{font-size:11px;color:#637287}
.check-row{font-size:12px;color:#667585}
.check-row.done span{color:#8f9baa}
.inline-form input,.inline-form button{font-size:11px}
.comment-header strong{font-size:11px;color:#596b80}
.comment-header time{font-size:10px;color:#8b98a8}
.comment-text{font-size:12px;color:#657180;line-height:1.8}
.comment-compose textarea{font-size:12px}
.attachment-row,.file-drop{font-size:11px;color:#657180}
.attachment-row small{font-size:10px;color:#8390a2}
.import-note,.tiny-id{font-size:10px;color:#8591a1}
.muted-note{font-size:11px;color:#7b8797}
.history-item{font-size:10px;color:#7e8c9f}
.history-item strong{color:#63758c}
.data-table td{font-size:12px;color:#657180}
.data-table th{font-size:10px;color:#7f8a99}
.user-name-cell strong{font-size:12px}.user-name-cell small{font-size:11px;color:#8390a2}
.users-top p,.modal-intro{font-size:12px;color:#7d8999}
.notice{font-size:11px;color:#7b899b}
.upload-progress-text{font-size:11px;color:#657180}
.auth-form>p{font-size:12px;color:#7e8b9d}
.auth-small{font-size:10px;color:#8492a5}
.nav-btn,.board-btn{font-size:12px}
.pilot-note p{font-size:10px;color:#8a95a5}
@media(max-width:800px){.task-title{font-size:13px}.task-excerpt{font-size:11px}.page-description{font-size:11px}.stat-label{font-size:10px}.field label{font-size:11px}.filter-select{font-size:11px}.heading-actions .btn{font-size:11px}.users-top p{font-size:11px}}

.photo-gallery-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:12px}.photo-gallery-heading strong{font-size:12px;font-weight:600;color:#596b80}.photo-gallery-heading strong span{font-weight:400;color:#8c98a8}.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.photo-tile{margin:0;border:1px solid #e2e8ee;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding-bottom:9px}.photo-tile.selected{border-color:#ec9b7b;background:#fffaf7;box-shadow:0 0 0 1px #ee754a18}.photo-preview{height:128px;display:flex;align-items:center;justify-content:center;background:#edf0f4;overflow:hidden}.photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.photo-tile figcaption{padding:9px 9px 6px;font-size:10px;color:#748397;min-width:0}.photo-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-tile .btn{margin:0 8px;min-height:27px;font-size:10px;padding:5px 7px}.photo-tile .btn .icon{width:12px;height:12px}.cover-badge{display:flex;gap:5px;align-items:center;font-size:10px;color:#c76d45;padding:5px 10px;font-weight:550}.cover-badge .icon{width:13px;height:13px}.photo-gallery-hint{font-size:10px;line-height:1.7;color:#7d8b9c;margin:9px 0 16px}@media(max-width:800px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-preview{height:135px}}@media(max-width:420px){.photo-preview{height:110px}.photo-tile .btn{font-size:9px}.photo-gallery-heading .btn{font-size:10px}}

/* Official neospace artwork: the transparent source is displayed unchanged. */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:0 10px 27px}
.brand-logo-frame{width:132px;aspect-ratio:182.87913904/178.359050624;position:relative;overflow:hidden;flex:none}
.brand-logo-image{display:block;position:absolute;inset:0;width:100%;max-width:100%;height:100%;object-fit:contain;filter:none}
.brand-sub{font-size:8px;letter-spacing:2px;color:#929aa6;margin:0 0 0 2px}
.auth-brand .brand{gap:12px}
.auth-brand .brand-logo-frame{width:190px}
.auth-brand .brand-sub{font-size:9px;letter-spacing:2.4px}
.boot .brand-logo-frame{width:150px;margin-bottom:15px}

.auth-mobile-brand{display:none}
@media(max-width:800px){.auth-form:before{content:none;display:none}.auth-mobile-brand{display:block;margin-bottom:35px}.auth-mobile-brand .brand{padding:0;gap:10px}.auth-mobile-brand .brand-logo-frame{width:160px}.auth-mobile-brand .brand-sub{color:#7d8999;font-size:8px}}

.side-project-label{display:flex;align-items:center;justify-content:space-between;padding-right:5px}.side-project-label .icon-button{padding:3px;color:#8c97a8}.side-project-label .icon{width:13px;height:13px}.column-tools{margin-left:auto;display:flex;gap:8px;align-items:center}.column-head .column-tools .icon-button{margin-left:0;padding:0}.column-head .column-tools .icon{width:13px;height:13px}.add-list-column{width:220px;flex:none;min-height:58px;border:1px dashed #ced7e2;border-radius:9px;background:#f1f4f7;color:#75869b;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.add-list-column:hover{border-color:#ee754a88;background:#fff5ef;color:#c57654}.board-form-actions{display:flex;justify-content:flex-end;gap:8px;margin:22px 0 0;padding-bottom:5px}.board-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px;padding-top:22px;border-top:1px solid #e7ecf2}.board-manager-heading strong{font-size:12px;font-weight:600;color:#5e6f84}.list-manager{border:1px solid #e5ebf1;border-radius:8px;overflow:hidden}.list-manager-row{display:flex;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid #edf1f5}.list-manager-row:last-child{border-bottom:0}.list-manager-name{min-width:0;flex:1}.list-manager-name strong{display:block;font-size:12px;font-weight:550;color:#5a6b80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-manager-name small{display:block;font-size:10px;color:#8c99aa;margin-top:4px}.list-manager-tools{display:flex;gap:2px}.list-manager-tools .icon{width:14px;height:14px}.heading-actions>.icon-button{border:1px solid #e3e9ee;padding:8px;background:#fff}

.import-modal{width:min(850px,100%)}.import-table{min-width:600px}.import-table th{font-size:9px;letter-spacing:.1px;line-height:1.7}.import-table td{font-size:11px}.import-issues{max-height:230px;overflow:auto;border:1px solid #e7ecf2;border-radius:7px;padding:0 12px;background:#fafbfd}.import-issues p{font-size:10px;line-height:1.8;color:#7b899b;word-break:break-word;border-bottom:1px solid #e9eef4;padding:9px 0;margin:0}.import-issues p:last-child{border-bottom:0}

.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b414b transparent}

.task-kind-row,.detail-card-kind{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:9px}.detail-card-kind:empty{display:none}.task-kind{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#6c7f99;border-radius:4px;padding:3px 6px;background:#edf2f8}.task-kind .icon{width:11px;height:11px}.task-kind.template{background:#f4eef9;color:#8a6ca0}.detail-card-kind .task-kind{font-size:10px;padding:5px 8px}.source-link{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#b97953;text-decoration:none}.source-link:hover{text-decoration:underline}.source-link .icon{width:12px;height:12px}.card-detail-loading{padding:35px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:15px;color:#91a0b2}.card-detail-loading>.icon{width:26px;height:26px}.card-detail-loading strong{font-size:15px;font-weight:550;color:#61748c;line-height:1.7}.card-detail-loading span{font-size:11px;line-height:1.8}.check-item-body{min-width:0;flex:1}.check-item-name{cursor:pointer;display:block;line-height:1.7}.check-row.done .check-item-name{text-decoration:line-through;color:#8f9baa}.check-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:5px 0 0}.check-item-meta span{display:inline-flex;gap:4px;align-items:center;font-size:9px;color:#8190a3;line-height:1.7;text-decoration:none!important}.check-item-meta .icon{width:11px;height:11px}.check-row>.icon-button{padding:2px;opacity:0;color:#9aa6b5}.check-row:hover>.icon-button,.check-row:focus-within>.icon-button{opacity:1}.check-row>.icon-button .icon{width:12px;height:12px}.check-row.done span{text-decoration:none}.check-rename{margin-top:0;flex-wrap:wrap}.check-rename input{flex-basis:100%}.source-custom-fields:empty{display:none}.custom-field-values{margin:0;display:flex;flex-wrap:wrap;gap:6px}.custom-field-values>div{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-width:0;padding:5px 9px;border:1px solid #e7edf3;border-radius:999px;background:#fafbfd}.custom-field-values dt,.custom-field-values dd{min-width:0;margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-field-values dt{flex:0 1 auto;max-width:55%;font-size:10px;color:#8593a5}.custom-field-values dd{flex:0 1 auto;font-size:11px;font-weight:600;color:#5f7189}@media(max-width:800px){.check-row>.icon-button{opacity:1}}

.task{position:relative}.task-move-menu{position:absolute;top:5px;right:5px;padding:3px;background:#ffffffed;opacity:0;color:#8b9aae;z-index:1}.task-move-menu .icon{width:15px;height:15px}.task:hover .task-move-menu,.task:focus-within .task-move-menu{opacity:1}.card-drop-indicator{height:4px;background:var(--orange);border-radius:4px;margin:5px 2px 9px;position:relative;box-shadow:0 0 0 2px #ee754a13;pointer-events:none}.card-drop-indicator:before{content:'';position:absolute;width:7px;height:7px;left:-2px;top:-1.5px;background:var(--orange);border-radius:50%}.card-drop-indicator span{position:absolute;top:-17px;right:1px;font-size:8px;color:#c57550;background:#fff6ef;padding:1px 4px;border-radius:3px;white-space:nowrap}.card-drop-indicator span:empty{display:none}.move-card-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.move-card-controls+.field-help{margin-bottom:22px}@media(max-width:800px){.task-move-menu{opacity:1}}

.task-cover-color{height:43px;margin:-12px -12px 12px;border-radius:8px 8px 0 0}.task.full-cover{min-height:185px;padding-top:30px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#52667d;color:#fff}.full-cover-image{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;z-index:0!important}.task.full-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17202be6 0%,#17202b70 55%,#17202b10 100%);z-index:1;pointer-events:none}.task.full-cover>*{position:relative;z-index:2}.task.full-cover .task-title{color:inherit}.task.full-cover .task-excerpt{display:none}.task.full-cover .task-id,.task.full-cover .card-metrics,.task.full-cover .due-chip{color:#e1e8f0}.task.full-cover .card-bottom{border-top-color:#ffffff30}.task.full-cover .task-move-menu{position:absolute;z-index:3}.task.full-cover.cover-light{color:#243143}.task.full-cover.cover-light:before{background:linear-gradient(0deg,#fffffff2 0%,#ffffffa6 55%,#ffffff10 100%)}.task.full-cover.cover-light .task-id,.task.full-cover.cover-light .card-metrics,.task.full-cover.cover-light .due-chip{color:#5e6e82}.task.full-cover.cover-light .card-bottom{border-top-color:#24314325}

.notification-anchor{position:relative}.notification-anchor>.icon-button{position:relative}.notification-count{position:absolute;right:0;top:-1px;min-width:14px;height:14px;background:var(--orange);border-radius:8px;color:#fff;font-size:8px;font-weight:650;display:grid;place-items:center;padding:0 3px;border:1px solid white}.notification-panel{position:absolute;top:39px;right:-9px;width:370px;z-index:45;border:1px solid #e0e7ef;border-radius:12px;background:white;box-shadow:0 18px 60px #202c4626;overflow:hidden}.notification-panel-head{display:flex;align-items:center;gap:6px;padding:15px 15px 5px}.notification-panel-head>strong{font-size:13px;font-weight:650;color:#4d6078;margin-right:auto}.notification-panel-head .icon-button .icon{width:15px;height:15px}.notification-list{max-height:440px;overflow-y:auto;scrollbar-width:thin}.notification-item{display:flex;gap:1px;align-items:flex-start;border-bottom:1px solid #edf1f5;padding:13px 12px}.notification-item:last-child{border-bottom:0}.notification-item.unread{background:#fff9f5}.notification-open{display:flex;align-items:flex-start;gap:9px;min-width:0;flex:1;text-align:left;border:0;background:none;padding:0;cursor:pointer}.notification-type{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:7px;background:#edf2f7;color:#899bb2}.notification-type .icon{width:13px;height:13px}.notification-item.unread .notification-type{background:#fff0e5;color:#cf8a63}.notification-copy{min-width:0;display:block}.notification-copy>strong{display:block;font-size:11px;line-height:1.7;font-weight:600;color:#61738a}.notification-copy>span{display:block;font-size:10px;line-height:1.8;color:#8a98aa;margin-top:2px;word-break:break-word}.notification-copy>time{display:block;font-size:9px;color:#a0aabb;margin-top:5px}.notification-item>.icon-button{padding:3px;flex:none;color:#a1adbc}.notification-item>.icon-button .icon{width:13px;height:13px}.notification-empty{padding:35px 25px;text-align:center;color:#9aa9bc;display:flex;flex-direction:column;align-items:center;gap:12px}.notification-empty>.icon{width:26px;height:26px}.notification-empty strong{font-weight:550;color:#74879e;font-size:12px}.notification-empty p{font-size:10px;line-height:1.8;margin:0;max-width:240px}.notification-error{padding:20px;display:flex;flex-direction:column;gap:15px;font-size:11px;color:#a77c6a}.notification-preference{display:flex;align-items:flex-start;gap:10px;padding:17px 0;border-bottom:1px solid #edf1f5;cursor:pointer}.notification-preference input{accent-color:var(--orange);margin:3px 0 0}.notification-preference strong{display:block;font-size:12px;font-weight:550;color:#667b93}.notification-preference small{display:block;font-size:11px;line-height:1.8;color:#8c9aae;margin-top:5px}.email-status-card{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid #e5ebf1;background:#fff;border-radius:9px;padding:16px 18px;margin-bottom:20px}.email-status-card strong{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:600;color:#60748d}.email-status-card strong .icon{width:15px;height:15px;color:#9aa8ba}.email-status-card p{font-size:11px;line-height:1.8;color:#8796aa;margin:7px 0 0}.email-status-stats{display:flex;gap:12px;align-items:center;font-size:10px;color:#8b9aae}.email-status-error{flex-basis:100%;margin:0!important;color:#b78470!important}.user-name-cell .user-email{font-size:10px;color:#7d8ea4}.mention-wrap{position:relative}.mention-menu{position:absolute;left:0;right:0;bottom:calc(100% + 5px);max-height:275px;overflow:auto;border:1px solid #dfe7f0;border-radius:8px;background:#fff;padding:5px;z-index:10;box-shadow:0 8px 24px #2537541a}.mention-menu>button{display:flex;gap:8px;align-items:center;border:0;border-radius:5px;padding:8px;width:100%;background:#fff;text-align:left}.mention-menu>button:hover,.mention-menu>button.active{background:#f2f5f9}.mention-menu strong{display:block;font-size:11px;color:#667b93;font-weight:550}.mention-menu small{display:block;font-size:9px;color:#98a6ba;margin-top:3px}@media(max-width:800px){.notification-panel{position:fixed;top:58px;right:12px;width:min(370px,calc(100vw - 24px))}.notification-list{max-height:60vh}.top-tools{gap:5px}.email-status-card{padding:14px}.email-status-stats{gap:9px}}

.notification-more{display:flex;justify-content:center;border-top:1px solid #edf1f5;padding:10px}.list-manager-tools .icon-button[title^='Rikthe']{color:#6d9d87}.list-manager-tools .icon-button[title^='Arkivo']:hover{color:#c08468;background:#fff5ee}

.detail-side .btn.watching{color:#b87751;border-color:#efd8c9;background:#fff8f2}.detail-side .btn.watching .icon{color:#cf8c65}

.email-config-actions{display:flex;align-items:center;margin-left:auto}.email-configuration-modal{width:min(620px,100%)}.email-config-form .email-enabled{padding-top:0;margin-bottom:20px}.smtp-port-row{align-items:end}.smtp-port-row>.filter-check{padding-bottom:27px;line-height:1.7;font-size:10px}.email-config-success{margin:16px 0;border:1px solid #d3e7db;border-radius:7px;padding:11px 13px;background:#f2faf5;color:#6a927c;font-size:11px;line-height:1.8}.email-test-section{margin-top:22px;padding:17px;border:1px solid #e6ecf2;border-radius:8px;background:#fafbfd}.email-test-section>strong{font-size:12px;font-weight:550;color:#6a7e96}.email-test-section>p{font-size:10px;line-height:1.9;color:#8c9caf;margin:8px 0 12px}.email-config-form .notice{font-size:10px}.email-config-form .field-help{font-size:10px;line-height:1.9}@media(max-width:800px){.email-config-actions{margin-left:0}.smtp-port-row>.filter-check{padding-bottom:20px;font-size:10px}}

.audit-timezone{font-size:10px;color:#8b99ab;margin-left:5px}.audit-feed{background:#fff;border:1px solid #e3eaf2;border-radius:10px;padding:3px 20px}.audit-feed.compact{border:0;padding:0;background:none}.audit-event{display:flex;gap:12px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #edf1f6}.audit-event:last-child{border-bottom:0}.audit-event>.avatar{margin-top:1px}.audit-event-content{min-width:0;flex:1}.audit-event-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.7}.audit-event-meta>strong{font-size:11px;font-weight:600;color:#596f89}.audit-event-meta>span{font-size:9px;color:#96a4b7}.audit-event-meta>time{font-size:10px;color:#8798ae}.audit-event-meta>.audit-source{font-size:8px;padding:1px 5px;border-radius:4px;background:#f0f4f8;color:#8d9db3;margin-left:auto}.audit-event-description{font-size:12px;color:#667c95;line-height:1.9;margin:7px 0 0;white-space:pre-wrap;word-break:break-word}.audit-entity{display:inline-block;margin-top:7px;border:1px solid #e5ebf3;border-radius:4px;padding:2px 5px;font-size:8px;color:#91a1b7}.audit-changes{margin-top:11px;border:1px solid #e6edf5;border-radius:7px;background:#fcfdfe}.audit-changes>summary{padding:9px 11px;font-size:10px;color:#879bb6;cursor:pointer;line-height:1.7}.audit-change-list{padding:0 11px 10px}.audit-change{padding:11px 0;border-top:1px solid #e9eff6}.audit-change>strong{display:block;font-size:10px;color:#7188a5;font-weight:600;margin-bottom:9px}.audit-change-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audit-change-values>div{min-width:0;border:1px solid #edf1f6;background:#f8fafd;border-radius:5px;padding:8px}.audit-value-label{display:block;font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:#9cacc1;margin-bottom:6px}.audit-value{font-family:inherit;margin:0;font-size:10px;line-height:1.8;color:#768da9;white-space:pre-wrap;word-break:break-word;max-height:350px;overflow:auto}.audit-long-value>summary{font-size:10px;line-height:1.8;color:#90a3be;cursor:pointer;word-break:break-word}.audit-long-value[open]>.audit-value{margin-top:9px}.audit-empty{padding:22px 0;font-size:11px;color:#95a5bb;line-height:1.9}.audit-pagination{display:flex;justify-content:center;border-top:1px solid #edf1f6;padding:14px}.audit-feed.compact .audit-event{gap:9px;padding:14px 0}.audit-feed.compact .audit-event-description{font-size:11px}.audit-feed.compact .audit-event-meta>time{font-size:9px}.audit-feed.compact .audit-event>.avatar{width:23px;height:23px;font-size:8px}.audit-feed.compact .audit-event-meta>.audit-source{margin-left:0}.audit-legacy-note{padding-top:10px}@media(max-width:800px){.audit-feed{padding:0 12px}.audit-event{gap:8px}.audit-event-description{font-size:11px}.audit-change-values{grid-template-columns:1fr}.audit-event-meta>time{flex-basis:100%;font-size:9px}.audit-event-meta>.audit-source{margin-left:0}.audit-timezone{font-size:9px;margin:0}}

.smtp-provider-help{margin-top:4px}.smtp-provider-help p{font-size:10px;line-height:1.9;margin:0}.smtp-provider-help a{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#9b826f;text-decoration:none;margin-top:8px}.smtp-provider-help a:hover{text-decoration:underline}.smtp-provider-help a .icon{width:12px;height:12px}

.audit-change-heading{display:flex;align-items:center;gap:8px;margin-bottom:9px}.audit-change-heading>strong{font-size:10px;font-weight:600;color:#7188a5}.audit-change-heading>span{font-size:8px;border-radius:4px;background:#eef3f9;color:#8fa4bf;padding:2px 5px}.audit-field-path{display:block;font-size:9px;color:#9cacc1;margin:-3px 0 8px;word-break:break-word}

/* Match the subline to the visible bounds of the unchanged official logo. */
.brand{--neospace-logo-width:132px;gap:9px}
.brand-logo-frame{width:var(--neospace-logo-width,132px)}
.brand-sub{display:block;width:var(--neospace-logo-width);margin:0;font-size:12px;font-weight:550;line-height:1.35;letter-spacing:1.25px;text-align:justify;text-align-last:justify;white-space:normal;color:#b4bdc9}
.auth-brand .brand{--neospace-logo-width:160px;gap:10px}
.auth-brand .brand-logo-frame{width:var(--neospace-logo-width,132px)}
.auth-brand .brand-sub{width:var(--neospace-logo-width);font-size:14px;letter-spacing:1.5px;color:#b4bdc9}
@media(min-width:801px) and (max-width:1150px){.sidebar .brand{padding-left:4px;padding-right:4px}}
@media(max-width:800px){.auth-mobile-brand .brand{--neospace-logo-width:132px;gap:9px}.auth-mobile-brand .brand-logo-frame{width:var(--neospace-logo-width,132px)}.auth-mobile-brand .brand-sub{width:var(--neospace-logo-width);font-size:12px;letter-spacing:1.25px;color:#6b7b90}}

.appearance-controls{display:inline-flex;gap:5px;align-items:center;flex:none}
.language-toggle,.theme-toggle{height:29px;border:1px solid #dfe6ef;border-radius:6px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#8b9bb0;cursor:pointer}
.language-toggle{gap:4px;padding:0 7px;font-size:9px;font-weight:550;letter-spacing:.4px}
.language-toggle [data-language].selected{color:#cb855d;font-weight:750}
.language-separator{font-size:8px;color:#bdc8d6}
.theme-toggle{width:29px;padding:5px}.theme-toggle .icon{width:15px;height:15px}
.language-toggle:hover,.theme-toggle:hover{border-color:#d7b09a;background:#fffaf6}
.auth-form-area{position:relative}.auth-appearance{position:absolute;top:27px;right:32px;z-index:4}
.modal-top>.appearance-controls{margin-left:auto}.modal-top>.icon-button{flex:none}.modal-breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modal-top>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

html[data-theme="dark"]{color-scheme:dark;--ink:#e3eaf5;--muted:#a1afc3;--line:#343f4e;--paper:#151a21;--white:#222b37;--dark:#10151c;--shadow:0 5px 18px #00000016}
[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
[data-theme="dark"] .topbar{background:#1a212b;border-color:#303b49}
[data-theme="dark"] :is(.stat,.task,.table-wrap,.modal,.activity-feed,.audit-feed,.email-status-card,.notification-panel){background:#222b37;border-color:#354152}
[data-theme="dark"] .column{background:#1b232e;border-color:#2b3645}
[data-theme="dark"] .column-number{background:#2b3748;color:#a4b4cb}
[data-theme="dark"] .column-head{color:#c1cfe2}
[data-theme="dark"] .task{border-color:#344257;box-shadow:0 2px 5px #0000001a}
[data-theme="dark"] .task:hover{border-color:#50647f;box-shadow:0 5px 18px #00000020}
[data-theme="dark"] .task-title{color:#e3ebf7}
[data-theme="dark"] .task-excerpt{color:#a4b4cc}
[data-theme="dark"] .task-id{color:#8d9fb9}
[data-theme="dark"] :is(.card-metrics,.due-chip){color:#9aaec9}
[data-theme="dark"] .card-bottom{border-color:#344153}
[data-theme="dark"] .avatar{border-color:#222b37}
[data-theme="dark"] :is(.stat-label,.page-description,.tab,.breadcrumb,.filter-check,.subtle-count,.workspace-footer){color:#9cacc4}
[data-theme="dark"] .stat-note{color:#8396b1}
[data-theme="dark"] :is(.stat-number,h1,.tab.active,.breadcrumb strong){color:#e0e9f7}
[data-theme="dark"] :is(.search input,.filter-select,.field input,.field select,.field textarea,.inline-form input,.comment-compose textarea,.detail-main textarea.description){background:#19222e;border-color:#38485e;color:#c1cee1}
[data-theme="dark"] :is(.field label,.field-help,.tiny-id,.import-note,.muted-note,.modal-intro,.users-top p){color:#98aac4}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#6e839f}
[data-theme="dark"] .detail-title{color:#e0eaf8}
[data-theme="dark"] .detail-side{background:#1b2431;border-color:#334257}
[data-theme="dark"] :is(.detail-heading,.check-group-title,.comment-header strong,.user-name-cell strong){color:#b1c2da}
[data-theme="dark"] :is(.check-group,.attachment-row,.custom-field-values>div,.list-manager,.photo-tile){border-color:#35465e;background:#202b3b}
[data-theme="dark"] :is(.check-row,.comment-text,.attachment-row,.file-drop,.activity-content,.audit-event-description){color:#a7bbd6}
[data-theme="dark"] .check-row.done .check-item-name{color:#7d94b2}
[data-theme="dark"] .check-item-meta span{color:#8da4c4}
[data-theme="dark"] :is(.file-drop,.notice,.upload-status,.email-test-section,.email-preference,.import-issues){background:#1c2736;border-color:#35465e;color:#94a9c7}
[data-theme="dark"] .file-drop:hover{background:#312b29;border-color:#9d7157}
[data-theme="dark"] :is(.btn:not(.primary):not(.danger):not(.dark),.inline-form button,.icon-button:hover){background:#2a374a;border-color:#3d4f69;color:#b3c5df}
[data-theme="dark"] .btn.ghost{background:transparent;border-color:transparent;color:#99afce}
[data-theme="dark"] .btn.danger{background:#382a30;border-color:#62414e;color:#d5a0a4}
[data-theme="dark"] .btn.primary{background:#d88658;border-color:#d88658;color:#fff}
[data-theme="dark"] .btn.primary:hover{background:#ca784d;border-color:#ca784d}
[data-theme="dark"] .icon-button{color:#8fa5c5}
[data-theme="dark"] .task-move-menu{background:#263449ed;color:#a0b6d6}
[data-theme="dark"] .column-add{color:#8099bb}
[data-theme="dark"] .column-add:hover,[data-theme="dark"] .show-more{background:#29374a;color:#9db3d2}
[data-theme="dark"] .add-list-column{background:#1c2634;border-color:#435773;color:#8fa8cc}
[data-theme="dark"] .add-list-column:hover{background:#302b29;border-color:#9b735b;color:#d09b7a}
[data-theme="dark"] .column.drag-over{background:#302a27;border-color:#9b725b}
[data-theme="dark"] .data-table th{background:#1b2532;color:#8fa6c6;border-color:#35465e}
[data-theme="dark"] .data-table td{color:#a8bad3;border-color:#334156}
[data-theme="dark"] .data-table tbody tr:hover{background:#27354a}
[data-theme="dark"] .data-table .title-cell{color:#d4e1f4}
[data-theme="dark"] :is(.pill,.status-mini){background:#2c3a50;color:#a9bfdd}
[data-theme="dark"] .label.gray{background:#344155;color:#b4c6de}
[data-theme="dark"] .modal-top,[data-theme="dark"] .modal-actions{background:#202b3b;border-color:#374960}
[data-theme="dark"] .modal-backdrop{background:#060b13b8}
[data-theme="dark"] :is(.detail-side hr,.board-manager-heading,.list-manager-row,.email-test-section,.notification-preference,.notification-item,.notification-more){border-color:#35465e}
[data-theme="dark"] .modal-breadcrumb{color:#839dbc}
[data-theme="dark"] .modal-breadcrumb strong{color:#b1c5df}
[data-theme="dark"] .form-error{background:#392a30;border-color:#66434c;color:#e0a5a8}
[data-theme="dark"] .email-config-success{background:#24372f;border-color:#3f6552;color:#9bc2ad}
[data-theme="dark"] .check-progress{background:#344155}
[data-theme="dark"] .empty-state{background:#1b253280;border-color:#41536c;color:#94a9c7}
[data-theme="dark"] .empty-state strong{color:#a9bfdb}
[data-theme="dark"] .auth-shell{background:#171f2b}
[data-theme="dark"] .auth-brand{background:#10171f}
[data-theme="dark"] .auth-form h2{color:#e0ebf8}
[data-theme="dark"] :is(.auth-form>p,.auth-form .field label,.auth-small){color:#91a7c7}

[data-theme="dark"] .auth-mobile-brand .brand-sub{color:#a9bddb}
[data-theme="dark"] .language-toggle,[data-theme="dark"] .theme-toggle{background:#222f42;border-color:#3b4b64;color:#8fa8cb}
[data-theme="dark"] .language-toggle:hover,[data-theme="dark"] .theme-toggle:hover{background:#2d3745;border-color:#9e795e}
[data-theme="dark"] .language-toggle [data-language].selected{color:#e0ad88}
[data-theme="dark"] .notification-item.unread{background:#322d2b}
[data-theme="dark"] :is(.notification-panel-head>strong,.notification-copy>strong,.notification-preference strong,.email-status-card strong,.email-test-section>strong){color:#b6c9e3}
[data-theme="dark"] :is(.notification-copy>span,.notification-copy>time,.notification-preference small,.email-status-card p,.email-status-stats,.email-test-section>p){color:#93a9ca}
[data-theme="dark"] .notification-type{background:#2c3e58;color:#a8c0e0}
[data-theme="dark"] .notification-item.unread .notification-type{background:#473930;color:#dbac88}
[data-theme="dark"] .mention-menu{background:#223148;border-color:#435a7a;box-shadow:0 8px 24px #0004}
[data-theme="dark"] .mention-menu>button{background:#223148}
[data-theme="dark"] .mention-menu>button:hover,[data-theme="dark"] .mention-menu>button.active{background:#30435f}
[data-theme="dark"] .mention-menu strong{color:#c5d5ee}
[data-theme="dark"] .mention-menu small{color:#8fa9cd}
[data-theme="dark"] :is(.audit-event,.audit-change,.audit-pagination){border-color:#35465f}
[data-theme="dark"] .audit-event-meta>strong{color:#b8cde8}
[data-theme="dark"] .audit-event-meta>time,[data-theme="dark"] .audit-event-meta>span{color:#8fa7ca}
[data-theme="dark"] .audit-event-meta>.audit-source,[data-theme="dark"] .audit-change-heading>span{background:#2c3d57;color:#98b3d9}
[data-theme="dark"] :is(.audit-changes,.audit-change-values>div){background:#1b293d;border-color:#384e6e}
[data-theme="dark"] :is(.audit-value,.audit-change-heading>strong,.audit-long-value>summary){color:#a5bddf}
[data-theme="dark"] .audit-value-label{color:#7e9ac3}
[data-theme="dark"] .custom-field-values dt{color:#8aa2c4}
[data-theme="dark"] .custom-field-values dd{color:#b5c9e6}
[data-theme="dark"] .photo-preview{background:#152234}
[data-theme="dark"] .photo-tile.selected{background:#372f2b;border-color:#a67757}
[data-theme="dark"] .photo-name,[data-theme="dark"] .photo-gallery-heading strong{color:#adc3e1}
[data-theme="dark"] .detail-side .btn.watching{background:#393127;color:#deb28e;border-color:#7d6047}
[data-theme="dark"] .audit-feed.compact{background:transparent}

html[data-theme="light"]{color-scheme:light}
[data-theme="light"] .sidebar{background:#eef2f7;border-color:#dae3ee;color:#6a7d96}

[data-theme="light"] .brand-sub{color:#667c98}
[data-theme="light"] .workspace-card{background:#fff;border-color:#dce5ef}
[data-theme="light"] .workspace-card strong,[data-theme="light"] .side-profile strong{color:#4b627f}
[data-theme="light"] .workspace-card small,[data-theme="light"] .side-profile small{color:#8b9eb7}
[data-theme="light"] .workspace-icon{border-color:#dce5ef;color:#8aa0bc}
[data-theme="light"] .side-label{color:#94a5bc}
[data-theme="light"] .nav-btn,[data-theme="light"] .board-btn{color:#7890af}
[data-theme="light"] .nav-btn:hover,[data-theme="light"] .board-btn:hover{background:#e2e9f3;color:#496787}
[data-theme="light"] .nav-btn.active{background:#fff;color:#506d8e}
[data-theme="light"] .board-btn.active{background:#fff1e7;color:#b77b50}
[data-theme="light"] .board-initial{background:#e1e8f2;color:#879cb9}
[data-theme="light"] .board-btn.active .board-initial{background:#fbe2cf;color:#cb8f60}
[data-theme="light"] .board-count{color:#99a9bf}
[data-theme="light"] .pilot-note{background:#f9fbfd;border-color:#dfe7f1}
[data-theme="light"] .pilot-note strong{color:#7890ad}
[data-theme="light"] .pilot-note p{color:#97a9c0}
[data-theme="light"] .side-profile{border-color:#dce5f0}
[data-theme="light"] .auth-brand{background:#edf2f7;color:#526b8a}
[data-theme="light"] .auth-message h1{color:#4a6382}
[data-theme="light"] .auth-message p,[data-theme="light"] .auth-message .eyebrow{color:#92a4bc}
[data-theme="light"] .auth-foot{color:#8aa0bc}

@media(max-width:800px){.auth-appearance{top:15px;right:20px}.appearance-controls{gap:4px}.language-toggle{padding:0 6px;font-size:8px;height:27px}.theme-toggle{height:27px;width:27px}.modal-top{gap:7px}.modal-top>.appearance-controls{margin-left:auto}.top-tools{gap:3px}.private-badge{display:none}}

.assistant-shell{margin-top:25px;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:1050px}.assistant-context{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:13px 20px;border-bottom:1px solid var(--line);font-size:10px;color:#8397b0}.assistant-context>.icon{width:14px;height:14px}.assistant-context .filter-select{height:30px;max-width:190px;font-size:10px}.assistant-context-card{font-size:10px;color:#8b9fb9;min-width:0;max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assistant-conversation{min-height:310px;max-height:58vh;overflow:auto;padding:20px 25px;scrollbar-width:thin}.assistant-welcome{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;color:#8398b3}.assistant-welcome>strong{font-size:12px;font-weight:550}.assistant-symbol{width:48px;height:48px;border:1px solid var(--line);border-radius:14px;background:#f7f9fc;display:grid;place-items:center;color:#c69270}.assistant-symbol .icon{width:23px;height:23px}.assistant-suggestions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:650px}.assistant-suggestions .btn{font-size:11px}.assistant-message{display:flex;gap:11px;align-items:flex-start;padding:17px 0;border-bottom:1px solid var(--line)}.assistant-message:last-child{border-bottom:0}.assistant-message-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f4eee8;color:#bf9172;flex:none}.assistant-message-icon>.icon{width:15px;height:15px}.assistant-message-body{min-width:0;flex:1}.assistant-message-meta{display:flex;gap:9px;align-items:center;margin:3px 0 9px}.assistant-message-meta>strong{font-size:11px;font-weight:600;color:#7288a3}.assistant-message-meta>span{font-size:8px;color:#9caec5;letter-spacing:1px}.assistant-answer{white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.95;color:#7188a5}.assistant-message.user .assistant-answer{color:#879cb7}.assistant-message.error .assistant-answer{color:#bb8c7e}.assistant-message.pending{align-items:center;font-size:11px;color:#92a6c0}.assistant-source-label{font-size:9px;letter-spacing:.5px;color:#a0b1c9;margin:14px 0 7px}.assistant-sources,.assistant-followups{display:flex;flex-wrap:wrap;gap:6px}.assistant-sources .btn,.assistant-followups .btn{font-size:10px;max-width:100%;white-space:normal;text-align:left;line-height:1.7;justify-content:flex-start}.assistant-source-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:10px;color:#8fa3bf;line-height:1.7}.assistant-source-pill .icon{width:13px;height:13px}.assistant-followups{margin-top:12px}.assistant-composer{padding:17px 20px 14px;border-top:1px solid var(--line);background:#fafbfd}.assistant-composer textarea{display:block;width:100%;resize:vertical;min-height:62px;max-height:200px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px 13px;color:#6f87a5;font-size:12px;line-height:1.8}.assistant-composer-actions{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:10px}.assistant-composer-actions>span{font-size:9px;color:#a0b1c8;line-height:1.8}.assistant-memory-note{display:flex;gap:6px;align-items:center;justify-content:center;padding:10px;font-size:9px;color:#a4b5cc;border-top:1px solid var(--line)}.assistant-memory-note .icon{width:12px;height:12px}.assistant-history-source{padding:10px 24px 20px}.assistant-history-source .audit-feed{border:0}[data-theme="dark"] .assistant-shell{background:#202b3b}[data-theme="dark"] .assistant-symbol,[data-theme="dark"] .assistant-composer{background:#1b2636}[data-theme="dark"] .assistant-composer textarea{background:#172334;border-color:#3a4f6e;color:#bed0eb}[data-theme="dark"] .assistant-message-meta>strong,[data-theme="dark"] .assistant-answer{color:#adc4e5}[data-theme="dark"] .assistant-message.user .assistant-answer{color:#93acce}[data-theme="dark"] .assistant-message-icon{background:#3a3029;color:#d2a887}[data-theme="dark"] .assistant-memory-note{background:#1b2636}@media(max-width:800px){.assistant-conversation{padding:15px;max-height:54vh;min-height:260px}.assistant-context{padding:12px 15px}.assistant-context-card{max-width:230px}.assistant-composer{padding:13px}.assistant-composer-actions>span{font-size:8px;max-width:160px}.assistant-composer-actions .btn{font-size:10px}.assistant-answer{font-size:11px}.assistant-suggestions{flex-direction:column}.assistant-history-source{padding:7px 14px 15px}}

/* One ordinary word space, centered beneath every official logo instance. */
.brand-sub,.auth-brand .brand-sub,.auth-mobile-brand .brand-sub{display:block;text-align:center;text-align-last:center;word-spacing:normal;letter-spacing:0;white-space:nowrap}

.photo-preview{width:100%;border:0;padding:0;cursor:zoom-in}.photo-attachment-row{gap:9px}.attachment-photo-open{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:zoom-in}.attachment-photo-open:hover{text-decoration:underline}.photo-download{display:grid;place-items:center;flex:none;width:30px;height:30px;margin:-7px -5px -7px 0;border-radius:5px;color:inherit}.photo-download:hover{background:#8f9fb315}.gallery-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#101722fa;color:#e3ecf8;overflow:hidden;isolation:isolate}.gallery-header{display:flex;align-items:center;gap:15px;padding:16px 24px;min-height:80px;border-bottom:1px solid #ffffff12;background:#141d2a;flex:none}.gallery-heading{min-width:0;flex:1}.gallery-caption{display:block;font-size:13px;font-weight:550;line-height:1.7;color:#d6e3f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-counter{display:block;font-size:11px;color:#8fa7c8;margin-top:4px;letter-spacing:1px}.gallery-close{width:46px;height:46px;border:1px solid #52637b55;color:#b7c9e2;flex:none}.gallery-close:hover{background:#34445d}.gallery-close .icon{width:20px;height:20px}.gallery-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:20px 85px;touch-action:pan-y pinch-zoom}.gallery-image-area{display:flex;align-items:center;justify-content:center;max-width:100%;height:100%;min-height:0;min-width:0}.gallery-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;touch-action:pan-y pinch-zoom}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:grid;place-items:center;border:1px solid #91a9c033;border-radius:50%;background:#24334ac7;color:#d6e6fb;z-index:2;touch-action:manipulation}.gallery-nav.previous{left:20px}.gallery-nav.next{right:20px}.gallery-nav .icon{width:22px;height:22px}.gallery-nav.previous .icon{transform:rotate(90deg)}.gallery-nav.next .icon{transform:rotate(-90deg)}.gallery-nav:hover:not(:disabled){background:#344b6b}.gallery-nav:disabled{opacity:.22;cursor:default}.gallery-footer{flex:none;min-height:42px;padding:10px 20px 15px;text-align:center;font-size:10px;line-height:1.8;color:#839bbd}.gallery-error{display:flex;flex-direction:column;align-items:center;gap:15px;color:#91a8c6;font-size:12px;text-align:center}.gallery-error>.icon{width:30px;height:30px}.gallery-error>strong{font-weight:550}.gallery-overlay .appearance-controls{flex:none}.gallery-overlay .appearance-controls button{background:#25344b;border-color:#435977;color:#a2badb}.gallery-overlay .language-toggle [data-language].selected{color:#e3b28e}.gallery-overlay :focus-visible{outline:2px solid #e4a476;outline-offset:4px}[data-theme="light"] .gallery-overlay{background:#f2f5fa;color:#506b8d}[data-theme="light"] .gallery-header{background:#fff;border-color:#dfe7f1}[data-theme="light"] .gallery-caption{color:#506884}[data-theme="light"] .gallery-counter{color:#8ba1bc}[data-theme="light"] .gallery-close{border-color:#dae4ef;color:#7e98b9}[data-theme="light"] .gallery-close:hover{background:#edf2f8}[data-theme="light"] .gallery-nav{background:#ffffffdb;border-color:#d3dfed;color:#6c88ab;box-shadow:0 4px 18px #415a7c12}[data-theme="light"] .gallery-nav:hover:not(:disabled){background:#e9f0f8}[data-theme="light"] .gallery-footer{color:#849ab7}[data-theme="light"] .gallery-overlay .appearance-controls button{background:#fff;border-color:#dfe6ef;color:#8b9bb0}@media(max-width:800px){.gallery-header{padding:12px 15px;gap:9px;min-height:78px}.gallery-caption{font-size:11px}.gallery-counter{font-size:10px}.gallery-close{width:44px;height:44px}.gallery-stage{padding:12px 53px}.gallery-nav{width:44px;height:44px}.gallery-nav.previous{left:5px}.gallery-nav.next{right:5px}.gallery-nav .icon{width:20px;height:20px}.gallery-footer{font-size:9px;min-height:45px;padding:8px 17px 14px}.gallery-header .appearance-controls{gap:3px}.gallery-header .language-toggle{padding:0 5px}.gallery-header .theme-toggle{width:25px}}

/* Installation and device-only push controls. Public shell contains no offline work data. */
.pwa-install-button{position:fixed;right:22px;bottom:20px;z-index:40;background:#2a374a;color:#c9d9ed;border-color:#52637b;box-shadow:0 5px 24px #0a122438;font-size:11px;padding:10px 16px;min-height:40px}.pwa-install-button:hover{background:#35475f;color:#eef5ff}.pwa-dialog-backdrop{position:fixed;inset:0;z-index:1200;background:#080e19b8;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}.pwa-modal{width:min(560px,100%);max-height:calc(100dvh - 48px)}.pwa-dialog-body{display:flex;flex-direction:column;gap:17px}.pwa-dialog-body>.modal-intro{margin:0;line-height:1.9}.pwa-dialog-body>.field-help{font-size:11px;line-height:1.9}.pwa-dialog-body .notice{padding:15px 17px;border:1px solid var(--line);background:#f4f7fb;border-radius:8px;color:#70849e;font-size:12px;line-height:1.9}.pwa-install-steps{margin:0;padding-left:23px;font-size:12px;line-height:2;color:#7186a1}.pwa-install-steps>li{padding:3px 0 3px 4px}.pwa-device-status{padding:14px 16px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:#7991af}.pwa-dialog-body .board-form-actions{margin:0;padding-top:5px;justify-content:flex-start}.pwa-dialog-body .board-form-actions .btn{white-space:normal;text-align:left}.pwa-preference-entry{padding:15px 0;border-top:1px solid var(--line)}.pwa-offline-page{min-height:100dvh;max-width:590px;padding:80px 30px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pwa-offline-page .brand-logo-frame{flex:none;margin-bottom:30px}.pwa-offline-page h1{font-weight:550;font-size:27px;margin:10px 0 20px;color:#5f7594}.pwa-offline-page p{font-size:13px;line-height:2;color:#7c91ae;margin:0 0 30px}.pwa-offline-page .btn{min-height:42px;text-decoration:none}[data-theme="dark"] .pwa-dialog-body .notice{background:#172335;border-color:#354a68;color:#a9bedc}[data-theme="dark"] .pwa-device-status{color:#abc3e1}[data-theme="dark"] .pwa-install-steps{color:#a2b9d8}[data-theme="dark"] .pwa-offline-page h1{color:#c5d6ee}[data-theme="dark"] .pwa-offline-page p{color:#9bb1cf}[data-theme="light"] .pwa-install-button{background:#fff;color:#667e9f;border-color:#d2deed;box-shadow:0 5px 24px #3850771a}[data-theme="light"] .pwa-dialog-backdrop{background:#35465c66}@media(max-width:800px){.pwa-install-button{right:14px;bottom:max(14px,env(safe-area-inset-bottom));font-size:10px;padding:9px 13px}.pwa-dialog-backdrop{padding:14px}.pwa-modal{max-height:calc(100dvh - 28px)}.pwa-modal>.modal-top{flex-wrap:wrap;gap:9px}.pwa-modal>.modal-top>strong{font-size:11px}.pwa-modal .modal-scroll{padding:20px}.pwa-offline-page{padding:45px 25px}.pwa-offline-page h1{font-size:23px}}

.user-row-actions{display:flex;flex-wrap:wrap;gap:7px;max-width:350px;min-width:215px}.user-row-actions>.btn{white-space:nowrap;font-size:10px}.user-table{min-width:850px}.user-no-access{font-size:11px;color:#8b9cb2}.user-removed .user-name-cell{opacity:.7}.users-top{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.users-top>p{flex:1}.users-top>.filter-check{flex:none;padding-top:4px;white-space:nowrap}.project-access-user{display:flex;align-items:center;gap:12px;padding-bottom:20px}.project-access-user>div{display:flex;flex-direction:column;gap:5px}.project-access-user strong{font-size:13px;font-weight:600;color:#7c91ab}.project-access-user small{font-size:11px;color:#8ca0bb}.project-access-options{display:flex;flex-direction:column;gap:0;max-height:45vh;overflow:auto}.project-access-options>label{padding:13px 5px;border-bottom:1px solid var(--line);font-size:12px}.project-access-options input{width:17px;height:17px;accent-color:#c18e6b}.access-selection-actions{display:flex;gap:10px;margin:0 0 10px}.access-selection-actions .btn{font-size:11px}[data-theme="dark"] .project-access-user strong{color:#b2c7e3}[data-theme="dark"] .project-access-user small,[data-theme="dark"] .user-no-access{color:#91a7c5}@media(max-width:800px){.users-top{flex-direction:column;gap:10px}.user-table{min-width:820px}.user-row-actions{min-width:205px}.project-access-options>label{padding:15px 5px}.project-access-options input{width:19px;height:19px}}

.project-order-button{width:100%;justify-content:flex-start;color:#71869f;font-size:10px;padding:7px 13px;margin:-3px 0 9px;border:0;background:transparent}.project-order-button:hover{background:#ffffff08;color:#b1c3dc}.project-order-button>.icon{width:13px;height:13px}.board-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.board-btn[draggable="true"]{cursor:grab}.board-btn[draggable="true"]:active{cursor:grabbing}.board-btn.board-dragging{opacity:.4}.board-btn.board-drop-before{box-shadow:0 -2px 0 #c99169}.board-btn.board-drop-after{box-shadow:0 2px 0 #c99169}.personal-board-order{display:flex;flex-direction:column;max-height:50vh;overflow:auto}.personal-board-order-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.personal-board-order-number{font-size:11px;width:22px;text-align:center;color:#99abc4}.personal-board-order-row>strong{flex:1;min-width:0;font-size:12px;font-weight:550;word-break:break-word;color:#768da9}.personal-board-order-controls{display:flex;gap:3px;flex:none}.personal-board-order-controls>.icon-button{width:34px;height:34px}.personal-board-order-controls>.order-top{border-top:1px solid #879bb655}.personal-board-order-controls>.icon-button:disabled{opacity:.25;cursor:default}[data-theme="dark"] .project-order-button{color:#829ab9}[data-theme="dark"] .project-order-button:hover{color:#b3c9e5}[data-theme="dark"] .personal-board-order-row>strong{color:#adc3e0}[data-theme="light"] .project-order-button:hover{background:#dfe7f2;color:#708aa9}@media(max-width:800px){.personal-board-order-row{gap:8px}.personal-board-order-controls>.icon-button{width:38px;height:38px}}

.card-member-selector{border:1px solid var(--line);border-radius:7px;background:#fafcfe;max-height:270px;overflow:auto;padding:3px 8px}.card-member-option{display:flex!important;align-items:center;gap:8px!important;padding:9px 0!important;margin:0!important;cursor:pointer;font-size:11px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;border-bottom:1px solid var(--line)}.card-member-option:last-child{border-bottom:0}.card-member-option>input{width:15px!important;height:15px!important;min-height:0!important;padding:0!important;flex:none;accent-color:#c18e6a}.card-member-option>.avatar{width:22px;height:22px;flex:none;font-size:8px}.card-member-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.card-member-name{color:#7186a0;font-size:11px;line-height:1.6;word-break:break-word}.card-member-copy>small{font-size:9px;line-height:1.7;color:#91a1b8}.card-member-selector>.field-help{padding:8px 4px}.card-member-option:has(input:focus-visible){outline:2px solid #c28b64;outline-offset:1px;border-radius:4px}[data-theme="dark"] .card-member-selector{background:#192638;border-color:#3a4e6a}[data-theme="dark"] .card-member-name{color:#aec2df}[data-theme="dark"] .card-member-copy>small{color:#8da5c8}@media(max-width:800px){.card-member-option{padding:12px 0!important}.card-member-option>input{width:18px!important;height:18px!important}.card-member-selector{max-height:310px}}

.assistant-page-heading{align-items:flex-start}.assistant-exit-controls{display:flex;align-items:center;gap:10px;padding-top:8px;flex:none}.assistant-exit-controls>.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:7px;background:var(--white)}.assistant-exit-controls>.icon-button:hover{background:#f2e9e2;color:#b7835f}.assistant-exit-controls>.btn{min-height:38px;font-size:11px}[data-theme="dark"] .assistant-exit-controls>.icon-button:hover{background:#40362f;color:#deb593}@media(max-width:800px){.assistant-page-heading{flex-wrap:wrap;gap:15px}.assistant-exit-controls{padding-top:0;width:100%;justify-content:space-between}.assistant-exit-controls>.btn{min-height:42px}.assistant-exit-controls>.icon-button{width:42px;height:42px}}

button.brand-home{border:0;background:transparent;width:100%;font:inherit;color:inherit;text-align:left;appearance:none;cursor:pointer}.brand-home:hover .brand-logo-frame{opacity:.83}.brand-home:focus-visible{outline:2px solid #c9916c;outline-offset:4px;border-radius:5px}

/* A compact, searchable member picker keeps large teams out of the card's main form. */
.card-member-selector{position:relative;max-height:none;overflow:visible;padding:10px;background:#fafcfe}.card-members-selected{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.card-members-toggle{width:100%;justify-content:flex-start;font-size:10px;min-height:33px}.card-members-more{font-size:10px;padding:3px 7px}.card-member-panel{margin-top:10px;border-top:1px solid var(--line);padding-top:9px}.card-member-panel-header{display:flex;align-items:center;gap:5px;margin-bottom:7px}.card-member-panel-header>strong{flex:1;font-size:10px;font-weight:600;color:#7e94b0}.card-member-panel-header>.icon-button{width:25px;height:25px}.card-member-panel-header .icon{width:13px;height:13px}.card-member-search-wrap{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:6px;padding:0 7px;background:#fff}.card-member-search-wrap>.icon{width:13px;height:13px;flex:none;color:#91a5bf}.card-member-search-wrap>input{min-width:0;width:100%;font-size:11px!important;padding:9px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-height:36px}.card-member-search-wrap>input::-webkit-search-cancel-button{display:none}.card-member-search-wrap>.icon-button{width:23px;height:25px;flex:none}.card-member-search-wrap>.icon-button>.icon{width:12px;height:12px}.card-member-results-count{font-size:9px;color:#95a7bf;margin:8px 0}.card-member-options{max-height:260px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.card-member-result{border-bottom:1px solid var(--line)}.card-member-result:last-child{border-bottom:0}.card-member-result>.card-member-option{border:0}.card-member-no-results{font-size:11px;color:#91a3bd;text-align:center;padding:15px 0;line-height:1.8}[data-theme="dark"] .card-member-panel-title{color:#9fb8d8}[data-theme="dark"] .card-member-search-wrap>input{color:#bdd0eb}[data-theme="dark"] .card-member-results-count{color:#8fa7c8}@media(max-width:800px){.card-member-selector{max-height:none}.card-member-options{max-height:310px}.card-members-toggle{min-height:40px}.card-member-search-wrap>input{font-size:12px!important;min-height:43px}}

.gallery-layout{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}.gallery-layout>.gallery-stage{min-width:0;flex:1}.gallery-feedback{width:340px;max-width:38vw;flex:none;display:flex;flex-direction:column;min-height:0;background:#172130;border-left:1px solid #5a6c8933}.gallery-feedback-heading{padding:21px 22px 15px;border-bottom:1px solid #5a6c8933;flex:none;display:flex;flex-direction:column;gap:7px}.gallery-feedback-heading>strong{font-size:13px;color:#c6d8ef;font-weight:550}.gallery-feedback-heading>span{font-size:11px;line-height:1.7;color:#9eb4d2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-feedback-heading>small{font-size:10px;line-height:1.8;color:#7e98ba}.gallery-comment-list{flex:1;min-height:70px;overflow:auto;padding:8px 21px 16px;scrollbar-width:thin;overscroll-behavior:contain}.gallery-comment-list .comment{gap:10px;padding:15px 0;border-color:#5c71902e}.gallery-comment-list .comment>.avatar{width:25px;height:25px;flex:none;font-size:8px}.gallery-comment-list .comment-header{flex-wrap:wrap;gap:6px}.gallery-comment-list .comment-header>strong{color:#a9c0e0;font-size:11px}.gallery-comment-list .comment-header>time{color:#718bad;font-size:9px}.gallery-comment-list .comment-text{font-size:12px;color:#bbcee7;line-height:1.9;word-break:break-word;white-space:pre-wrap}.gallery-comments-empty,.gallery-comments-readonly{font-size:11px;line-height:1.9;color:#819cbe;margin:16px 0}.gallery-comments-readonly{padding:0 21px 14px}.gallery-comment-composer{padding:16px 20px 20px;flex:none;border-top:1px solid #5a6c8933;background:#141e2d}.gallery-comment-composer textarea{display:block;width:100%;min-height:86px;max-height:180px;resize:vertical;padding:11px 12px;border:1px solid #3c5271;border-radius:7px;background:#1d2b3f;color:#c4d6ed;font-size:12px;line-height:1.9}.gallery-comment-composer textarea::placeholder{color:#7992b3}.gallery-comment-actions{display:flex;justify-content:flex-end;margin-top:10px}.gallery-comment-actions .btn{font-size:10px;min-height:34px}.gallery-comment-composer .form-error{font-size:10px;margin-top:9px;line-height:1.8}.gallery-feedback-toggle{flex:none;background:#24334b;border-color:#435a7a;color:#afc6e5;font-size:10px;min-height:34px}.gallery-feedback-toggle>.icon{width:13px;height:13px}.gallery-comment-composer .mention-menu{bottom:calc(100% + 5px);top:auto;max-height:180px;background:#25354d;border-color:#4c6486}.gallery-comment-composer .mention-menu>button{background:#25354d}.gallery-comment-composer .mention-menu strong{color:#bfd0e9}.gallery-comment-composer .mention-menu small{color:#8ca7cc}.gallery-comment-composer .mention-menu>button:hover,.gallery-comment-composer .mention-menu>button.active{background:#344965}.comment-photo-reference{font-size:10px;line-height:1.7;padding:5px 8px;margin:1px 0 6px;max-width:100%;justify-content:flex-start;white-space:normal;text-align:left;background:#f2f5fa;border:1px solid var(--line);border-radius:5px;color:#7891b0}.comment-photo-reference.missing{display:inline-flex;align-items:center;gap:6px;color:#9b9eaa}.comment-photo-reference>.icon{width:12px;height:12px;flex:none}[data-theme="dark"] .comment-photo-reference{background:#26354b;border-color:#3a4d68;color:#99b2d4}[data-theme="light"] .gallery-feedback{background:#fff;border-color:#dce5f0}[data-theme="light"] .gallery-feedback-heading{border-color:#e0e8f2}[data-theme="light"] .gallery-feedback-heading>strong{color:#566f90}[data-theme="light"] .gallery-feedback-heading>span{color:#7c94b3}[data-theme="light"] .gallery-feedback-heading>small{color:#9aacc3}[data-theme="light"] .gallery-comment-composer{background:#f7f9fc;border-color:#dce5f0}[data-theme="light"] .gallery-comment-composer textarea{background:#fff;color:#657e9e;border-color:#d5e0ed}[data-theme="light"] .gallery-comment-list .comment-text{color:#6f87a5}[data-theme="light"] .gallery-comment-list .comment-header>strong{color:#6a82a1}[data-theme="light"] .gallery-comment-list .comment-header>time{color:#9bacc3}[data-theme="light"] .gallery-feedback-toggle{background:#fff;color:#7c94b3;border-color:#dce5ef}[data-theme="light"] .gallery-comment-composer .mention-menu,[data-theme="light"] .gallery-comment-composer .mention-menu>button{background:#fff;border-color:#d6e1ef}[data-theme="light"] .gallery-comment-composer .mention-menu strong{color:#6b84a3}[data-theme="light"] .gallery-comment-composer .mention-menu small{color:#94a8c3}[data-theme="light"] .gallery-comment-composer .mention-menu>button:hover,[data-theme="light"] .gallery-comment-composer .mention-menu>button.active{background:#f0f4fa}@media(max-width:1050px) and (min-width:801px){.gallery-feedback{width:300px}.gallery-layout>.gallery-stage{padding-left:62px;padding-right:62px}}@media(max-width:800px){.gallery-header{flex-wrap:wrap}.gallery-heading{flex:1;min-width:100px}.gallery-feedback-toggle{font-size:9px;min-height:30px;padding:5px 8px}.gallery-layout{flex-direction:column}.gallery-layout>.gallery-stage{min-height:110px}.gallery-feedback{width:100%;max-width:none;max-height:48dvh;min-height:225px;flex:0 1 48dvh;border-left:0;border-top:1px solid #5a6c8933}.gallery-feedback-heading{padding:11px 16px 9px;gap:3px}.gallery-feedback-heading>strong{font-size:11px}.gallery-feedback-heading>span{display:none}.gallery-feedback-heading>small{font-size:9px}.gallery-comment-list{padding:0 16px 10px;min-height:35px}.gallery-comment-list .comment{padding:10px 0}.gallery-comment-list .comment-text{font-size:11px}.gallery-comment-composer{padding:10px 15px 12px}.gallery-comment-composer textarea{min-height:60px;max-height:110px;font-size:12px}.gallery-comment-actions{margin-top:6px}.gallery-comment-actions .btn{min-height:35px}.gallery-footer{min-height:30px;padding:6px 16px;font-size:8px}}

.reason-inline-editor{display:grid;gap:6px}.reason-inline-editor>#card-blocked{display:block;width:100%}.inline-reason-save{justify-self:end;width:26px;height:26px;border:1px solid transparent;border-radius:5px;background:#eef3f8;color:#8297b3;display:grid;place-items:center;transition:background .15s,color .15s}.inline-reason-save>.icon{width:15px;height:15px}.inline-reason-save:hover:not(:disabled){background:#e5eee9;border-color:#ccdcd3;color:#68967d}.inline-reason-save:focus-visible{outline:2px solid #c88d63;outline-offset:2px}.inline-reason-save.success{background:#e4eee7;color:#659077;border-color:#cbded1}.inline-reason-save.busy>.icon{animation:reason-busy 1.6s linear infinite}.reason-save-status{font-size:10px;line-height:1.8;margin-top:7px;white-space:normal}.reason-save-status.success{color:#729581}.reason-save-status.error{color:#b87970}[data-theme="dark"] .inline-reason-save{background:#293b52;color:#9eb4d3}[data-theme="dark"] .inline-reason-save:hover:not(:disabled),[data-theme="dark"] .inline-reason-save.success{background:#2c443a;border-color:#4b685a;color:#a0c3ad}[data-theme="dark"] .reason-save-status.success{color:#91b39f}[data-theme="dark"] .reason-save-status.error{color:#d6a099}@keyframes reason-busy{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.inline-reason-save.busy>.icon{animation:none}}@media(max-width:800px){.inline-reason-save{width:34px;height:34px}}

.card-choice-picker{display:grid;gap:6px;min-width:0}
.detail-side .card-choice-trigger{width:100%;min-width:0;margin:0;justify-content:space-between;text-align:left}
.card-choice-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-choice-trigger>.icon{flex:none}
.card-choice-trigger[aria-expanded="true"]>.icon{transform:rotate(180deg)}
.card-choice-options{display:grid;gap:6px;min-width:0;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}
.card-choice-options .card-choice-empty{margin:0}
.card-choice-results{display:grid;max-height:min(230px,34dvh);overflow-y:auto;overscroll-behavior:contain}
.card-choice-results:empty{display:none}
.card-choice-option{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0;min-height:34px;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.card-choice-option>.icon{flex:none}
.card-choice-option:hover,.card-choice-option[aria-pressed="true"]{background:var(--line)}
.card-choice-option:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
@media(max-width:800px){.card-choice-option{min-height:42px}}
.check-group-title{justify-content:flex-start;gap:6px}
.checklist-title-name{min-width:0;overflow-wrap:anywhere}
.checklist-title-count{margin-left:auto;flex:none}
.checklist-rename-toggle{min-width:30px;min-height:30px;flex:none}
.checklist-delete,.check-row>.checklist-item-delete{min-width:28px;min-height:28px;flex:none;color:#bd666b}
.checklist-delete:hover,.check-row>.checklist-item-delete:hover{background:#bd514b14;color:#bd514b}
.checklist-title-form{min-width:0;flex:1;margin:0;gap:4px}
.checklist-create{margin-top:13px;display:grid;gap:5px;color:var(--muted)}
.checklist-create>.inline-form{margin:0}
@media(max-width:800px){.checklist-rename-toggle{min-width:40px;min-height:40px}}
@media(pointer:coarse){.checklist-delete,.check-row>.checklist-item-delete{min-width:36px;min-height:36px}.check-row>.checklist-item-delete{opacity:1}}
.checklist-item-search{display:block;width:100%;min-width:0;margin:8px 0 4px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}
.checklist-item-search::placeholder{color:var(--muted)}
.check-group .check-row[hidden]{display:none}
.check-completed{margin-top:6px}
.check-completed>summary{padding:7px 9px;border-radius:5px;color:var(--muted);font-size:12px;cursor:pointer;overflow-wrap:anywhere}
.check-completed>summary:hover,.check-completed>summary:focus-visible{color:var(--ink);background:var(--line)}
@media(max-width:800px){.check-completed>summary{padding-block:12px}}

/* Mobile workspace controls wrap within the viewport; task columns scroll in their own region. */
.main,.content,.page-heading>div,.viewbar>.tabs,.viewbar>.view-actions{min-width:0}
.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.field-grid>*,.detail-side>.field,.detail-side>.field-grid{min-width:0}
@media(max-width:800px){
  .viewbar{flex-wrap:wrap;align-items:flex-end;gap:9px 15px}
  .view-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-left:auto;gap:7px}
  .detail-side{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-side input,.detail-side select,.detail-side textarea{min-width:0;max-width:100%;width:100%}
  .detail-side>.field:has(.card-member-selector),.detail-side>.field:has(#card-blocked),.detail-side>.field:has(input[type="date"]){grid-column:1/-1}
  .detail-side .field-help{overflow-wrap:anywhere}
  .modal-scroll{min-width:0}
}
@media(max-width:600px){
  .viewbar{align-items:stretch}
  .viewbar>.tabs{width:100%;gap:20px}
  .view-actions{width:100%;padding-bottom:10px}
  .detail-side{grid-template-columns:minmax(0,1fr);gap:0;padding:20px}
  .detail-side>.field-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
  .detail-side .filter-check{min-width:0}
}

/* Photo controls keep a stable order, and short screens retain a reachable composer. */
.gallery-feedback{overflow-y:auto;overscroll-behavior:contain}
.gallery-comment-list{min-height:0}
@media(max-width:800px){
  .gallery-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;min-height:0;padding:10px 14px}
  .gallery-header>.gallery-heading{grid-column:1;grid-row:1;min-width:0}
  .gallery-header>.gallery-close{grid-column:2;grid-row:1;justify-self:end}
  .gallery-header>.gallery-feedback-toggle{grid-column:1;grid-row:2;justify-self:start;max-width:100%}
  .gallery-header>.appearance-controls{grid-column:2;grid-row:2;justify-self:end}
}
@media(max-height:600px){
  .gallery-feedback-heading{padding:10px 15px;gap:4px}
  .gallery-feedback-heading>small{display:none}
  .gallery-comment-list{padding:0 14px 9px;min-height:0}
  .gallery-comment-list .comment{padding:9px 0}
  .gallery-comment-composer{padding:10px 14px 11px}
  .gallery-comment-composer textarea{min-height:52px;max-height:80px;resize:none}
  .gallery-comment-actions{margin-top:7px}
  .gallery-comment-actions .btn{min-height:34px}
  .gallery-footer{min-height:24px;padding:5px 12px;font-size:8px}
}
@media(max-width:800px) and (max-height:520px){
  .gallery-layout>.gallery-stage{min-height:70px}
  .gallery-feedback{min-height:0;max-height:65%;flex:0 1 65%}
  .gallery-feedback-heading{padding:8px 14px}
  .gallery-header{padding:7px 12px;gap:5px 9px}
}
@media(min-width:560px) and (max-width:800px) and (max-height:520px){
  .gallery-layout{flex-direction:row}
  .gallery-feedback{width:42%;max-width:300px;max-height:none;min-height:0;flex:0 0 42%;border-top:0;border-left:1px solid #5a6c8933}
  .gallery-layout>.gallery-stage{padding-left:49px;padding-right:49px}
}

/* Phone inputs retain Safari's natural scale; viewport insets protect installed-app controls. */
@media(max-width:800px){
  html[data-theme] input:not([type="checkbox"]):not([type="radio"]),html[data-theme] textarea:not(.detail-title),html[data-theme] select{font-size:16px!important}
  .topbar{height:calc(60px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
  .sidebar{padding-top:calc(28px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
  .modal-backdrop{padding:calc(10px + env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}
  .modal{max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
  .pwa-dialog-backdrop{padding:calc(14px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}
  .pwa-modal{max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
  .gallery-header{padding-top:calc(10px + env(safe-area-inset-top,0px))}
  .gallery-overlay{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  .gallery-footer{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}
  .modal-actions{flex-wrap:wrap;gap:8px}
  .modal-actions>.btn{min-height:40px}
  .column-tools .icon-button{min-width:32px;min-height:32px;padding:7px}
  .card-member-panel-header>.icon-button{width:36px;height:36px}
  .auth-form-area{padding-top:max(35px,calc(env(safe-area-inset-top,0px) + 20px));padding-bottom:max(35px,calc(env(safe-area-inset-bottom,0px) + 20px))}
}
@media(max-width:420px){
  .summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal-actions>.spacer{display:none}
  .modal-actions>.btn{flex:1 1 auto}
}

/* Narrow-phone headers and summaries have their own rows instead of widening the page. */
@media(max-width:800px){
  .topbar{gap:10px}
  .breadcrumb{min-width:0;flex:1}
  .breadcrumb>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .top-tools{flex:none;gap:6px;max-width:100%}
  .top-tools>.icon-button,.top-tools .notification-anchor>.icon-button,.mobile-menu{min-width:36px;min-height:36px}
  .page-heading{flex-wrap:wrap}
  .page-heading>div:first-child{flex:1 1 200px;max-width:100%}
  .heading-actions{margin-left:auto;max-width:100%;min-width:0;flex-wrap:wrap;gap:8px;padding-top:0}
  .heading-actions>.btn{max-width:100%;white-space:normal;min-height:38px}
  .title-row,.title-row>h1{min-width:0;overflow-wrap:anywhere}
  .stat{min-width:0}
  .stat-label{min-width:0;overflow-wrap:anywhere}
  .modal-top{min-width:0}
  .modal-top>.icon-button{min-width:36px;min-height:36px;flex:none}
  .modal-top>.appearance-controls{flex:none}
  .modal-top>.modal-breadcrumb{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2}
  .modal-top>strong{min-width:0;flex:1;overflow-wrap:anywhere}
}
@media(max-width:600px){
  .summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .breadcrumb>.crumb-sep{display:none}
}
@media(max-width:380px){
  .topbar{height:auto;min-height:calc(86px + env(safe-area-inset-top,0px));flex-wrap:wrap;align-items:flex-start;gap:6px;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:9px}
  .breadcrumb{width:100%;flex-basis:100%;min-height:32px}
  .top-tools{width:100%;justify-content:flex-end;flex-wrap:wrap}
  .top-tools>.divider{display:none}
}

/* Each list is its own native vertical scroll region; only the board pans sideways. */
.board-wrap[data-board-id]{height:var(--board-height,480px);min-height:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}
.board-wrap[data-board-id]>.kanban{height:100%;min-height:0;align-items:stretch}
.board-wrap[data-board-id] .column{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#9baabd55 transparent;scroll-padding-top:58px;touch-action:pan-x pan-y pinch-zoom;position:relative}
.board-wrap[data-board-id] .column-head{position:sticky;top:0;z-index:3;background:inherit;isolation:isolate}
.board-wrap[data-board-id] .column:focus-visible{outline:2px solid #c38d67;outline-offset:-2px}
.board-wrap[data-board-id] .add-list-column{height:48px;flex:none;align-self:flex-start}
/* Compact notification header, filter rail and feed. */
.notification-panel {
  --notice-ink: #334962;
  --notice-muted: #5b7087;
  --notice-line: #e6edf4;
  --notice-hover: #f1f5fa;
  --notice-unread: #eaf1f8;
  --notice-unread-hover: #e0eaf5;
  --notice-icon: #edf2f7;
  --notice-active: #e6eff9;
  --notice-active-ink: #294c75;
  --notice-badge: #d5e2f1;
  --notice-dot: #c2744d;
  display: flex;
  flex-direction: column;
  max-height: var(--notification-available,calc(100dvh - 90px));
}
[data-theme="dark"] .notification-panel {
  --notice-ink: #dfebf9;
  --notice-muted: #a9bdd5;
  --notice-line: #344254;
  --notice-hover: #2a3748;
  --notice-unread: #2c3a4b;
  --notice-unread-hover: #334357;
  --notice-icon: #303f51;
  --notice-active: #314661;
  --notice-active-ink: #e6f0ff;
  --notice-badge: #455d79;
  --notice-dot: #efa37d;
}
.notification-panel .notification-panel-head {
  flex: none;
  padding: 7px 9px 4px 13px;
  min-height: 38px;
}
.notification-panel .notification-panel-head > strong {
  color: var(--notice-ink);
  font-size: 13px;
  letter-spacing: -.01em;
}
.notification-head-tools { display: flex; align-items: center; gap: 2px; }
.notification-panel .notification-head-tools > .icon-button,
.notification-panel .notification-item > .icon-button {
  display: grid;
  place-items: center;
  flex: none;
  width: 28px;
  height: 28px;
  min-width: 0;
  min-height: 0;
  padding: 0;
  color: var(--notice-muted);
  border-radius: 6px;
}
.notification-panel .notification-head-tools > .icon-button:hover:not(:disabled),
.notification-panel .notification-item > .icon-button:hover:not(:disabled) {
  background: var(--notice-hover);
  color: var(--notice-ink);
}
.notification-panel .notification-head-tools > .icon-button:disabled { opacity: .38; cursor: default; }
.notification-tabs {
  display: flex;
  flex: none;
  gap: 3px;
  padding: 2px 8px 7px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  border-bottom: 1px solid var(--notice-line);
}
.notification-tabs::-webkit-scrollbar { display: none; }
.notification-tab {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 31px;
  padding: 3px 7px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--notice-muted);
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  cursor: pointer;
}
.notification-tab:hover { color: var(--notice-ink); background: var(--notice-hover); }
.notification-tab[aria-selected="true"] {
  background: var(--notice-active);
  border-color: var(--notice-badge);
  color: var(--notice-active-ink);
}
.notification-tab-count {
  min-width: 16px;
  padding: 1px 4px;
  border-radius: 9px;
  background: var(--notice-icon);
  color: var(--notice-ink);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.notification-tab[aria-selected="true"] .notification-tab-count { background: var(--notice-badge); }
.notification-panel :is(.notification-tab,.notification-open,.notification-list,.icon-button):focus-visible {
  outline: 2px solid #6786ab;
  outline-offset: -2px;
  border-radius: 5px;
}
.notification-panel .notification-list {
  flex: 1;
  min-height: 0;
  max-height: none;
  overscroll-behavior-y: contain;
}
.notification-panel .notification-item {
  position: relative;
  gap: 3px;
  padding: 9px 8px 9px 13px;
  border-color: var(--notice-line);
}
.notification-panel .notification-item.unread { background: var(--notice-unread); }
.notification-panel .notification-item:hover { background: var(--notice-hover); }
.notification-panel .notification-item.unread:hover { background: var(--notice-unread-hover); }
.notification-panel .notification-item.unread .notification-title { font-weight: 700; }
.notification-panel .notification-more { border-color: var(--notice-line); padding: 4px 10px; }
.notification-panel .notification-more > .icon-button {
  display: grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  color: var(--notice-muted);
}
.notification-panel .notification-more > .icon-button:hover:not(:disabled) {
  background: var(--notice-hover);
  color: var(--notice-ink);
}
.notification-item.unread::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 20px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--notice-dot);
  pointer-events: none;
}
.notification-panel .notification-open { gap: 8px; }
.notification-panel .notification-type {
  width: 23px;
  height: 23px;
  border-radius: 6px;
  background: var(--notice-icon);
  color: var(--notice-muted);
}
.notification-panel .notification-type .icon { width: 12px; height: 12px; }
.notification-copy { display: grid; gap: 3px; flex: 1; }
.notification-panel .notification-copy > .notification-title {
  color: var(--notice-ink);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.notification-panel .notification-copy > .notification-meta {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 5px;
  row-gap: 1px;
  margin: 0;
  color: var(--notice-muted);
  font-size: 10px;
  line-height: 1.4;
}
.notification-meta > * + *::before { content: '·'; margin-right: 5px; }
.notification-panel .notification-copy > .notification-preview {
  color: var(--notice-muted);
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
}
.notification-copy > .notification-preview.plain {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.notification-panel .notification-copy > .notification-deadline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
  margin: 1px 0 0;
  font-size: 10px;
  line-height: 1.4;
  color: var(--notice-muted);
}
.notification-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 5px;
  border-radius: 4px;
  font-weight: 650;
}
.notification-status-badge .icon { width: 11px; height: 11px; flex: none; }
.notification-status-badge.overdue, .notification-panel .notification-item.overdue .notification-type {
  color: #922a35;
  background: #fbe2e5;
}
.notification-status-badge.due-soon, .notification-panel .notification-item.due-soon .notification-type {
  color: #884431;
  background: #f9e8df;
}
[data-theme="dark"] .notification-panel :is(.notification-status-badge.overdue,.notification-item.overdue .notification-type) {
  color: #ffc8cc;
  background: #5a3037;
}
[data-theme="dark"] .notification-panel :is(.notification-status-badge.due-soon,.notification-item.due-soon .notification-type) {
  color: #ffc9b6;
  background: #503a34;
}
.notification-panel .notification-empty { padding: 26px 14px; gap: 8px; }
@media(max-width: 480px), (pointer: coarse) {
  .notification-tab { min-height: 40px; }
  .notification-panel .notification-head-tools > .icon-button,
  .notification-panel .notification-item > .icon-button { width: 40px; height: 40px; }
  .notification-panel .notification-open { min-height: 40px; }
}
@media(max-width: 420px) {
  .notification-tabs { padding-inline: 4px; gap: 2px; }
  .notification-tab { padding-inline: 4px; gap: 3px; }
  .notification-tab-count { min-width: 14px; padding-inline: 3px; }
}
@media(max-width:800px){.board-wrap[data-board-id]{height:var(--board-height,360px)}.board-wrap[data-board-id] .column{scroll-padding-top:65px}}

/* The visual viewport can shrink for a keyboard without changing layout media queries. */
.modal-backdrop,.pwa-dialog-backdrop,.gallery-overlay{top:var(--neo-viewport-top,0px);bottom:auto;height:var(--neo-viewport-height,100dvh)}
.modal,.pwa-modal{max-height:calc(var(--neo-viewport-height,100dvh) - 48px)}
html.viewport-short .gallery-feedback-heading{padding:10px 15px;gap:4px}
html.viewport-short .gallery-feedback-heading>small{display:none}
html.viewport-short .gallery-comment-list{padding:0 14px 9px;min-height:0}
html.viewport-short .gallery-comment-list .comment{padding:9px 0}
html.viewport-short .gallery-comment-composer{padding:10px 14px 11px}
html.viewport-short .gallery-comment-composer textarea{min-height:52px;max-height:80px;resize:none}
html.viewport-short .gallery-comment-actions{margin-top:7px}
html.viewport-short .gallery-comment-actions .btn{min-height:34px}
html.viewport-short .gallery-footer{min-height:24px;padding:5px 12px;font-size:8px}
@media(max-width:800px){
  .modal{max-height:calc(var(--neo-viewport-height,100dvh) - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
  .pwa-modal{max-height:calc(var(--neo-viewport-height,100dvh) - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
  .gallery-feedback{max-height:calc(var(--neo-viewport-height,100dvh) * .48);flex-basis:calc(var(--neo-viewport-height,100dvh) * .48)}
  html.viewport-compact .gallery-layout>.gallery-stage{min-height:70px}
  html.viewport-compact .gallery-feedback{min-height:0;max-height:65%;flex:0 1 65%}
  html.viewport-compact .gallery-feedback-heading{padding:8px 14px}
}
@media(min-width:560px) and (max-width:800px){html.viewport-compact .gallery-layout{flex-direction:row}html.viewport-compact .gallery-feedback{width:42%;max-width:300px;max-height:none;min-height:0;flex:0 0 42%;border-top:0;border-left:1px solid #5a6c8933}html.viewport-compact .gallery-layout>.gallery-stage{padding-left:49px;padding-right:49px}}

/* Board context stays readable while giving the actual lists more room. */
.content:has(>#board-region){padding-top:23px}
.content:has(>#board-region)>.page-heading .eyebrow{margin-bottom:6px}
.content:has(>#board-region)>.page-heading h1{font-size:26px}
.content:has(>#board-region)>.page-heading .page-description{margin-top:6px;line-height:1.5}
.content:has(>#board-region)>.summary{margin:17px 0 15px;gap:10px}
.content:has(>#board-region)>.summary>.stat{padding:11px 14px}
.content:has(>#board-region) .stat-number{font-size:21px;margin-top:7px}
.content:has(>#board-region) .stat-label{font-size:11px}
.content:has(>#board-region) .stat-note{right:12px;bottom:13px}
.content:has(>#board-region)>.filters{padding-top:13px;padding-bottom:14px}
.content:has(>#board-region) .tab{padding-bottom:10px}
.content:has(>#board-region) .view-actions{padding-bottom:8px}
@media(max-width:800px){
  .content:has(>#board-region){padding-top:17px}
  .content:has(>#board-region)>.page-heading h1{font-size:23px}
  .content:has(>#board-region)>.summary{margin:14px 0 13px;gap:7px}
  .content:has(>#board-region)>.summary>.stat{padding:10px 11px}
  .content:has(>#board-region) .stat-number{font-size:19px;margin-top:6px}
  .content:has(>#board-region)>.filters{padding-top:11px;padding-bottom:12px}
}

/* A sticky list heading covers its entire inner edge; cards cannot peek above it. */
.board-wrap[data-board-id] .column{padding-top:0}
.board-wrap[data-board-id] .column-head{top:0;z-index:5;margin:0 -9px;padding:13px 13px 12px;background:inherit;border-radius:9px 9px 0 0}

/* Thin board chrome leaves the viewport to the production lists. */
@media(min-width:801px){.topbar{height:56px}}
.content:has(>#board-region){padding-top:12px}
.content:has(>#board-region)>.page-heading{align-items:center;gap:12px;min-height:35px}
.content:has(>#board-region)>.page-heading .eyebrow,.content:has(>#board-region)>.page-heading .page-description,.content:has(>#board-region)>.page-heading .project-badge{display:none}
.content:has(>#board-region)>.page-heading h1{font-size:24px;line-height:1.2}
.content:has(>#board-region)>.page-heading .heading-actions{padding-top:0;gap:8px}
.content:has(>#board-region)>.summary{margin:10px 0 8px;gap:8px}
.content:has(>#board-region)>.summary>.stat{display:flex;align-items:center;gap:10px;height:38px;min-height:38px;padding:7px 11px;border-radius:7px}
.content:has(>#board-region) .stat-label{flex:1;min-width:0;font-size:11px;gap:6px}
.content:has(>#board-region) .stat-number{flex:none;font-size:17px;line-height:1;margin:0;letter-spacing:-.4px}
.content:has(>#board-region) .stat-note{display:none}
.content:has(>#board-region) .viewbar{gap:8px 12px}
.content:has(>#board-region) .tab{padding-bottom:8px;min-height:29px}
.content:has(>#board-region) .view-actions{padding-bottom:6px}
.content:has(>#board-region)>.filters{padding-top:8px;padding-bottom:9px;gap:7px}
@media(min-width:801px){.content:has(>#board-region)>.filters>.search{max-width:280px;min-width:200px}.content:has(>#board-region)>.filters>.filter-select{max-width:160px}}
@media(max-width:800px){
  .content:has(>#board-region){padding-top:12px}
  .content:has(>#board-region)>.page-heading h1{font-size:22px}
  .content:has(>#board-region)>.summary{margin:9px 0 8px;gap:6px}
  .content:has(>#board-region)>.summary>.stat{height:38px;min-height:38px;padding:7px 9px;gap:7px}
  .content:has(>#board-region) .stat-label{font-size:10px;gap:5px}
  .content:has(>#board-region) .stat-number{font-size:16px}
  .content:has(>#board-region)>.page-heading .heading-actions>.icon-button{min-width:36px;min-height:38px}
  .content:has(>#board-region) .tab{min-height:36px}
}
@media(max-width:600px){.content:has(>#board-region)>.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phone boards open on the work; their full controls remain one toggle away. */
.board-mobile-tools-toggle{display:none}
@media(max-width:600px){
  .content[data-board-tools-expanded="false"]>#board-stats,.content[data-board-tools-expanded="false"]>#board-filters,.content[data-board-tools-expanded="false"] .viewbar>#board-view-actions{display:none}
  .content:has(>#board-region)>.viewbar{padding-top:9px;gap:7px}
  .board-mobile-tools-toggle{display:inline-flex;min-height:38px;font-size:11px;max-width:100%;white-space:normal;margin-bottom:7px}
  .board-mobile-tools-toggle>.icon{width:14px;height:14px}
  .board-mobile-tools-toggle.expanded{background:#f9eee5;border-color:#e4cbb7;color:#b07d57}
  [data-theme="dark"] .board-mobile-tools-toggle.expanded{background:#3a3029;border-color:#74583e;color:#d4a680}
}


/* Long settings copy must not squeeze its native consent control. */
input[type="checkbox"],input[type="radio"]{flex-shrink:0}
.notification-preference>input[type="checkbox"]{flex:0 0 auto;min-width:13px;min-height:13px}
.email-provider-panel{min-width:0}.google-email-panel>.notice{font-size:11px;line-height:1.9;margin:0 0 20px}.google-email-panel input{min-width:0;max-width:100%}.google-email-panel input[readonly]{font-size:11px}.google-email-help{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.8;max-width:100%;overflow-wrap:anywhere}.google-email-help .icon{width:12px;height:12px}.google-email-status{margin:18px 0 12px}.google-email-status .label{max-width:100%;white-space:normal;line-height:1.8}.google-email-status>p{font-size:11px;line-height:1.9;overflow-wrap:anywhere}.google-email-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.google-email-actions>.btn{white-space:normal;max-width:100%;line-height:1.6;text-align:left}.google-email-panel .field-help{overflow-wrap:anywhere}@media(max-width:600px){.google-email-actions{align-items:stretch;flex-direction:column}.google-email-panel input[readonly]{font-size:16px}}

/* Official neoFILMS EPS geometry: native aspect, full website line, unchanged red accent. */
.brand-logo-image.brand-logo-light{display:none}
.brand-logo-image.brand-logo-dark{display:block}
[data-theme="light"] .brand-logo-image.brand-logo-light{display:block}
[data-theme="light"] .brand-logo-image.brand-logo-dark{display:none}
.sidebar{overflow-y:auto;overscroll-behavior:contain}
.sidebar .brand{align-items:center;padding-bottom:20px}
.sidebar .brand-sub{font-size:10px;line-height:1.4}
.auth-brand .brand-sub{font-size:12px;line-height:1.4}
.auth-mobile-brand .brand-sub{font-size:12px;line-height:1.4}
.pwa-offline-page .brand-logo-frame{width:150px}

/* Photos and private native videos share one posting-order thumbnail grid. */
.video-attachment-tile{min-width:0}.video-preview-frame{position:relative;height:128px;min-width:0;background:radial-gradient(ellipse at 48% 42%,#263a50,#080d16 78%);isolation:isolate}.attachment-video-poster{display:block;width:100%;max-width:100%;height:100%;object-fit:contain;background:#080d16}.video-badge{position:absolute;top:7px;right:7px;z-index:1;pointer-events:none;background:#111b2edb;color:#fff;border:1px solid #ffffff35;border-radius:4px;font-size:9px;font-weight:650;letter-spacing:.7px;line-height:1;padding:5px 6px}.video-attachment-tile figcaption small{display:block;margin-top:4px;font-size:9px;color:#8796ac}.video-attachment-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 8px;margin-top:auto}.photo-tile .video-attachment-actions>.btn{margin:0;min-height:30px;padding:5px 7px}.video-loop-toggle{min-width:0;flex:1;white-space:normal;line-height:1.35}.video-loop-toggle.loop-active{background:#fff1e7;border-color:#e9c7ad;color:#a56940}.video-download{flex:none}.video-playback-error{font-size:10px;line-height:1.7;color:#a36658;margin:0 9px 9px;overflow-wrap:anywhere}[data-theme="dark"] .video-loop-toggle.loop-active{background:#3b312a;border-color:#7a5d46;color:#dfbb9e}[data-theme="dark"] .video-playback-error{color:#d4a198}
.comment-mention{background:#f4e6d9;color:#8d572e;border-radius:3px;padding:1px 3px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-theme="dark"] .comment-mention{background:#514232;color:#f1d3af}.comment-image-reference{display:inline-flex;vertical-align:top;flex-direction:column;gap:5px;max-width:100%;width:148px;margin:5px 5px 5px 0;padding:5px;border:1px solid var(--line);border-radius:7px;background:#f1f5fa;color:#637e9d;text-align:left;white-space:normal}.comment-image-reference img{display:block;width:100%;height:96px;object-fit:cover;border-radius:3px}.comment-image-reference span{font-size:10px;line-height:1.5;overflow-wrap:anywhere}[data-theme="dark"] .comment-image-reference{background:#23334b;border-color:#3b5271;color:#b3c9e6}.gallery-comment-filters{display:flex;gap:5px;flex-wrap:wrap}.gallery-comment-filters>.btn{font-size:10px;line-height:1.4;padding:6px 8px;min-height:32px;border-radius:6px;white-space:normal}.gallery-comment-filters>.btn[aria-pressed="true"]{background:#314966;color:#e1edff;border-color:#6883a7}[data-theme="light"] .gallery-comment-filters>.btn[aria-pressed="true"]{background:#e9f0fa;color:#45638d;border-color:#b5c7e0}.gallery-composer-label{display:block;font-size:10px;line-height:1.5;color:#9eb4d2;margin-bottom:6px}[data-theme="light"] .gallery-composer-label{color:#637e9e}
@media(max-width:800px){.video-preview-frame{height:135px}.gallery-comment-filters>.btn{min-height:32px;font-size:10px;padding:5px 7px}.photo-tile .video-attachment-actions>.btn{min-height:38px}.gallery-composer-label{font-size:9px;margin-bottom:4px}}
@media(max-width:420px){.video-preview-frame{height:110px}.photo-tile .video-attachment-actions>.btn{font-size:9px;padding:5px}.video-badge{font-size:8px;top:5px;right:5px;padding:4px}.video-attachment-actions{gap:4px;padding:0 6px}}
@media(max-height:450px){.gallery-feedback-heading{gap:3px}.gallery-feedback-heading>strong{display:none}.gallery-comment-filters>.btn{min-height:30px;font-size:9px;padding:4px 7px}.gallery-composer-label{font-size:9px;line-height:1.3;margin-bottom:3px}}

/* Every file type occupies its posting position in the same attachment grid. */
.file-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:128px;background:#edf2f8;color:#7b91ae;text-decoration:none}.file-preview>.icon{width:36px;height:36px}.file-type-badge{font-size:11px;font-weight:650;letter-spacing:.7px}.file-attachment-tile figcaption>small{display:block;font-size:9px;color:#8796ac;margin-top:4px}.file-attachment-tile>.file-download{margin-top:auto;justify-content:center;text-align:center;white-space:normal;line-height:1.4}.photo-tile-actions{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:auto;padding:0 8px}.photo-tile .photo-tile-actions>.btn{margin:0;min-height:30px}.photo-tile-actions>.btn:first-child:not(.photo-download){flex:1;white-space:normal;line-height:1.35}.photo-tile-actions .cover-badge{padding:4px 0;min-width:0;line-height:1.4}.photo-tile-actions .photo-download{flex:none;margin-left:auto!important}[data-theme="dark"] .file-preview{background:#17263c;color:#a9c0df}@media(max-width:800px){.file-preview{height:135px}.photo-tile .photo-tile-actions>.btn,.file-attachment-tile>.file-download{min-height:38px}}@media(max-width:420px){.file-preview{height:110px}.photo-tile-actions{padding:0 6px;gap:4px}.photo-tile .photo-tile-actions>.btn{padding:5px;font-size:9px}.photo-tile-actions .cover-badge{font-size:9px}}
.photo-tile figcaption>button.photo-name{width:100%;padding:0;margin:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.photo-tile figcaption>button.photo-name:hover{text-decoration:underline}.photo-tile figcaption>button.photo-name:focus-visible{outline:2px solid #c7926c;outline-offset:2px;border-radius:2px}

/* Animation review uses a clean in-page video surface and transient controls. */
.video-open-review{position:absolute;inset:0;border:0;border-radius:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}.video-open-review>.icon{width:45px;height:45px;padding:10px;border:1px solid #ffffff80;border-radius:50%;background:#102037a6;filter:drop-shadow(0 2px 6px #0005)}.video-open-review:hover>.icon{background:#365170dd}.video-open-review:focus-visible{outline:2px solid #e4b78f;outline-offset:-4px}.gallery-video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:transparent}.gallery-stage.showing-video .gallery-image-area{width:100%;position:relative}.gallery-stage.showing-video .gallery-error{position:absolute;inset:0;background:#111c2ce8;padding:15px;z-index:2;justify-content:center}.gallery-video-controls{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(900px,calc(100% - 130px));z-index:4;display:flex;flex-direction:column;gap:9px;padding:11px 13px;border:1px solid #6c83a355;border-radius:12px;background:#0b1424d9;color:#dce9fc;box-shadow:0 5px 30px #0003;backdrop-filter:blur(12px);transition:opacity .18s}.gallery-video-controls.controls-idle{opacity:0;pointer-events:none}.gallery-video-controls:has(:focus-visible){opacity:1;pointer-events:auto}.review-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.review-buttons>.btn,.review-buttons>.icon-button{min-height:36px;padding:6px 9px;border:1px solid #5a719355;background:#253950cc;color:#d3e4fa;font-size:11px;white-space:normal;line-height:1.3}.review-buttons>.icon-button{width:38px;flex:none;padding:7px}.review-buttons>.review-frame{width:36px;flex:none;padding:7px}.review-frame>.icon{width:18px;height:18px}.review-buttons>.review-loop[aria-pressed="true"]{border-color:#bb99705e;background:#63503b77;color:#f2d0a8}.review-clock{flex:1;min-width:140px;font-size:10px;font-variant-numeric:tabular-nums;line-height:1.5;color:#bbcee9}.review-fps-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#aec4e2}.review-fps-label>select{font-size:12px;min-height:36px;max-width:95px;padding:6px;border:1px solid #587093;border-radius:5px;background:#1c2f48;color:#d7e6fb}.review-fps-status{font-size:9px;color:#8fa9cd}.review-seek{display:block;width:100%;height:14px;accent-color:#d1a37d;cursor:pointer;margin:0}.review-seek:disabled{opacity:.35}.gallery-overlay:fullscreen{width:100vw;height:100dvh;top:0;left:0;right:auto;bottom:auto}[data-theme="light"] .gallery-video-controls{background:#f5f8f1e8;border-color:#b0c0d4;color:#3c5473}[data-theme="light"] .review-buttons>.btn,[data-theme="light"] .review-buttons>.icon-button{background:#fff;color:#506b8e;border-color:#c3cfde}[data-theme="light"] .review-buttons>.review-loop[aria-pressed="true"]{background:#f5e8d9;color:#956433;border-color:#d9b994}[data-theme="light"] .review-clock,[data-theme="light"] .review-fps-label{color:#5e789b}[data-theme="light"] .review-fps-label>select{background:#fff;color:#4d688a;border-color:#b8c7d9}[data-theme="light"] .review-fps-status{color:#7b92ae}
@media(max-width:800px){.gallery-video-controls{width:calc(100% - 20px);bottom:max(10px,env(safe-area-inset-bottom));padding:9px;gap:7px}.review-buttons>.btn,.review-buttons>.icon-button{min-height:42px}.review-buttons>.review-frame{width:42px}.review-buttons>.icon-button{width:42px}.review-fps-label>select{font-size:16px;min-height:42px}.review-fps-status{font-size:9px}.review-clock{min-width:120px}.video-open-review>.icon{width:42px;height:42px}}
@media(max-width:420px){.review-buttons{gap:5px}.review-buttons>.btn{font-size:10px;padding:6px}.review-clock{order:8;flex-basis:100%}.review-fps-label{margin-left:auto}.review-fps-status{display:none}.review-buttons>.review-mute{max-width:85px}.review-buttons>.icon-button{margin-left:auto}}
@media(max-height:450px){.gallery-video-controls{width:calc(100% - 20px);bottom:7px;padding:6px 8px;gap:4px}.review-buttons{gap:4px}.review-clock{font-size:9px;min-width:120px;order:0;flex-basis:auto}.review-buttons>.btn,.review-buttons>.icon-button{min-height:34px;font-size:9px;padding:5px 7px}.review-buttons>.review-frame,.review-buttons>.icon-button{width:34px}.review-fps-label>select{min-height:34px;font-size:16px;padding:3px}.review-fps-status{display:none}.review-seek{height:12px}}

/* Frame marks are vectors over the actual video content, including letterbox offsets. */
.video-annotation-surface{position:absolute;z-index:2;pointer-events:none;overflow:visible}.video-annotation-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.video-annotation-mark{cursor:pointer;pointer-events:all}.video-annotation-mark:focus{outline:none;filter:drop-shadow(0 0 3px #fff)}.video-annotation-mark.selected{filter:drop-shadow(0 0 3px #fff9)}.video-annotation-mark.draft{pointer-events:none}.video-annotation-surface.drawing{pointer-events:auto;touch-action:none;cursor:crosshair}.video-annotation-surface.drawing .video-annotation-svg,.video-annotation-surface.drawing .video-annotation-mark{pointer-events:none}.video-annotation-toolbar{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:6;max-width:calc(100% - 24px);display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:9px;border:1px solid #b979675c;border-radius:10px;background:#172336ed;box-shadow:0 3px 25px #0004;color:#c8d8ec}.video-annotation-toolbar>.btn{min-height:38px;padding:6px 9px;white-space:nowrap;font-size:11px;background:#293b53;color:#c1d5ef;border-color:#506783}.video-annotation-toolbar>.btn[aria-pressed="true"]{color:#ffd6d4;border-color:#db7770;background:#6b3539}.annotation-frame-label{font-size:10px;line-height:1.5;white-space:nowrap;padding:0 6px;color:#e9c1b7}.annotation-active .gallery-video-controls{display:none}.review-buttons>.review-annotate{background:#663b32;color:#f5c9bb;border-color:#a97562}.comment-selected,.private-post-highlight{outline:2px solid #d59a6a;outline-offset:4px;border-radius:6px;background:#d8a1740d}.comment-header>.private-copy-button{margin-left:auto;flex:none;width:29px;height:29px;min-height:29px;padding:5px;opacity:.75}.comment-header>.private-copy-button .icon{width:13px;height:13px}.photo-tile{position:relative}.photo-tile>.attachment-copy{position:absolute;left:6px;top:6px;z-index:4;width:32px;height:32px;min-height:32px;border:1px solid #ffffff45;border-radius:6px;background:#152337c7;color:#e1ecfb;padding:7px;box-shadow:0 1px 6px #0002}.photo-tile>.attachment-copy:hover{background:#324c70}.gallery-copy-link{flex:none;width:36px;height:36px;color:#bed0e9;border:1px solid #5b71934a}.clipboard-copy-field{position:fixed;left:-10000px;top:0;width:1px;height:1px;opacity:0}[data-theme="light"] .video-annotation-toolbar{background:#fffdf8ed;color:#637c9f;border-color:#d2b4a0}[data-theme="light"] .video-annotation-toolbar>.btn{background:#f8f9fb;color:#687f9f;border-color:#c7d4e3}[data-theme="light"] .video-annotation-toolbar>.btn[aria-pressed="true"]{background:#fbe7e3;color:#a74d46;border-color:#d88e84}[data-theme="light"] .annotation-frame-label{color:#956f5f}[data-theme="light"] .review-buttons>.review-annotate{background:#f9e5dc;color:#a76a4b;border-color:#dcb49b}[data-theme="light"] .gallery-copy-link{color:#738fb3;border-color:#d6e1ef}.image-unavailable{font-size:11px;color:#8ba1bc;background:#dce5f012}
@media(max-width:800px){.gallery-header{grid-template-columns:minmax(0,1fr) auto auto}.gallery-header>.gallery-heading{grid-column:1/3}.gallery-header>.gallery-close{grid-column:3}.gallery-header>.gallery-feedback-toggle{grid-column:1;grid-row:2}.gallery-header>.gallery-copy-link{grid-column:2;grid-row:2;justify-self:end;min-height:34px}.gallery-header>.appearance-controls{grid-column:3;grid-row:2}.video-annotation-toolbar{padding:6px;gap:5px}.video-annotation-toolbar>.btn{min-height:40px;padding:5px 7px;font-size:10px}.annotation-frame-label{flex-basis:100%;text-align:center}.comment-header>.private-copy-button{width:34px;height:34px;min-height:34px}.photo-tile>.attachment-copy{width:34px;height:34px;min-height:34px}}
@media(max-width:600px){.video-annotation-toolbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;max-width:calc(100% - 16px)}.video-annotation-toolbar>.btn{flex:none}.annotation-frame-label{display:none}.review-buttons>.review-annotate{max-width:140px}}
.modal-top>.modal-breadcrumb{min-width:0;flex:1;overflow:hidden}.modal-top>.private-copy-button{flex:none}.comment-header{flex-wrap:wrap}

.gallery-video-controls>.review-timeline{position:relative;height:31px;min-width:0}.review-timeline>.review-seek{position:absolute;bottom:0;left:0;right:0}.review-frame-markers{position:absolute;left:0;right:0;top:0;height:24px;pointer-events:none}.review-frame-marker{position:absolute;top:-2px;transform:translateX(-50%);width:24px;height:27px;border:0;background:transparent;color:#f34b47;font-size:16px;line-height:1;padding:0;pointer-events:auto;cursor:pointer;text-shadow:0 0 3px #061022}.review-frame-marker[aria-pressed="true"]{color:#ff8079;filter:drop-shadow(0 0 3px #ffc4b6)}.review-frame-marker:focus-visible{outline:2px solid #efc49e;outline-offset:-2px;border-radius:4px}.review-frame-marker:disabled{opacity:.45;cursor:default}@media(max-width:800px){.gallery-video-controls>.review-timeline{height:35px}.review-frame-marker{width:30px;height:31px;top:-3px}}

.video-annotation-toolbar>.annotation-save{background:#8b4e3d;border-color:#d69a79;color:#fff1e3;font-weight:600}.saved-drawing-actions{display:flex;gap:6px;margin-top:9px}.saved-drawing-actions>.btn{font-size:10px;min-height:32px;padding:5px 8px}.drawing-tombstone{display:block;font-size:10px;color:#9da7b7;line-height:1.7;margin-top:7px}.video-annotation-toolbar>.annotation-save:disabled{opacity:.6}[data-theme="light"] .video-annotation-toolbar>.annotation-save{background:#a36d4e;color:#fff;border-color:#9d684a}@media(max-width:800px){.saved-drawing-actions>.btn{min-height:38px}}

/* Floating review tools stay inside short media panes and scroll independently. */
.gallery-stage{overflow:hidden}
.gallery-video-controls,.video-annotation-toolbar{min-height:0;max-height:calc(100% - max(16px,env(safe-area-inset-bottom,0px)) - 8px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scroll-padding-block:8px}
.gallery-video-controls{overflow-x:hidden;touch-action:pan-y pinch-zoom}
.video-annotation-toolbar{touch-action:pan-x pan-y pinch-zoom}
.gallery-video-controls>*{flex-shrink:0}

/* Mobile navigation and Kanban viewport. */
.mobile-sidebar-backdrop,.sidebar .mobile-sidebar-close{display:none}
@media(max-width:800px){
  .sidebar{visibility:hidden;top:var(--neo-viewport-top,0px);bottom:auto;height:var(--neo-viewport-height,100dvh);padding-top:env(safe-area-inset-top,0px);max-width:calc(100% - 48px)}
  .sidebar.open{visibility:visible}
  .sidebar .mobile-sidebar-close{display:inline-flex;align-self:flex-end;position:sticky;top:0;z-index:2;min-width:40px;min-height:40px;flex:none;margin:4px 0;background:#293647;color:#e2ebf8}
  [data-theme="light"] .sidebar .mobile-sidebar-close{background:#dfe7f1;color:#384c68}
  .mobile-sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:19;background:#07101a85;touch-action:none}

  .shell:has(.kanban-region){height:var(--neo-viewport-height,100dvh);min-height:0;overflow:hidden}
  .main:has(.kanban-region){display:flex;flex-direction:column;min-height:0;min-width:0}
  .content:has(>.kanban-region){display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;padding:5px max(12px,env(safe-area-inset-right,0px)) max(5px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));overflow:hidden}
  .main:has(.kanban-region)>.topbar{flex:none}
  .content:has(>.kanban-region)>.workspace-footer{flex:none}
  .content > .workspace-footer > .workspace-release{display:block;flex:none;white-space:nowrap}
  .kanban-region{flex:1;min-height:0;min-width:0}
  .kanban-region>.board-wrap[data-board-id]{height:100%;margin:0;padding:0 0 3px}
  .kanban-region .kanban{gap:9px}
  .kanban-region .column{width:clamp(205px,70vw,244px);flex:none;padding-inline:7px;scroll-padding-top:47px}
  .kanban-region .column-head{margin:0 -7px;padding:6px 8px;min-height:42px}
  .kanban-region .column-tools{gap:3px}
  .kanban-region .task{padding:8px 9px 7px;margin-bottom:6px}
  .kanban-region .task-title{padding-right:21px;line-height:1.35;overflow-wrap:anywhere}
  .kanban-region .task-excerpt{line-height:1.4;-webkit-line-clamp:1}
  .kanban-region .card-bottom{margin-top:7px;padding-top:5px;min-height:23px}
  .kanban-region .card-bottom:not(:has(.card-metrics>*,.avatar-stack>*,.due-chip)){display:none}
  .kanban-region .task-cover{width:calc(100% + 18px);height:83px;margin:-8px -9px 7px}
  .kanban-region .task-cover-color{height:30px;margin:-8px -9px 7px}
  .kanban-region .task.full-cover{min-height:120px;padding-top:23px}
  .kanban-region .task-kind-row{margin-bottom:4px}

  .content:has(>#board-region)>.page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:36px;gap:6px}
  .content:has(>#board-region)>.page-heading h1{font-size:19px}
  .content:has(>#board-region)>.page-heading .heading-actions{flex-wrap:nowrap;gap:4px}
  .content:has(>#board-region)>.page-heading .heading-actions>.avatar-stack{display:none}
  .content:has(>#board-region)>.page-heading .heading-actions>.btn{padding:4px 7px;min-height:34px;white-space:nowrap}
  .content:has(>#board-region)>.page-heading .heading-actions>.icon-button{min-width:32px;min-height:34px;padding:5px}
  .content:has(>.kanban-region)>.viewbar{padding-top:4px;gap:4px}
  .content:has(>.kanban-region)>.viewbar .tab{min-height:31px;padding-block:4px}
  .content:has(>.kanban-region)>.viewbar .board-mobile-tools-toggle{margin:0 0 4px;min-height:30px;padding-block:4px}
  .content:has(>.kanban-region)>#board-filters{max-height:25%;overflow-y:auto;overscroll-behavior:contain}
  .content:has(>.kanban-region)>#board-stats{flex:none}

  .modal-backdrop{--modal-side-inset:max(8px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));padding-inline:var(--modal-side-inset);overflow:hidden}
  .modal-backdrop>.modal{max-width:100%;min-width:0;margin-inline:auto}
  .modal:has(.task-detail-grid)>.modal-scroll{width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
  .task-detail-grid{grid-template-columns:minmax(0,1fr);width:100%;overflow-wrap:anywhere}
  .task-detail-grid>:is(.detail-main,.detail-side){min-width:0;max-width:100%;padding-inline:12px}
  .task-detail-grid :is(input:not([type="checkbox"]),select,textarea,img){min-width:0;max-width:100%}
  .task-detail-grid :is(.field-grid,.inline-form,.checklist,.checklist-row,.comment-entry,.photo-tile){min-width:0;max-width:100%}
  .task-detail-grid .inline-form>input{min-width:0;flex:1}
  .task-detail-grid :is(.detail-title,.description){width:100%}
  .modal:has(.task-detail-grid)>.modal-top{padding-inline:8px}
  .modal:has(.task-detail-grid)>.modal-actions{padding-inline:8px}
}
@media(max-width:420px){
  .main:has(.kanban-region)>.topbar{height:auto;min-height:calc(46px + env(safe-area-inset-top,0px));flex-wrap:nowrap;align-items:center;gap:4px;padding:env(safe-area-inset-top,0px) 8px 0}
  .main:has(.kanban-region)>.topbar>.breadcrumb{width:auto;flex-basis:auto;gap:4px}
  .main:has(.kanban-region)>.topbar>.top-tools{width:auto;flex-wrap:nowrap;gap:2px}
  .main:has(.kanban-region)>.topbar .divider{display:none}
  .main:has(.kanban-region)>.topbar :is(.mobile-menu,.top-tools>.icon-button,.notification-anchor>.icon-button){min-width:30px;min-height:32px;padding:5px}
  .content:has(>.kanban-region)>.viewbar .tabs{gap:8px}
  .content:has(>.kanban-region)>.viewbar .tab{font-size:11px;gap:4px}
}

/* Personal settings */
.avatar.avatar-photo{position:relative;overflow:hidden}
.avatar.avatar-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.profile-trigger{display:inline-grid;place-items:center;padding:0;border:0;background:transparent;border-radius:50%;color:inherit;cursor:pointer;flex:none}
.profile-trigger:focus-visible{outline:2px solid var(--accent,#df8c63);outline-offset:2px}
.profile-identity{display:flex;align-items:center;gap:12px;min-width:0;overflow-wrap:anywhere}
.profile-identity small{display:block;margin-top:4px;color:var(--muted)}
.profile-portrait .avatar{width:64px;height:64px;font-size:20px}
.profile-photo-actions{display:flex;flex-wrap:wrap;gap:8px}
.profile-email{display:grid;justify-items:start;gap:10px;margin-top:6px}
.profile-email .notification-preference{width:100%;min-width:0}
.profile-feedback:empty{display:none}
.profile-feedback.profile-error{color:var(--danger,#ed8a8a)}

/* Keep desktop review controls and drawing tools below the video frame. */
@media (min-width:801px) and (pointer:fine), (min-width:1025px), (min-width:801px) and (orientation:portrait){
  .gallery-layout>.gallery-stage.showing-video{
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 48px;
    grid-template-rows:minmax(0,1fr) auto;
    gap:8px 12px;
    padding:10px 16px 8px;
    align-items:center;
  }
  .gallery-stage.showing-video>.gallery-image-area{grid-area:1 / 2}
  .gallery-stage.showing-video>.gallery-nav{
    position:relative;
    inset:auto;
    transform:none;
  }
  .gallery-stage.showing-video>.gallery-nav.previous{grid-area:1 / 1}
  .gallery-stage.showing-video>.gallery-nav.next{grid-area:1 / 3}
  .gallery-stage.showing-video>.gallery-video-controls,
  .gallery-stage.showing-video>.video-annotation-toolbar{
    grid-area:2 / 2;
    position:relative;
    inset:auto;
    transform:none;
    justify-self:center;
    max-width:100%;
    max-height:none;
    padding:5px 9px;
    gap:4px 10px;
  }
  .gallery-stage.showing-video>.gallery-video-controls{
    width:min(900px,100%);
    display:flex;
    flex-flow:row wrap;
    align-items:center;
  }
  .gallery-stage.showing-video.annotation-active>.gallery-video-controls{display:none}
  .gallery-stage.showing-video>.gallery-video-controls>.review-timeline{flex-basis:100%}
  .gallery-stage.showing-video .review-timing{margin-left:auto;justify-content:flex-end}
  .gallery-stage.showing-video .review-clock{flex:none;min-width:0}
  .gallery-stage.showing-video .review-buttons>button,
  .gallery-stage.showing-video .review-fps-label>select{min-height:32px}
}

/* On phones, review controls also sit clear of the frame. */
.review-timing{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
@media(max-width:800px), (max-width:1024px) and (pointer:coarse) and (orientation:landscape){
  .gallery-layout>.gallery-stage.showing-video{
    display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;
    align-items:stretch;justify-content:stretch;padding:0 8px 6px;min-height:0;gap:4px;
  }
  .gallery-stage.showing-video>.gallery-image-area{
    grid-area:1 / 1;align-self:start;height:100%;min-height:0;
  }
  .gallery-stage.showing-video>.gallery-nav{
    grid-area:1 / 1;position:relative;inset:auto;align-self:center;transform:none;
  }
  .gallery-stage.showing-video>.gallery-nav.previous{justify-self:start}
  .gallery-stage.showing-video>.gallery-nav.next{justify-self:end}
  .gallery-stage.showing-video>.gallery-video-controls,
  .gallery-stage.showing-video>.video-annotation-toolbar{
    grid-area:2 / 1;position:relative;inset:auto;transform:none;
    width:100%;max-width:none;max-height:none;box-sizing:border-box;
    gap:3px;padding:4px 6px;overflow:visible;
  }
  .gallery-stage.showing-video>.gallery-video-controls.controls-idle{opacity:1;pointer-events:auto}
  .gallery-stage.showing-video .review-buttons{gap:3px}
  .gallery-stage.showing-video .review-buttons>.icon-button{
    width:36px;min-height:36px;padding:6px;
  }
  .gallery-stage.showing-video .review-buttons>.review-annotate{
    min-height:36px;padding:4px 7px;max-width:none;gap:4px;
  }
  .gallery-stage.showing-video .review-buttons>.review-annotate .icon{width:14px;height:14px}
  .gallery-stage.showing-video .review-clock{min-width:0;white-space:normal}
  .gallery-stage.showing-video .review-fps-label>select{min-height:30px;padding:2px 4px}
  .gallery-stage.showing-video>.video-annotation-toolbar{flex-wrap:wrap;justify-content:flex-start}
  .gallery-stage.showing-video>.video-annotation-toolbar>.btn{min-height:36px}
  .gallery-stage.showing-video .annotation-save{order:-1}
  .gallery-stage.showing-video .annotation-frame-label{display:none}
  .gallery-overlay:has(.showing-video)>.gallery-footer{display:none}
}
@media(max-width:390px){
  .gallery-stage.showing-video .review-buttons>.icon-button{width:32px;padding:5px}
}
@media(max-width:1024px) and (max-height:500px) and (orientation:landscape){
  .gallery-layout:has(.showing-video){flex-direction:row}
  .gallery-layout:has(.showing-video)>.gallery-feedback{
    width:42%;max-width:300px;max-height:none;min-height:0;flex:0 0 42%;
  }
  .gallery-stage.showing-video .review-timing{position:static}
  .gallery-stage.showing-video .review-buttons>.icon-button,
  .gallery-stage.showing-video .review-buttons>.review-annotate,
  .gallery-stage.showing-video>.video-annotation-toolbar>.btn{min-height:32px}
}
@media(max-width:800px) and (orientation:portrait){
  .gallery-layout:has(>.showing-video):has(>.gallery-feedback:not([hidden])){
    overflow-y:auto;
    overscroll-behavior-y:contain;
  }
  .gallery-layout:has(>.gallery-feedback:not([hidden]))>.gallery-stage.showing-video{
    flex:none;
    grid-template-rows:clamp(96px, 50vw, calc(var(--neo-viewport-height,100dvh) * .36)) auto;
  }
  html .gallery-layout:has(>.showing-video)>.gallery-feedback{
    min-height:80px;
    max-height:none;
    flex:1 1 0;
  }
  .gallery-layout:has(.annotation-active) .gallery-feedback-heading{padding-block:4px}
  .gallery-layout:has(.annotation-active) .gallery-feedback-heading>small{display:none}
}
@media(min-width:560px) and (max-width:1024px) and (max-height:500px) and (orientation:landscape){
  .gallery-overlay:has(.showing-video)>.gallery-header{
    display:flex;flex-wrap:nowrap;min-height:0;gap:8px;
    padding-bottom:6px;
  }
  .gallery-overlay:has(.showing-video) .gallery-heading{min-width:0}
}

@media(max-width:800px){
  html .gallery-comment-list:has(>.comment-selected){
    min-height:clamp(88px,20dvh,160px);
  }
}

/* Card membership and description controls. */
.card-members-summary,.card-members-selected{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.card-members-selected{margin:0}
.card-member-avatar{display:inline-flex}
.card-member-avatar>.avatar{width:27px;height:27px;font-size:9px}
.card-member-selector .card-members-toggle{width:34px;min-height:34px;flex:none;justify-content:center;border:1px solid var(--line);border-radius:50%;padding:0}
.card-member-panel>.field-help{margin:0 0 8px}
[data-theme="dark"] .card-member-search-wrap{background:#172335;border-color:#3b4f6c}
.description-mode-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:25px 0 8px}
.description-mode-row>.detail-heading{min-width:0;margin:0}
.description-mode-row>.description-mode{flex:none}
.description-toolbar{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px}
.description-toolbar>.description-format-button{min-width:34px;min-height:34px;padding:4px 7px}
.description-preview,.description-rich-surface{min-height:52px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere;line-height:1.65}
.description-preview{--description-preview-limit:156px;position:relative}
.description-preview[tabindex]{cursor:text}
.description-preview[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.description-save-feedback{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:11px;line-height:1.4;color:var(--muted)}
.description-save-feedback.error{color:#b3313b}
.description-save-feedback>.btn{min-height:30px;padding:4px 7px}
[data-theme="dark"] .description-save-feedback.error{color:#efb0ad}
.description-preview:not(.expanded){max-height:var(--description-preview-limit);overflow:hidden}
.has-description-overflow>.description-preview:not(.expanded)::after{
  content:"";position:absolute;inset:auto 0 0;height:26px;
  background:linear-gradient(transparent,var(--white));pointer-events:none;
}
.description-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.description-footer>.card-status{min-width:0}
.description-footer>.description-disclosure{flex:none}
.description-disclosure[aria-expanded="true"]>.icon{transform:rotate(180deg)}
.description-rich-surface{min-height:150px;max-height:400px;overflow-y:auto;white-space:pre-wrap;background:var(--paper);color:var(--ink);font-size:12px}
.description-rich-surface:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.description-rich-surface>p,.description-rich-surface>div{margin:0}
.description-preview>p{margin:0 0 .7em;white-space:pre-wrap}
:is(.description-preview,.description-rich-surface)>:last-child{margin-bottom:0}
:is(.description-preview,.description-rich-surface) :is(ul,ol){margin:.25em 0 .75em;padding-inline-start:1.5em}
:is(.description-preview,.description-rich-surface) ul{list-style:disc}
:is(.description-preview,.description-rich-surface) ol{list-style:decimal}
:is(.description-preview,.description-rich-surface) .description-task-list{padding-inline-start:0;list-style:none}
.description-task-list li{display:flex;align-items:baseline;gap:7px}
.description-task-list input{margin:0}
.description-rich-surface .description-task-list>li{display:block;position:relative;min-height:1.65em;padding-inline-start:24px}
.description-rich-surface .description-task-check{position:absolute;inset-inline-start:0;top:.25em;width:15px;height:15px;accent-color:var(--orange);cursor:pointer}
:is(.description-preview,.description-rich-surface) hr{height:1px;border:0;background:var(--line);margin:.8em 0}
[data-theme="dark"] .description-rich-surface{background:#19222e;border-color:#38485e;color:#c1cee1}
@media(max-width:800px){
  .card-member-selector .card-members-toggle{width:40px;min-height:40px}
  .description-toolbar>.description-format-button{min-width:38px;min-height:38px}
  .description-preview{--description-preview-limit:136px}
  .description-footer>.description-disclosure{min-height:44px}
}

/* Board settings follows the active theme at every viewport width. */
[data-theme="dark"] .heading-actions>.icon-button{background:#283548;border-color:#40536d;color:#a9bfdc}
[data-theme="dark"] .heading-actions>.icon-button:hover{background:#34455c}

/* Focus mode uses a stable media surface for panning and zooming. */
.gallery-photo-fullscreen{display:none}
@media(max-width:800px), (max-width:1024px) and (pointer:coarse) and (orientation:landscape){
  .gallery-header>.gallery-header-fullscreen{display:none}
  .gallery-overlay:not(.media-focus) .gallery-stage:not(.showing-video)>.gallery-image-area{
    flex-direction:column;
    gap:6px;
  }
  .gallery-overlay:not(.media-focus) .gallery-stage:not(.showing-video) .gallery-image{
    max-height:calc(100% - 50px);
  }
  .gallery-overlay:not(.media-focus) .gallery-image:not([hidden])~.gallery-photo-fullscreen{
    display:grid;
    align-self:flex-end;
    flex:none;
    width:44px;
    height:44px;
  }
}
.gallery-focus-controls,
.gallery-focus-show{display:none}

.gallery-overlay.media-focus{
  --focus-side-inset:max(10px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));
  --focus-top-inset:max(10px,env(safe-area-inset-top,0px));
  --focus-bottom-inset:max(10px,env(safe-area-inset-bottom,0px));
  padding:0;
  background:#000;
  color:#f2f6fb;
}

.gallery-overlay.media-focus>:is(.gallery-header,.gallery-footer),
.gallery-overlay.media-focus>.gallery-layout>.gallery-feedback,
.gallery-overlay.media-focus .gallery-stage>:is(.gallery-nav,.gallery-video-controls,.video-annotation-toolbar,.video-annotation-surface){
  display:none;
}

.gallery-overlay.media-focus>.gallery-layout:has(>.gallery-stage){
  position:relative;
  flex:1;
  width:100%;
  min-height:0;
  overflow:hidden;
}

.gallery-overlay.media-focus>.gallery-layout>.gallery-stage{
  position:absolute;
  inset:0;
  display:block;
  padding:0;
  min-width:0;
  min-height:0;
  overflow:hidden;
  touch-action:none;
}

.gallery-overlay.media-focus .gallery-stage>.media-zoom-surface{
  position:relative;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  max-width:none;
  max-height:none;
  transform:translate3d(var(--focus-x,0px),var(--focus-y,0px),0) scale(var(--focus-scale,1));
  transform-origin:center;
}

.gallery-overlay.media-focus .media-zoom-surface>:is(.gallery-image,.gallery-video){
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  touch-action:none;
}

.gallery-overlay.media-focus .gallery-stage.is-zoomed{cursor:grab}
.gallery-overlay.media-focus .gallery-stage.is-zoomed:active{cursor:grabbing}
.gallery-overlay.media-focus .gallery-stage.is-zoomed>.media-zoom-surface{will-change:transform}

.gallery-overlay.media-focus>.gallery-focus-controls:not([hidden]){
  display:block;
  position:absolute;
  inset:0;
  z-index:10;
  pointer-events:none;
}

.gallery-overlay.media-focus .gallery-focus-actions,
.gallery-overlay.media-focus .gallery-focus-playback{
  position:absolute;
  display:flex;
  align-items:center;
  gap:6px;
  pointer-events:auto;
}

.gallery-overlay.media-focus .gallery-focus-actions{
  top:var(--focus-top-inset);
  right:var(--focus-side-inset);
  left:var(--focus-side-inset);
  justify-content:flex-end;
  flex-wrap:wrap;
  width:fit-content;
  max-width:calc(100% - 2 * var(--focus-side-inset));
  margin-left:auto;
}

.gallery-overlay.media-focus .gallery-focus-playback{
  bottom:var(--focus-bottom-inset);
  left:50%;
  transform:translateX(-50%);
  width:min(760px,calc(100% - 2 * var(--focus-side-inset)));
  min-width:0;
  padding:5px 8px;
  border:1px solid #667a90;
  border-radius:12px;
  background:#111d2bea;
}

.gallery-overlay.media-focus .gallery-focus-playback input[type="range"]{
  flex:1 1 auto;
  min-width:0;
  width:0;
  margin:0;
  accent-color:#e4a476;
}

.gallery-overlay.media-focus>.gallery-focus-show:not([hidden]){
  position:absolute;
  top:var(--focus-top-inset);
  right:var(--focus-side-inset);
  z-index:11;
  display:inline-grid;
  place-items:center;
}

.gallery-overlay.media-focus :is(.gallery-focus-controls button,.gallery-focus-show,.gallery-focus-download){
  flex:none;
  min-width:44px;
  min-height:44px;
  padding:8px;
  border:1px solid #677f98;
  border-radius:9px;
  background:#172638ed;
  color:#f2f6fb;
  touch-action:manipulation;
}

.gallery-overlay.media-focus :is(.gallery-focus-controls button,.gallery-focus-show,.gallery-focus-download):hover{
  background:#30475e;
  color:#fff;
}

/* A tap restores the controls; keyboard users can also tab to the restore button. */
.gallery-overlay.media-focus>.gallery-focus-show:not(:focus-visible){
  clip-path:inset(50%);
  pointer-events:none;
}

.sidebar-quote{margin:12px 9px 0;color:#a7b2c3;font-size:11px;line-height:1.55}
.sidebar-quote blockquote{margin:0;font-style:italic}
.sidebar-quote figcaption{margin-top:4px;font-weight:600;text-align:right}
[data-theme="light"] .sidebar-quote{color:#516984}
.profile-account-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}

/* Separate navigation groups and keep the quote at the foot of the sidebar. */
.sidebar .brand{padding-bottom:12px}
.sidebar .side-label{padding:14px 12px 8px;color:#929daa}
.sidebar .side-project-label{margin-top:9px;border-top:1px solid #899ab02c}
.sidebar .project-order-button{margin:0 0 5px}
.sidebar .sidebar-bottom{padding-top:14px}
.sidebar .sidebar-quote{margin:0 5px;padding:10px 8px 0;border-top:1px solid #899ab02c}
[data-theme="light"] .sidebar .side-label{color:#596d86}
.profile-workspace{margin:0;padding:10px 12px}
.profile-workspace strong{color:var(--ink)}
.profile-workspace small{color:var(--muted)}
@media(max-width:800px){
  .sidebar .side-label{padding-top:12px}
  .sidebar .side-project-label{margin-top:7px}
}

.auth-password-actions{display:flex;align-items:center;gap:8px}

.auth-terms{display:grid;justify-items:start;gap:7px;margin:14px 0;padding:11px 12px;border:1px solid var(--line);border-radius:8px}
.auth-terms .auth-terms-read{margin-inline-start:25px}
.auth-company-entry{font-weight:700;letter-spacing:.025em;margin:0 0 8px;color:var(--ink)}
.auth-form .auth-terms-hint{margin:8px 0 0}
.auth-terms-read{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.auth-terms-read .icon{width:15px;height:15px;flex:none}
.auth-terms-accept{display:flex;align-items:flex-start;gap:9px;color:var(--ink);font-size:12px;line-height:1.5;cursor:pointer}
.auth-terms-accept input{width:16px;height:16px;margin:1px 0 0;flex:none;accent-color:var(--orange)}
.auth-remember{margin:0 0 14px}
.workspace-terms-dialog:not([open]){display:none}
.workspace-terms-dialog{width:min(650px,calc(100% - 24px));padding:0;margin:auto;border:1px solid var(--line);background:var(--white);color:var(--ink)}
.workspace-terms-dialog::backdrop{background:#060b13b8;backdrop-filter:blur(5px)}
.workspace-terms-dialog .modal-top strong{flex:1;min-width:0;font-size:14px}
.workspace-terms-dialog>.workspace-terms-content{padding-inline:clamp(18px,5vw,32px);padding-block:clamp(20px,4vw,28px)}
.workspace-terms-content h2{margin:0 0 6px;font-size:20px}
.workspace-terms-content h3{margin:22px 0 6px;font-size:15px}
.workspace-terms-content p{margin:0 0 9px;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.workspace-terms-content .workspace-terms-version{color:var(--muted);font-size:12px}

.gallery-image,.gallery-video,.photo-preview img,.task-cover,.full-cover-image{-webkit-touch-callout:none}
.file-preview-unavailable{display:block;padding:0 10px 12px;color:var(--muted);line-height:1.45}

.profile-terms-notice{display:grid;justify-items:start;gap:8px;padding:12px;border:1px solid var(--line);border-radius:9px}
.profile-terms-notice strong{display:flex;align-items:center;gap:7px;font-size:13px}
.profile-terms-notice p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}

.card-comments-shortcut{flex:none;white-space:nowrap}
#card-team-discussion{scroll-margin-block-start:8px}
.photo-gallery[data-expanded="false"]>.photo-tile:nth-child(n+4){display:none}
.attachment-gallery-toggle{margin-top:10px}
.attachment-gallery-toggle.mobile-only{display:none}
.attachment-upload-time:not([hidden]){display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}
.gallery-upload-time:not([hidden]){
  display:block;flex:none;padding:4px 12px;border-top:1px solid #a7bad32b;
  background:#141d2a;color:#a9bfdc;font-size:11px;line-height:16px;text-align:center;
}
.gallery-overlay.media-focus>.gallery-upload-time{background:#0b1119;padding-bottom:max(4px,env(safe-area-inset-bottom,0px))}
.gallery-overlay.media-focus:has(>.gallery-upload-time:not([hidden])) .gallery-focus-playback{
  bottom:calc(var(--focus-bottom-inset) + 25px)
}
@media(max-width:800px){
  .photo-gallery[data-expanded="false"]{grid-template-columns:minmax(0,1fr)}
  .photo-gallery[data-expanded="false"]>.photo-tile:nth-child(n+2){display:none}
  .attachment-gallery-toggle.mobile-only:not([hidden]){display:inline-flex}
}
@media(max-width:560px){
  .card-comments-shortcut{min-width:36px;min-height:36px;padding:6px;justify-content:center}
  .card-comments-shortcut>span{display:none}
}

.comment-edited{font-size:10px;color:var(--muted)}
.comment-actions,.attachment-edit-actions,.comment-edit-buttons{display:flex;flex-wrap:wrap;gap:5px}
.comment-actions{margin-top:7px}
.attachment-edit-actions,.attachment-edit-form{margin:0 8px 8px}
.comment-edit-form{margin-top:7px}
.comment-edit-form textarea,.attachment-edit-form input{display:block;width:100%;min-width:0;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:12px;line-height:1.5}
.comment-edit-form textarea{min-height:68px;resize:vertical}
.comment-edit-form .form-error,.attachment-edit-form .form-error{margin-top:6px}
.comment-edit-buttons{justify-content:flex-end;margin-top:7px}
.comment-actions>.icon-button,.attachment-edit-actions>.icon-button{width:28px;height:28px;padding:0;flex:none}
.comment-actions .icon,.attachment-edit-actions .icon{width:14px;height:14px}
.comment-actions>.remove-action,.attachment-edit-actions>.remove-action{color:#b14742}
[data-theme="dark"] .comment-actions>.remove-action,[data-theme="dark"] .attachment-edit-actions>.remove-action{color:#e2a3a5}
.comment-edit-buttons>.btn{min-height:32px;font-size:11px;padding:5px 8px}
@media(max-width:800px),(pointer:coarse){
  .comment-actions>.icon-button,.attachment-edit-actions>.icon-button{width:36px;height:36px}
  .comment-edit-buttons>.btn{min-height:40px}
}

.inline-card-field{min-width:0}
.inline-card-field input{width:100%;min-width:0}
.inline-card-field input::placeholder{color:var(--muted);opacity:1}
.card-modal-actions{align-items:center;justify-content:flex-start;flex-wrap:wrap}
.card-modal-action-group{display:flex;align-items:center;gap:8px}
.card-modal-submit-group{margin-inline-start:auto}
.card-modal-actions .card-back-top{
  display:inline-flex;flex:none;width:35px;height:35px;align-items:center;justify-content:center;padding:0;
  border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);
}
.card-modal-actions .card-back-top:hover{border-color:var(--orange);color:var(--orange)}
.card-action-short-label{display:none}
@media(max-width:800px),(pointer:coarse){
  .card-modal-actions{flex-wrap:nowrap;gap:4px;padding-block:5px}
  .card-modal-action-group{flex:none;gap:4px}
  .card-modal-action-group>.btn{min-width:44px;min-height:44px;padding:4px 8px;gap:5px}
  .card-modal-action-group .card-action-icon-only,
  .card-modal-actions .card-back-top{width:44px;height:44px;padding:0}
  .card-modal-actions .card-action-label{display:none}
  .card-modal-actions .card-action-short-label{display:inline}
}

/* Warm paper surfaces for Light Mode. The pattern stays behind the workspace. */
html[data-theme="light"]{
  --ink:#332c24;
  --muted:#6c6052;
  --line:#d7c9b6;
  --paper:#efe7d9;
  --white:#f8f1e5;
  --cream-recessed:#e9decc;
  --cream-raised:#f3eadb;
  --cream-field:#faf3e8;
  --cream-hover:#eadcc7;
  --cream-accent:#985437;
  --cream-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='660' height='300' viewBox='0 0 660 300' fill='none' stroke='%23876442' stroke-opacity='.18'%3E%3Cpath d='M270-35C474 21 420 181 670 202M300-35C498 21 446 157 670 177M330-35C524 19 473 133 670 152M360-35C550 17 500 109 670 127M390-35C574 15 527 86 670 102M420-35C600 14 554 63 670 77'/%3E%3C/svg%3E");
}
[data-theme="light"] :is(.main,.auth-form-area){
  background:var(--cream-pattern) right top / min(58vw,660px) auto no-repeat,var(--paper);
}
[data-theme="light"] .auth-shell{background:var(--paper)}
[data-theme="light"] :is(.sidebar,.auth-brand,.column){
  background:var(--cream-recessed);
  border-color:var(--line);
}
[data-theme="light"] :is(.sidebar,.auth-brand,.auth-message h1,.workspace-card strong,.side-profile strong){
  color:var(--ink);
}
[data-theme="light"] :is(.brand-sub,.side-label,.nav-btn,.board-btn,.board-count,.auth-message p,.auth-message .eyebrow,.auth-foot){
  color:var(--muted);
}
[data-theme="light"] :is(.nav-btn:hover,.board-btn:hover,.sidebar .mobile-sidebar-close){
  background:var(--cream-hover);
  color:var(--ink);
}
[data-theme="light"] .nav-btn.active{background:var(--white);color:var(--ink)}
[data-theme="light"] .board-btn.active{background:#f4ddc9;color:#7c4028}
[data-theme="light"] .board-initial{background:#ddd0ba;color:#655543}
[data-theme="light"] .board-btn.active .board-initial{background:#e9c7aa;color:#7c4028}
[data-theme="light"] :is(.topbar,.modal-top,.modal-actions,.detail-side,.assistant-composer,.data-table th){
  background:var(--cream-raised);
  border-color:var(--line);
}
[data-theme="light"] :is(.stat,.task,.table-wrap,.modal,.activity-feed,.audit-feed:not(.compact),.notification-panel,.email-status-card,.photo-tile,.workspace-card,.mention-menu,.mention-menu>button,.task-move-menu){
  background:var(--white);
  border-color:var(--line);
}
[data-theme="light"] :is(.column-number,.status-mini,.pill){
  background:#ded0bb;
  color:var(--muted);
}
[data-theme="light"] .column.drag-over{background:#f4ddc9;border-color:#b17a58}
[data-theme="light"] :is(.search input,.filter-select,.field input:not([type="checkbox"]):not([type="radio"]),.field select,.field textarea,.inline-form input,.detail-main textarea.description,.comment-compose textarea,.assistant-composer textarea,.card-member-search-wrap,.gallery-comment-composer textarea){
  background:var(--cream-field);
  border-color:var(--line);
  color:var(--ink);
}
[data-theme="light"] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
[data-theme="light"] :is(.check-group,.file-drop,.notice,.upload-status,.email-test-section,.import-issues,.custom-field-values>div,.card-member-selector,.audit-changes,.audit-change-values>div,.pwa-install-button){
  background:var(--cream-raised);
  border-color:var(--line);
}
[data-theme="light"] :is(.check-group,.file-drop,.card-member-selector,.custom-field-values dd,.audit-value){color:var(--ink)}
[data-theme="light"] :is(.btn:not(.primary,.danger,.dark,.ghost),.inline-form button,.heading-actions>.icon-button,.language-toggle,.theme-toggle,.gallery-nav,.gallery-overlay .appearance-controls button){
  background:var(--white);
  border-color:var(--line);
  color:var(--ink);
}
[data-theme="light"] :is(.btn:not(.primary,.danger,.dark,.ghost):hover,.inline-form button:hover,.heading-actions>.icon-button:hover,.language-toggle:hover,.theme-toggle:hover,.icon-button:hover,.file-drop:hover,.mention-menu>button:hover,.mention-menu>button.active,.attachment-row:hover,.data-table tbody tr:hover){
  background:var(--cream-hover);
  color:var(--ink);
}
[data-theme="light"] .language-toggle [data-language].selected{color:var(--cream-accent)}
[data-theme="light"] :is(.field label,.field-help,.detail-heading,.check-group-title,.check-row,.check-row.done .check-item-name,.custom-field-values dt,.task-excerpt,.card-metrics,.stat-label,.stat-note,.tab:not(.active),.page-description,.eyebrow,.breadcrumb,.filter-check,.subtle-count,.workspace-footer,.auth-form>p,.auth-small){
  color:var(--muted);
}
[data-theme="light"] :is(.tab.active,.breadcrumb strong,.task-title,.detail-title,.auth-form h2){color:var(--ink)}
[data-theme="light"] .avatar{border-color:var(--white)}
[data-theme="light"] .gallery-overlay:not(.media-focus){background:var(--paper);color:var(--ink)}
[data-theme="light"] :is(.gallery-header,.gallery-feedback,.gallery-feedback-toggle){
  background:var(--white);
  border-color:var(--line);
  color:var(--ink);
}
@media(max-width:800px){
  [data-theme="light"] :is(.main,.auth-form-area){background-size:min(100%,460px) auto,auto}
}

[data-theme="light"] :is(.add-list-column,.show-more,.column-add:hover){
  background:var(--cream-raised);
  border-color:var(--line);
  color:var(--muted);
}
[data-theme="light"] .add-list-column:hover{
  background:var(--cream-hover);
  border-color:#b17a58;
  color:var(--ink);
}

[data-theme="light"] .description-toolbar>.description-format-button{
  background:var(--cream-raised);
  border-color:var(--line);
  color:var(--muted);
}
[data-theme="light"] .description-toolbar>.description-format-button[aria-pressed="true"]{
  background:#efd4be;
  border-color:#a36c4c;
  color:#703b26;
  box-shadow:inset 0 -2px #a36c4c;
}
[data-theme="dark"] .description-toolbar>.btn.description-format-button[aria-pressed="true"]{
  background:#4a322a;
  border-color:#d88d63;
  color:#ffd7bd;
  box-shadow:inset 0 -2px #d88d63;
}

/* neoFILMS reactions share the logo's red, cream and charcoal palette. */
.comment-reactions{min-width:0;max-width:100%;margin-top:8px}
.comment-reaction-row,.comment-reaction-pills{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}
.comment-reaction-pills:empty{display:none}
.comment-reaction-pill,.comment-reaction-picker-trigger,.comment-reaction-choice{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  margin:0;padding:3px 7px;min-height:34px;
  border:1px solid var(--line);border-radius:9px;
  background:var(--white);color:var(--muted);font:inherit;line-height:1.2;
}
.comment-reaction-picker-trigger{
  position:relative;flex:none;width:26px;height:26px;min-height:26px;
  padding:2px;border:0;background:transparent;border-radius:7px;opacity:.72;
}
.comment-reaction-picker-trigger:hover,.comment-reaction-picker-trigger[aria-expanded="true"]{background:var(--paper);opacity:1}
.comment-reaction-picker-trigger>.reaction-icon{width:20px;height:20px}
.comment-reaction-picker-trigger>.icon{position:absolute;right:0;bottom:0;width:9px;height:9px;background:var(--white);border-radius:50%}
.reaction-icon{display:block;width:26px;height:26px;flex:none;object-fit:contain}
.reaction-count{font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}
.comment-reaction-pill:hover,.comment-reaction-picker-trigger:hover,.comment-reaction-choice:hover{border-color:#c9202780;color:var(--ink)}
.comment-reaction-pill[aria-pressed="true"],.comment-reaction-choice[aria-pressed="true"]{
  border-color:#c92027;background:#c9202712;color:var(--ink);box-shadow:inset 0 -2px #c92027;
}
.comment-reaction-picker-trigger[aria-expanded="true"]{color:var(--ink)}
.comment-reaction-picker{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:5px;
  width:min(100%,440px);max-height:216px;overflow-y:auto;overscroll-behavior:contain;padding:8px;margin-top:7px;
  border:1px solid var(--line);border-radius:12px;background:var(--paper);
}
.comment-reaction-choice{flex-direction:column;min-width:0;min-height:61px;padding:6px 2px;gap:5px;border-color:transparent}
.comment-reaction-choice>.reaction-icon{width:32px;height:32px}
.reaction-label{font-size:10px;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:none}
.comment-reaction-error{margin-top:6px;color:#b3313b;font-size:11px;line-height:1.5}
.comment-reaction-pill:focus-visible,.comment-reaction-picker-trigger:focus-visible,.comment-reaction-choice:focus-visible{
  outline:2px solid #c92027;outline-offset:3px;
}
.gallery-feedback .comment-reaction-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-feedback .comment-reaction-choice{min-height:60px}
[data-theme="dark"] .comment-reaction-error{color:#efb0ad}
[data-theme="dark"] .comment-reaction-pill[aria-pressed="true"],
[data-theme="dark"] .comment-reaction-choice[aria-pressed="true"]{background:#422b31;color:#f6e2de;border-color:#e26068}
@media(max-width:560px){
  .comment-reaction-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(pointer:coarse),(max-width:800px){
  .comment-reaction-pill{min-height:32px;min-width:36px;padding:2px 6px}
  .comment-reaction-picker-trigger{width:32px;height:32px;min-height:32px;min-width:32px;padding:5px}
  .comment-reaction-choice{min-height:64px}
}

.comment-reaction-pill{min-height:28px;padding:2px 6px}
.comment-reaction-pill>.reaction-icon{width:21px;height:21px}
.comment-reactions:not(:has(.comment-reaction-pill)):has(>.comment-reaction-picker[hidden]):has(>.comment-reaction-error[hidden]){display:none}
.comment-header>.comment-reaction-picker-trigger{margin-inline-start:auto}
.comment-header>.comment-reaction-picker-trigger+.private-copy-button{margin-inline-start:0}
.photo-tile figcaption:has(>.attachment-reaction-trigger){position:relative;padding-inline-end:39px}
.photo-tile figcaption>.attachment-reaction-trigger{position:absolute;inset-inline-end:5px;top:5px}
.attachment-reactions{margin:0 8px 7px;max-width:calc(100% - 16px)}
.gallery-feedback-title{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}
.gallery-feedback-title>strong{font-size:12px;color:var(--ink)}
.gallery-feedback-heading>.attachment-reactions{margin:0;max-width:100%}
.gallery-overlay.media-focus .comment-reactions,
.gallery-overlay.media-focus .comment-reaction-picker-trigger{display:none}
.gallery-overlay:fullscreen .comment-reactions,
.gallery-overlay:fullscreen .comment-reaction-picker-trigger{display:none}

@media(pointer:coarse),(max-width:800px){
  .comment-reaction-pill{min-height:32px}
}

/* Account board permissions use compact, full-label choices in both dialogs. */
.member-backfill-tools{display:flex;justify-content:flex-end;margin:0 0 14px}
.member-backfill-summary{margin:0 0 5px;color:var(--ink);font-size:13px;font-weight:600}
.member-backfill-table{width:100%;border-collapse:collapse;font-size:12px}
.member-backfill-table :is(th,td){padding:9px 7px;border-bottom:1px solid var(--line);text-align:right}
.member-backfill-table :is(th,td):first-child{text-align:left;overflow-wrap:anywhere}
.member-backfill-table th{color:var(--muted);font-weight:550;font-size:11px}
.member-backfill-table td{color:var(--ink);font-variant-numeric:tabular-nums}
.member-backfill-table tfoot :is(th,td){border-bottom:0;font-weight:650}
.member-backfill-form .board-form-actions{flex-wrap:wrap}
.member-backfill-form .board-form-actions>.btn{min-height:40px}

.board-access{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));
  gap:6px;min-width:0;margin:8px 0 12px;
}
.board-access>.board-access-option{
  display:flex;align-items:center;gap:8px;min-width:0;min-height:40px;
  margin:0;padding:7px 9px;border:1px solid var(--line);border-radius:8px;
  background:var(--paper);color:var(--ink);font-size:11px;font-weight:550;
  letter-spacing:normal;cursor:pointer;
}
.board-access .board-access-checkbox{
  display:inline-block;flex:none;width:17px;height:17px;min-width:17px;min-height:17px;
  margin:0;padding:0;accent-color:var(--orange);cursor:inherit;
}
.board-access-name{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.board-access-option:has(>.board-access-checkbox:checked){background:#ee754a16;border-color:#ba805c}
.board-access-option:has(>.board-access-checkbox:focus-visible){outline:2px solid var(--orange);outline-offset:2px}
.board-access-option:has(>.board-access-checkbox:disabled){opacity:.6;cursor:default}
@media(max-width:800px),(pointer:coarse){
  .board-access>.board-access-option{min-height:44px}
}

/* Keep checklist names as text while providing a separate edit action. */
.checklist-add-item-form{flex-wrap:wrap}
.checklist-add-item-form>.checklist-new-item-input{flex:1;min-width:0}
.checklist-add-failures{flex-basis:100%;min-width:0}
.checklist-failed-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}
.checklist-failed-item>span{min-width:0;overflow-wrap:anywhere}
.checklist-failed-item>button{flex:none}
.check-row button.check-item-name{display:block;width:100%;min-height:0;margin:0;padding:0;border:0;border-radius:3px;background:transparent;box-shadow:none;color:inherit;font:inherit;line-height:1.7;text-align:start;white-space:normal;overflow-wrap:anywhere;cursor:text}
.check-row button.check-item-name:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Workflow badges use the card's current list color on a quiet glass surface. */
.list-status-color-control{display:grid;gap:12px;min-width:0}
.list-status-palette{display:flex;flex-wrap:wrap;gap:8px}
.list-status-swatch{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--swatch-color);color:#fff;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.13)}
.list-status-swatch>.icon{width:17px;height:17px;opacity:0;stroke-width:2.7;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}
.list-status-swatch[aria-pressed="true"]{border-color:var(--text);box-shadow:0 0 0 2px var(--white),inset 0 0 0 1px rgba(0,0,0,.12)}
.list-status-swatch[aria-pressed="true"]>.icon{opacity:1}
.list-status-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.list-status-custom{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
.user-form .list-status-custom input[type="color"]{width:42px;min-width:42px;max-width:42px;height:32px;min-height:32px;margin:0;padding:3px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--white)}
.list-status-color-preview{display:flex;align-items:center;max-width:100%;min-width:0}
.status-chip,.card-status>div.status-chip{
  display:inline-flex;align-items:center;gap:6px;
  min-width:0;max-width:100%;min-height:25px;
  padding:4px 8px;border:1px solid rgba(var(--status-rgb,164,177,196),.38);
  border-radius:999px;
  background:
    linear-gradient(118deg,rgba(255,255,255,.09),transparent 56%),
    linear-gradient(180deg,rgba(var(--status-rgb,164,177,196),.16),rgba(var(--status-rgb,164,177,196),.06)),
    var(--white);
  color:var(--status-light,#d3ddeb);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(var(--status-rgb,164,177,196),.1),0 2px 4px rgba(8,15,25,.08);
  font-size:10px;font-weight:650;line-height:1.25;vertical-align:middle;
}
.status-chip>.status-indicator{
  display:inline-flex;align-items:center;justify-content:center;
  width:14px;height:14px;flex:none;
  border:1px solid rgba(var(--status-rgb,164,177,196),.38);
  border-radius:50%;background:rgba(var(--status-rgb,164,177,196),.13);
  color:inherit;
}
.status-indicator>.icon{width:9px;height:9px;stroke-width:2.3}
.status-chip>.status-indicator:empty::before{
  content:"";width:5px;height:5px;border-radius:50%;
  background:rgb(var(--status-rgb,164,177,196));
}
.status-chip>.status-label,.status-chip>.status-value{
  min-width:0;margin:0;line-height:1.25;white-space:nowrap;
}
.status-chip>.status-label{
  flex:none;font-size:9px;font-weight:550;letter-spacing:.065em;text-transform:uppercase;
}
.status-chip>.status-value{
  overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:650;color:inherit;
}
.card-status{
  display:flex;max-width:100%;min-width:0;margin:0;
}
.card-status>div.status-chip-detail{
  min-height:29px;padding:5px 9px;gap:7px;
}
.card-status>div.status-chip>.status-label,
.card-status>div.status-chip>.status-value{max-width:none;color:inherit}
.card-status>div.status-chip>.status-label{flex:none;font-size:9px;opacity:.82}
.card-status>div.status-chip>.status-value{flex:0 1 auto;font-size:10.5px}
.status-chip-row{display:flex;min-width:0;max-width:100%;margin:0 22px 8px 0}
.status-chip-row>.status-chip{max-width:100%}
.task.full-cover>.status-chip-row{position:relative;z-index:1}
.status-chip-compact{padding:3px 7px;gap:5px}
.column[data-status-tone]>.column-head>.column-dot{
  background:rgb(var(--status-rgb,164,177,196));
  box-shadow:0 0 0 3px rgba(var(--status-rgb,164,177,196),.11);
}
[data-theme="light"] .status-chip,
[data-theme="light"] .card-status>div.status-chip{
  border-color:rgba(var(--status-rgb,164,177,196),.48);
  background:
    linear-gradient(118deg,rgba(255,255,255,.42),transparent 56%),
    linear-gradient(180deg,rgba(var(--status-rgb,164,177,196),.18),rgba(var(--status-rgb,164,177,196),.08)),
    var(--white);
  color:var(--status-ink,#435269);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(var(--status-rgb,164,177,196),.12),0 2px 4px rgba(74,53,28,.05);
}
@media(max-width:800px){
  .status-chip-row{margin-bottom:6px}
  .card-status>div.status-chip-detail{min-height:28px;padding:4px 7px;gap:5px}
  .card-status>div.status-chip>.status-label{font-size:8.5px;letter-spacing:.045em}
  .card-status>div.status-chip>.status-value{font-size:10px}
}

/* File drops stay inside the card and retain the regular upload validation. */
.card-attachments.file-drag-over{border-radius:12px;outline:2px dashed var(--orange);outline-offset:6px}
.card-attachments.file-drag-over .file-drop{background:var(--orange-soft);border-color:var(--orange);color:var(--ink);box-shadow:0 0 0 3px #ee754a15}
[data-theme="dark"] .card-attachments.file-drag-over .file-drop{background:#342a26;color:#f5c6a4}
.file-drop.busy{cursor:progress}
.attachment-paste-target{width:fit-content;max-width:100%;margin:4px 0;padding:5px 3px;border-radius:5px;cursor:text}
.attachment-paste-target:focus{outline:2px solid var(--orange);outline-offset:1px}
.attachment-paste-hint{margin:0}
.attachment-upload-failures{margin:6px 0 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.attachment-upload-failure-list{margin:0 0 8px;padding-inline-start:20px;overflow-wrap:anywhere}
.attachment-copy-dialog{width:min(440px,calc(100% - 28px));max-height:min(580px,calc(100dvh - 28px));padding:0;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);box-shadow:0 18px 70px #0005}
.attachment-copy-dialog[open]{display:flex;flex-direction:column}
.attachment-copy-dialog::backdrop{background:#08101bb0}
.attachment-copy-heading,.attachment-copy-footer{display:flex;align-items:center;gap:8px;padding:10px 14px;flex:none}
.attachment-copy-heading{justify-content:space-between;border-bottom:1px solid var(--line)}
.attachment-copy-heading h2{margin:0;font-size:15px}
.attachment-copy-footer{justify-content:flex-end;border-top:1px solid var(--line)}
.attachment-copy-body{min-height:0;padding:12px 14px;overflow:auto;overscroll-behavior:contain}
.attachment-copy-name{margin:0 0 8px;overflow-wrap:anywhere;color:var(--muted)}
.attachment-copy-body input{width:100%;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:16px}
.attachment-copy-results{margin:8px 0 0;padding:0;list-style:none}
.attachment-copy-results:empty{margin:0}
.attachment-copy-result{display:grid;gap:3px;width:100%;padding:9px 8px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:start;overflow-wrap:anywhere}
.attachment-copy-result:hover,.attachment-copy-result[aria-pressed="true"]{background:var(--paper);border-color:var(--line)}
.attachment-copy-result[aria-pressed="true"]{border-color:var(--orange)}
.attachment-copy-result span{font-size:11px;color:var(--muted)}

.workspace-text-link{color:inherit;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:3px;overflow-wrap:anywhere;cursor:pointer}
.workspace-text-link:hover{color:var(--orange)}
.document-preview-button{width:100%;border:0;font:inherit;cursor:pointer}
.document-tile-actions{display:flex;justify-content:flex-end;padding:0 9px 8px}
.document-viewer-overlay{position:fixed;inset:0;z-index:1200;background:#070b13d9;display:flex;align-items:center;justify-content:center;padding:20px;overscroll-behavior:contain}
.document-viewer-panel{display:flex;flex-direction:column;width:min(1200px,100%);height:min(94dvh,1100px);min-height:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 15px 80px #0005}
.document-viewer-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);flex-shrink:0}
.document-viewer-title{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.document-viewer-title strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-viewer-time{color:var(--muted);font-size:11px}
.document-viewer-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--white)}
.document-pdf-frame{display:block;width:100%;height:100%;min-height:360px;border:0;background:#484b50}
.document-content{padding:26px;line-height:1.65;font-size:14px;overflow-wrap:anywhere}
.document-content p{white-space:pre-wrap;margin:0 0 14px}
.document-text{font:12px/1.65 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.document-table-scroll{max-width:100%;overflow:auto;margin:12px 0}
.document-table{border-collapse:collapse;width:100%;font-size:12px}
.document-table td{border:1px solid var(--line);padding:7px 10px;min-width:80px;white-space:pre-wrap;vertical-align:top}
.document-sheet-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px}
.document-sheet-tabs button{white-space:nowrap}
.document-sheet-tabs .active{border-color:var(--orange);color:var(--orange)}
.document-slide{padding:20px;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}
.document-preview-error,.document-unsupported{padding:28px;text-align:center}
[data-theme="dark"] .document-viewer-panel{background:#1c2736;color:#dce5f2;border-color:#35465e}
[data-theme="dark"] .document-viewer-header{border-color:#35465e}
[data-theme="dark"] .document-viewer-body{background:#151e2b}
[data-theme="dark"] .document-table td,[data-theme="dark"] .document-slide{border-color:#35465e}
@media(max-width:700px){.document-viewer-overlay{padding:0}.document-viewer-panel{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}.document-viewer-header{gap:8px;padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))}.document-viewer-header .btn{font-size:11px;min-height:36px;padding:7px 10px}.document-viewer-title strong{font-size:12px}.document-content{padding:16px;font-size:13px}.document-viewer-body{padding-bottom:env(safe-area-inset-bottom)}}

.pdf-preview{height:100%;min-height:340px;display:flex;flex-direction:column;background:#393b40}
.pdf-preview-toolbar{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-bottom:1px solid #ffffff1a;background:#222a36;color:#dce5f2;flex-wrap:wrap;flex-shrink:0}
.pdf-preview-toolbar button{border:1px solid #46566e;background:#303e52;color:inherit;border-radius:7px;min-width:34px;height:34px;padding:4px 9px;cursor:pointer;font:inherit}
.pdf-preview-toolbar button:disabled{opacity:.4;cursor:default}
.pdf-preview-toolbar input{width:52px;min-width:0;height:32px;text-align:center;font:inherit;color:inherit;background:#162132;border:1px solid #46566e;border-radius:6px;padding:3px}
.pdf-preview-pages{flex:1;min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain;text-align:center}
.pdf-page-canvas{display:block;margin:auto;background:#fff;box-shadow:0 3px 15px #0005;max-width:none}
.pdf-preview-status{font-size:11px;color:#d3dce9;padding:5px 12px;text-align:center;flex-shrink:0}
@media(max-width:700px){.pdf-preview-toolbar{gap:5px;padding:7px 5px;font-size:12px}.pdf-preview-pages{padding:7px}.pdf-preview-toolbar button{padding:4px 7px;min-width:32px}.pdf-preview-toolbar input{width:44px}}
/* Board artwork shares the default brand footprint, so square marks remain full size. */
.brand-logo-frame.brand-board-logo-frame{aspect-ratio:182.87913904/178.359050624;overflow:hidden}
.brand-logo-image.brand-board-logo{display:block;object-fit:contain;object-position:center}
.board-logo-controls{margin:17px 0;padding:13px;border:1px solid var(--line,#34445a);border-radius:11px;background:var(--surface,#202b39)}
.board-logo-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-bottom:10px}
.board-logo-heading strong{font-size:12px}.board-logo-heading small{font-size:11px;color:var(--muted,#91a3bb)}
.board-logo-row{display:flex;align-items:center;gap:14px;min-width:0}
.board-logo-preview{width:112px;height:58px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--line,#34445a);border-radius:8px;overflow:hidden;background:var(--bg,#151d27);padding:5px}
.board-logo-preview img{display:block;width:100%;height:100%;object-fit:contain}.board-logo-default{font-size:15px;font-weight:700;color:var(--text,#dce5f2)}
.board-logo-actions{display:flex;flex-wrap:wrap;gap:7px}.board-logo-actions .btn{margin:0;padding:7px 9px;font-size:11px;min-height:32px}
.board-logo-message{margin:9px 0 0;font-size:11px;color:var(--muted,#91a3bb)}.board-logo-message.form-error{color:#ed8f8f}
[data-theme=light] .board-logo-controls{background:#eae5db;border-color:#cec7ba}[data-theme=light] .board-logo-preview{background:#f3eee5;border-color:#cec7ba}[data-theme=light] .board-logo-default{color:#2e3a48}[data-theme=light] .board-logo-heading small,[data-theme=light] .board-logo-message{color:#627080}
@media(max-width:400px){.board-logo-row{gap:9px}.board-logo-preview{width:90px;height:48px}.board-logo-actions .btn{padding:6px 7px;font-size:10px}}

/* Board profile photos retain the compact sidebar footprint and inherit each theme. */
.board-initial.board-avatar{flex:none;overflow:hidden;position:relative;aspect-ratio:1/1}
.board-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;-webkit-user-drag:none}
.personal-board-order .board-order-avatar{width:27px;height:27px;font-size:12px}
.board-avatar-help{margin:9px 0 0;font-size:11px;line-height:1.5;color:var(--muted,#91a3bb)}
.board-photo-controls .board-logo-preview{width:62px;height:62px;aspect-ratio:1/1;flex:0 0 62px}
.board-photo-controls .board-logo-preview img{width:100%;height:100%;object-fit:cover}
@media(max-width:480px){.personal-board-order .board-order-avatar{width:24px;height:24px}.personal-board-order-row{gap:7px}}
.photo-tile>.attachment-download{position:absolute;right:6px;top:6px;z-index:4;width:32px;height:32px;min-height:32px;padding:7px;border:1px solid #ffffff45;border-radius:6px;background:#152337c7;color:#e1ecfb;text-decoration:none;box-shadow:0 1px 6px #0002}
.photo-tile>.attachment-download:hover{background:#324c70}
.gallery-subheading{display:flex;align-items:center;gap:9px;min-height:28px}
.gallery-subheading>.gallery-counter{margin:0}
.gallery-download-slot{display:inline-flex;align-items:center}
.gallery-download{width:28px;height:28px;min-height:28px;padding:5px;border:1px solid #5b71934a;color:#bed0e9;text-decoration:none}
.gallery-download>.icon{width:14px;height:14px}
.gallery-overlay.media-focus .gallery-download{display:none!important}
.gallery-focus-download{display:inline-grid;place-items:center;text-decoration:none}
[data-theme="light"] .gallery-download{color:#738fb3;border-color:#d6e1ef}
@media(max-width:800px){.photo-tile>.attachment-download{width:34px;height:34px;min-height:34px}.gallery-download{width:30px;height:30px;min-height:30px}}
.board-logo-crop-overlay{position:fixed;inset:0;z-index:1600;padding:20px;display:flex;align-items:center;justify-content:center;background:#080d16c9;backdrop-filter:blur(7px)}
.board-logo-crop-panel{display:flex;flex-direction:column;width:min(940px,100%);max-height:calc(100dvh - 40px);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--white);color:var(--ink);box-shadow:0 22px 100px #0005}
.board-logo-crop-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid var(--line)}
.board-logo-crop-heading>.icon-button{font-size:26px;line-height:1;width:36px;height:36px;padding:0}
.board-logo-crop-body{padding:16px 20px;overflow:auto;min-height:0;overscroll-behavior:contain}
.board-logo-crop-modes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.board-logo-crop-modes>.btn[aria-pressed="true"]{border-color:var(--orange);background:#ee754a16;color:var(--orange)}
.board-logo-crop-stage{display:flex;justify-content:center;align-items:center;min-height:100px;overflow:hidden;border-radius:9px;background:repeating-conic-gradient(#8b95a31a 0% 25%,#8b95a309 0% 50%) 50%/16px 16px}
.board-logo-crop-canvas{display:block;max-width:100%;cursor:move}
.board-logo-crop-hint{font-size:12px;color:var(--muted);line-height:1.6;margin:12px 0 0}
.board-logo-crop-actions{display:flex;justify-content:flex-end;gap:9px;padding:13px 20px;border-top:1px solid var(--line)}
[data-theme="dark"] .board-logo-crop-panel{background:#202c3d;color:#dce7f5;border-color:#3a4e68}
[data-theme="dark"] .board-logo-crop-heading,[data-theme="dark"] .board-logo-crop-actions{border-color:#3a4e68}
[data-theme="dark"] .board-logo-crop-hint{color:#9bafc9}
@media(max-width:600px){.board-logo-crop-overlay{padding:10px}.board-logo-crop-panel{max-height:calc(100dvh - 20px);border-radius:12px}.board-logo-crop-body{padding:12px}.board-logo-crop-heading,.board-logo-crop-actions{padding:11px 12px}.board-logo-crop-modes>.btn{min-height:40px}.board-logo-crop-hint{font-size:11px}.board-logo-crop-actions>.btn{min-height:40px}}

.sidebar-quote blockquote,.sidebar-quote figcaption{white-space:pre-wrap;overflow-wrap:anywhere}
.board-editor-style-picker {
  min-width:0;
  padding:0;
  margin:0 0 12px;
  border:0;
}
.board-editor-style-picker > legend {
  padding:0;
  margin:0 0 7px;
  font-size:12px;
  font-weight:650;
}
.board-editor-style-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.board-editor-style-choice {
  display:flex;
  align-items:flex-start;
  gap:7px;
  min-width:0;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface,var(--paper));
  cursor:pointer;
}
.board-editor-style-choice:hover { border-color:var(--muted); }
.board-editor-style-choice:has(> input:checked) { border-color:var(--orange); }
.board-editor-style-choice:has(> input:focus-visible) { outline:2px solid var(--orange); outline-offset:2px; }
.board-editor-style-picker .board-editor-style-choice > input[type="radio"] {
  flex:none;
  width:14px;
  min-height:0;
  height:14px;
  margin:1px 0 0;
  padding:0;
  accent-color:var(--orange);
}
.board-editor-style-choice > .icon { width:14px; height:14px; margin-top:1px; }
.board-editor-style-choice > span { min-width:0; }
.board-editor-style-choice :is(strong,small) { display:block; }
.board-editor-style-choice strong { font-size:12px; }
.board-editor-style-choice small { margin-top:3px; color:var(--muted); font-size:11px; line-height:1.35; }
@media(max-width:400px) {
  .board-editor-style-options { grid-template-columns:1fr; }
}
.board-sidebar-quote-controls{margin:17px 0;padding:13px;border:1px solid var(--line,#34445a);border-radius:11px;background:var(--surface,#202b39)}
.board-sidebar-quote-controls>strong{display:block;font-size:12px;margin-bottom:11px}
.board-sidebar-quote-controls .field{margin-bottom:11px}.board-sidebar-quote-controls .field-help{margin:0}
[data-theme=light] .board-sidebar-quote-controls{background:#eae5db;border-color:#cec7ba}
/* Scoped board administration keeps global account controls with the owner. */
.board-admin-role-label{display:block;margin-top:5px;color:var(--muted,#94a8c4);font-size:10px;line-height:1.4}
.board-admin-presets,.board-delegated-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.board-admin-permission-choices{display:grid;gap:7px;margin:12px 0}
.board-admin-permission-option{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line,#35465e);border-radius:8px;line-height:1.5;font-size:12px;cursor:pointer}
.board-admin-permission-option input{flex:none;width:15px;height:15px;min-height:15px;margin:2px 0 0}
.board-admin-permission-option>span{min-width:0;overflow-wrap:anywhere}
.board-admin-owner-note{font-size:11px;line-height:1.7;padding:12px!important}
.board-member-access-list,.board-label-admin-list{max-height:46dvh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line,#35465e);border-radius:8px;padding:5px}
.board-member-access-option{display:flex;align-items:center;gap:10px;padding:10px 7px;border-bottom:1px solid var(--line,#35465e);font-size:12px;cursor:pointer}
.board-member-access-option:last-child{border:0}
.board-member-access-option input{flex:none;width:15px;height:15px;min-height:15px;margin:0}
.board-member-access-option>span:not(.avatar):not(.pill){min-width:0;flex:1}
.board-member-access-option strong,.board-member-access-option small{display:block;overflow-wrap:anywhere}
.board-member-access-option small{margin-top:3px;color:var(--muted,#94a8c4);font-size:10px}
.board-member-access-option .pill{font-size:9px;white-space:normal;text-align:center;max-width:90px}
.board-label-admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-bottom:1px solid var(--line,#35465e)}
.board-label-admin-row:last-child{border:0}
.board-label-admin-create{display:flex;align-items:center;gap:8px;margin-top:12px}
.board-label-admin-create input{min-width:0;flex:1}
@media(max-width:480px){.board-admin-permission-option{font-size:11px;padding:10px}.board-admin-presets>.btn{font-size:10px;white-space:normal}.board-member-access-option{gap:7px;padding:9px 4px}.board-member-access-option .pill{max-width:74px}.board-label-admin-create{gap:6px}.board-label-admin-create>.btn{font-size:10px;padding:8px}}

/* Ordinal controls use actual board order, independent of current search filters. */
.ordinal-position-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;min-width:0}
.ordinal-position-label{flex:1;min-width:100px;font-size:12px;font-weight:600;color:var(--muted,#8e9eb3)}
.ordinal-position-control .ordinal-position-select{width:90px;min-width:64px;min-height:34px;padding:6px 9px;margin:0;border:1px solid var(--border,#d9dfe7);border-radius:9px;background:var(--surface,#f7f6f1);color:inherit;font-size:13px;font-variant-numeric:tabular-nums;cursor:pointer}
.ordinal-position-control .ordinal-position-select:disabled{cursor:default;opacity:.65}
.ordinal-position-control.saving{opacity:.7}
.ordinal-position-feedback{flex-basis:100%;font-size:11px;color:#e78b80}
.ordinal-position-control.compact{display:inline-flex;flex:none;margin:0;gap:0}
.ordinal-position-control.compact .ordinal-position-select{width:auto;min-width:44px;max-width:76px;min-height:30px;font-size:11px;padding:4px 3px 4px 6px;border-radius:8px}
.list-manager-tools{align-items:center}
[data-theme="dark"] .ordinal-position-control .ordinal-position-select{background:#1b2635;border-color:#40516a;color:#b8c9df;color-scheme:dark}
@media(max-width:800px){.ordinal-position-control.compact .ordinal-position-select{min-height:32px}.list-manager-row{flex-wrap:wrap;gap:7px}.list-manager-tools{margin-left:auto;max-width:100%}.detail-side .ordinal-position-control{margin:14px 0}.detail-side .ordinal-position-select{font-size:16px}}

/* Columns stay at their natural width while dragging; the edge marker never
   changes layout or covers the neighbouring cards. */
.column-drag-handle[draggable="true"]{cursor:grab;user-select:none;-webkit-user-select:none}
.column-drag-handle[draggable="true"]:active{cursor:grabbing}
.column.column-dragging{opacity:.45}
.column.column-drop-before{box-shadow:inset 3px 0 0 var(--orange)}
.column.column-drop-after{box-shadow:inset -3px 0 0 var(--orange)}
.column.column-drop-before>.column-head{box-shadow:inset 3px 0 0 var(--orange)}
.column.column-drop-after>.column-head{box-shadow:inset -3px 0 0 var(--orange)}
.board-wrap:has(.dragging,.column-dragging){scroll-behavior:auto;scroll-snap-type:none}
.board-wrap:has(.dragging) .column{scroll-behavior:auto;overflow-anchor:none}

/* The same settings controls move ahead of comments on portrait phones. */
.portrait-card-settings{min-width:0;margin:18px 0;border:1px solid var(--line);border-radius:11px;overflow:clip;background:var(--white)}
.portrait-card-settings-summary{display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 12px;font-size:12px;font-weight:650;list-style:none;cursor:pointer;user-select:none}
.portrait-card-settings-summary::-webkit-details-marker{display:none}
.portrait-card-settings-summary>.icon:first-child{width:16px;height:16px;opacity:.8}
.portrait-card-settings-summary>.icon:last-child{width:15px;height:15px;margin-left:auto;transition:transform .15s}
.portrait-card-settings[open]>.portrait-card-settings-summary>.icon:last-child{transform:rotate(180deg)}
.portrait-card-settings:not([open])>.detail-side{display:none}
.portrait-card-settings>.detail-side{border-left:0;border-top:1px solid var(--line);padding:15px 12px}
[data-theme="dark"] .portrait-card-settings{background:#1b2635;border-color:#35465e;color:#b8c9df}
[data-theme="light"] .portrait-card-settings{background:var(--cream-raised,#eee8dc)}
@media(prefers-reduced-motion:reduce){.portrait-card-settings-summary>.icon:last-child{transition:none}}

/* Private document covers use lightweight page thumbnails, never original file URLs. */
.task-cover.document-cover{object-fit:contain;background:#e9e7e2}
.document-preview-button{position:relative;overflow:hidden;padding:0;gap:0}
.document-preview-button>.document-tile-preview{display:block;width:100%;height:100%;object-fit:contain;background:#e9e7e2;pointer-events:none}
.document-preview-button>.file-type-badge{position:absolute;right:7px;bottom:7px;border-radius:5px;padding:3px 5px;background:#192434dc;color:#f0eee8;font-size:9px;line-height:1.2}

/* Keep core card controls visible; optional controls stay compact and readable. */
.detail-side .card-setting-toggle{display:flex;align-items:flex-start;gap:8px;grid-column:1/-1;width:100%;min-width:0;white-space:normal;line-height:1.5}
.detail-side .card-setting-toggle>input[type="checkbox"]{flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;margin:1px 0 0;padding:0}
.detail-side .card-setting-toggle>span{display:block;flex:1;min-width:0;word-break:normal;overflow-wrap:normal;font-size:12px;line-height:1.5}
.card-discussion-panel{margin-top:24px;padding:17px 14px 12px;border:1px solid rgba(100,115,136,.12);border-radius:12px;background:rgba(78,94,116,.028)}
.card-discussion-panel>.detail-heading{margin-top:0}
[data-theme="dark"] .card-discussion-panel{background:rgba(7,14,23,.13);border-color:rgba(133,157,186,.11)}
[data-theme="light"] .card-discussion-panel{background:rgba(179,159,127,.055);border-color:rgba(133,113,83,.12)}
.status-chip>.status-indicator{flex:0 0 17px;width:17px;min-width:17px;height:17px;min-height:17px;overflow:visible}
.status-chip>.status-indicator>.icon{display:block;visibility:visible;flex:none;width:11px;height:11px;min-width:11px;min-height:11px;overflow:visible;opacity:1;stroke:currentColor;fill:none;stroke-width:2.3}
.column-head>.column-dot{display:block;flex:0 0 7px;min-width:7px;min-height:7px;visibility:visible;opacity:1}
@media(max-width:800px) and (orientation:portrait){
 .portrait-card-essentials,.portrait-card-settings,.portrait-card-settings>.detail-side{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
 :is(.portrait-card-essentials,.portrait-card-settings) :is(.field,.field-grid,.card-choice-picker,.card-member-selector){min-width:0;max-width:100%}
 .portrait-card-settings>.detail-side>*{min-width:0;max-width:100%}
 .portrait-card-settings-summary>span{flex:1;min-width:0;overflow-wrap:anywhere}
 .portrait-card-essentials input[type="date"]{display:block;box-sizing:border-box;appearance:none;-webkit-appearance:none;width:100%;min-width:0;max-width:100%;inline-size:100%;min-inline-size:0;max-inline-size:100%;height:40px;min-height:40px;max-height:40px;padding:8px 10px;font-size:16px;line-height:22px}
 .portrait-card-essentials input[type="date"]::-webkit-date-and-time-value{min-width:0;min-height:22px;line-height:22px;text-align:left}
 .portrait-card-essentials input[type="date"]::-webkit-datetime-edit{min-width:0;padding:0;line-height:22px}
 .portrait-card-essentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;margin:18px 0 0;padding:12px!important;border:1px solid var(--line);border-radius:11px}
 .portrait-card-essentials>.field{min-width:0;margin-bottom:12px}
 .portrait-card-essentials>.field:has(.card-member-selector){grid-column:1/-1}
 .portrait-card-essentials>.field:has(input[type="date"]){grid-column:1/-1}
 .portrait-card-essentials>.field:has(#card-priority){grid-column:1/-1}
 .portrait-card-essentials .field label{font-size:10px;line-height:1.4}
 .portrait-card-essentials+.portrait-card-settings{margin-top:9px}
 .portrait-card-settings[open]{overflow:visible}
 .portrait-card-settings>.detail-side{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:12px}
 .portrait-card-settings:not([open])>.detail-side{display:none}
 .portrait-card-settings .card-setting-toggle{margin:6px 0!important}
 .card-discussion-panel{padding:13px 10px 8px;margin-top:18px}
}
@media(max-width:360px) and (orientation:portrait){.portrait-card-essentials{grid-template-columns:minmax(0,1fr)}}

/* Comment attachments use the same drop feedback and media viewers as card files. */
:is(.compose-actions,.gallery-comment-actions):has(.comment-attachment-trigger) {
  align-items: center;
  gap: 8px;
}
.comment-attachment-trigger {
  min-width: 36px;
  min-height: 36px;
}
.comment-file-drop.file-drag-over {
  border-radius: 8px;
  outline: 2px dashed var(--orange);
  outline-offset: 4px;
}
.comment-attachment-list,
.comment-linked-files {
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
}
.comment-attachment-list:not([hidden]),
.comment-linked-files {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.comment-attachment-list {
  max-height: 108px;
  overflow-y: auto;
}
.comment-attachment-list li,
.comment-linked-files li {
  min-width: 0;
  max-width: 100%;
}
.comment-attachment-list li,
.comment-linked-file {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 7px;
  border: 1px solid currentColor;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: inherit;
}
.comment-attachment-list li > span,
.comment-linked-file > span {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.comment-linked-file {
  max-width: 100%;
  min-height: 34px;
  cursor: pointer;
}
.comment-linked-file:hover {
  color: var(--orange);
}
.comment-attachment-list .icon,
.comment-linked-file .icon {
  width: 15px;
  height: 15px;
  flex: none;
}
.comment-attachment-list .icon-button {
  min-width: 24px;
  min-height: 24px;
  padding: 2px;
  flex: none;
}
.comment-linked-file img {
  width: 38px;
  height: 28px;
  object-fit: cover;
  border-radius: 3px;
}
.comment-attachment-message:not([hidden]),
.comment-attachment-progress:not([hidden]) {
  display: block;
  max-width: 100%;
  margin-top: 6px;
}
.comment-attachment-message {
  font-size: 11px;
  overflow-wrap: anywhere;
}
.comment-attachment-progress {
  width: 100%;
  height: 7px;
  accent-color: var(--orange);
}

/* Canonical video review keeps the transport clear of the drawing surface. */
.gallery-layout > .gallery-stage.showing-video.review-active,
.gallery-stage.review-active:fullscreen {
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;
  width:100%;height:100%;min-height:0;min-width:0;align-items:stretch;gap:6px;padding:0 10px 8px;
}
.gallery-stage.review-active:fullscreen {background:#0c111b;padding:0 10px max(8px,env(safe-area-inset-bottom));}
.gallery-stage.review-active > .gallery-image-area {
  grid-area:1 / 1;position:relative;display:block;width:100%;height:100%;min-height:0;min-width:0;padding:0;
}
.gallery-stage.review-active > :is(.video-annotation-surface,.video-annotation-toolbar,.gallery-video-controls),
.gallery-stage.review-active:fullscreen > .gallery-nav {display:none}
.gallery-stage.review-active > .gallery-nav {
  grid-area:1 / 1;align-self:center;position:relative;inset:auto;transform:none;z-index:2;
}
.gallery-stage.review-active > .gallery-nav.previous {grid-area:1 / 1;justify-self:start}
.gallery-stage.review-active > .gallery-nav.next {grid-area:1 / 1;justify-self:end}
.review-video-surface,.review-image-viewport {position:absolute;inset:0;overflow:hidden}
.review-picture {position:absolute;top:50%;left:50%;transform-origin:center;touch-action:none;user-select:none}
.review-picture[data-tool=pen],.review-picture[data-tool=eraser] {cursor:crosshair}
.review-picture:is([data-tool=pan],[data-tool=""][data-zoomed=true]) {cursor:grab}
.review-picture:is([data-tool=pan],[data-tool=""][data-zoomed=true]):active {cursor:grabbing}
.review-picture > .gallery-video,.review-picture > svg {
  position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;pointer-events:none;
}
.review-picture > .gallery-video {object-fit:contain}
.review-panel {
  grid-area:2 / 1;min-width:0;overflow:hidden;
  display:flex;flex-direction:column;gap:5px;padding:7px 10px;border:1px solid var(--line,#394960);
  border-radius:10px;background:var(--surface,#182130);color:var(--text,#e0e9f6);
}
.review-panel[hidden],.review-video-surface[hidden],.review-panel [hidden] {display:none!important}
.review-transport,.review-tools,.review-extras,.review-status {
  display:flex;gap:5px 8px;align-items:center;flex-wrap:wrap;min-width:0;
}
.review-panel .btn,.review-panel select,.review-jump input {min-height:30px;padding:3px 7px}
.review-tools > .btn > svg {display:block}
.review-panel :is(.review-transport,.review-tools) > .btn.small[aria-pressed="true"] {
  border-color:#c16a3d;color:#703318;background:#ffe0c8;box-shadow:inset 0 0 0 1px currentColor;
}
[data-theme="dark"] .review-panel :is(.review-transport,.review-tools) > .btn.small[aria-pressed="true"] {
  border-color:#f2ad7b;color:#ffe0c8;background:#704630;
}
.review-panel :is(input[type=range],input[type=color]) {width:66px;min-width:0;margin:0;padding:0;accent-color:#e79765}
.review-panel input[type=color] {height:28px;width:33px}
.review-panel .review-position {
  flex:1 0 min(100%,42ch);min-width:0;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:.78rem;font-variant-numeric:tabular-nums;
}
.review-panel .review-toggle,.review-jump {display:inline-flex;align-items:center;gap:4px;font-size:.76rem}
.review-jump input {width:65px}
.review-tools {padding-top:5px;border-top:1px solid var(--line,#394960)}
.review-tools select,.review-extras select {width:auto;max-width:100%;font-size:.76rem}
.review-status {font-size:.72rem}
.review-status {min-height:0}
.review-status:has(>span:first-child:empty):has(>span:nth-child(2):empty) {display:none}
.review-timeline {overflow-x:auto;min-width:0;overscroll-behavior-x:contain;scrollbar-width:thin}
.review-track {position:relative;height:76px;min-width:100%;isolation:isolate}
.review-ticks,.review-filmstrip,.review-markers {position:absolute;inset-inline:0;pointer-events:none}
.review-ticks {top:0;height:16px;font-size:10px}
.review-ticks span,.review-film-tile {position:absolute;translate:-25% 0}
.review-filmstrip {top:15px;height:39px;overflow:hidden}
.review-film-tile {
  width:59px;height:38px;display:grid;place-items:center;overflow:hidden;border-radius:4px;
  background:#2b394d;color:#b4c4da;font-size:10px;
}
.review-film-tile img {width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.review-film-tile:has(img:not([hidden])) span {display:none}
.review-panel .review-track input[type=range] {
  position:absolute;bottom:0;left:0;width:100%;height:20px;z-index:2;cursor:ew-resize;
}
.review-track::after {
  content:'';position:absolute;pointer-events:none;left:var(--review-in,0%);right:calc(100% - var(--review-out,100%));
  bottom:0;height:4px;background:#e79765;border-radius:2px;
}
.review-playhead {position:absolute;bottom:13px;top:13px;border-left:2px solid #ffe0c6;pointer-events:none;z-index:1}
.review-markers {bottom:18px;height:17px;z-index:3}
.review-panel .review-marker {
  position:absolute;width:20px;height:18px;min-height:0;padding:0;transform:translateX(-50%);
  background:transparent;border:0;pointer-events:auto;cursor:pointer;
}
.review-marker::after {content:'';display:block;margin:auto;width:8px;height:8px;background:#ff545b;border-radius:50%}
.review-marker:first-child {margin-left:8px}
.review-marker:last-child {margin-right:8px}
.gallery-overlay:has(.review-active) :is(.gallery-header-fullscreen,.gallery-footer) {display:none}
.gallery-stage.review-active .gallery-error:not([hidden]) {position:absolute;inset:0;z-index:1}
@media(max-width:600px) {
  .gallery-layout > .gallery-stage.showing-video.review-active {padding:0 5px 4px;gap:4px}
  .review-panel {padding:5px;gap:4px}
  .review-transport,.review-tools,.review-extras {gap:4px}
  .review-panel .review-position {flex-basis:100%;text-align:start}
  .review-panel :is(input[type=range],input[type=color]) {width:48px}
  .review-track {height:65px}
  .review-filmstrip {height:31px}
  .review-film-tile {height:29px}
}
.review-thumbnail-source {position:absolute;inset:0;width:2px;height:2px;opacity:.001;pointer-events:none}
.review-panel .review-markers {padding-inline:9px}
.review-marker:first-child,.review-marker:last-child {margin:0}
.review-panel .review-marker {left:clamp(9px,var(--review-marker-left),calc(100% - 9px))}

.personal-board-list,.personal-board-request-form{display:grid;gap:10px}
.personal-board-panel h3{margin:18px 0 0;font-size:1rem}
.personal-board-row{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.personal-board-row-main,.personal-board-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.personal-board-row-main{justify-content:space-between}
.personal-board-row-main strong,.personal-board-description{overflow-wrap:anywhere}
.personal-board-row .field-help{display:block;margin:4px 0}
.personal-board-description{white-space:pre-wrap;margin:8px 0}
.personal-board-actions{justify-content:flex-end;margin-top:8px}
.personal-board-status.pending{color:var(--accent)}
.personal-board-status.rejected,.personal-board-status.inactive{opacity:.8}
.personal-board-request-form input[type=file]{width:100%;max-width:100%}

/* Keep frame controls and the timeline visible when the secondary tools are open. */
.review-panel > :is(.review-timeline,.review-transport) {flex:none}
.review-decision {display:flex;flex:1 0 100%;align-items:center;flex-wrap:wrap;gap:5px 8px;padding-top:5px;border-top:1px solid var(--line,#394960);font-size:.8rem}
.review-decision > span {margin-inline-end:auto}
.review-secondary {min-height:0;max-height:min(22dvh,12rem);overflow:auto;overscroll-behavior:contain;display:grid;gap:5px}
.review-extras {padding-top:5px;border-top:1px solid var(--line,#394960)}
.review-more-icon {width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}
.review-more[aria-expanded=true] .review-more-icon {transform:translateY(2px) rotate(225deg)}
@media(max-width:600px) {
  .review-panel .review-more {min-width:30px}
  .review-more-label {display:none}
}
@media(max-height:400px) {
  .review-track {height:56px}
  .review-filmstrip {height:25px}
  .review-film-tile {height:24px}
}

.review-picture[data-tool=text] {cursor:text}
.review-text-editor {display:flex;align-items:center;gap:5px;flex:1 1 100%;min-width:0}
.review-text-editor textarea,.video-annotation-text-editor > textarea,.photo-annotation-input {
  flex:1;min-width:0;padding:4px 7px;border:1px solid var(--line);border-radius:6px;
  background:var(--surface,#182130);color:var(--text,#e0e9f6);line-height:1.3;resize:none;
}
.review-text-hint {flex:1 1 100%;font-size:.76rem}
.video-annotation-text-editor:not([hidden]){display:flex;align-items:center;gap:6px;flex:1 1 100%;min-width:0}


/* Photo annotations are positioned in the actual image rectangle, including in focus mode. */
.gallery-image-area:has(>.photo-annotation-surface) {position:relative}
.gallery-photo-annotate {position:absolute;top:8px;right:12px;z-index:4;width:36px;height:36px;border:1px solid #5b71934a;background:var(--panel)}
.gallery-overlay.media-focus .gallery-photo-annotate,.gallery-stage.editing-photo-annotation>.gallery-photo-annotate {display:none!important}
.photo-annotation-surface {position:absolute;z-index:1;pointer-events:none;overflow:hidden}
.photo-annotation-svg {display:block;width:100%;height:100%;pointer-events:none}
.photo-annotation-link {pointer-events:visiblePainted;cursor:pointer}
.photo-annotation-surface.drawing {pointer-events:auto;touch-action:none;cursor:crosshair;user-select:none}
.media-focus .photo-annotation-link {pointer-events:none}
.gallery-layout>.gallery-stage.editing-photo-annotation {
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;
  width:100%;min-width:0;gap:6px;padding:8px 12px;
}
.gallery-stage.editing-photo-annotation>.gallery-image-area {grid-area:1 / 1;min-width:0;min-height:0}
.gallery-stage.editing-photo-annotation .gallery-photo-fullscreen,
.gallery-stage.editing-photo-annotation>.gallery-nav {display:none!important}
.gallery-overlay:has(.editing-photo-annotation) .gallery-header-fullscreen {visibility:hidden}
.photo-annotation-toolbar {
  grid-area:2 / 1;justify-self:center;width:min(100%,480px);display:grid;gap:7px;
  padding:7px 9px;border:1px solid var(--line,#405269);border-radius:9px;
  background:var(--panel,#1e2b3e);color:var(--text,#d7e3f4);
}
.photo-annotation-tools,.photo-annotation-text {display:flex;align-items:center;gap:6px}
.photo-annotation-tools {flex-wrap:wrap}
.photo-annotation-tools :is(.btn,.icon-button) {min-height:36px}
.photo-annotation-tools .icon-button {min-width:36px}
.photo-annotation-tools .primary {margin-inline-start:auto}
.photo-annotation-tools .btn[aria-pressed=true] {border-color:#d78062;color:#ffc4ae;background:#684834}
.photo-annotation-help {color:var(--muted,#9eb2cf);font-size:11px}
.photo-annotation-input {font-size:16px}
.photo-annotation-toolbar[hidden],.photo-annotation-surface[hidden],.photo-annotation-toolbar [hidden] {display:none!important}
@media(max-width:800px){
  .gallery-photo-annotate {width:36px;height:36px;min-height:36px}
  .photo-annotation-tools :is(.btn,.icon-button) {min-height:40px}
  .gallery-stage.editing-photo-annotation .gallery-image {max-height:100%}
}

/* QuanData cards use a page-like side drawer and block-based writing. */
.modal-backdrop:has(> .quandata-card-modal) {
  justify-content: flex-end;
  align-items: stretch;
  padding: 0;
  backdrop-filter: none;
  background: #0e172633;
}
.modal-backdrop > .quandata-card-modal {
  width: min(820px, 70vw);
  max-height: none;
  margin: 0;
  border-radius: 0;
  border-inline-start: 1px solid var(--line);
}
.quandata-card-modal > .modal-scroll { flex: 1; }
.quandata-card-modal .task-detail-grid { display: block; }
.quandata-card-modal .detail-main { padding: 34px clamp(18px, 4vw, 52px) 32px; }
.quandata-card-modal .detail-title {
  min-height: 1.25em;
  field-sizing: content;
  font-size: clamp(24px, 4vw, 36px);
  line-height: 1.18;
  font-weight: 700;
}
.quandata-card-properties {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 6px;
}
.quandata-card-properties > .field { min-width: 0; margin: 0; }
.quandata-card-properties .card-choice-trigger { margin: 0; width: 100%; min-width: 0; }
.quandata-card-properties :is(select,input) { min-width: 0; }
.quandata-card-settings {
  margin: 13px 0 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}
.quandata-card-settings > summary,
.quandata-toggle > summary { padding: 4px 0; cursor: pointer; }
.quandata-card-settings > summary { font-size: 12px; }
.quandata-card-settings > .detail-side {
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: block;
  padding: 14px;
}
.quandata-card-settings:not([open]) > .detail-side { display: none; }
.quandata-task-priority {
  display: inline-flex;
  align-self: flex-start;
  width: fit-content;
  margin-block: 2px 4px;
  padding: 2px 7px;
  border-radius: 5px;
  background: var(--surface-2, #e8eef4);
  color: var(--muted);
  font-size: .72rem;
  font-weight: 650;
}
.quandata-task-priority.medium { background: #dbe9f7; color: #23527f; }
.quandata-task-priority.high { background: #f5e5d2; color: #774821; }
.quandata-task-priority.urgent { background: #f5dddd; color: #8d3532; }
[data-theme="dark"] .quandata-task-priority.low { background: #374659; color: #d0deec; }
[data-theme="dark"] .quandata-task-priority.medium { background: #2d4d6e; color: #cfe6ff; }
[data-theme="dark"] .quandata-task-priority.high { background: #604931; color: #ffe0b3; }
[data-theme="dark"] .quandata-task-priority.urgent { background: #633b3c; color: #ffcfcc; }

.quandata-page-editor .description-mode-row { margin-top: 14px; }
.quandata-page-editor :is(.description-preview,.description-rich-surface) {
  border: 0;
  padding: 8px 2px 12px;
  max-height: none;
  overflow: visible;
  background: transparent;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.6;
}
.quandata-page-editor .description-preview:not(.expanded) { max-height: none; overflow: visible; }
.quandata-page-editor .description-preview p { white-space: pre-line; }
.quandata-page-editor .description-rich-surface { min-height: 220px; }
.quandata-page-editor .description-rich-surface:focus-visible { outline: none; }
.quandata-page-editor :is(h1,h2,h3) { margin: 1em 0 .4em; color: inherit; line-height: 1.3; }
.quandata-page-editor h1 { font-size: 1.65em; }
.quandata-page-editor h2 { font-size: 1.35em; }
.quandata-page-editor h3 { font-size: 1.1em; }
.quandata-page-editor :is(.quandata-toggle,.quandata-callout,.quandata-quote) { margin: .45em 0; }
.quandata-toggle-body { padding-inline-start: 1.45em; }
.quandata-toggle-label { margin: 0; font-weight: 600; }
.quandata-toggle-label::before { content: '▾ '; color: var(--muted); }
.quandata-toggle-label:has(> br:only-child)::after {
  content: attr(data-placeholder);
  color: var(--muted);
  pointer-events: none;
}
.quandata-callout,.quandata-quote { padding: 8px 12px; }
.quandata-callout {
  border-radius: 7px;
  border-inline-start: 3px solid #6595cc;
  background: #e3edfa;
  color: #20395a;
}
[data-theme="dark"] .quandata-callout { background: #233b56; color: #e1eeff; }
.quandata-quote { border-inline-start: 3px solid var(--line); }
.quandata-page-editor :is(.quandata-callout,.quandata-quote) > p { margin: 0; }
.quandata-block-control { position: relative; }
.quandata-block-menu {
  position: absolute;
  z-index: 3;
  inset-block-start: 100%;
  inset-inline-start: 0;
  min-width: 155px;
  max-height: min(300px, 44vh);
  overflow-y: auto;
  display: grid;
  padding: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--paper);
  box-shadow: 0 6px 20px #131b2b26;
}
.quandata-block-menu[hidden] { display: none; }
.quandata-block-menu .btn { justify-content: flex-start; }
@media (max-width: 800px) {
  .modal-backdrop > .quandata-card-modal { width: 100%; }
  .quandata-card-modal .detail-main { padding: 22px 16px; }
  .quandata-card-properties { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* QuanData working copy of an uploaded document */
.document-copy-actions,.document-edit-format{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.document-copy-actions[hidden]{display:none}
.document-copy-editor{width:min(860px,100%);margin:auto;padding:20px}
.document-edit-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.document-edit-format .btn{min-width:36px}
.document-copy-editor>.field-help{margin:0 0 12px}
.document-edit-surface{display:block;width:100%;min-height:360px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--paper);color:var(--ink);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.document-edit-surface:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.document-edit-surface p{margin:0 0 12px}
.document-edit-surface .document-table{margin:12px 0}
.document-edit-text{font:inherit}
@media(max-width:700px){.document-viewer-header:has(.document-copy-actions:not([hidden])){flex-wrap:wrap}.document-viewer-header:has(.document-copy-actions:not([hidden])) .document-viewer-title{flex-basis:100%}.document-copy-editor{padding:12px}.document-edit-surface{padding:12px;min-height:280px}}

/* QuanData opens attachments as pages within the board. */
.document-viewer-overlay.quandata-document-overlay {
  --qd-paper: #fff;
  --qd-text: #37352f;
  --qd-muted: #787774;
  --qd-rule: #e9e9e7;
  --qd-hover: #f3f3f2;
  align-items: stretch;
  justify-content: flex-end;
  padding: 0;
  background: #1113;
}
[data-theme="dark"] .document-viewer-overlay.quandata-document-overlay {
  --qd-paper: #202020;
  --qd-text: #e6e6e6;
  --qd-muted: #a0a0a0;
  --qd-rule: #383838;
  --qd-hover: #303030;
}
.quandata-document-overlay .document-viewer-panel {
  width: min(100%, max(740px, 58vw));
  height: 100dvh;
  border: 0;
  border-inline-start: 1px solid var(--qd-rule);
  border-radius: 0;
  background: var(--qd-paper);
  color: var(--qd-text);
  box-shadow: -16px 0 50px #0002;
}
.quandata-document-overlay .document-viewer-header {
  min-height: 45px;
  padding: 6px 14px;
  gap: 6px;
  border-color: var(--qd-rule);
  flex-wrap: nowrap;
}
.quandata-document-overlay .document-viewer-body {
  background: var(--qd-paper);
}
.quandata-document-breadcrumb {
  flex-direction: row;
  align-items: center;
  gap: 6px;
  color: var(--qd-muted);
  font-size: 13px;
}
.quandata-document-breadcrumb svg { width: 15px; height: 15px; flex: none; }
.quandata-document-breadcrumb :is(strong,span) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.quandata-document-breadcrumb strong { color: var(--qd-text); font-weight: 500; font-size: inherit; }
.quandata-document-breadcrumb :is(.quandata-document-board,.quandata-document-parent)::after {
  content: '/';
  margin-inline-start: 6px;
  color: var(--qd-muted);
}
.quandata-document-overlay :is(.document-viewer-header,.document-edit-toolbar) .btn {
  border: 0;
  border-radius: 5px;
  min-height: 30px;
  padding: 4px 8px;
  color: var(--qd-text);
  background: transparent;
  box-shadow: none;
  white-space: nowrap;
}
.quandata-document-overlay :is(.document-viewer-header,.document-edit-toolbar) .btn:hover:not(:disabled) { background: var(--qd-hover); }
.quandata-document-overlay :is(.document-viewer-header,.document-edit-toolbar) .btn:focus-visible,
.quandata-document-overlay .document-edit-surface:focus-visible {
  outline: 2px solid #2383e2;
  outline-offset: 2px;
}
.quandata-document-page,
.quandata-document-overlay .document-copy-editor {
  width: min(100%, 780px);
  margin: 0 auto;
  padding: clamp(38px, 6vw, 86px) clamp(22px, 6vw, 80px) 110px;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
.quandata-document-page-title { margin: 0 0 27px; }
.quandata-document-page-title svg { width: 36px; height: 36px; margin: 0 0 9px; color: var(--qd-muted); }
.quandata-document-page-title h1 {
  margin: 0;
  color: var(--qd-text);
  font-size: clamp(27px, 4vw, 40px);
  line-height: 1.16;
  font-weight: 700;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.quandata-document-overlay :is(.document-content,.document-edit-surface) {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qd-text);
  font: inherit;
  line-height: inherit;
}
.quandata-document-overlay :is(.document-content,.document-edit-surface) :is(p,li) {
  margin: 0;
  padding-block: 3px;
  white-space: pre-wrap;
}
.quandata-document-overlay :is(.document-content,.document-edit-surface) :is(ol,ul) {
  margin: 0;
  padding-inline-start: 1.55em;
}
.quandata-document-overlay :is(.document-content,.document-edit-surface) :is(h1,h2,h3,h4,h5,h6) {
  margin: 1em 0 .18em;
  color: var(--qd-text);
  line-height: 1.26;
  font-weight: 650;
}
.quandata-document-overlay :is(.document-content,.document-edit-surface) h1 { font-size: 1.9em; }
.quandata-document-overlay :is(.document-content,.document-edit-surface) h2 { font-size: 1.5em; }
.quandata-document-overlay :is(.document-content,.document-edit-surface) h3 { font-size: 1.25em; }
.quandata-document-overlay .document-text { font: inherit; margin: 0; }
.quandata-document-overlay .document-edit-surface { min-height: 330px; caret-color: var(--qd-text); }
.quandata-document-overlay .document-edit-toolbar { padding-block: 5px; border-block: 1px solid var(--qd-rule); }
.quandata-document-overlay .document-edit-format .btn { min-width: 28px; }
.quandata-document-overlay .document-edit-toolbar .document-copy-actions { margin-inline-start: auto; }
.quandata-document-overlay .document-table { font-size: .88em; }
.quandata-document-overlay .document-table td { border-color: var(--qd-rule); }
.quandata-document-overlay .document-content .field-help { color: var(--qd-muted); font-size: .8em; }
@media (max-width: 700px) {
  .quandata-document-overlay .document-viewer-panel { border: 0; }
  .quandata-document-overlay .document-viewer-title { flex-basis: auto; }
  .quandata-document-parent { display: none; }
  .quandata-document-overlay .document-viewer-header .document-copy-actions .btn { white-space: normal; }
}

.quandata-local-label:not([href]){color:inherit;text-decoration:none;cursor:text}

/* Expand a native document without remounting its editor or losing its draft. */
.modal-backdrop > .quandata-card-modal.qd-notion-shell.qd-page-fullscreen { width: 100%; max-width: none; border-inline-start: 0; }
.qd-native-page-nav .qd-native-fullscreen { margin-inline-start: auto; flex: none; }

/* Position selectors stay usable with long checklist names and on touch screens. */
.content-position{flex:none;width:auto;min-width:57px;max-width:78px;min-height:32px;padding:4px 6px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
.photo-tile>.content-position{margin:6px 8px;align-self:flex-end}
@media(pointer:coarse){.content-position{min-height:40px}}

/* Compact drag handles keep editing and media opening separate from reordering. */
.content-drag-handle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:32px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:grab;touch-action:none;user-select:none}
.content-drag-handle:hover,.content-drag-handle:focus-visible{color:var(--ink);border-color:var(--line);background:var(--paper)}
.content-drag-handle:active{cursor:grabbing}
.content-dragging{opacity:.55}
.content-drop-target{outline:2px solid var(--orange);outline-offset:2px}
.photo-tile{position:relative}
.photo-tile>.content-drag-handle{position:absolute;left:46px;right:auto;top:6px;z-index:4;background:var(--paper);border-color:var(--line)}
@media(pointer:coarse){.content-drag-handle{width:40px;height:40px}}