@font-face{font-family:BoardSystem;src:local("SF Pro Text")}

.card-labels { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
.category-badge { display:inline-block; padding:4px 6px; border-radius:4px; background:#eef1f6; color:#67748b; font-size:9px; font-weight:500; line-height:1.2; }
.category-filter select { width:160px; }
.related-count { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; color:#6f7e91; }
.related-count .icon { width:12px; height:12px; }
.card .card-bottom { flex-wrap:wrap; }
.field.related-field { margin-top:24px; margin-bottom:0; }
.related-selected { display:flex; flex-direction:column; gap:6px; }
.related-item { display:flex; align-items:center; gap:4px; background:#f0f4ec; border:1px solid #e0e7d8; border-radius:7px; padding:3px 5px 3px 0; }
.open-related { display:flex; align-items:center; text-align:left; gap:8px; border:0; background:transparent; padding:8px 10px; color:#42663c; flex:1; min-width:0; border-radius:5px; font-size:11px; line-height:1.5; }
.open-related:hover { background:#e5eddd; }
.open-related .icon { width:15px; height:15px; color:#7b976e; }
.related-ticket-title { overflow-wrap:anywhere; }
.related-status { font-size:9px; padding:2px 5px; background:#e3e6ec; color:#717b8d; border-radius:4px; margin-left:auto; }
.related-results { display:flex; flex-direction:column; overflow-y:auto; max-height:180px; border:1px solid #dfe7d7; border-radius:7px; background:#fff; }
.related-result { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; text-align:left; background:#fff; border:0; border-bottom:1px solid #eef1e9; color:#405a38; font-size:11px; line-height:1.5; flex-shrink:0; }
.related-result:last-child { border-bottom:0; }
.related-result:hover,.related-result:focus-visible { background:#f0f5e9; }
.related-result .icon { width:15px; height:15px; color:#809470; }
.related-result-text { display:flex; flex-direction:column; gap:3px; min-width:0; }
.related-result-meta { font-size:9px; color:#7f8c74; }
.related-empty { padding:13px; color:#7c8775; font-size:11px; }

/* Severity and priority use the same level colors in tiles, forms, and filters. */
.level-dot { display:inline-block; width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#d3b128; box-shadow:inset 0 0 0 1px #0000000d; }
.level-dot[data-level="low"] { background:#448bce; }
.level-dot[data-level="normal"] { background:#e1bb27; }
.level-dot[data-level="high"] { background:#e58532; }
.level-dot[data-level="critical"] { background:#d54b49; }
.level-dot[data-level="all"] { background:transparent; box-shadow:inset 0 0 0 1.5px #a8b59f; }
.card-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }
.level-tag { display:inline-flex; align-items:center; gap:5px; padding:5px 6px; border:1px solid #e9ede4; border-radius:5px; background:#f8faf5; font-size:10px; line-height:1.2; white-space:nowrap; }
.tag-field { color:#75836c; font-size:9px; }
.tag-value { color:#455b3b; font-weight:550; }
.level-tag .level-dot { width:7px; height:7px; flex-basis:7px; }
.level-select-wrap { display:block; position:relative; }
.level-select-wrap select { appearance:none; -webkit-appearance:none; }
.level-select-wrap:after { content:""; position:absolute; right:12px; top:calc(50% - 4px); width:5px; height:5px; border-right:1.5px solid #7e8e72; border-bottom:1.5px solid #7e8e72; transform:rotate(45deg); pointer-events:none; }
.level-select-wrap > .level-dot { position:absolute; top:50%; left:12px; transform:translateY(-50%); pointer-events:none; z-index:1; }
.field .level-select-wrap select { padding-left:29px; }
.view-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin:-10px 0 23px; }
.tag-filters { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.view-control { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:500; color:#728269; white-space:nowrap; }
.view-control select { height:34px; padding:0 23px 0 10px; border:1px solid #e1e7dc; border-radius:7px; color:#4e6445; background:#fff; font-size:11px; min-width:115px; cursor:pointer; }
.view-control .level-select-wrap select { padding-left:28px; }
.sort-control select { min-width:170px; }
.sort-control { margin-left:auto; }
#filter-status { min-width:95px; }
#reset-filters { font-size:10px; padding:7px 5px; }
.board { min-height:calc(100vh - 384px)!important; }
.column.drag-over.ranked-source .card-list:after { content:"Choose Manual order to rearrange"; }
.board.view-all { grid-template-columns:repeat(5,minmax(250px,1fr)); overflow-x:auto; padding-bottom:8px; }
.board.view-archived { grid-template-columns:minmax(0,420px); }
.column[data-status="deployed"] { background:#edf4f5; border-color:#dce8e9; }
.status-dot.deployed { background:#438a91; box-shadow:0 0 0 3px #438a9113; }
.column[data-status="deployed"] .column-count { background:#deecee; color:#527d82; }
.column[data-status="deployed"] .column-description { color:#63818a; }
.column[data-status="deployed"] .empty-art { border-color:#d6e5e7; box-shadow:5px 5px 0 0 #dfebed; }
.column[data-status="deployed"] .empty-art .icon { color:#709ba1; }
.column[data-status="deployed"] .completed-title { color:#426f75; }
.column[data-status="deployed"] .completed-icon { color:#57939a; }
.column[data-status="archived"] { background:#f1f2f4; border-color:#e2e5e9; }
.status-dot.archived { background:#9398a7; box-shadow:0 0 0 3px #9398a713; }
.column[data-status="archived"] .column-count { background:#e2e5eb; color:#707988; }
.column[data-status="archived"] .column-heading { min-height:27px; }
.column[data-status="archived"] .column-description { color:#7b8291; }
@media(max-width:1020px) {
  .view-toolbar { gap:10px; }
  .tag-filters { gap:12px; }
  .view-control { gap:6px; }
  .sort-control select { min-width:163px; }
  .board { min-height:calc(100vh - 357px)!important; }
  .level-tag { gap:4px; padding:5px; }
}
:root{font-family:BoardSystem,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#23372f;background:#fbfcf9;font-synthesis:none;font-size:14px;--green:#245b43;--muted:#7e8981;--line:#e5e9e2;--surface:#f1f4ee;--focus:#458464}
*{box-sizing:border-box}body{margin:0;min-width:780px}button,input,textarea,select{font:inherit}button{cursor:pointer}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible{outline:3px solid #74a68b;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none;border-color:#669b7d!important;box-shadow:0 0 0 3px #58846717!important}button,input,select,textarea{transition:border-color .15s,background .15s,box-shadow .15s}button svg{pointer-events:none}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button .icon{display:block}button{user-select:none}.app-bar{height:76px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffa8}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:18px;letter-spacing:-.4px}.brand-mark{width:32px;height:32px;background:var(--green);border-radius:9px;display:flex;gap:3px;padding:8px 7px;align-items:flex-start;box-shadow:0 2px 3px #173c2512}.brand-mark i{display:block;background:#e8f2d9;width:4px;border-radius:1.5px;height:15px}.brand-mark i:nth-child(2){height:10px}.brand-mark i:nth-child(3){height:6px}.workspace-label{margin-left:10px;padding-left:22px;border-left:1px solid #dfe5dc;font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.app-actions{display:flex;align-items:center;gap:24px}.save-status{font-size:11px;color:#7b877f;display:flex;align-items:center;gap:7px}.save-status .icon{width:14px;height:14px}.save-status.error{color:#ae4b3f}.save-status.busy{color:#7d7543}.button{border:1px solid transparent;border-radius:8px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.button-primary{background:var(--green);color:white;box-shadow:0 2px 2px #1d443012}.button-primary:hover{background:#1b4b35}.button-quiet{background:transparent;color:#55665a;padding:7px 9px;font-weight:500}.button-quiet:hover{background:#edf1e9}.button-secondary{border-color:#dfe5dd;background:#fff;color:#5b695f}.button-secondary:hover{background:#f2f5ef}.button-danger{color:#b4574a;background:transparent;font-weight:500}.button-danger:hover{background:#faeee9}.button-danger-solid{background:#b55243;color:white}.button-danger-solid:hover{background:#9e4336}.shortcut{border-left:1px solid #ffffff30;margin-left:8px;padding-left:13px;color:#d2e3d5;font-size:10px;font-weight:400}main{padding:40px 40px 18px;max-width:1900px;margin:0 auto}.board-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#8b988b;margin-bottom:8px}h1{font-size:38px;font-weight:650;letter-spacing:-1.8px;line-height:1.1;margin:0}.heading-dot{color:#82a669}h1+p{margin:12px 0 0;font-size:13px;color:#879084}.board-heading>.button{margin-top:20px;padding:12px 16px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.filters{display:flex;align-items:center;gap:4px;background:#eef2eb;padding:4px;border:1px solid #e9ede5;border-radius:9px}.filter{border:1px solid transparent;background:transparent;display:flex;gap:7px;align-items:center;padding:8px 12px;border-radius:6px;color:#798575;font-size:11px;font-weight:500;white-space:nowrap}.filter .icon{width:14px;height:14px}.filter>span{font-size:10px;min-width:17px;text-align:center;background:#e3e8df;color:#7b8775;border-radius:4px;padding:1px 4px}.filter.active{background:white;color:#304c39;border-color:#e3e8df;box-shadow:0 1px 2px #15291308}.filter.active>span{color:#3c684d;background:#e9f0e1}.filter:hover:not(.active){background:#e5ebdf}.search-wrap{display:flex;align-items:center;position:relative;width:270px}.search-wrap>.icon{position:absolute;left:12px;width:16px;height:16px;color:#8c958b}.search-wrap input{width:100%;padding:10px 48px 10px 36px;border-radius:8px;border:1px solid #e4e8e0;background:#fff;font-size:11px;color:#314937;height:38px}.search-wrap input::-webkit-search-cancel-button{cursor:pointer}.search-wrap input::placeholder{color:#9ba498}.search-wrap kbd{position:absolute;right:12px;color:#a6aea2;font-family:inherit;font-size:9px;pointer-events:none}.search-wrap:focus-within kbd,.search-wrap:has(input:not(:placeholder-shown)) kbd{display:none}.board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));overflow-x:auto;padding-bottom:8px;gap:20px;min-height:calc(100vh - 337px)}.column{border:1px solid #e7ece2;border-radius:13px;background:var(--surface);padding:18px 14px 12px;display:flex;flex-direction:column;min-height:365px;min-width:0;transition:background .15s,border-color .15s}.column[data-status=progress]{background:#f5f4ee;border-color:#ecebe1}.column[data-status=complete]{background:#f0f4ee}.column-heading{display:flex;align-items:center;gap:9px;padding:0 3px}.column-heading h2{font-size:13px;margin:0;font-weight:650;letter-spacing:-.1px}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;flex-shrink:0}.status-dot.ready{background:#7897a7;box-shadow:0 0 0 3px #7897a713}.status-dot.progress{background:#c89b49;box-shadow:0 0 0 3px #c89b4913}.status-dot.complete{background:#6a9971;box-shadow:0 0 0 3px #6a997113}.column-count{font-size:10px;background:#e3e9de;color:#83907a;padding:3px 7px;border-radius:5px;margin-left:2px;font-variant-numeric:tabular-nums}.column[data-status=progress] .column-count{background:#eae7da;color:#9a9172}.column-heading .icon-button{margin-left:auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;padding:4px;border:0;border-radius:6px;background:transparent;color:#8b9883}.icon-button:hover{background:#dee6d8;color:#33503c}.icon-button .icon{width:16px;height:16px}.column-description{font-size:10px;color:#758269;margin:6px 0 19px 20px;line-height:1.4}.card-list{display:flex;flex-direction:column;gap:10px;min-height:120px;flex:1;position:relative;padding-bottom:12px}.card{appearance:none;display:flex;flex-direction:column;align-items:stretch;width:100%;text-align:left;border:1px solid #e1e7dc;border-radius:10px;background:#fff;padding:15px 15px 12px;box-shadow:0 2px 2px #23311903;position:relative;cursor:grab;overflow-wrap:anywhere}.card:hover{border-color:#b0c3a4;box-shadow:0 4px 12px #203b2410;transform:translateY(-1px)}.card:active{cursor:grabbing}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kind-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:4px;background:#edf3ec;color:#718069;font-size:9px;font-weight:550;line-height:1}.kind-badge .icon{width:11px;height:11px;stroke-width:1.9}.kind-badge.bug{background:#fcf0e9;color:#b9816e}.card-grip{width:14px;height:14px;color:#b5c0ae;opacity:0;transition:opacity .15s}.card:hover .card-grip,.card:focus-visible .card-grip{opacity:1}.card-title{font-size:14px;font-weight:600;color:#354839;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-preview{font-size:12px;line-height:1.7;color:#697762;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.card-bottom{border-top:1px solid #f0f3ec;margin-top:15px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#75836b;font-size:9px;font-weight:400}.card-number{font-size:9px;letter-spacing:.4px}.card-date{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-title{color:#64805f}.completed-icon{color:#86a377;width:13px;height:13px}.add-card{width:100%;border:1px dashed transparent;background:transparent;padding:10px 0;text-align:center;color:#8e9b84;font-size:11px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:5px}.add-card .icon{width:14px;height:14px}.add-card:hover{background:#e8eee2;color:#48613b;border-color:#d4dfca}.empty-column{margin:27px auto 25px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:205px;color:#9aa591;pointer-events:none}.empty-art{display:flex;align-items:center;justify-content:center;width:56px;height:61px;position:relative;margin-bottom:20px;transform:rotate(-5deg);border:1px solid #dfe6d7;border-radius:9px;background:#ffffff6b;box-shadow:5px 5px 0 0 #e7eddf}.empty-art .icon{width:24px;height:24px;color:#a7b79b;stroke-width:1.2}.column[data-status=progress] .empty-art{border-color:#e7e2d5;box-shadow:5px 5px 0 0 #ede9dc}.column[data-status=progress] .empty-art .icon{color:#bbad8a}.empty-title{font-size:12px;font-weight:550;color:#637756;margin-bottom:7px}.empty-text{font-size:11px;line-height:1.75;max-width:185px;color:#6e7d63}.column[data-status=progress] .empty-title{color:#82744e}.column[data-status=progress] .empty-text{color:#84785c}.column.drag-over{background:#e8f0e1;border-color:#9db68d;box-shadow:inset 0 0 0 1px #9db68d}.column.drag-over .card-list:after{content:"Drop here to move";display:block;text-align:center;padding:10px;border:1px dashed #a1b790;border-radius:8px;color:#69835a;font-size:11px;margin-top:3px}.card.dragging{opacity:.32}.card.insert-before{box-shadow:0 -4px 0 -1px #679653}.board-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:9px;color:#75836b;gap:10px}.board-footer>span{display:flex;align-items:center;gap:3px}.board-footer .icon{width:12px;height:12px}.load-error{background:#fff1eb;border:1px solid #f2d3c6;color:#a65b43;border-radius:8px;padding:10px 15px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;font-size:12px}
dialog{padding:0;border:1px solid #e0e7db;border-radius:15px;background:#fcfdf9;color:#263d30;box-shadow:0 25px 100px #17302130;width:630px;max-width:calc(100vw - 70px);max-height:calc(100vh - 60px)}dialog::backdrop{background:#1b302f40;backdrop-filter:blur(4px)}#item-form{display:flex;flex-direction:column;max-height:calc(100vh - 64px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 28px 21px;border-bottom:1px solid #e8ece4}.dialog-header h2{font-size:23px;letter-spacing:-.7px;margin:0;font-weight:600}.dialog-header .eyebrow{font-size:8px}.dialog-header .icon-button{width:30px;height:30px}.dialog-body{padding:24px 28px 20px;overflow-y:auto}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:21px;min-width:0}.field label{display:flex;justify-content:space-between;color:#52644f;font-size:11px;font-weight:600}.required,.optional{font-weight:400;font-size:9px;color:#a8b09f}.field input,.field select,.field textarea{width:100%;border:1px solid #dee6d8;border-radius:7px;background:white;padding:11px 12px;color:#304631;font-size:12px}.field input::placeholder,.field textarea::placeholder{color:#acb4a5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field select{height:39px}.details-field{margin-bottom:0}.field textarea{min-height:190px;resize:vertical;line-height:1.8}.field-hint{color:#738267;font-size:9px;margin:0;line-height:1.4}.item-dates{font-size:9px;line-height:1.7;color:#738267;margin:20px 0 0}.form-error{color:#ad5244;font-size:11px;line-height:1.6;margin:12px 0 0}.dialog-footer{padding:17px 24px;background:#f4f7f0;border-top:1px solid #e5eade;display:flex;gap:9px;align-items:center}.footer-spacer{flex:1}.dialog-footer kbd{margin-left:8px;font-family:inherit;font-size:9px;color:#bbd4bb;font-weight:400}.confirm-dialog{width:410px;padding:28px}.confirm-dialog h2{font-size:21px;margin:0 0 12px;letter-spacing:-.5px}.confirm-dialog p{color:#84917a;font-size:12px;line-height:1.7;margin-bottom:25px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.toast{display:flex;align-items:center;position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:5;background:#254b38;color:#f5f8ee;border-radius:10px;box-shadow:0 5px 25px #18392330;padding:10px 12px 10px 16px;gap:9px;max-width:calc(100vw - 50px);font-size:12px}.toast>.icon{color:#b0d3a1;width:16px;height:16px}.toast.error{background:#804c3f}.toast.error>.icon{display:none}.toast #undo-delete{background:transparent;color:#d0eabc;border:none;text-decoration:underline;text-underline-offset:3px;font-size:11px;margin-left:13px}.toast .icon-button{color:#b4c8a9;margin-left:7px}.toast .icon-button:hover{background:#ffffff14}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}@media(min-width:1500px){main{padding-left:60px;padding-right:60px}.app-bar{padding-left:60px;padding-right:60px}.board{gap:24px}.column{padding:20px 18px 12px}}@media(max-width:1020px){main{padding:28px 24px 16px}.app-bar{padding:0 24px;height:65px}.workspace-label{display:none}.board{gap:13px;min-height:calc(100vh - 310px)}.column{padding:13px 10px 9px}.column-heading{gap:7px}.column-heading h2{font-size:12px}.column-description{font-size:9px;margin-left:17px}.app-actions{gap:14px}.search-wrap{width:235px}h1{font-size:34px}.card{padding:13px 12px 11px}.filter{padding:8px 10px}.board-footer{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.card:hover{transform:none}}


/* Shared web workspace, authentication, and automatic saving. */
body { min-width:320px; }
.app-bar { height:auto; min-height:76px; gap:20px; padding-top:14px; padding-bottom:14px; }
.app-actions { flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.current-user { font-size:11px; color:#72816e; max-width:220px; overflow:hidden; text-overflow:ellipsis; }
.user-identity { display:inline-flex; align-items:center; gap:7px; min-width:0; }
.admin-badge { flex-shrink:0; padding:3px 6px; border-radius:4px; background:#e8f0e1; color:#426745; font-size:9px; font-weight:650; letter-spacing:.3px; }
.editor-save { flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:5px 10px; font-size:11px; color:#75836b; }
#editor-save-status { flex-basis:100%; line-height:1.5; }
#editor-save-status.busy { color:#887942; }
#editor-save-status.error { color:#ab4c40; }
.text-button { padding:2px 0; border:0; background:none; color:#315d43; text-decoration:underline; text-underline-offset:3px; font-size:11px; }
.dialog-header,.dialog-footer { flex-shrink:0; }
.dialog-body { min-height:0; overscroll-behavior:contain; }
.dialog-footer .button { flex-shrink:0; }
.conflict-panel { margin-top:18px; padding:16px; background:#fff6e8; border:1px solid #e7cc9f; border-radius:9px; }
.conflict-panel h3 { font-size:14px; margin:0 0 8px; color:#745320; }
.conflict-panel p,.conflict-panel summary { font-size:12px; line-height:1.6; color:#796441; }
.conflict-panel h4 { margin:12px 0 6px; font-size:12px; }
.conflict-panel pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:220px; overflow:auto; font:11px/1.6 inherit; background:#fffaf2; padding:10px; border-radius:5px; }
.conflict-panel .button { margin-top:12px; white-space:normal; text-align:left; }
.auth-dialog { width:440px; padding:32px; max-height:calc(100dvh - 40px); overflow-y:auto; }
.auth-dialog::backdrop { background:#eff3e9; backdrop-filter:blur(8px); }
.auth-brand { display:flex; align-items:center; gap:10px; font-size:18px; font-weight:700; margin-bottom:30px; }
.auth-dialog h1 { font-size:29px; letter-spacing:-1px; }
.auth-dialog h1+p { margin:12px 0 26px; line-height:1.7; font-size:13px; color:#74816b; }
.auth-dialog .field input { font-size:15px; }
.auth-dialog .field { margin-bottom:18px; }
.remember-field { margin:0 0 20px; }
.remember-option { display:flex; align-items:center; gap:9px; min-height:32px; width:fit-content; color:#52644f; font-size:13px; font-weight:600; cursor:pointer; }
.remember-option input { width:17px; height:17px; margin:0; accent-color:#235c45; cursor:pointer; }
.remember-option input:focus-visible { outline:2px solid #235c45; outline-offset:3px; }
.remember-field .field-hint { margin:4px 0 0 26px; font-size:11px; line-height:1.5; }
.auth-dialog .button-primary { width:100%; min-height:44px; }
.auth-dialog .form-error { margin-bottom:14px; }
.auth-form-actions { display:flex; gap:10px; }
.column-picker { position:relative; color:#52644f; font-size:12px; }
.column-picker summary { cursor:pointer; padding:9px 12px; border:1px solid #dfe6d8; border-radius:7px; background:white; font-weight:600; }
.column-picker summary:focus-visible { outline:2px solid #235c45; outline-offset:3px; }
.column-options { position:absolute; right:0; top:calc(100% + 8px); width:255px; max-width:calc(100vw - 32px); z-index:4; padding:14px; border:1px solid #dfe6d8; border-radius:10px; background:#fff; box-shadow:0 10px 35px #203b241f; }
.column-options p { margin:0 0 9px; line-height:1.5; font-size:11px; color:#738267; }
.column-options label { display:flex; align-items:center; gap:10px; min-height:36px; cursor:pointer; }
.column-options input { width:17px; height:17px; margin:0; accent-color:#235c45; }
.column-options #column-save-status { margin:10px 0 0; font-size:10px; }
.no-columns { padding:48px 20px; text-align:center; border:1px dashed #cedbc7; border-radius:12px; color:#637756; }
.board[data-columns="1"] { grid-template-columns:minmax(0,420px); }
.board[data-columns="2"] { grid-template-columns:repeat(2,minmax(240px,1fr)); }
.board[data-columns="3"] { grid-template-columns:repeat(3,minmax(240px,1fr)); }
.board[data-columns="4"] { grid-template-columns:repeat(4,minmax(240px,1fr)); }
.board[data-columns="5"] { grid-template-columns:repeat(5,minmax(240px,1fr)); }
.auth-form-actions .button-primary { flex:1; }
.setup-status { font-size:12px; color:#738368; line-height:1.7; padding:10px 0; }
.setup-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:14px; }
.setup-actions .button { white-space:normal; min-height:40px; }
#setup-email { background:#f1f5ed; color:#4f6747; cursor:default; }
.auth-footnote { margin:24px 0 0; color:#8a9583; font-size:10px; text-align:center; line-height:1.6; }
#workspace[hidden] + .auth-dialog { margin:auto; }
@media(max-width:1180px) {
  .workspace-label { display:none; }
  .app-actions { gap:7px; }
  .current-user { max-width:175px; }
  .app-actions .button { padding:7px; font-size:11px; }
}
@media(max-width:700px) {
  .app-bar { padding:16px; align-items:flex-start; flex-direction:column; gap:12px; }
  .app-actions { width:100%; justify-content:flex-start; gap:8px; }
  .user-identity { order:-1; flex-basis:100%; }
  .current-user { max-width:none; font-size:12px; }
  #save-status { margin-right:auto; font-size:10px; }
  .app-actions .button { min-height:36px; }
  main { padding:24px 16px 20px; }
  .board-heading { gap:12px; align-items:flex-start; padding-bottom:24px; }
  .board-heading .eyebrow { font-size:8px; }
  h1 { font-size:32px; }
  h1+p { font-size:12px; line-height:1.6; }
  .board-heading>.button { margin-top:10px; padding:11px 12px; min-height:44px; }
  .shortcut,.search-wrap kbd { display:none; }
  .toolbar { flex-wrap:wrap; gap:14px; margin-bottom:24px; }
  .filters { width:100%; justify-content:space-between; }
  .filter { flex:1; justify-content:center; min-height:38px; padding:8px; }
  .search-wrap { width:100%; }
  .search-wrap input { height:44px; font-size:16px; padding-right:12px; }
  .view-toolbar { display:block; margin-bottom:20px; }
  .tag-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .view-control { display:flex; flex-direction:column; align-items:stretch; gap:6px; min-width:0; font-size:11px; }
  .view-control select,.category-filter select { width:100%; min-width:0; max-width:100%; height:44px; font-size:14px; }
  .sort-control { margin-top:12px; }
  .sort-control select { min-width:0; }
  #reset-filters { justify-self:start; font-size:12px; }
  .board,.board.view-all,.board.view-archived,.board[data-columns] { grid-template-columns:minmax(0,1fr); min-height:0!important; overflow:visible; gap:18px; }
  .column-picker { margin-top:12px; width:fit-content; }
  .column-options { right:auto; left:0; }
  .column { min-height:210px; padding:16px 13px 10px; }
  .column-heading h2 { font-size:14px; }
  .column-description { font-size:11px; }
  .card { padding:16px; }
  .card-title { font-size:15px; }
  .card-preview { font-size:13px; }
  .level-tag { font-size:11px; }
  .tag-field { font-size:10px; }
  .category-badge,.kind-badge { font-size:10px; }
  .card-bottom,.card-number,.card-date { font-size:10px; }
  .add-card { min-height:44px; font-size:12px; }
  .icon-button { width:36px; height:36px; }
  .empty-column { margin:22px auto; }
  .board-footer { flex-direction:column; align-items:flex-start; font-size:10px; gap:8px; }
  dialog { max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); width:630px; border-radius:13px; }
  #item-form { max-height:calc(100dvh - 28px); }
  .dialog-header { padding:20px 18px 16px; }
  .dialog-header h2 { font-size:22px; }
  .dialog-body { padding:20px 18px; }
  .field-row { gap:12px; }
  .field { margin-bottom:18px; }
  .field label { font-size:12px; }
  .field input,.field select,.field textarea { font-size:16px; }
  .field select { height:44px; }
  .field textarea { min-height:150px; }
  .field-hint { font-size:10px; }
  .dialog-footer { padding:12px; gap:10px; }
  .dialog-footer .button { padding:10px 12px; min-height:44px; }
  .dialog-footer #delete-item { padding:10px 4px; gap:5px; }
  .editor-save { font-size:10px; gap:4px 8px; }
  .text-button { font-size:10px; min-height:24px; }
  .open-related { padding:9px 7px; gap:6px; font-size:12px; flex-wrap:wrap; }
  .open-related .related-ticket-title { flex:1; min-width:130px; }
  .related-status { margin-left:23px; }
  .related-result { font-size:12px; padding:12px; }
  .related-result-meta { font-size:10px; }
  .related-results { max-height:220px; }
  .confirm-dialog { padding:24px 20px; }
  .confirm-actions { flex-wrap:wrap; }
  .confirm-actions .button { min-height:44px; }
  .auth-dialog { max-width:calc(100vw - 32px); padding:26px 22px; }
  .auth-dialog .field input { font-size:16px; }
  .toast { max-width:calc(100vw - 24px); width:max-content; bottom:16px; font-size:12px; }
  .load-error { gap:10px; line-height:1.6; }
}