:root{--bg:#ecebe7;--panel:#fff;--panel2:#f6f5f2;--panel3:#efede8;--text:#272633;--muted:#777483;--line:rgba(55,53,74,.15);--line2:rgba(55,53,74,.25);--header:#292731;--accent:#47425d;--accent2:#353143;--good:#5f8e62;--goodbg:#e6f0e5;--warn:#b67524;--warnbg:#f8ecd9;--bad:#b84e4e;--badbg:#f7e2e2;--blue:#557eb8;--bluebg:#e6edf7;--violet:#77699d;--violetbg:#ece8f6;--shadow:0 10px 28px rgba(31,29,44,.08);--sidebar:212px;--top:64px;--radius:14px;--font:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.muted{color:var(--muted)}.tiny{font-size:12px;color:var(--muted)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 85%,rgba(95,142,98,.12),transparent 29%),radial-gradient(circle at 90% 8%,rgba(71,66,93,.11),transparent 26%),var(--bg)}.login-card{width:min(420px,100%);padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 28px 70px rgba(31,29,44,.14)}.brand-login{display:flex;align-items:center;justify-content:center;gap:13px;font-size:22px;margin-bottom:24px}.login-logo{width:52px;height:52px;border-radius:16px;background:var(--header);display:grid;place-items:center;padding:8px}.login-logo img,.logo img{width:100%;height:100%;object-fit:contain}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:3px;margin-bottom:18px}.auth-tab{height:36px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700}.auth-tab.active{background:var(--panel);color:var(--text);box-shadow:0 2px 7px rgba(31,29,44,.08)}
.form-stack{display:grid;gap:13px}.form-stack label,.field-label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}input,textarea,select{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:10px;outline:0}input,select{height:40px;padding:0 11px}textarea{padding:10px 11px;resize:vertical;min-height:90px}input:focus,textarea:focus,select:focus{border-color:var(--line2);box-shadow:0 0 0 3px rgba(71,66,93,.09)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--header);color:white;padding:14px 12px;z-index:50;display:flex;flex-direction:column}.brand{height:44px;display:flex;align-items:center;gap:10px;padding:0 10px;margin-bottom:14px;font-size:16px;font-weight:800}.logo{width:30px;height:30px;padding:4px;border-radius:9px;background:rgba(255,255,255,.08)}.side-nav{display:grid;gap:4px}.nav-item{height:42px;border:0;background:transparent;color:rgba(255,255,255,.68);border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:10px;font-weight:650;text-align:left;width:100%}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.nav-item.active{background:rgba(255,255,255,.14);color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.app-main{margin-left:var(--sidebar);min-width:0}.topbar{position:sticky;top:0;height:var(--top);z-index:40;display:flex;align-items:center;padding:0 20px;gap:16px;background:rgba(236,235,231,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.breadcrumbs{min-width:0;display:flex;gap:7px;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden}.breadcrumbs strong{color:var(--text)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.global-search{position:relative;width:min(430px,38vw)}.global-search>svg{position:absolute;left:12px;top:11px;color:var(--muted)}.global-search input{height:40px;padding-left:38px;padding-right:30px;box-shadow:0 2px 8px rgba(31,29,44,.04)}.clear-search{position:absolute;right:7px;top:7px;width:26px;height:26px;border:0;background:transparent;color:var(--muted);font-size:20px}.search-results{position:absolute;left:0;right:0;top:46px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px rgba(31,29,44,.18);padding:7px;max-height:480px;overflow:auto}.search-section{padding:7px 9px 4px;font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.09em}.search-row{width:100%;border:0;background:transparent;border-radius:9px;padding:8px 9px;display:flex;align-items:center;gap:10px;text-align:left}.search-row:hover{background:var(--panel2)}.search-row .avatar{width:32px;height:32px}.search-copy{min-width:0}.search-copy strong,.search-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-copy span{font-size:12px;color:var(--muted)}
.btn{min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:7px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.btn:hover{background:var(--panel2);border-color:var(--line2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent2)}.btn.danger{background:var(--badbg);color:var(--bad);border-color:rgba(184,78,78,.2)}.btn.small{min-height:32px;padding:5px 9px;font-size:12px}.btn.wide{width:100%;height:42px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;place-items:center;position:relative}.icon-btn:hover{background:var(--panel2)}.notify-badge{position:absolute;right:-4px;top:-4px;background:var(--bad);color:#fff;border:2px solid var(--bg);border-radius:99px;min-width:17px;height:17px;padding:0 4px;font-size:9px;display:grid;place-items:center}.me-chip{height:40px;max-width:190px;border:1px solid var(--line);border-radius:11px;background:var(--panel);display:flex;align-items:center;gap:8px;padding:4px 9px 4px 5px;font-weight:700}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--panel3);border:1px solid var(--line);overflow:hidden;flex:0 0 auto;font-size:11px;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}
.main-content{padding:20px;max-width:1900px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.page-head h1{margin:0;font-size:27px;letter-spacing:-.035em}.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 10px rgba(31,29,44,.035)}.pad{padding:16px}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.toolbar .spacer{flex:1}.toolbar input,.toolbar select{width:auto;min-width:150px}.queue-chip,.status-chip,.priority-chip,.tag{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border-radius:7px;font-size:12px;font-weight:750;background:var(--panel3)}.status-chip[data-cat="closed"]{background:var(--goodbg);color:var(--good)}.status-chip[data-cat="waiting"]{background:var(--warnbg);color:var(--warn)}.priority-chip.high,.priority-chip.critical{background:var(--badbg);color:var(--bad)}.priority-chip.low,.priority-chip.lowest{background:var(--bluebg);color:var(--blue)}
.issue-table{width:100%;border-collapse:collapse}.issue-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800;text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}.issue-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.issue-table tr:last-child td{border-bottom:0}.issue-table tbody tr{cursor:pointer}.issue-table tbody tr:hover{background:var(--panel2)}.issue-key{font-weight:800;font-size:12px;color:var(--muted);white-space:nowrap}.issue-summary{font-weight:680;max-width:620px}.assignee-cell{display:flex;align-items:center;gap:7px;min-width:150px}.empty{padding:42px;text-align:center;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.queue-card{padding:16px}.queue-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.queue-key{font-size:11px;font-weight:850;letter-spacing:.06em;color:var(--muted)}.queue-card h3{margin:5px 0 4px;font-size:17px}.queue-card p{margin:0;color:var(--muted);font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:14px}.metric{padding:16px}.metric strong{display:block;font-size:28px;line-height:1;margin-top:8px}.metric span{font-size:12px;color:var(--muted);font-weight:700}.metric.bad strong{color:var(--bad)}.metric.warn strong{color:var(--warn)}
.issue-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.issue-main,.issue-side{display:grid;gap:12px;align-content:start}.issue-head{padding:16px}.issue-keyline{display:flex;align-items:center;gap:8px;margin-bottom:8px}.issue-title-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.issue-title{margin:0;font-size:25px;line-height:1.18;letter-spacing:-.025em}.transition-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.description{padding:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.section-title h2,.section-title h3{font-size:15px;margin:0}.description-body{white-space:pre-wrap;min-height:50px;line-height:1.55}.description-body.empty-text{color:var(--muted)}.detail-list{display:grid}.detail-row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line)}.detail-row:last-child{border-bottom:0}.detail-row>span:first-child{color:var(--muted);font-size:12px;padding-top:3px}.detail-value{min-width:0;overflow-wrap:anywhere}.inline-person{display:flex;align-items:center;gap:7px}.deadline.urgent{color:var(--bad);font-weight:800}.deadline.warn{color:var(--warn);font-weight:750}
.comment-list{display:grid;gap:10px}.comment{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px}.comment-card{border:1px solid var(--line);border-radius:11px;padding:10px 11px}.comment-head{display:flex;align-items:center;gap:7px;margin-bottom:6px}.comment-head strong{font-size:13px}.comment-head time{font-size:11px;color:var(--muted)}.comment-head .tag{margin-left:auto;height:21px}.comment-body{white-space:pre-wrap;line-height:1.5}.comment-composer{border-top:1px solid var(--line);margin:14px -16px -16px;padding:12px 16px}.composer-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.composer-actions .spacer{flex:1}.visibility-toggle{display:flex;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:2px}.visibility-toggle button{border:0;background:transparent;height:28px;padding:0 9px;border-radius:7px;font-size:11px;font-weight:750;color:var(--muted)}.visibility-toggle button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 5px rgba(31,29,44,.08)}.attachment-list{display:flex;gap:6px;flex-wrap:wrap}.attachment{height:30px;padding:0 8px;border:1px solid var(--line);background:var(--panel2);border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:12px}.history-list{display:grid;gap:8px}.history-row{font-size:12px;color:var(--muted);display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px}.history-row strong{color:var(--text)}
.board-wrap{overflow:auto;padding-bottom:4px}.board{display:flex;gap:12px;min-width:max-content;align-items:flex-start}.board-col{width:290px;background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:9px}.board-col-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 9px;font-size:12px;font-weight:800}.board-cards{display:grid;gap:8px;min-height:100px}.board-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:0 2px 8px rgba(31,29,44,.04);cursor:grab}.board-card:active{cursor:grabbing}.board-card .issue-key{display:block;margin-bottom:4px}.board-card .board-summary{font-weight:680;margin-bottom:9px}.board-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.board-card.dragging{opacity:.45}.board-col.dragover{outline:2px solid rgba(71,66,93,.25);outline-offset:2px}
.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:14px}.tab{border:0;background:transparent;height:40px;padding:0 12px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.tab.active{color:var(--text);border-color:var(--accent)}.admin-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px}.admin-nav{padding:8px}.admin-nav button{width:100%;height:38px;border:0;background:transparent;border-radius:8px;text-align:left;padding:0 10px;font-weight:650;color:var(--muted)}.admin-nav button.active,.admin-nav button:hover{background:var(--panel2);color:var(--text)}.admin-content{padding:16px}.settings-list{display:grid;gap:10px}.settings-row{padding:12px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-copy{min-width:0}.settings-copy strong,.settings-copy span{display:block}.settings-copy span{font-size:12px;color:var(--muted);margin-top:2px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--panel2);border:1px solid var(--line);padding:2px 6px;border-radius:6px}
.modal-backdrop{position:fixed;inset:0;background:rgba(28,27,37,.42);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(720px,100%);max-height:min(860px,calc(100vh - 40px));overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px rgba(22,21,31,.28)}.modal.wide{width:min(920px,100%)}.modal-head{position:sticky;top:0;z-index:2;background:var(--panel);padding:15px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:17px}.modal-foot{position:sticky;bottom:0;background:var(--panel);padding:12px 17px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:16px;height:16px}.picker{position:relative}.picker-results{position:absolute;z-index:10;left:0;right:0;top:44px;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);max-height:260px;overflow:auto;padding:5px}.picker-row{width:100%;border:0;background:transparent;border-radius:8px;padding:7px;display:flex;align-items:center;gap:8px;text-align:left}.picker-row:hover{background:var(--panel2)}.selected-chips{display:flex;gap:5px;flex-wrap:wrap}.person-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:3px 7px 3px 4px;font-size:12px}.person-chip .avatar{width:22px;height:22px}.person-chip button{border:0;background:transparent;color:var(--muted);padding:0 2px}
.notification-pop{position:fixed;right:70px;top:58px;width:min(390px,calc(100vw - 20px));max-height:520px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 25px 70px rgba(31,29,44,.2);z-index:80;padding:7px}.notification-row{width:100%;border:0;background:transparent;border-radius:9px;padding:9px;text-align:left}.notification-row:hover{background:var(--panel2)}.notification-row.unread{background:var(--bluebg)}.notification-row strong,.notification-row span,.notification-row time{display:block}.notification-row span{font-size:12px;color:var(--muted);margin:3px 0}.notification-row time{font-size:10px;color:var(--muted)}.toast-host{position:fixed;right:18px;bottom:18px;z-index:150;display:grid;gap:8px}.toast{background:var(--header);color:#fff;border-radius:10px;padding:10px 13px;box-shadow:var(--shadow);max-width:360px}.toast.error{background:#7d3434}
@media(max-width:1050px){:root{--sidebar:74px}.brand span:last-child,.nav-item span{display:none}.brand{justify-content:center;padding:0}.logo{width:34px;height:34px}.nav-item{justify-content:center;padding:0}.issue-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-nav{display:flex;overflow:auto}.admin-nav button{width:auto;white-space:nowrap}.global-search{width:min(340px,36vw)}}
@media(max-width:720px){:root{--sidebar:0px}.sidebar{display:none}.app-main{margin-left:0}.topbar{padding:0 10px}.breadcrumbs{display:none}.global-search{width:min(48vw,300px)}#createIssueBtn span{display:none}.main-content{padding:12px}.metric-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.issue-title-row{display:grid}.transition-row{justify-content:flex-start}.issue-table th:nth-child(4),.issue-table td:nth-child(4),.issue-table th:nth-child(5),.issue-table td:nth-child(5){display:none}.page-head{align-items:flex-start}.page-head h1{font-size:23px}.me-chip{display:none}}
.date-popover{position:fixed;z-index:180;width:292px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px rgba(31,29,44,.24);padding:10px}.date-pop-head{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:6px;margin-bottom:8px}.date-pop-head strong{text-align:center;font-size:13px}.date-pop-head button,.date-grid button{border:0;background:transparent;border-radius:8px;height:30px}.date-pop-head button:hover,.date-grid button:hover{background:var(--panel2)}.date-week,.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.date-week span{font-size:10px;color:var(--muted);padding:4px 0}.date-grid button{font-size:12px}.date-grid button.today{box-shadow:inset 0 0 0 1px var(--line)}.date-grid button.selected{background:var(--header);color:#fff}.date-time{display:flex;align-items:center;justify-content:flex-end;gap:5px;border-top:1px solid var(--line);padding-top:9px;margin-top:8px}.date-time input{width:42px;text-align:center;padding:6px}.date-time .btn{margin-left:6px}
.checklist{display:grid;gap:7px}.check-item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px}.check-item:hover{background:var(--panel2)}.check-item input{width:17px;height:17px}.check-item.done span{text-decoration:line-through;color:var(--muted)}.check-item span{flex:1}.check-item button{border:0;background:transparent;color:var(--muted);font-size:18px}.waiting-strip{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px}.waiting-strip>span:first-child{font-size:12px;color:var(--muted)}
.access-scroll{max-height:310px;overflow:auto}.settings-row input[type="checkbox"]{width:18px;height:18px}
.settings-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.settings-columns .full-span{grid-column:1/-1}.inline-add{display:flex;gap:8px;margin-top:12px}.inline-add select{flex:1}.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media(max-width:900px){.settings-columns{grid-template-columns:1fr}.settings-columns .full-span{grid-column:auto}}
.comment-composer{position:relative}.mention-suggest{position:absolute;left:16px;bottom:64px;width:min(360px,calc(100% - 32px));max-height:280px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:5px;z-index:15}.mention-suggest button{width:100%;border:0;background:transparent;border-radius:8px;padding:7px;display:flex;align-items:center;gap:8px;text-align:left}.mention-suggest button:hover{background:var(--panel2)}.mention-suggest button span{display:grid}.mention-suggest small{color:var(--muted)}
/* Tracker v0.2 */
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.setting-card{border:1px solid var(--line);border-radius:11px;padding:12px;background:var(--panel)}.setting-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.setting-card-head strong,.setting-card-head span{display:block}.setting-card-head span{font-size:11px;color:var(--muted);margin-top:3px}.setting-card p{margin:9px 0 0;font-size:12px;color:var(--muted);line-height:1.45}.field-label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;border:1px solid var(--line);border-radius:10px;padding:10px}.advanced-json{border-top:1px solid var(--line);padding-top:10px}.advanced-json summary{cursor:pointer;font-weight:700;color:var(--muted);margin-bottom:10px}.advanced-json label{margin-top:9px}.issue-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.macro-btn{border-style:dashed}.sla-list{display:grid;gap:11px}.sla-item{display:grid;gap:5px}.sla-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sla-head strong{font-size:12px}.sla-head span,.sla-item small{font-size:10px;color:var(--muted)}.sla-bar{height:5px;background:var(--panel2);border-radius:999px;overflow:hidden}.sla-bar i{display:block;height:100%;background:var(--accent);border-radius:inherit}.sla-item.warning .sla-bar i{background:var(--warn)}.sla-item.breached .sla-bar i{background:var(--bad)}.sla-item.paused .sla-bar i{opacity:.55}.external-people{display:grid;gap:8px}.external-person{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center}.external-person>span:nth-child(2){display:grid}.external-person strong{font-size:12px}.external-person small{font-size:10px;color:var(--muted)}.reaction-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px}.reaction,.reaction-add{height:25px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);padding:0 8px;font-size:12px}.reaction.mine{box-shadow:inset 0 0 0 1px var(--accent);background:var(--bluebg)}.reaction span{font-size:10px;color:var(--muted)}.reaction-add{width:28px;padding:0;color:var(--muted)}.emoji-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.emoji-picker button{border:1px solid var(--line);background:var(--panel2);border-radius:12px;height:54px;font-size:24px}.emoji-picker button:hover{background:var(--panel)}.dashboard-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.stats-list{display:grid;gap:4px}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px;border-radius:8px}.stat-row:hover{background:var(--panel2)}.stat-row span{color:var(--muted)}.metric .metric-text{font-size:21px}.bulk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 11px;margin-bottom:10px}.bulk-bar .spacer{flex:1}.issue-table .bulk-cell{width:36px;text-align:center}.issue-table .bulk-cell input{width:17px;height:17px}
@media(max-width:720px){.dashboard-two{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}}
.comment-actions{display:flex;align-items:center;gap:2px}.comment-action{border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;padding:3px 5px;border-radius:6px}.comment-action:hover{background:var(--panel2);color:var(--text)}.danger-text{color:var(--bad)}.icon-btn.compact{width:30px;height:30px;border-radius:8px}.issue-link-copy{min-width:0;color:inherit;text-decoration:none}.issue-link-copy:hover strong{text-decoration:underline}


