.shell.board-open{grid-template-columns:minmax(0,1fr)}
.board-open>.topbar{grid-column:1;background:#f7f8fa;height:56px}
.board-open{grid-template-rows:56px minmax(0,1fr)}
.board-open>.sidebar,.board-open .mobile-menu{display:none}
.board-back{font-size:12px;font-weight:500;background:transparent;color:var(--ink)}
.board-head{padding:18px 22px 14px;flex-shrink:0}
.board-head h1{font-size:21px;letter-spacing:-.4px}
.board-head>.between{align-items:flex-start}
.board-toolbar{display:flex;align-items:center;gap:8px;margin-top:13px;flex-wrap:wrap}
.board-toolbar .view-tabs{margin-right:auto}
.board-toolbar button{font-size:12px}
.board-toolbar .filter-active{background:#dcefff;color:#13547d}
.filter-count{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:9px;background:#ffffff3b;margin-left:5px;font-size:10px}
.board-filter-note{font-size:11px;color:#e5f1f3;margin-top:9px;display:flex;gap:12px;align-items:center}
.board-filter-note button{padding:2px 5px;text-decoration:underline}
.board-canvas{gap:12px;padding:16px 20px}
.column{background:#f1f2f4;width:282px;min-width:282px;border-radius:12px;padding:10px;box-shadow:none}
.column-head{padding:1px 3px 10px}
.column-head h3{font-size:13px;font-weight:650}
.card{border-radius:8px;border-color:#dce1e6;box-shadow:0 1px 1px #091e4226}
.card:hover{border-color:#8795a3}
.drag-source{opacity:.25}
.card-drop-placeholder{flex:0 0 auto;min-height:48px;border-radius:8px;background:#d8dde4;border:2px dashed #a4b0bd;pointer-events:none}
.list-drop-placeholder{flex:0 0 auto;min-width:282px;border-radius:12px;background:#ffffff2b;border:2px dashed #ffffff99;pointer-events:none;align-self:flex-start}
.drag-preview{position:fixed!important;z-index:9999;pointer-events:none;transform:rotate(3deg);box-shadow:0 8px 22px #091e4266!important;overflow:hidden;opacity:.95}
.card-content{padding:10px 11px}
.card-labels{gap:4px;margin-bottom:7px}
.card-label{font-size:10px;padding:2px 6px;line-height:16px;border-radius:4px}
.card-title-line{display:flex;align-items:flex-start;gap:0}
.card-title-line .card-title{flex:1;min-width:0;font-size:14px;line-height:21px;font-weight:400}
.card-check{flex:0 0 0;width:0;height:18px;min-width:0;overflow:hidden;border-width:0;min-height:18px;padding:0;line-height:16px;margin-top:2px;border:0 solid #8996a4;border-radius:50%;background:transparent;color:transparent;opacity:0;transition:opacity .12s,background .12s;cursor:pointer}
.card:hover .card-check,.card:focus-within .card-check,.card-check:focus-visible,.card-check.is-complete{opacity:1;flex-basis:18px;width:18px;border-width:1.5px}
.card:hover .card-title-line,.card:focus-within .card-title-line,.card-title-line.has-check{gap:6px}
.card-check.is-complete{opacity:1;background:#268454;border-color:#268454;color:white;font-size:11px}
.card-check:not(.is-complete):hover{color:#268454;background:#e6f2ea;border-color:#268454}
.card-check:disabled{cursor:default}
.card-team{margin-top:8px;background:#e5edf5;color:#365570;font-size:10px;font-weight:600;border-radius:5px}
.card-assignees{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto;justify-content:flex-end}
.card-person{display:inline-flex;align-items:center;border-radius:50%;padding:0}
.card-person .avatar{width:30px;height:30px;font-size:11px;background:#dce6f0;color:#35536d}
.card-person .person-name{overflow-wrap:anywhere}
.card-person.imported .avatar{background:#eee5d3;color:#765624}
.card-footer{margin-top:8px;gap:8px;display:flex;align-items:center;justify-content:space-between}
.card-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#596775;font-size:12px}
.card-image-cover{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;background:#e4e7eb}
.batch-preview{padding:15px;border:1px solid #ccdfea;border-radius:8px;background:#f0f6fa;line-height:1.6;font-size:13px}
.batch-preview ul{padding-left:18px;margin:10px 0 0}
.batch-preview small{color:var(--muted)}
.inline-composer{flex-shrink:0;display:grid;gap:8px}
.card-composer{padding-top:8px}
.card-composer textarea{min-height:70px;max-height:160px;resize:vertical;padding:10px;font-size:13px;background:white;border:2px solid #4285b7;box-shadow:0 1px 1px #091e4226}
.composer-actions{display:flex;gap:7px;align-items:center}
.composer-actions .primary{background:#176fa9;color:white;padding:8px 11px;font-size:12px}
.inline-composer small{font-size:10px;color:var(--muted)}
.list-composer{width:282px;min-width:282px;align-self:flex-start;background:#f1f2f4;padding:10px;border-radius:12px}
.list-composer input{font-size:13px;border:2px solid #4285b7;padding:9px}
.dialog.card-detail{width:1080px;background:white;overflow:hidden}
.card-detail .dialog-head{padding:8px 20px;border:0;background:#f1f2f4;height:48px}
.card-detail .dialog-head h2{font-size:13px;font-weight:500;color:#596775}
.card-detail .dialog-body{padding:0;display:block;overflow:hidden}
.card-detail-form{display:flex;flex-direction:column;max-height:calc(91dvh - 48px)}
.detail-cover{height:160px;background:#163546;display:flex;justify-content:center;overflow:hidden;flex-shrink:0}
.detail-cover img{height:100%;max-width:100%;object-fit:contain}
.detail-cover.color-cover{height:90px}
.card-detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);overflow:auto;min-height:0}
.detail-main{padding:24px 28px;display:grid;gap:26px;align-content:start;min-width:0}
.detail-context{font-size:12px;color:#637081}
.detail-title{display:flex;gap:12px;align-items:flex-start;margin-top:-12px}
.detail-complete{padding-top:12px;flex-shrink:0}
.detail-complete input{width:19px;height:19px;cursor:pointer}
.card-detail .editor-title{font-size:25px;line-height:1.25;letter-spacing:-.5px;border-color:transparent;padding:6px 0;resize:none;min-height:44px;border-radius:3px;font-weight:650;overflow:hidden}
.detail-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:-12px}
.detail-summary:empty{display:none}
.detail-summary .card-team{margin:0;padding:5px 8px}
.detail-settings{border:1px solid #dfe1e6;border-radius:6px;padding:10px 12px;background:#fafbfc}
.detail-settings summary,.detail-actions summary{cursor:pointer;font-size:13px;font-weight:500;color:#455366}
.card-detail .editor-meta{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;align-content:start}
.card-detail .editor-meta label,.card-detail .editor-meta .field{font-size:12px;color:#455366}
.card-detail h3{font-size:14px;line-height:22px;font-weight:650;margin-bottom:12px}
.card-detail .between h3{margin-bottom:0}
.detail-description textarea{font-size:14px;line-height:1.75;border-color:transparent;background:#fafbfc;min-height:100px;resize:vertical;padding:12px;white-space:pre-wrap}
.detail-description textarea:focus{border-color:var(--teal);background:white}
.detail-description textarea:hover{background:#f1f2f4}
.detail-attachments{display:grid;gap:10px;margin:14px 0 8px}
.card-detail .attachment{border:0;border-radius:6px;background:#fafbfc;padding:8px;font-size:14px;gap:12px}
.attachment-thumbnail{display:block;flex:0 0 80px!important;width:80px;height:56px;border-radius:5px;overflow:hidden;background:#e4e7eb}
.attachment-thumbnail img{height:100%;width:100%;object-fit:cover}
.attachment-file{display:grid;place-items:center;width:80px;height:56px;background:#e4e7eb;border-radius:5px;font-size:24px;flex-shrink:0}
.attachment-info{min-width:0;flex:1}
.attachment-info a{font-weight:600;text-decoration:none;color:var(--ink)}
.attachment-info small{display:block;font-size:11px;line-height:1.6;color:#637081;margin-top:4px}
.detail-comments{background:#f1f2f4;border-left:1px solid #dfe1e6;padding:24px 20px;min-width:0}
.detail-comments>textarea{min-height:76px;font-size:14px;line-height:1.6;margin-bottom:8px;background:white}
.comment-list{margin-top:22px}
.card-detail .comment{border:0;background:transparent;padding:0;margin-bottom:24px}
.comment-author{display:flex;gap:8px;align-items:center;font-size:13px}
.comment-author>div{flex:1;min-width:0;overflow-wrap:anywhere}
.comment-author small{display:block;font-size:11px;margin-top:3px}
.card-detail .comment p{background:white;border:1px solid #dfe1e6;border-radius:6px;padding:12px;margin-left:37px;font-size:14px;line-height:1.7}
.detail-actions .flex{margin-top:12px;flex-wrap:wrap}
.card-detail .dialog-head{position:absolute;right:12px;top:10px;height:34px;padding:0;background:transparent;z-index:8}
.card-detail .dialog-head h2{display:none}
.card-detail-form{max-height:91dvh}
.detail-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 58px 10px 24px;background:#f1f2f4;flex-shrink:0}
.card-list-select{display:flex;align-items:center;gap:8px;color:#637081;font-size:12px;min-width:0}
.card-list-select select{width:auto;max-width:280px;font-size:12px;padding:6px 9px;background:white}
.detail-top-actions{display:flex;align-items:center;gap:8px}
.detail-top-actions .watch-active{color:#176b46;background:#dcf3e4}
.watch-bell{display:block;width:20px;height:20px}.watch-active .watch-bell{fill:currentColor}
.card-quick-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:-10px}
.card-detail .card-picker{border:0;padding:0;margin:0;background:transparent;border-radius:0}
.card-picker summary{list-style:none;cursor:pointer;white-space:nowrap;border:1px solid #dfe1e6;border-radius:5px;background:white;padding:7px 10px;font-size:13px;line-height:20px;color:#455366}
.card-picker summary::-webkit-details-marker{display:none}
.card-picker summary:hover,.card-picker[open]>summary{background:#e9edf2}
.card-detail .card-picker[open]>summary{margin-bottom:0}
.card-picker summary:focus-visible{outline:2px solid #287bbc;outline-offset:2px}
.card-picker-panel{position:fixed;z-index:50;width:296px;max-width:calc(100vw - 24px);overflow:auto;background:white;border:1px solid #dfe1e6;border-radius:9px;box-shadow:0 8px 30px #091e4230;padding:16px}
.card-picker:not([open])>.card-picker-panel{display:none}
.card-picker-panel h3{margin:0 0 12px;font-size:14px}
.card-picker-panel .field{margin-bottom:12px;font-size:12px}
.card-picker-search{margin-bottom:10px}
.card-picker-options{display:grid;gap:4px}
.card-choice{display:flex;align-items:center;gap:10px;padding:7px;border-radius:5px;cursor:pointer;font-size:13px}
.card-choice[hidden]{display:none}
.card-choice:hover{background:#f1f2f4}
.card-choice input{flex-shrink:0}
.picker-label{background:var(--label-color);color:white;flex:1;border-radius:4px;padding:7px 9px;font-weight:600;overflow-wrap:anywhere;text-shadow:0 1px 2px #0008}
.card-menu-actions{display:grid;gap:6px;margin-bottom:18px}
.card-menu-actions button{text-align:left}
.board-canvas{cursor:grab}.board-canvas .card,.board-canvas button{cursor:pointer}.board-canvas.board-panning,.board-canvas.board-panning *{cursor:grabbing;user-select:none}
@media(max-width:500px){.detail-topbar{padding-left:14px;gap:8px}.card-list-select{font-size:0}.card-list-select select{max-width:160px}.detail-top-actions{gap:4px}.card-quick-controls{gap:6px}}
.card-detail .save-bar{position:relative;bottom:0;flex-shrink:0;padding:14px 24px;margin:0;background:#fff;box-shadow:0 -3px 12px #091e4208}
#card-save-status[data-status="saved"]{color:#28774e}
#card-save-status[data-status="error"]{color:#b63838}
@media(max-width:750px){.card-detail-layout{grid-template-columns:1fr}.detail-main{padding:20px}.detail-comments{border-left:0;border-top:1px solid #dfe1e6;padding:20px}.detail-cover{height:150px}.card-detail .editor-title{font-size:22px}.card-detail .save-bar{padding:12px 16px}.save-bar>.inline-hint{max-width:48%;font-size:11px}}
@media(hover:none){.card-check{opacity:1;flex-basis:18px;width:18px;border-width:1.5px}.card-title-line{gap:6px}}
@media(max-width:650px){.board-back{font-size:11px;padding:6px}.board-open .brand{font-size:14px}.board-open .brand img{height:24px;width:24px}.board-head{padding:13px 14px}.board-head>.between{flex-wrap:wrap}.board-toolbar{gap:6px}.board-toolbar .view-tabs{width:100%;margin-bottom:3px}.board-status{display:none}.board-canvas{padding:14px}.column{width:280px;min-width:280px}}