/* style.css */
@charset "UTF-8";
:root{--page:#242529;--sidebar:#191a1e;--surface:#35373e;--surface2:#3c3f48;--line:#44464f;--text:#f5f6f8;--muted:#b8bcc6;--faint:#989da8;--accent:#35d7ec;--accent-ink:#092830;--amber:#f5be68;--red:#ff9e91;--blue:#67b7fa;--green:#adb9ce;--radius:13px}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-family:Inter,"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}button,a,input,select{transition:background .15s,border-color .15s,transform .15s}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none}button:disabled{cursor:default}.app-shell{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:30px 17px 20px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 32px}.brand-mark{height:32px;width:32px;background:var(--accent);color:var(--accent-ink);border-radius:9px;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg)}.brand-mark svg{width:23px;height:23px;transform:rotate(7deg);stroke-width:2}.brand-name{font-size:21px;font-weight:650;letter-spacing:3px}.brand-en{font-size:9px;letter-spacing:2px;color:var(--muted);display:block;margin-top:2px}.workspace-label{font-size:11px;letter-spacing:1px;color:var(--faint);padding:13px 13px 10px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:8px;color:var(--muted);margin:3px 0;white-space:nowrap}.nav-item:hover{background:#292c34;color:var(--text)}.nav-item.active{background:#273d48;color:var(--accent);font-weight:600}.count{margin-left:auto;font-size:11px;background:#2d4a57;color:var(--accent);border-radius:5px;min-width:21px;text-align:center;padding:2px 5px}.sidebar-rule{height:1px;background:var(--line);margin:25px 10px 7px}.project-shortcut{display:flex;gap:10px;align-items:center;width:100%;font-size:12px;color:var(--muted);padding:11px 13px;text-align:left}.project-shortcut:hover{color:var(--text)}.project-shortcut span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-dot{width:6px;height:6px;border-radius:2px;background:var(--faint);flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:60px}.privacy{font-size:11px;color:var(--faint);padding:12px;display:flex;gap:8px;line-height:1.8}.privacy svg{width:14px;height:14px;margin-top:3px}.user{display:flex;align-items:center;gap:10px;padding:18px 12px 0;border-top:1px solid var(--line);margin-top:12px}.avatar{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;background:#3b3c40;color:#d8d9dd;flex-shrink:0}.user-name{font-size:12px}.user-role{font-size:10px;color:var(--faint);margin-top:4px}.user .icon-button{margin-left:auto}.main{min-width:0}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:10px;font-size:12px;color:var(--muted)}.topbar .slash{color:var(--faint);margin:0 3px}.topbar strong{font-weight:500;color:#d3d4d8}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:21px}.preview-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.preview-label i{width:5px;height:5px;border-radius:50%;background:var(--amber)}.top-link{font-size:11px;color:#bcbdc1;display:flex;gap:7px;align-items:center}.top-link:hover{color:var(--accent)}.top-link svg{width:14px;height:14px}.content{padding:35px 34px 25px;max-width:1800px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--faint);margin-bottom:9px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.heading-row h1{font-weight:550;font-size:29px;letter-spacing:1px;margin:0}.subtitle{font-size:12px;color:var(--muted);margin:11px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:7px;min-height:37px;padding:0 15px;font-size:12px;white-space:nowrap}.btn:hover{background:#40434c;border-color:#5bbdd1}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}.btn.primary:hover{background:#78e9f7}.btn svg{width:15px;height:15px}.btn.small{min-height:31px;padding:0 11px;font-size:11px}.heading-actions{display:flex;gap:10px}.summary-row{display:flex;align-items:center;gap:0;margin-top:27px;padding-bottom:24px;border-bottom:1px solid var(--line)}.summary-item{padding:0 28px;border-right:1px solid var(--line);display:flex;align-items:baseline;gap:10px}.summary-item:first-child{padding-left:0}.summary-item:nth-child(4){border:0}.summary-number{font-family:"Segoe UI",sans-serif;font-size:25px;font-weight:450;line-height:1}.summary-label{color:var(--muted);font-size:11px}.summary-number.warn{color:var(--amber)}.summary-number.overdue{color:var(--red)}.summary-end{margin-left:auto;font-size:11px;color:var(--faint);display:flex;gap:7px;align-items:center}.summary-end svg{width:13px;height:13px}.toolbar{display:flex;align-items:center;gap:10px;margin:22px 0 20px;flex-wrap:wrap}.toolbar-title{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.toolbar-title svg{width:15px;height:15px;color:var(--accent)}.toolbar-spacer{flex:1}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#2c2e35;border-radius:6px;padding:8px 10px;color:var(--faint);width:192px}.search svg{width:14px;height:14px}.search input{width:100%;border:0;outline:0;background:none;color:var(--text);font-size:11px;min-width:0}.search input::placeholder{color:var(--faint)}.select-wrap{position:relative;color:var(--muted)}.filter-select{appearance:none;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#2c2e35;padding:8px 29px 8px 11px;font-size:11px;cursor:pointer}.select-wrap svg{position:absolute;right:8px;top:10px;width:12px;height:12px;pointer-events:none}.clear-filter{font-size:11px;color:var(--accent);text-decoration:underline;padding:5px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.column{background:#2b2c32;border:1px solid #3c3e47;border-radius:10px;padding:0 10px 11px;min-height:433px}.column-header{display:flex;align-items:center;gap:8px;font-size:12px;padding:16px 4px 18px}.status-dot{height:6px;width:6px;background:var(--faint);border-radius:50%}.status-dot.doing{background:var(--blue)}.status-dot.review{background:var(--amber)}.status-dot.done{background:var(--green)}.column-count{color:var(--faint);font-size:11px;margin-left:2px}.column-header .add-col{margin-left:auto;color:var(--faint);padding:0 1px;display:flex}.add-col svg{width:14px;height:14px}.project-card{display:block;width:100%;text-align:left;padding:17px 14px 0;background:var(--surface);border:1px solid #4a4d58;border-radius:9px;margin-bottom:11px;transition:transform .16s,border-color .16s,box-shadow .16s}.project-card:hover{transform:translateY(-2px);border-color:#78cbdf;box-shadow:0 5px 20px #0002}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.project-icon{height:30px;width:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#424651;color:#d2d8e5}.project-icon svg{width:17px;height:17px}.project-icon.blue{background:#324658;color:#a1d6ff}.project-icon.amber{background:#443e2e;color:#dbc899}.project-icon.rose{background:#443832;color:#d4b6a7}.project-icon.sage{background:#403b53;color:#c8b8fa}.priority{font-size:10px;color:#bdbec2;display:inline-flex;align-items:center;gap:5px}.priority svg{width:12px;height:12px}.priority.high{color:var(--amber)}.priority.urgent{color:var(--red)}.card-title{font-size:14px;font-weight:600;margin:0;letter-spacing:.1px;line-height:1.55}.card-description{font-size:10px;color:var(--faint);margin-top:5px}.owner-row{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-top:17px}.owner-mini{width:19px;height:19px;border-radius:50%;background:#4b5060;color:#e0e3ec;display:flex;align-items:center;justify-content:center;font-size:8px}.date-row{display:flex;align-items:center;gap:5px;margin-top:11px;font-size:10px;color:var(--muted)}.date-row svg{width:12px;height:12px}.due-label{margin-left:auto;color:var(--muted)}.due-label.soon{color:var(--amber)}.due-label.red{color:var(--red)}.due-label.done{color:var(--green)}.progress-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--faint);margin-top:21px}.progress-meta b{font-weight:400;color:var(--muted)}.progress{height:3px;background:#4c4f58;border-radius:4px;margin-top:8px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--blue);border-radius:4px}.progress.review>span{background:var(--amber)}.progress.done>span{background:var(--green)}.next-step{font-size:10px;color:#a7a8ac;margin:12px 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-step span{color:var(--faint);margin-right:7px}.card-footer{border-top:1px solid #343539;padding:11px 0;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.card-footer svg{width:11px;height:11px}.card-footer .time{margin-left:auto;color:var(--faint)}.review-indicator{width:5px;height:5px;border-radius:50%;background:var(--amber);margin-left:5px}.add-project-dashed{padding:13px 0 10px;width:100%;color:var(--faint);font-size:10px;display:flex;gap:5px;justify-content:center}.add-project-dashed svg{width:12px;height:12px}.card-done{opacity:.96}.board .empty-filter{font-size:11px;text-align:center;color:var(--faint);padding:30px 0}.attention{display:flex;align-items:center;gap:12px;border:1px solid #5a4a34;background:#37342e;border-radius:8px;margin-top:22px;padding:13px 16px;font-size:11px}.attention>svg{color:var(--amber);width:16px;height:16px}.attention strong{color:#efc58a;font-weight:500}.attention span{color:#c3b8a3}.attention button{margin-left:auto;color:#efc58a;display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:11px}.attention button svg{width:13px;height:13px}.bottom-note{font-size:10px;color:var(--faint);display:flex;align-items:center;gap:7px;margin-top:22px}.bottom-note svg{width:12px;height:12px}.bottom-note span:last-child{margin-left:auto}.link-summary{display:flex;gap:9px;margin-top:25px}.pill{font-size:11px;border:1px solid var(--line);border-radius:30px;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;color:var(--muted)}.pill.active{background:#29434e;border-color:#3b7184;color:var(--accent)}.pill:hover{border-color:#6ab7ce}.pill small{font-size:10px;opacity:.7}.library-toolbar{margin-top:26px}.library-toolbar .search{width:240px}.library{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#1c1d21}.link-head,.link-row{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(150px,1.05fr) 100px 106px 104px 86px;align-items:center;gap:14px;padding:16px 20px}.link-head{font-size:10px;color:var(--faint);background:#17181c;padding-top:14px;padding-bottom:14px}.link-row{min-height:86px;border-top:1px solid var(--line);font-size:11px}.link-row:hover{background:#33363f}.link-name{display:flex;align-items:center;gap:11px;min-width:0}.link-name .project-icon{height:31px;width:31px;flex-shrink:0}.link-name strong{font-size:12px;display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-name small{display:block;font-size:10px;color:var(--faint);margin-top:6px}.url-display{font-size:11px;color:#bbbcc0;display:flex;align-items:center;gap:6px;overflow:hidden}.url-display span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-display svg{width:12px;height:12px;flex-shrink:0}.link-website small{display:block;margin-top:7px;font-size:9px;color:var(--faint)}.link-agent{font-size:11px;color:var(--muted)}.status-tag{font-size:10px;display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:5px 7px;background:#4b3f2b;color:var(--amber);white-space:nowrap;width:fit-content}.status-tag:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status-tag.approved{background:#343e50;color:#bbcde7}.status-tag.changes{background:#4a3832;color:#d7aa91}.link-due{font-size:11px;color:var(--muted)}.link-due small{display:block;font-size:9px;color:var(--faint);margin-top:6px}.link-due.overdue{color:var(--red)}.row-action{font-size:10px;color:#bbbcc0;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:8px 0}.row-action svg{width:12px;height:12px}.library-footer{padding:14px 20px;border-top:1px solid var(--line);color:var(--faint);font-size:10px;display:flex;justify-content:space-between}.library-tip{margin-top:23px;display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:11px;line-height:1.8}.library-tip svg{width:15px;height:15px;color:var(--accent);margin-top:3px}.library-tip strong{font-weight:500;color:#c5c6ca}.drawer-scrim{position:fixed;inset:0;background:#05070b99;z-index:9;backdrop-filter:blur(2px)}.drawer{position:fixed;right:0;top:0;height:100dvh;width:520px;background:#2e323b;border-left:1px solid #566172;z-index:10;overflow:auto;box-shadow:-20px 0 80px #0004;display:flex;flex-direction:column}.drawer-top{display:flex;justify-content:space-between;align-items:center;color:var(--faint);font-size:10px;padding:22px 28px;border-bottom:1px solid var(--line)}.icon-button{display:flex;align-items:center;justify-content:center;padding:4px;color:var(--muted)}.icon-button:hover{color:var(--accent)}.drawer-body{padding:25px 28px}.drawer-title{display:flex;align-items:center;gap:12px}.drawer-title h2{margin:0;font-size:21px;font-weight:550}.drawer-tags{display:flex;gap:10px;align-items:center;margin-top:17px}.drawer-sub{color:var(--faint);font-size:11px;margin-top:12px}.detail-properties{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin:25px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.property-label{font-size:10px;color:var(--faint);margin-bottom:9px}.property-value{font-size:12px;display:flex;align-items:center;gap:7px}.property-value .late{font-size:9px;color:var(--red);background:#4a3832;padding:3px 6px;border-radius:3px}.detail-section-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:25px 0 15px;font-weight:550}.detail-section-title small{color:var(--faint);font-size:10px;font-weight:400}.task-row{display:flex;gap:10px;align-items:center;font-size:11px;padding:11px 0;border-bottom:1px solid #444955}.task-box{height:15px;width:15px;border:1px solid #627284;border-radius:4px;display:flex;justify-content:center;align-items:center;color:var(--accent)}.task-box.checked{background:#2e4b59;border-color:#2e4b59}.task-box svg{width:11px;height:11px}.task-row.completed>span:last-child{color:var(--faint);text-decoration:line-through}.review-box{padding:16px;background:#363e4b;border:1px solid #566172;border-radius:8px}.review-box-top{display:flex;align-items:center;justify-content:space-between}.review-box-title{font-size:12px;display:flex;align-items:center;gap:7px}.version{font-size:9px;background:#3b4b63;color:#c5dcff;padding:3px 6px;border-radius:4px}.review-url{display:flex;align-items:center;justify-content:space-between;font-family:"Segoe UI",sans-serif;font-size:11px;color:#c6c7cb;margin-top:13px;padding:11px;background:#242a33;border:1px solid #4c5768;border-radius:5px}.review-url svg{width:12px;height:12px}.review-box p{font-size:10px;color:var(--muted);line-height:1.8;margin:12px 0}.review-actions{display:flex;gap:8px}.review-actions .btn{flex:1;min-height:32px}.version-history{font-size:10px;color:var(--faint);margin-top:12px;display:flex;align-items:center;justify-content:space-between}.version-history .linkish{color:#adaeb2}.feedback{border-left:2px solid #4b4c50;padding-left:13px;margin:17px 0}.feedback-head{font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.feedback-head span:last-child{color:var(--faint);font-size:9px}.feedback p{font-size:11px;color:#bdbec2;line-height:1.85;margin-bottom:5px}.drawer-footer{margin-top:auto;border-top:1px solid var(--line);padding:16px 28px;font-size:10px;color:var(--faint);display:flex;gap:7px;align-items:center}.drawer-footer svg{width:12px;height:12px}.login-page{min-height:100vh;background:#202228;display:grid;grid-template-columns:1.12fr 1fr}.login-story{padding:58px 70px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 60%,#36619344,transparent 65%),#292d35;position:relative;overflow:hidden;border-right:1px solid var(--line)}.login-story .brand{padding:0}.login-story .brand-name{font-size:23px}.login-story>h1{font-size:43px;line-height:1.5;font-weight:500;margin:85px 0 16px;letter-spacing:2px}.login-story>h1 em{font-style:normal;color:var(--accent)}.login-story>p{font-size:13px;color:var(--muted);line-height:2}.mini-board{display:flex;gap:10px;margin:30px 0 55px;transform:rotate(-5deg);max-width:500px}.mini-col{flex:1;min-width:0;background:#262c36cc;border:1px solid #404145;border-radius:9px;padding:15px 10px 10px}.mini-col-title{font-size:10px;color:var(--muted);margin-bottom:16px;display:flex;gap:7px;align-items:center}.mini-card{font-size:11px;padding:16px 12px;background:#373e4b;border:1px solid #545f70;border-radius:6px;line-height:1.8}.mini-line{height:3px;width:75%;background:#586b82;margin-top:17px}.mini-line>span{display:block;height:3px;width:66%;background:var(--blue)}.mini-card small{font-size:9px;display:block;color:var(--muted);margin-top:7px}.story-footer{font-size:10px;color:var(--faint);margin-top:auto}.login-form-area{padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.login-preview{position:absolute;top:28px;right:30px;font-size:11px;color:var(--faint)}.login-form{max-width:328px;width:100%}.login-kicker{color:var(--accent);font-size:10px;letter-spacing:2px}.login-form h2{font-size:28px;font-weight:550;margin:16px 0 10px}.login-form>p{color:var(--muted);font-size:12px;margin:0 0 32px}.login-form label{font-size:11px;display:block;margin:20px 0 9px;color:#c1c2c6}.login-form input{height:43px;border-radius:6px;background:#292d35;border:1px solid #3b3c40;color:var(--text);padding:0 13px;width:100%;font-size:12px}.login-form input::placeholder{color:#696a6e}.login-options{display:flex;align-items:center;justify-content:space-between;margin:16px 0 25px;font-size:10px;color:var(--muted)}.login-options .remember{margin:0;display:flex;align-items:center;gap:7px;font-size:10px}.login-options input{width:12px;height:12px;accent-color:var(--accent);margin:0}.login-options button{font-size:10px;color:var(--muted)}.login-form>.btn{width:100%;height:42px}.login-help{text-align:center;font-size:10px;color:var(--faint);margin-top:22px;line-height:1.8}.login-form .login-demo-link{display:flex;align-items:center;gap:7px;justify-content:center;font-size:11px;color:var(--accent);margin:25px auto 0}.login-demo-link svg{width:13px;height:13px}.login-data-note{position:absolute;bottom:30px;color:var(--faint);font-size:10px}.demo-banner{border:1px solid #3c3d41;color:#a3a4a8;background:#222327;border-radius:6px;padding:12px;font-size:10px;line-height:1.8;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(10px);background:#cdf3fb;color:#18323b;border-radius:8px;padding:13px 22px;box-shadow:0 6px 40px #0004;max-width:calc(100vw - 30px);font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1600px){.content{padding-top:44px}.board{gap:21px}.project-card{padding-left:18px;padding-right:18px}.column{padding-left:13px;padding-right:13px}.column{min-height:485px}.card-title{font-size:16px}.card-description,.owner-row,.date-row,.next-step{font-size:11px}.card-footer{font-size:10px}.progress-meta{font-size:10px}.project-card{padding-top:19px}.card-top{margin-bottom:20px}.progress-meta{margin-top:24px}.next-step{margin-bottom:19px}.summary-row{margin-top:30px;padding-bottom:29px}.toolbar{margin-top:25px;margin-bottom:23px}}
@media(max-width:1240px){.app-shell{grid-template-columns:178px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.topbar{padding:0 23px}.content{padding:29px 23px 23px}.board{gap:10px}.column{padding-left:7px;padding-right:7px}.project-card{padding-left:11px;padding-right:11px}.card-title{font-size:13px}.summary-end{display:none}.link-head,.link-row{grid-template-columns:minmax(185px,1.3fr) minmax(135px,1fr) 85px 80px 84px 58px;gap:10px;padding-left:15px;padding-right:15px}.login-story{padding:45px}.login-story>h1{font-size:36px}}
@media(max-width:1040px){.app-shell{grid-template-columns:160px minmax(0,1fr)}.sidebar{padding-left:6px;padding-right:6px}.brand{padding-left:9px;gap:8px}.brand-name{font-size:19px}.brand-mark{width:29px;height:29px}.nav-item{font-size:12px}.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.column{min-height:330px}.card-title{font-size:15px}.project-card{padding-left:15px;padding-right:15px}.column-header{padding-bottom:13px}.link-head,.link-row{grid-template-columns:minmax(185px,1.3fr) minmax(135px,1fr) 75px 70px 55px}.link-head>*:nth-child(5),.link-row>*:nth-child(5){display:none}.summary-item{padding:0 20px}.login-story{padding:35px}.login-form-area{padding:35px}.login-story>h1{font-size:30px}.mini-board{gap:7px}.mini-col{padding:10px 7px}.mini-card{padding:10px 7px;font-size:10px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:15px 19px;display:flex;flex-direction:row;align-items:center;gap:18px}.brand{padding:0;gap:8px}.brand-en{display:none}.brand-name{font-size:18px;letter-spacing:1px}.brand-mark{width:27px;height:27px;border-radius:7px}.workspace-label,.sidebar-rule,.project-shortcuts,.sidebar-bottom{display:none}.main-nav{display:flex;margin-left:auto;gap:6px}.nav-item{padding:9px 10px;margin:0;font-size:11px;gap:6px}.nav-item svg{width:14px;height:14px}.count{min-width:17px;font-size:9px}.topbar{height:45px;padding:0 20px;font-size:10px}.topbar-right{gap:10px}.topbar-right .top-link{font-size:10px}.preview-label{font-size:9px}.content{padding:26px 20px}.heading-row h1{font-size:25px}.subtitle{font-size:11px;max-width:250px;line-height:1.8}.heading-actions .btn{font-size:11px;padding:0 11px}.summary-row{margin-top:22px;padding-bottom:22px}.summary-item{padding:0 15px;gap:7px}.summary-number{font-size:23px}.summary-label{font-size:10px}.summary-item:last-of-type{padding-right:0}.toolbar{gap:8px;margin-top:20px}.toolbar-title{width:100%;margin-bottom:6px}.toolbar-spacer{display:none}.search{flex:1;min-width:130px;width:auto}.filter-select{font-size:10px}.board{gap:13px}.column{min-height:320px;padding:0 8px 9px}.project-card{padding:15px 12px 0}.card-title{font-size:14px}.card-top{margin-bottom:13px}.attention{font-size:10px;align-items:flex-start;padding:12px;gap:8px}.attention>svg{flex-shrink:0}.attention span{line-height:1.8}.attention button{font-size:10px}.bottom-note{font-size:9px;line-height:1.8;align-items:flex-start}.bottom-note span:last-child{display:none}.link-summary{margin-top:22px;flex-wrap:wrap;gap:7px}.pill{font-size:10px;padding:7px 10px}.link-head{display:none}.link-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:17px}.link-name{grid-column:1}.link-name strong{white-space:normal}.link-row .link-website{grid-column:1;grid-row:2}.link-row .link-agent{grid-column:1;grid-row:3;font-size:10px}.link-row .status-tag{grid-column:2;grid-row:1}.link-row .row-action{grid-column:2;grid-row:2}.link-head>*:nth-child(5),.link-row>*:nth-child(5){display:none}.library-footer{font-size:9px;line-height:1.8;gap:20px}.library-toolbar .search{width:auto}.library-toolbar .toolbar-title{width:auto;margin-bottom:0;margin-right:auto}.library-toolbar .search{flex:none;width:100%}.library-toolbar{gap:12px}.drawer{width:min(520px,100%)}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form-area{min-height:100dvh;padding:70px 28px}.login-form{max-width:340px}.login-data-note{font-size:9px}.login-preview{font-size:10px}.library-tip{font-size:10px}}
@media(max-width:440px){.content{padding:24px 14px}.sidebar{padding:14px;gap:8px}.brand-name{font-size:17px}.nav-item{font-size:10px;padding:9px 8px}.nav-item svg{display:none}.topbar{padding:0 14px}.topbar-right .top-link{display:none}.heading-row{gap:10px}.heading-row h1{font-size:23px}.subtitle{font-size:10px}.heading-actions .btn{min-height:34px;font-size:10px;padding:0 10px}.summary-row{gap:0;justify-content:space-between}.summary-item{display:flex;flex-direction:column;gap:9px;padding:0 13px}.summary-number{font-size:25px}.summary-label{font-size:9px}.board{gap:10px}.column{padding-left:6px;padding-right:6px}.column-header{font-size:11px;padding-left:3px;gap:6px}.project-card{padding:13px 9px 0}.card-title{font-size:12px}.card-description{font-size:9px}.priority{font-size:9px}.owner-row{font-size:9px;gap:5px}.date-row{font-size:9px;gap:3px;flex-wrap:wrap}.date-row>svg{display:none}.due-label{font-size:8px}.next-step{font-size:9px}.card-footer{font-size:8px}.card-footer .time{font-size:8px}.card-footer svg{width:10px;height:10px}.owner-mini{width:17px;height:17px;font-size:7px}.attention{flex-wrap:wrap}.attention>span{width:calc(100% - 26px)}.attention button{margin-left:24px}.drawer-body{padding:23px 20px}.drawer-top{padding:18px 20px}.drawer-title h2{font-size:19px}.summary-item:first-child{padding-left:0}}

.status-tag.doing{color:var(--blue);background:#393a3e}.status-tag.todo{color:var(--muted);background:#393a3e}

/* Revision 2: one navigation, project-scoped links, native creation dialogs. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.group-total{font-size:10px;color:var(--faint);font-weight:400;margin-left:4px}
.project-link-groups{display:flex;flex-direction:column;gap:14px}
.project-link-group{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#2b2d34}
.project-group-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto 20px;gap:17px;align-items:center;padding:18px 19px;background:#33363f}
.group-toggle{display:flex;align-items:center;gap:11px;min-width:0;padding:0;text-align:left}
.group-toggle .project-icon{flex-shrink:0;height:32px;width:32px}
.group-heading{min-width:0}
.group-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550}
.group-meta{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:10px;color:var(--faint)}
.group-meta i{font-style:normal;opacity:.65}
.pending-count{font-size:9px;color:var(--amber);background:#4b3f2b;padding:3px 6px;border-radius:4px;margin-left:3px}
.group-due{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px;white-space:nowrap}
.group-due svg{width:12px;height:12px}
.group-due small{font-size:9px;color:var(--faint);margin-left:1px}
.group-due.late,.group-due.late small{color:var(--red)}
.group-chevron{padding:2px;color:var(--faint);display:flex;justify-content:center;align-items:center}
.group-chevron svg{width:15px;height:15px;transition:transform .16s}
.group-chevron.expanded svg{transform:rotate(180deg)}
.group-link-head,.group-link-row{display:grid;grid-template-columns:minmax(175px,1.1fr) minmax(175px,1.25fr) 84px 80px 60px;gap:14px;align-items:center;padding:15px 20px}
.group-link-head{background:#25272d;border-top:1px solid var(--line);font-size:9px;color:var(--faint);padding-top:11px;padding-bottom:11px}
.group-link-head>span:last-child{text-align:right}
.group-link-row{min-height:76px;border-top:1px solid #41444e;font-size:11px}
.group-link-row:hover{background:#363a44}
.group-link-row .link-name strong{font-size:11px}
.group-link-row .link-name small{font-size:9px;display:flex;align-items:center;gap:5px}
.group-link-row .url-display{font-size:10px;padding:0;text-align:left;width:100%}
.group-link-row .link-agent{font-size:10px}
.group-link-row .row-action{font-size:10px}
.group-link-row .version{font-size:8px;padding:2px 4px}
.group-empty{display:flex;justify-content:center;align-items:center;gap:9px;color:var(--faint);font-size:11px;padding:28px 20px;border-top:1px solid var(--line)}
.group-empty>svg{width:14px;height:14px}
.group-empty button{color:var(--accent);font-size:10px;margin-left:6px}
.group-library-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--faint);margin-top:15px;line-height:1.7}
.no-results{text-align:center;color:var(--faint);font-size:12px;padding:50px;border:1px dashed var(--line);border-radius:10px}
.detail-add-link{font-size:10px;color:var(--accent);font-weight:400;margin-left:9px}
.detail-section-title small{margin-left:auto}
.create-dialog{width:560px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);padding:0;border:1px solid #626977;border-radius:14px;background:#30333c;color:var(--text);box-shadow:0 25px 120px #0008;overflow:auto;color-scheme:dark}
.create-dialog::backdrop{background:#06080db8;backdrop-filter:blur(4px)}
.create-header{display:flex;align-items:center;gap:12px;padding:25px 27px 12px}
.create-icon{height:37px;width:37px;background:#2a4958;color:var(--accent);border-radius:9px;display:flex;align-items:center;justify-content:center}
.create-icon svg{width:19px;height:19px}
.create-eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--faint);margin-bottom:6px}
.create-header h2{font-size:21px;font-weight:550;letter-spacing:.5px;margin:0}
.create-header>.icon-button{margin-left:auto;align-self:flex-start;margin-top:2px}
.create-header>.icon-button svg{width:16px;height:16px}
.create-description{font-size:11px;color:var(--muted);line-height:1.8;margin:0;padding:0 27px 21px;border-bottom:1px solid var(--line)}
.create-fields{padding:0 27px 23px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-field{margin-top:19px;min-width:0}
.form-field label{display:block;margin-bottom:9px;font-size:11px;color:#d3d8e3}
.form-field label i{font-style:normal;color:var(--accent);margin-left:2px;font-size:10px}
.form-field label small{font-size:9px;color:var(--faint);font-weight:400;margin-left:5px}
.form-field input,.form-field select,.form-field textarea{width:100%;background:#24262d;border:1px solid #505663;color:var(--text);border-radius:6px;padding:10px 11px;font-size:12px;min-width:0;line-height:1.5}
.form-field input,.form-field select{height:40px}
.form-field textarea{resize:vertical;min-height:68px;max-height:160px}
.form-field input::placeholder,.form-field textarea::placeholder{color:#959ca9}
.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#6c9fb7}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:0}
.field-note{font-size:9px;color:var(--faint);display:block;margin-top:7px}
.form-hint{font-size:10px;color:var(--faint);margin-top:18px;line-height:1.8}
.form-project-context{display:flex;align-items:center;gap:15px;padding:11px 12px;background:#293e4a;border:1px solid #455d6e;border-radius:6px;margin-top:12px}
.form-project-context>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}
.form-project-context b{font-weight:500;color:#ccd9ea}
.form-project-context svg{width:11px;height:11px}
.form-project-context .context-version{margin-left:auto}
.form-project-context .priority.urgent{color:var(--red)}
.form-project-context .priority.high{color:var(--amber)}
.form-error{font-size:11px;color:var(--red);padding:11px;background:#493430;border-radius:5px;margin:16px 0 0;line-height:1.8}
.form-error[hidden]{display:none}
.create-footer{padding:17px 27px;display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);background:#2a2d34;position:sticky;bottom:0}
.create-footer .btn{min-height:35px;font-size:11px;padding:0 14px}
.create-preview-note{display:flex;gap:5px;align-items:center;color:var(--faint);font-size:9px;margin-right:auto;max-width:175px;line-height:1.7}
.create-preview-note svg{width:12px;height:12px;flex-shrink:0}
@media(max-width:1240px){.project-group-header{gap:12px}.group-due{font-size:9px}.group-due small{display:none}.group-link-head,.group-link-row{grid-template-columns:minmax(158px,1.1fr) minmax(140px,1.25fr) 75px 70px 55px;gap:10px;padding-left:17px;padding-right:17px}.library-toolbar .search{width:200px}.library-toolbar .toolbar-title .group-total{display:none}}
@media(max-width:1040px){.group-due{display:none}.project-group-header{grid-template-columns:minmax(0,1fr) auto 19px}.library-toolbar .toolbar-title{width:100%;margin-bottom:4px}.library-toolbar .search{flex:1;width:180px}.group-link-head,.group-link-row{grid-template-columns:minmax(145px,1.1fr) minmax(120px,1.1fr) 65px 65px 44px;gap:8px}.group-link-row .link-name strong{font-size:10px}.group-link-row .url-display{font-size:9px}.group-link-row .link-agent{font-size:9px}}
@media(max-width:760px){.project-link-groups{gap:12px}.project-group-header{padding:15px 13px;gap:10px}.group-toggle{gap:9px}.group-title{font-size:13px}.group-meta{gap:5px;font-size:9px}.group-meta .pending-count{font-size:8px;margin-left:2px}.project-group-header .btn{min-height:31px;padding:0 9px;font-size:10px}.project-group-header .btn svg{width:12px;height:12px}.group-toggle .project-icon{height:29px;width:29px}.group-link-head{display:none}.group-link-row{grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:15px}.group-link-row .link-name{grid-column:1;grid-row:1}.group-link-row .link-name strong{font-size:11px;white-space:normal}.group-link-row .link-name small{font-size:8px}.group-link-row .link-website{grid-column:1;grid-row:2}.group-link-row .link-agent{grid-column:1;grid-row:3}.group-link-row .status-tag{grid-column:2;grid-row:1}.group-link-row .row-action{display:flex;grid-column:2;grid-row:2}.group-link-row .url-display{font-size:10px}.group-library-footer{font-size:9px}.library-toolbar .search{flex:1;width:180px;min-width:135px}.library-toolbar .select-wrap:last-child{display:none}.library-toolbar .select-wrap{max-width:180px}.library-toolbar .filter-select{max-width:100%}.library-toolbar .toolbar-title{width:100%}.group-empty{font-size:10px;flex-wrap:wrap;padding:24px 12px}.create-dialog{max-height:calc(100dvh - 24px)}.create-header{padding:22px 22px 12px}.create-description{padding-left:22px;padding-right:22px}.create-fields{padding-left:22px;padding-right:22px}.create-footer{padding-left:22px;padding-right:22px}}
@media(max-width:440px){.group-title{font-size:12px}.group-meta{gap:4px;font-size:8px}.group-meta .pending-count{font-size:8px;padding:2px 4px}.group-toggle .project-icon{display:none}.project-group-header{gap:8px}.create-dialog{max-width:calc(100vw - 20px)}.create-header{padding:21px 18px 12px}.create-header h2{font-size:19px}.create-description{padding-left:18px;padding-right:18px;font-size:10px}.create-fields{padding:0 18px 20px}.create-footer{padding:14px 18px;flex-wrap:wrap}.create-preview-note{width:100%;max-width:none;margin-bottom:4px}.create-footer .btn:nth-of-type(1){margin-left:auto}.form-grid{gap:11px}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-project-context{gap:9px;padding:11px 9px}.form-project-context>span{font-size:8px}.form-project-context .priority{font-size:8px}.form-project-context .context-version{margin-left:auto}.form-field{margin-top:17px}}

/* Neutral graphite / cyan direction, referenced from the official Jianying presentation. */
.btn.primary{box-shadow:0 1px 0 #ffffff20 inset}.nav-item.active{font-weight:550}.group-title,.card-title{color:#f3f5fa}.create-dialog textarea:focus-visible{outline:1px solid var(--accent)}

/* Revision 3: 16:9 desktop workspace. Content regions scroll, not the page. */
.column-scroll{min-width:0}
.column-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--faint);font-size:10px;min-height:32px;padding:0 10px}
.column-bottom .add-project-dashed{padding:10px 0}
.column-scroll-hint{font-size:9px;color:var(--faint)}
@media(min-width:1000px){
  html,body{height:100%;overflow:hidden}
  #app{height:100dvh;min-height:0}
  .app-shell{height:100dvh;min-height:0;overflow:hidden;grid-template-columns:200px minmax(0,1fr)}
  .sidebar{height:100%;min-height:0;padding:26px 16px 18px;overflow:hidden}
  .sidebar .brand{padding-bottom:29px}
  .sidebar-bottom{padding-top:25px}
  .main{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}
  .topbar{height:58px;min-height:58px;flex:0 0 58px;padding:0 30px}
  .content{display:flex;flex-direction:column;flex:1;min-height:0;max-width:none;width:100%;margin:0;padding:25px 30px 15px;overflow:hidden}
  .eyebrow,.heading-row,.summary-row,.toolbar,.attention,.bottom-note,.link-summary,.group-library-footer,.library-tip{flex-shrink:0}
  .eyebrow{margin-bottom:8px}
  .heading-row h1{font-size:29px}
  .subtitle{margin-top:9px}
  .summary-row{margin-top:23px;padding-bottom:21px}
  .summary-item{padding-left:26px;padding-right:26px}
  .toolbar{margin-top:19px;margin-bottom:18px;min-height:34px;flex-wrap:nowrap}
  .toolbar-title{width:auto;margin-bottom:0;white-space:nowrap}
  .board{flex:1;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:16px;overflow:hidden}
  .column{display:flex;flex-direction:column;height:100%;min-height:0;padding:0;border-radius:10px;overflow:hidden}
  .column-header{flex:0 0 auto;margin:0;padding:15px 14px 14px;border-bottom:1px solid #42454e}
  .column-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px 8px 0 11px;scrollbar-width:thin;scrollbar-color:#6e7480 transparent}
  .column-scroll:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}
  .project-link-groups:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}
  .column-bottom{flex:0 0 32px;border-top:1px solid #41444d;background:#2b2c32;padding:0 12px}
  .project-card{padding:15px 14px 0;margin-bottom:12px}
  .card-top{margin-bottom:13px}
  .project-icon{height:28px;width:28px}
  .card-title{font-size:15px}
  .card-description{font-size:10px}
  .owner-row{margin-top:14px;font-size:11px}
  .date-row{margin-top:10px;font-size:11px}
  .progress-meta{margin-top:17px;font-size:10px}
  .progress{margin-top:7px}
  .next-step{margin:11px 0 14px;font-size:11px}
  .card-footer{padding:10px 0;font-size:10px}
  .attention{margin-top:16px;padding:11px 14px;min-height:38px;gap:10px}
  .attention>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
  .attention button{flex-shrink:0}
  .bottom-note{margin-top:13px;min-height:14px;font-size:10px}
  .view-links .link-summary{margin-top:22px}
  .view-links .library-toolbar{margin-top:20px}
  .view-links .library-toolbar .toolbar-title{width:auto;margin-bottom:0}
  .view-links .library-toolbar .search{flex:0 1 240px;width:240px;min-width:155px}
  .view-links .project-link-groups{flex:1;min-height:0;overflow:auto;padding-right:8px;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#6e7480 transparent}
  .project-link-group{flex:0 0 auto}
  .group-library-footer{margin-top:11px;font-size:10px}
  .view-links .library-tip{margin-top:11px;font-size:10px;line-height:1.7}
  .column-scroll::-webkit-scrollbar,.project-link-groups::-webkit-scrollbar{width:7px}
  .column-scroll::-webkit-scrollbar-thumb,.project-link-groups::-webkit-scrollbar-thumb{background:#636975;border:2px solid #2b2c32;border-radius:6px}
  .column-scroll::-webkit-scrollbar-track,.project-link-groups::-webkit-scrollbar-track{background:transparent}
  .login-page{height:100dvh;min-height:0;overflow:auto}
}
@media(min-width:1600px) and (min-height:900px){
  .app-shell{grid-template-columns:220px minmax(0,1fr)}
  .content{padding:29px 35px 18px}
  .topbar{height:62px;min-height:62px;flex-basis:62px;padding:0 35px}
  .board{gap:20px}
  .column-scroll{padding:14px 10px 0 14px}
  .project-card{padding:14px 17px 0;margin-bottom:14px}
  .card-title{font-size:17px}
  .card-description{font-size:11px}
  .owner-row,.date-row,.next-step{font-size:12px}
  .card-footer{font-size:11px;padding:9px 0}
  .card-top{margin-bottom:10px}
  .owner-row{margin-top:12px}
  .progress-meta{margin-top:14px}
  .next-step{margin:9px 0 11px}
  .column-header{font-size:13px;padding:17px 17px 16px}
  .column-bottom{flex-basis:35px;font-size:11px}
  .column-scroll-hint{font-size:10px}
}
@media(min-width:1000px) and (max-height:850px){
  .app-shell{grid-template-columns:184px minmax(0,1fr)}
  .sidebar{padding:22px 13px 15px}
  .sidebar .brand{padding-bottom:22px}
  .topbar{height:50px;min-height:50px;flex-basis:50px;padding:0 24px}
  .content{padding:18px 24px 12px}
  .eyebrow{display:none}
  .heading-row h1{font-size:25px}
  .subtitle{font-size:11px;margin-top:7px}
  .summary-row{margin-top:17px;padding-bottom:15px}
  .summary-number{font-size:23px}
  .summary-label{font-size:10px}
  .toolbar{margin-top:15px;margin-bottom:14px}
  .board{gap:12px}
  .column-header{padding:12px 11px;font-size:11px}
  .column-scroll{padding:9px 6px 0 9px}
  .column-bottom{flex-basis:27px;min-height:27px;font-size:9px;padding:0 10px}
  .column-scroll-hint{font-size:8px}
  .column-bottom .add-project-dashed{padding:7px 0;font-size:9px}
  .project-card{padding:12px 11px 0;margin-bottom:10px}
  .card-top{margin-bottom:8px}
  .project-icon{height:23px;width:23px;border-radius:6px}
  .project-icon svg{width:14px;height:14px}
  .card-title{font-size:13px;line-height:1.5}
  .card-description{font-size:9px;margin-top:3px}
  .owner-row{font-size:10px;margin-top:10px;gap:6px}
  .owner-mini{height:17px;width:17px;font-size:8px}
  .date-row{font-size:10px;margin-top:7px}
  .progress-meta{font-size:9px;margin-top:12px}
  .progress{margin-top:6px}
  .next-step{font-size:10px;margin:8px 0 10px}
  .card-footer{font-size:9px;padding:8px 0}
  .attention{font-size:10px;margin-top:12px;padding:9px 12px;min-height:33px}
  .attention button{font-size:10px}
  .bottom-note{font-size:9px;margin-top:10px;min-height:12px}
  .view-links .link-summary{margin-top:17px}
  .view-links .library-toolbar{margin-top:16px}
  .project-group-header{padding:14px 16px}
  .group-link-row{min-height:66px;padding-top:12px;padding-bottom:12px}
  .view-links .library-tip{margin-top:9px;font-size:9px}
  .group-library-footer{margin-top:9px;font-size:9px}
}
@media(max-width:999px){
  .column-scroll{padding:0}
  .column-bottom{padding:0 3px;min-height:25px;font-size:9px}
  .column-scroll-hint{display:none}
}

/* Whole-board priority filter, shared by all project columns. */
.priority-toolbar{display:flex;align-items:center;gap:10px;height:34px;flex-shrink:0;margin-left:14px;padding-left:16px;border-left:1px solid var(--line)}
.priority-filter-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}
.priority-filter-label svg{width:13px;height:13px;color:var(--faint)}
.priority-options{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #454b56;border-radius:7px;background:#1e2128}
.priority-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:26px;padding:0 10px;border-radius:4px;color:#bfc5d0;font-size:11px;white-space:nowrap}
.priority-option:hover{background:#343b48;color:var(--text)}
.priority-option.active{background:#2a4857;color:var(--accent)}
.priority-filter-count{font-size:10px;min-width:7px;color:var(--faint);font-variant-numeric:tabular-nums}
.priority-option.active .priority-filter-count{color:var(--accent);opacity:.8}
.priority-mark{display:block;width:4px;height:4px;border-radius:50%;flex-shrink:0;background:var(--muted)}
.priority-mark.urgent{background:var(--red)}
.priority-mark.high{background:var(--amber)}
.priority-mark.normal{background:#a2aaba}
@media(min-width:1600px) and (min-height:900px){
  .priority-filter-label,.priority-option{font-size:12px}
  .priority-filter-count{font-size:11px}
  .priority-option{padding-left:12px;padding-right:12px}
}
@media(max-width:1200px){
  .board-toolbar{flex-wrap:wrap;row-gap:10px}
  .board-toolbar .priority-toolbar{order:2;flex-basis:100%;margin:0;padding:0;border-left:0}
}
@media(max-width:440px){
  .priority-toolbar{gap:8px}
  .priority-filter-label{font-size:10px}
  .priority-filter-label svg{display:none}
  .priority-options{flex:1;min-width:0;gap:2px}
  .priority-option{flex:1;gap:4px;padding:0 6px;font-size:10px}
  .priority-filter-count{font-size:9px}
}

/* Project-based board: compact mixed items, no status/type lanes. */
.view-board .board-toolbar{margin-top:23px;margin-bottom:20px}
.board.project-board{display:flex;gap:14px;align-items:stretch;min-height:0;overflow-x:auto;overflow-y:hidden;padding:0 0 9px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#6a7281 transparent}
.project-board:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}
.project-lane{display:flex;flex-direction:column;flex:0 0 clamp(260px,calc((100% - 42px) / 4),340px);min-width:0;min-height:0;align-self:stretch;border:1px solid #464b56;border-radius:9px;background:#2b2e36;overflow:hidden;scroll-snap-align:start}
.project-lane-header{display:flex;align-items:center;gap:8px;padding:15px 11px;flex:0 0 52px;min-width:0;border-bottom:1px solid #464c58;background:#333740}
.project-lane-color{width:5px;height:15px;border-radius:3px;background:#97a0b7;flex-shrink:0}
.project-lane-color.sage{background:#b5a1ed}
.project-lane-color.blue{background:#69bbf5}
.project-lane-color.amber{background:#d6b66f}
.project-lane-color.rose{background:#d2a49a}
.project-lane-title{min-width:0;flex:1;text-align:left;font-size:14px;font-weight:550;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf1f8}
.project-lane-title:hover{color:var(--accent)}
.project-lane-count{font-size:10px;color:#b5bfce;padding:3px 5px;min-width:20px;text-align:center;border-radius:4px;background:#434b59;flex-shrink:0;font-variant-numeric:tabular-nums}
.lane-project-details{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--faint);padding:2px}
.lane-project-details svg{height:15px;width:15px}
.project-lane-list{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:6px;scrollbar-width:thin;scrollbar-color:#687180 transparent;overscroll-behavior-y:contain;scrollbar-gutter:stable}
.project-lane-list:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}
.project-item-row{display:flex;align-items:center;gap:8px;width:100%;min-height:41px;padding:0 8px;margin:0;border-bottom:1px solid #3e4450;border-radius:3px;text-align:left;color:#d8deea;background:transparent}
.project-item-row:hover{background:#3a4351;color:#f5f8ff}
.project-item-icon{display:flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;color:#98a7bb}
.project-item-icon svg{height:13px;width:13px;stroke-width:1.55}
.has-review-link .project-item-icon{color:#66c9df}
.project-item-title{flex:1;min-width:0;font-size:12px;font-weight:400;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-item-kind{font-size:9px;font-weight:400;padding:3px 5px;border-radius:3px;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;color:#b4c0d0;background:#3b4350}
.project-item-kind.review-kind{color:#d8be86;background:#484232}
.project-lane-add{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex:0 0 36px;padding:0 15px;color:#a6b0bf;font-size:11px;background:#30343d;border-top:1px solid #464c58}
.project-lane-add svg{height:13px;width:13px}
.project-lane-add:hover{background:#374452;color:var(--accent)}
.project-lane-empty{padding:30px 10px;text-align:center;color:var(--faint);font-size:11px}
.project-board-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 auto;min-height:28px;margin-top:9px;font-size:10px;color:var(--faint)}
.project-board-footer b{font-weight:500;color:#c5cedd;font-variant-numeric:tabular-nums}
.board-footer-separator{margin:0 10px;color:#687384}
.board-horizontal-navigation{display:flex;align-items:center;gap:8px}
.board-horizontal-navigation>span{margin-right:7px}
.board-horizontal-navigation button{display:flex;align-items:center;justify-content:center;border:1px solid #4c5667;border-radius:5px;width:29px;height:25px;background:#2e3540;color:#b9c6da}
.board-horizontal-navigation button:hover{border-color:#69bdcf;color:var(--accent);background:#2e4857}
.board-horizontal-navigation button svg{width:13px;height:13px;transform:rotate(90deg)}
.board-horizontal-navigation button:last-child svg{transform:rotate(-90deg)}
.project-board-empty{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;width:100%;font-size:13px;color:var(--muted)}
.project-board-empty>svg{width:26px;height:26px;color:var(--faint)}
.project-board-empty strong{font-weight:400}
.board.project-board::-webkit-scrollbar{height:7px}
.board.project-board::-webkit-scrollbar-thumb{border:1px solid #25282f;border-radius:6px;background:#667180}
.project-lane-list::-webkit-scrollbar{width:6px}
.project-lane-list::-webkit-scrollbar-thumb{border-radius:5px;background:#636e7d}
.item-detail-title{align-items:flex-start}
.item-detail-title h2{font-size:20px;line-height:1.6;overflow-wrap:anywhere;min-width:0}
.item-detail-kind{font-size:10px;color:#bbc9dd;background:#384758;padding:5px 8px;border-radius:4px}
.item-detail-description{font-size:12px;color:#c6d0e0;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}
.item-detail-url{width:100%;margin-top:0;gap:12px;text-align:left}
.item-detail-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.item-detail-small-note{font-size:10px;color:var(--faint);line-height:1.9;margin-top:31px}
.item-detail-drawer .detail-properties .property-value{overflow-wrap:anywhere;min-width:0;line-height:1.8;align-items:flex-start}
.item-detail-drawer .detail-section-title .version{margin-left:auto}
@media(min-width:1600px) and (min-height:900px){
  .project-lane{flex-basis:clamp(270px,calc((100% - 56px) / 5),340px)}
  .project-lane-header{padding:16px 13px;flex-basis:55px}
  .project-lane-title{font-size:15px}
  .project-lane-list{padding:7px}
  .project-item-row{min-height:43px;padding:0 9px;gap:9px}
  .project-item-title{font-size:13px}
  .project-item-kind{font-size:10px;padding:3px 6px}
  .project-lane-add{flex-basis:38px;font-size:12px}
  .project-board-footer{font-size:11px;margin-top:11px;min-height:29px}
}
@media(min-width:1000px) and (max-height:850px){
  .view-board .board-toolbar{margin-top:18px;margin-bottom:17px}
  .project-lane-header{padding:13px 10px;flex-basis:48px;gap:7px}
  .project-lane-title{font-size:13px}
  .project-lane-list{padding:5px}
  .project-item-row{min-height:38px;padding:0 7px;gap:7px}
  .project-item-title{font-size:11px}
  .project-item-kind{font-size:9px;padding:2px 4px;max-width:45px}
  .project-lane-add{flex-basis:32px;font-size:10px}
  .project-board-footer{font-size:9px;margin-top:7px;min-height:26px}
}
@media(min-width:1000px) and (max-width:1199px){
  .project-lane{flex-basis:clamp(240px,calc((100% - 28px) / 3),310px)}
}
@media(max-width:999px){
  .view-board .project-board{height:70dvh;min-height:360px;max-height:800px}
  .project-lane{flex-basis:270px}
  .project-board-footer{align-items:flex-start;font-size:9px}
  .board-horizontal-navigation>span{display:none}
  .board-footer-separator{margin:0 5px}
  .view-board .subtitle{max-width:none}
}

/* Small rectangular item cards: compact, but visually separated from list rows. */
.project-lane{background:#292c34}
.project-lane-list{padding:10px 9px;scrollbar-gutter:stable}
.project-item-row.mini-item-card{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:11px;min-height:86px;padding:13px 12px 11px;margin:0 0 9px;border:1px solid #515764;border-radius:7px;background:linear-gradient(115deg,#3b404b,#363b45);box-shadow:0 2px 4px #10131a24;transition:background .15s,border-color .15s,box-shadow .15s}
.project-item-row.mini-item-card:hover{background:linear-gradient(115deg,#444c59,#3a4351);border-color:#748798;box-shadow:0 3px 10px #0c101c38}
.project-item-row.mini-item-card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.mini-card-heading{display:flex;align-items:center;gap:9px;min-width:0;width:100%}
.mini-item-card .project-item-icon{width:25px;height:25px;border:1px solid #5a6474;border-radius:5px;background:#434b59;color:#c2ccdb}
.mini-item-card .project-item-icon svg{width:13px;height:13px}
.mini-item-card.has-review-link .project-item-icon{background:#304e5a;border-color:#446d7a;color:#80d1e1}
.mini-item-card .project-item-title{font-size:13px;font-weight:550;line-height:1.5;color:#f0f2f7}
.mini-card-open{display:flex;align-items:center;flex-shrink:0;opacity:0;color:#92c9d4}
.mini-card-open svg{width:12px;height:12px}
.mini-item-card:hover .mini-card-open,.mini-item-card:focus-visible .mini-card-open{opacity:1}
.mini-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.mini-item-card .project-item-kind{max-width:90px;font-size:10px;padding:3px 7px;border:1px solid #5d6574;background:#48515f;color:#d0d7e2}
.mini-item-card .project-item-kind.review-kind{background:#514938;border-color:#6c6047;color:#e6cc97}
.mini-card-due{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#abb7c8;font-size:10px;font-weight:400}
.mini-card-due svg{width:11px;height:11px;opacity:.7}
.mini-card-due.is-late{color:#e5ab9f}
.mini-card-state{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:400;color:#e5c68a}
.mini-card-state i{width:4px;height:4px;background:currentColor;border-radius:50%}
.mini-card-state.changes{color:#eba596}
.mini-card-state.approved{color:#8fcee4}
@media(min-width:1600px) and (min-height:900px){
  .project-lane-list{padding:12px 10px}
  .project-item-row.mini-item-card{min-height:91px;padding:14px 13px 12px;margin-bottom:10px;gap:12px}
  .mini-item-card .project-item-title{font-size:14px}
  .mini-card-state,.mini-card-due{font-size:11px}
}
@media(min-width:1000px) and (max-height:850px){
  .project-lane-list{padding:8px 7px}
  .project-item-row.mini-item-card{min-height:78px;padding:11px 10px 10px;margin-bottom:8px;gap:9px}
  .mini-item-card .project-item-title{font-size:12px}
  .mini-item-card .project-item-kind{font-size:9px;padding:2px 6px}
  .mini-card-state,.mini-card-due{font-size:9px}
  .mini-item-card .project-item-icon{width:22px;height:22px}
}

/* theme-light.css */
/* Bright workspace: cool white, vivid blue, lilac, peach and amber. */
:root{color-scheme:light;--page:#f4f6fb;--sidebar:#ffffff;--surface:#ffffff;--surface2:#f0f3fa;--line:#dfe5ef;--text:#26324c;--muted:#62708a;--faint:#7b88a0;--accent:#4169ec;--accent-ink:#ffffff;--amber:#b67b16;--red:#cf6570;--blue:#5c8cef;--green:#638bb4}
body{background:var(--page);color:var(--text)}
.sidebar{background:#fff;border-color:#e2e7f1}
.brand-mark{background:linear-gradient(135deg,#6685ff,#4365ec);color:#fff;box-shadow:0 4px 12px #496bee25}
.brand-name{color:#273756}.brand-en{color:#8692aa}
.nav-item{color:#718099}.nav-item:hover{background:#f1f4fc;color:#4567d7}
.nav-item.active{background:#ecf1ff;color:#4569dd}
.count{background:#e1e9ff;color:#4d6ed7}
.avatar{background:#edf0ff;color:#6a72bf}.user-name{color:#334160}
.topbar{background:#ffffffc9;border-color:#e2e7f1}.topbar strong{color:#566680}.top-link{color:#72809b}
.preview-label i{background:#e9b657}.heading-row h1{color:#283754}
.btn{background:#fff;border-color:#d9e1ef;color:#566783}.btn:hover{background:#eef3ff;border-color:#a0b5f4}
.btn.primary{background:#4c70ef;border-color:#4c70ef;color:#fff;box-shadow:0 4px 11px #486bec1d}
.btn.primary:hover{background:#3c61dd;border-color:#3c61dd}
.search,.filter-select{background:#fff;border-color:#dce3f0;color:#687792;box-shadow:0 1px 3px #293b5c03}
.search:focus-within{border-color:#91a8ef}.search input{color:#344564}.search input::placeholder{color:#8b97ac}
.priority-toolbar{border-color:#dce3ef}.priority-options{border-color:#dce3ef;background:#fff;box-shadow:0 1px 4px #2f456509}
.priority-option{color:#71809a}.priority-option:hover{background:#f1f4fd;color:#4769d1}
.priority-option.active{background:#eaf0ff;color:#4569df}.priority-option.active .priority-filter-count{color:#5073db}
.priority-mark.urgent{background:#e08888}.priority-mark.high{background:#dcb65f}.priority-mark.normal{background:#9aabc5}
.board.project-board{scrollbar-color:#bdc9e0 transparent}
.project-lane{background:#edf1f8;border:1px solid #dce3f0;box-shadow:0 2px 6px #3c538005}
.project-lane-header{background:#e7edfb;border-color:#dce3f0}
.project-lane:has(.project-lane-color.sage) .project-lane-header{background:#eeeafa}
.project-lane:has(.project-lane-color.blue) .project-lane-header{background:#e4efff}
.project-lane:has(.project-lane-color.rose) .project-lane-header{background:#f9eae6}
.project-lane:has(.project-lane-color.amber) .project-lane-header{background:#faf0da}
.project-lane-color.sage{background:#a390db}.project-lane-color.blue{background:#7ba7ec}.project-lane-color.rose{background:#dc9a87}.project-lane-color.amber{background:#d8af54}
.project-lane-title{color:#3c4b69}.project-lane-title:hover{color:#4267dd}
.project-lane-count{background:#ffffffa8;color:#7d89a2}.lane-project-details{color:#8b98ad}
.project-lane-list{scrollbar-color:#c0cbe0 transparent}
.project-item-row.mini-item-card{background:#fff;border-color:#dee5f0;box-shadow:0 2px 4px #344f7c08;color:#344565}
.project-item-row.mini-item-card:hover{background:#fff;border-color:#9fb5f0;box-shadow:0 4px 13px #4c70bb18}
.mini-item-card .project-item-title{color:#344462;font-weight:550}
.mini-item-card .project-item-icon{background:#edf2ff;border-color:#e0e7fc;color:#7d96d1}
.mini-item-card.has-review-link .project-item-icon{background:#e9edff;border-color:#dfe5fc;color:#7d89d6}
.mini-item-card .project-item-kind{background:#f1f4fc;border-color:#e7ebf6;color:#8391aa}
.mini-item-card .project-item-kind.review-kind{background:#fff4d9;border-color:#f8e8c1;color:#b58a3f}
.mini-card-due{color:#8a97ad}.mini-card-due.is-late{color:#cb8383}
.mini-card-state{color:#bb9548}.mini-card-state.changes{color:#d48b7f}.mini-card-state.approved{color:#7894cc}
.mini-card-open{color:#718bd5}
.project-lane-add{background:#f1f4fa;border-color:#dfe5f0;color:#8b98af}.project-lane-add:hover{background:#e8efff;color:#4f74dc}
.project-board-footer b{color:#6e7f9c}.board-footer-separator{color:#bbc6d9}
.board-horizontal-navigation button{background:#fff;border-color:#dbe3f1;color:#8a9ab5}.board-horizontal-navigation button:hover{background:#eaf0ff;border-color:#a8b9e7;color:#4c70df}
.board.project-board::-webkit-scrollbar-thumb{background:#b9c7e0;border-color:var(--page)}.project-lane-list::-webkit-scrollbar-thumb{background:#becbe1}
/* Matching light details, forms, link library and sign-in preview. */
.drawer{background:#fff;border-color:#dbe4f2;box-shadow:-16px 0 70px #25334e18}.drawer-scrim{background:#34446130;backdrop-filter:blur(3px)}
.project-icon{background:#edf1fa;color:#8092b6}.project-icon.sage{background:#efeafb;color:#9a83cd}.project-icon.blue{background:#e8f0ff;color:#759bdf}.project-icon.rose{background:#fbece6;color:#ce9786}.project-icon.amber{background:#fff3da;color:#c5a05a}
.item-detail-kind{color:#7d8cb1;background:#edf1fc}.item-detail-description{color:#62728c}
.property-value{color:#415374}.property-label{color:#8997af}.detail-section-title{color:#3e4f6b}
.priority{color:#8897ad}.priority.high{color:#b89a56}.priority.urgent{color:#cf8585}
.review-box{background:#f6f8fd;border-color:#dfe6f3}.review-url{background:#fff;color:#6582c3;border-color:#dce4f2}
.status-tag{background:#fff3d9;color:#b38c45}.status-tag.changes{background:#fff0e9;color:#cd8d7d}.status-tag.approved{background:#edf2ff;color:#7994ce}
.version{background:#eef2fa;color:#8593b0}.late{color:#cf8585}
.create-dialog{background:#fff;border-color:#dbe3f1;box-shadow:0 25px 120px #26395630;color-scheme:light}
.create-dialog::backdrop{background:#34446140}.create-icon{background:#edf1ff;color:#708be2}
.create-footer{background:#f7f9fd}.create-header h2{color:#344565}
.form-field label{color:#657691}.form-field input,.form-field select,.form-field textarea{background:#fff;border-color:#dce4f1;color:#435575}
.form-field input::placeholder,.form-field textarea::placeholder{color:#a0abc0}
.form-project-context{background:#eff4ff;border-color:#dfe8fd}.form-project-context b{color:#687fac}.form-error{background:#fff1ed;color:#ce8b7f}
.pill{background:#fff}.pill.active{background:#eaf0ff;border-color:#becdf5;color:#5d7dd4}
.library{background:#fff;border-color:#dce4f0}.link-head,.group-link-head{background:#f5f7fc;border-color:#e5eaf3}
.project-group{background:#fff;border-color:#dde5f2}.project-group-header{background:#eff3fc}
.group-title,.card-title{color:#425374}.group-meta .pending-count{background:#fff1d4;color:#bf9a55}
.group-link-row{background:#fff;border-color:#e9edf5}.group-link-row:hover,.link-row:hover{background:#f6f8ff}
.url-display{color:#8a9ab6}.row-action{color:#6d89cd}
.login-page{background:#fafbfe}.login-story{background:radial-gradient(ellipse at 30% 60%,#cddaff77,transparent 65%),#eff3ff}
.login-form label{color:#71809b}.login-form input{background:#fff;border-color:#dbe3f1}.login-form input::placeholder{color:#9da9bd}
#toast{background:#fff;color:#566e9d;border:1px solid #dfe7f6;box-shadow:0 6px 35px #31456e1c}

/* Keep small text readable against the bright surfaces. */
:root{--faint:#687891}
.mini-item-card .project-item-kind{color:#65758f}.mini-card-due{color:#697991}
.mini-card-due.is-late{color:#b2676c}.mini-card-state{color:#9b772e}.mini-card-state.changes{color:#b66f62}.mini-card-state.approved{color:#5c7db8}
.project-lane-count{color:#6f7f99}.project-lane-add{color:#71819a}

/* Low-saturation type icons: stronger strokes and readable contrast. */
.brand-name{font-size:19px;letter-spacing:1px}.brand-en{font-size:8px;letter-spacing:1.4px}
.mini-item-card .project-item-icon{border:0;width:26px;height:26px}
.mini-item-card .project-item-icon svg{width:15px;height:15px;stroke-width:1.9}
.mini-item-card .project-item-icon.muted-blue{background:#e3ebf7;color:#657fa8}
.mini-item-card .project-item-icon.muted-lilac{background:#ede7f5;color:#8a73a9}
.mini-item-card .project-item-icon.muted-peach{background:#f7e9df;color:#b18b70}
.mini-item-card .project-item-icon.muted-rose{background:#f4e4e9;color:#af7b8e}
.mini-item-card .project-item-icon.muted-amber{background:#f3ecd9;color:#a38c58}
.mini-item-card .project-item-icon.muted-slate{background:#e9edf3;color:#7a889f}
.mini-item-card.has-review-link .project-item-icon.muted-indigo{background:#e7e7f6;color:#7d7ba9}
.mini-item-card.has-review-link .mini-card-open{opacity:1;color:#8a8caf}
.review-url{display:flex;align-items:center;justify-content:space-between}
@media(min-width:1000px) and (max-height:850px){.brand-name{font-size:18px}.mini-item-card .project-item-icon{width:24px;height:24px}}

/* Link library: projects stacked vertically; multiple destination cards per project. */
.view-links .library-toolbar{margin-top:23px;margin-bottom:20px}
.resource-library{display:flex;flex-direction:column;gap:16px;padding:0 7px 12px 0;scrollbar-color:#becbe1 transparent}
.project-resource-section{flex:0 0 auto;border:1px solid #dce3ef;background:#edf1f8;border-radius:9px;overflow:hidden}
.resource-project-header{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 15px;border-bottom:1px solid #dce3ef;background:#e4efff}
.project-resource-section.sage .resource-project-header{background:#eeeafa}.project-resource-section.rose .resource-project-header{background:#f9eae6}.project-resource-section.amber .resource-project-header{background:#faf0da}
.resource-project-header h2{font-size:14px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3c4b69}
.resource-project-mark{width:5px;height:17px;border-radius:3px;background:#7ba7ec;flex-shrink:0}.resource-project-mark.sage{background:#a390db}.resource-project-mark.rose{background:#dc9a87}.resource-project-mark.amber{background:#d8af54}
.resource-link-count{font-size:10px;padding:3px 7px;border-radius:4px;background:#ffffffa6;color:#73839f;white-space:nowrap}
.resource-project-agency{margin-left:auto;font-size:11px;color:#7f8da5}.resource-project-header .btn{margin-left:8px;background:#ffffffb3;border-color:#ffffffa0;font-size:11px;color:#7183a3}
.project-resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:11px;padding:13px}
.library-link-card{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;min-height:94px;padding:13px;border:1px solid #dee5f0;border-radius:7px;background:#fff;box-shadow:0 2px 4px #344f7c08}
.library-link-card:hover{border-color:#9fb5f0;box-shadow:0 4px 12px #4c70bb18}
.library-card-main{display:flex;align-items:center;gap:10px;min-width:0}.library-card-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.library-card-copy strong{color:#344462;font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-copy>span{font-size:10px;color:#8492aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resource-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;flex-shrink:0;background:#e7e7f6;color:#7d7ba9}.resource-icon svg{width:16px;height:16px;stroke-width:1.9}
.resource-icon.muted-blue{background:#e3ebf7;color:#657fa8}.resource-icon.muted-lilac{background:#ede7f5;color:#8a73a9}.resource-icon.muted-peach{background:#f7e9df;color:#b18b70}.resource-icon.muted-rose{background:#f4e4e9;color:#af7b8e}.resource-icon.muted-slate{background:#e9edf3;color:#7a889f}
.resource-external{color:#98a5bc;margin-left:auto;display:flex}.resource-external svg{width:12px;height:12px}.library-link-card:hover .resource-external{color:#5b7dd6}
.library-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#8390a7}.resource-kind{padding:3px 7px;border-radius:3px;background:#f1f4fc;color:#6b7a94}
.resource-empty{font-size:12px;color:#7b8ba6;padding:18px 6px}
@media(min-width:1600px) and (min-height:900px){.project-resource-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));padding:14px}.resource-project-header{min-height:54px}.library-link-card{min-height:98px}.resource-project-header h2{font-size:15px}}
@media(min-width:1000px) and (max-height:850px){.view-links .library-toolbar{margin-top:18px;margin-bottom:17px}.resource-library{gap:12px}.resource-project-header{min-height:46px;padding:8px 12px}.resource-project-header h2{font-size:13px}.project-resource-grid{padding:10px;gap:9px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.library-link-card{min-height:86px;padding:11px}.library-card-copy strong{font-size:12px}}
@media(max-width:760px){.project-resource-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.resource-project-agency{display:none}.resource-project-header .btn{margin-left:auto}.resource-link-count{font-size:9px}.resource-project-header h2{font-size:12px}}

/* One lightweight overview row above the whole board; project-level counts only. */
.board-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:22px;flex-shrink:0}
.overview-stat{display:flex;align-items:center;gap:12px;min-width:0;min-height:79px;padding:14px 17px;background:#fff;border:1px solid #dfe6f2;border-radius:9px;box-shadow:0 2px 5px #31456e05}
.overview-stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#e9effc;color:#708ab9;flex-shrink:0}
.overview-stat-icon svg{width:18px;height:18px;stroke-width:1.8}
.overview-stat.urgent .overview-stat-icon{background:#f5e7ec;color:#b17d91}.overview-stat.soon .overview-stat-icon{background:#fbf0db;color:#b39a62}.overview-stat.late .overview-stat-icon{background:#f9e8e3;color:#c18c7b}
.overview-stat-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.overview-stat-label{font-size:12px;color:#61718d}.overview-stat-note{font-size:10px;color:#8c98ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-stat-value{font-size:27px;font-weight:600;color:#405576;margin-left:auto;font-variant-numeric:tabular-nums}.overview-stat.urgent .overview-stat-value{color:#b17d91}.overview-stat.soon .overview-stat-value{color:#b3985d}.overview-stat.late .overview-stat-value{color:#c08a7b}
.view-board .board-toolbar{margin-top:18px}
@media(min-width:1600px) and (min-height:900px){.overview-stat{min-height:85px;padding:15px 20px}.overview-stat-label{font-size:13px}.overview-stat-value{font-size:30px}.overview-stat-note{font-size:11px}}
@media(min-width:1000px) and (max-height:850px){.board-overview{margin-top:17px;gap:10px}.overview-stat{min-height:69px;padding:11px 12px;gap:9px}.overview-stat-icon{width:30px;height:30px}.overview-stat-icon svg{width:15px;height:15px}.overview-stat-label{font-size:11px}.overview-stat-note{font-size:9px}.overview-stat-value{font-size:24px}.view-board .board-toolbar{margin-top:15px}}
@media(max-width:999px){.board-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-stat{min-height:71px;padding:12px}.overview-stat-note{font-size:9px}.overview-stat-value{font-size:24px}}

/* live.css */
.login-features{display:flex;flex-direction:column;gap:20px;margin:40px 0;color:#697796;font-size:15px}
#login-error{color:#c96678;min-height:24px;font-size:12px}
button:disabled{opacity:.55;cursor:wait}
.resource-card-wrap{position:relative;min-width:0;padding-bottom:23px}.resource-card-wrap .library-link-card{height:100%}
.resource-edit{position:absolute;right:10px;bottom:3px;color:#6c7fab;font-size:10px;background:none;border:0}
.entry-management-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e7ebf3;font-size:12px}
.entry-management-row>div{min-width:0}.entry-management-row strong{display:block;overflow-wrap:anywhere;font-weight:500}.entry-management-row small{display:block;margin-top:6px;color:#8790a6}
.grants-list{max-height:180px;overflow:auto;background:#f5f7fc;border-radius:8px;padding:8px 12px}
.grants-list label{display:flex!important;align-items:center;gap:8px;padding:6px}.grants-list input{width:16px!important;height:16px!important;margin:0}
.member-note{font-size:12px;line-height:1.8;color:#6d7c96}.member-list{max-height:190px;overflow:auto;margin-bottom:16px}
.item-detail-description{margin-bottom:22px}.sidebar-bottom>.nav-item{width:100%}.drawer-body h2{overflow-wrap:anywhere}.property-value{overflow-wrap:anywhere}
.create-header h2{flex:1;font-size:20px}.project-board-empty{min-width:300px}

/* v1.2: readable text, compact rectangles, low-saturation accents. No scaling. */
:root{--text:#27354f;--muted:#52627d;--faint:#5f6f89}
[hidden]{display:none!important}
body{font-size:16px}
.nav-item{font-size:15px;color:#52627d}.user-name{font-size:14px}.user-role,.privacy,.workspace-label,.count{font-size:12px;color:#596a85}.brand-en{font-size:10px}
.topbar,.topbar .top-link,.topbar .preview-label{font-size:13px;color:#52627d}
.heading-row h1{font-size:30px}.subtitle{font-size:14px;line-height:1.65;color:#52627d}
.btn,.btn.small,.resource-project-header .btn{font-size:14px;min-height:36px;color:#425574}.btn.primary{color:#fff}
.search input,.filter-select{font-size:14px;color:#425574}.search{width:240px}.search input::placeholder{color:#65758d}
.toolbar{flex-wrap:wrap;row-gap:10px}.toolbar-title,.priority-filter-label,.priority-option{font-size:13px;color:#52627d}.priority-filter-count{font-size:12px}
.overview-stat{text-align:left}.overview-stat .overview-stat-label{font-size:15px;font-weight:550;color:#465b7b}.overview-stat .overview-stat-note{font-size:12px;color:#61708b}.overview-stat .overview-stat-value{font-size:30px}
.overview-stat.urgent .overview-stat-value{color:#a54460}.overview-stat.urgent:hover{background:#fff6f8;border-color:#d6a2b0}
.board.project-board .project-lane{flex-basis:clamp(300px,calc((100% - 56px)/5),360px)}
.project-lane .project-lane-header{min-height:56px;flex-basis:56px;padding:12px;gap:8px}
.project-lane .project-lane-title{font-size:17px;font-weight:650;color:#304361}.project-lane-title:hover{text-decoration:underline;text-underline-offset:4px}
.project-lane .project-lane-count{font-size:12px;color:#51647f}.lane-project-details{min-width:30px;min-height:30px;color:#536d96}
.lane-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 9px;font-size:12px;color:#556681;border-bottom:1px solid #dae3f1;background:#f8faff}
.lane-summary>span:last-child{display:flex;align-items:center;gap:4px}.lane-summary svg{width:13px;height:13px}.lane-summary .priority{font-size:12px}.lane-summary .priority.urgent{color:#a13c55;background:#fce8ee}
.lane-summary .is-late{color:#a54c4f}
.project-lane-list .project-item-row.mini-item-card{min-height:94px;gap:13px;padding:13px 12px;margin-bottom:10px;width:100%}
.mini-item-card .project-item-title{font-size:16px;font-weight:550;line-height:1.55;color:#304361}
.mini-item-card .project-item-icon{height:29px;width:29px}.mini-item-card .project-item-icon svg{height:17px;width:17px}
.mini-item-card .project-item-kind{font-size:12px;color:#52637d;max-width:78px;padding:3px 6px}
.mini-card-due,.mini-card-state{font-size:12px;color:#586a85}.mini-card-state{color:#936820}.mini-card-state.approved{color:#466a9c}.mini-card-state.changes,.mini-card-due.is-late{color:#a54d4f}
.mini-card-meta{gap:5px;flex-wrap:wrap}.mini-card-open{opacity:1;color:#667eaa}.task-priority{font-size:12px;font-weight:650;padding:3px 6px;border-radius:4px;white-space:nowrap}
.task-priority.urgent{color:#a13c55;background:#fbe7ed}.task-priority.high{color:#8b651e;background:#f8eed9}
.project-lane-list .mini-item-card.priority-urgent{border-left:3px solid #ce8195;background:#fffafb}
.project-lane .project-lane-add{font-size:14px;flex-basis:41px;color:#536d96}.project-lane-empty{font-size:14px;color:#596c89}
.project-board-footer,.group-library-footer{font-size:12px;color:#5c6d88}.board-horizontal-navigation span{font-size:12px}
.resource-project-header h2{font-size:17px;font-weight:650;color:#304361}.resource-link-count{font-size:12px;color:#52647e}.resource-project-header .btn{margin-left:auto}
.library-card-copy strong{font-size:16px;color:#304361}.library-card-copy>span,.library-card-foot{font-size:13px;color:#5e6e87}.resource-kind{color:#52637d}.resource-edit{font-size:13px;color:#48659c;padding:4px;bottom:0}
.resource-card-wrap{padding-bottom:30px}.project-resource-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.resource-empty{font-size:14px;color:#5b6d89}
.entry-management-row{font-size:15px}.entry-management-row small{font-size:13px;color:#5b6d89}.member-note,.form-hint,.create-preview-note{font-size:13px;color:#5c6c86}
.create-dialog{width:600px;background:#fff;color:#27354f;color-scheme:light;border-color:#d7e0ef;max-height:calc(100dvh - 32px)}
.create-form .form-field label{font-size:14px;color:#425675}.create-form .form-field input,.create-form .form-field textarea,.create-form .form-field select{font-size:15px;color:#273b5c;background:#fff;border-color:#bac9df;min-height:42px}
.create-form .form-field input::placeholder,.create-form .form-field textarea::placeholder{color:#687a94}
.create-form .form-field small{font-size:12px;color:#65758e}.create-footer{background:#f7f9fd;border-color:#e0e6f0}.form-error,#login-error{font-size:14px;color:#ad344f}
.drawer{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 40px);border-radius:14px;border:1px solid #cdd8e9;box-shadow:0 22px 90px #223a6340;overflow:auto}
.drawer-top{font-size:14px}.drawer-body{overflow:auto;max-height:calc(100dvh - 180px)}.drawer-body h2{font-size:24px}.detail-properties,.item-detail-description{font-size:15px;color:#425675}.property-label,.drawer-footer{font-size:13px;color:#5d6e89}
.context-menu{position:fixed;z-index:500;max-height:calc(100dvh - 16px);overflow:auto;width:276px;padding:7px;background:#fff;border:1px solid #ced9ec;border-radius:12px;box-shadow:0 12px 42px #253e6b2d;color:#304361}
.context-title{padding:9px 10px 11px;font-size:13px;color:#60718c;overflow-wrap:anywhere;border-bottom:1px solid #e4eaf4;margin-bottom:4px}
.context-menu button{display:flex;align-items:center;gap:11px;text-align:left;width:100%;min-height:39px;padding:9px 10px;border-radius:6px;font-size:14px;color:#354e73}.context-menu button svg{width:17px;height:17px;color:#7290bd}
.context-menu button:hover,.context-menu button:focus-visible{background:#edf2ff;color:#365ec1;outline-offset:-2px}.context-menu button:disabled{opacity:.45;cursor:not-allowed}
.context-menu [data-context-action=delete],.context-menu [data-context-action=archive]{color:#a44760}.context-divider{height:1px;background:#e3eaf5;margin:5px 3px}
.login-form label,.login-form>p,.login-form input,.login-features{font-size:15px}.login-help,.login-data-note{font-size:13px;color:#5d6e89}
@media(max-width:999px){.sidebar-bottom{padding-top:15px}.toolbar .search{width:auto}.board.project-board .project-lane{flex-basis:300px}.overview-stat .overview-stat-note{white-space:normal}.overview-stat{padding:11px;gap:9px}}
@media(max-width:760px){.heading-row{gap:10px}.heading-row h1{font-size:25px}.subtitle{font-size:13px}.resource-project-header{flex-wrap:wrap}.resource-project-header h2{font-size:16px}.board-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stat .overview-stat-label{font-size:14px}.project-resource-grid{grid-template-columns:1fr}}

/* v1.3: isolate scrolling panes; no full-screen GPU blur or shadow animation. */
.create-dialog::backdrop,.drawer-scrim{backdrop-filter:none;-webkit-backdrop-filter:none;background:#25365352}
.project-lane{contain:layout paint style;scroll-snap-align:none}
.board.project-board{scroll-snap-type:none;scroll-behavior:auto}
.project-lane-list .mini-item-card{transition:border-color .12s;background:#fff;box-shadow:none}
.project-lane-list .mini-item-card:hover{box-shadow:none;border-color:#9fb5f0}
.project-resource-section{content-visibility:auto;contain-intrinsic-size:auto 210px}
.project-lane-list .mini-item-card{content-visibility:auto;contain-intrinsic-size:auto 94px}
.lane-load-more{display:block;width:100%;padding:12px 8px;border:1px dashed #c0cee5;border-radius:6px;color:#496699;background:#f4f7fd;font-size:13px;min-height:40px}
/* Pending is visible, not a claim that the server has saved. No continuous animation. */
.sync-pending{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;background:#eef2ff;color:#4654a1;font-size:12px;font-weight:600;white-space:nowrap}
.mini-item-card.is-syncing{border-color:#aab7ed;box-shadow:0 0 0 1px #e5eaff}
.deadline-choice label:first-child{display:flex;align-items:center;gap:8px;line-height:1.6}
.deadline-choice input[type=checkbox]{width:17px;height:17px;min-height:0;margin:0;flex:0 0 17px;accent-color:#596ed4}
.deadline-choice input:disabled{background:#f2f4f8;color:#647084;cursor:default}
.form-hint{font-size:13px;line-height:1.6;color:#626e83;margin:7px 0 0}
/* v2: public entry and personal registration; the existing board keeps its layout. */
.public-page{min-height:100dvh;background:#f8faff;padding:0 clamp(24px,5vw,100px);color:#263b59;overflow:auto}
.public-nav{display:flex;align-items:center;gap:35px;max-width:1680px;margin:auto;height:112px;border-bottom:1px solid #e3e9f3}.public-nav .brand,.auth-aside .brand{padding:0}.public-nav-note{font-size:14px;color:#62738c}.public-nav>div{margin-left:auto;display:flex;gap:27px;align-items:center}.public-signin{font-size:15px}.public-nav .btn{padding:0 24px;min-height:42px}
.public-hero{max-width:1680px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.3fr;gap:60px;align-items:center;min-height:640px;padding:70px 0 65px}.public-eyebrow{display:flex;align-items:center;gap:10px;color:#526cd1;font-size:13px;font-weight:600;letter-spacing:2px}.public-eyebrow>span{width:7px;height:7px;background:#8094df;border-radius:50%}.public-copy h1{font-size:clamp(44px,4.2vw,76px);font-weight:650;line-height:1.24;letter-spacing:-2px;margin:24px 0}.public-copy h1 span{color:#556cd6}.public-lead{font-size:17px;line-height:1.95;color:#62728a;margin:0}.public-hero-actions{display:flex;align-items:center;gap:24px;margin-top:36px}.public-hero-actions .btn{min-height:52px;padding:0 25px;font-size:16px}.public-secondary{font-size:14px;color:#5e6d84}.public-assurance{display:flex;align-items:center;gap:10px;font-size:12px;color:#66778e;margin-top:25px;flex-wrap:wrap}.public-assurance svg{width:15px;height:15px;color:#8093b1}
.public-demo{padding:25px;background:#fff;border:1px solid #dce4f3;border-radius:18px;box-shadow:0 24px 70px #5872a113;min-width:0}.demo-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:10px}.demo-bar>span{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600}.demo-bar>span svg{color:#7186d8}.demo-bar small{font-size:11px;color:#8792a6}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.demo-stats>div{padding:14px 16px;border-radius:8px;background:#f1f5fc;display:flex;justify-content:space-between;align-items:center}.demo-stats>div:nth-child(2){background:#fcf1f4}.demo-stats>div:nth-child(3){background:#f5f1fb}.demo-stats span{font-size:12px;color:#62738d}.demo-stats strong{font-size:23px;font-weight:550;color:#4a607e}.demo-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.demo-column{background:#f2f5fb;border:1px solid #e3e9f4;border-radius:9px;min-height:290px;padding:10px}.demo-column h3{font-size:13px;display:flex;align-items:center;gap:7px;margin:3px 0 16px;font-weight:600}.demo-column h3 i{width:4px;height:15px;background:#91b1e1;border-radius:2px}.demo-column.rose h3 i{background:#d7a7b6}.demo-column.amber h3 i{background:#d7bf90}.demo-column h3 span{font-size:11px;color:#73819a;margin-left:auto}.demo-task{background:#fff;border:1px solid #dfe6f1;border-radius:7px;padding:12px 9px;display:grid;grid-template-columns:24px 1fr;gap:9px;margin-bottom:9px;align-items:center}.demo-task strong{font-size:12px;font-weight:550;line-height:1.7}.demo-task-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#edf2fc;color:#7c98c2}.demo-task-icon.rose{background:#f9edf1;color:#bd8799}.demo-task-icon.amber{background:#faf3e6;color:#b29c71}.demo-task-icon svg{width:14px;height:14px}.demo-task small{grid-column:2;font-size:10px;color:#758198}.demo-task small.urgent{color:#a15a72}.demo-add{font-size:11px;color:#8290a6;margin-top:18px}.demo-caption{font-size:11px;color:#79879d;margin-top:18px}
.public-flow{max-width:1680px;margin:0 auto;padding:35px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;border-top:1px solid #e0e7f3}.public-flow>div{display:flex;gap:20px}.public-flow>div>span{font-size:27px;font-weight:400;color:#a4b3d1}.public-flow h2{font-size:17px;font-weight:600;margin:0 0 10px}.public-flow p{font-size:14px;color:#6b7a90;margin:0;line-height:1.7}.public-footer{max-width:1680px;margin:auto;padding:24px 0;display:flex;justify-content:space-between;border-top:1px solid #e8edf6;font-size:12px;color:#7a879c}
.public-auth{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:#fff;color:#2d405d}.auth-aside{background:#eef3fd;padding:clamp(30px,5vw,90px);display:flex;flex-direction:column;justify-content:space-between;gap:65px}.auth-aside>div{margin:auto 0}.auth-aside h1{font-size:clamp(32px,3.4vw,54px);line-height:1.4;font-weight:600;margin:24px 0}.auth-aside p{font-size:16px;line-height:1.9;color:#63758f}.auth-aside ul{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:18px;color:#536b91;font-size:15px}.auth-aside li{display:flex;gap:12px;align-items:center}.auth-aside>a:last-child{font-size:14px;color:#63799d}.auth-main{padding:50px 32px;display:flex;justify-content:center;align-items:center}.auth-card{width:min(100%,420px)}.auth-kicker{font-size:11px;letter-spacing:2px;color:#7786a0}.auth-card h2{font-size:29px;font-weight:600;margin:16px 0 10px}.auth-card>p{font-size:14px;color:#6b7b93;line-height:1.8;margin-bottom:24px}.auth-card form{display:flex;flex-direction:column}.auth-card label{font-size:14px;margin:13px 0 8px;color:#415676}.auth-card input{border:1px solid #cbd6e8;border-radius:7px;background:#fff;color:#2d405d;padding:12px 14px;min-height:46px;width:100%;font-size:15px}.auth-card input::placeholder{color:#8693a8;font-size:13px}.auth-card form .btn{width:100%;min-height:48px;font-size:15px}.auth-error{color:#ac4660;font-size:13px;line-height:1.6;min-height:21px;margin:13px 0 10px}.auth-switch{font-size:14px;color:#6c7c94;text-align:center;margin:22px 0}.auth-switch a{color:#526cd1;font-weight:600}.auth-note{font-size:12px;line-height:1.9;color:#7a879d;margin-top:25px;padding-top:20px;border-top:1px solid #e7edf5}.auth-note svg{width:13px;height:13px;vertical-align:middle;margin-right:6px}
.view-admin{overflow:auto!important;display:block!important}.site-summary{margin:30px 0;display:flex;align-items:center;gap:45px;padding:25px;background:#fff;border:1px solid #e1e8f3;border-radius:10px}.site-summary>div{display:grid;gap:10px}.site-summary span{font-size:13px;color:#6b7c94}.site-summary strong{font-size:24px}.site-summary>button{margin-left:auto}.site-accounts{border:1px solid #e0e7f2;background:#fff;border-radius:10px;overflow:auto}.site-account-row{display:grid;grid-template-columns:1fr 1fr 1.3fr .6fr 120px;align-items:center;gap:18px;padding:18px 22px;min-width:700px;border-bottom:1px solid #edf1f7;font-size:14px}.site-account-head{font-size:12px;color:#6c7e97;background:#f5f8fd}.site-account-row strong{font-weight:550;overflow-wrap:anywhere}.site-empty{padding:25px;color:#677b96;font-size:14px}
@media(max-width:1100px){.public-hero{gap:28px;grid-template-columns:1fr 1.25fr}.public-nav-note{display:none}.demo-bar small{display:none}.public-demo{padding:17px}.demo-task{grid-template-columns:1fr}.demo-task-icon{display:none}.demo-task small{grid-column:1}.public-flow{gap:20px}.public-flow>div{gap:10px}}
@media(max-width:760px){.public-nav{height:90px;gap:10px}.public-nav>div{gap:12px}.public-nav .brand-name{font-size:17px;letter-spacing:1px}.public-nav .brand-en{font-size:8px}.public-nav .btn{padding:0 12px}.public-hero{grid-template-columns:1fr;gap:35px;padding:45px 0;min-height:0}.public-copy h1{font-size:47px}.public-lead{font-size:15px}.public-demo{padding:15px}.demo-column{padding:7px;min-height:245px}.demo-columns{gap:7px}.demo-task{padding:9px 7px}.demo-stats>div{padding:12px;display:grid;gap:8px}.public-flow{grid-template-columns:1fr;gap:24px}.public-footer{gap:12px;flex-direction:column}.public-auth{grid-template-columns:1fr}.auth-aside{padding:25px;gap:24px}.auth-aside>div{display:none}.auth-aside>a:last-child{display:none}.auth-main{padding:35px 25px}.auth-card h2{font-size:27px}.site-summary{flex-wrap:wrap;gap:25px}.site-summary>button{margin-left:0}}
.public-page,.public-auth{height:100dvh;overflow:auto}
/* v2.2: private suggestions go to the site owner, never to a public wall. */
.feedback-callout{display:flex;gap:13px;background:#fff6e5;border:1px solid #e5cc9b;border-left:4px solid #c9a563;border-radius:9px;padding:17px 18px;margin:22px 0;color:#72562b;text-align:left}
.feedback-callout-icon{width:30px;height:30px;flex:0 0 30px;background:#f3e6c9;border-radius:7px;color:#a1844c;display:flex;align-items:center;justify-content:center}.feedback-callout-icon svg{width:18px;height:18px}
.feedback-callout strong{font-size:16px;line-height:1.65;font-weight:650;display:block;color:#654c24}.feedback-callout p{font-size:13px;line-height:1.8;margin:6px 0;color:#7c6747}.feedback-callout button{display:inline-flex;align-items:center;gap:7px;padding:7px 0;color:#7c591d;font-weight:650;font-size:14px;text-decoration:underline;text-underline-offset:4px}.feedback-callout button svg{width:15px;height:15px}.feedback-callout small{display:block;font-size:11px;color:#8d7959;line-height:1.6}.public-copy .feedback-callout{max-width:480px;margin-top:24px}.public-copy .public-hero-actions{margin-top:24px}
.feedback-dialog{width:min(620px,calc(100vw - 30px))}.feedback-intro{font-size:14px;line-height:1.8;color:#61718b;margin:0 0 18px}.feedback-intro strong{font-weight:600;color:#4d648c}.feedback-dialog textarea{line-height:1.75;min-height:140px;resize:vertical}.feedback-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;pointer-events:none}
.view-messages{display:block!important;overflow:auto!important}.inbox-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:25px 0 18px;font-size:14px;color:#687b98}.inbox-toolbar strong{color:#655caa;font-size:17px}.inbox-toolbar .btn{margin-left:auto}.inbox-list{display:grid;gap:16px}.inbox-message{background:#fff;border:1px solid #dce4f2;border-radius:10px;padding:23px 25px;overflow-wrap:anywhere}.inbox-message.is-unread{border-left:4px solid #a29bd4}.inbox-message>header{display:flex;align-items:center;gap:12px}.inbox-avatar{width:33px;height:33px;display:flex;align-items:center;justify-content:center;background:#f0edfa;border-radius:8px;color:#9287bf}.inbox-message header strong{font-size:16px;font-weight:600;color:#3a506f}.inbox-message header small{display:block;color:#7888a0;font-size:12px;margin-top:5px}.inbox-message header button{margin-left:auto;flex-shrink:0}.inbox-message-body{font-size:15px;line-height:1.85;color:#405472;white-space:pre-wrap;margin:20px 0}.inbox-message>footer{border-top:1px solid #edf1f7;padding-top:13px;font-size:13px;line-height:1.8;color:#60748f}.inbox-message footer>span{color:#7c8da5}.inbox-empty{padding:40px 25px;background:#fff;border:1px dashed #cdd9ec;border-radius:10px;font-size:15px;color:#6f819b}.inbox-pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:25px 0 8px;font-size:12px;color:#6c7f98}.inbox-pagination button:disabled{cursor:default}.sidebar-bottom>[data-open-feedback]{color:#637bb1}.sidebar-bottom a[href='#messages']{color:#71659e}.sidebar-bottom a[href='#messages'] .count{background:#f0ecfa;color:#8376af}
@media(max-width:760px){.feedback-callout{padding:15px 12px;gap:10px}.feedback-callout strong{font-size:15px}.feedback-callout p{font-size:13px}.feedback-callout-icon{width:25px;height:25px;flex-basis:25px}.inbox-message{padding:17px 15px}.inbox-message-body{font-size:14px}.inbox-pagination{gap:10px}.inbox-message header button{font-size:12px}}
/* Separate administration and readable account-security screens. */
.view-admin,.view-accounts,.view-account,.view-security{overflow:auto!important;padding-bottom:40px}
.admin-sidebar{background:#f6f7fe;border-right:1px solid #dfe5f2}
.admin-sidebar .workspace-label{color:#6472a1}.admin-sidebar .nav-item.active{background:#e9edff;color:#435fd4}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1200px}
.account-panel,.site-analytics,.site-security{background:#fff;border:1px solid #e1e6f0;border-radius:16px;padding:25px;margin-bottom:24px;color:#344057}
.account-panel h2,.site-analytics h2,.site-security h2{font-size:20px;margin:0 0 12px;color:#24334c}
.account-panel p,.site-security p{line-height:1.8;color:#59657a;font-size:15px}.account-panel label{display:block;font-size:15px;line-height:1.7;margin:15px 0;color:#36435a}
.account-panel input,.recovery-page input{display:block;width:100%;box-sizing:border-box;border:1px solid #cbd4e3;border-radius:9px;padding:12px 14px;font:inherit;font-size:16px;background:#fcfdff;color:#25354d;margin-top:6px}
.account-panel input:focus{outline:2px solid #b4c4ff;border-color:#627fea}.account-panel .form-error{color:#b34851;min-height:22px}.account-warning{padding:18px;background:#fff4df;color:#866129;border:1px solid #f0d6a5;border-radius:12px;margin-bottom:24px;line-height:1.8}
.small-badge{font-size:13px;font-weight:500;background:#eef1fb;padding:5px 10px;border-radius:7px;color:#536a9c}.preservation-note{margin-top:24px;max-width:1200px}
.site-analytics header{display:flex;justify-content:space-between;align-items:center;gap:16px}.site-analytics header span,.site-analytics>p{color:#68758b;font-size:14px;line-height:1.8}
.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.analytics-grid>div{background:#f3f6ff;padding:20px;border-radius:12px}.analytics-grid>div:nth-child(2){background:#f9f1f5}.analytics-grid>div:nth-child(3){background:#f4f0fa}.analytics-grid>div:nth-child(4){background:#fbf4e9}
.analytics-grid span,.analytics-grid strong,.analytics-grid small{display:block}.analytics-grid span{font-size:15px;color:#56647d}.analytics-grid strong{font-size:32px;margin:10px 0;color:#344c82}.analytics-grid small{font-size:13px;color:#68758b;line-height:1.6}
.analytics-chart{display:flex;justify-content:space-around;border-bottom:1px solid #e5eaf2;padding-top:22px;padding-bottom:15px}.analytics-day{text-align:center;font-size:14px;color:#5c6d89}.analytics-day>div{height:90px;display:flex;align-items:flex-end;justify-content:center}.analytics-day i{display:block;width:34px;background:#b4c2f5;border-radius:6px 6px 0 0}.analytics-day small{display:block;padding-top:8px;font-size:13px}
.site-security,.site-security>div{display:flex;align-items:center;gap:20px}.site-security{justify-content:space-between}.site-security small{font-size:14px;line-height:1.8;color:#66748a}.site-security .btn{flex-shrink:0}.security-shield{padding:16px;border-radius:12px;background:#edf0ff;color:#677bd2}.security-shield svg{width:25px;height:25px}
.security-secret,.secret-key,.recovery-codes{font-family:Consolas,monospace!important;font-size:17px!important;letter-spacing:1px;color:#334a7b;background:#f3f6ff;border:1px solid #ccd7ef;border-radius:9px;padding:12px;width:100%;box-sizing:border-box}.recovery-codes{line-height:1.8}.security-private-warning{color:#986340;line-height:1.8;font-size:14px}.security-save-check{display:flex;align-items:center;gap:10px;margin-top:20px}.security-save-check input{width:auto}.auth-mfa{margin-top:15px}.auth-mfa[hidden]{display:none}
.site-account-row{grid-template-columns:1.1fr 1.1fr 1.4fr .6fr auto auto!important;gap:14px;font-size:15px}.site-account-head::after{content:''}.view-accounts .site-accounts{overflow:auto}
.recovery-page{display:block!important;overflow:auto}.recovery-page .auth-main{min-height:100dvh;padding:40px;box-sizing:border-box}.recovery-page .auth-card{max-width:540px;width:100%}.recovery-page .auth-card>.brand{margin-bottom:28px}.recovery-page label{font-size:15px;display:block;margin-top:16px;line-height:1.6}.recovery-page .btn{margin-top:22px}.recovery-page .form-error{color:#b34851;line-height:1.7}.recovery-page .auth-card>p{line-height:1.8;color:#606f85}
@media(max-width:1000px){.account-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}.site-security{align-items:flex-start;flex-direction:column}.site-analytics header{display:block}.site-account-row{min-width:800px}}

.form-error:empty{display:none!important}

.boot-screen{min-height:100dvh;display:grid;place-items:center;font:17px "Microsoft YaHei",sans-serif;color:#50678e;background:#f4f6fb}

/* Admin accounts: readable timestamps, scroll only the account table on narrow screens. */
.site-account-row{grid-template-columns:minmax(100px,1fr) minmax(110px,1fr) 150px 175px 70px 100px 100px!important;min-width:1000px;gap:16px;font-size:15px}
.site-last-login{font-variant-numeric:tabular-nums;white-space:nowrap;color:#334155}
.site-login-note{font-size:14px;line-height:1.7;color:#526078;margin:18px 0 10px}

/* workbench.css */
/* v2.6: stable project columns, account-owned backgrounds, restrained motion. */
:root{--workspace-base:#f4f6fb;--workspace-surface:#fff;--workspace-accent:#4c68ee;--background-veil:.86}
:root[data-workspace-theme=dusk]{--workspace-base:#f3f0f8;--workspace-accent:#7963cd}
:root[data-workspace-theme=sage]{--workspace-base:#edf4f0;--workspace-accent:#4b8872}
:root[data-workspace-theme=ink]{--workspace-base:#e9edf3;--workspace-accent:#47566e}
body{background:var(--workspace-base)}
#workspace-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--workspace-base)}
body.has-custom-background{background:transparent;isolation:isolate}
.has-custom-background #workspace-background{z-index:0}
.has-custom-background #workspace-background:after{content:"";position:absolute;inset:0;background:rgba(247,249,253,var(--background-veil))}
.has-custom-background #app{position:relative;z-index:1}
.has-custom-background .app-shell,.has-custom-background .main,.has-custom-background .content{background:transparent}
.has-custom-background .sidebar,.has-custom-background .topbar{background:rgba(255,255,255,.94)}
.brand-mark{background:#fff!important;border:1px solid #e2e6ec!important;border-radius:11px!important;box-shadow:0 3px 10px #1421390a!important;overflow:hidden;color:#111!important;transform:none}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(2.1)}
.brand:hover .brand-mark,.brand:focus-visible .brand-mark{transform:scale(1.08) rotate(-3deg)}
.brand-mark,.btn,.nav-item,.overview-stat,.project-item-icon,.project-lane-add,.theme-choice,.completion-summary,.completion-tabs button,.completion-periods button{transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #23395b0a}
.btn:active:not(:disabled),.overview-stat:active,.completion-summary:active{transform:scale(.975)}
.nav-item:hover svg,.btn:hover svg{transform:scale(1.12)}
.nav-item svg,.btn svg{transition:transform .16s ease}
.mini-item-card:hover .project-item-icon{transform:scale(1.08)}
.overview-stat{cursor:pointer;text-align:left;width:100%;min-width:0;border:1px solid #e4e9f2;color:#31435d}
.overview-stat:hover{border-color:#bcc9ed;background:#fbfcff;transform:translateY(-2px)}
.overview-stat.is-active{border-color:var(--workspace-accent);box-shadow:0 0 0 2px #4c68ee14;background:#f4f7ff}
.overview-stat.is-active .overview-stat-label{color:var(--workspace-accent)}
.board-task-scope{display:inline-flex;align-items:center;gap:8px;color:#63748d;font-size:12px;white-space:nowrap}
.board-task-scope button{color:var(--workspace-accent);background:#edf1ff;border-radius:5px;padding:4px 7px;font-size:11px}
.priority-filter-count{font-variant-numeric:tabular-nums}
.lane-summary{justify-content:space-between!important}
.lane-summary .lane-record-note{color:#8a98aa;font-size:11px}
.lane-empty{padding:38px 15px;text-align:center;color:#8a98a8;line-height:1.9;font-size:12px}
.completed-shortcut{display:inline-flex;gap:6px;align-items:center;color:#60738c;font-size:12px;margin-left:12px}
.completed-shortcut:hover{color:var(--workspace-accent)}
.completed-shortcut svg{width:14px;height:14px}
.project-board-footer{flex-wrap:wrap;gap:10px}
.board-overview .overview-stat-value{font-variant-numeric:tabular-nums}
.completion-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}
.completion-summary{background:#fff;border:1px solid #e1e8f1;border-radius:14px;padding:21px 23px;display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;color:#455b77;cursor:pointer}
.completion-summary strong{font-size:30px;grid-row:span 2;color:#344b69;font-weight:650}
.completion-summary small{font-size:11px;color:#8b99ad}
.completion-summary.active{border-color:#b8c8ed;background:#f8faff}
.completion-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;flex-wrap:wrap}
.completion-tabs,.completion-periods{display:flex;gap:5px;border:1px solid #e1e7ef;background:#fff;padding:4px;border-radius:9px}
.completion-tabs button,.completion-periods button{padding:8px 13px;border-radius:6px;color:#6e7e95;font-size:13px}
.completion-tabs button.active,.completion-periods button.active{background:#edf2ff;color:#4b66b0}
.completion-tabs b{font-size:11px;margin-left:6px}
.completed-body{display:flex;flex-direction:column;gap:16px;padding-bottom:30px}
.completed-group,.completed-project{border:1px solid #e2e8f0;border-radius:13px;background:#fff;overflow:hidden}
.completed-group>header{display:flex;align-items:center;gap:10px;padding:16px 19px;border-bottom:1px solid #edf0f5;background:#fafbfe}
.completed-group h2,.completed-project h2{font-size:15px;color:#3d536f;margin:0;font-weight:600}
.completed-group>header .btn{margin-left:auto}
.completed-task{display:flex;width:100%;align-items:center;gap:13px;padding:16px 21px;text-align:left;border-bottom:1px solid #f0f3f7;background:white;color:#4b607a}
.completed-task:last-child{border-bottom:0}
.completed-task:hover{background:#f9fbff}
.completed-task strong{font-size:14px;font-weight:500;display:block;line-height:1.6}
.completed-task small,.completed-project p{display:block;font-size:11px;color:#8c9bb0;margin:4px 0 0}
.completed-check{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eaf4ef;color:#55917a;flex-shrink:0}
.completed-check svg{width:15px;height:15px}
.completed-task-action{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:#91a0b6;white-space:nowrap}
.completed-task-action svg{width:14px;height:14px}
.completed-project{display:flex;align-items:center;gap:13px;padding:22px}
.completed-project>div{margin-right:auto}
.completion-empty{text-align:center;padding:70px 24px;color:#8e9bb0;border:1px dashed #d9e0eb;border-radius:14px;background:#ffffffa6}
.completion-empty>svg{height:32px;width:32px;color:#9dacc2}
.completion-empty h2{font-size:17px;font-weight:500;color:#657a95;margin:13px 0}
.completion-empty p{font-size:12px;line-height:1.9}
.completion-more{align-self:center;margin-top:6px}
.appearance-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;margin-top:26px;max-width:1150px}
.appearance-panel{padding:26px;background:#fff;border:1px solid #e1e7f0;border-radius:14px;color:#4c607c}
.appearance-panel h2{font-size:16px;font-weight:600;margin:0 0 20px}
.appearance-panel h2:not(:first-child){margin-top:30px}
.theme-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.theme-choice{position:relative;display:flex;flex-direction:column;gap:9px;cursor:pointer;font-size:11px;border:1px solid #e4e8f0;padding:9px;border-radius:9px}
.theme-choice:has(input:checked){border-color:#6e86dd;box-shadow:0 0 0 2px #758be114}
.theme-choice input{position:absolute;right:10px;top:12px;accent-color:#5873d9}
.theme-swatch{height:48px;border-radius:5px;background:#eef2fa;border:1px solid #e0e6f0}
.dusk .theme-swatch{background:#eee8f5}.sage .theme-swatch{background:#e4efe7}.ink .theme-swatch{background:#d8e0eb}
.theme-choice strong{font-weight:500}
.background-drop{display:flex;flex-direction:column;align-items:center;gap:9px;padding:30px 15px;background:#f8fafe;border:1px dashed #c9d5e9;border-radius:10px;cursor:pointer;text-align:center}
.background-drop>svg{width:26px;height:26px;color:#8a9bb9}
.background-drop strong{font-size:14px;font-weight:500}
.background-drop span,.background-drop small{font-size:11px;color:#8b9cb3}
.background-drop input{position:absolute;opacity:0;width:1px;height:1px}
.background-drop:focus-within{outline:2px solid #5c77d9;outline-offset:2px}
.background-preview{margin-top:14px;border-radius:9px;overflow:hidden;background:#f0f4f9;text-align:center;max-height:180px}
.background-preview img{width:100%;height:170px;object-fit:cover}
.background-preview span{display:block;padding:15px;color:#8797ae;font-size:12px}
.background-preview[hidden]{display:none}
.remove-background{display:flex;gap:8px;align-items:center;margin-top:15px;font-size:12px;color:#7f91aa}
.appearance-panel input[type=range]{width:100%;margin:17px 0;accent-color:#6882d6}
.appearance-panel>label[for=background-veil]{font-size:13px;display:flex;justify-content:space-between}
.motion-setting{display:flex;align-items:flex-start;gap:11px;margin:26px 0;padding-top:22px;border-top:1px solid #edf0f5}
.motion-setting input{margin-top:3px;accent-color:#6580d7}
.motion-setting strong{font-size:13px;font-weight:500;display:block}
.motion-setting small{display:block;font-size:11px;line-height:1.8;color:#8a9ab0;margin-top:7px}
.appearance-sample{display:flex;align-items:center;gap:11px;padding:16px;border-radius:9px;background:#f7f9fd;margin:22px 0}
.appearance-sample .brand-mark{width:38px;height:38px;flex-shrink:0}
.appearance-sample strong{font-size:12px;font-weight:500;display:block}.appearance-sample small{font-size:10px;color:#8b9bb1;display:block;margin-top:5px}
.appearance-sample button{margin-left:auto;white-space:nowrap}
.session-panel{margin-top:23px;max-width:1150px}
.session-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.session-row{display:flex;align-items:center;gap:13px;border-top:1px solid #edf0f4;padding:16px 0;color:#536881}
.session-row>div{margin-right:auto}.session-row strong{font-size:13px;font-weight:500}.session-row small{display:block;color:#8b9cb0;font-size:11px;margin-top:6px;line-height:1.7}
.session-device-icon{width:36px;height:36px;border-radius:10px;background:#f0f4fb;color:#899dbb;display:grid;place-items:center;flex-shrink:0}
.session-device-icon svg{width:19px;height:19px}
:root[data-motion=off] *, :root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
:root[data-motion=off] .btn:hover,:root[data-motion=off] .brand-mark,:root[data-motion=off] .overview-stat:hover,:root[data-motion=off] .project-item-icon{transform:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.brand:hover .brand-mark,.btn:hover,.overview-stat:hover,.mini-item-card:hover .project-item-icon{transform:none!important}}
@media(max-width:1100px){.appearance-form{grid-template-columns:1fr}.appearance-sample{flex-wrap:wrap}.board-task-scope{display:none}}
@media(max-width:700px){.completion-overview{gap:8px}.completion-summary{padding:14px 10px;font-size:11px}.completion-summary strong{font-size:24px}.completion-summary small{display:none}.completed-project{flex-wrap:wrap}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.completion-periods button,.completion-tabs button{padding:7px 9px;font-size:12px}.appearance-panel{padding:19px}.session-row{flex-wrap:wrap}}

.brand-en{white-space:nowrap;font-size:8px!important;letter-spacing:1.2px!important}.main,.content{background:var(--workspace-base)}

/* v2.6.1: visible filtering context, top-level appearance and branded dialogs. */
.board-heading{align-items:center;gap:24px;margin-bottom:0}
.board-heading-copy{min-width:0;flex:1}
.board-view-eyebrow{display:flex;align-items:center;gap:10px;color:#6b7f9d;font-size:12px;font-weight:550;margin-bottom:7px}
.board-view-eyebrow>span:first-child{letter-spacing:1px}
.view-filter-flag{background:#e9efff;color:#4966b0;font-size:11px;border:1px solid #d7e1fc;padding:3px 8px;border-radius:5px}
.board-heading h1{line-height:1.3;margin:0 0 9px;font-size:30px;overflow-wrap:anywhere}
.board-heading h1:focus{outline:none}
.board-heading .subtitle{font-size:13px;line-height:1.75;margin:0}
.board-view-count{display:block;margin-top:7px;font-size:12px;color:#657994;font-variant-numeric:tabular-nums}
.new-project-button{min-height:48px!important;padding:0 24px!important;font-size:16px!important;gap:9px!important;border-radius:10px!important;white-space:nowrap}
.new-project-button svg{width:20px!important;height:20px!important}
.top-appearance-link{display:inline-flex;align-items:center;gap:7px;color:#526982;padding:8px 12px;border:1px solid #dce5f0;border-radius:8px;white-space:nowrap;font-size:13px;background:#fff}
.top-appearance-link svg{width:16px;height:16px}
.top-appearance-link:hover,.top-appearance-link.active{color:var(--workspace-accent);border-color:#becdec;background:#f4f7ff}
.board-filter-summary{display:flex;align-items:center;gap:12px;min-height:70px;flex-shrink:0;margin:0 0 15px;border-radius:10px;border:1px solid #dbe5f3;background:#f9fbff;padding:12px 16px;color:#49617f}
.board-filter-summary.is-filtered{background:#eef3ff;border-color:#c6d5f8;box-shadow:inset 3px 0 0 var(--workspace-accent)}
.filter-summary-symbol{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;background:#e5ecfc;color:var(--workspace-accent)}
.filter-summary-symbol svg{width:18px;height:18px}
.filter-summary-copy{min-width:0;flex:1}
.filter-summary-copy strong{display:block;color:#3f587b;font-size:14px;font-weight:650;overflow-wrap:anywhere;line-height:1.5}
.filter-summary-copy>span{display:block;font-size:12px;line-height:1.65;color:#607591;margin-top:3px}
.filter-reset{white-space:nowrap;font-size:12px!important;min-height:36px!important;background:#fff!important;border-color:#cbd8f2!important;color:#4663a9!important;padding:0 13px!important}
.overview-stat.is-active .overview-stat-label:after{content:'查看中';display:inline-block;margin-left:7px;padding:2px 5px;border-radius:4px;background:#dfe8ff;color:#3d5bb3;font-size:10px;font-weight:550;vertical-align:middle;white-space:nowrap}
.project-lane-count{width:auto!important;min-width:23px;padding:2px 6px!important;white-space:nowrap;font-variant-numeric:tabular-nums}
.project-lane-count small{font-size:10px;color:#7d90ac;font-weight:400}
.lane-summary .lane-record-note{color:#607591;font-size:12px}
.project-lane-empty.explained-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 19px 24px;min-height:195px;gap:0;color:#607491;text-align:center}
.lane-empty-symbol{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d8e3f1;border-radius:10px;background:#ffffffa1;color:#8196b5;margin-bottom:13px}
.lane-empty-symbol svg{width:17px;height:17px}
.explained-empty strong{font-size:14px;font-weight:600;line-height:1.6;color:#4c6381}
.explained-empty p{max-width:230px;font-size:12px;line-height:1.85;color:#6e819b;margin:8px 0 12px;overflow-wrap:anywhere}
.empty-reset-link{color:#4b67b1;font-size:12px;line-height:1.6;border:1px solid #d5e0f4;border-radius:6px;background:#ffffffb3;padding:6px 12px}
.empty-reset-link:hover{background:#fff;border-color:#a9bfe8}
.create-heading-copy{min-width:0;flex:1}
.create-heading-copy h2{margin:0}
.create-heading-copy p{font-size:13px;color:#6f829e;line-height:1.8;margin:8px 0 0;font-weight:400}
.create-dialog.project-editor{width:750px;max-width:calc(100vw - 32px);border-radius:18px;box-shadow:0 24px 100px #1f355334}
.project-editor .create-header{padding:29px 32px 20px;align-items:flex-start}
.project-editor .create-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px}
.project-editor .create-header h2{font-size:24px;line-height:1.5;font-weight:650}
.project-editor .create-header>.icon-button{margin-left:auto}
.project-editor .create-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;padding:0 32px 27px}
.project-editor .create-fields>.form-field:first-child,.project-editor .deadline-choice,.project-editor .form-hint,.project-editor .form-error{grid-column:1/-1}
.project-editor .form-field{margin-top:18px}
.project-editor .form-field label{font-size:15px}
.project-editor .form-field input,.project-editor .form-field select{min-height:46px;font-size:16px;border-radius:8px}
.project-editor .deadline-choice input[type=checkbox]{min-height:0;width:17px;height:17px}
.project-editor .form-hint{font-size:12px;line-height:1.8;margin:20px 0 0}
.project-editor .create-footer{padding:18px 32px;position:sticky;bottom:0;z-index:1}
.project-editor .create-footer .btn{min-height:44px;font-size:15px;padding:0 22px}
.action-dialog{padding:0;margin:auto;inset:0;width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;color:#334a69;background:#fff;border:1px solid #dce5f0;border-radius:19px;box-shadow:0 24px 100px #20365438;color-scheme:light}
.action-dialog::backdrop{background:#21345155}
.action-dialog-content{position:relative;padding:32px}
.action-close{position:absolute;top:15px;right:15px;color:#8091a8}
.action-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf2ff;color:#5874ca;margin-bottom:20px}
.action-symbol svg{width:23px;height:23px}
.action-eyebrow{display:block;color:#8493aa;font-size:11px;letter-spacing:1px;margin-bottom:7px}
.action-dialog h2{font-size:23px;line-height:1.5;margin:0;color:#2d4566;font-weight:650}
.action-record{font-size:16px;font-weight:550;color:#4e6481;line-height:1.7;margin:14px 0 8px;overflow-wrap:anywhere;white-space:pre-wrap}
#action-description{font-size:14px;line-height:1.9;margin:0;color:#72839c;overflow-wrap:anywhere}
.action-buttons{display:flex;justify-content:flex-end;gap:11px;margin-top:28px;padding-top:22px;border-top:1px solid #edf1f7}
.action-buttons .btn{min-height:43px;font-size:14px;padding:0 20px;border-radius:9px}
.action-cancel:focus-visible,.action-confirm:focus-visible{outline:2px solid #7795dc;outline-offset:3px}
.action-dialog[data-tone=danger] .action-symbol{background:#fbefed;color:#b97570}
.action-dialog[data-tone=danger] .action-confirm{background:#ae6573;border-color:#ae6573;color:#fff}
@media(max-width:1100px){.topbar-right .preview-label{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-heading h1{font-size:27px}}
@media(max-width:760px){.board-heading{align-items:flex-start;gap:15px}.board-heading h1{font-size:24px}.board-heading .subtitle{font-size:12px}.new-project-button{min-height:44px!important;font-size:14px!important;padding:0 15px!important}.board-filter-summary{align-items:flex-start;flex-wrap:wrap;padding:12px}.filter-summary-copy{flex-basis:calc(100% - 48px)}.filter-reset{margin-left:46px}.topbar-right .preview-label{display:none}.top-appearance-link{font-size:12px;padding:7px 9px}.project-editor .create-fields{padding:0 22px 22px;grid-template-columns:1fr}.project-editor .create-fields>.form-field,.project-editor .form-hint,.project-editor .form-error{grid-column:1}.project-editor .create-header{padding:24px 22px 17px}.project-editor .create-header h2{font-size:22px}.project-editor .create-footer{padding:16px 22px}.action-dialog-content{padding:28px 24px}.action-dialog h2{font-size:21px}.action-record{font-size:15px}.action-buttons .btn{padding:0 16px}.overview-stat.is-active .overview-stat-label:after{display:block;width:max-content;margin:4px 0 0}}
@media(max-width:480px){.board-heading{flex-wrap:wrap}.board-heading .heading-actions{width:100%}.new-project-button{width:100%}.topbar{gap:5px!important}.topbar>span.slash,.topbar>strong{display:none}.topbar-right{gap:7px!important}.action-buttons{gap:8px}.action-buttons .btn{flex:1;padding:0 10px}}

.view-board .board-toolbar{margin-top:14px;margin-bottom:14px}
.board-filter-summary{min-height:60px;padding-top:9px;padding-bottom:9px}
@media(min-width:1000px) and (max-height:850px){.view-board{overflow-y:auto!important}.view-board .project-board{flex:1 0 300px!important;min-height:300px!important}.view-board .board-overview{margin-top:14px}.board-heading .board-view-eyebrow{font-size:11px;margin-bottom:5px}.board-heading h1{font-size:26px;margin-bottom:7px}.board-heading .subtitle{font-size:12px}.project-lane-empty.explained-empty{padding:17px 16px;min-height:150px}.explained-empty .lane-empty-symbol{display:none}.explained-empty p{margin:6px 0 10px;line-height:1.75}}

/* v2.6.2: semantic color follows the filter; text/icons remain the primary labels. */
.board-filter-summary[data-scope-tone=all],.scope-filter-chip[data-filter-tone=all],.priority-option[data-priority-filter=all]{--filter-ink:#52637a;--filter-soft:#f3f5f8;--filter-line:#d4dce7}
.board-filter-summary[data-scope-tone=todo],.scope-filter-chip[data-filter-tone=todo],.overview-stat[data-task-category=todo]{--filter-ink:#355cb5;--filter-soft:#eff4ff;--filter-line:#c1d1f2}
.board-filter-summary[data-scope-tone=urgent],.scope-filter-chip[data-filter-tone=urgent],.priority-option[data-priority-filter=urgent],.overview-stat[data-task-category=urgent]{--filter-ink:#a33150;--filter-soft:#fff0f3;--filter-line:#edb9c6}
.board-filter-summary[data-scope-tone=high],.scope-filter-chip[data-filter-tone=high],.priority-option[data-priority-filter=high]{--filter-ink:#89590b;--filter-soft:#fff6df;--filter-line:#e7d09b}
.board-filter-summary[data-scope-tone=normal],.scope-filter-chip[data-filter-tone=normal],.priority-option[data-priority-filter=normal]{--filter-ink:#236a58;--filter-soft:#edf8f3;--filter-line:#b7dbcc}
.board-filter-summary[data-scope-tone=soon],.scope-filter-chip[data-filter-tone=soon],.overview-stat[data-task-category=soon]{--filter-ink:#855f12;--filter-soft:#fff8e7;--filter-line:#e6d398}
.board-filter-summary[data-scope-tone=late],.scope-filter-chip[data-filter-tone=late],.overview-stat[data-task-category=late]{--filter-ink:#a24424;--filter-soft:#fff1e9;--filter-line:#ebc0a9}
.board-filter-summary[data-scope-tone=done],.scope-filter-chip[data-filter-tone=done]{--filter-ink:#216b53;--filter-soft:#eef9f2;--filter-line:#b7dccc}
.scope-filter-chip[data-filter-tone=search]{--filter-ink:#6650a1;--filter-soft:#f3effb;--filter-line:#d4c7eb}
.board-filter-summary,.board-filter-summary.is-filtered{background:var(--filter-soft);border-color:var(--filter-line);box-shadow:inset 3px 0 0 var(--filter-ink)}
.board-filter-summary .filter-summary-symbol{background:#ffffffb8;color:var(--filter-ink);border:1px solid var(--filter-line)}
.filter-summary-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.filter-summary-heading>strong{display:inline-block;flex-shrink:0;font-size:13px;color:var(--filter-ink);line-height:1.7}
.scope-filter-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.scope-filter-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 9px;min-height:28px;border:1px solid var(--filter-line);border-radius:7px;background:var(--filter-soft);color:var(--filter-ink);font-size:12px;line-height:1.55;font-weight:600;overflow-wrap:anywhere;text-align:left}
button.scope-filter-chip{cursor:pointer}
button.scope-filter-chip:hover{background:#fff;box-shadow:0 2px 7px #2437500b}
.scope-filter-chip>svg{width:12px;height:12px;stroke-width:2;flex-shrink:0}
.scope-filter-chip>span{min-width:0;overflow-wrap:anywhere}
.board-filter-summary .filter-reset{color:var(--filter-ink)!important;border-color:var(--filter-line)!important}
.priority-option.active[data-priority-filter]{background:var(--filter-soft)!important;border-color:var(--filter-line)!important;color:var(--filter-ink)!important}
.overview-stat.is-active{background:var(--filter-soft);border-color:var(--filter-line);box-shadow:0 0 0 1px var(--filter-line)}
.overview-stat.is-active .overview-stat-label{color:var(--filter-ink)}
.overview-stat.is-active .overview-stat-label:after{background:#fff;color:var(--filter-ink);border:1px solid var(--filter-line)}
@media(max-width:700px){.filter-summary-heading{gap:5px}.scope-filter-chips{gap:5px}.scope-filter-chip{font-size:12px}.filter-summary-copy>span{margin-top:6px}}