/* ===== Tracker v0.4 — UI overhaul ===== */
:root{
  --bg:#EAE9E4;--panel:#FFFFFF;--panel2:#F5F3EE;--panel3:#ECE9E2;--text:#262638;
  --muted:#7A7888;--muted2:#9B99A4;--line:rgba(62,61,86,.16);--line2:rgba(62,61,86,.25);
  --header:#272630;--header2:#353246;--accent:#3F3C57;--accent2:#2A2737;
  --good:#6E996D;--goodbg:#E8F1E7;--warn:#B77724;--warnbg:#F7EAD6;--bad:#B84F4F;--badbg:#F8E2E2;
  --blue:#5A86C5;--bluebg:#E6EEF8;--violet:#77699D;--violetbg:#ECE8F6;
  --shadow:0 14px 34px rgba(27,27,46,.10);--shadow-lg:0 28px 70px rgba(27,27,46,.16);
  --sidebar:224px;--top:64px;--radius:14px;--ease:cubic-bezier(.16,1,.3,1);
}
body[data-theme="dark"]{
  --bg:#1E1E24;--panel:#292930;--panel2:#24242B;--panel3:#33333C;--text:#F0EFF4;
  --muted:#AAA8B4;--muted2:#7E7C88;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.18);
  --header:#17171C;--header2:#24242C;--accent:#6E688A;--accent2:#59536F;
  --good:#91B88F;--goodbg:rgba(97,149,94,.16);--warn:#D59C4D;--warnbg:rgba(183,119,36,.16);
  --bad:#DA7777;--badbg:rgba(184,79,79,.16);--blue:#82A8D7;--bluebg:rgba(90,134,197,.16);
  --violet:#A89ACD;--violetbg:rgba(119,105,157,.18);
  --shadow:0 14px 36px rgba(0,0,0,.22);--shadow-lg:0 28px 72px rgba(0,0,0,.34);
}
html,body{background:var(--bg);color:var(--text);font-size:13px}
body{transition:background .18s var(--ease),color .18s var(--ease)}
input,textarea,select{background:var(--panel);color:var(--text)}
input::placeholder,textarea::placeholder{color:var(--muted2)}
input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.mobile-only{display:none!important}

