:root{--bg:#f6f6f8;--panel:#fff;--ink:#1a1922;--muted:#777887;--line:#e7e7ec;--purple:#7057f5;--purple-soft:#eeeaff;--nav:#17161e;--danger:#ec5d70;--mint:#2fc6a4;--amber:#f1ad3d;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{flex:0 0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px!important;font-weight:700;color:var(--purple)!important}.muted{color:var(--muted)}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:white;background:linear-gradient(145deg,#8d6cff,#5735dc);box-shadow:0 8px 22px #6d4ee747}.primary,.quick-add{border:0;color:white;background:var(--purple);border-radius:9px;font-weight:700}.primary{padding:11px 17px}.wide{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.outline{border:1px solid var(--line);background:white;border-radius:9px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-weight:600}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-copy{padding:48px 8vw;background:#17151e;color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-copy:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #ffffff0d;border-radius:50%;right:-170px;bottom:-190px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03}.login-brand,.mobile-brand{display:flex;align-items:center;gap:12px;font:700 18px Manrope}.login-copy h1{font:800 clamp(42px,5vw,76px)/1.02 Manrope;margin:15px 0 24px;letter-spacing:-.05em}.login-copy h1 em{font-style:normal;color:#9b86ff}.login-copy>div>p:last-child{max-width:570px;color:#aaa8b3;font-size:17px;line-height:1.65}.login-proof{display:flex;gap:16px;align-items:center;color:#a5a3ae;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.login-proof span{color:#7b5df3}.login-proof i{height:1px;width:35px;background:#3b3945}.login-panel{display:grid;place-items:center;padding:30px;background:#fafafd}.login-card{width:min(410px,100%)}.login-card h2{font:800 32px Manrope;margin:8px 0}.login-card>p{margin:0 0 28px}.login-card label,.modal label{display:grid;gap:8px;font-size:13px;font-weight:700;margin:16px 0}.login-card input,.modal input,.modal textarea,.modal select{width:100%;border:1px solid #dedee6;border-radius:9px;padding:13px;background:white;outline:none}.login-card input:focus,.modal input:focus,.modal textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.login-card small{display:block;text-align:center;color:#a1a1ad;margin-top:16px}.form-error{min-height:18px;color:var(--danger);font-size:13px}.mobile-brand{display:none}.app-shell{min-height:100vh;display:flex}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#aaa9b4;padding:18px 12px;display:flex;flex-direction:column;z-index:20}.brand{height:47px;display:flex;align-items:center;gap:11px;padding:0 8px;color:white;font:700 17px Manrope}.brand .logo-mark{width:32px;height:32px;border-radius:9px}.collapse{margin-left:auto;border:0;color:#777480;background:#24232c;border-radius:7px;width:27px;height:27px}.sidebar nav{display:flex;flex-direction:column;gap:4px;margin-top:20px;overflow:auto}.sidebar nav p{margin:20px 10px 7px;text-transform:uppercase;font-size:10px;letter-spacing:.13em;color:#62606d}.sidebar nav button{height:40px;border:0;background:transparent;color:#a7a5b1;display:flex;align-items:center;gap:11px;border-radius:8px;padding:0 11px;text-align:left}.sidebar nav button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar nav button b{margin-left:auto;background:#2d2b36;padding:2px 7px;border-radius:10px;font-size:10px}.sidebar nav button:hover,.sidebar nav button.active{color:white;background:#292731}.sidebar nav button.active{box-shadow:inset 3px 0 var(--purple)}.project-dot{width:8px;height:8px;border-radius:3px}.sidebar-user{margin-top:auto;border-top:1px solid #2d2b35;padding:15px 7px 0;display:flex;align-items:center;gap:9px}.sidebar-user>span:nth-child(2){min-width:0;flex:1}.sidebar-user strong,.sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{color:white;font-size:13px}.sidebar-user small{font-size:10px;color:#777581;margin-top:3px}.avatar{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;background:var(--avatar,#7560ee);color:white;font-size:9px;font-weight:800;border:2px solid white;margin-left:-5px}.sidebar .avatar{margin:0;border-color:#34323e}.workspace{margin-left:246px;width:calc(100% - 246px);min-height:100vh}.topbar{height:66px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:12px;position:sticky;top:0;z-index:10}.search{width:min(520px,55%);height:38px;background:#f6f6f8;border:1px solid #ededf0;border-radius:9px;display:flex;align-items:center;padding:0 11px;color:#a2a2ad}.search input{border:0;background:transparent;outline:0;flex:1;padding:0 9px;font-size:13px}.search kbd{font-size:10px;border:1px solid #dddde3;border-radius:5px;padding:2px 5px;background:white}.icon-btn{margin-left:auto;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:white;position:relative}.icon-btn i{position:absolute;right:-3px;top:-4px;background:var(--danger);color:white;width:16px;height:16px;border-radius:50%;font:700 9px/16px sans-serif}.quick-add{height:38px;padding:0 15px;display:flex;align-items:center;gap:7px}.mobile-menu{display:none}.page{padding:38px clamp(22px,4vw,58px)}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.page-heading h1{font:800 31px Manrope;letter-spacing:-.03em;margin:4px 0}.page-heading p{margin:0;color:var(--muted);font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats article{background:white;border:1px solid var(--line);border-radius:13px;padding:18px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.stats strong{font:800 25px Manrope}.stats p{margin:2px 0;color:#565663;font-size:12px}.stats small{grid-column:1/-1;color:#aaaab4;font-size:10px;border-top:1px solid #f0f0f3;padding-top:10px}.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-weight:800}.danger{color:var(--danger)!important}.stat-icon.danger{background:#fff0f2}.violet{color:var(--purple)!important}.stat-icon.violet{background:var(--purple-soft)}.mint{color:var(--mint)!important}.stat-icon.mint{background:#e9fbf7}.amber{color:var(--amber)!important}.stat-icon.amber{background:#fff6e6}.focus-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:18px}.task-agenda,.right-rail article{background:white;border:1px solid var(--line);border-radius:13px}.task-agenda{padding:22px}.section-title{display:flex;justify-content:space-between;align-items:flex-start}.section-title h2{font:700 16px Manrope;margin:0}.section-title p{color:#9a9aa5;margin:3px 0;font-size:11px}.section-title button{border:0;background:transparent;color:var(--purple);font-size:11px}.agenda-group{margin-top:22px}.agenda-group h3{display:flex;align-items:center;gap:8px;font-size:12px;margin:0 0 7px}.agenda-group h3>span{width:20px;height:20px;border-radius:6px;background:#f5f3ff;display:grid;place-items:center}.agenda-group h3 b{color:#aaaab3;font-size:10px}.task-row{width:100%;min-height:56px;border:0;border-top:1px solid #f0f0f3;background:white;display:grid;grid-template-columns:22px minmax(180px,1fr) 75px 75px 90px;gap:10px;align-items:center;text-align:left;padding:7px 4px}.task-row:hover{background:#faf9ff}.check{width:16px;height:16px;border:1.5px solid #c7c7d0;border-radius:50%}.check.done{background:var(--mint);border-color:var(--mint);box-shadow:inset 0 0 0 4px white}.task-main strong,.task-main small{display:block}.task-main strong{font-size:12px}.task-main small{font-size:10px;color:#9d9da8;margin-top:3px}.priority{justify-self:start;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700;background:#f0eff4;color:#777582}.priority.urgente{background:#ffedf0;color:var(--danger)}.priority.alta{background:#fff3df;color:#d78b17}.priority.normale{background:#eeeaff;color:var(--purple)}.assignees{display:flex;padding-left:5px}.due{display:flex;align-items:center;gap:5px;color:#858590;font-size:10px}.due.late{color:var(--danger)}.empty-row{color:#aaaab4;font-size:11px;padding:10px 4px}.right-rail{display:flex;flex-direction:column;gap:18px}.right-rail article{padding:20px}.progress-card .section-title strong{font:800 25px Manrope;color:var(--purple)}.progress{height:7px;background:#efeff3;border-radius:10px;margin:18px 0 12px}.progress i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#6d52ed,#9d87ff)}.progress-meta{display:flex;justify-content:space-between;font-size:10px;color:#9999a4}.progress-meta b{color:#44434e}.feed,.comment,.message{display:flex;gap:9px;margin-top:17px}.feed .avatar,.comment .avatar,.message .avatar{margin:0}.feed p,.comment p,.message p{margin:0;font-size:11px;line-height:1.5}.feed p span{color:#666572}.feed small,.comment small,.message small{display:block;color:#aaaab4;font-size:9px;margin-top:3px}.project-header{height:88px;background:white;display:flex;align-items:center;padding:0 30px}.project-title{display:flex;align-items:center;gap:12px}.project-title>span{display:grid;place-items:center;width:39px;height:39px;color:white;border-radius:10px}.project-title small{color:#92919c;font-size:10px}.project-title h1{font:700 18px Manrope;margin:2px 0}.project-people{margin-left:auto;display:flex;align-items:center}.project-people button{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 10px;margin:0 14px 0 9px;font-size:11px}.project-tabs{height:45px;background:white;border-bottom:1px solid var(--line);display:flex;padding:0 30px;gap:25px}.project-tabs button{border:0;background:white;color:#777783;font-size:12px;position:relative}.project-tabs button.active{color:var(--ink);font-weight:700}.project-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--purple)}.project-tabs .add-list{color:var(--purple)}.viewbar{height:58px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px}.view-switch{display:flex;gap:4px}.view-switch button,.view-actions button{border:0;background:white;color:#85848f;padding:7px 9px;border-radius:6px;font-size:11px;display:flex;align-items:center;gap:6px}.view-switch button.active{color:var(--purple);background:var(--purple-soft);font-weight:700}.view-actions{margin-left:auto;display:flex;gap:4px}.view-actions .primary{color:white;background:var(--purple);margin-left:6px}.project-content{padding:22px 30px}.status-section{background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:15px;overflow:hidden}.status-section>h3,.board-column>h3{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin:0}.status-section>h3{height:42px;padding:0 14px;border-bottom:1px solid #eeeef2}.status-section h3 i,.board-column h3 i,.data-row i{width:8px;height:8px;border-radius:3px}.status-section h3 b,.board-column h3 b{color:#aaaab4;font-size:10px}.status-section h3 button,.board-column h3 button{margin-left:auto;border:0;background:transparent;color:#aaaab4}.task-table-head{display:grid;grid-template-columns:minmax(222px,1fr) 75px 90px 75px;padding:8px 14px 8px 39px;background:#fafafd;color:#a0a0aa;font-size:9px;text-transform:uppercase}.status-section .task-row{padding-left:14px;padding-right:14px}.empty-task,.add-card{border:0;background:transparent;color:#9796a2;padding:14px;text-align:left;font-size:11px}.board-view{display:flex;align-items:flex-start;gap:14px;overflow:auto;padding-bottom:20px}.board-column{flex:0 0 270px}.board-column>h3{padding:0 4px 10px}.board-column>div{background:#eeedf2;border-radius:10px;padding:8px;min-height:170px}.board-card{background:white;border:1px solid #e4e3e9;border-radius:9px;padding:13px;margin-bottom:8px;box-shadow:0 2px 4px #20202b08;cursor:pointer}.board-card:hover{border-color:#cfc8fa}.board-card>small{font-size:9px;color:#9897a2}.board-card h4{font-size:12px;margin:6px 0}.board-card p{font-size:10px;color:#888793;line-height:1.4;margin:0 0 12px}.board-card footer{display:flex;justify-content:space-between;align-items:center}.board-card .avatar{border-color:white}.card-date{border-top:1px solid #eeeef2;margin-top:11px;padding-top:9px;display:flex;align-items:center;gap:5px;font-size:9px;color:#8d8c98}.data-table{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.data-row{width:100%;display:grid;grid-template-columns:minmax(240px,1.5fr) 140px 120px 100px 90px;align-items:center;min-height:48px;padding:0 15px;border:0;border-top:1px solid #eeeef2;background:white;text-align:left;font-size:11px}.data-row.head{min-height:34px;background:#fafafd;border:0;color:#9998a3;text-transform:uppercase;font-size:9px}.data-row>span{display:flex;align-items:center;gap:6px}.drawer-backdrop{position:fixed;inset:0;background:#11101966;z-index:30}.task-drawer{position:fixed;inset:0 0 0 auto;width:min(720px,90vw);background:#1e1e21;color:#e8e8ec;z-index:31;box-shadow:-20px 0 50px #0005;overflow:auto}.task-drawer>header{height:58px;border-bottom:1px solid #343438;display:flex;align-items:center;padding:0 24px;color:#99999f;font-size:11px}.task-drawer>header div{margin-left:auto;display:flex}.task-drawer button{color:inherit}.task-drawer>header button{border:0;background:transparent;padding:8px}.drawer-body{padding:28px 38px}.task-kind{font-size:11px;color:#a5a5ab}.drawer-body>h2{font:700 25px Manrope;margin:12px 0 28px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;padding-bottom:28px;border-bottom:1px solid #35353a}.field-grid label{font-size:10px;color:#8d8d95;display:grid;grid-template-columns:85px 1fr;align-items:center}.field-value,.field-grid select{color:#dedee3;font-size:11px}.field-grid select{border:0;background:#29292e;border-radius:6px;padding:7px}.field-value{display:flex;align-items:center;gap:6px}.field-value .avatar{border-color:#1e1e21}.tag{color:white;background:#5946ed;border-radius:5px;padding:3px 7px}.drawer-body section{padding:24px 0;border-bottom:1px solid #35353a}.drawer-body h3{font-size:12px;margin:0 0 13px}.description p{color:#aeacb4;font-size:12px;line-height:1.65;margin:0}.drawer-section-title{display:flex;justify-content:space-between}.drawer-section-title button{border:0;background:transparent;color:#9b87ff;font-size:11px}.subtask{width:100%;display:flex;align-items:center;gap:9px;background:#28282d;border:1px solid #36363c;padding:10px;border-radius:7px;font-size:11px}.subtask small{margin-left:auto;color:#9998a0}.comment p,.message p{flex:1}.comment p b,.message p b{font-size:11px}.comment p small,.message p small{display:inline;margin-left:8px}.comment p span,.message p span{display:block;color:#b4b3ba;margin-top:4px}.comments form,.chat-panel form{display:flex;margin-top:17px;background:#29292e;border:1px solid #3b3b41;border-radius:8px;padding:6px}.comments input,.chat-panel input{flex:1;border:0;outline:0;background:transparent;color:white;padding:7px;font-size:11px}.comments form button,.chat-panel form button{border:0;background:var(--purple);color:white;border-radius:6px;width:34px}.modal-backdrop{position:fixed;inset:0;background:#16151d99;display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(540px,100%);max-height:90vh;overflow:auto;background:white;border-radius:15px;padding:24px;box-shadow:0 25px 80px #11101944}.modal header{display:flex;align-items:flex-start}.modal h2{font:700 22px Manrope;margin:4px 0 10px}.modal header button{margin-left:auto;border:0;background:transparent}.modal textarea{min-height:85px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal footer button{border:0;background:#f0f0f4;border-radius:8px;padding:10px 15px}.modal footer .primary{background:var(--purple)}.field-modal{width:min(620px,100%)}.field-label{font-size:13px;font-weight:700}.field-types{display:grid;grid-template-columns:repeat(2,1fr);max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:6px}.field-types label{display:flex;align-items:center;gap:8px;margin:0;padding:8px;border-radius:6px;font-weight:500}.field-types label:hover{background:#f6f4ff}.field-types input{width:auto}.field-types span{color:var(--purple)}.popover{position:fixed;right:135px;top:58px;width:350px;z-index:60;background:white;border:1px solid var(--line);border-radius:12px;padding:15px;box-shadow:0 15px 50px #1b192630}.popover h3{margin:0 0 10px}.notifications button{width:100%;display:flex;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);background:white;padding:10px 0;text-align:left}.notifications button p{margin:0;font-size:11px}.notifications button small{display:block;color:#aaaab4;margin-top:4px}.chat-layout{height:calc(100vh - 190px);display:grid;grid-template-columns:270px 1fr;background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.chat-layout>aside{border-right:1px solid var(--line);padding:18px}.chat-layout>aside h3{font-size:12px}.chat-layout>aside button{width:100%;display:flex;gap:10px;align-items:center;border:0;background:white;padding:10px;border-radius:8px;text-align:left}.chat-layout>aside button.active{background:var(--purple-soft)}.chat-layout>aside b,.chat-layout>aside small{display:block}.chat-layout>aside b{font-size:11px}.chat-layout>aside small{font-size:9px;color:#9998a3;margin-top:3px}.channel-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#efedf8;color:var(--purple);font-weight:800}.chat-panel{display:flex;flex-direction:column}.chat-panel>header{height:65px;border-bottom:1px solid var(--line);padding:0 20px;display:flex;align-items:center;gap:15px}.chat-panel>header div{flex:1}.chat-panel h2{font-size:14px;margin:0}.chat-panel header p{font-size:9px;color:#9998a3;margin:3px 0}.messages{flex:1;padding:15px 25px;overflow:auto}.chat-panel form{margin:12px 20px;border-color:var(--line);background:#fafafd}.chat-panel input{color:var(--ink)}.social-page{height:calc(100vh - 66px);display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#ebe7ff,#f7f7f9 55%)}.social-hero{text-align:center;max-width:630px}.social-hero .logo-mark{margin:0 auto 20px}.social-hero h1{font:800 52px Manrope;margin:5px}.social-hero>p:not(.eyebrow){color:#73727e;line-height:1.6}.social-hero button{margin:20px auto;display:flex;gap:8px}.social-hero small{display:block;color:#aaa9b4}.loading{color:#9998a3;font-size:11px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.focus-grid{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:1fr 1fr}.view-actions button:not(.primary){display:none}.task-row{grid-template-columns:22px minmax(160px,1fr) 70px 85px}.task-row .assignees{display:none}}
@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-copy{display:none}.mobile-brand{display:flex;margin-bottom:50px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 50px #0005}.workspace{margin:0;width:100%}.mobile-menu{display:block;border:0;background:transparent;font-size:20px}.topbar{padding:0 14px}.search{width:auto;flex:1}.search kbd,.quick-add{display:none}.page{padding:25px 15px}.page-heading{gap:15px}.page-heading h1{font-size:25px}.page-heading .outline{font-size:0;padding:10px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stats article{padding:13px;grid-template-columns:34px 1fr}.stats small{display:none}.stat-icon{width:32px;height:32px}.focus-grid{margin-top:8px}.task-agenda{padding:15px}.task-row{grid-template-columns:20px 1fr 75px}.task-row .priority,.task-row .assignees{display:none}.right-rail{grid-template-columns:1fr}.project-header{padding:0 15px}.project-people .avatar,.project-people>svg{display:none}.project-tabs{padding:0 15px;overflow:auto}.viewbar{padding:0 15px}.view-actions button{display:none!important}.view-actions .primary{display:flex!important;font-size:0}.project-content{padding:12px}.task-table-head{display:none}.status-section .task-row{grid-template-columns:20px 1fr 80px}.board-column{flex-basis:85vw}.data-table{overflow:auto}.data-row{min-width:700px}.drawer-body{padding:24px 20px}.field-grid{grid-template-columns:1fr}.task-drawer{width:100vw}.form-grid{grid-template-columns:1fr;gap:0}.field-types{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr;height:calc(100vh - 185px)}.chat-layout>aside{display:none}.popover{right:10px;left:10px;top:58px;width:auto}.social-hero h1{font-size:38px}}
.project-structure{background:#f1f0f5;border-bottom:1px solid var(--line);display:flex;gap:8px;padding:10px 30px;overflow:auto}.structure-group{flex:0 0 auto;background:white;border:1px solid #e2e1e8;border-radius:9px;padding:5px}.structure-group.active{border-color:#c7bffa;box-shadow:0 0 0 2px #ece8ff}.structure-group .section-name{display:flex;align-items:center;gap:6px;width:100%;border:0;background:transparent;padding:4px 6px;color:#555460;font-size:10px;font-weight:700;text-transform:uppercase}.structure-group>div{display:flex;gap:3px}.structure-group>div button,.add-section{border:0;background:transparent;border-radius:6px;padding:6px 9px;color:#777682;font-size:10px;display:flex;align-items:center;gap:5px}.structure-group>div button.active{background:var(--purple-soft);color:var(--purple);font-weight:700}.structure-group .add-list,.add-section{color:var(--purple)}.add-section{align-self:center;white-space:nowrap}.task-title-input{width:100%;border:0;border-bottom:1px solid transparent;background:transparent;color:#f2f2f5;font:700 25px Manrope;padding:8px 0 12px;margin-bottom:18px;outline:0}.task-title-input:focus{border-color:var(--purple)}.editable-fields label{grid-template-columns:75px 1fr}.editable-fields input,.editable-fields select,.edit-description textarea,.custom-field-grid input,.custom-field-grid select{width:100%;border:1px solid #3b3b42;background:#29292e;color:#eeeef2;border-radius:7px;padding:8px;outline:0}.edit-description textarea{min-height:105px;resize:vertical;line-height:1.5}.people-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.people-picker label{display:flex;align-items:center;gap:8px;background:#28282d;border:1px solid #38383e;border-radius:8px;padding:8px;font-size:11px}.people-picker .avatar{margin:0;border-color:#28282d}.custom-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.custom-field-grid label{display:grid;gap:6px;color:#aaa9b2;font-size:10px}.drawer-savebar{position:sticky;bottom:0;background:#1e1e21e8;backdrop-filter:blur(8px);display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:13px 0;z-index:2}.drawer-savebar span{color:var(--mint);font-size:11px}.inline-create{display:flex;margin-top:10px;background:#28282d;border:1px solid #39393f;border-radius:8px;padding:5px}.inline-create input{flex:1;border:0;background:transparent;color:white;padding:7px;outline:0}.inline-create button{width:34px;border:0;background:var(--purple);color:white;border-radius:6px}.social-module{height:calc(100vh - 66px);display:flex;flex-direction:column;background:#111116}.module-bar{height:58px;display:flex;align-items:center;padding:0 18px;background:#1a1920;color:white;border-bottom:1px solid #302e38}.module-bar>div{display:flex;align-items:center;gap:10px}.module-bar .logo-mark{width:31px;height:31px}.module-bar strong,.module-bar small{display:block}.module-bar strong{font-size:12px}.module-bar small{font-size:9px;color:#898792;margin-top:2px}.module-bar button{margin-left:auto;border:1px solid #3b3944;background:#25232c;color:#bbb9c4;border-radius:7px;padding:7px 10px;font-size:10px}.social-module iframe{width:100%;flex:1;border:0;background:#111}.drawer-body #task-edit-form>section{padding:20px 0;border-bottom:1px solid #35353a}
@media(max-width:760px){.project-structure{padding:8px 12px}.people-picker,.custom-field-grid{grid-template-columns:1fr}.social-module{height:calc(100vh - 66px)}}
.list-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;border:1px solid var(--line);border-radius:9px;padding:8px}.list-picker label{display:flex;align-items:center;gap:7px!important;margin:0!important;padding:7px;border-radius:6px;font-weight:500!important}.list-picker label:hover{background:#f6f4ff}.list-picker input{width:auto!important}.list-picker .avatar{margin:0}.relation-picker{display:grid;gap:6px;max-height:180px;overflow:auto}.relation-picker label{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;background:#28282d;border:1px solid #38383e;border-radius:7px;padding:8px;font-size:11px}.relation-picker small{color:#85848d;font-size:9px}
@media(max-width:760px){.list-picker{grid-template-columns:1fr}}
:root[data-theme="light-blue"]{--bg:#f2f6fb;--panel:#fff;--ink:#172238;--muted:#718099;--line:#dfe7f1;--purple:#3478dc;--purple-soft:#e7f0ff;--nav:#17243a}
:root[data-theme="light-sand"]{--bg:#f7f3eb;--panel:#fffdf8;--ink:#30281e;--muted:#817566;--line:#e8dfd2;--purple:#a1662f;--purple-soft:#f5e8d8;--nav:#2d271f}
:root[data-theme="dark-violet"]{--bg:#17151e;--panel:#211f2a;--ink:#f0eef7;--muted:#aaa5b7;--line:#37333f;--purple:#9b83ff;--purple-soft:#342d52;--nav:#111016;color-scheme:dark}
:root[data-theme="dark-slate"]{--bg:#161b22;--panel:#202731;--ink:#edf1f7;--muted:#9da8b7;--line:#36404d;--purple:#6ea8fe;--purple-soft:#263a56;--nav:#0e1319;color-scheme:dark}
:root[data-theme="dark-ocean"]{--bg:#0c2025;--panel:#123038;--ink:#e8f7f8;--muted:#94b2b6;--line:#28505a;--purple:#27b6c6;--purple-soft:#16454e;--nav:#07171b;color-scheme:dark}
:root[data-theme^="dark"] body,:root[data-theme^="dark"] .workspace,:root[data-theme^="dark"] .project-content{background:var(--bg);color:var(--ink)}:root[data-theme^="dark"] .topbar,:root[data-theme^="dark"] .project-header,:root[data-theme^="dark"] .project-tabs,:root[data-theme^="dark"] .viewbar,:root[data-theme^="dark"] .task-agenda,:root[data-theme^="dark"] .right-rail article,:root[data-theme^="dark"] .stats article,:root[data-theme^="dark"] .status-section,:root[data-theme^="dark"] .task-row,:root[data-theme^="dark"] .data-table,:root[data-theme^="dark"] .data-row{background:var(--panel);color:var(--ink)}:root[data-theme^="dark"] button{color:inherit}:root[data-theme^="dark"] .search,:root[data-theme^="dark"] .project-structure{background:color-mix(in srgb,var(--panel) 80%,#000)}:root[data-theme^="dark"] .structure-group{background:var(--panel);border-color:var(--line)}:root[data-theme^="dark"] .modal{background:var(--panel);color:var(--ink)}:root[data-theme^="dark"] .modal input,:root[data-theme^="dark"] .modal textarea,:root[data-theme^="dark"] .modal select{background:var(--bg);color:var(--ink);border-color:var(--line)}
.workspace-tree{display:grid;gap:7px}.tree-project>button{width:100%}.tree-project>div{padding-left:14px}.tree-project details{margin:4px 0}.tree-project summary{cursor:pointer;list-style:none;color:#797784;font-size:10px;font-weight:700;padding:5px 8px}.tree-project summary:before{content:"▾";margin-right:6px}.tree-project details:not([open]) summary:before{content:"›"}.tree-project details button{width:100%;height:32px;font-size:10px;padding-left:13px}.theme-button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:8px 11px;font-size:11px}.compact-select{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.compact-select select{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:6px;font-size:10px}.multi-dropdown{position:relative}.multi-dropdown>summary{cursor:pointer;background:#28282d;border:1px solid #3b3b42;border-radius:8px;padding:10px;list-style:none;font-size:11px}.multi-dropdown[open]>div{margin-top:7px}.status-edit-row{display:grid;grid-template-columns:45px 1fr 35px;gap:8px;align-items:center;margin:8px 0}.status-edit-row input{margin:0!important}.status-edit-row input[type="color"]{padding:3px;height:40px}.status-edit-row button{border:0;background:#f1eff6;border-radius:7px;height:36px}.view-summary{background:var(--purple-soft);border-radius:8px;padding:12px;color:var(--muted);font-size:12px}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.theme-grid button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:10px;color:var(--ink)}.theme-grid button.active{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple-soft)}.theme-preview{width:42px;height:30px;border-radius:6px;background:linear-gradient(135deg,#f6f6f8 50%,#7057f5 50%)}.theme-preview.light-blue{background:linear-gradient(135deg,#f2f6fb 50%,#3478dc 50%)}.theme-preview.light-sand{background:linear-gradient(135deg,#f7f3eb 50%,#a1662f 50%)}.theme-preview.dark-violet{background:linear-gradient(135deg,#17151e 50%,#9b83ff 50%)}.theme-preview.dark-slate{background:linear-gradient(135deg,#161b22 50%,#6ea8fe 50%)}.theme-preview.dark-ocean{background:linear-gradient(135deg,#0c2025 50%,#27b6c6 50%)}
.slack-shell{height:calc(100vh - 66px);display:grid;grid-template-columns:64px 245px minmax(0,1fr) auto;background:var(--panel)}.slack-rail{background:#2f1547;color:#d8cce0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:13px 8px}.slack-workspace-icon{width:37px;height:37px;border-radius:10px;background:white;color:#3f185b;display:grid;place-items:center;font-weight:800}.slack-rail button{width:38px;height:38px;border:0;background:transparent;color:inherit;border-radius:9px;display:grid;place-items:center}.slack-rail button.active,.slack-rail button:hover{background:#ffffff20}.slack-sidebar{background:#43195d;color:#e7dceb;border-right:1px solid #ffffff17;overflow:auto}.slack-sidebar>header{height:55px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #ffffff21;font-size:16px}.slack-sidebar>header button,.slack-sidebar h3 button{margin-left:auto;border:0;background:#ffffff18;color:white;border-radius:6px}.slack-sidebar h3{display:flex;padding:0 14px;margin:18px 0 5px;color:#cbbbd3;font-size:11px}.slack-sidebar>button,.slack-nav button{width:calc(100% - 12px);margin:1px 6px;border:0;background:transparent;color:#d8cce0;border-radius:6px;padding:7px 10px;display:flex;gap:8px;text-align:left}.slack-sidebar>button.active,.slack-sidebar>button:hover,.slack-nav button:hover{background:#1264a3;color:white}.slack-sidebar .channel-icon{background:transparent;color:inherit;width:20px;height:auto}.slack-main{min-width:0;background:var(--panel)}.slack-main>header button{border:1px solid var(--line);background:transparent;border-radius:6px;padding:6px;color:var(--muted)}.channel-intro{padding:28px 25px 18px;border-bottom:1px solid var(--line)}.channel-intro .channel-icon{width:50px;height:50px;font-size:25px}.channel-intro h2{margin:12px 0 5px}.channel-intro p{color:var(--muted);font-size:12px}.slack-message{display:flex;gap:10px;padding:9px 22px;position:relative}.slack-message:hover{background:color-mix(in srgb,var(--bg) 75%,transparent)}.slack-message>.avatar{margin:0;width:36px;height:36px;border-radius:7px}.slack-message>div{flex:1}.slack-message p{margin:0}.slack-message p b{font-size:12px}.slack-message p small{margin-left:7px;color:var(--muted);font-size:9px}.slack-message>div>span{display:block;font-size:12px;margin-top:3px}.message-actions{display:flex;gap:4px;margin-top:7px}.message-actions button{border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:3px 6px;font-size:9px;color:var(--muted)}.slack-composer{display:block!important;margin:10px 20px 18px!important;padding:0!important}.format-bar{display:flex;gap:17px;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.slack-composer textarea{width:100%;min-height:65px;border:0;resize:none;background:transparent;color:var(--ink);padding:10px;outline:0}.composer-actions{display:flex;align-items:center;gap:12px;padding:5px 9px;color:var(--muted)}.composer-actions button{margin-left:auto;height:31px}.thread-panel{width:0;overflow:hidden;border-left:0 solid var(--line);background:var(--panel);transition:.2s}.thread-panel:not(:empty){width:350px;border-left-width:1px}.thread-panel>header{height:65px;padding:0 15px;border-bottom:1px solid var(--line);display:flex;align-items:center}.thread-panel>header div{flex:1}.thread-panel h3{margin:0}.thread-panel small{color:var(--muted)}.thread-panel header button{border:0;background:transparent}.thread-body{height:calc(100% - 130px);overflow:auto}.reply-count{font-size:10px;color:var(--muted);padding:10px 20px;border-bottom:1px solid var(--line)}.thread-panel>form{height:65px;margin:0 12px;display:flex;align-items:center;border:1px solid var(--line);border-radius:8px}.thread-panel textarea{flex:1;border:0;background:transparent;color:var(--ink);resize:none;padding:9px;outline:0}.thread-panel form button{border:0;background:var(--purple);color:white;border-radius:6px;margin-right:6px;width:32px;height:32px}
@media(max-width:1050px){.thread-panel:not(:empty){position:fixed;right:0;top:66px;bottom:0;z-index:25;width:min(380px,90vw);box-shadow:-20px 0 50px #0003}.slack-shell{grid-template-columns:52px 210px 1fr}}@media(max-width:760px){.theme-button{font-size:0}.theme-button:after{content:"◐";font-size:15px}.slack-shell{grid-template-columns:1fr}.slack-rail,.slack-sidebar{display:none}.slack-main{display:flex}.view-actions .compact-select{display:none}}
.category-pill{display:inline-block;font-style:normal;color:var(--category);background:color-mix(in srgb,var(--category) 14%,transparent);border:1px solid color-mix(in srgb,var(--category) 35%,transparent);border-radius:5px;padding:1px 5px;margin-left:5px;font-size:8px;font-weight:700}
.board-dropzone{transition:background .15s,box-shadow .15s;outline:2px solid transparent;outline-offset:-2px}.board-dropzone.drag-over{background:color-mix(in srgb,var(--purple) 10%,#eeedf2);outline-color:color-mix(in srgb,var(--purple) 45%,transparent)}.board-card[draggable="true"]{cursor:grab;position:relative}.board-card[draggable="true"]:active{cursor:grabbing}.board-card.dragging{opacity:.35;transform:rotate(1deg);border:1px dashed var(--purple)}.drag-handle{position:absolute;right:9px;top:8px;color:#aaa9b4;font-weight:800;letter-spacing:-2px}.drop-placeholder{display:none;text-align:center;border:1px dashed var(--purple);color:var(--purple);border-radius:8px;padding:12px;margin-bottom:8px;font-size:10px}.board-dropzone.drag-over .drop-placeholder:only-child,.board-dropzone.drag-over>.drop-placeholder:first-child{display:block}
.assignee-dropdown{position:relative}.assignee-dropdown>button{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #3b3b42;background:#28282d;color:#eeeef2;border-radius:8px;padding:9px 11px}.assignee-dropdown>button>span:first-child{display:flex;align-items:center;gap:5px}.assignee-dropdown>button b{font-size:11px;margin-left:5px}.assignee-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:12;background:#25252a;border:1px solid #414148;border-radius:9px;box-shadow:0 16px 45px #0007;padding:7px}.assignee-menu[hidden]{display:none}.assignee-search{height:36px;border:1px solid #404047;border-radius:7px;display:flex;align-items:center;padding:0 9px;color:#8e8d96}.assignee-search input{flex:1;border:0;background:transparent;color:#eeeef2;outline:0;padding:0 7px}.assignee-scroll{max-height:230px;overflow-y:auto;margin-top:6px;padding-right:3px}.assignee-scroll label{display:grid;grid-template-columns:20px 29px 1fr 18px;align-items:center;gap:8px;border-radius:7px;padding:8px;cursor:pointer}.assignee-scroll label:hover{background:#34343a}.assignee-scroll input{accent-color:var(--purple)}.assignee-scroll .avatar{margin:0;border-color:#25252a}.assignee-scroll span b,.assignee-scroll span small{display:block}.assignee-scroll span b{font-size:11px}.assignee-scroll span small{font-size:9px;color:#92919a;margin-top:2px}.assignee-scroll label>i{opacity:0;color:var(--mint);font-style:normal}.assignee-scroll label:has(input:checked)>i{opacity:1}
.slack-shell .chat-panel form{background:transparent;border:0}.slack-main{height:100%;min-height:0;overflow:hidden}.slack-main>.messages{min-height:0;overflow-y:auto;padding:12px 0}.slack-main>.channel-intro{flex:0 0 auto}.slack-main>.slack-composer{flex:0 0 auto;border:1px solid var(--line);background:var(--panel)!important;border-radius:9px}.slack-main>.slack-composer textarea{color:var(--ink)}.slack-main>.slack-composer button{width:34px}.slack-sidebar{padding:0!important}.chat-loading,.chat-error,.chat-welcome{margin:auto;text-align:center;color:var(--muted);padding:30px}.chat-error b,.chat-welcome h2{color:var(--ink)}.chat-error button{border:0;background:var(--purple);color:white;border-radius:7px;padding:8px 13px}.chat-empty-side{padding:20px;color:#cbbbd3;font-size:11px}.chat-notice{position:absolute;right:20px;bottom:115px;background:#25252b;color:white;border-radius:7px;padding:9px 13px;box-shadow:0 10px 30px #0004;font-size:11px;z-index:5}.chat-notice.error{background:#b93e50}.thread-panel>form{background:var(--panel)!important;border:1px solid var(--line)!important;padding:0!important}.thread-panel .slack-message .message-actions{display:none}
.list-column-scroll{overflow-x:auto}.task-table-head.dynamic,.task-row.dynamic{min-width:calc(620px + var(--field-count) * 150px);grid-template-columns:minmax(260px,1fr) 105px 95px 95px repeat(var(--field-count),140px)}.task-row.dynamic{padding:7px 14px}.task-row.dynamic .task-open{border:0;background:transparent;color:inherit;display:grid;grid-template-columns:22px 1fr;align-items:center;text-align:left}.inline-field-select,.inline-field-input{width:130px;border:1px solid var(--line);background:color-mix(in srgb,var(--option-color,#8f96a8) 12%,var(--panel));color:var(--ink);border-radius:6px;padding:6px;font-size:10px}.inline-field-check{accent-color:var(--purple)}.field-manager{width:min(900px,95vw)}.field-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-manager-grid>section{border:1px solid var(--line);border-radius:10px;padding:13px}.field-manager-grid h3,.field-builder h3{margin:0 0 5px}.field-manager-grid>section>p{color:var(--muted);font-size:10px}.field-library-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;border-top:1px solid var(--line);padding:10px 0}.field-type-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:var(--purple-soft);color:var(--purple)}.field-library-row b,.field-library-row small{display:block}.field-library-row b{font-size:11px}.field-library-row small{font-size:9px;color:var(--muted)}.field-library-row button{border:0;background:var(--purple-soft);color:var(--purple);border-radius:6px;padding:6px 8px;font-size:9px}.field-library-row div div{display:flex;gap:3px;margin-top:5px;flex-wrap:wrap}.field-library-row i{font-style:normal;font-size:8px;color:var(--dot);border:1px solid color-mix(in srgb,var(--dot) 35%,transparent);border-radius:4px;padding:1px 4px}.field-builder{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.field-option-row{display:grid;grid-template-columns:45px 1fr 34px;gap:7px;margin:6px 0}.field-option-row input{margin:0!important;padding:7px!important}.field-option-row input[type="color"]{height:38px;padding:3px!important}.field-option-row button{border:0;background:#f0eef4;border-radius:7px}.reaction-row{display:flex;gap:4px;margin-top:6px}.reaction-row button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;padding:2px 7px;font-size:9px}.reaction-row button.active{border-color:#1264a3;background:#e5f2fb;color:#1264a3}.message-actions button[data-delete-message]{color:var(--danger)}
@media(max-width:760px){.field-manager-grid{grid-template-columns:1fr}.field-manager{width:100%}}
.overview-messages{padding-top:8px!important}.overview-source{padding:13px 22px 2px;color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase}.slack-nav button.active{background:#1264a3;color:white}

/* Brandology chat */
.brand-chat-shell{height:calc(100vh - 66px);display:grid;grid-template-columns:270px minmax(0,1fr) auto;background:var(--bg);padding:18px;gap:14px}.brand-chat-sidebar{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;overflow:auto;box-shadow:0 8px 28px #1b192608}.brand-chat-sidebar>header{height:68px;border-bottom:1px solid var(--line);padding:0 16px}.brand-chat-sidebar>header div{display:grid}.brand-chat-sidebar>header small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.brand-chat-sidebar>header strong{font:700 15px Manrope}.brand-chat-sidebar>header button,.brand-chat-sidebar h3 button{background:var(--purple-soft);color:var(--purple)}.brand-chat-sidebar h3{color:var(--muted);padding:0 15px}.brand-chat-sidebar>button,.brand-chat-sidebar .slack-nav button{color:var(--muted);margin:2px 8px;width:calc(100% - 16px);padding:9px 10px}.brand-chat-sidebar>button.active,.brand-chat-sidebar>button:hover,.brand-chat-sidebar .slack-nav button:hover,.brand-chat-sidebar .slack-nav button.active{background:var(--purple-soft);color:var(--purple)}.brand-chat-main{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;box-shadow:0 8px 28px #1b192608}.brand-chat-main>header{background:var(--panel)}.brand-chat-main .channel-intro{background:color-mix(in srgb,var(--purple-soft) 36%,var(--panel))}.brand-chat-main .slack-message>.avatar{border-radius:50%}.brand-chat-main .reaction-row button.active{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.brand-chat-shell .thread-panel:not(:empty){border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #1b192608}

/* Binder */
.binder-home{min-height:calc(100vh - 66px)}.binder-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.binder-project-card{position:relative;min-height:190px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:15px;padding:22px;box-shadow:0 8px 28px #1b192608}.binder-project-card:hover{border-color:var(--purple);transform:translateY(-2px)}.binder-project-card>div{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--purple-soft);color:var(--purple)}.binder-project-card h2{font:700 17px Manrope;margin:18px 0 7px}.binder-project-card p{color:var(--muted);font-size:12px;line-height:1.5}.binder-lock{position:absolute;right:14px;top:14px;border-radius:12px;background:var(--bg);color:var(--muted);font-size:9px;padding:5px 8px}.binder-workspace{height:calc(100vh - 66px);display:grid;grid-template-columns:270px minmax(0,1fr);background:var(--bg)}.binder-tree{background:var(--panel);border-right:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}.binder-tree>header{height:66px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line)}.binder-tree>header button{border:0;background:var(--purple-soft);color:var(--purple);border-radius:7px;width:30px;height:30px}.binder-tree>header div{display:grid}.binder-tree>header small{font-size:9px;color:var(--muted)}.binder-tree>header strong{font-size:12px}.binder-create-actions{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line)}.binder-create-actions button{flex:1;border:1px solid var(--line);background:var(--panel);color:var(--purple);border-radius:7px;padding:7px;font-size:9px}.binder-tree-scroll{padding:10px;overflow:auto}.binder-folder summary{display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px 7px;color:var(--muted);font-size:10px;font-weight:700}.binder-folder>div{padding-left:12px}.binder-doc-row{display:grid;grid-template-columns:1fr 28px;align-items:center}.binder-doc-row button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:7px;text-align:left;font-size:10px;display:flex;align-items:center;gap:6px}.binder-doc-row button.active,.binder-doc-row button:hover{background:var(--purple-soft);color:var(--purple)}.binder-content{min-width:0;display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);overflow:hidden}.binder-content.split{grid-template-columns:1fr 1fr}.binder-document-panel{min-width:0;background:var(--panel);overflow:auto;padding-bottom:40px}.binder-document-panel>header{height:78px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line)}.binder-document-panel>header div{flex:1}.binder-document-panel>header small{color:var(--muted);font-size:9px;text-transform:uppercase}.binder-document-panel>header h1{font:700 20px Manrope;margin:3px 0}.binder-document-panel>header button{border:0;background:var(--bg);color:var(--muted);border-radius:7px;width:32px;height:32px}.binder-editor,.binder-markdown,.binder-related,.binder-comments{max-width:850px;margin:0 auto;padding:24px 34px}.binder-editor{display:grid;gap:14px}.binder-editor>input{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:700 24px Manrope;padding:8px 0;outline:0}.binder-editor>textarea[name="content"]{min-height:340px;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.binder-editor textarea,.binder-editor select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:10px}.binder-editor label{display:grid;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.binder-relations{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.binder-relations label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;padding:8px}.binder-editor>.primary{justify-self:end}.binder-markdown{font-size:14px;line-height:1.75;color:var(--ink)}.binder-markdown h1,.binder-markdown h2,.binder-markdown h3{font-family:Manrope}.binder-markdown code{background:var(--purple-soft);color:var(--purple);padding:2px 5px;border-radius:4px}.binder-markdown img{display:block;max-width:100%;border-radius:10px;margin:16px 0}.binder-markdown a{color:var(--purple)}.binder-related{border-top:1px solid var(--line);display:flex;gap:7px;align-items:center;flex-wrap:wrap}.binder-related b{font-size:10px;color:var(--muted)}.binder-related button{border:0;background:var(--purple-soft);color:var(--purple);border-radius:6px;padding:6px 9px;font-size:9px}.binder-comments{border-top:1px solid var(--line)}.binder-comments>form{display:flex;border:1px solid var(--line);border-radius:8px;padding:5px;margin-top:13px}.binder-comments>form input{flex:1;border:0;background:transparent;color:var(--ink);padding:8px;outline:0}.binder-comments>form button{border:0;background:var(--purple);color:white;border-radius:6px;width:34px}.binder-welcome{margin:auto;text-align:center;color:var(--muted)}.binder-welcome h1{color:var(--ink)}

/* User administration and permissions */
.admin-grid{display:grid;grid-template-columns:330px 1fr;gap:18px}.admin-user-form,.user-role-list{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}.admin-user-form h2,.user-role-list h2{font:700 16px Manrope;margin:0 0 16px}.admin-user-form label{display:grid;gap:6px;margin:12px 0;font-size:11px;font-weight:700}.admin-user-form input,.admin-user-form select{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:10px}.user-role-list article{display:grid;grid-template-columns:34px 1fr 130px;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.user-role-list .avatar{margin:0}.user-role-list b,.user-role-list small{display:block}.user-role-list b{font-size:11px}.user-role-list small{font-size:9px;color:var(--muted);margin-top:3px}.user-role-list select{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:7px;padding:7px}.user-role-list strong{font-size:10px;color:var(--purple)}.danger-button{border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);background:transparent;color:var(--danger);border-radius:7px;padding:8px 11px}.drawer-body :disabled{opacity:.72;cursor:not-allowed}

@media(max-width:950px){.brand-chat-shell{grid-template-columns:220px 1fr;padding:10px}.binder-content.split{grid-template-columns:1fr}.binder-content.split .binder-document-panel:last-child{display:none}.admin-grid{grid-template-columns:1fr}}@media(max-width:760px){.brand-chat-shell{grid-template-columns:1fr;padding:0}.brand-chat-sidebar{display:none}.brand-chat-main{border-radius:0}.binder-workspace{grid-template-columns:1fr}.binder-tree{display:none}.binder-editor,.binder-markdown,.binder-related,.binder-comments{padding:20px}.binder-relations{grid-template-columns:1fr}.user-role-list article{grid-template-columns:34px 1fr}.user-role-list select,.user-role-list strong{grid-column:2}}

/* Stable list rows and quick status */
.task-table-head.dynamic,.task-row.dynamic{width:100%;min-width:max(760px,calc(600px + var(--field-count) * 150px));grid-template-columns:minmax(280px,2fr) 115px 105px 105px repeat(var(--field-count),140px);padding-left:14px}.task-row.dynamic{display:grid}.task-main-cell{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center}.task-row.dynamic .task-open,.task-dashboard-open{min-width:0;border:0;background:transparent;color:inherit;text-align:left;padding:0}.task-dashboard-open{display:block}.status-circle{width:17px;height:17px;padding:0;border:2px solid var(--status-color);border-radius:50%;background:color-mix(in srgb,var(--status-color) 12%,transparent);box-shadow:inset 0 0 0 3px var(--panel);cursor:pointer}.status-circle:hover{background:var(--status-color);transform:scale(1.08)}.status-circle.done{background:var(--status-color)}.status-quick-menu{position:fixed;z-index:90;width:205px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:7px;box-shadow:0 18px 50px #17151e30}.status-quick-menu small{display:block;padding:5px 7px;color:var(--muted);font-size:9px;text-transform:uppercase}.status-quick-menu button{width:100%;border:0;background:transparent;color:var(--ink);border-radius:7px;padding:8px;display:flex;align-items:center;gap:8px;text-align:left;font-size:11px}.status-quick-menu button:hover,.status-quick-menu button.active{background:var(--purple-soft);color:var(--purple)}.status-quick-menu i{width:9px;height:9px;border-radius:3px}.status-section .list-column-scroll{width:100%;overflow-x:auto}.status-section{min-width:0}.list-view{min-width:0}

/* Obsidian-style Binder editing */
.binder-search{margin:10px 10px 0;height:36px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 9px;color:var(--muted)}.binder-search input{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);outline:0;padding:0 7px;font-size:10px}.binder-editor-toolbar{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;padding:6px;background:var(--bg)}.binder-editor-toolbar button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;min-width:30px;height:28px;font-size:10px}.binder-editor-toolbar span{margin-left:auto;color:var(--muted);font-size:9px}.binder-editor-split{display:grid;grid-template-columns:1fr 1fr;min-height:430px;border:1px solid var(--line);border-radius:0 0 9px 9px;overflow:hidden}.binder-editor-split>textarea[name="content"]{min-height:430px;border:0;border-radius:0;border-right:1px solid var(--line);resize:vertical}.binder-live-preview{padding:18px;overflow:auto;font-size:13px;line-height:1.7;background:var(--panel)}.binder-live-preview h1,.binder-live-preview h2,.binder-live-preview h3{font-family:Manrope}.wiki-link{display:inline;border:0;background:var(--purple-soft);color:var(--purple);border-radius:4px;padding:1px 5px;font:inherit}.wiki-link.missing{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.binder-backlinks{max-width:850px;margin:0 auto;padding:18px 34px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.binder-backlinks b{font-size:10px;color:var(--muted)}.binder-backlinks button{border:1px solid var(--line);background:var(--panel);color:var(--purple);border-radius:6px;padding:6px 9px;font-size:9px}

.user-role-list article{grid-template-columns:34px minmax(0,1fr) 180px}.user-role-actions{display:grid;grid-template-columns:1fr 34px;gap:6px}.user-role-actions button{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));background:transparent;color:var(--danger);border-radius:7px}.user-role-actions select{width:100%}
@media(max-width:1050px){.binder-editor-split{grid-template-columns:1fr}.binder-editor-split>textarea[name="content"]{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:760px){.task-table-head.dynamic,.task-row.dynamic{min-width:720px}.user-role-list article{grid-template-columns:34px 1fr}.user-role-actions{grid-column:2;width:100%}.binder-editor-toolbar span{display:none}}

/* Definitive project list layout */
.workspace,.project-content,.list-view,.status-section,.list-column-scroll{min-width:0}.project-content{overflow:hidden}.list-column-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}.task-table-head.list-grid,.task-row.list-grid{display:grid!important;grid-template-columns:var(--list-columns)!important;min-width:var(--list-min-width)!important;width:100%!important;gap:10px;align-items:center}.task-table-head.list-grid{padding:9px 14px!important;background:color-mix(in srgb,var(--bg) 74%,var(--panel));color:var(--muted);border-bottom:1px solid var(--line)}.task-row.list-grid{min-height:58px;padding:8px 14px!important;background:var(--panel);color:var(--ink);border-top:1px solid var(--line)}.task-row.list-grid:hover{background:color-mix(in srgb,var(--purple-soft) 34%,var(--panel))}.task-row.list-grid .task-main-cell{min-width:0}.task-row.list-grid .task-open{display:block!important;min-width:0;width:100%;border:0;background:transparent;color:var(--ink);padding:0;text-align:left}.task-row.list-grid .task-main{min-width:0}.task-row.list-grid .task-main strong,.task-row.list-grid .task-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row.list-grid>.assignees,.task-row.list-grid>.due,.task-row.list-grid>.priority{min-width:0;margin:0;justify-self:start}.task-row.list-grid .inline-field-select,.task-row.list-grid .inline-field-input{width:135px;max-width:100%}

/* Complete dark theme surfaces */
:root[data-theme^="dark"]{--surface-hover:color-mix(in srgb,var(--purple-soft) 30%,var(--panel));--surface-raised:color-mix(in srgb,var(--panel) 88%,#fff 12%);--input-bg:color-mix(in srgb,var(--bg) 72%,#000)}
:root[data-theme^="dark"] .topbar,
:root[data-theme^="dark"] .project-header,
:root[data-theme^="dark"] .project-tabs,
:root[data-theme^="dark"] .viewbar,
:root[data-theme^="dark"] .status-section,
:root[data-theme^="dark"] .task-table-head.list-grid,
:root[data-theme^="dark"] .task-row.list-grid,
:root[data-theme^="dark"] .data-table,
:root[data-theme^="dark"] .data-row,
:root[data-theme^="dark"] .board-card,
:root[data-theme^="dark"] .popover,
:root[data-theme^="dark"] .notifications button,
:root[data-theme^="dark"] .modal,
:root[data-theme^="dark"] .outline,
:root[data-theme^="dark"] .project-tabs button,
:root[data-theme^="dark"] .view-switch button,
:root[data-theme^="dark"] .view-actions button,
:root[data-theme^="dark"] .project-people button{background:var(--panel);color:var(--ink);border-color:var(--line)}
:root[data-theme^="dark"] .task-row.list-grid:hover,
:root[data-theme^="dark"] .notifications button:hover,
:root[data-theme^="dark"] .list-picker label:hover,
:root[data-theme^="dark"] .field-types label:hover{background:var(--surface-hover)}
:root[data-theme^="dark"] .task-table-head.list-grid,
:root[data-theme^="dark"] .data-row.head,
:root[data-theme^="dark"] .search,
:root[data-theme^="dark"] .project-structure,
:root[data-theme^="dark"] .board-column>div,
:root[data-theme^="dark"] .binder-editor-toolbar{background:var(--input-bg);color:var(--muted)}
:root[data-theme^="dark"] .structure-group,
:root[data-theme^="dark"] .status-edit-row button,
:root[data-theme^="dark"] .field-option-row button,
:root[data-theme^="dark"] .modal footer button,
:root[data-theme^="dark"] .search kbd{background:var(--surface-raised);color:var(--ink);border-color:var(--line)}
:root[data-theme^="dark"] .modal input,
:root[data-theme^="dark"] .modal textarea,
:root[data-theme^="dark"] .modal select,
:root[data-theme^="dark"] .compact-select select,
:root[data-theme^="dark"] .inline-field-input,
:root[data-theme^="dark"] .inline-field-select,
:root[data-theme^="dark"] .admin-user-form input,
:root[data-theme^="dark"] .admin-user-form select,
:root[data-theme^="dark"] .user-role-list select{background:var(--input-bg);color:var(--ink);border-color:var(--line)}
:root[data-theme^="dark"] .structure-group .section-name,
:root[data-theme^="dark"] .structure-group>div button,
:root[data-theme^="dark"] .project-title small,
:root[data-theme^="dark"] .task-main small,
:root[data-theme^="dark"] .due,
:root[data-theme^="dark"] .section-title p,
:root[data-theme^="dark"] .feed p span,
:root[data-theme^="dark"] .feed small,
:root[data-theme^="dark"] .stats p,
:root[data-theme^="dark"] .stats small,
:root[data-theme^="dark"] .board-card p,
:root[data-theme^="dark"] .board-card>small,
:root[data-theme^="dark"] .card-date,
:root[data-theme^="dark"] .empty-task,
:root[data-theme^="dark"] .empty-row{color:var(--muted)}
:root[data-theme^="dark"] .priority{background:var(--input-bg);color:var(--ink)}
:root[data-theme^="dark"] .priority.urgente{background:color-mix(in srgb,var(--danger) 18%,var(--panel));color:#ff8797}
:root[data-theme^="dark"] .priority.alta{background:color-mix(in srgb,var(--amber) 18%,var(--panel));color:#ffc968}
:root[data-theme^="dark"] .priority.normale{background:var(--purple-soft);color:var(--purple)}
:root[data-theme^="dark"] .stat-icon.danger{background:color-mix(in srgb,var(--danger) 16%,var(--panel))}
:root[data-theme^="dark"] .stat-icon.violet{background:var(--purple-soft)}
:root[data-theme^="dark"] .stat-icon.mint{background:color-mix(in srgb,var(--mint) 16%,var(--panel))}
:root[data-theme^="dark"] .stat-icon.amber{background:color-mix(in srgb,var(--amber) 16%,var(--panel))}
:root[data-theme^="dark"] .avatar{border-color:var(--panel)}
:root[data-theme^="dark"] .status-section>h3,
:root[data-theme^="dark"] .task-row.list-grid,
:root[data-theme^="dark"] .task-table-head.list-grid,
:root[data-theme^="dark"] .board-card,
:root[data-theme^="dark"] .data-row{border-color:var(--line)}
:root[data-theme^="dark"] .primary,
:root[data-theme^="dark"] .quick-add,
:root[data-theme^="dark"] .view-actions .primary,
:root[data-theme^="dark"] .modal footer .primary{background:var(--purple);color:white}
:root[data-theme^="dark"] .icon-btn,
:root[data-theme^="dark"] .theme-button{background:var(--panel);color:var(--ink);border-color:var(--line)}
:root[data-theme^="dark"] .progress,
:root[data-theme^="dark"] .status-section>h3{background:color-mix(in srgb,var(--panel) 88%,var(--bg))}
:root[data-theme^="dark"] .board-dropzone,
:root[data-theme^="dark"] .board-column>div{background:var(--input-bg)}
:root[data-theme^="dark"] .board-dropzone.drag-over{background:var(--surface-hover)}
@media(max-width:760px){.task-table-head.list-grid,.task-row.list-grid{min-width:var(--list-min-width)!important}}

/* Binder single-pane edit/read mode */
.binder-document-panel>header .binder-document-actions{flex:0 0 auto;display:flex;gap:7px}.binder-document-actions button{width:auto!important;min-width:34px;padding:0 11px;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--ink)!important}.binder-source-editor{width:100%;min-height:520px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:0 0 9px 9px;padding:18px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;outline:0}.binder-source-editor:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.binder-editor-toolbar{border-radius:9px 9px 0 0}.binder-editor-split{display:none!important}

/* Project/list action menus */
.project-people .icon-only{width:36px;height:36px;border-radius:11px;display:inline-grid;place-items:center;padding:0}.floating-menu{position:fixed;z-index:120;width:238px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);box-shadow:0 18px 50px #17151e33}.floating-menu small{display:block;padding:7px 9px 8px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.floating-menu button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);border-radius:10px;padding:10px;text-align:left;font-weight:750;cursor:pointer}.floating-menu button:hover{background:var(--surface-hover)}.floating-menu svg{flex:0 0 auto;color:var(--muted)}:root[data-theme^="dark"] .floating-menu{background:var(--panel);color:var(--ink);border-color:var(--line);box-shadow:0 20px 55px #0008}:root[data-theme^="dark"] .floating-menu button:hover{background:var(--surface-hover)}
.quick-task-row{min-width:var(--list-min-width);border:1px dashed var(--line);border-radius:10px;margin:5px 10px 8px;padding:3px 10px;background:color-mix(in srgb,var(--panel) 55%,transparent);cursor:text;min-height:34px}.quick-task-row:focus-within{border-color:var(--purple);background:var(--panel);box-shadow:0 0 0 2px var(--purple-soft)}.quick-task-title{display:flex;align-items:center;gap:7px;margin:0!important;color:var(--muted);font-weight:700;font-size:11px}.quick-task-title span{font-size:13px}.quick-task-title input{width:100%;border:0!important;background:transparent!important;color:var(--ink)!important;padding:4px 0!important;outline:0;font-size:11px}.quick-task-title input::placeholder{color:var(--muted)}#save-feedback{font-weight:800;color:var(--muted)}#save-feedback.error{color:var(--danger)}:root[data-theme^="dark"] .quick-task-row{background:var(--input-bg);border-color:var(--line)}:root[data-theme^="dark"] .quick-task-row:focus-within{background:var(--panel)}

/* Binder drag, drop and direct markdown editing */
.binder-root-drop{margin:8px 10px 6px;border:1px dashed var(--line);border-radius:9px;padding:8px 10px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.binder-folder summary,.binder-doc-row{cursor:grab}.binder-folder summary.dragging,.binder-doc-row.dragging{opacity:.45}.binder-folder.binder-drop-over>summary,.binder-root-drop.binder-drop-over{background:var(--purple-soft);color:var(--purple);border-color:var(--purple)}.binder-folder>div{min-height:10px}.binder-source-editor{line-height:1.75;font-size:14px}.binder-editor .primary{align-self:flex-start;margin-top:8px}

/* Binder knowledge-base panels */
.binder-command-row{display:grid;grid-template-columns:1fr auto;gap:7px;padding:9px 10px}.binder-command-row button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:8px;font-size:11px;font-weight:800}.binder-side-section{border-top:1px solid var(--line);padding:10px}.binder-side-section h3{margin:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.binder-mini-note{width:100%;border:0;background:transparent;color:var(--ink);display:block;text-align:left;border-radius:7px;padding:7px;font-size:11px;font-weight:750}.binder-mini-note:hover{background:var(--purple-soft);color:var(--purple)}.binder-mini-note small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.binder-tag-list{display:flex;flex-wrap:wrap;gap:5px}.binder-tag-list button,.tag-chip{border:0;background:var(--purple-soft);color:var(--purple);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.binder-tag-list button.active{background:var(--purple);color:white}.binder-active-filter{padding:0 10px 8px;color:var(--muted);font-size:10px}.binder-active-filter button{border:0;background:var(--purple);color:white;border-radius:999px;padding:4px 8px}.binder-graph-mini{height:120px;border:1px solid var(--line);border-radius:10px;position:relative;background:radial-gradient(circle at 40% 40%,var(--purple-soft),transparent 65%);overflow:hidden}.binder-graph-mini button{position:absolute;left:var(--x);top:var(--y);width:24px;height:24px;border-radius:50%;border:1px solid var(--purple);background:var(--panel);color:var(--purple);font-size:10px;font-weight:900}.binder-graph-mini small{position:absolute;left:8px;bottom:6px;color:var(--muted);font-size:9px}.binder-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:14px}.binder-editor>input,.binder-editor-toolbar,.binder-source-editor,.binder-editor>label,.binder-editor>.primary{grid-column:1}.binder-live-preview{grid-column:2;grid-row:1 / span 6;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px;overflow:auto;max-height:calc(100vh - 190px)}.binder-inspector{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.binder-inspector section{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel)}.binder-inspector h3{margin:0 0 8px;font-size:11px}.binder-inspector p{display:grid;gap:2px;margin:7px 0;font-size:10px}.binder-inspector button{display:block;width:100%;border:0;background:transparent;text-align:left;color:var(--purple);border-radius:7px;padding:5px;font-size:11px}.wiki-link,.tag-chip{cursor:pointer}.note-embed,.callout,.binder-markdown blockquote{border-left:3px solid var(--purple);background:var(--purple-soft);padding:10px 12px;border-radius:8px;margin:9px 0}.md-code{background:#17161e;color:#f4f4f7;border-radius:10px;padding:13px;overflow:auto}.md-task{display:block;margin:5px 0}.embed-file{display:inline-flex;gap:5px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:5px 8px}.command-palette{width:min(680px,100%)}.command-palette>input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px}.command-list{display:grid;gap:6px;margin-top:12px;max-height:420px;overflow:auto}.command-list button{border:0;background:var(--panel);border-top:1px solid var(--line);padding:10px;text-align:left;border-radius:8px;color:var(--ink);font-weight:800}.command-list button:hover{background:var(--purple-soft);color:var(--purple)}.command-list small{display:block;color:var(--muted);font-size:10px;margin-top:2px}:root[data-theme^="dark"] .binder-live-preview,:root[data-theme^="dark"] .binder-inspector section,:root[data-theme^="dark"] .command-list button{background:var(--panel);color:var(--ink);border-color:var(--line)}

/* Keep list configuration actions available on every viewport */
.view-actions #manage-fields,.view-actions #manage-statuses{display:flex!important}

/* Social Creator iframe scrolling */
.social-module{min-height:calc(100vh - 66px)!important;height:calc(100vh - 66px)!important;overflow:hidden!important}.social-module iframe{display:block;width:100%;height:calc(100vh - 124px)!important;min-height:0!important;overflow:auto!important;scrollbar-gutter:stable;background:#09090b}

/* Colored custom-field dropdown cells */
.inline-select-wrap{width:135px;max-width:100%;display:grid;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--option-color,#8f96a8) 45%,var(--line));background:color-mix(in srgb,var(--option-color,#8f96a8) 15%,var(--panel));border-radius:7px;padding:3px 6px}.inline-select-wrap>i{width:9px;height:9px;border-radius:3px;background:var(--option-color,#8f96a8);box-shadow:0 0 0 2px color-mix(in srgb,var(--option-color,#8f96a8) 18%,transparent)}.inline-select-wrap .inline-field-select{width:100%;border:0;background:transparent!important;padding:3px 0;color:var(--ink)}

/* Workflow fixes */
.sidebar-user button{border:0;background:#2d2b36;color:#aaa9b4;border-radius:7px;width:28px;height:28px;display:grid;place-items:center}.sidebar-user button:hover{color:white;background:#3a3745}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.project-card{min-height:160px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:14px;padding:20px;box-shadow:0 8px 28px #1b192608}.project-card:hover{border-color:var(--purple);transform:translateY(-1px)}.project-card i{width:42px;height:42px;border-radius:10px;color:white;display:grid;place-items:center;font-style:normal}.project-card h2{font:700 16px Manrope;margin:16px 0 6px}.project-card p{color:var(--muted);font-size:11px}.structure-group{position:relative}.section-edit{position:absolute;right:7px;top:6px;border:0;background:transparent;color:var(--muted);border-radius:6px;padding:5px}.section-edit:hover{background:var(--purple-soft);color:var(--purple)}.task-main-cell{grid-template-columns:18px 24px minmax(0,1fr)!important}.row-select{accent-color:var(--purple);margin:0}.inline-assignee-picker{position:relative;min-width:0}.inline-assignee-picker summary{list-style:none;cursor:pointer;min-height:32px;display:flex;align-items:center}.inline-assignee-picker summary::-webkit-details-marker{display:none}.inline-assignee-picker>div{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:230px;max-height:260px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px #17151e30;padding:7px}.inline-assignee-picker label{display:grid;grid-template-columns:18px 28px 1fr;align-items:center;gap:7px;padding:7px;border-radius:7px;font-size:10px}.inline-assignee-picker label:hover{background:var(--purple-soft)}.inline-date,.inline-priority{width:100%!important}.binder-document-actions button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:7px;padding:8px 10px;width:auto;height:auto}
.selection-count{display:flex;align-items:center;border:1px solid var(--line);background:var(--purple-soft);color:var(--purple);border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700}
.bulk-actions-bar{display:flex;align-items:center;gap:8px;margin:10px 14px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 10px 30px #17151e12;position:sticky;top:0;z-index:12}.bulk-actions-bar strong{color:var(--purple);font-size:12px;margin-right:4px}.bulk-actions-bar select,.bulk-actions-bar input{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--ink);font-size:11px;padding:0 8px}.bulk-actions-bar button{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:11px;font-weight:800;padding:0 10px}.bulk-select-all{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:800}.task-head-main{display:flex!important;align-items:center;gap:9px}.task-head-main input,.row-select{width:15px;height:15px;accent-color:var(--purple);cursor:pointer}.task-row.selected{background:color-mix(in srgb,var(--purple) 9%,var(--panel));box-shadow:inset 3px 0 0 var(--purple)}

/* Workflow UX refinements */
.login-page,.login-panel,.login-card{color:#1a1922}.login-panel{background:#fafafd!important}.login-card input{background:#fff!important;color:#1a1922!important}.login-card .muted,.login-card small{color:#777887!important}.binder-editor{display:block!important;max-width:900px}.binder-editor>input,.binder-source-editor,.binder-editor>label{width:100%}.binder-source-editor{min-height:56vh!important;border:0!important;background:var(--panel)!important;color:var(--ink)!important;font:15px/1.75 Manrope,"DM Sans",sans-serif!important;padding:26px!important;border-radius:14px!important;box-shadow:inset 0 0 0 1px var(--line);resize:vertical}.binder-live-preview{display:none!important}.inline-assignee-trigger{width:100%;min-height:32px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;display:flex;align-items:center;gap:4px;padding:4px 7px}.inline-assignee-trigger>span:last-child{margin-left:auto;color:var(--muted)}.inline-assignee-menu{position:fixed;z-index:120;width:280px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 70px #17151e40;padding:9px}.inline-assignee-scroll{max-height:245px;overflow:auto;padding-top:6px}.inline-assignee-scroll label{display:grid;grid-template-columns:18px 28px 1fr;align-items:center;gap:8px;border-radius:8px;padding:8px;font-size:11px}.inline-assignee-scroll label:hover{background:var(--purple-soft)}.inline-assignee-scroll input{accent-color:var(--purple)}.status-section.drag-over,.board-dropzone.drag-over{outline:2px solid var(--purple);outline-offset:2px}.task-row.dragging,.board-card.dragging{opacity:.55}.view-actions #toggle-completed.active{background:var(--purple-soft);color:var(--purple)}
.binder-edit-preview{min-height:56vh;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:14px;padding:26px;font-size:15px;line-height:1.75;cursor:text}.binder-edit-preview:hover{box-shadow:0 0 0 3px var(--purple-soft)}.binder-edit-preview small{display:block;margin-top:24px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.binder-source-hidden{display:none!important}.archive-list{padding:18px;display:grid;gap:10px}.archive-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:13px}.archive-row b,.archive-row small{display:block}.archive-row small{color:var(--muted);font-size:10px;margin-top:3px}.archive-row button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:7px;padding:8px 10px;font-size:10px}.context-menu [data-context-status] i{width:9px;height:9px;border-radius:3px}
.structure-group{display:grid;grid-template-columns:minmax(0,1fr) 30px}.structure-group>.section-name{min-width:0}.structure-group>.section-edit{position:static!important;align-self:start;margin:4px 5px 0 0}.structure-group>div{grid-column:1/-1}
.status-edit-row{grid-template-columns:24px 45px minmax(0,1fr) 34px 34px 35px!important}
.status-edit-row .drag-handle{position:static!important;cursor:grab;color:var(--muted);letter-spacing:-2px;text-align:center}
.status-edit-row.dragging{opacity:.45}
.status-edit-row button[data-status-move]{font-weight:900}

/* beta.17 fixes */
.legacy-chat-shell{height:calc(100vh - 66px);display:grid;grid-template-columns:245px minmax(0,1fr) auto;background:var(--panel);padding:0;gap:0}
.legacy-chat-shell .slack-sidebar{border-radius:0;box-shadow:none}
.legacy-chat-shell .slack-main{border:0;border-radius:0;box-shadow:none}
.legacy-chat-shell .thread-panel:not(:empty){border-radius:0;box-shadow:none}
.danger-link{color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 9%,var(--panel))!important}
.field-choice-mode{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;margin:0 0 10px!important}
.field-choice-mode input{width:auto!important}
.inline-select-wrap.multi{align-items:start}
.inline-select-wrap.multi .inline-field-select{min-height:54px}
.binder-project-card{padding:0!important;overflow:hidden}
.binder-project-open{display:block;width:100%;min-height:160px;text-align:left;border:0;background:transparent;color:inherit;padding:22px}
.binder-project-open>div{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--purple-soft);color:var(--purple)}
.binder-project-open h2{font:700 17px Manrope;margin:18px 0 7px}
.binder-project-open p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}
.binder-delete{position:absolute;right:14px;bottom:14px;border:0;background:color-mix(in srgb,var(--danger) 12%,var(--panel));color:var(--danger);border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}
.social-module{height:calc(100vh - 66px)!important;min-height:calc(100vh - 66px)!important;overflow:hidden!important}
.social-module iframe{display:block;width:100%;height:calc(100vh - 124px)!important;min-height:calc(100vh - 124px)!important;overflow:auto!important;background:#09090b}

/* Notification read state */
.notifications{padding:17px;width:370px}.notifications>header{display:flex;align-items:center;gap:12px;padding-bottom:11px}.notifications>header h3{margin:0;font-size:14px}.notifications>header small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.notifications .notification-read-all{width:auto;margin-left:auto!important;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--purple)!important;border-radius:7px;padding:6px 8px!important;font-size:9px;font-weight:800;white-space:nowrap}.notification-row{display:flex;align-items:stretch;border-top:1px solid var(--line)}.notifications .notification-open{flex:1;border:0;background:transparent;padding:11px 4px}.notifications .notification-open p{font-weight:700}.notifications .notification-open small{font-weight:400}.notifications .notification-mark-read{flex:0 0 31px;width:31px;border:0;background:transparent;color:var(--mint);padding:0;display:grid;place-items:center}.notifications .notification-mark-read:hover{background:#edf9f6}.notifications-empty{min-height:110px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px}.notifications-empty svg{color:var(--mint)}

/* beta.18 chat/list deletion refinements */
.legacy-chat-shell{grid-template-columns:260px minmax(0,1fr) auto!important;background:var(--panel)!important}
.legacy-chat-shell .slack-sidebar{background:#1f2933!important;color:#d7dde5!important;border-right:1px solid #344252!important}
.legacy-chat-shell .slack-sidebar>header{border-bottom-color:#344252!important;background:#18222d!important}
.legacy-chat-shell .slack-sidebar>header button,
.legacy-chat-shell .slack-sidebar h3 button{background:#2b3948!important;color:#f8fafc!important}
.legacy-chat-shell .slack-sidebar h3{color:#9aa7b5!important}
.legacy-chat-shell .slack-sidebar>button,
.legacy-chat-shell .slack-nav button{color:#c3ccd6!important}
.legacy-chat-shell .slack-sidebar>button.active,
.legacy-chat-shell .slack-sidebar>button:hover,
.legacy-chat-shell .slack-nav button:hover,
.legacy-chat-shell .slack-nav button.active{background:#1264a3!important;color:#fff!important}
.legacy-chat-shell .channel-icon{color:inherit!important;background:transparent!important}
.legacy-chat-shell .chat-empty-side{color:#9aa7b5!important}
.chat-empty-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}
.tiny-delete{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;border:0!important;border-radius:50%!important;background:color-mix(in srgb,var(--danger) 12%,var(--panel))!important;color:var(--danger)!important;font-size:16px!important;font-weight:900!important;line-height:1!important;display:inline-grid!important;place-items:center!important}
.tiny-delete:hover{background:var(--danger)!important;color:white!important}
.structure-group{grid-template-columns:minmax(0,1fr) 28px 28px!important}
.section-delete{position:static!important;align-self:start;margin:4px 5px 0 0}
.binder-delete{right:10px!important;bottom:10px!important;width:24px!important;height:24px!important;padding:0!important}
.access-modal section{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0;background:var(--bg)}
.access-modal h3{margin:0 0 4px;font:700 14px Manrope}
.access-picker label{grid-template-columns:18px 28px minmax(0,1fr);align-items:center}
.access-picker label span{display:grid;min-width:0}
.access-picker label small{color:var(--muted);font-size:10px}

/* beta.23 UI density, list readability and role access controls */
:root{--font-ui:13px;--row-h:42px}
body{font-size:var(--font-ui);line-height:1.45}
.topbar{height:68px;padding-inline:30px}.page{padding:32px clamp(24px,3.5vw,52px)}.page-heading{margin-bottom:24px}.page-heading h1{font-size:30px}.page-heading p{font-size:14px;line-height:1.55}
.project-header{height:82px;padding-inline:28px}.project-tabs{height:48px}.viewbar{height:auto;min-height:60px;padding:10px 28px;gap:12px;flex-wrap:wrap}.view-actions{flex-wrap:wrap;align-items:center}.view-switch button,.view-actions button,.compact-select{min-height:34px}
.project-content{padding:18px 28px}.status-section{border-radius:12px;background:var(--panel);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 70%,transparent)}.status-section>h3{height:40px;font-size:12px;letter-spacing:.02em;text-transform:none;background:color-mix(in srgb,var(--panel) 86%,var(--bg));position:sticky;left:0;z-index:2}
.task-table-head.list-grid{min-height:34px!important;padding-block:7px!important;font-size:10px!important;text-transform:none!important;letter-spacing:.01em!important;font-weight:800!important}
.task-row.list-grid{min-height:var(--row-h)!important;padding-block:5px!important;border-top-color:color-mix(in srgb,var(--line) 78%,transparent)!important}
.task-row.list-grid .task-main strong{font-size:12px;font-weight:800}.task-row.list-grid .task-main small{font-size:10px}.task-main-cell{gap:8px!important}.status-circle{width:14px!important;height:14px!important;border-width:2px!important}.row-select{width:14px;height:14px}
.inline-field-input,.inline-field-select,.inline-date,.inline-priority,.inline-assignee-trigger{min-height:28px!important;font-size:11px!important;border-radius:7px!important}
.inline-select-wrap{min-height:28px}.quick-task-row{min-height:30px!important;margin:4px 10px 7px!important}.quick-task-title input{font-size:11px!important}.quick-task-title input::placeholder{content:"Nuova attività"}
.project-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.project-card{min-height:150px;padding:22px}.project-card h2{font-size:18px}.project-card p{font-size:12px;line-height:1.45}
.admin-grid{grid-template-columns:340px minmax(0,1fr);align-items:start}.admin-user-form,.user-role-list{padding:22px;border-radius:16px}.admin-user-row{display:grid;grid-template-columns:34px minmax(0,1fr) 116px;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.admin-user-row .avatar{margin:0}.admin-user-fields{display:grid;gap:8px}.admin-user-fields>input,.admin-user-inline input,.admin-user-inline select{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:9px;font-size:12px}.admin-user-inline{display:grid;grid-template-columns:120px 48px minmax(160px,1fr);gap:8px}.user-role-actions{display:grid;grid-template-columns:1fr 30px;gap:7px}.user-role-actions .primary{padding:8px 10px;font-size:11px}.user-role-actions button:not(.primary){border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));background:transparent;color:var(--danger);border-radius:8px}
.registration-panel{grid-column:1/-1;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.registration-panel h2{font:700 16px Manrope;margin:0}.registration-panel h3{font:700 13px Manrope;margin:20px 0 10px}.registration-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:16px}.registration-link-row input{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;padding:11px;font-size:12px}.registration-link-row input.copied{border-color:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 18%,transparent)}.registration-link-row a{text-decoration:none;color:var(--ink);justify-content:center}.switch-line{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;color:var(--ink);background:var(--bg)}.switch-line input{accent-color:var(--purple)}.registration-request-list{display:grid;gap:8px}.registration-request{display:grid;grid-template-columns:minmax(0,1fr) 140px auto 34px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px}.registration-request b,.registration-request small{display:block}.registration-request b{font-size:12px}.registration-request small{font-size:11px;color:var(--muted);margin-top:3px}.registration-request select{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:9px}.registration-request .primary{padding:9px 12px;font-size:11px}.danger-mini{border:0;background:color-mix(in srgb,var(--danger) 16%,var(--panel));color:var(--danger);border-radius:8px;width:34px;height:34px}
.wide-access-modal{width:min(1040px,96vw)}.access-explainer{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:12px;margin:12px 0}.access-explainer p{margin:4px 0;color:var(--muted);font-size:12px;line-height:1.5}.access-matrix{display:grid;gap:10px;margin-top:12px}.access-matrix-row{display:grid;grid-template-columns:230px 220px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--panel)}.access-person,.access-project-cell,.access-list-cell,.access-list-row{display:flex;align-items:center;gap:9px}.access-person .avatar,.access-list-row .avatar{margin:0}.access-person b,.access-person small,.access-list-row b,.access-list-row small{display:block}.access-person small,.access-list-row small{color:var(--muted);font-size:10px;margin-top:2px}.access-project-cell{border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--bg);font-size:11px;font-weight:800}.access-project-cell select,.access-list-cell select,.access-list-row select{margin-left:auto;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:7px;padding:7px;font-size:11px}.access-list-cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px}.access-list-cell{border:1px solid var(--line);border-radius:9px;padding:8px;background:var(--bg);font-size:11px}.access-list-cell span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-list-cell input:disabled+span,.access-list-cell select:disabled,.access-list-row.inherited{opacity:.65}.access-list-row{display:grid!important;grid-template-columns:20px 34px minmax(0,1fr) 110px!important;border:1px solid var(--line)!important;border-radius:11px;padding:10px!important;margin:0!important}.access-list-only{display:grid;gap:8px}
.access-picker label{grid-template-columns:18px 28px minmax(0,1fr) 112px!important;gap:9px}.access-picker select{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;padding:7px;font-size:11px}.access-picker select:disabled{opacity:.45}
:root[data-theme^="dark"] .task-table-head.list-grid,:root[data-theme^="dark"] .status-section>h3{background:color-mix(in srgb,var(--panel) 88%,#000)}:root[data-theme^="dark"] .inline-field-input,:root[data-theme^="dark"] .inline-field-select,:root[data-theme^="dark"] .admin-user-fields>input,:root[data-theme^="dark"] .admin-user-inline input,:root[data-theme^="dark"] .admin-user-inline select,:root[data-theme^="dark"] .access-picker select{background:var(--input-bg);color:var(--ink);border-color:var(--line)}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.admin-user-row{grid-template-columns:34px 1fr}.user-role-actions{grid-column:2}.admin-user-inline{grid-template-columns:1fr 48px}.admin-user-inline input[name="password"]{grid-column:1/-1}}

/* beta.25 list title and phantom chat badge fix */
.task-row.list-grid .task-main-cell{
  grid-template-columns:24px minmax(0,1fr)!important;
  min-width:0!important;
}
.task-row.list-grid .task-open{
  min-width:0!important;
  width:100%!important;
}
.task-row.list-grid .task-main{
  min-width:0!important;
  max-width:100%!important;
}
.task-row.list-grid .task-main strong,
.task-row.list-grid .task-main small{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.sidebar nav button[data-page="chat"] b{
  display:none!important;
}

/* beta.27 user detail and profile pages */
.sidebar-profile{
  flex:1!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  text-align:left!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  padding:0!important;
}
.sidebar-profile:hover strong{color:white}
.admin-user-detail,.profile-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:24px;
  box-shadow:0 8px 28px #1b192608;
}
.admin-user-detail{max-width:760px}
.admin-user-detail>section,.profile-card:first-child{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
}
.avatar.large{
  width:54px;
  height:54px;
  font-size:15px;
  margin:0;
}
.admin-user-detail h2,.profile-card h2{
  margin:0 0 4px;
  font:800 20px Manrope;
}
.admin-user-detail p,.profile-card p{
  margin:0;
  color:var(--muted);
}
.admin-user-detail footer{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:20px;
}
.profile-grid{
  display:grid;
  grid-template-columns:minmax(260px,360px) minmax(320px,520px);
  gap:18px;
  align-items:start;
}
.profile-card small{
  display:inline-block;
  margin-top:10px;
  color:var(--purple);
  font-weight:800;
}
.ai-prompt-card,
.ai-answer-card{
  max-width:920px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel);
  padding:22px;
  box-shadow:0 8px 28px #1b192608;
}
.ai-hero{
  max-width:920px;
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
}
.ai-hero h1{
  margin:4px 0;
  font:800 32px Manrope;
  letter-spacing:-.03em;
}
.ai-hero p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.ai-prompt-card textarea{
  min-height:130px;
  border:0;
  background:color-mix(in srgb,var(--bg) 72%,var(--panel));
  color:var(--ink);
  border-radius:14px;
  padding:16px;
  font-size:15px;
  line-height:1.55;
}
.ai-suggestions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:-4px 0 12px;
}
.ai-suggestions button{
  border:1px solid var(--line);
  background:var(--bg);
  color:var(--ink);
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:800;
}
.ai-suggestions button:hover{
  border-color:var(--purple);
  color:var(--purple);
  background:var(--purple-soft);
}
.ai-answer-card{
  margin-top:18px;
}
.ai-modal{
  width:min(900px,94vw);
}
.ai-answer-card h2,
.ai-answer-card h3{
  margin:0 0 12px;
  font-family:Manrope;
}
.ai-answer-card p{
  color:var(--muted);
  line-height:1.65;
}
.ai-metrics{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin:16px 0;
}
.ai-metrics article{
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px;
  background:var(--bg);
}
.ai-metrics b,
.ai-metrics span{
  display:block;
}
.ai-metrics b{
  font:800 24px Manrope;
}
.ai-metrics span{
  color:var(--muted);
  font-size:12px;
}
@media(max-width:900px){.profile-grid{grid-template-columns:1fr}}

/* beta.28 column ordering, collapsed statuses and user detail layout */
.status-section.collapsed{
  overflow:hidden;
}
.status-section.collapsed>h3{
  border-bottom:0!important;
}
.status-collapse{
  border:0!important;
  background:transparent!important;
  color:var(--muted)!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  font-size:13px!important;
}
.column-header-custom{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) 22px;
  align-items:center;
  gap:4px;
  cursor:grab;
}
.column-header-custom.dragging{opacity:.45}
.column-header-custom.drag-over{outline:2px solid var(--purple);outline-offset:2px;border-radius:7px}
.column-header-custom b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.column-header-custom button{
  border:1px solid var(--line)!important;
  background:var(--panel)!important;
  color:var(--muted)!important;
  border-radius:6px!important;
  width:22px!important;
  height:22px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
.column-header-custom button:hover:not(:disabled){
  color:var(--purple)!important;
  border-color:var(--purple)!important;
  background:var(--purple-soft)!important;
}
.column-header-custom button:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.inline-check-wrap{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  position:relative;
}
.inline-check-wrap input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.inline-check-wrap span{
  width:19px;
  height:19px;
  border:1.6px solid var(--line);
  border-radius:6px;
  display:grid;
  place-items:center;
  color:transparent;
  background:var(--panel);
  font-size:12px;
  font-weight:900;
}
.inline-check-wrap input:checked+span{
  background:var(--mint);
  border-color:var(--mint);
  color:white;
}
.inline-check-wrap input:disabled+span{
  opacity:.55;
}
.admin-detail-page .page-heading{
  align-items:center;
}
.admin-user-detail{
  display:grid;
  grid-template-columns:minmax(220px,280px) minmax(0,1fr);
  gap:18px 22px;
  max-width:980px!important;
}
.admin-user-detail>section{
  grid-row:1 / span 4;
  align-self:start;
  display:grid!important;
  justify-items:center;
  text-align:center;
  padding:24px;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--bg) 70%,var(--panel));
}
.admin-user-detail>label,
.admin-user-detail>.form-grid,
.admin-user-detail>.form-error,
.admin-user-detail>footer{
  grid-column:2;
}
.admin-user-detail footer{
  justify-content:flex-start!important;
}
@media(max-width:900px){
  .admin-user-detail{grid-template-columns:1fr}
  .admin-user-detail>section,
  .admin-user-detail>label,
  .admin-user-detail>.form-grid,
  .admin-user-detail>.form-error,
  .admin-user-detail>footer{grid-column:1;grid-row:auto}
}

/* beta.29 inline core task editing */
.inline-date-wrap{
  width:100%;
  min-height:30px;
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  border:1px solid transparent;
  border-radius:7px;
  padding:3px 6px;
}
.inline-date-wrap:hover{
  border-color:var(--line);
  background:color-mix(in srgb,var(--purple-soft) 26%,var(--panel));
}
.inline-date-wrap input{
  min-width:0;
  width:100%;
  border:0;
  background:transparent;
  color:var(--ink);
  padding:3px 0;
  outline:0;
  font-size:11px;
}
.inline-priority{
  width:100%;
  min-height:30px;
  border:0!important;
  border-radius:7px!important;
  padding:4px 22px 4px 0!important;
  background:transparent!important;
  color:inherit!important;
  outline:0;
  font-weight:800;
  appearance:auto;
}
.inline-priority:hover,.inline-priority:focus{
  background:transparent!important;
}
.priority{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
}
.priority i{
  width:9px;
  height:9px;
  border-radius:50%;
  display:inline-block;
  flex:0 0 auto;
}
.inline-priority-wrap{
  width:max-content;
  min-width:112px;
  max-width:100%;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid transparent;
  border-radius:8px;
  padding:3px 7px;
  font-size:11px;
  font-weight:800;
}
.inline-priority-wrap:hover{
  border-color:var(--line);
}
.inline-priority-wrap i{
  width:9px;
  height:9px;
  border-radius:50%;
  flex:0 0 auto;
}
.inline-priority-wrap.urgente,.priority.urgente{background:color-mix(in srgb,#ec5d70 18%,transparent)!important;color:#ff8a9a!important}
.inline-priority-wrap.alta,.priority.alta{background:color-mix(in srgb,#f1ad3d 20%,transparent)!important;color:#f7bf61!important}
.inline-priority-wrap.normale,.priority.normale{background:color-mix(in srgb,#4d8df7 20%,transparent)!important;color:#76a7ff!important}
.inline-priority-wrap.bassa,.priority.bassa{background:color-mix(in srgb,#8f96a8 18%,transparent)!important;color:#b0b7c5!important}
.inline-assignee-picker{
  width:100%;
}
.inline-assignee-picker summary{
  border:1px solid transparent;
  border-radius:7px;
  padding:3px 6px;
}
.inline-assignee-picker summary:hover{
  border-color:var(--line);
  background:color-mix(in srgb,var(--purple-soft) 26%,var(--panel));
}

/* beta.31 quick paste, completed visibility and status editor */

/* beta.40 assistant polish, exports and quick paste modal */
.ai-page{max-width:1280px;margin:0 auto}.ai-workspace{display:grid;gap:18px}.ai-workspace.compact{gap:14px}.ai-workspace .ai-hero{max-width:none;margin:0;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,var(--purple)),var(--panel));box-shadow:0 14px 40px #11101912}.ai-workspace .ai-hero .logo-mark{width:48px;height:48px}.ai-workspace .ai-hero h1{font-size:clamp(26px,3vw,38px)}.ai-tabs{display:flex;gap:8px;padding:6px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 88%,var(--bg));width:max-content}.ai-tabs button{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:900;display:flex;align-items:center;gap:8px}.ai-tabs button.active{background:var(--purple);color:white;box-shadow:0 10px 24px color-mix(in srgb,var(--purple) 35%,transparent)}.ai-panel{display:grid;grid-template-columns:minmax(320px,460px) minmax(0,1fr);gap:18px;align-items:start}.ai-modal .ai-panel{grid-template-columns:1fr}.ai-prompt-card,.ai-check-card,.ai-answer-card{max-width:none;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:22px;box-shadow:0 10px 30px #11101910}.ai-prompt-card label,.ai-check-card label{font-size:12px;font-weight:900;color:var(--ink);display:grid;gap:9px;margin:0 0 14px}.ai-prompt-card textarea{min-height:210px;width:100%;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:14px;padding:16px;font-size:16px;line-height:1.55;resize:vertical}.ai-check-card select{height:42px;border:1px solid var(--line);border-radius:11px;background:var(--input-bg);color:var(--ink);padding:0 12px}.ai-answer-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.ai-answer-card h2{margin:0;font:800 20px Manrope}.ai-answer-card small{color:var(--muted);font-size:11px}.ai-answer-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-answer-actions button,.quick-paste-modal footer button{border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-weight:900;padding:9px 12px}.ai-answer-actions button:hover{border-color:var(--purple);color:var(--purple)}.ai-answer-body{color:var(--ink);line-height:1.7;font-size:14px}.ai-answer-body p,.ai-answer-body ul{margin-top:0}.ai-task-list{display:grid;gap:8px}.ai-task-list button{border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);padding:12px 14px;text-align:left;display:grid;gap:4px}.ai-task-list button:hover{border-color:var(--purple);background:var(--purple-soft)}.ai-task-list b{font-size:13px}.ai-task-list span,.ai-task-list small{color:var(--muted);font-size:11px}.quick-paste-modal{width:min(620px,94vw)}.quick-paste-modal p{color:var(--muted);line-height:1.55}.quick-paste-preview{max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:8px;display:grid;gap:6px}.quick-paste-preview span{display:block;padding:8px 10px;border-radius:9px;background:var(--panel);font-size:13px}.quick-paste-modal footer .primary{border-color:var(--purple);background:var(--purple);color:white}.bulk-actions-bar #bulk-copy{display:flex;align-items:center;gap:6px}
@media(max-width:900px){.ai-panel{grid-template-columns:1fr}.ai-tabs{width:100%;justify-content:stretch}.ai-tabs button{flex:1;justify-content:center}}

/* beta.41 profile polish and user avatars */
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar.large{width:82px;height:82px;margin:0;border-width:3px;font-size:22px}.profile-page{max-width:1180px;margin:0 auto}.profile-hero-card,.profile-identity{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:22px;box-shadow:0 12px 32px #11101910}.profile-hero-card{margin-bottom:18px}.profile-hero-card h2,.profile-identity h2{margin:0 0 4px;font:800 24px Manrope}.profile-hero-card p,.profile-identity p{margin:0;color:var(--muted)}.profile-hero-card small,.profile-identity small{display:inline-block;margin-top:8px;color:var(--purple);font-weight:900}.profile-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:18px}.profile-card,.admin-user-detail{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:22px;box-shadow:0 10px 28px #1110190d}.profile-card h2{margin:0 0 14px;font:800 19px Manrope}.profile-card label,.admin-user-detail label{font-size:12px;font-weight:900;color:var(--ink)}.profile-card input,.admin-user-detail input,.admin-user-detail select{background:var(--input-bg);color:var(--ink);border-color:var(--line)}.profile-file input{padding:10px;border-style:dashed}.profile-file small,.profile-card label small,.admin-user-detail label small{color:var(--muted);font-size:11px;font-weight:600}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px 16px}.admin-user-detail footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.admin-detail-page .admin-user-detail{max-width:860px}.admin-user-row{align-items:center}
@media(max-width:760px){.profile-grid,.profile-form-grid{grid-template-columns:1fr}.profile-hero-card,.profile-identity{align-items:flex-start}}

/* beta.42 profile layout fix */
.profile-page .page-heading{margin-bottom:26px}.profile-page .profile-grid{display:grid!important;grid-template-columns:minmax(340px,1fr) minmax(340px,1fr)!important;gap:20px!important;align-items:start!important}.profile-page .profile-card{display:flex!important;flex-direction:column!important;gap:16px!important;min-width:0!important}.profile-page .profile-card h2{margin:0 0 2px!important;line-height:1.15}.profile-page .profile-card label,.admin-detail-page .admin-user-detail label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0!important;min-width:0!important;white-space:normal!important;line-height:1.25}.profile-page .profile-card input,.admin-detail-page .admin-user-detail input,.admin-detail-page .admin-user-detail select{width:100%!important;min-width:0!important;height:44px!important;border:1px solid var(--line)!important;border-radius:11px!important;padding:0 12px!important;background:var(--input-bg)!important;color:var(--ink)!important}.profile-page .profile-card input[type="color"],.admin-detail-page .admin-user-detail input[type="color"]{width:74px!important;height:42px!important;padding:4px!important}.profile-page .profile-card input[type="file"],.admin-detail-page .admin-user-detail input[type="file"]{height:auto!important;min-height:46px!important;padding:10px!important}.profile-page .profile-card .primary{align-self:flex-start;margin-top:4px;padding:12px 18px}.profile-page .form-error{margin:0;min-height:18px}.profile-page .profile-hero-card{width:100%;min-height:138px}.admin-detail-page .admin-user-detail{display:flex!important;flex-direction:column!important;gap:18px!important}.admin-detail-page .profile-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(240px,1fr))!important;gap:16px!important}
@media(max-width:900px){.profile-page .profile-grid,.admin-detail-page .profile-form-grid{grid-template-columns:1fr!important}}

/* beta.43 image cropper */
.crop-layer{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:22px;background:#111019b8;backdrop-filter:blur(6px)}.crop-modal{width:min(520px,96vw);max-height:94vh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);box-shadow:0 30px 90px #0008;padding:22px}.crop-modal header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.crop-modal header h2{margin:3px 0 5px;font:800 24px Manrope}.crop-modal header p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.45}.crop-modal header button{margin-left:auto;border:0;background:transparent;color:var(--ink);padding:8px}.crop-stage{display:grid;place-items:center;margin:16px auto;border-radius:18px;background:linear-gradient(135deg,#111018,#2d2a38);padding:14px;box-shadow:inset 0 0 0 1px #ffffff12}.crop-stage canvas{width:min(360px,72vw);height:min(360px,72vw);border-radius:14px;display:block;cursor:grab;box-shadow:0 0 0 2px var(--purple),0 18px 44px #0005}.crop-stage canvas.dragging{cursor:grabbing}.crop-zoom{display:grid!important;gap:9px!important;font-weight:900;font-size:12px;margin:12px 0!important}.crop-zoom input{width:100%;accent-color:var(--purple)}.crop-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.crop-modal footer button{border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);font-weight:900;padding:11px 14px}.crop-modal footer .primary{border-color:var(--purple);background:var(--purple);color:white}

/* beta.44 date-time controls and PR contacts workspace */
.date-time-pair{display:grid;grid-template-columns:minmax(130px,1fr) 92px;gap:8px;align-items:center;width:100%}.date-time-pair input{min-width:0!important}.bulk-date-time{width:230px}.inline-date-wrap{display:grid!important;grid-template-columns:16px minmax(96px,1fr) 74px!important;gap:7px!important;align-items:center!important}.inline-date-wrap .inline-time{width:74px!important;min-width:0!important;border:0;background:transparent;color:inherit;font-weight:800}.inline-date-wrap .inline-time::-webkit-calendar-picker-indicator{filter:invert(.6)}.wide-modal{width:min(860px,96vw)!important}.pr-page{max-width:1680px;margin:0 auto}.pr-actions{display:flex;gap:10px;flex-wrap:wrap}.pr-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.pr-sections,.pr-main{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 12px 32px #1110190d}.pr-sections{padding:16px;position:sticky;top:86px}.pr-sections h2{font:800 14px Manrope;margin:0 0 12px}.pr-sections button{width:100%;border:0;background:transparent;color:var(--ink);display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;border-radius:11px;padding:11px 10px;font-weight:800}.pr-sections button:hover,.pr-sections button.active{background:var(--purple-soft);color:var(--purple)}.pr-sections i,.pr-section-head i,.pr-access-modal h3 i{width:10px;height:10px;border-radius:4px;display:inline-block}.pr-sections span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-sections b{font-size:10px;color:var(--muted)}.pr-main{overflow:hidden}.pr-section-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.pr-section-head>div{display:flex;align-items:center;gap:10px}.pr-section-head h2{font:800 20px Manrope;margin:0}.pr-section-head p{margin:2px 0 0;color:var(--muted);font-size:11px}.pr-table{overflow:auto}.pr-row{display:grid;grid-template-columns:minmax(180px,1.3fr) 150px 120px 110px minmax(190px,1fr) 140px 120px 70px minmax(180px,1fr) 260px;gap:12px;align-items:center;min-width:1560px;padding:12px 16px;border-top:1px solid var(--line);font-size:12px}.pr-row:first-child{border-top:0}.pr-row.pr-head{min-height:38px;background:color-mix(in srgb,var(--bg) 70%,var(--panel));color:var(--muted);font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.pr-row strong{font-weight:900}.pr-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px}.pr-row .avatar{margin:0}.pr-row-actions{justify-content:flex-end;gap:6px!important;overflow:visible!important}.pr-row-actions button{border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);padding:7px 9px;font-size:11px;font-weight:900}.pr-row-actions .danger-mini{width:28px;height:28px;padding:0;color:var(--danger);font-size:18px;line-height:1}.pr-access-modal section{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:14px;margin:12px 0}.pr-access-modal h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:800 14px Manrope}.pr-access-modal label{display:grid!important;grid-template-columns:18px 30px minmax(0,1fr) 110px!important;gap:8px!important;align-items:center!important;margin:7px 0!important;padding:8px;border-radius:10px;background:var(--panel)}.pr-access-modal label .avatar{margin:0}.pr-access-modal select{height:34px!important;padding:0 8px!important}
@media(max-width:980px){.date-time-pair{grid-template-columns:1fr}.inline-date-wrap{grid-template-columns:16px minmax(90px,1fr)!important}.inline-date-wrap .inline-time{grid-column:2}.pr-layout{grid-template-columns:1fr}.pr-sections{position:static}.pr-row{min-width:1200px}}

/* beta.45 global UI polish */
.modal-backdrop{align-items:center!important;justify-items:center!important;background:color-mix(in srgb,#111019 72%,transparent)!important;backdrop-filter:blur(7px)}.modal{border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--ink)!important;border-radius:18px!important;padding:24px!important;box-shadow:0 28px 90px #0007!important}.modal header{display:flex!important;gap:16px!important;align-items:flex-start!important;margin-bottom:18px!important}.modal header h2{margin:2px 0 0!important;font:800 24px Manrope!important;letter-spacing:-.02em!important}.modal header button{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--bg)!important;color:var(--ink)!important}.modal label{display:grid!important;gap:8px!important;margin:0 0 14px!important;color:var(--ink)!important;font-size:12px!important;font-weight:900!important;line-height:1.25!important}.modal input,.modal textarea,.modal select{min-height:42px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--input-bg, var(--panel))!important;color:var(--ink)!important;padding:10px 12px!important;font-size:13px!important;outline:none!important}.modal textarea{min-height:116px!important;line-height:1.55!important}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--purple)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 18%,transparent)!important}.modal .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.modal footer{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-top:22px!important;padding-top:16px!important;border-top:1px solid var(--line)!important}.modal footer button,.modal .outline{min-height:40px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--bg)!important;color:var(--ink)!important;padding:9px 14px!important;font-weight:900!important}.modal footer .primary,.modal .primary{border-color:var(--purple)!important;background:var(--purple)!important;color:white!important}.modal .danger-button{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))!important;background:color-mix(in srgb,var(--danger) 11%,var(--panel))!important;color:var(--danger)!important}.modal .muted{margin:0 0 16px!important;line-height:1.55!important}.pr-page .page-heading{gap:18px}.pr-table a{color:var(--purple);font-weight:800;text-decoration:none}.pr-table a:hover{text-decoration:underline}.pr-row-actions button:hover{border-color:var(--purple);color:var(--purple)}.pr-row-actions .danger-mini:hover{border-color:var(--danger);color:var(--danger)}
@media(max-width:760px){.modal .form-grid{grid-template-columns:1fr!important}.modal{padding:18px!important}.modal footer{flex-wrap:wrap}.modal footer button{flex:1 1 auto}}

/* beta.46 PR modal flow */
#pr-contact-form{width:min(980px,96vw)!important}.wide-modal#pr-contact-form,.modal.wide-modal{max-height:92vh!important}.modal .bulk-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:max-content!important;margin:4px 0 16px!important;padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--bg)!important}.modal .bulk-check input{width:18px!important;height:18px!important;min-height:18px!important;accent-color:var(--purple);padding:0!important}.modal label:has(textarea[name="productsRequest"]){margin-top:4px!important}.modal textarea[name="productsRequest"]{min-height:170px!important;font-family:inherit!important;font-size:13px!important;line-height:1.55!important;resize:vertical!important}.pr-ai-result{border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:16px;margin-top:14px}.pr-ai-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.pr-ai-result h3{margin:0;font:800 15px Manrope}.pr-ai-result p{margin:3px 0 0;color:var(--muted);font-size:12px}.pr-ai-result textarea{width:100%;min-height:260px!important;background:var(--panel)!important}.pr-rewrite-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px}.pr-rewrite-box input{height:42px!important}.pr-rewrite-box button,#pr-products-save{border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font-weight:900;padding:9px 13px}.pr-rewrite-box button:hover,#pr-products-save:hover{border-color:var(--purple);color:var(--purple)}#pr-ai-form{width:min(820px,96vw)!important}.pr-page .modal textarea{font-weight:600}.modal select{appearance:auto!important}.date-time-pair input[type="time"]{font-variant-numeric:tabular-nums}
@media(max-width:760px){.pr-rewrite-box{grid-template-columns:1fr}.pr-rewrite-box button{width:100%}#pr-contact-form{width:96vw!important}}

/* beta.47 PR email project picker */
.pr-project-picker{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:12px 14px;margin:0 0 14px}.pr-project-picker legend{padding:0 6px;color:var(--ink);font-size:12px;font-weight:900}.pr-project-picker label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;margin:8px 0!important;font-size:13px!important}.pr-project-picker input{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;accent-color:var(--purple)}

/* beta.48 PR pipeline */
.pr-main{overflow:visible!important}.pr-pipeline{display:grid;gap:16px;padding:16px}.pr-zone{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.pr-zone>h3{display:flex;align-items:center;gap:9px;margin:0;padding:13px 16px;border-bottom:1px solid var(--line);font:800 13px Manrope}.pr-zone>h3 i{width:9px;height:9px;border-radius:4px}.pr-zone>h3 b{color:var(--muted);font-size:11px}.pr-zone .pr-table{margin:0;border:0;border-radius:0;overflow:auto}.pr-table{scrollbar-gutter:stable;background:var(--panel)}.pr-row{grid-template-columns:minmax(180px,1.2fr) 130px 112px 100px minmax(170px,1fr) 120px 105px 110px minmax(170px,1fr) 92px 235px!important;min-width:1510px!important}.pr-row.pr-head{position:sticky;top:0;z-index:2}.pr-inline-check{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:11px!important;font-weight:900!important}.pr-inline-check input{width:17px!important;height:17px!important;min-height:17px!important;padding:0!important;accent-color:var(--purple)}.pr-inline-check b{font-size:11px;color:var(--muted);text-transform:capitalize}.pr-response-btn{border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);padding:7px 9px;font-size:11px;font-weight:900}.pr-small-modal{width:min(440px,94vw)!important}.pr-contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pr-contact-methods button{border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--ink);font-weight:900;padding:16px}.pr-contact-methods button:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}

/* beta.44 list column resize and personal zoom */
.list-zoom-controls{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:3px}.list-zoom-controls button{width:26px;height:26px!important;padding:0!important;display:grid!important;place-items:center;border-radius:7px!important;background:var(--bg)!important;color:var(--ink)!important;font-weight:900!important}.list-zoom-controls b{min-width:38px;text-align:center;font-size:11px;color:var(--muted)}.column-header-custom{position:relative;min-width:0;padding-right:9px}.column-header-custom .column-title-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-resizer{position:absolute;right:-5px;top:4px;bottom:4px;width:10px;cursor:col-resize;border-radius:8px}.column-resizer:after{content:"";position:absolute;inset:20% 4px;background:color-mix(in srgb,var(--muted) 35%,transparent);border-radius:4px}.column-resizer:hover:after{background:var(--purple)}.task-table-head.list-grid,.task-row.list-grid,.quick-task-row.list-grid{font-size:calc(11px * var(--list-zoom,1));gap:calc(10px * var(--list-zoom,1))!important}.task-row.list-grid{min-height:calc(50px * var(--list-zoom,1) + 8px)!important}.task-row.list-grid .avatar{width:calc(26px * var(--list-zoom,1));height:calc(26px * var(--list-zoom,1));font-size:calc(9px * var(--list-zoom,1))}.task-row.list-grid .task-main strong{font-size:calc(12px * var(--list-zoom,1))!important}.task-row.list-grid .task-main small{font-size:calc(10px * var(--list-zoom,1))!important}.inline-assignee-trigger,.inline-priority-wrap,.inline-date-wrap,.inline-custom-select summary,.inline-field-input{max-width:100%}

/* beta.45 drag-only columns and full list zoom */
.column-header-custom,.name-column-header{display:flex!important;align-items:center!important;min-width:4.2ch!important;padding:0 12px 0 0!important;gap:8px!important;position:relative}.column-header-custom button[data-move-column]{display:none!important}.name-column-header .column-title-label,.column-header-custom .column-title-label{min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-column-header .column-resizer{right:-5px}.task-table-head.list-grid,.task-row.list-grid,.quick-task-row.list-grid{gap:calc(8px * var(--list-zoom,1))!important}.inline-assignee-trigger,.inline-priority-wrap,.inline-date-wrap,.inline-custom-select summary,.inline-field-input,.inline-field-select,.inline-select-wrap{min-height:calc(30px * var(--list-zoom,1))!important;font-size:calc(11px * var(--list-zoom,1))!important;border-radius:calc(7px * var(--list-zoom,1))!important}.inline-priority,.inline-date,.inline-assignee-scroll label{font-size:calc(11px * var(--list-zoom,1))!important}.inline-custom-select,.inline-custom-value,.inline-check-wrap{font-size:calc(11px * var(--list-zoom,1))!important}.inline-custom-options button{font-size:calc(11px * var(--list-zoom,1))!important}.task-row.list-grid .priority{font-size:calc(10px * var(--list-zoom,1))!important}.task-row.list-grid .due{font-size:calc(11px * var(--list-zoom,1))!important}.quick-task-title input{font-size:calc(12px * var(--list-zoom,1))!important}
#statuses-form{
  width:min(720px,100%)!important;
}
#status-editor{
  display:grid;
  gap:10px;
  margin:18px 0;
}
#status-editor .status-edit-row{
  grid-template-columns:28px 58px minmax(260px,1fr) 38px 38px 38px!important;
  gap:10px!important;
  align-items:center;
  margin:0!important;
  padding:10px;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 86%,var(--bg));
}
#status-editor .status-edit-row input[name="statusName"]{
  min-height:42px;
  width:100%;
  font-size:14px;
  padding:10px 12px;
}
#status-editor .status-edit-row input[type="color"]{
  width:58px;
  height:42px;
}
#status-editor .status-edit-row button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
}
#status-editor .drag-handle{
  font-size:15px;
  cursor:grab;
}
#status-editor .status-edit-row.dragging{
  opacity:.45;
  outline:2px dashed var(--purple);
}

/* beta.30 project access avatars and Binder extraction */
.project-access-avatars{
  display:flex;
  align-items:center;
  gap:12px;
  margin-right:10px;
}
.access-avatar-group{
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--panel) 82%,var(--bg));
}
.access-avatar-group>span{
  color:var(--muted);
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-right:3px;
}
.access-avatar-group .avatar{
  width:24px;
  height:24px;
  font-size:8px;
  margin-left:-3px;
  border-color:var(--panel);
}
@media(max-width:760px){
  .project-access-avatars{display:none}
}

/* beta.33 movable core columns and editable colored custom fields */
.inline-custom-select,
.inline-custom-value{
  width:135px;
  max-width:100%;
  position:relative;
  display:block;
}
.inline-custom-select summary,
.inline-custom-value{
  min-height:28px;
  display:grid;
  grid-template-columns:10px minmax(0,1fr) 12px;
  align-items:center;
  gap:6px;
  border:1px solid color-mix(in srgb,var(--option-color,#8f96a8) 42%,var(--line));
  background:color-mix(in srgb,var(--option-color,#8f96a8) 15%,var(--panel));
  color:var(--ink);
  border-radius:7px;
  padding:5px 7px;
  font-size:11px;
  cursor:pointer;
  list-style:none;
}
.inline-custom-select summary::-webkit-details-marker{display:none}
.inline-custom-select summary span,
.inline-custom-value{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.inline-custom-select i,
.inline-custom-value i{
  width:9px;
  height:9px;
  border-radius:3px;
  background:var(--option-color,#8f96a8);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--option-color,#8f96a8) 18%,transparent);
}
.inline-custom-options{
  position:absolute;
  z-index:80;
  top:calc(100% + 6px);
  left:0;
  width:max(180px,100%);
  max-height:230px;
  overflow:auto;
  padding:6px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel);
  box-shadow:0 18px 45px #10131f33;
}
.inline-custom-select[open] .inline-custom-options{
  position:fixed;
  z-index:130;
}
.inline-custom-options button{
  width:100%;
  border:0;
  background:transparent;
  color:var(--ink);
  display:grid;
  grid-template-columns:10px minmax(0,1fr);
  align-items:center;
  gap:8px;
  border-radius:8px;
  padding:7px;
  text-align:left;
  font-size:11px;
}
.inline-custom-options button:hover{
  background:color-mix(in srgb,var(--option-color,#8f96a8) 16%,var(--panel));
}
.field-library-row{
  grid-template-columns:32px minmax(0,1fr) auto!important;
}
.field-library-actions{
  display:flex;
  gap:5px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.field-library-actions .danger-mini{
  background:color-mix(in srgb,var(--danger) 14%,var(--panel))!important;
  color:var(--danger)!important;
}
:root[data-theme^="dark"] .inline-custom-options{
  background:var(--panel);
  border-color:var(--line);
}

/* beta.35 project lifecycle and chat cleanup */
.danger-modal{
  border:1px solid color-mix(in srgb,var(--danger) 38%,var(--line));
}
.danger-modal>p{
  color:var(--muted);
  line-height:1.55;
}
.danger-modal label:first-of-type{
  display:flex;
  grid-template-columns:none;
  align-items:center;
  gap:9px;
  border:1px solid color-mix(in srgb,var(--danger) 24%,var(--line));
  background:color-mix(in srgb,var(--danger) 8%,var(--panel));
  border-radius:10px;
  padding:10px 12px;
}
.danger-modal label:first-of-type input{
  width:auto;
}
.danger-button{
  border:0!important;
  background:color-mix(in srgb,var(--danger) 18%,var(--panel))!important;
  color:var(--danger)!important;
  border-radius:8px;
  padding:10px 14px;
  font-weight:800;
}
.member-list{
  display:grid;
  gap:8px;
  margin-top:14px;
}
.member-list article{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px;
}
.member-list b,.member-list small{
  display:block;
}
.member-list small{
  color:var(--muted);
  font-size:11px;
}
.search button[type="submit"]{
  border:0;
  background:var(--purple-soft);
  color:var(--purple);
  border-radius:6px;
  padding:5px 9px;
  font-size:11px;
  font-weight:800;
}
.search-results{
  right:auto;
  left:276px;
  top:56px;
  width:min(520px,calc(100vw - 310px));
}
.search-results header{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.search-results header div{
  flex:1;
}
.search-results header button{
  width:28px;
  height:28px;
  border:0;
  background:var(--bg);
  color:var(--muted);
  border-radius:7px;
}
.search-result-list{
  display:grid;
  gap:6px;
  margin-top:10px;
}
.search-result-list button{
  width:100%;
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--ink);
  border-radius:9px;
  padding:10px;
  text-align:left;
}
.search-result-list button:hover{
  border-color:var(--purple);
  background:var(--purple-soft);
}
.search-result-list b,
.search-result-list small{
  display:block;
}
.search-result-list small{
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
}
@media(max-width:760px){
  .search-results{
    left:10px;
    right:10px;
    width:auto;
  }
}
.editorial-page{
  padding:0;
}
.editorial-layout{
  min-height:calc(100vh - 66px);
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
}
.editorial-layout.projects-collapsed{
  grid-template-columns:1fr;
}
.editorial-layout.projects-collapsed .editorial-projects{
  display:none;
}
.editorial-projects{
  border-right:1px solid var(--line);
  background:var(--panel);
  padding:18px;
}
.editorial-projects header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.editorial-projects h2{
  margin:3px 0 0;
  font:800 18px Manrope;
}
.editorial-project-tools{
  display:flex;
  gap:7px;
  align-items:center;
}
.editorial-projects header button{
  width:32px;
  height:32px;
  border:0;
  border-radius:9px;
  color:white;
  background:var(--purple);
}
.editorial-project-tools #editorial-archive{
  width:auto;
  padding:0 10px;
  color:var(--purple);
  background:var(--purple-soft);
  font-size:11px;
  font-weight:800;
}
.editorial-project-tools #toggle-editorial-projects{
  color:var(--ink);
  background:var(--bg);
}
.editorial-projects>button{
  width:100%;
  border:1px solid var(--line);
  background:transparent;
  color:var(--ink);
  border-radius:11px;
  padding:12px;
  margin-bottom:8px;
  text-align:left;
  display:flex;
  align-items:center;
  gap:10px;
}
.editorial-projects>button.active{
  border-color:var(--purple);
  background:var(--purple-soft);
}
.editorial-project-card-body{
  min-width:0;
  flex:1;
}
.editorial-projects strong,
.editorial-projects small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.editorial-projects small{
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}
.editorial-project-thumb{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:white;
  background:linear-gradient(145deg,var(--purple),#4d8dff);
  border-radius:10px;
  font-weight:900;
}
.editorial-project-thumb.small{
  width:38px;
  height:38px;
  font-size:11px;
}
.editorial-project-thumb.hero{
  width:74px;
  height:74px;
  border-radius:18px;
  box-shadow:0 12px 34px #1110191f;
}
.editorial-project-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.cover-current{
  display:flex;
  align-items:center;
  gap:9px;
  margin:3px 0 8px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.editorial-project-progress{
  display:block;
  height:5px;
  margin-top:9px;
  border-radius:999px;
  background:color-mix(in srgb,var(--progress-color) 16%,transparent);
  overflow:hidden;
}
.editorial-project-progress em{
  display:block;
  width:var(--progress,0%);
  height:100%;
  border-radius:inherit;
  background:var(--progress-color);
}
.editorial-main{
  min-width:0;
  position:relative;
}
.editorial-sidebar-restore{
  display:none;
  position:absolute;
  top:14px;
  left:18px;
  z-index:3;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--panel);
  color:var(--ink);
  padding:8px 11px;
  align-items:center;
  gap:6px;
  font-weight:800;
  box-shadow:0 8px 24px #11101918;
}
.projects-collapsed .editorial-sidebar-restore{
  display:flex;
}
.editorial-hero{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:28px 34px;
  background:linear-gradient(135deg,var(--panel),var(--purple-soft));
  border-bottom:1px solid var(--line);
}
.editorial-hero>div:first-of-type{
  min-width:0;
  flex:1;
}
.editorial-hero h1{
  margin:5px 0;
  font:800 30px Manrope;
}
.editorial-hero p{
  max-width:820px;
  margin:0;
  color:var(--muted);
}
.editorial-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.editorial-actions strong{
  font:800 30px Manrope;
  color:var(--purple);
}
.status-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  border-radius:999px;
  padding:3px 9px;
  background:var(--purple-soft);
  color:var(--purple);
  font-size:11px;
  font-weight:800;
}
.editorial-status-pill{
  border:1px solid color-mix(in srgb,var(--status-color) 34%,transparent);
  background:color-mix(in srgb,var(--status-color) 14%,var(--panel));
  color:color-mix(in srgb,var(--status-color) 78%,var(--ink));
  gap:6px;
}
.editorial-status-pill i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--status-color);
}
.editorial-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:18px 34px;
}
.editorial-stats article{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
  padding:14px;
}
.editorial-stats b,
.editorial-stats span{
  display:block;
}
.editorial-stats b{
  font:800 20px Manrope;
}
.editorial-stats span{
  color:var(--muted);
  font-size:11px;
  margin-top:3px;
}
.editorial-workbench{
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:18px;
  padding:0 34px 34px;
}
.editorial-phases{
  max-height:calc(100vh - 285px);
  overflow:auto;
  display:grid;
  gap:8px;
}
.editorial-phases button{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
  color:var(--ink);
  padding:12px;
  text-align:left;
}
.editorial-phases button.active{
  border-color:var(--status-color,var(--purple));
  box-shadow:inset 3px 0 var(--status-color,var(--purple));
}
.editorial-phases button>span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:8px;
  background:color-mix(in srgb,var(--status-color,var(--purple)) 18%,var(--panel));
  color:var(--status-color,var(--purple));
  font-weight:800;
  font-size:11px;
}
.editorial-phases strong,
.editorial-phases small{
  display:block;
}
.editorial-phases strong{
  line-height:1.25;
}
.editorial-phases small{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  color:var(--muted);
  margin-top:8px;
  font-size:10px;
}
.editorial-phases small i{
  display:inline-flex;
  align-items:center;
  gap:4px;
  max-width:100%;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--status-color,#8f96a8) 12%,var(--bg));
  color:color-mix(in srgb,var(--status-color,#8f96a8) 75%,var(--ink));
  padding:3px 7px;
  font-style:normal;
  line-height:1.1;
}
.editorial-phases small i b{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--status-color,#8f96a8);
}
.editorial-detail{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
  overflow:hidden;
}
.editorial-detail>header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:20px;
  border-bottom:1px solid var(--line);
}
.editorial-detail h2{
  margin:0;
  font:800 22px Manrope;
}
.editorial-detail header p{
  color:var(--muted);
  margin:6px 0 0;
}
.editorial-detail section{
  padding:18px 20px;
  border-bottom:1px solid var(--line);
}
.editorial-detail h3{
  margin:0 0 12px;
  font-size:13px;
}
.editorial-phase-info{
  background:color-mix(in srgb,var(--panel) 92%,var(--purple) 8%);
}
.section-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.section-title h3{
  margin:0 0 4px;
}
.section-title p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.kickstarter-phase-choice{
  margin-bottom:12px;
}
.editorial-phase-meta{
  display:grid;
  grid-template-columns:1.1fr .9fr .9fr;
  gap:10px;
  margin:0 0 14px;
}
.editorial-phase-meta label{
  display:grid;
  gap:6px;
  margin:0;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}
.editorial-phase-meta select,
.editorial-phase-meta input{
  width:100%;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--bg);
  color:var(--ink);
  padding:9px;
  font-size:12px;
}
.editorial-markdown-form{
  display:grid;
  gap:12px;
}
.markdown-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.markdown-toolbar button,
.drive-box button,
.drive-open-link{
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--bg);
  color:var(--ink);
  padding:8px 10px;
  font-weight:800;
}
.markdown-toolbar button:hover,
.drive-box button:hover,
.drive-item:hover{
  border-color:var(--purple);
  background:var(--purple-soft);
}
.editorial-phase-markdown{
  width:100%;
  min-height:150px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg);
  color:var(--ink);
  padding:13px;
  line-height:1.55;
  resize:vertical;
}
.editorial-markdown-source{
  display:none!important;
}
.editorial-visual-editor{
  width:100%;
  min-height:190px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg);
  color:var(--ink);
  padding:16px;
  line-height:1.7;
  outline:none;
  overflow:auto;
}
.editorial-visual-editor:focus{
  border-color:var(--purple);
  box-shadow:0 0 0 3px var(--purple-soft);
}
.editorial-visual-editor:empty:before{
  content:attr(data-placeholder);
  color:var(--muted);
}
.editorial-visual-editor h1,
.editorial-visual-editor h2,
.editorial-visual-editor h3{
  font-family:Manrope;
  margin:0 0 12px;
}
.editorial-visual-editor p,
.editorial-visual-editor ul,
.editorial-visual-editor ol{
  margin:0 0 12px;
}
.editorial-visual-editor a{
  color:var(--purple);
}
.editorial-visual-editor .md-task{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0;
}
.editorial-live-preview,
.report-markdown{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg);
  padding:14px;
  line-height:1.6;
}
.editorial-live-preview :first-child,
.report-markdown :first-child{
  margin-top:0;
}
.editorial-live-preview :last-child,
.report-markdown :last-child{
  margin-bottom:0;
}
.editorial-markdown-form footer{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
.drive-box{
  margin-top:16px;
  border-top:1px solid var(--line);
  padding-top:16px;
}
.editorial-playtest-panel{
  margin-top:16px;
  border-top:1px solid var(--line);
  padding-top:16px;
  display:grid;
  gap:16px;
}
.editorial-panel-heading{
  margin:4px 0 -4px;
}
.editorial-playtest-form,
.editorial-correction-form{
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb,var(--panel) 88%,var(--bg));
  padding:18px;
  display:grid;
  gap:14px;
}
.editorial-form-grid{
  display:grid;
  gap:14px;
}
.editorial-form-grid.two{
  grid-template-columns:minmax(0,1fr) 180px;
}
.editorial-playtest-form label,
.editorial-correction-form label{
  display:grid;
  gap:7px;
  margin:0;
  min-width:0;
  color:var(--ink);
  font-size:12px;
  font-weight:800;
}
.editorial-playtest-form label>span,
.editorial-correction-form label>span{
  color:var(--muted);
  font-size:11px;
}
.editorial-playtest-form input,
.editorial-playtest-form textarea,
.editorial-playtest-form select,
.editorial-correction-form input,
.editorial-correction-form textarea,
.editorial-correction-form select{
  width:100%;
  min-width:0;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--bg);
  color:var(--ink);
  padding:11px 12px;
  outline:none;
}
.editorial-playtest-form textarea,
.editorial-correction-form textarea{
  min-height:110px;
  resize:vertical;
  line-height:1.55;
}
.editorial-playtest-form input:focus,
.editorial-playtest-form textarea:focus,
.editorial-playtest-form select:focus,
.editorial-correction-form input:focus,
.editorial-correction-form textarea:focus,
.editorial-correction-form select:focus{
  border-color:var(--purple);
  box-shadow:0 0 0 3px var(--purple-soft);
}
.editorial-playtest-form details{
  border:1px solid var(--line);
  border-radius:14px;
  padding:13px;
  margin:0;
  background:color-mix(in srgb,var(--bg) 76%,var(--panel));
}
.editorial-playtest-form summary{
  cursor:pointer;
  font-weight:800;
  color:var(--ink);
}
.playtest-answer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:12px;
  margin-top:13px;
}
.playtest-answer-grid label{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
  padding:12px;
}
.playtest-answer-grid textarea{
  min-height:82px;
}
.editorial-playtest-form footer,
.editorial-correction-form footer{
  display:flex;
  justify-content:flex-start;
  margin:0;
}
.editorial-playtest-form footer button,
.editorial-correction-form footer button{
  background:var(--purple-soft);
  color:var(--purple);
}
.correction-reopen{
  display:flex!important;
  flex-direction:row;
  align-items:center;
  gap:10px!important;
  border:1px solid color-mix(in srgb,var(--purple) 20%,var(--line));
  background:var(--purple-soft);
  border-radius:12px;
  padding:12px;
}
.correction-reopen input{
  width:auto!important;
  min-width:auto!important;
}
.correction-reopen span{
  color:var(--ink)!important;
  font-size:12px!important;
}
.playtest-case-list{
  display:grid;
  gap:8px;
}
.playtest-case-list article{
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--bg);
  padding:12px;
}
.playtest-case-list b,
.playtest-case-list small{
  display:block;
}
.playtest-case-list small{
  color:var(--muted);
  font-size:11px;
  margin-top:3px;
}
.playtest-case-list p{
  margin:8px 0 0;
  color:var(--ink);
  font-size:12px;
  line-height:1.55;
}
.drive-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;
}
.drive-item{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
  color:var(--ink);
  padding:11px;
  text-align:left;
}
.drive-item span{
  grid-row:span 2;
  width:30px;
  height:30px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:var(--purple-soft);
  color:var(--purple);
}
.drive-item strong,
.drive-item small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.drive-item small{
  color:var(--muted);
  font-size:11px;
}
.drive-preview-modal{
  width:min(1120px,94vw);
}
.drive-preview-modal iframe{
  width:100%;
  min-height:65vh;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg);
}
.drive-open-link{
  text-decoration:none;
  background:var(--purple);
  color:white;
}
.editorial-report-modal{
  width:min(1180px,94vw);
  max-height:92vh;
  overflow:auto;
}
.editorial-report-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:14px;
}
.editorial-report-stats article,
.report-phase-list article{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
  padding:14px;
}
.editorial-report-stats b,
.editorial-report-stats span{
  display:block;
}
.editorial-report-stats b{
  font:800 22px Manrope;
}
.editorial-report-stats span{
  color:var(--muted);
  font-size:11px;
}
.report-phase-list{
  display:grid;
  gap:12px;
}
.report-phase-list header{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.report-phase-list header span{
  color:var(--muted);
  font-size:12px;
}
.report-tabs{
  display:flex;
  gap:8px;
  margin:0 0 14px;
  border-bottom:1px solid var(--line);
  padding-bottom:10px;
}
.report-tabs button{
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--panel);
  color:var(--ink);
  padding:8px 12px;
  font-weight:800;
}
.report-tabs button.active{
  border-color:var(--purple);
  background:var(--purple-soft);
  color:var(--purple);
}
.ai-summary-generator{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  margin:18px 0;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
}
.ai-summary-generator h3{
  margin:0 0 5px;
}
.ai-summary-generator p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}
.ai-summary-generator button:disabled{
  opacity:.75;
  cursor:default;
}
.ai-summary-document{
  max-width:880px;
  margin:auto;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel);
  padding:28px;
  line-height:1.7;
}
.ai-summary-document h1,
.ai-summary-document h2,
.ai-summary-document h3{
  font-family:Manrope;
}
.ai-summary-document h1{
  margin-top:0;
}
.editorial-task{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 170px 190px auto auto;
  gap:10px;
  align-items:center;
  min-height:54px;
  border-top:1px solid var(--line);
  padding:10px 0;
}
.editorial-task strong,
.editorial-task small{
  display:block;
}
.editorial-task small{
  color:var(--muted);
  font-size:11px;
  margin-top:3px;
}
.editorial-task select,
.editorial-question textarea{
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--bg);
  color:var(--ink);
  padding:9px;
}
.editorial-task button,
.editorial-question button{
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--purple-soft);
  color:var(--purple);
  padding:8px 10px;
  font-weight:800;
}
.editorial-question{
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px;
  margin-bottom:10px;
}
.editorial-question header,
.editorial-question footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.editorial-question textarea{
  width:100%;
  min-height:82px;
  margin:10px 0;
  resize:vertical;
}
.inline-check{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center;
  gap:9px!important;
  border:1px solid var(--line);
  background:var(--purple-soft);
  color:var(--ink);
  border-radius:10px;
  padding:10px 12px;
}
.inline-check input{
  width:auto!important;
  margin:0;
}
@media(max-width:1100px){
  .editorial-layout,
  .editorial-workbench{
    grid-template-columns:1fr;
  }
  .editorial-projects{
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .editorial-stats{
    grid-template-columns:repeat(2,1fr);
  }
  .editorial-report-stats{
    grid-template-columns:repeat(2,1fr);
  }
  .editorial-task{
    grid-template-columns:1fr;
  }
  .editorial-phase-meta{
    grid-template-columns:1fr;
  }
  .editorial-form-grid.two{
    grid-template-columns:1fr;
  }
}

/* beta.57 list selection layout repair */
.task-table-head.list-grid,.task-row.list-grid{
  --list-name-width:minmax(680px,2.6fr);
}
.task-row.list-grid .task-main-cell{
  display:grid!important;
  grid-template-columns:18px 22px 20px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-width:0!important;
}
.task-row.list-grid .row-select{
  grid-column:1;
  justify-self:center;
}
.task-row.list-grid .status-circle{
  grid-column:3;
  justify-self:center;
}
.task-row.list-grid .task-open{
  grid-column:4;
  min-width:0!important;
  width:100%!important;
}
.task-row.list-grid .task-main{
  min-width:0!important;
  display:block!important;
}
.task-row.list-grid .task-main strong,
.task-row.list-grid .task-main small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.subtask-toggle,.subtask-toggle-spacer{
  grid-column:2;
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
}
.subtask-indent{
  grid-column:1;
  width:18px;
}
.subtask-toggle{
  position:relative;
  border:0!important;
  background:transparent!important;
  color:var(--muted)!important;
  border-radius:7px!important;
  padding:0!important;
  gap:0!important;
}
.subtask-toggle:hover{
  background:var(--surface-hover)!important;
  color:var(--purple)!important;
}
.subtask-toggle span{
  position:absolute;
  transform:translate(8px,-8px);
  min-width:14px;
  height:14px;
  border-radius:999px;
  background:var(--purple);
  color:white;
  display:grid;
  place-items:center;
  font-size:8px;
  font-weight:900;
  line-height:1;
}
.subtask-list-row{
  background:color-mix(in srgb,var(--panel) 82%,var(--purple-soft))!important;
}
.subtask-list-row .task-main-cell{
  padding-left:calc(24px * var(--list-zoom,1));
}
.quick-subtask-row{
  min-height:26px!important;
  margin:2px 10px 7px!important;
  padding:2px 10px!important;
  background:color-mix(in srgb,var(--panel) 68%,var(--purple-soft))!important;
  border-style:dotted!important;
  opacity:.92;
}
.quick-subtask-row .quick-task-title{
  padding-left:calc(46px * var(--list-zoom,1));
  font-size:10px!important;
}
.quick-subtask-row .quick-task-title input{
  font-size:calc(10px * var(--list-zoom,1))!important;
  padding:2px 0!important;
}
.subtask-branch{
  grid-column:2;
  width:20px;
  height:20px;
  border-left:1.5px solid color-mix(in srgb,var(--muted) 42%,transparent);
  border-bottom:1.5px solid color-mix(in srgb,var(--muted) 42%,transparent);
  border-radius:0 0 0 7px;
  justify-self:center;
}
.sort-toolbar-trigger{
  border:0!important;
  background:var(--panel)!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  max-width:360px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:7px 9px!important;
  font-weight:800!important;
}
.default-group-button{
  border:1px solid var(--line)!important;
  background:var(--panel)!important;
  color:var(--muted)!important;
  border-radius:7px!important;
  min-height:34px!important;
  padding:7px 9px!important;
  font-size:10px!important;
  font-weight:850!important;
}
.default-group-button:hover{
  color:var(--purple)!important;
  border-color:var(--purple)!important;
  background:var(--purple-soft)!important;
}

/* beta.60 AI loading feedback */
.ai-loading-card{
  display:flex;
  align-items:center;
  gap:16px;
  background:color-mix(in srgb,var(--purple-soft) 42%,var(--panel));
}
.ai-loading-card h2{
  margin:0 0 4px!important;
}
.ai-loading-card p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.ai-spinner{
  width:14px;
  height:14px;
  border-radius:50%;
  border:2px solid color-mix(in srgb,currentColor 24%,transparent);
  border-top-color:currentColor;
  display:inline-block;
  animation:ai-spin .8s linear infinite;
}
.ai-spinner.large{
  width:34px;
  height:34px;
  border-width:3px;
  color:var(--purple);
  flex:0 0 auto;
}
.ai-prompt-card button[disabled]{
  opacity:.78;
  cursor:wait;
}
.ai-prompt-card .primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}
@keyframes ai-spin{
  to{transform:rotate(360deg)}
}
.column-title-label{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sort-badge{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:20px;
  height:18px;
  border-radius:999px;
  background:var(--purple-soft);
  color:var(--purple);
  font-style:normal;
  font-size:9px;
  font-weight:900;
}
.sort-hierarchy-menu{
  width:420px!important;
}
.sort-rule-row{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 104px 30px 30px 30px;
  align-items:center;
  gap:6px;
  padding:6px;
  border-radius:10px;
}
.sort-rule-row b{
  color:var(--purple);
  font-size:11px;
}
.sort-rule-row select{
  min-width:0;
  height:32px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--input-bg);
  color:var(--ink);
  padding:0 7px;
  font-size:11px;
}
.sort-rule-row button{
  justify-content:center!important;
  padding:0!important;
  height:30px!important;
}
.sort-menu-actions{
  display:flex;
  gap:7px;
  border-top:1px solid var(--line);
  margin-top:8px;
  padding-top:8px;
}
.sort-menu-actions button{
  justify-content:center!important;
}
.sort-menu-actions .primary{
  margin-left:auto;
  background:var(--purple)!important;
  color:white!important;
}
.bulk-field-set{
  display:flex;
  align-items:center;
  gap:6px;
  padding-left:8px;
  border-left:1px solid var(--line);
}
.bulk-field-set #bulk-field-value{
  display:flex;
  align-items:center;
}
.bulk-check{
  display:flex;
  align-items:center;
  gap:6px;
  height:32px;
  border:1px solid var(--line);
  border-radius:8px;
  padding:0 8px;
  font-size:11px;
  color:var(--ink);
}
.bulk-check input{
  width:auto;
  height:auto;
}
.dashboard-subtask-row{
  background:color-mix(in srgb,var(--panel) 88%,var(--purple-soft))!important;
}
.dashboard-subtask-row .task-main strong em{
  color:var(--muted);
  font-style:italic;
  font-weight:800;
}
.dashboard-subtask-row .status-circle{
  margin-left:6px;
}
.access-list-row.inherited,
.access-list-cell.inherited{
  opacity:1!important;
}
.access-list-row.inherited input:disabled,
.access-list-cell.inherited input:disabled{
  opacity:.55;
}
.ai-context-box{
  display:grid;
  gap:10px;
  margin:0 0 16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--bg) 72%,var(--panel));
}
.ai-context-box label{
  margin:0!important;
}
.ai-context-box select{
  min-height:38px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--input-bg);
  color:var(--ink);
  padding:8px 10px;
}
.ai-context-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.ai-context-box small{
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
@media(max-width:760px){
  .ai-context-grid{
    grid-template-columns:1fr;
  }
}
.app-shell.sidebar-collapsed .sidebar{
  width:72px;
  padding-inline:10px;
}
.app-shell.sidebar-collapsed .workspace{
  margin-left:72px;
  width:calc(100% - 72px);
}
.app-shell.sidebar-collapsed .brand{
  justify-content:center;
  padding-inline:0;
}
.app-shell.sidebar-collapsed .brand>span:not(.logo-mark),
.app-shell.sidebar-collapsed .sidebar nav p,
.app-shell.sidebar-collapsed .sidebar nav button span,
.app-shell.sidebar-collapsed .sidebar nav button b,
.app-shell.sidebar-collapsed .sidebar nav details,
.app-shell.sidebar-collapsed .sidebar-user .sidebar-profile,
.app-shell.sidebar-collapsed .workspace-tree .tree-project>div{
  display:none!important;
}
.app-shell.sidebar-collapsed .collapse{
  position:absolute;
  right:8px;
  top:18px;
  width:24px;
  height:24px;
}
.app-shell.sidebar-collapsed .sidebar nav{
  align-items:center;
}
.app-shell.sidebar-collapsed .sidebar nav button{
  width:44px;
  height:40px;
  justify-content:center;
  padding:0;
}
.app-shell.sidebar-collapsed .tree-project{
  display:grid;
  place-items:center;
}
.app-shell.sidebar-collapsed .sidebar-user{
  justify-content:center;
  padding-inline:0;
}
.app-shell.sidebar-collapsed .sidebar-user #logout{
  position:absolute;
  bottom:18px;
  right:8px;
  width:22px;
  height:22px;
}
@media(max-width:760px){
  .app-shell.sidebar-collapsed .sidebar{
    width:246px;
  }
  .app-shell.sidebar-collapsed .workspace{
    margin-left:0;
    width:100%;
  }
}
.comment-input-wrap{
  position:relative;
  flex:1;
  min-width:0;
}
.comment-input-wrap input{
  width:100%;
}
.comment-mention-menu{
  position:absolute;
  left:0;
  right:0;
  bottom:calc(100% + 8px);
  z-index:80;
  max-height:230px;
  overflow:auto;
  padding:8px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel);
  box-shadow:0 18px 55px #11101955;
}
.comments form .comment-mention-menu button,
.comment-mention-menu button{
  width:100%!important;
  min-height:42px;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr);
  gap:8px;
  align-items:center;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--ink)!important;
  padding:8px!important;
  text-align:left!important;
}
.comments form .comment-mention-menu button:hover,
.comment-mention-menu button:hover{
  background:var(--purple-soft)!important;
}
.comment-mention-menu .avatar{
  margin:0;
}
.comment-mention-menu span,
.comment-mention-menu small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.comment-mention-menu span{
  font-size:12px;
  font-weight:800;
}
.comment-mention-menu small{
  display:none;
  color:var(--muted);
  font-size:10px;
}
.mention-pill{
  display:inline-block!important;
  margin:0 2px;
  padding:1px 6px;
  border-radius:999px;
  background:color-mix(in srgb,var(--purple) 18%,transparent);
  color:var(--purple)!important;
  font-weight:800;
}
.structure-list-pill{
  display:inline-flex;
  align-items:center;
  gap:2px;
  border-radius:7px;
}
.structure-list-pill.active{
  background:var(--purple-soft);
  color:var(--purple);
}
.structure-list-pill.dragging{
  opacity:.55;
}
.structure-list-pill>button[data-list]{
  min-width:0;
}
.structure-group.drop-target{
  border-color:var(--purple)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 35%,transparent)!important;
}
.pr-import-modal{
  width:min(1080px,96vw)!important;
}
.pr-template-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 16px;
}
.pr-zone .pr-table{
  max-height:min(68vh,760px);
  overflow:auto!important;
}
.pr-zone .pr-row.pr-head{
  top:0!important;
  z-index:4!important;
  box-shadow:0 1px 0 var(--line);
}
.pr-content-tag{display:inline-flex;align-items:center;gap:5px;width:max-content;margin:0 0 4px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--mint) 16%,var(--panel));color:var(--mint);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.pr-content-tag button{width:16px;height:16px;border:0;border-radius:50%;background:color-mix(in srgb,var(--mint) 22%,transparent);color:inherit;font-weight:900;line-height:1}.pr-task-linked{display:inline-flex;margin-left:6px;color:var(--muted);font-size:10px;font-weight:800}
.pr-content-task-list{display:grid;gap:9px;margin-top:14px}.pr-content-task-row{display:grid;grid-template-columns:28px minmax(180px,1fr) minmax(180px,.75fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.pr-content-task-row>span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--purple-soft);color:var(--purple);font-size:11px;font-weight:900}.pr-content-task-row input,.pr-content-task-row select{margin:0!important}
.pr-content-refresh-button{width:100%;display:flex!important;align-items:center;justify-content:center;gap:8px;margin:2px 0 14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--purple) 45%,var(--line));border-radius:12px;background:var(--purple-soft);color:var(--purple);font-weight:900}
.pr-zone .pr-row{grid-template-columns:minmax(180px,1.2fr) 130px 112px 100px minmax(170px,1fr) 120px 105px 110px minmax(170px,1fr) 190px 315px!important;min-width:1690px!important}.pr-zone .pr-row>span:nth-child(10){overflow:visible;white-space:normal;display:flex;flex-wrap:wrap}.pr-zone .pr-response-btn{white-space:nowrap}
.pr-template-link{
  width:max-content;
  text-decoration:none;
  margin:0 0 16px;
}
.pr-inline-cell{
  max-width:100%;
  min-height:28px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:inherit;
  padding:5px 7px;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pr-inline-cell:hover{
  border-color:var(--line);
  background:var(--bg);
}
.pr-inline-assignee{
  display:flex;
  align-items:center;
  gap:6px;
}
.pr-inline-editor{
  display:grid;
  gap:10px;
  padding:12px!important;
}
.pr-inline-editor input,
.pr-inline-editor select,
.pr-inline-editor textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel);
  color:var(--ink);
  padding:10px;
}
.pr-inline-editor textarea{
  min-height:120px;
  resize:vertical;
}
.pr-inline-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}
.pr-inline-actions button{
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--bg);
  color:var(--ink);
  font-weight:900;
  padding:8px 11px;
}
.pr-inline-actions .primary{
  border-color:var(--purple);
  background:var(--purple);
  color:white;
}
.pr-import-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:10px 0 18px;
}
.pr-import-summary span{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--bg);
  padding:14px;
  color:var(--muted);
  font-size:12px;
}
.pr-import-summary b{
  display:block;
  color:var(--ink);
  font:800 22px Manrope;
  margin-bottom:3px;
}
.pr-import-block{
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--bg);
  padding:14px;
  margin:14px 0;
}
.pr-import-block h3{
  margin:0 0 12px;
  font:800 15px Manrope;
}
.pr-import-section-row{
  display:grid;
  grid-template-columns:minmax(160px,1fr) minmax(220px,1.5fr) 54px;
  gap:10px;
  align-items:center;
  border-top:1px solid var(--line);
  padding:10px 0;
}
.pr-import-section-row:first-of-type{
  border-top:0;
}
.pr-import-section-row strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pr-import-section-row input[type="color"]{
  min-height:42px!important;
  padding:4px!important;
}
.pr-import-duplicate{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
  padding:12px;
  margin:10px 0;
}
.pr-import-duplicate>header{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 10px!important;
}
.pr-import-duplicate>header b{
  min-width:0;
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pr-import-duplicate>header select{
  width:210px!important;
}
.pr-import-compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.pr-import-compare section{
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg);
  padding:12px;
}
.pr-import-compare h4{
  margin:0 0 8px;
  font:800 12px Manrope;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.05em;
}
.pr-import-values{
  display:grid;
  gap:7px;
  margin:0;
}
.pr-import-values div{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:8px;
}
.pr-import-values dt{
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}
.pr-import-values dd{
  margin:0;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}
