:root{--bg:#f6f7f9;--panel:#fff;--line:#e3e6ea;--text:#1f2933;--muted:#6b7280;--accent:#1d4ed8;--amber:#f59e0b;--red:#dc2626;--green:#16a34a;color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:4px;padding:3px 6px}input:focus,select:focus,textarea:focus{outline-offset:0;outline:2px solid #bfdbfe}a{color:var(--accent)}h1,h2,h3{margin:0 0 8px;font-weight:600}h2{font-size:17px}.muted{color:var(--muted)}.small{font-size:12.5px}.tiny-text{font-size:11.5px}.error{color:var(--red)}.center{place-items:center;height:60vh;display:grid}.pad{padding:10px}.spacer{flex:1}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;padding:5px 10px;text-decoration:none;display:inline-block}.btn:hover{background:#f1f5f9}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.ghost{background:0 0}.btn.danger{color:var(--red)}.btn:disabled{opacity:.5;cursor:default}.tiny{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:12px}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.app{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:8px 14px;display:flex}.brand{font-size:16px;font-weight:700}.mode-switch button{border:1px solid var(--line);cursor:pointer;background:#fff;padding:4px 12px}.mode-switch button:first-child{border-radius:6px 0 0 6px}.mode-switch button:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.mode-switch button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.search{width:300px}.toolbar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 14px;display:flex}.toolbar label{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:3px 10px;font-size:12.5px}.chip.on{color:#1e3a8a;background:#dbeafe;border-color:#93c5fd}.views{align-items:center;gap:6px;display:flex}.menu-wrap{position:relative}.menu{border:1px solid var(--line);z-index:20;background:#fff;border-radius:6px;min-width:200px;padding:8px;position:absolute;top:30px;right:0;box-shadow:0 6px 20px #00000014}.menu-row{align-items:center;gap:4px;padding:2px 0;display:flex}.menu-row label{flex:1}.content{flex:1;min-height:0;display:flex}.content>:first-child{flex:1;min-width:0;overflow:auto}.panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;width:440px;display:flex;overflow:auto}.panel-head{justify-content:space-between;align-items:flex-start;padding:12px 14px 6px;display:flex}.panel-head h2{margin:2px 0 0;font-size:16px}.tabs{border-bottom:1px solid var(--line);padding:0 8px;display:flex}.tabs button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 10px}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.panel-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.field{flex-direction:column;flex:1;gap:3px;display:flex}.field>label{color:var(--muted);font-size:11.5px}.row2{gap:10px;display:flex}.doc-box{border:1px dashed var(--line);border-radius:6px;padding:10px}.doc-box>label{color:var(--muted);margin-bottom:4px;font-size:11.5px;display:block}.doc-box input{flex:1}.table-wrap{padding:0 0 40px}table.tracker{border-collapse:collapse;background:#fff;width:100%}table.tracker th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);z-index:5;background:#fff;padding:6px 8px;font-size:12px;font-weight:600;position:sticky;top:0}table.tracker td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #eef0f3;padding:3px 8px}table.tracker select,table.tracker input:not([type=checkbox]){background:0 0;border-color:#0000;max-width:100%}table.tracker select:hover,table.tracker input:hover{border-color:var(--line);background:#fff}.group-row td{cursor:pointer;background:#f1f5f9;padding:6px 8px;font-weight:600}.caret{color:var(--muted);margin-right:4px}.story-row{cursor:pointer}.story-row:hover td{background:#fafbfc}.story-row.selected td{background:#eff6ff}.new-row input{width:100%;color:var(--muted);background:0 0;border-color:#0000}.new-row input:focus{border-color:var(--line);color:var(--text);background:#fff}.col-title{min-width:260px;white-space:normal!important}.col-priority select{width:44px}.title-cell{align-items:center;gap:6px;display:inline-flex}.section-dot{border-radius:50%;flex:none;width:8px;height:8px}.editable{cursor:text;border-bottom:1px dotted #0000}.editable:hover{border-bottom-color:var(--muted)}input.short,.editable.short{width:48px}.overdue,input.overdue{color:var(--red);font-weight:600}.stale{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tag{color:#374151;background:#e5e7eb;border-radius:4px;padding:1px 5px;font-size:10.5px}.tag.agent{color:#92400e;background:#fef3c7}.tag.logged{color:#075985;background:#e0f2fe}.tag.sent{color:#166534;background:#dcfce7}.tag.failed{color:#991b1b;background:#fee2e2}.dot-unread{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-left:4px;display:inline-block}select.status{border-radius:999px;padding:1px 8px;font-size:12px}.status-pill{background:#e5e7eb;border-radius:999px;padding:1px 8px;font-size:12px}.status-idea{background:#f3f4f6}.status-assigned{background:#e0e7ff}.status-drafting{background:#fef9c3}.status-submitted{background:#dbeafe}.status-edited{background:#ede9fe}.status-ready{background:#dcfce7}.status-placed{background:#cffafe}.status-published{background:#d1fae5}.status-held{background:#fde68a}.status-killed{background:#fee2e2}.board-wrap{flex-direction:column;height:100%;display:flex}.board-tools{color:var(--muted);gap:16px;padding:6px 14px;font-size:12.5px;display:flex}.board-body{flex:1;min-height:0;display:flex}.board{flex:1;padding:0 14px 20px;overflow:auto}.board-head,.lane-cols{grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;gap:8px;display:grid}.board-head{background:var(--bg);z-index:4;padding:4px 0;position:sticky;top:0}.col-head{border-radius:6px;padding:4px 6px;font-size:12.5px;font-weight:600}.col-head.wip{color:#92400e;background:#fef3c7}.lane-head{margin:10px 0 4px;font-weight:600}.column{background:#eceff3;border-radius:8px;flex-direction:column;gap:6px;min-height:60px;padding:6px;display:flex}.column.over{background:#dbeafe}.card{border:1px solid var(--line);cursor:grab;background:#fff;border-left:4px solid #999;border-radius:6px;padding:6px 8px;box-shadow:0 1px 2px #0000000a}.card.selected{outline:2px solid #93c5fd}.card.overlay{transform:rotate(1.5deg);box-shadow:0 8px 24px #0000002e}.card-top{align-items:flex-start;gap:6px;display:flex}.card-title{flex:1;font-size:13px;line-height:1.3}.pri{color:#fff;background:#9ca3af;border-radius:4px;flex:none;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.pri.p1{background:var(--red)}.pri.p2{background:#ea580c}.pri.p3{background:#2563eb}.card-meta{align-items:center;gap:8px;margin-top:6px;font-size:11.5px;display:flex}.avatar{color:#1e3a8a;background:#c7d2fe;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9.5px;font-weight:700;display:grid}.img.no{color:#d1d5db}.add-card{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 6px}.add-card:hover{color:var(--text)}.quick-add{width:100%}.feed{border-left:1px solid var(--line);background:#fff;width:300px;padding:12px;overflow:auto}.feed-item{border-bottom:1px solid #eef0f3;padding:6px 0}.comment{border-top:1px solid #eef0f3;padding:8px 0}.comment.reply{border-left:2px solid var(--line);border-top:none;margin-left:18px;padding-left:10px}.comment.resolved{opacity:.6}.comment.deleted .comment-body{color:var(--muted);font-style:italic}.comment-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.comment-body{white-space:pre-wrap;margin:4px 0}.comment-actions{gap:2px;display:flex}.mention{color:#1e3a8a;background:#dbeafe;border-radius:3px;padding:0 2px}.composer{margin-top:8px;position:relative}.composer textarea{width:100%}.mention-menu{border:1px solid var(--line);z-index:30;background:#fff;border-radius:6px;min-width:220px;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 6px 20px #0000001a}.mention-opt{cursor:pointer;padding:5px 10px}.mention-opt:hover{background:#eff6ff}.bell-wrap{position:relative}.bell{cursor:pointer;background:0 0;border:none;font-size:18px;position:relative}.badge{background:var(--red);color:#fff;border-radius:999px;padding:0 5px;font-size:10px;position:absolute;top:-4px;right:-6px}.bell-menu{border:1px solid var(--line);z-index:50;background:#fff;border-radius:8px;width:360px;max-height:460px;position:absolute;top:32px;right:0;overflow:auto;box-shadow:0 10px 30px #0000001f}.bell-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 10px;display:flex}.bell-item{cursor:pointer;border-bottom:1px solid #eef0f3;padding:8px 10px}.bell-item.unread{background:#eff6ff}.bell-item:hover{background:#f8fafc}.bell-title{font-size:13px}.toast{color:#fff;z-index:100;background:#111827;border-radius:8px;max-width:560px;padding:10px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.toast.error{background:#7f1d1d}.toast.ok{background:#14532d}.login{place-items:center;height:100vh;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:10px;width:420px;padding:28px 32px}.login h1{font-size:26px}.dev-login{border-top:1px dashed var(--line);margin-top:20px;padding-top:12px}.dev-login ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.dev-login button{text-align:left;width:100%}.settings{flex-direction:column;gap:28px;max-width:980px;padding:16px 24px 60px;display:flex;overflow:auto}.settings section{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px 18px}table.plain{border-collapse:collapse;width:100%;margin:8px 0}table.plain th,table.plain td{text-align:left;border-bottom:1px solid #eef0f3;padding:5px 8px}pre.result{color:#e2e8f0;white-space:pre-wrap;background:#0f172a;border-radius:6px;padding:10px;font-size:12px}.email-row{border-bottom:1px solid #eef0f3;padding:6px 0}.email-head{cursor:pointer}