/* shell aligned with Bliss Staff */
.app-shell{--sidebar-current:var(--sidebar)}
.sidebar{width:var(--sidebar-current);padding:12px 10px;background:var(--header);transition:width .2s var(--ease),transform .2s var(--ease)}
.app-main{margin-left:var(--sidebar-current);transition:margin-left .2s var(--ease)}
.brand{height:44px;margin:0 0 12px;padding:0 7px;display:flex;align-items:center;gap:6px}
.brand-link{min-width:0;display:flex;align-items:center;gap:9px;flex:1;color:#fff;font-size:15px;font-weight:800}
.brand-name{white-space:nowrap}
.logo{width:30px;height:30px;border-radius:9px}
.sidebar-collapse-btn{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.54)}
.sidebar-collapse-btn:hover{background:rgba(255,255,255,.08);color:#fff}
.sidebar-collapse-btn svg{width:14px;height:14px;transform:rotate(180deg);transition:transform .2s var(--ease)}
.app-shell.sidebar-collapsed{--sidebar-current:78px}
.app-shell.sidebar-collapsed .brand{justify-content:center;padding:0}
.app-shell.sidebar-collapsed .brand-link{flex:0 0 auto}
.app-shell.sidebar-collapsed .brand-name,.app-shell.sidebar-collapsed .sidebar .nav-item span{display:none}
.app-shell.sidebar-collapsed .sidebar .nav-item{justify-content:center;padding:0}
.app-shell.sidebar-collapsed .sidebar-collapse-btn{position:absolute;left:61px;top:21px;width:23px;height:23px;background:var(--header2);box-shadow:0 2px 8px rgba(0,0,0,.22)}
.app-shell.sidebar-collapsed .sidebar-collapse-btn svg{transform:rotate(0deg)}
.nav-item{height:40px;border-radius:9px;padding:0 11px;font-size:12px;font-weight:700;gap:10px}
.nav-item svg{width:16px;height:16px;flex:0 0 auto}
.nav-item.active{background:rgba(255,255,255,.13)}
.sidebar-bottom{padding-top:8px}
.topbar{height:var(--top);padding:0 16px;background:color-mix(in srgb,var(--bg) 90%,transparent);border-color:var(--line);backdrop-filter:blur(18px)}
.top-actions{gap:6px}
.global-search{width:min(430px,35vw)}
.global-search input{height:38px;background:var(--panel);border-radius:10px;box-shadow:none}
.icon-btn,.control-chip{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}
.icon-btn{width:38px}
.icon-btn:hover,.control-chip:hover{background:var(--panel2);border-color:var(--line2)}
.control-chip{min-width:54px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800}
.control-chip svg{width:14px;height:14px}
.me-chip{height:38px;border-radius:10px;max-width:210px;box-shadow:none}
.me-chip .avatar{width:28px;height:28px}
.breadcrumbs{font-size:11px}
.main-content{padding:16px 18px 28px;max-width:none;margin:0}
.login-shell{background:radial-gradient(circle at 14% 82%,color-mix(in srgb,var(--good) 12%,transparent),transparent 30%),radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 30%),var(--bg)}
.login-controls{position:fixed;right:18px;top:18px;display:flex;gap:7px;z-index:5}
.login-card{border-radius:20px;box-shadow:var(--shadow-lg)}
body[data-theme="dark"] .login-logo{background:var(--panel3)}