@media(max-width:760px){
  .pr-import-summary,
  .pr-import-compare{
    grid-template-columns:1fr;
  }
  .pr-import-section-row{
    grid-template-columns:1fr;
  }
  .pr-import-duplicate>header{
    display:grid!important;
  }
  .pr-import-duplicate>header select{
    width:100%!important;
  }
}

.hidden-goods-page{max-width:1680px;margin:0 auto}.hg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.hg-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:9px 13px;font-weight:900}.hg-tabs button.active,.hg-tabs button:hover{background:var(--purple);border-color:var(--purple);color:#fff}.hg-dashboard{display:grid;gap:18px}.hg-stats article{min-height:112px}.hg-break-even,.hg-panel,.hg-grid-two>.panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:18px;box-shadow:0 12px 30px #1110190a}.hg-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hg-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.hg-list-row:first-of-type{border-top:0}.hg-list-row b,.hg-list-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hg-badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:4px 9px;background:color-mix(in srgb,#4d8df7 18%,var(--panel));color:#74a8ff;font-size:11px;font-weight:900;white-space:nowrap}.hg-badge.green{background:color-mix(in srgb,#2fc6a4 17%,var(--panel));color:#2fc6a4}.hg-badge.orange{background:color-mix(in srgb,#f1ad3d 18%,var(--panel));color:#f1ad3d}.hg-badge.red{background:color-mix(in srgb,#ec5d70 16%,var(--panel));color:#ec5d70}.hg-badge.gray{background:color-mix(in srgb,#8f96a8 18%,var(--panel));color:var(--muted)}.hg-table{overflow:auto;border:1px solid var(--line);border-radius:14px}.hg-row{display:grid;gap:12px;align-items:center;min-width:1100px;padding:12px 14px;border-top:1px solid var(--line);font-size:12px}.hg-row:first-child{border-top:0}.hg-row.hg-head{position:sticky;top:0;z-index:2;background:var(--bg);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:900}.hg-row strong{display:grid;gap:2px;font-weight:900}.hg-row small{color:var(--muted);font-size:10px}.hg-row>span,.hg-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.hg-products-table .hg-row{grid-template-columns:minmax(210px,1.4fr) 120px 90px 62px 82px 90px 90px 90px 155px 120px 80px}.hg-materials-table .hg-row{grid-template-columns:54px minmax(220px,1.4fr) 90px 90px 100px 120px 110px 150px}.hg-orders-table .hg-row{grid-template-columns:130px minmax(160px,1fr) 90px 90px 90px 120px 120px 120px 160px}.hg-color{display:inline-block;width:22px;height:22px;border-radius:8px;border:1px solid var(--line);box-shadow:inset 0 0 0 2px #fff2}.hg-kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow:auto}.hg-kanban article{min-width:220px;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:12px}.hg-kanban h3{margin:0 0 10px;font:900 13px Manrope;display:flex;justify-content:space-between}.hg-job-card{display:grid;gap:5px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:10px;margin:8px 0}.hg-job-card b{font-size:12px}.hg-job-card span,.hg-job-card small{color:var(--muted);font-size:11px}.hg-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.hg-card{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:14px;display:grid;gap:8px}.hg-card h3{margin:0;font:900 16px Manrope}.hg-card p{margin:0;color:var(--muted);line-height:1.45}.hg-form{display:grid;gap:10px}.hg-form label{display:grid;gap:6px;font-weight:900}.hg-form input,.hg-form select{min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--input-bg,var(--bg));color:var(--ink);padding:9px 11px}@media (max-width:900px){.hg-grid-two{grid-template-columns:1fr}.hg-kanban{grid-template-columns:repeat(2,minmax(220px,1fr))}.hidden-goods-page .page-heading{align-items:flex-start}.hidden-goods-page .pr-actions{width:100%}}
.hg-orders-table .hg-row{grid-template-columns:130px minmax(150px,1fr) minmax(220px,1.3fr) 90px 90px 90px 115px 115px 115px 150px 90px;min-width:1460px}.hg-order-items{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:14px;margin:14px 0}.hg-order-item-row{display:grid;grid-template-columns:minmax(220px,1.2fr) 78px 105px 95px 95px 38px;gap:8px;align-items:center;margin-top:8px}.hg-order-item-row select,.hg-order-item-row input{min-width:0!important}.hg-order-item-row button{height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}.hg-order-total{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.hg-order-total span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:var(--panel);font-size:12px}.hg-row span br{display:block}.hg-card .danger-button{justify-self:start;margin-top:6px}

.hidden-goods-order-modal{width:min(1100px,96vw)!important}
.hidden-goods-order-modal .form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hidden-goods-order-modal label{min-width:0}
.hg-toggle-line{display:flex!important;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:12px 14px;margin-top:12px;font-weight:900}
.hg-toggle-line input{width:18px;height:18px;accent-color:var(--purple)}
.hg-toggle-line small{color:var(--muted);font-weight:700}
.hidden-goods-order-modal .hg-order-items .section-title{gap:16px;align-items:flex-start}
.hidden-goods-order-modal .hg-order-items .section-title p{max-width:680px}
.hidden-goods-order-modal .hg-order-item-row{grid-template-columns:minmax(260px,1.8fr) 88px 130px 118px 118px 118px 42px;gap:10px}
.hidden-goods-order-modal .hg-order-item-row select,
.hidden-goods-order-modal .hg-order-item-row input{width:100%;height:42px}
.hidden-goods-order-modal .hg-order-item-row select:first-child{min-width:260px!important}
.hidden-goods-order-modal:not(.hg-manual-prices-on) .hg-price-override{display:none}
.hidden-goods-order-modal:not(.hg-manual-prices-on) .hg-order-item-row{grid-template-columns:minmax(280px,1.8fr) 88px 140px 118px 42px}
.hg-orders-table .hg-row{grid-template-columns:130px minmax(170px,1fr) minmax(280px,1.45fr) 96px 96px 96px 125px 125px 125px minmax(150px,1fr) 96px;min-width:1520px}
.hg-orders-table .hg-row>span:nth-child(3){white-space:normal;line-height:1.35}
.hg-orders-table .hg-row>span:nth-child(3),
.hg-orders-table .hg-row>span:nth-child(10){overflow:visible;text-overflow:clip}
@media (max-width:980px){
  .hidden-goods-order-modal .form-grid{grid-template-columns:1fr 1fr}
  .hidden-goods-order-modal .hg-order-item-row,
  .hidden-goods-order-modal:not(.hg-manual-prices-on) .hg-order-item-row{grid-template-columns:minmax(0,1fr) 80px 120px;align-items:start}
  .hidden-goods-order-modal .hg-order-item-row button{grid-column:1 / -1;justify-self:end;width:42px}
}
@media (max-width:640px){
  .hidden-goods-order-modal .form-grid{grid-template-columns:1fr}
  .hidden-goods-order-modal .hg-order-item-row{grid-template-columns:1fr}
}

.hidden-goods-printer-modal{width:min(760px,94vw)!important}
.hidden-goods-printer-modal header .muted{margin:6px 0 0;color:var(--muted);font-weight:700;line-height:1.4}
.hidden-goods-printer-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hidden-goods-printer-modal label{min-width:0}
.hg-advanced-costs{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:12px 14px;margin:12px 0}
.hg-advanced-costs summary{cursor:pointer;font-weight:900;color:var(--ink)}
.hg-advanced-costs .form-grid{margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.hg-cost-preview{display:flex;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--purple) 10%,var(--panel));padding:12px;margin:12px 0}
.hg-cost-preview span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:8px 11px;color:var(--muted);font-size:12px;font-weight:800}
.hg-cost-preview b{color:var(--ink)}
.hg-product-materials{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px;margin:12px 0}
.hg-product-materials .section-title{gap:14px;align-items:flex-start}
.hg-product-materials .section-title h3{margin:0;font:900 14px Manrope}
.hg-product-materials .section-title p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}
.hg-product-materials .section-title button{border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-weight:900;padding:9px 12px;white-space:nowrap}
.hg-product-material-row{display:grid;grid-template-columns:minmax(240px,1fr) 100px 110px 42px;gap:10px;align-items:center;margin-top:10px}
.hg-product-material-row select,
.hg-product-material-row input{width:100%;min-width:0;height:42px}
.hg-product-material-row button{height:42px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.hg-product-extra-row{display:grid;grid-template-columns:minmax(240px,1fr) 130px 42px;gap:10px;align-items:center;margin-top:10px}
.hg-product-extra-row input{width:100%;min-width:0;height:42px}
.hg-product-extra-row button{height:42px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.hidden-goods-page .input-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.hidden-goods-page .input-action-row input{min-width:0;width:100%}
.hidden-goods-page .input-action-row button{height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font-weight:900;white-space:nowrap;padding:0 12px}
.hidden-goods-page .computed-field{min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--input-bg,var(--bg));color:var(--ink);padding:11px 13px;font-weight:900;display:flex;align-items:center;gap:8px}
.hidden-goods-page .computed-field small{color:var(--muted);font-weight:800}
.hidden-goods-page .hg-stats{
  grid-template-columns:repeat(4,minmax(210px,1fr));
}
.hidden-goods-page .hg-stats article{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:auto 1fr auto;
  align-items:start!important;
  gap:14px 16px!important;
  min-height:126px;
  padding:22px!important;
  overflow:hidden;
}
.hidden-goods-page .hg-stats article>span{
  min-width:0;
  color:var(--ink);
  font-size:15px;
  font-weight:900;
  line-height:1.25;
  white-space:normal;
}
.hidden-goods-page .hg-stats article>strong{
  justify-self:end;
  align-self:start;
  min-width:max-content;
  font:900 clamp(28px,2.3vw,42px)/1 Manrope;
  letter-spacing:-.04em;
  color:var(--ink);
}
.hidden-goods-page .hg-stats article>small{
  grid-column:1/-1!important;
  align-self:end;
  width:100%;
  min-width:0;
  margin-top:8px;
  padding-top:14px!important;
  border-top:1px solid var(--line)!important;
  color:var(--muted);
  font-size:12px!important;
  line-height:1.35;
  white-space:normal;
}
.hidden-goods-page .hg-materials-table .hg-row{
  grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) 110px 90px 90px 100px 125px 110px 150px;
  min-width:1080px;
}
.hidden-goods-page .hg-materials-table .hg-row>span:nth-child(2){
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.hidden-goods-page .hg-price-cell{
  display:flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}
.hidden-goods-page .hg-products-table{
  background:var(--panel);
  border-radius:18px;
}
.hidden-goods-page .hg-products-table .hg-row{
  grid-template-columns:minmax(320px,1.7fr) minmax(100px,.65fr) 96px 58px 74px 92px 118px 118px minmax(150px,.9fr) 130px 86px;
  min-width:1320px;
  gap:14px;
  padding:18px 18px;
}
.hidden-goods-page .hg-products-table .hg-head{
  padding-top:14px;
  padding-bottom:14px;
  background:color-mix(in srgb,var(--bg) 74%,var(--panel));
}
.hidden-goods-page .hg-product-title{
  font-size:13px;
  line-height:1.35;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal;
}
.hidden-goods-page .hg-product-title small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hidden-goods-page .hg-content-cell{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  overflow:visible!important;
}
.hidden-goods-page .hg-products-table .hg-badge{
  min-height:26px;
  padding:5px 10px;
}
.hidden-goods-page .hg-link-pill{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  max-width:100%;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--bg);
  color:var(--ink);
  padding:5px 10px;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hidden-goods-page .hg-link-pill:hover{
  border-color:var(--purple);
  color:var(--purple);
}
.hidden-goods-page .hg-product-actions{
  justify-content:flex-end;
  gap:7px!important;
}
.hidden-goods-page .hg-product-actions button{
  width:32px;
  height:32px;
  padding:0!important;
  display:grid;
  place-items:center;
}
.hidden-goods-page .hg-margin{
  font-size:10px!important;
  font-weight:900;
}
.hidden-goods-page .hg-margin.green{color:#2fc6a4!important}
.hidden-goods-page .hg-margin.red{color:#ec5d70!important}
@media (max-width:720px){
  .hidden-goods-printer-modal .form-grid,
  .hg-advanced-costs .form-grid{grid-template-columns:1fr}
  .hidden-goods-page .input-action-row{grid-template-columns:1fr}
  .hg-product-material-row,
  .hg-product-extra-row{grid-template-columns:1fr}
}
@media (max-width:1180px){
  .hidden-goods-page .hg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .hidden-goods-page .hg-stats{grid-template-columns:1fr}
}