/* Planka reference: charcoal chrome, compact lists, pale task sheets, contextual menus. */
:root{--accent:#6d9f45;--line:#d9dcdf;color:#34434f;background:#24262b;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}button{border-radius:3px;box-shadow:none;font-weight:500}button:hover{background:#e2e5e8;border-color:#bfc6cb}.primary{background:#6d9f45;border-color:#6d9f45}.primary:hover{background:#5c8c37}.flow-shell{min-height:100vh;background:#24262b}.flow-header{height:50px;background:#1b1d21;color:#f4f5f6;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.header-left,.header-right{display:flex;align-items:center;gap:16px}.flow-header button{background:transparent;border:0;color:inherit}.header-home{letter-spacing:3px;font-weight:750;font-size:20px;padding:6px 0}.project-title{font-size:20px;font-weight:650}.project-title span{font-size:14px;color:#92999f}.account-button{display:flex;align-items:center;gap:9px;padding:0}.test-marker{font-size:12px;color:#9ca3ac}.header-icon{position:relative;font-size:22px}.header-icon i{position:absolute;background:#c76b58;right:0;top:0;border-radius:50%;font-style:normal;font-size:11px;padding:1px 4px}.flow-header select{background:#2e3138;color:#c9ced7;border:0;font-size:12px;max-width:210px;padding:6px}.board-tabs{display:flex;gap:4px;padding:8px 20px 0;background:#202226;height:48px;overflow-x:auto}.board-tabs button{border:0;border-radius:0;background:transparent;color:#c4c9d0;white-space:nowrap;padding:10px 16px;font-weight:600}.board-tabs .active{background:#181a1e;color:#fff}.content{padding:24px 20px}.board-page .content{padding:0 20px}.board-tools{min-height:66px;display:flex;align-items:center;gap:12px;color:#bdc3ca;flex-wrap:wrap;padding:12px 0}.board-tools>button{background:#1d1f24;color:#c4cad1;border:0;font-size:13px;padding:6px 9px}.board-tools b{color:#f0f2f3;font-weight:500}.board-tools .search{background:#1c1e23;color:#eee;border:0;padding:7px 10px;width:220px}.toolbar-space{flex:1}.avatar{width:30px;height:30px;flex:0 0 30px;background:#71648d;color:white;font-size:12px;font-weight:500;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-group{display:inline-flex;align-items:center;gap:3px}.board-tools .avatar-group{background:transparent;padding:0;margin-right:12px}.avatar-group>.avatar+.avatar{margin-left:0}.avatar-group .avatar{border:1px solid #ffffff20}.avatar-group button{padding:5px 9px;background:#e9ebed;border:0}.board{gap:8px;height:calc(100vh - 168px);min-height:300px;overflow-x:auto;align-items:flex-start;padding-bottom:14px}.column{width:280px;min-width:280px;flex:0 0 280px;border-radius:3px;background:#e1e4e7;padding:8px;max-height:100%;overflow-y:auto;border-top:2px solid var(--col);scrollbar-width:thin}.colhead{padding:0 6px 7px;min-height:30px}.colhead h2{font-size:14px;font-weight:650}.colhead button{padding:0 4px;background:transparent;border:0;color:#77828b;font-size:20px}.count{background:transparent;padding:0;color:#8a939b;font-size:12px;font-weight:400}.card{border:0;border-radius:3px;margin-bottom:8px;padding:9px;background:#fff;box-shadow:0 1px 1px #091e421a}.card:hover{background:#f8f9fa;outline:1px solid #bcc8d1}.card h3{font-size:14px;font-weight:450;line-height:1.4;margin:0 0 7px}.card-labels{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.color-label{border-radius:3px;display:inline-block;padding:3px 6px;font-size:12px;line-height:1.3;max-width:100%;overflow-wrap:anywhere}.cardfoot{margin-top:8px;min-height:20px}.cardmeta{gap:8px;font-size:12px;color:#75818a}.cardfoot .avatar{width:26px;height:26px;flex-basis:26px}.due-badge{background:#edf0f2;padding:2px 4px;border-radius:3px}.addcard{color:#7c8993;padding:5px 3px;font-size:14px}.addcard:hover{background:#ccd2d7;color:#34434f}.attachment-preview{background:#ecedef;border-radius:3px;padding:22px 10px;color:#73818c;text-align:center;font-size:12px;margin:6px 0 8px;overflow-wrap:anywhere}.attachment-preview span{display:block;font-size:30px;margin-top:10px}.projects-tools{display:flex;justify-content:space-between;align-items:center;color:#929ba4;font-size:13px;margin-bottom:30px}.projects-tools .search{background:#1c1e22;color:#fff;border:0;width:400px;max-width:100%}.project-section h2{color:#969fa9;font-weight:400;font-size:16px;margin:0 0 14px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,290px));gap:24px}.project-tile{position:relative;background:var(--project-color);height:160px;border-radius:3px;box-shadow:0 4px 8px #0002}.project-open{background:transparent!important;border:0;width:100%;height:100%;text-align:left;color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.project-open strong{font-size:22px;font-weight:450;position:absolute;bottom:18px}.project-count{font-size:12px;opacity:.75}.project-members{position:absolute;right:15px;bottom:18px;font-size:24px}.project-edit{position:absolute;top:5px;right:7px;background:transparent;border:0;color:white;font-size:24px;padding:0 5px}.project-create{background:#292c33;color:#8b949e;border:0;min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;box-shadow:0 4px 8px #0002}.project-create span{border:1px solid #777f89;border-radius:50%;font-size:24px;height:34px;width:34px}.regular-page .heading{color:#e6e9ed}.regular-page .content>h1{color:#eee}.regular-page .panel{border-radius:4px}.regular-page .panel .heading{color:#34434f}dialog{background:#f6f6f7;border-radius:4px;width:min(860px,96vw);max-height:94vh;margin-top:40px;color:#34434f;box-shadow:0 8px 30px #0005}dialog::backdrop{background:#000b;backdrop-filter:none}.modalhead{border:0;padding:20px 22px 8px;gap:12px;align-items:flex-start}.modalhead>div{flex:1}.task-icon{font-size:22px}.title-edit{font-size:20px;font-weight:650;background:none;border:0;text-align:left;padding:0;line-height:1.4}.modalhead p{margin:5px 0 0;font-size:13px}.modalhead h2{font-size:20px;margin:0}.modalbody{grid-template-columns:minmax(0,1fr) 205px}.modalmain{padding:12px 24px 24px 55px}.modalaside{border:0;background:transparent;padding:12px 16px 20px 0}.modalaside h3,.task-properties h3{font-size:12px;color:#849099;text-transform:uppercase;font-weight:500;margin:0 0 7px}.modalaside h3:not(:first-child){margin-top:20px}.modalaside button{background:#e9eaec;border:0;text-align:left;margin-bottom:7px;padding:8px 10px;font-size:14px}.modalaside button:hover{background:#dadfe2}.modalaside .primary{background:#6d9f45}.task-properties{display:flex;gap:24px;flex-wrap:wrap;margin:10px 0 24px}.task-properties section{min-width:90px}.task-properties button{border:0;background:#e9eaec;padding:5px 9px}.detail-section{margin:22px 0}.detail-section h3{font-size:16px;margin:0 0 10px}.detail-section h3 button{font-size:12px;color:#7b858e}.brief-text{white-space:pre-wrap;line-height:1.55;font-size:14px;overflow-wrap:anywhere}.detail-tabs{display:flex;gap:5px;border-bottom:2px solid #dedfe2;margin:20px 0}.detail-tabs button{border:0;border-radius:0;background:none;color:#7c858e;padding:10px 9px}.detail-tabs .active{color:#34434f;box-shadow:0 2px #65727a}.comment{border:0;padding:12px 0}.comment header{align-items:center}.comment p{background:#fff;padding:10px 12px;border-radius:3px;box-shadow:0 1px 2px #0001}.formarea{border-radius:3px;background:white}.form input,.form select{border-radius:3px}.form .actions{justify-content:flex-start}.profile-avatar{display:flex;align-items:center;gap:20px;margin:0 0 10px}.profile-avatar>span{display:flex;align-items:center;justify-content:center;border-radius:50%;width:100px;height:100px;flex:0 0 100px;overflow:hidden;font-size:30px;color:white;background:#71648d}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar>div{display:grid;gap:8px}.profile-avatar small{color:#7b8790;font-size:12px}.upload-label{position:relative;cursor:pointer;background:#e7e9ec;padding:8px;border-radius:3px}.upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}#popover{width:310px;max-width:calc(100vw - 16px);position:fixed;margin:0;max-height:calc(100vh - 24px);padding:0;background:white;color:#34434f;border:1px solid #d5d9dd;box-shadow:0 5px 14px #0003;overflow:auto}#popover::backdrop{background:transparent}#popover>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #edf0f2}#popover>header strong{font-weight:500;font-size:14px;margin:auto}#popover>header button{border:0;background:transparent;font-size:21px;padding:0 4px}.popup-body{padding:10px 12px}.popup-body>button,.popup-body>.menu-item{display:block;width:100%;text-align:left;background:transparent;border:0;padding:9px 6px}.popup-body>button:hover{background:#edf0f2}.popup-body .search{width:100%;min-width:0;padding:8px;border-radius:3px;margin-bottom:9px}.popup-body .menu-list{max-height:320px;overflow:auto;margin-bottom:8px}.popup-body label{font-size:13px}.popup-body form{display:grid;gap:12px}.popup-body input:not([type=checkbox]):not([type=radio]):not([type=color]){width:100%;padding:8px;border:1px solid #c9d0d6;border-radius:3px}.label-row{display:flex;gap:6px;align-items:center}.label-row .checkrow{flex:1;min-width:0;padding:3px 0;gap:7px}.label-row .color-label{flex:1;padding:8px}.label-row>button{border:0;background:transparent;padding:4px}.member-row{display:flex;align-items:center;gap:9px;padding:8px;border-radius:3px;cursor:pointer}.member-row:hover{background:#edf0f3}.member-row input{width:16px;height:16px;accent-color:#6d9f45}.member-row span small{display:block;font-size:11px;color:#8a939c}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.palette label{height:32px;position:relative;border-radius:3px;cursor:pointer}.palette input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.palette span{display:none;text-align:center;color:#fff;line-height:32px}.palette input:checked+span{display:block}.palette input:focus-visible+span{display:block;outline:3px solid #222}.legacy-controls{display:grid;gap:6px}.legacy-controls>label{margin-top:8px}.legacy-controls .timer{font-size:22px}.legacy-controls .checkrow{padding:3px 0}.legacy-controls button,.legacy-controls select,.legacy-controls input:not([type=checkbox]){width:100%}.legacy-controls .stack{flex-wrap:wrap!important}.legacy-controls .stack button{width:auto}.menu-list [hidden]{display:none}.dialog-feedback{margin:5px 0;font-size:13px}.drop-placeholder{background:#c6d2df;border-color:#94a7ba;border-radius:3px}.column.dragover{background:#d8e0e8}.lobby{background:#24262b}.login-card{border-radius:4px}.board-page.comfortable .card{padding:16px}.board-page.comfortable .card h3{font-size:16px}.board-page.comfortable .column{width:320px;flex-basis:320px}.board-page .card{overflow-wrap:anywhere}@media(max-width:700px){.flow-header{padding:0 10px}.header-right{gap:6px}.flow-header select{max-width:100px}.test-marker{display:none}.account-button{font-size:0}.account-button .avatar{font-size:12px}.board-tools{gap:6px}.board-tools .search{width:100%}.board{height:calc(100vh - 240px)}.modalbody{grid-template-columns:1fr}.modalmain{padding:16px 20px}.modalaside{padding:0 20px 20px;display:flex;flex-wrap:wrap;gap:6px}.modalaside h3{width:100%}.modalaside button{width:auto}.project-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.profile-avatar{align-items:flex-start}.modalhead .title-edit{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.header-icon{font-size:0;min-width:26px;height:28px}.header-icon::before{content:'';display:block;width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.popup-body select{width:100%;padding:8px;border:1px solid #ccd2d8;border-radius:3px;margin:8px 0}.menu-back{padding:4px 0!important;color:#74818a;font-size:12px}.project-open:hover{filter:brightness(1.1)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #5e9dc1;outline-offset:2px}.card:not(:focus-visible){outline:none}

/* Keep add controls separate from avatars and allow properties to wrap. */
.avatar-group{gap:6px;flex-wrap:wrap;min-width:0;max-width:100%}
.board-members-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}
.board-tools .board-members-control .avatar-group{margin:0;padding:0;background:transparent;border:0}
.add-control,.task-properties .add-control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;padding:0;margin:0;border:0;border-radius:50%;line-height:1;font-size:20px;background:#e1e5e8;color:#485662}
.board-members-control .add-control{background:#353941;color:#d6dce2}
.add-control:hover{background:#cbd3da}.board-members-control .add-control:hover{background:#454b56}
.task-properties{align-items:flex-start;column-gap:24px;row-gap:16px}
.task-properties section{min-width:0;max-width:100%}
.task-properties .avatar-group,.task-properties .card-labels{gap:8px;align-items:center;flex-wrap:wrap}
.task-properties .color-label{min-width:0}
.cardfoot{gap:8px;flex-wrap:wrap}.cardfoot .avatar-group{margin-left:auto}

/* The full lane is a drop target, even below its last card. */
.board .column{position:relative;min-height:0;box-sizing:border-box}
.board.is-dragging .column{transition:background-color 120ms ease}
.board.is-dragging .column.dragover{background:#cddce9;box-shadow:inset 0 0 0 2px #799bb7}
.board .drop-placeholder{border:2px dashed #7296b4;background:#bfcfdd;box-sizing:border-box;color:#34516b;pointer-events:none}
.board .drop-placeholder span{font-size:12px}

.popup-body>.create-label-action{position:sticky;top:0;z-index:1;margin-bottom:10px;background:#6d9f45;color:white;text-align:center;font-weight:600;min-height:36px}
.popup-body>.create-label-action:hover{background:#5c8c37}
.popup-body .menu-list>.menu-item{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 6px}
/* Do not display:none the native drag source: Chromium can cancel a fast drag. */
.board .card.drag-source{display:block;position:absolute;opacity:0;pointer-events:none}
/* Account preference applies equally to the app shell and top-layer dialogs. */
:root[data-theme=light]{color-scheme:light;--page:#edf0f3;--surface:#fff;--surface-alt:#f4f6f8;--header:#fff;--text:#293845;--muted:#657580;--border:#ccd4dc;--input:#fff;--hover:#e1e7ed;--lane:#e2e7ec;--card:#fff;--drop:#c8ddec}
:root[data-theme=dark]{color-scheme:dark;--page:#171b21;--surface:#252b34;--surface-alt:#20262e;--header:#12161c;--text:#e4eaf1;--muted:#adb9c7;--border:#465260;--input:#1c222a;--hover:#384352;--lane:#252d38;--card:#323d4b;--drop:#344e64}
html[data-theme],html[data-theme] body,.flow-shell{background:var(--page);color:var(--text)}
.flow-header{background:var(--header);color:var(--text);border-bottom:1px solid var(--border)}
.board-tabs{background:var(--surface-alt)}.board-tabs button{color:var(--muted)}.board-tabs .active{background:var(--surface);color:var(--text)}
.board-tools{color:var(--muted)}.board-tools>button,.flow-header select{background:var(--surface);color:var(--text)}.board-tools b{color:var(--text)}
.board-tools .search,.projects-tools .search{background:var(--input);color:var(--text);border:1px solid var(--border)}
.board .column{background:var(--lane);color:var(--text)}.card{background:var(--card);color:var(--text)}.card:hover{background:var(--hover);outline-color:var(--muted)}
.cardmeta,.count,.colhead button,.addcard,.projects-tools,.project-section h2,.muted,.project-title span,.test-marker{color:var(--muted)}
.addcard:hover,.task-properties button,.modalaside button,.detail-section h3 button{background:var(--hover);color:var(--text)}
.due-badge,.attachment-preview{background:var(--surface-alt);color:var(--muted)}
.project-create{background:var(--surface);color:var(--muted)}
html[data-theme] dialog,html[data-theme] #popover{background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme] .panel{background:var(--surface);color:var(--text);border-color:var(--border)}
.regular-page .heading,.regular-page .content>h1,.regular-page .panel .heading{color:var(--text)}
.modalaside h3,.task-properties h3,.member-row span small,.profile-avatar small{color:var(--muted)}
.detail-tabs,.modalhead,#popover>header{border-color:var(--border)}.detail-tabs button{color:var(--muted)}.detail-tabs .active{color:var(--text)}
.comment p,.formarea,html[data-theme] input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),html[data-theme] select,html[data-theme] textarea{background:var(--input);color:var(--text);border-color:var(--border)}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--muted);opacity:1}
html[data-theme] button{color:var(--text)}.flow-header button,.board-tabs button{background:transparent}.board-tabs .active{background:var(--surface)}
.title-edit,.detail-tabs button,.label-row>button,.popup-body>.menu-item,.popup-body>button,#popover>header button,.popup-body .menu-list>.menu-item{color:var(--text)}
.popup-body>button:hover,.member-row:hover{background:var(--hover)}
html[data-theme] .primary,html[data-theme] .modalaside .primary,html[data-theme] .create-label-action{background:#557c35;border-color:#557c35;color:#fff}
html[data-theme] .primary:hover,html[data-theme] .create-label-action:hover{background:#43632a}
html[data-theme] .project-open,html[data-theme] .project-edit{color:#fff}
.add-control,.task-properties .add-control,.board-members-control .add-control{background:var(--hover);color:var(--text)}
.upload-label,.note{background:var(--surface-alt);color:var(--text);border-color:var(--border)}
.board.is-dragging .column.dragover{background:var(--drop)}.board .drop-placeholder{background:var(--drop);color:var(--text)}
.label-help{font-size:12px;margin:0 0 10px}
button{background:var(--surface-alt)}
/* Header and add-card footer stay outside the scrolling stack of cards. */
.board .column{display:flex;flex-direction:column;overflow:hidden}
.column .colhead,.column>.addcard{flex:0 0 auto}
.column>.card-list{position:relative;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
.column>.addcard{margin-top:2px;text-align:left}
:root[data-theme=classic]{color-scheme:light;--page:#24262b;--surface:#f6f6f7;--surface-alt:#e9eaec;--header:#1b1d21;--text:#34434f;--muted:#77838d;--border:#d5d9dd;--input:#fff;--hover:#dadfe2;--lane:#e1e4e7;--card:#fff;--drop:#cddce9}
html[data-theme=classic] .flow-header{color:#f4f5f6;border:0}html[data-theme=classic] .flow-header button{color:inherit}
html[data-theme=classic] .board-tabs{background:#202226}html[data-theme=classic] .board-tabs button{color:#c4c9d0}html[data-theme=classic] .board-tabs .active{background:#181a1e;color:#fff}
html[data-theme=classic] .board-tools>button{background:#1d1f24;color:#c4cad1}html[data-theme=classic] .board-tools b{color:#f0f2f3}
html[data-theme=classic] .board-tools .search,html[data-theme=classic] .projects-tools .search{background:#1c1e23;color:#eee;border:0}
html[data-theme=classic] .board-members-control .add-control{background:#353941;color:#d6dce2}
html[data-theme=classic] .project-section h2,html[data-theme=classic] .projects-tools{color:#969fa9}html[data-theme=classic] .project-create{background:#292c33;color:#b4bdc7}
html[data-theme=classic] .board-tools .search,html[data-theme=classic] .projects-tools .search{--input:#1c1e23;--text:#eee;--border:transparent}
.card{position:relative;cursor:pointer}.card h3{padding-right:24px}
.card>.quick-card{position:absolute;top:4px;right:4px;width:26px;height:26px;padding:0;border:0;border-radius:3px;background:var(--hover);color:var(--text);opacity:0;pointer-events:none;z-index:1}
.card:hover>.quick-card,.card:focus-within>.quick-card{opacity:1;pointer-events:auto}
.quick-actions{display:flex;gap:8px;border-top:1px solid var(--border);margin-top:6px;padding-top:10px}.quick-actions button{width:34px;height:32px;padding:0;background:var(--surface-alt);border:1px solid var(--border)}
@media(hover:none){.card>.quick-card{opacity:1;pointer-events:auto}}
.add-column{flex:0 0 280px;min-width:280px;padding:0 4px}.add-column>button{width:100%;text-align:left;padding:12px;background:var(--surface);color:var(--text);border:0}.add-column form{display:grid;gap:8px;padding:10px;background:var(--surface);border-radius:3px}.add-column input{width:100%;min-width:0;padding:9px}.add-column form>div{display:flex;gap:8px}.add-column button{white-space:nowrap}
.bulk-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--surface);color:var(--text);padding:8px 12px;margin:0 0 8px;border-radius:3px}.bulk-toolbar strong{margin-right:auto}.bulk-toolbar button{padding:5px 10px}.selection-mode .board{height:calc(100vh - 222px)}.selection-mode .card{padding-left:34px;cursor:pointer}.card>.card-select{position:absolute;top:11px;left:9px;width:16px;height:16px;margin:0;accent-color:#6d9f45}.selection-mode .card[aria-pressed=true]{box-shadow:inset 0 0 0 2px #6d9f45}

/* Language variants may need two lines without clipping controls. */
.board-tools{flex-wrap:wrap}.board-tools>button,.bulk-toolbar button,.modalaside button{white-space:normal}.project-members svg{display:block}.project-members{display:flex;align-items:center}.colhead h2{overflow-wrap:anywhere}.popup-body button,.form button{overflow-wrap:anywhere}html[lang] .form select{max-width:100%}
.column-lock{display:inline-flex;align-items:center;gap:6px}.column-lock svg{flex:none}.column-lock.active{background:#e5f0cb;color:#3d591f;box-shadow:inset 0 0 0 1px #90ac60}.columns-unlocked .colhead{cursor:grab;user-select:none;box-shadow:inset 0 3px #90ac60}.columns-unlocked .colhead:active{cursor:grabbing}.column-drag-source{opacity:.4}.column-drop-marker{position:fixed;width:4px;background:#89ad42;box-shadow:0 0 0 2px #fff8;border-radius:3px;z-index:1000;pointer-events:none}.column-drop-marker:before{content:'';position:absolute;left:-5px;top:-2px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #89ad42}
.column-collapse{flex:0 0 24px;width:24px;height:24px;padding:0!important;font-size:18px;line-height:1;border:0!important;background:transparent!important;color:inherit!important;border-radius:5px}.column-collapse:hover{background:var(--hover,#ffffff24)!important}.colhead{gap:5px}.column.collapsed{width:48px!important;min-width:48px!important;flex:0 0 48px!important;max-height:100%;height:max-content;min-height:160px}.column.collapsed .colhead{flex-direction:column;align-items:center;min-height:160px;padding:10px 4px;gap:12px}.column.collapsed h2{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;display:flex;align-items:center;gap:12px;max-height:calc(100vh - 280px);overflow:hidden}.column.collapsed .count{writing-mode:horizontal-tb;margin:0}.column.collapsed .card-list,.column.collapsed .addcard,.column.collapsed [data-ui="column-menu"]{display:none}.column.collapsed.dragover{outline:3px solid #38c997;outline-offset:-3px}
.attachment-dropzone{margin-top:24px;padding:18px;border:2px dashed var(--border,#8493a566);border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.attachment-dropzone p{margin:0}.attachment-dropzone small{opacity:.75}.file-dragover{outline:3px solid #2ebd8e!important;background:color-mix(in srgb,#2ebd8e 18%,var(--panel,#25313b))!important}.file-thumbnail{width:100px;height:72px;object-fit:contain;border-radius:6px;background:#1112}.filetile>div{min-width:0;overflow-wrap:anywhere}.attachment-download{margin-left:auto;white-space:nowrap}.upload-feedback{width:100%}.upload-item{display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere;margin-top:8px}.upload-item progress{width:100%;accent-color:#2ebd8e}.upload-error{color:var(--danger,#d35757)}.attach-file-button:focus-visible,.column-collapse:focus-visible{outline:3px solid #39d6a7;outline-offset:3px}
.attach-file-button{width:42px;height:42px;padding:8px!important;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.attach-file-button svg{pointer-events:none}

.card .attachment-preview img{width:100%;height:96px;object-fit:contain;pointer-events:none}
.filetile{background:var(--surface-alt,#eef1f5);color:var(--text,#34434f);border:1px solid var(--border,#d9dcdf)}.filetile small{color:var(--muted,#657580)}.filetile .fileicon{color:var(--text,#34434f);background:var(--surface,#fff);border-color:var(--border,#d9dcdf)}:root[data-theme=dark] .attachment-download{color:#94c2ff}:root[data-theme=dark] .upload-error{color:#ffaaa4}
.drive-attachment{margin:12px 0;border:1px solid var(--border,#d9dcdf);border-radius:8px;overflow:hidden}.drive-attachment .filetile{margin:0;border:0;border-radius:0}.drive-preview{display:block;width:100%;height:320px;border:0;background:var(--surface-alt,#eef1f5)}

.message-attachments{display:grid;gap:10px}.message-media{max-width:440px;border:1px solid var(--border,#d9dcdf);border-radius:8px;overflow:hidden;margin:10px 0}.media-preview-wrap{position:relative}.message-media .drive-preview{height:220px}.message-media .image-preview{pointer-events:none}.image-expand{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent!important;cursor:zoom-in}.image-expand span{position:absolute;right:8px;bottom:8px;background:#101820bb;color:white;border-radius:4px;padding:3px 7px;font-size:20px}.image-expand:focus-visible{outline:3px solid #39d6a7;outline-offset:-3px}.message-media .filetile{margin:0;border:0;border-radius:0;font-size:12px;padding:8px}.local-image-preview{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.local-image-preview img{display:block;width:100%;max-height:240px;object-fit:contain}.message-composer{margin-top:20px;border-top:1px solid var(--border,#d9dcdf);padding-top:16px}.message-composer .attachment-dropzone{margin:8px 0 12px;padding:10px;border-width:1px}.message-composer .attachment-dropzone p{font-size:12px}.message-draft-files{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.draft-file{display:flex;align-items:center;gap:8px;border:1px solid var(--border,#d9dcdf);border-radius:6px;padding:6px;max-width:100%;font-size:12px}.draft-file>span{overflow-wrap:anywhere}.draft-file img,.draft-file video{width:80px;height:60px;object-fit:contain}.draft-file button{flex-shrink:0}.media-lightbox{width:min(1100px,96vw)!important;max-width:96vw!important}.media-lightbox .form{padding:0}.expanded-image-frame{display:block;width:100%;height:75vh;border:0}.expanded-image{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}.conversation .message p{white-space:pre-wrap}.message-composer>.primary{margin-top:8px}

.attachment-remove{flex:0 0 30px;padding:3px;font-size:22px;line-height:24px;background:transparent;border:0;color:#8c4b4b}.attachment-remove:hover{background:#fbe5e5;color:#a32929}.removed-attachments{margin-top:16px;color:#75818a}.removed-attachments summary{cursor:pointer;margin-bottom:8px}.removed-attachments .filetile{justify-content:space-between}.custom-label-color{display:flex;align-items:center;gap:10px}.custom-label-color input[type=color]{width:54px;height:36px;padding:2px;cursor:pointer}.custom-label-color output{font-family:monospace;font-size:12px}.palette span{color:inherit}.palette label:has(input:checked){outline:2px solid #26313b;outline-offset:1px}

#popover.date-popover{width:360px}.calendar-field{display:block;width:100%;text-align:left;padding:10px!important;margin-top:5px;border:1px solid #c9d0d6;background:#fff}.calendar-field.active{border-color:#6d9f45;box-shadow:0 0 0 1px #6d9f45}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calendar-nav b{font-size:17px;text-transform:capitalize}.calendar-nav button{font-size:25px;width:40px;padding:3px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-week span{text-align:center;color:#78838b;padding:6px 0}.calendar-days button{height:36px;padding:0;background:#f3f5f6;border:1px solid transparent;font-size:16px}.calendar-days button.outside{color:#a3abb1}.calendar-days button.today{border-color:#6d9f45}.calendar-days button.selected{background:#557b36;color:#fff}.calendar-days button:hover{background:#dfe8d8}.calendar-days button.selected:hover{background:#46672c}.calendar-actions{display:flex;justify-content:space-between;margin-top:10px}.calendar-actions button{padding:7px 10px}@media(max-width:450px){.calendar-days button{height:36px}}

[data-calendar-grid][hidden]{display:none}

.card-cover{height:160px;overflow:hidden;border-radius:3px;margin:6px 0 8px;background:#eceef0;pointer-events:none}.card-cover iframe,.card-cover img{display:block;width:100%;height:100%;border:0;object-fit:cover;pointer-events:none}

.card-cover iframe{height:320px;margin-top:-80px}

.card-cover-video{position:relative;background:#202124}.card-cover-video iframe{height:100%;margin-top:0}.card-cover video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.card-cover-play{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:32px;text-shadow:0 1px 6px #000}

/* Lightweight board covers: no embedded Drive viewers or black loading panels. */
.card-cover[data-cover-key]{position:relative;background:#e4e7e9}.card-cover[data-cover-key] img{height:100%;width:100%;object-fit:cover}.card-cover[data-state="error"] img{visibility:hidden}.card-cover[data-state="error"]::after{content:"▧";position:absolute;inset:0;display:grid;place-items:center;color:#8b949d;font-size:30px}.card-cover[data-state="loading"] .card-cover-play{color:#8b949d;text-shadow:none}
/* Personal Telegram connection and administrator bot settings. */
.telegram-settings form{display:grid;gap:16px;margin-top:18px}
.telegram-settings form>label:not(.checkrow){display:grid;gap:8px;font-weight:600}
.telegram-settings input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;border:1px solid #cbd0d4;border-radius:5px;background:#fff;color:#27343c;font:inherit}
.telegram-settings .checkrow{display:flex;align-items:center;gap:10px;font-weight:400}
.telegram-settings input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#527934}
.telegram-settings .actions{display:flex;flex-wrap:wrap;gap:10px}
.telegram-settings a.primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;background:#527934;border-radius:5px;color:#fff;text-decoration:none;font-weight:600}
.telegram-settings details{border-top:1px solid #d8dcdf;padding-top:16px;margin-top:24px}
.telegram-settings summary{cursor:pointer;font-weight:600}
.telegram-settings [role=alert]:not([hidden]){padding:12px;background:#fee5e5;color:#842323;border-radius:5px}