/* common density */
.page-head{align-items:center;margin:1px 0 12px}
.page-head h1{font-size:23px;letter-spacing:-.03em}
.btn{min-height:34px;border-radius:9px;padding:6px 10px;font-size:12px;box-shadow:none}
.btn.small{min-height:28px;padding:4px 8px;font-size:11px}
.btn.primary{background:var(--accent2);border-color:var(--accent2)}
.btn.primary:hover{background:var(--accent)}
.panel{border-radius:12px;box-shadow:none}
.pad{padding:13px}
.toolbar{gap:6px;margin-bottom:9px;padding:0}
.toolbar input,.toolbar select{height:34px;min-width:132px}
.section-title{margin-bottom:8px}
.section-title h2,.section-title h3{font-size:13px}
.tag,.queue-chip,.status-chip,.priority-chip{height:22px;border-radius:6px;padding:0 7px;font-size:10px}
.avatar{width:28px;height:28px;background:var(--panel3)}
.inline-person{gap:7px}
.empty{padding:32px}

/* issue list: denser, Tracker-like */
.issue-table{table-layout:auto}
.issue-table th{height:34px;padding:7px 10px;font-size:9px;letter-spacing:.07em;background:var(--panel2);position:sticky;top:0}
.issue-table td{height:44px;padding:7px 10px}
.issue-table tbody tr:hover{background:color-mix(in srgb,var(--panel2) 75%,transparent)}
.issue-table .select-col{width:38px}
.issue-table .issue-key{font-size:11px;color:var(--blue)}
.issue-summary{font-weight:720}
.row-tags{display:flex;gap:4px;margin-top:4px}
.row-tags .tag{height:18px;font-size:9px}
.bulk-bar{border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.issue-list-panel{overflow:hidden}

/* issue document */
.issue-layout{grid-template-columns:minmax(0,1fr) 350px;gap:12px;max-width:1560px;margin:0 auto}
.issue-main{display:block;min-width:0}
.issue-main>.panel{margin-bottom:10px}
.issue-side{gap:10px;position:sticky;top:calc(var(--top) + 12px);align-self:start;max-height:calc(100vh - var(--top) - 24px);overflow:auto;padding-right:2px}
.issue-head{padding:14px 16px 12px}
.issue-keyline{margin-bottom:7px;gap:6px}
.issue-head .issue-key{color:var(--blue);font-size:11px}
.issue-title-row{align-items:flex-start}
.issue-title{font-size:25px;line-height:1.2;letter-spacing:-.025em}
.issue-title-row>div:first-child{min-width:0;flex:1}
.issue-tags{margin-top:6px}
.transition-row{max-width:48%;gap:5px}
.transition-row .btn{background:var(--panel2)}
.transition-row .btn:last-child{margin-right:0}
.waiting-strip{margin:9px -16px -12px;padding:8px 16px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--warnbg) 64%,var(--panel))}
.description{padding:0}
.description .section-title,.issue-section-head{padding:11px 14px 0}
.description-body{padding:5px 14px 14px;min-height:42px}
.issue-side>.panel{background:var(--panel)}
.issue-side .pad{padding:12px}
.issue-side .section-title{margin-bottom:4px}
.detail-row{grid-template-columns:110px minmax(0,1fr);padding:7px 0;gap:8px}
.detail-row>span{font-size:10px;color:var(--muted)}
.detail-value,.detail-row>div{min-width:0}
.deadline.urgent{color:var(--bad);font-weight:800}.deadline.warn{color:var(--warn);font-weight:800}
.person-chip{font-size:10px;padding:2px 6px 2px 3px}
.person-chip .avatar{width:20px;height:20px}
.selected-chips{gap:4px}
.external-person{padding:5px 0}

/* activity / comments */
.comment-list{display:grid;gap:4px}
.comment{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:7px 0}
.comment-card{border:0!important;background:transparent!important;padding:0!important}
.comment-head{min-height:24px}
.comment-head strong{font-size:11px}
.comment-head time{font-size:9px}
.comment-body{padding-top:2px;font-size:12px;line-height:1.5}
.comment-composer{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:visible}
.comment-composer .md-editor{border:0}
.composer-actions{padding:6px;border-top:1px solid var(--line);background:var(--panel2);border-radius:0 0 10px 10px}
.visibility-toggle{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:2px}
.visibility-toggle button{height:26px}
.reaction-row{margin-top:5px}
.history-row{grid-template-columns:125px minmax(0,1fr);padding:6px 0}
.history-row time{font-size:9px}

/* Markdown / formatting */
.markdown-body{font-size:12.5px;line-height:1.58;overflow-wrap:anywhere;color:var(--text)}
.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}
.markdown-body p{margin:0 0 9px}
.markdown-body h1,.markdown-body h2,.markdown-body h3{line-height:1.25;letter-spacing:-.015em;margin:14px 0 7px}
.markdown-body h1{font-size:19px}.markdown-body h2{font-size:16px}.markdown-body h3{font-size:14px}
.markdown-body ul,.markdown-body ol{padding-left:21px;margin:6px 0 10px}
.markdown-body li{margin:3px 0}
.markdown-body blockquote{margin:8px 0;padding:7px 10px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:var(--panel2);color:var(--muted)}
.markdown-body code{padding:2px 5px;border-radius:5px;background:var(--panel3);font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.92em}
.markdown-body pre{overflow:auto;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
.markdown-body pre code{padding:0;background:none}
.markdown-body a{color:var(--blue);text-decoration:none}.markdown-body a:hover{text-decoration:underline}
.markdown-body .mention{display:inline-flex;padding:0 4px;border-radius:5px;background:var(--bluebg);color:var(--blue);font-weight:700}
.md-editor{overflow:visible;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.md-toolbar{display:flex;align-items:center;gap:2px;padding:5px;border-bottom:1px solid var(--line);background:var(--panel2);border-radius:10px 10px 0 0}
.md-toolbar button{height:27px;min-width:27px;border:0;border-radius:6px;background:transparent;color:var(--muted);padding:0 6px;display:grid;place-items:center;font-size:11px;font-weight:800}
.md-toolbar button:hover,.md-toolbar button.active{background:var(--panel3);color:var(--text)}
.md-toolbar button svg{width:13px;height:13px}
.md-toolbar .md-sep{width:1px;height:16px;background:var(--line);margin:0 3px}
.md-toolbar .md-spacer{flex:1}
.md-editor textarea{border:0;border-radius:0 0 10px 10px;box-shadow:none!important;resize:vertical;min-height:120px;line-height:1.5;background:var(--panel)}
.md-editor .md-preview{min-height:120px;padding:11px;border-radius:0 0 10px 10px;background:var(--panel)}
.md-editor.compact textarea,.md-editor.compact .md-preview{min-height:84px}
.md-editor.composer textarea,.md-editor.composer .md-preview{min-height:96px}
.md-toolbar-label{font-size:10px;font-weight:700;color:var(--muted);padding:0 5px}

/* board */
.board-wrap{height:calc(100vh - var(--top) - 92px);min-height:470px;overflow:auto;padding-bottom:3px}
.board{display:flex;gap:8px;min-width:max-content;height:100%;align-items:stretch}
.board-col{width:286px;min-width:286px;height:100%;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 80%,var(--bg));display:flex;flex-direction:column;overflow:hidden}
.board-col-head{height:39px;padding:0 11px;border-bottom:1px solid var(--line);background:var(--panel);font-size:11px;font-weight:800}
.board-col-head span:last-child{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--panel3);font-size:9px}
.board-cards{padding:7px;display:grid;align-content:start;gap:6px;overflow:auto;flex:1}
.board-card{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 1px 2px rgba(20,20,30,.03);cursor:grab}
.board-card:hover{border-color:var(--line2);box-shadow:0 4px 14px rgba(20,20,30,.06)}
.board-card .issue-key{color:var(--blue)}
.board-summary{margin:6px 0 9px;font-size:12px;font-weight:730;line-height:1.35}
.board-card-foot{min-height:24px}
.board-card .inline-person span:last-child{display:none}
.board-card.dragging{opacity:.55}
.board-col.dragover{outline:2px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:-2px}

