@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--ink:#18212f;--muted:#77808e;--line:#e8ebef;--paper:#fff;--canvas:#f4f6f8;--navy:#121a27;--mint:#52c59d;--mint-soft:#e6f7f1;--coral:#fa826d;--amber:#e8a23b;--blue:#5b8def;--shadow:0 12px 34px rgba(21,30,44,.06)}
*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;background:var(--canvas);color:var(--ink);font-size:16px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:var(--navy);color:#fff;padding:26px 18px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:1.35rem;font-weight:800;padding:0 10px 28px}.brand-mark{width:31px;height:31px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.brand-mark i{background:var(--mint);border-radius:3px}.brand-mark i:nth-child(2){grid-row:span 2}.brand-mark i:nth-child(3){background:#fff}nav{display:grid;gap:5px}.nav-item,.new-project{border:0;font:inherit;color:#acb4c0;background:transparent;text-align:right;border-radius:9px;padding:11px 12px;cursor:pointer;display:flex;align-items:center;gap:12px}.nav-item span{font-size:1.2rem;width:20px;text-align:center}.nav-item b{margin-right:auto;font-size:.72rem;background:#283241;padding:2px 7px;border-radius:10px;color:#bac2cd}.nav-item b.alert{background:var(--coral);color:white}.nav-item:hover,.nav-item.active{background:#25303e;color:#fff}.sidebar-label{color:#657080;font-size:.73rem;padding:27px 12px 10px}.project-shortcuts{display:grid;gap:2px}.project-link{border:0;background:none;color:#aab3bf;text-align:right;font:inherit;font-size:.84rem;padding:8px 13px;cursor:pointer}.project-link:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--dot);display:inline-block;margin-left:10px}.new-project{margin-top:8px;font-size:.84rem}.profile{margin-top:auto;border-top:1px solid #293341;padding:18px 5px 0;display:flex;align-items:center;gap:9px}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#334052;color:white;font-weight:700;flex:0 0 auto}.profile div:nth-child(2){display:grid}.profile strong{font-size:.82rem}.profile small{font-size:.68rem;color:#788495}.profile button{margin-right:auto;color:#788495;background:none;border:0}.mint{background:#d8f4e9;color:#258263}.blue{background:#dce8ff;color:#3d68b9}.rose{background:#ffe0dc;color:#c15146}main{padding:0 36px 44px;min-width:0}header{height:112px;display:flex;align-items:center;justify-content:space-between}header h1{margin:0;font-size:1.55rem;letter-spacing:-.04em}header p,.panel-head p,.view-toolbar p{margin:5px 0 0;color:var(--muted);font-size:.84rem}.header-actions{display:flex;align-items:center;gap:9px}.icon-btn{border:1px solid var(--line);background:white;width:40px;height:40px;border-radius:9px;font-size:1.25rem;cursor:pointer}.notification{position:relative}.notification:after{content:'';position:absolute;width:7px;height:7px;background:var(--coral);border:2px solid white;border-radius:50%;top:8px;right:8px}.primary{border:0;background:var(--ink);color:white;font:inherit;font-size:.86rem;padding:10px 17px;border-radius:9px;cursor:pointer}.primary:hover{background:#2d394a}.mobile-menu{display:none;border:0;background:none;font-size:1.5rem}.view{display:none}.view.active{display:block}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:17px}.stats article{background:white;border:1px solid var(--line);border-radius:12px;padding:19px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow);position:relative}.stat-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:800}.stat-icon.green{background:var(--mint-soft);color:#25906b}.stat-icon.amber{background:#fff3dd;color:#ba7617}.stat-icon.coral{background:#ffebe8;color:#d95945}.stats article>div:nth-child(2){display:grid}.stats small{font-size:.76rem;color:var(--muted)}.stats strong{font-size:1.62rem;line-height:1.25}.stats em{font-style:normal;font-size:.68rem;color:#a0a7b0}.trend{position:absolute;left:17px;bottom:17px;background:var(--mint-soft);color:#238462;padding:3px 7px;border-radius:8px;font-size:.66rem}.content-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:17px}.panel{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.panel-head{padding:20px 21px 14px;display:flex;align-items:center;justify-content:space-between}.panel-head h2,.view-toolbar h2{margin:0;font-size:1rem}.text-btn{border:0;background:none;color:#4b7c6a;font:inherit;font-size:.75rem;cursor:pointer}.task-list{padding:0 21px 12px}.task-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border-top:1px solid #eff1f3;padding:13px 0}.task-check{appearance:none;width:18px;height:18px;border:2px solid #cfd5dc;border-radius:5px;cursor:pointer;display:grid;place-content:center}.task-check:checked{background:var(--mint);border-color:var(--mint)}.task-check:checked:after{content:'✓';color:white;font-size:.7rem}.task-row.done .task-name{text-decoration:line-through;color:#a5abb3}.task-name{font-size:.84rem;font-weight:600}.task-meta{display:flex;gap:10px;color:#9aa1aa;font-size:.68rem;margin-top:3px}.priority{padding:3px 8px;border-radius:8px;font-size:.65rem}.priority.high{background:#ffebe8;color:#ce5c4c}.priority.medium{background:#fff3dc;color:#ac721c}.priority.low{background:#e6f7f1;color:#287d61}.activity-list{padding:4px 21px 12px}.activity{display:flex;gap:10px;padding:10px 0}.activity p{font-size:.76rem;margin:0;line-height:1.7}.activity small{display:block;color:#a0a7b0}.activity-icon{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#eef2f6;color:#738092}.project-panel{margin-top:17px}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0 21px 21px}.project-card{border:1px solid var(--line);border-radius:10px;padding:16px}.project-top{display:flex;align-items:center;justify-content:space-between}.project-icon{width:35px;height:35px;border-radius:9px;background:var(--soft);color:var(--color);display:grid;place-items:center;font-weight:800}.project-card h3{font-size:.85rem;margin:14px 0 4px}.project-card p{margin:0 0 15px;color:var(--muted);font-size:.7rem}.progress-label{display:flex;justify-content:space-between;font-size:.66rem;color:#8c949f}.progress{height:5px;border-radius:5px;background:#edf0f3;margin-top:7px;overflow:hidden}.progress i{display:block;height:100%;background:var(--color);border-radius:5px}.view-toolbar{display:flex;align-items:center;justify-content:space-between;margin:5px 0 22px}.project-cards.large{padding:0;grid-template-columns:repeat(3,1fr)}.project-cards.large .project-card{background:#fff;box-shadow:var(--shadow);padding:22px}.filters{display:flex;gap:7px;margin-bottom:12px}.filters button{border:1px solid var(--line);background:white;padding:7px 14px;border-radius:8px;font:inherit;font-size:.75rem;color:var(--muted);cursor:pointer}.filters button.active{background:var(--ink);color:white}.expanded{padding:10px 22px}.expanded .task-row{padding:17px 0}.chat-layout{height:calc(100vh - 145px);min-height:540px;background:#fff;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:270px 1fr;overflow:hidden;box-shadow:var(--shadow)}.chat-list{border-left:1px solid var(--line);padding:21px 14px}.chat-list h2{margin:0 5px 14px;font-size:1.05rem}.search{background:#f4f6f8;border-radius:8px;padding:8px 10px;display:flex;gap:7px;color:#8b949f;margin-bottom:15px}.search input{border:0;outline:0;background:none;font:inherit;font-size:.73rem;width:100%}.conversation{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:11px 8px;border-radius:9px;cursor:pointer}.conversation.active{background:#edf8f4}.conversation strong{font-size:.75rem}.conversation p{margin:2px 0 0;color:#8a929d;font-size:.66rem;white-space:nowrap}.conversation time{font-size:.6rem;color:#9fa6ae}.chat-room{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.chat-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:14px 20px}.chat-head div:nth-child(2){display:grid}.chat-head strong{font-size:.85rem}.chat-head small{font-size:.65rem;color:#7e8792}.messages{padding:24px;overflow:auto;background:#fafbfc;display:flex;flex-direction:column;gap:12px}.message{max-width:65%;font-size:.78rem}.message span{font-size:.65rem;color:#7b8490;margin-right:8px}.message p{background:white;border:1px solid var(--line);padding:10px 13px;border-radius:12px 12px 3px 12px;margin:3px 0;line-height:1.8}.message time{font-size:.58rem;color:#9ca4ae;margin:0 7px}.message.outgoing{align-self:flex-end}.message.outgoing p{background:#dff5ed;border-color:#caeee1;border-radius:12px 12px 12px 3px}.composer{display:flex;gap:8px;padding:13px 18px;border-top:1px solid var(--line)}.composer input{flex:1;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font:inherit;font-size:.78rem;outline:none}.composer button{border:0;background:none;font:inherit;cursor:pointer}.composer .send{background:var(--ink);color:#fff;border-radius:8px;padding:0 17px;font-size:.75rem}dialog{border:0;border-radius:14px;padding:0;width:min(440px,calc(100% - 30px));box-shadow:0 30px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(12,18,26,.55);backdrop-filter:blur(2px)}#modal-form{padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0;font-size:1.05rem}.modal-head button{border:0;background:none;font-size:1.4rem;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}label{font-size:.75rem;color:#657080;display:grid;gap:6px;margin-top:12px}label input,label select{font:inherit;border:1px solid #dfe3e8;border-radius:8px;padding:9px 10px;background:#fff}.ghost{border:1px solid var(--line);background:white;font:inherit;padding:8px 14px;border-radius:8px;cursor:pointer}#toast{position:fixed;bottom:24px;left:24px;background:var(--ink);color:#fff;border-radius:9px;padding:11px 18px;font-size:.78rem;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none;z-index:50}#toast.show{opacity:1;transform:none}
.login-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 15% 20%,#26384b 0,transparent 32%),#111925;display:grid;place-items:center;padding:20px}.login-screen.hidden{display:none}.login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:32px;font-size:1.2rem}.login-logo .brand-mark{background:#172131;padding:6px;border-radius:8px;width:38px;height:38px}.login-card h1{font-size:1.45rem;margin:0}.login-card>div:nth-child(2)>p{color:var(--muted);font-size:.8rem;margin:7px 0 22px}.login-card .primary{width:100%;margin-top:12px;padding:12px}.login-error{color:#c94c3b;font-size:.74rem;min-height:20px;margin:8px 0 0}.demo-users{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;display:flex;align-items:center;gap:8px}.demo-users span{font-size:.7rem;color:var(--muted);margin-left:auto}.demo-users button{border:1px solid var(--line);border-radius:7px;background:#f7f8fa;padding:5px 10px;cursor:pointer}.assignee-chip{font-size:.65rem;padding:3px 7px;border-radius:8px;background:#edf1f5;color:#657080}.task-check:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:950px){.app-shell{grid-template-columns:210px 1fr}main{padding:0 20px 30px}.stats{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.project-cards,.project-cards.large{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;right:-260px;width:248px;transition:.25s}.sidebar.open{right:0}.mobile-menu{display:block}main{padding:0 14px 24px}header{height:92px;gap:10px}header h1{font-size:1.12rem}header p{display:none}.header-actions .icon-btn{display:none}.primary{padding:9px 11px}.stats{gap:9px}.content-grid{display:block}.activity-panel{margin-top:12px}.project-cards,.project-cards.large{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr;height:calc(100vh - 120px)}.chat-list{display:none}.message{max-width:85%}.view-toolbar{margin-top:0}}