/* queues / dashboard / admin */
.cards{grid-template-columns:repeat(auto-fill,minmax(235px,285px));justify-content:start;gap:9px}
.queue-card{min-height:112px;padding:13px;transition:.16s var(--ease)}
.queue-card:hover{transform:translateY(-1px);border-color:var(--line2);box-shadow:0 7px 22px rgba(27,27,46,.06)}
.queue-card h3{font-size:15px}.queue-card p{font-size:11px}
.metric-grid{grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px}
.metric{padding:13px}
.metric strong{font-size:23px;margin-top:5px}
.metric span{font-size:10px}
.dashboard-two{gap:8px}
.admin-grid{gap:10px}
.admin-nav{border-radius:12px;padding:6px;align-self:start;position:sticky;top:calc(var(--top) + 12px)}
.admin-nav button{height:34px;border-radius:8px;font-size:11px}
.settings-row{min-height:44px;padding:8px 9px}
.setting-card{border-radius:10px}
.modal-backdrop{background:rgba(20,20,28,.46);backdrop-filter:blur(3px)}
.modal{border-radius:15px;box-shadow:var(--shadow-lg)}
.modal-head{padding:12px 14px}.modal-body{padding:14px}.modal-foot{padding:10px 14px}
.modal-head h2{font-size:16px}

/* dark fixes */
body[data-theme="dark"] .topbar{background:color-mix(in srgb,var(--bg) 88%,transparent)}
body[data-theme="dark"] .panel,body[data-theme="dark"] .board-card,body[data-theme="dark"] .modal{box-shadow:none}
body[data-theme="dark"] .notify-badge{border-color:var(--bg)}
body[data-theme="dark"] img{color-scheme:dark}
body[data-theme="dark"] .date-grid button.selected{background:var(--accent);color:#fff}
body[data-theme="dark"] .notification-row.unread{background:var(--bluebg)}

/* responsive */
@media(max-width:1250px){
  .issue-layout{grid-template-columns:minmax(0,1fr) 315px}
  .metric-grid{grid-template-columns:repeat(3,1fr)}
  .global-search{width:min(340px,30vw)}
}
@media(max-width:980px){
  .sidebar-collapse-btn{display:none}
  .issue-layout{grid-template-columns:1fr}
  .issue-side{position:static;max-height:none;overflow:visible}
  .transition-row{max-width:none}
}
@media(max-width:800px){
  .app-shell{--sidebar-current:0px}
  .app-shell.sidebar-collapsed{--sidebar-current:0px}
  .sidebar,.app-shell.sidebar-collapsed .sidebar{display:flex;transform:translateX(-105%);width:236px;box-shadow:var(--shadow-lg)}
  .sidebar.open{transform:translateX(0)}
  .app-shell.sidebar-collapsed .brand-name,.app-shell.sidebar-collapsed .sidebar .nav-item span{display:inline}
  .app-shell.sidebar-collapsed .sidebar .nav-item{justify-content:flex-start;padding:0 11px}
  .app-shell.sidebar-collapsed .brand{justify-content:flex-start;padding:0 7px}
  .app-shell.sidebar-collapsed .brand-link{flex:1}
  .app-shell.sidebar-collapsed .sidebar-collapse-btn{display:none}
  .mobile-only{display:grid!important}
  .topbar{padding:0 10px}
  .breadcrumbs{display:none}
  .global-search{width:auto;flex:1;min-width:120px}
  .top-actions{flex:1;min-width:0}
  .control-chip{width:38px;min-width:38px;padding:0}.control-chip span{display:none}
  .me-chip{display:none}
  .main-content{padding:10px}
  .metric-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-two{grid-template-columns:1fr}
  .issue-title-row{display:block}
  .transition-row{justify-content:flex-start;margin-top:10px}
  .board-wrap{height:calc(100vh - var(--top) - 82px)}
}
@media(max-width:560px){
  .page-head{align-items:flex-start;flex-wrap:wrap}.page-actions{width:100%}
  .page-head h1{font-size:21px}
  #createIssueBtn span{display:none}
  .metric-grid{grid-template-columns:1fr 1fr}
  .issue-title{font-size:21px}
  .detail-row{grid-template-columns:96px minmax(0,1fr)}
  .form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}
  .issue-table th:nth-child(4),.issue-table td:nth-child(4),.issue-table th:nth-child(5),.issue-table td:nth-child(5){display:none}
  .md-toolbar{overflow-x:auto}
}

/* v0.4 issue-side grouping and small controls */
.issue-properties>.section-title{padding-bottom:7px;border-bottom:1px solid var(--line)}
.side-section{margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}
.side-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.side-section-head>strong{font-size:11px}
.text-btn{min-height:24px;border:0;border-radius:6px;background:transparent;color:var(--blue);padding:2px 5px;font-size:10px;font-weight:750}
.text-btn:hover{background:var(--panel2)}
.section-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--panel3);color:var(--muted);font-size:9px;font-weight:800}
.issue-link-list{display:grid;gap:3px}
.issue-link-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:5px;align-items:center;padding:5px 0}
.issue-link-row>a{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 6px;align-items:center}
.issue-link-row>a strong{color:var(--blue);font-size:10px}
.issue-link-row>a span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.issue-link-row>a small{grid-column:1/-1;color:var(--muted);font-size:9px}
.issue-history{padding:0!important}
.issue-history>summary{list-style:none;display:flex;align-items:center;gap:7px;padding:11px 13px;cursor:pointer;font-size:12px;font-weight:800}
.issue-history>summary::-webkit-details-marker{display:none}
.issue-history>summary:before{content:"›";display:inline-block;color:var(--muted);transform:rotate(0deg);transition:.15s var(--ease)}
.issue-history[open]>summary:before{transform:rotate(90deg)}
.issue-history .history-list{padding:0 13px 10px;border-top:1px solid var(--line)}
.description .attachment-list{margin:0!important;padding:0 14px 13px}
.issue-activity>.section-title{justify-content:flex-start}
.issue-activity>.section-title .section-count{margin-left:2px}
.composer-actions .spacer{flex:1}
@media(max-width:800px){.login-controls{right:10px;top:10px}.issue-properties{padding:11px}}

/* Staff-backed person picker */
.person-picker{position:relative;min-width:0}
.person-picker-trigger{width:100%;height:40px;display:grid;grid-template-columns:26px minmax(0,1fr) 15px;align-items:center;gap:7px;padding:0 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);text-align:left}
.person-picker-trigger:hover{border-color:var(--line2);background:var(--panel2)}
.person-picker-trigger>.avatar{width:26px;height:26px}
.person-picker-trigger>svg{width:13px;height:13px;color:var(--muted);transform:rotate(90deg)}
.person-picker-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:650}
.person-empty{color:var(--muted);background:var(--panel2)}
.person-empty svg{width:13px;height:13px}
.person-picker-pop{position:absolute;z-index:110;top:calc(100% + 5px);left:0;width:max(100%,300px);max-width:min(390px,calc(100vw - 32px));padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-lg)}
.person-picker-search{position:relative;margin-bottom:4px}
.person-picker-search>svg{position:absolute;left:9px;top:9px;width:13px;height:13px;color:var(--muted)}
.person-picker-search input{height:31px;padding:0 8px 0 30px;border-radius:8px;background:var(--panel2)}
.person-picker-results{max-height:300px;overflow:auto}
.person-picker-row{width:100%;min-height:42px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:8px;align-items:center;padding:5px 7px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left}
.person-picker-row:hover,.person-picker-row.selected{background:var(--panel2)}
.person-picker-row>.avatar{width:28px;height:28px}
.person-picker-row>span:nth-child(2){min-width:0;display:grid;gap:2px}
.person-picker-row strong,.person-picker-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.person-picker-row strong{font-size:11px}.person-picker-row small{font-size:9px;color:var(--muted)}
.person-picker-row>svg{width:13px;height:13px;color:var(--good)}

/* route-aware content width */
.main-content{width:100%;max-width:1680px;margin:0 auto}
.main-content[data-page="boards"]{max-width:none}
.main-content[data-page="issue"]{max-width:none}
.mention-suggest{left:6px;top:38px;bottom:auto;width:min(360px,calc(100% - 12px));max-height:260px}

/* polished native controls */
select{-webkit-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A7888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:12px}
input[type="checkbox"],input[type="radio"]{accent-color:var(--accent)}
textarea{line-height:1.48}

/* v0.4 dense entity pages, view switchers and inline properties */
.main-content{max-width:1480px}
.compact-page-head{min-height:48px;margin-bottom:10px}
.page-subtitle{margin-top:3px;color:var(--muted);font-size:10px;font-weight:650}
.view-switch{display:inline-flex;align-items:center;height:34px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.view-switch button{height:26px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:750}
.view-switch button svg{width:12px;height:12px}
.view-switch button:hover{color:var(--text);background:var(--panel2)}
.view-switch button.active{background:var(--panel3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.queue-switcher{min-width:220px;max-width:360px;height:34px}
.filter-surface{margin-bottom:9px;padding:7px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.filter-surface .toolbar{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.filter-surface .toolbar select,.filter-surface .toolbar input{height:32px;border-radius:8px;background:var(--panel2)}

.queue-directory{overflow:hidden}
.queue-directory-row{min-height:60px;display:grid;grid-template-columns:34px minmax(180px,1fr) 84px 76px 18px;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--text);transition:.12s var(--ease)}
.queue-directory-row:last-child{border-bottom:0}
.queue-directory-row:hover{background:var(--panel2)}
.queue-directory-row>svg{width:13px;height:13px;color:var(--muted)}
.queue-directory-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--panel3);color:var(--accent)}
.queue-directory-icon svg{width:15px;height:15px}
.queue-directory-main{min-width:0;display:grid;gap:3px}
.queue-directory-main strong{font-size:12px}
.queue-directory-main small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-directory-row .queue-key{justify-self:start}
.queue-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:10px}
.queue-heading{display:flex;align-items:flex-start;gap:11px;min-width:0}
.queue-heading h1{margin:1px 0 0;font-size:21px;line-height:1.18}
.queue-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}
.queue-heading-key{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.06em}
.queue-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--panel3);color:var(--accent);flex:0 0 auto}
.queue-mark svg{width:18px;height:18px}
.entity-tabs{display:flex;align-items:center;gap:2px;margin:0 0 9px;border-bottom:1px solid var(--line)}
.entity-tabs a{height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-bottom:2px solid transparent;color:var(--muted);font-size:10px;font-weight:750}
.entity-tabs a svg{width:13px;height:13px}
.entity-tabs a:hover{color:var(--text)}
.entity-tabs a.active{color:var(--text);border-bottom-color:var(--accent)}
.entity-tabs a b{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--panel3);font-size:9px}

.detail-row>div{min-width:0}
.inline-person-field .person-picker-trigger{height:30px;border-color:transparent;padding:0 4px;background:transparent;border-radius:7px;grid-template-columns:22px minmax(0,1fr) 12px}
.inline-person-field .person-picker-trigger:hover{background:var(--panel2);border-color:var(--line)}
.inline-person-field .person-picker-trigger>.avatar{width:22px;height:22px;font-size:8px}
.inline-person-field .person-picker-pop{right:0;left:auto;width:320px}
.inline-detail-select,.inline-detail-date{width:100%;height:30px!important;min-height:30px!important;padding-top:0!important;padding-bottom:0!important;border:1px solid transparent!important;border-radius:7px!important;background-color:transparent!important;font-size:10px!important;font-weight:680;color:var(--text)}
.inline-detail-select:hover,.inline-detail-date:hover,.inline-detail-select:focus,.inline-detail-date:focus{border-color:var(--line)!important;background-color:var(--panel2)!important}
.inline-detail-date{padding-right:5px!important;font-variant-numeric:tabular-nums}
.inline-detail-date.urgent{color:var(--bad);font-weight:800}.inline-detail-date.warn{color:var(--warn);font-weight:800}
.modal-search{position:relative;margin-bottom:8px}
.modal-search svg{position:absolute;left:10px;top:10px;width:13px;height:13px;color:var(--muted);pointer-events:none}
.modal-search input{height:33px;padding-left:31px;background:var(--panel2)}

@media(max-width:800px){
  .main-content{max-width:none}
  .view-switch span{display:none}
  .queue-switcher{min-width:130px;max-width:190px}
  .queue-directory-row{grid-template-columns:34px minmax(0,1fr) 60px 18px}.queue-directory-row>.tag,.queue-directory-row>span:empty{display:none}
  .queue-page-head{align-items:center}.queue-heading p{display:none}
}
.add-section-row{width:max-content;min-height:30px;margin:1px 0;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700}
.add-section-row:hover{background:var(--panel2);color:var(--text)}.add-section-row svg{width:12px;height:12px}
.issue-title-block{min-width:0;flex:1}.issue-title-line{display:flex;align-items:flex-start;gap:5px;min-width:0}.issue-title-edit{margin-top:1px;opacity:0;transition:opacity .12s var(--ease)}.issue-title-line:hover .issue-title-edit,.issue-title-edit:focus{opacity:1}.issue-title-input{width:min(820px,100%);height:38px;padding:2px 7px!important;border-radius:8px!important;font-size:22px!important;font-weight:790!important;letter-spacing:-.02em;background:var(--panel2)!important}

/* ===== v0.4.0 finishing pass ===== */
.issue-table-scroll{overflow:auto;max-width:100%}
.issue-table th[data-col="key"],.issue-table td[data-col="key"]{width:92px}
.issue-table th[data-col="queue"],.issue-table td[data-col="queue"]{width:90px}
.issue-table th[data-col="type"],.issue-table td[data-col="type"]{width:130px}
.issue-table th[data-col="status"],.issue-table td[data-col="status"]{width:126px}
.issue-table th[data-col="assignee"],.issue-table td[data-col="assignee"]{width:190px}
.issue-table th[data-col="due"],.issue-table td[data-col="due"],.issue-table th[data-col="updated"],.issue-table td[data-col="updated"]{width:148px;white-space:nowrap}
.issue-table th[data-col="priority"],.issue-table td[data-col="priority"]{width:96px}
.issue-summary-cell{min-width:260px;max-width:720px}
.filter-search{position:relative;min-width:210px;max-width:330px;flex:0 1 330px}
.filter-search>svg{position:absolute;left:9px;top:9px;width:13px;height:13px;color:var(--muted);pointer-events:none}
.filter-search input{width:100%!important;min-width:0!important;padding-left:29px}
.column-picker{display:grid;gap:3px}
.column-picker-row{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 8px;border-radius:8px;font-size:12px;font-weight:650}
.column-picker-row:hover{background:var(--panel2)}
.column-picker-row input{width:17px;height:17px}
.column-picker-row.locked{color:var(--muted)}