/* Project detail, planning and timeline */
.project-card.clickable{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.project-card.clickable:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(21,30,44,.1);border-color:#ccd5dc}.open-project{font-size:.68rem;color:#6c7683}.project-shortcuts{max-height:210px;overflow-y:auto}.chat-room{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;overflow:hidden}.messages{overflow-y:auto;min-height:0;overscroll-behavior:contain}.chat-list{overflow-y:auto}.back-button{border:0;background:none;color:#607080;font:inherit;font-size:.78rem;cursor:pointer;margin-bottom:14px}.project-hero{background:linear-gradient(135deg,var(--soft),#fff);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;align-items:center;gap:16px}.project-icon.large{width:54px;height:54px;font-size:1.25rem}.project-hero h2{margin:2px 0;font-size:1.3rem}.project-hero p{margin:0;color:var(--muted);font-size:.78rem}.project-hero small{color:var(--color);font-size:.7rem}.hero-progress{margin-right:auto;display:grid;text-align:center}.hero-progress strong{font-size:1.8rem;color:var(--color)}.hero-progress span{font-size:.68rem;color:var(--muted)}.project-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.project-stats article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;justify-content:space-between;align-items:center}.project-stats span{font-size:.72rem;color:var(--muted)}.project-stats strong{font-size:1.15rem}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.kanban-column{background:#edf0f3;border-radius:12px;padding:12px;min-height:280px}.kanban-column>header{height:auto;display:flex;padding:4px 4px 12px;align-items:center}.kanban-column h3{font-size:.82rem;margin:0}.kanban-column header b{margin-right:auto;background:white;border-radius:12px;padding:2px 8px;font-size:.68rem}.kanban-task{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px;margin-bottom:9px}.kanban-task h4{font-size:.76rem;margin:9px 0 5px}.kanban-task p,.kanban-task small{font-size:.65rem;color:var(--muted);margin:0}.column-empty,.empty-state{color:var(--muted);font-size:.75rem;text-align:center;padding:30px}.empty-state.compact{padding:22px}.task-groups{display:grid;gap:12px}.task-group-head{display:flex;align-items:center;gap:11px;padding:16px 21px 7px}.task-group-head h3{margin:0;font-size:.85rem}.task-group-head span{font-size:.65rem;color:var(--muted)}.task-group-head .text-btn{margin-right:auto}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-bottom:15px}.day-card{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 6px;display:grid;gap:3px;text-align:center;font:inherit;cursor:pointer}.day-card span,.day-card small{font-size:.65rem;color:var(--muted)}.day-card strong{font-size:1.15rem}.day-card.active{background:var(--ink);color:#fff;border-color:var(--ink)}.day-card.active span,.day-card.active small{color:#b9c2cd}.calendar-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:14px}.reminder-card{padding:22px;align-self:start}.reminder-card h3{font-size:.95rem}.reminder-card p{font-size:.75rem;color:var(--muted);line-height:1.9}.reminder-card .primary{width:100%}.notification-panel{display:none;position:absolute;z-index:40;top:82px;left:95px;width:340px;max-height:430px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 60px rgba(10,20,30,.18);padding:13px}.notification-panel.open{display:block}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 12px;border-bottom:1px solid var(--line)}.notification-head button{border:0;background:none;color:#297d62;font:inherit;font-size:.65rem;cursor:pointer}.notification-item{display:flex;gap:10px;padding:12px 5px;border-bottom:1px solid #f0f1f3}.notification-item i{width:8px;height:8px;border-radius:50%;margin-top:7px;background:var(--amber)}.notification-item i.high{background:var(--coral)}.notification-item div{display:grid}.notification-item strong{font-size:.73rem}.notification-item span,.notification-empty{font-size:.65rem;color:var(--muted)}.timeline-board{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;box-shadow:var(--shadow)}.timeline-row{display:grid;grid-template-columns:150px 24px 1fr;min-height:92px}.timeline-date{display:grid;align-content:start}.timeline-date strong{font-size:.76rem}.timeline-date span{font-size:.65rem;color:var(--muted)}.timeline-line{position:relative;display:flex;justify-content:center}.timeline-line:after{content:'';position:absolute;top:17px;bottom:-5px;width:2px;background:#e6e9ed}.timeline-row:last-child .timeline-line:after{display:none}.timeline-line i{z-index:1;margin-top:10px;width:14px;height:14px;border:4px solid #dff5ed;background:var(--mint);border-radius:50%}.timeline-items{display:grid;gap:7px;padding-bottom:15px}.timeline-items article{border:1px solid var(--line);border-radius:9px;padding:10px 13px;display:flex;align-items:center}.timeline-items article div{display:grid}.timeline-items b{font-size:.75rem}.timeline-items span{font-size:.64rem;color:var(--muted)}.timeline-items em{margin-right:auto;font-style:normal;font-size:.63rem;padding:4px 8px;border-radius:8px}.status-todo{background:#fff3dc;color:#976417}.status-doing{background:#e8efff;color:#456db8}.status-done{background:#e6f7f1;color:#287d61}
@media(max-width:950px){.kanban{grid-template-columns:1fr}.project-stats{grid-template-columns:1fr 1fr}.calendar-grid{grid-template-columns:1fr}.week-strip{overflow-x:auto;grid-template-columns:repeat(7,90px)}}
@media(max-width:700px){.project-hero{align-items:flex-start}.hero-progress{margin-right:0;margin-left:0}.notification-panel{position:fixed;top:75px;left:14px;right:14px;width:auto}.timeline-row{grid-template-columns:95px 18px 1fr}.project-stats{grid-template-columns:1fr 1fr}}
.project-card.clickable{display:block;text-decoration:none;color:inherit}.project-shortcuts .project-link{display:block;text-decoration:none}.back-button{text-decoration:none;display:inline-block}

/* Branding, theme, notes, project metadata and files */
.brand{height:67px;padding:0 8px 24px}.brand img{width:150px;max-height:42px;object-fit:contain;filter:invert(1)}.login-logo img{width:190px;max-height:66px;object-fit:contain}.task-actions{display:grid;justify-items:end;gap:6px}.note-button{border:0;background:#edf2f5;color:#536171;border-radius:7px;padding:4px 8px;font:inherit;font-size:.62rem;cursor:pointer}.task-note-preview,.kanban-note{margin:6px 0 0;color:#7b8490;font-size:.68rem;line-height:1.7}.project-info{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:0;margin:14px 0;padding:16px 20px;align-items:center}.project-info>div{display:grid;gap:4px;border-left:1px solid var(--line);padding:0 14px}.project-info>div:first-child{padding-right:0}.project-info span{font-size:.65rem;color:var(--muted)}.project-info strong{font-size:.76rem}.project-info button{margin-right:12px}textarea{font:inherit;border:1px solid #dfe3e8;border-radius:8px;padding:10px;resize:vertical;background:var(--paper);color:var(--ink)}#note-modal form{padding:22px}.note-task-title{font-size:.78rem;color:var(--muted)}#note-modal textarea{width:100%}#project-extra-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}#project-members{min-height:82px}.conversation{width:100%;border:0;background:transparent;text-align:right;font:inherit}.files-shell{overflow:hidden}.file-breadcrumb{display:flex;gap:7px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.file-breadcrumb button{border:0;background:none;font:inherit;color:#297d62;cursor:pointer}.file-table-head,.file-row{display:grid;grid-template-columns:minmax(250px,1.7fr) .5fr .5fr 1fr auto;gap:12px;align-items:center;padding:11px 18px}.file-table-head{background:#f2f4f6;color:var(--muted);font-size:.67rem}.file-row{border-top:1px solid var(--line);font-size:.72rem}.file-row.folder{cursor:pointer}.file-row.folder:hover{background:#f4faf8}.file-row>span:first-child{display:flex;gap:9px;align-items:center;font-weight:600}.file-row i{font-style:normal;color:#d69b33;font-size:1.1rem}.file-row.file i{color:#6d8299}.file-row span:not(:first-child){color:var(--muted)}.file-row a{color:#297d62;text-decoration:none}.file-row b{font-size:.65rem;color:#6c7683}.file-unavailable{text-align:center;padding:70px 20px}.file-unavailable p{color:var(--muted);font-size:.75rem}
[data-theme="dark"]{--ink:#eef2f6;--muted:#97a3b2;--line:#2d3745;--paper:#1a2431;--canvas:#101720;--navy:#0b1119;--shadow:0 12px 34px rgba(0,0,0,.2)}[data-theme="dark"] body,[data-theme="dark"] main{background:var(--canvas);color:var(--ink)}[data-theme="dark"] .panel,[data-theme="dark"] .stats article,[data-theme="dark"] .project-card,[data-theme="dark"] .project-stats article,[data-theme="dark"] .chat-layout,[data-theme="dark"] .timeline-board,[data-theme="dark"] dialog,[data-theme="dark"] .kanban-task,[data-theme="dark"] .day-card,[data-theme="dark"] .notification-panel{background:var(--paper);color:var(--ink)}[data-theme="dark"] .icon-btn,[data-theme="dark"] .ghost,[data-theme="dark"] label input,[data-theme="dark"] label select,[data-theme="dark"] textarea{background:#202c3a;color:var(--ink);border-color:var(--line)}[data-theme="dark"] .kanban-column,[data-theme="dark"] .messages,[data-theme="dark"] .file-table-head{background:#131c27}[data-theme="dark"] .message p{background:#202c3a}[data-theme="dark"] .message.outgoing p{background:#173b35;border-color:#235248}[data-theme="dark"] .project-hero{background:linear-gradient(135deg,#18312d,var(--paper))}[data-theme="dark"] .login-card{background:#1a2431;color:#eef2f6}[data-theme="dark"] .login-logo img{filter:invert(1)}[data-theme="dark"] .project-card.clickable:hover,[data-theme="dark"] .file-row.folder:hover{background:#202c3a}
@media(max-width:950px){.project-info{grid-template-columns:1fr 1fr}.project-info>div{border:0;padding:9px}.file-table-head,.file-row{grid-template-columns:minmax(180px,1fr) .5fr .7fr auto}.file-table-head span:nth-child(4),.file-row>span:nth-child(4){display:none}}
@media(max-width:700px){.brand img{width:130px}.project-info{grid-template-columns:1fr}.file-table-head,.file-row{grid-template-columns:minmax(150px,1fr) .5fr auto}.file-table-head span:nth-child(3),.file-row>span:nth-child(3){display:none}#project-extra-fields{grid-template-columns:1fr}}
.hidden-card{display:none}.login-switch{width:100%;border:0;background:none;color:#347e68;font:inherit;font-size:.75rem;margin-top:13px;cursor:pointer}.project-card-link{display:block;text-decoration:none;color:inherit}.project-code{font-size:.65rem;background:var(--soft);color:var(--color);padding:4px 8px;border-radius:7px}.restore-project{width:calc(100% - 24px);margin:0 12px 12px}.archive-action{border:0;background:#fff0ed;color:#b84d3e;border-radius:8px;padding:8px 11px;font:inherit;font-size:.7rem;cursor:pointer}.archive-action.restore{background:#e6f7f1;color:#287d61}.project-info{grid-template-columns:repeat(5,1fr) auto auto}[data-theme="dark"] .archive-action{background:#462723;color:#ffab9e}[data-theme="dark"] .archive-action.restore{background:#173b35;color:#80d4ba}

/* Personal portal and monthly finance */
.brand-title,.portal-wordmark{font-weight:800;letter-spacing:-.055em}.brand-title{font-size:1.28rem;color:#fff}.portal-wordmark{font-size:1.55rem;margin-bottom:30px;color:#172131;position:relative;padding-bottom:13px}.portal-wordmark:after{content:'';position:absolute;right:0;bottom:0;width:44px;height:3px;border-radius:3px;background:var(--mint)}.nav-svg svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.project-enter{font-size:.65rem;color:var(--muted)}.project-title-code{color:var(--color);font-weight:800}.finance-year-wrap{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--muted)}.finance-year-wrap input,.finance-add input,.finance-add select{font:inherit;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:9px 11px}.finance-year-wrap input{width:100px}.finance-months{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin:-7px 0 17px;padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.finance-month{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.7rem;padding:9px 3px;border-radius:8px;cursor:pointer;white-space:nowrap}.finance-month:hover{background:var(--canvas);color:var(--ink)}.finance-month.active{background:var(--ink);color:var(--paper);box-shadow:0 6px 16px rgba(20,30,45,.15)}.finance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.finance-summary article{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow);display:grid;gap:7px}.finance-summary article:nth-child(1){border-top:3px solid var(--mint)}.finance-summary article:nth-child(2){border-top:3px solid var(--coral)}.finance-summary article:nth-child(3){border-top:3px solid var(--blue)}.finance-summary article:nth-child(4){border-top:3px solid var(--amber)}.finance-summary small{color:var(--muted);font-size:.7rem}.finance-summary strong{font-size:1.05rem}.finance-summary strong.negative{color:#d55848}.finance-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.finance-panel{overflow:hidden}.finance-items{padding:0 20px 10px}.finance-group{margin-bottom:10px}.finance-group h3{display:flex;align-items:center;gap:8px;margin:4px -4px 0;padding:10px 4px;color:var(--muted);font-size:.7rem;font-weight:600}.finance-group h3:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--mint)}.finance-group.expense h3:before{background:var(--coral)}.finance-group.loan h3:before{background:var(--amber)}.finance-group h3 b{margin-right:auto;background:var(--canvas);padding:2px 7px;border-radius:9px;font-size:.62rem}.finance-item{display:grid;grid-template-columns:auto 1fr minmax(165px,200px) auto;align-items:center;gap:12px;padding:13px 10px;border-top:1px solid var(--line);transition:.15s}.finance-item:hover{background:color-mix(in srgb,var(--canvas) 55%,transparent)}.finance-item>input{width:18px;height:18px;accent-color:var(--mint)}.finance-item>div{display:grid}.finance-item strong{font-size:.78rem}.finance-item small{font-size:.63rem;color:var(--muted)}.finance-item.checked{opacity:.6}.finance-item.checked strong{text-decoration:line-through;color:var(--muted)}.finance-item label{margin:0;display:flex;align-items:center}.finance-item label input{width:100%;text-align:left}.finance-item label span{margin-right:-52px;pointer-events:none;font-size:.6rem;color:var(--muted)}.finance-money{font-size:.78rem;font-weight:700;color:var(--ink);text-align:left;white-space:nowrap}.delete-finance{border:0;background:#fff0ed;color:#bb5142;width:28px;height:28px;border-radius:7px;font-size:1.1rem;cursor:pointer}.finance-add{display:grid;grid-template-columns:1fr 150px auto;gap:8px;padding:16px 20px 20px;background:color-mix(in srgb,var(--canvas) 65%,transparent);border-top:1px solid var(--line)}.finance-add.expense-add{grid-template-columns:1fr 85px 130px auto}.finance-add .primary{white-space:nowrap}.calendar-finance{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0;background:linear-gradient(90deg,transparent,#fff9ed,transparent)}.calendar-finance-icon{width:34px;height:34px;border-radius:9px;background:#fff0d4;color:#a36a12;display:grid;place-items:center;font-weight:800}.calendar-finance>div{display:grid}.calendar-finance strong{font-size:.78rem}.calendar-finance small{font-size:.65rem;color:var(--muted)}.notification-item.financial i{background:var(--amber)}[data-theme="dark"] .portal-wordmark{color:#eef2f6}[data-theme="dark"] .finance-year-wrap input,[data-theme="dark"] .finance-add input,[data-theme="dark"] .finance-add select{background:#202c3a;color:var(--ink)}[data-theme="dark"] .delete-finance{background:#462723;color:#ffab9e}[data-theme="dark"] .calendar-finance{background:linear-gradient(90deg,transparent,#30281c,transparent)}
@media(max-width:1000px){.finance-summary{grid-template-columns:1fr 1fr}.finance-columns{grid-template-columns:1fr}.finance-months{grid-template-columns:repeat(6,1fr)}}
@media(max-width:700px){.finance-toolbar{align-items:flex-start;flex-direction:column}.finance-year-wrap{margin-top:12px}.finance-months{grid-template-columns:repeat(4,1fr)}.finance-summary{grid-template-columns:1fr 1fr}.finance-item{grid-template-columns:auto 1fr auto}.finance-item label,.finance-money{grid-column:2;text-align:right}.finance-add,.finance-add.expense-add{grid-template-columns:1fr}.finance-summary strong{font-size:.88rem}}

/* Calendar navigation, reminder icon and amount input alignment */
.bell-button svg,.reminder-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bell-button{display:grid;place-items:center}.reminder-bell svg{width:23px;height:23px}.calendar-strip-shell{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;align-items:center;margin-bottom:15px}.week-strip{display:flex;gap:9px;margin:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px}.day-card{flex:0 0 112px;scroll-snap-align:center}.calendar-scroll{width:36px;height:56px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;font-size:1.35rem;cursor:pointer}.calendar-finance.paid{opacity:.58}.calendar-finance.paid strong{text-decoration:line-through}.finance-item label{position:relative;display:block}.finance-item label input{padding:9px 10px 9px 58px;text-align:right;direction:rtl}.finance-item label span{position:absolute;left:10px;top:50%;transform:translateY(-50%);margin:0;background:var(--paper);padding-right:5px}.finance-item:hover label span{background:var(--canvas)}[data-theme="dark"] .finance-item label span{background:#202c3a}[data-theme="dark"] .calendar-scroll{background:var(--paper);color:var(--ink)}
@media(max-width:700px){.calendar-strip-shell{grid-template-columns:32px minmax(0,1fr) 32px}.calendar-scroll{width:32px}.day-card{flex-basis:96px}.finance-item label input{padding-left:58px}}

/* Protected finance, notes, deletion and reminder table */
.week-strip{scrollbar-width:none}.week-strip::-webkit-scrollbar{display:none}.calendar-grid{grid-template-columns:1fr 1fr}.calendar-reminder-panel{overflow:hidden}.calendar-reminders{padding:0 20px 18px}.reminder-table-row{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:12px 0;border-top:1px solid var(--line);align-items:center}.reminder-table-row>span{grid-row:span 2;background:#e8efff;color:#456db8;border-radius:7px;padding:4px 7px;font-size:.62rem}.reminder-table-row.finance>span{background:#fff0d4;color:#a36a12}.reminder-table-row strong{font-size:.74rem}.reminder-table-row small{font-size:.64rem;color:var(--muted)}.delete-item{border:0;background:#fff0ed;color:#b84d3e;border-radius:7px;padding:4px 8px;font:inherit;font-size:.62rem;cursor:pointer}.delete-item.compact{margin-right:7px}.project-card-actions{display:flex;gap:7px;padding:10px 12px 12px}.project-card-actions .restore-project{width:auto;margin:0;flex:1}.project-card-actions .delete-item{margin-right:auto}.finance-row-actions{display:flex!important;align-items:center;gap:5px}.finance-lock-modal form,#finance-note-modal form{padding:26px}.finance-lock-modal form{text-align:center}.finance-lock-modal h2{margin:12px 0 5px;font-size:1.1rem}.finance-lock-modal p{color:var(--muted);font-size:.74rem}.finance-lock-modal input{width:100%;font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:11px;text-align:center;letter-spacing:.18em}.lock-icon{width:50px;height:50px;margin:auto;border-radius:14px;background:var(--mint-soft);color:#258263;display:grid;place-items:center}.lock-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.finance-lock-modal .modal-actions{justify-content:center}.finance-lock-modal .login-error{color:#c94c3b}[data-theme="dark"] .delete-item{background:#462723;color:#ffab9e}[data-theme="dark"] .finance-lock-modal input{background:#202c3a}
@media(max-width:950px){.calendar-grid{grid-template-columns:1fr}.finance-item{grid-template-columns:auto 1fr minmax(150px,190px) auto}}

/* Persian month calendar and locked finance view */
.calendar-month-controls{display:flex;align-items:center;gap:8px}.calendar-month-controls select,.calendar-month-controls input{font:inherit;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:8px 10px}.calendar-month-controls input{width:92px}.day-card strong{font-size:.76rem;line-height:1.7}.finance-locked{filter:blur(9px);opacity:.55;pointer-events:none;user-select:none;transform:scale(.992);transform-origin:center top;transition:.2s}.finance-lock-modal::backdrop{background:rgba(10,16,24,.48);backdrop-filter:blur(3px)}[data-theme="dark"] .calendar-month-controls select,[data-theme="dark"] .calendar-month-controls input{background:#202c3a;color:var(--ink)}
@media(max-width:700px){.calendar-month-controls{width:100%;flex-wrap:wrap;margin-top:10px}.calendar-month-controls select{flex:1}.calendar-month-controls input{width:86px}}

/* Inline lock for calendar finance and profile typography */
.profile button{font:inherit;font-size:.72rem;cursor:pointer}.calendar-reminder-panel{position:relative;min-height:230px}.calendar-finance-content{transition:.2s}.calendar-finance-locked .calendar-finance-content{filter:blur(8px);opacity:.45;pointer-events:none;user-select:none}.calendar-finance-gate{display:none;position:absolute;inset:0;z-index:2;place-content:center;justify-items:center;text-align:center;padding:20px;background:rgba(255,255,255,.25);backdrop-filter:blur(1px)}.calendar-finance-locked .calendar-finance-gate{display:grid}.calendar-finance-gate>button{width:48px;height:48px;border:0;border-radius:14px;background:var(--ink);color:var(--paper);display:grid;place-items:center;cursor:pointer}.calendar-finance-gate svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.calendar-finance-gate>strong{font-size:.76rem;margin-top:8px}.calendar-finance-gate form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}.calendar-finance-gate form.hidden-card{display:none}.calendar-finance-gate input{font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px 10px;text-align:center;min-width:140px}.calendar-finance-gate form small{grid-column:1/-1;color:#c94c3b;font-size:.65rem}.calendar-finance-unlocked .calendar-finance-gate{display:none}[data-theme="dark"] .calendar-finance-gate{background:rgba(16,23,32,.3)}[data-theme="dark"] .calendar-finance-gate input{background:#202c3a;color:var(--ink)}

/* Dashboard delivery groups */
.dashboard-deliveries{overflow:hidden}.delivery-bucket{padding:0 21px 8px}.delivery-bucket h3{display:flex;align-items:center;gap:8px;margin:0;padding:11px 0 5px;border-top:1px solid var(--line);font-size:.74rem}.delivery-bucket h3:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--blue)}.delivery-bucket.overdue h3:before{background:var(--coral)}.delivery-bucket.tomorrow h3:before{background:var(--amber)}.delivery-bucket h3 span{margin-right:auto;background:var(--canvas);color:var(--muted);padding:2px 7px;border-radius:9px;font-size:.62rem}.delivery-bucket .task-list{padding:0}.delivery-bucket .empty-state{padding:12px 0;text-align:right}.dashboard-deliveries .task-meta{flex-wrap:wrap}

/* PWA, touch devices and responsive application shells */
html{background:var(--canvas);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.install-app{margin-top:7px;justify-content:center;border-color:#344153!important;color:#dfe7ee!important}.sidebar-scrim{display:none;position:fixed;inset:0;z-index:19;border:0;background:rgba(8,14,22,.48);backdrop-filter:blur(2px)}button,input,select,textarea{touch-action:manipulation}.nav-item,.new-project,.install-app,.primary,.ghost,.icon-btn{min-height:44px}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sidebar{padding-bottom:calc(18px + env(safe-area-inset-bottom))}#toast{bottom:calc(24px + env(safe-area-inset-bottom))}}

@media(min-width:701px) and (max-width:1100px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-inline:12px}main{padding-inline:20px}.brand-title{font-size:1.05rem}.stats{grid-template-columns:repeat(3,1fr)}.stats article{padding:14px;gap:10px}.trend{display:none}.content-grid{grid-template-columns:1fr}.activity-panel{margin-top:0}.project-cards,.project-cards.large{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions{gap:6px}.header-actions .primary{padding-inline:12px}.finance-months{grid-template-columns:repeat(6,1fr)}}

@media(max-width:700px){body.menu-open{overflow:hidden}.sidebar{right:auto;left:auto;inset-inline-end:-100%;width:min(86vw,320px);height:100dvh;padding-top:calc(22px + env(safe-area-inset-top));box-shadow:-18px 0 50px rgba(0,0,0,.25);transition:inset-inline-end .25s ease}.sidebar.open{right:auto;inset-inline-end:0}.sidebar.open~.sidebar-scrim{display:block}.app-shell main{padding:0 12px calc(24px + env(safe-area-inset-bottom))}header{height:auto;min-height:76px;padding:10px 0;position:sticky;top:0;z-index:15;background:color-mix(in srgb,var(--canvas) 92%,transparent);backdrop-filter:blur(12px)}header>div:nth-child(2){min-width:0;flex:1}header h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{gap:5px}.header-actions .icon-btn{display:grid;width:42px;height:42px}.header-actions .icon-btn[aria-label="جست‌وجو"]{display:none}.header-actions .primary{width:42px;height:42px;padding:0;font-size:0;border-radius:11px}.header-actions .primary::after{content:'＋';font-size:1.25rem}.mobile-menu{display:grid;place-items:center;min-width:42px;height:42px;padding:0;border-radius:10px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}.stats{grid-template-columns:1fr 1fr;gap:8px}.stats article{padding:13px;gap:10px;min-width:0}.stats article:last-child{grid-column:1/-1}.stats strong{font-size:1.3rem}.trend{display:none}.panel-head,.view-toolbar{padding-inline:15px}.view-toolbar{align-items:flex-start;gap:10px;flex-wrap:wrap}.task-list,.delivery-bucket{padding-inline:14px}.task-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.task-actions{grid-column:2;grid-row:2;display:flex;justify-items:initial;justify-content:flex-start;flex-wrap:wrap}.task-meta{flex-wrap:wrap;gap:4px 8px}.project-cards,.project-cards.large{grid-template-columns:1fr}.project-hero{display:grid;padding:18px}.hero-progress{margin:0;grid-template-columns:auto 1fr;align-items:center;gap:8px;text-align:right}.project-info{padding:10px 12px}.project-info button{margin:6px 0}.project-stats{gap:8px}.project-stats article{padding:11px;display:grid;gap:3px}.kanban{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.kanban-column{flex:0 0 88%;scroll-snap-align:start}.calendar-strip-shell{margin-inline:-4px}.calendar-grid{grid-template-columns:1fr}.calendar-month-controls{display:grid;grid-template-columns:1fr 86px auto;gap:6px}.calendar-month-controls select,.calendar-month-controls input{width:100%;min-width:0}.timeline-board{padding:14px}.timeline-row{grid-template-columns:76px 16px minmax(0,1fr)}.timeline-items article{align-items:flex-start;gap:5px;flex-direction:column}.timeline-items em{margin-right:0}.chat-layout{height:calc(100dvh - 100px);min-height:480px}.chat-head,.messages{padding-inline:14px}.composer{padding:10px}.composer .send{padding-inline:13px}.file-breadcrumb{overflow-x:auto;white-space:nowrap}.file-table-head{display:none}.file-row{grid-template-columns:minmax(0,1fr) auto;padding:13px 14px;gap:6px}.file-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.file-row>span:nth-child(2){display:none}.file-row a,.file-row b{grid-column:2}.finance-summary{grid-template-columns:1fr}.finance-months{grid-template-columns:repeat(3,1fr)}.finance-item{grid-template-columns:auto minmax(0,1fr);gap:8px}.finance-item>label,.finance-item>.finance-money,.finance-row-actions{grid-column:2}.finance-row-actions{justify-content:flex-start}.finance-add,.finance-add.expense-add{grid-template-columns:1fr}dialog{max-height:calc(100dvh - 24px);overflow:auto;margin-block:12px}#modal-form{padding:18px}.notification-panel{top:68px}.login-screen{padding:14px calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.login-card{padding:26px 20px;border-radius:16px}#toast{left:12px;right:12px;text-align:center}}

@media(max-width:380px){.header-actions .icon-btn[aria-label="حالت روز و شب"]{display:none}.stats{grid-template-columns:1fr}.stats article:last-child{grid-column:auto}.finance-months{grid-template-columns:repeat(2,1fr)}.calendar-month-controls{grid-template-columns:1fr 78px}.calendar-month-controls #calendar-today{grid-column:1/-1}.day-card{flex-basis:88px}}

/* Project workspaces */
.workspace-switcher{margin:0 0 14px;padding:11px;background:#0d141f;border:1px solid #283341;border-radius:12px}.workspace-head{display:flex;align-items:center;justify-content:space-between;color:#788495;font-size:.7rem;padding:0 4px 8px}.workspace-head button{width:28px;height:28px;border:0;border-radius:7px;background:#202b39;color:#b9c3ce;cursor:pointer;font:inherit}.workspace-list{display:grid;gap:5px}.workspace-option{min-height:42px;border:0;border-radius:9px;background:transparent;color:#aeb8c4;font:inherit;font-size:.78rem;padding:8px 10px;display:flex;align-items:center;text-align:right;cursor:pointer}.workspace-option:hover{background:#1c2735;color:#fff}.workspace-option.active{background:#2a3747;color:#fff;box-shadow:inset -3px 0 0 var(--mint)}.workspace-option b{margin-right:auto;min-width:25px;padding:2px 6px;border-radius:10px;background:#182331;color:#8e9bab;font-size:.65rem;text-align:center}.workspace-option.active b{background:#3b4a5c;color:#dce4ec}#workspace-form{padding:24px}.workspace-hint{color:var(--muted);font-size:.72rem;line-height:1.8;margin:16px 0 0}#workspace-name-fields{display:grid;gap:4px}
@media(max-width:700px){.workspace-switcher{margin-bottom:10px}.workspace-option{min-height:46px;font-size:.84rem}}

/* Collapsible project categories inside the main navigation */
.project-nav-group{display:grid}.project-menu-toggle{width:100%}.project-menu-toggle i{font-style:normal;font-size:.8rem;color:#74808e;transition:transform .18s}.project-nav-group.open .project-menu-toggle i{transform:rotate(180deg)}.project-submenu{display:none;margin:3px 9px 7px 0;padding:5px 9px 8px 0;border-right:1px solid #344153}.project-nav-group.open .project-submenu{display:block}.project-submenu .workspace-list{gap:3px}.project-submenu .workspace-option{width:100%;min-height:36px;padding:7px 9px;font-size:.74rem}.project-submenu .workspace-option.active{background:#1f2a37;box-shadow:inset -2px 0 0 var(--mint)}.edit-workspaces{width:100%;border:0;background:transparent;color:#707d8d;text-align:right;padding:8px 9px 3px;font:inherit;font-size:.66rem;cursor:pointer}.edit-workspaces:hover{color:#c7d0da}
@media(max-width:700px){.project-submenu .workspace-option{min-height:44px;font-size:.82rem}.edit-workspaces{min-height:40px;font-size:.72rem}}

/* Clean project detail layout on phones only */
@media(max-width:700px){
  .project-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;margin:12px 0;align-items:stretch}
  .project-info>div{min-width:0;min-height:72px;padding:11px 12px;border:0;border-radius:9px;background:var(--canvas);align-content:start;gap:5px}
  .project-info>div:first-child{padding:11px 12px}
  .project-info>div:nth-child(5){grid-column:1/-1;min-height:60px}
  .project-info span{display:flex;align-items:flex-start;min-height:2.7em;font-size:.7rem;line-height:1.35}
  .project-info>div:nth-child(5) span{min-height:auto}
  .project-info strong{font-size:.84rem;line-height:1.55;overflow-wrap:anywhere}
  .project-info button{width:100%;min-width:0;min-height:46px;margin:0;padding:9px 8px;font-size:.76rem;white-space:nowrap}
  .project-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
  .project-stats article{min-width:0;min-height:62px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .project-stats span{font-size:.73rem;line-height:1.5;white-space:nowrap}
  .project-stats strong{font-size:1.05rem;flex:0 0 auto}
  .kanban{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;overflow:visible;padding-bottom:0}
  .kanban-column{width:100%;min-width:0;min-height:0;padding:11px;scroll-snap-align:none}
  .kanban-column>header{padding:4px 3px 10px}
  .kanban-column h3{font-size:.86rem}
  .kanban-task{padding:13px;margin-bottom:8px}
  .kanban-task h4{font-size:.82rem;line-height:1.75}
  .kanban-task p,.kanban-task small{font-size:.7rem;line-height:1.8}
}
[data-theme="dark"] .project-info>div{background:#131c27}