/* create issue becomes a working surface, not a long HTML form */
.modal.create-issue-modal{width:min(1180px,calc(100vw - 42px));height:min(790px,calc(100vh - 42px));max-height:none;display:flex;flex-direction:column;overflow:hidden}
.create-issue-modal .modal-head{flex:0 0 auto}
.create-issue-modal .modal-body{padding:0;min-height:0;flex:1;overflow:hidden}
.create-issue-modal .modal-foot{flex:0 0 auto}
.create-issue-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;height:100%;min-height:0}
.create-issue-main{min-width:0;overflow:auto;padding:18px 20px 24px;border-right:1px solid var(--line)}
.create-issue-side{min-width:0;overflow:auto;padding:12px;background:var(--panel2)}
.create-summary{height:auto!important;min-height:50px;padding:4px 1px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:23px!important;font-weight:790;letter-spacing:-.025em}
.create-summary::placeholder{color:var(--muted2)}
.create-editor{margin-top:10px}
.field-caption{margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.create-editor .md-editor{border-radius:11px}
.create-editor .md-editor textarea,.create-editor .md-preview{min-height:245px}
.create-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.create-field{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:750}
.create-field input,.create-field select{height:36px;color:var(--text)}
.create-side-section{display:grid;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
.create-side-section:first-child{padding-top:0}.create-side-section:last-child{border-bottom:0}
.create-side-section>label{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
.create-side-section>label>span{font-size:10px;color:var(--muted);font-weight:700}
.create-side-section input,.create-side-section select,.create-side-section .person-picker-trigger{height:34px}
.create-side-section .person-picker-pop{right:0;left:auto}
.create-components{display:grid;gap:6px}
.create-components .choice-grid{grid-template-columns:1fr;border:0;padding:0;gap:2px}
.create-components .check-row{min-height:30px;padding:4px 6px;border-radius:7px;color:var(--text);font-size:10px;font-weight:650}
.create-components .check-row:hover{background:var(--panel3)}

/* inline custom properties */
.detail-inline-button{width:100%;min-height:28px;padding:4px 5px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);text-align:left;font-size:10px;line-height:1.3}
.detail-inline-button:hover{border-color:var(--line);background:var(--panel2)}
.inline-custom-row.editing{align-items:center}
.inline-custom-editor{display:grid;grid-template-columns:minmax(0,1fr) 26px 26px;gap:4px;align-items:center}
.inline-custom-editor form{min-width:0}
.inline-custom-editor input,.inline-custom-editor select{height:30px!important;border-radius:7px!important;font-size:10px!important}
.inline-custom-editor .icon-btn{width:26px;height:26px}

/* more useful dashboard */
.dashboard-metrics .metric{color:inherit;min-height:82px}
.dashboard-metrics a.metric:hover{border-color:var(--line2);background:var(--panel2)}
.dashboard-workstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:-2px 0 10px}
.workstrip-item{min-height:46px;display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.workstrip-item:hover{background:var(--panel2);border-color:var(--line2)}
.workstrip-item span{font-size:10px;color:var(--muted);font-weight:700}.workstrip-item strong{margin-left:auto;font-size:17px}.workstrip-item.warn strong{color:var(--warn)}.workstrip-item.bad strong{color:var(--bad)}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.dashboard-block{min-height:215px}
.distribution-list{display:grid;gap:5px}
.distribution-row{display:grid;grid-template-columns:100px minmax(70px,1fr) 32px;gap:9px;align-items:center;min-height:27px;padding:3px 5px;border-radius:7px}
a.distribution-row:hover{background:var(--panel2)}
.distribution-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:720}
.distribution-row>i{height:5px;border-radius:999px;background:var(--panel3);overflow:hidden}
.distribution-row>i>b{display:block;height:100%;border-radius:inherit;background:var(--accent)}
.distribution-row>strong{text-align:right;font-size:10px}
.dashboard-recent-head{margin:4px 2px 7px}

/* better modal / administrative control density in both themes */
.modal-body label:not(.check-row):not(.settings-row):not(.column-picker-row){color:var(--muted);font-size:10px;font-weight:750}
.modal-body label:not(.check-row):not(.settings-row):not(.column-picker-row) input,.modal-body label:not(.check-row):not(.settings-row):not(.column-picker-row) select,.modal-body label:not(.check-row):not(.settings-row):not(.column-picker-row) textarea{margin-top:5px;color:var(--text);font-size:12px;font-weight:500}
body[data-theme="dark"] .create-issue-side{background:var(--panel2)}
body[data-theme="dark"] .create-summary{color:var(--text)}
body[data-theme="dark"] .distribution-row>i{background:var(--panel3)}

@media(max-width:1100px){
  .create-issue-layout{grid-template-columns:minmax(0,1fr) 280px}
  .dashboard-workstrip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .modal.create-issue-modal{width:calc(100vw - 12px);height:calc(100vh - 12px)}
  .create-issue-layout{grid-template-columns:1fr;overflow:auto}
  .create-issue-main,.create-issue-side{overflow:visible}
  .create-issue-main{border-right:0;padding:14px}
  .create-issue-side{border-top:1px solid var(--line)}
  .create-extra{grid-template-columns:1fr}
  .dashboard-grid{grid-template-columns:1fr}.dashboard-workstrip{grid-template-columns:1fr 1fr}
  .filter-search{max-width:none;flex:1 1 100%}
}
.status-action-select{height:30px;min-width:145px;max-width:245px;padding:0 28px 0 9px;border:1px solid var(--line);border-radius:8px;background-color:var(--panel2);font-size:10px;font-weight:800}
.status-action-select:hover{border-color:var(--line2)}
.inline-description-editor{padding:6px 13px 13px}
.inline-description-editor .md-editor textarea,.inline-description-editor .md-preview{min-height:210px}
.inline-editor-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:7px}
@media(max-width:760px){.status-action-select{max-width:100%;min-width:132px}}
.settings-tabs{display:flex;align-items:center;gap:2px;margin:-2px 0 10px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:auto}
.settings-tabs button{height:30px;flex:0 0 auto;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10px;font-weight:760}
.settings-tabs button:hover{background:var(--panel2);color:var(--text)}
.settings-tabs button.active{background:var(--panel3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.qs-tabbed{min-height:220px}
.qs-tabbed>[data-qs-pane][hidden]{display:none!important}
@media(max-width:760px){.settings-tabs{margin-left:-2px;margin-right:-2px}}

/* personal interface settings */
body[data-content-width="focused"] .main-content:not([data-page="issue"]):not([data-page="boards"]){max-width:1240px}
body[data-content-width="wide"] .main-content:not([data-page="issue"]):not([data-page="boards"]){max-width:1680px}
body[data-density="comfortable"] .issue-table td{height:52px;padding-top:10px;padding-bottom:10px}
body[data-density="comfortable"] .nav-item{height:44px}
body[data-density="comfortable"] .detail-row{padding-top:9px;padding-bottom:9px}
body[data-density="comfortable"] .comment{padding-top:10px;padding-bottom:10px}
.preferences-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:10px;max-width:1050px}
.preference-card{align-self:start}
.preference-row{min-height:52px;display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.preference-row:last-child{border-bottom:0}.preference-row strong{font-size:11px}.preference-value{font-size:11px;color:var(--muted)}
.segmented{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
.segmented button{height:29px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:740}
.segmented button svg{width:12px;height:12px}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px rgba(20,20,30,.08)}
body[data-theme="dark"] .segmented button.active{box-shadow:none}
@media(max-width:800px){.preferences-layout{grid-template-columns:1fr}.preference-row{grid-template-columns:1fr;gap:7px}.segmented{width:max-content;max-width:100%;overflow:auto}}

/* v0.5.0 — interaction polish / modern Tracker pass */
html[data-theme="dark"],body[data-theme="dark"]{
  --bg:#1E1E24;--panel:#292930;--panel2:#24242B;--panel3:#33333C;--text:#F0EFF4;
  --muted:#AAA8B4;--muted2:#7E7C88;--line:rgba(255,255,255,.10);--line2:rgba(255,255,255,.18);
  --header:#17171C;--header2:#24242C;--accent:#6E688A;--accent2:#59536F;
  --good:#91B88F;--goodbg:rgba(97,149,94,.16);--warn:#D59C4D;--warnbg:rgba(183,119,36,.16);
  --bad:#DA7777;--badbg:rgba(184,79,79,.16);--blue:#82A8D7;--bluebg:rgba(90,134,197,.16);
  --violet:#A89ACD;--violetbg:rgba(119,105,157,.18);
  --shadow:0 14px 36px rgba(0,0,0,.22);--shadow-lg:0 28px 72px rgba(0,0,0,.34)
}
html,body,#appView,.app-shell,.app-main{min-height:100%;min-height:100vh;background:var(--bg)}
body{margin:0;background:var(--bg)}
.app-main{min-height:100vh}.main-content{min-height:calc(100vh - var(--top));background:var(--bg)}
html.ui-language-switch *,html.ui-language-switch *::before,html.ui-language-switch *::after{transition:none!important;animation:none!important}

/* one checkbox language throughout the product */
input[type="checkbox"],input[type="radio"]{appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;margin:0!important;padding:0!important;flex:0 0 16px!important;box-shadow:none!important;vertical-align:middle;accent-color:var(--accent)}
.check-row{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;width:auto!important;min-height:22px}.check-row>span{min-width:0}
.filters .check-row,.filter-bar .check-row,.issues-filters .check-row{flex:0 0 auto!important;white-space:nowrap}
.issue-table .bulk-cell input{width:16px!important;height:16px!important}

/* visual editor is the default; Markdown is an optional source mode */
.rich-editor{position:relative}
.rich-surface{display:block;min-height:126px;padding:11px 12px;border:0;outline:0;border-radius:0 0 10px 10px;background:var(--panel);overflow:auto;white-space:normal;caret-color:var(--text)}
.rich-editor.compact .rich-surface{min-height:90px}.rich-editor.composer .rich-surface{min-height:100px;max-height:360px}
.rich-surface:empty::before{content:attr(data-placeholder);color:var(--muted2);pointer-events:none}
.rich-surface:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 48%,var(--line))}
.rich-source{display:block;min-height:126px!important;font-family:"SFMono-Regular",Consolas,monospace!important;font-size:12px!important}
.rich-source[hidden],.rich-surface[hidden]{display:none!important}
.editor-mode-btn{font-size:9px!important;letter-spacing:.04em;min-width:31px!important}
.rich-surface table{border-collapse:collapse;width:100%;margin:8px 0}.rich-surface th,.rich-surface td{border:1px solid var(--line);padding:7px;min-width:70px}.rich-surface th{background:var(--panel2);text-align:left}
.rich-surface .task-list-item{display:flex;align-items:flex-start;gap:7px;list-style:none}.rich-surface .task-list{padding-left:2px}
.rich-slash-menu{position:absolute;z-index:250;left:8px;top:42px;width:245px;max-height:310px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow-lg)}
.rich-slash-menu button{width:100%;height:34px;border:0;border-radius:7px;background:transparent;color:var(--text);display:grid;grid-template-columns:25px 1fr;align-items:center;gap:6px;text-align:left;padding:0 8px}.rich-slash-menu button:hover{background:var(--panel2)}.rich-slash-menu svg{width:14px;height:14px}.rich-slash-menu span{font-size:11px;font-weight:650}

/* anchored popovers instead of modal-heavy issue editing */
.floating-popover{position:fixed;z-index:420;max-height:min(420px,calc(100vh - 16px));overflow:auto;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:var(--shadow-lg);padding:6px}
.popover-title{padding:7px 8px 5px;font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.popover-empty{padding:12px}
.popover-search{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:7px;background:var(--panel);padding:3px 2px 7px}.popover-search svg{width:14px;height:14px;color:var(--muted);margin-left:6px}.popover-search input{height:32px!important;border:0!important;background:var(--panel2)!important;box-shadow:none!important}
.status-action-button,.detail-status-button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;min-height:30px;padding:3px 7px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.status-action-button:hover,.detail-status-button:hover{border-color:var(--line2);background:var(--panel3)}
.status-action-button>svg,.detail-status-button>svg{width:12px;height:12px;color:var(--muted);transform:rotate(90deg)}.status-action-button .status-chip,.detail-status-button .status-chip{pointer-events:none}.detail-status-button{border-color:transparent;background:transparent;margin:-4px -6px;padding:4px 6px;max-width:100%}.detail-status-button>span:not(.status-chip){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.status-current{display:flex;align-items:center;gap:7px;padding:7px 8px;border-bottom:1px solid var(--line);margin-bottom:3px}.status-current>span:last-child{font-size:11px;font-weight:700}
.status-menu-row{width:100%;min-height:42px;border:0;border-radius:8px;background:transparent;color:var(--text);display:grid;grid-template-columns:8px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:6px 8px;text-align:left}.status-menu-row:hover{background:var(--panel2)}.status-menu-row>span:nth-child(2){display:grid;gap:2px}.status-menu-row strong{font-size:11px}.status-menu-row small{font-size:9px;color:var(--muted)}.status-menu-row>svg{width:12px;height:12px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.issue-more-btn{height:31px;width:31px}.issue-actions-menu{display:grid;gap:2px}.danger-menu-item{height:36px;border:0;border-radius:7px;background:transparent;color:var(--bad);display:flex;align-items:center;gap:8px;padding:0 9px;text-align:left;font-size:11px;font-weight:700}.danger-menu-item:hover{background:var(--badbg)}.danger-menu-item svg{width:14px;height:14px}

/* followers are edited in place */
.followers-section .selected-chips{align-items:center}.follower-chip{padding-right:3px}.follower-chip>span:not(.avatar){max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-chip button{display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.follower-chip button:hover{background:var(--panel3);color:var(--text)}
.follower-picker-results{display:grid;gap:2px}.followers-popover{overflow:hidden}.followers-popover .follower-picker-results{max-height:330px;overflow:auto}

/* the Parameters pencil switches the panel into an inline editor */
.issue-properties-editor{margin-top:6px;border-top:1px solid var(--line);padding-top:8px}.side-edit-form{display:grid;gap:8px}.side-edit-form>label{display:grid;gap:4px;color:var(--muted);font-size:10px;font-weight:700}.side-edit-form input,.side-edit-form select{height:33px!important;font-size:11px!important}.side-edit-form .person-picker-trigger{height:33px}.side-edit-components{display:grid;gap:5px;padding-top:3px}.side-edit-components>.field-caption{margin-bottom:2px}.side-edit-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:6px;margin:4px -4px -4px;padding:8px 4px 4px;background:linear-gradient(transparent,var(--panel) 25%)}
.danger-confirm{display:grid;gap:14px}.danger-confirm p{margin:0;line-height:1.5}.danger-confirm label{display:grid;gap:6px}

/* board: fit useful columns on desktop, deliberate swipe on phones */
.board-wrap{height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important}
.board{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;gap:7px!important;min-width:0!important;height:auto!important;align-items:start!important}
.board-col{width:auto!important;min-width:0!important;height:auto!important;min-height:250px;max-height:calc(100vh - var(--top) - 105px)}
.board-cards{min-height:205px;max-height:calc(100vh - var(--top) - 148px);overflow:auto}.board-col-head{height:34px;padding:0 9px}.board-card{padding:8px}.board-summary{margin:5px 0 7px;font-size:11px}.board-card-foot{min-height:20px}

/* smoother local updates */
.issue-layout,.issue-main,.issue-side,.panel{scroll-margin-top:calc(var(--top) + 8px)}
.detail-row .inline-person .avatar{width:22px;height:22px}.detail-row .inline-person{gap:7px}

@media(max-width:980px){
  .board{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important}.board-col{max-height:none}.board-cards{max-height:440px}
}
@media(max-width:720px){
  .board-wrap{overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:7px!important}
  .board{display:flex!important;width:max-content;min-width:100%!important}.board-col{width:min(84vw,320px)!important;min-width:min(84vw,320px)!important;scroll-snap-align:start;max-height:calc(100vh - var(--top) - 120px)}.board-cards{max-height:none}
  .status-action-button>span:not(.status-chip){display:none}.floating-popover{max-width:calc(100vw - 16px)}
  .issue-properties-editor{padding-bottom:6px}
}
.overdue-toggle{gap:6px!important;padding:0 2px;min-height:32px!important;color:var(--muted);font-weight:650}.overdue-toggle input{margin:0!important}.inline-add-btn{display:inline-flex;align-items:center;gap:3px}.inline-add-btn svg{width:12px;height:12px}

/* Respect OS accessibility settings and avoid UI redraw flashes. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Issue parameters panel can be collapsed like the modern Tracker panel. */
.issue-layout.issue-panel-collapsed{grid-template-columns:minmax(0,1fr) 46px}
.issue-properties-head{min-height:28px}.issue-properties-tools{display:flex;align-items:center;gap:4px}
#toggleIssuePanel svg{transition:transform .15s ease;transform:rotate(180deg)}
.issue-side.collapsed{overflow:visible;padding-right:0;width:46px}
.issue-side.collapsed .issue-properties{padding:8px 7px;min-height:44px}
.issue-side.collapsed .issue-properties-head{margin:0;justify-content:center}
.issue-side.collapsed .issue-properties-head h3,.issue-side.collapsed #editIssue,.issue-side.collapsed .detail-list,.issue-side.collapsed .side-section{display:none!important}
.issue-side.collapsed #toggleIssuePanel svg{transform:rotate(0deg)}
@media(max-width:1050px){.issue-layout.issue-panel-collapsed{grid-template-columns:1fr}.issue-side.collapsed{width:auto}.issue-side.collapsed .issue-properties{width:44px;margin-left:auto}}
html.ui-theme-switch *,html.ui-theme-switch *::before,html.ui-theme-switch *::after{transition:none!important;animation:none!important}