:root {
  --bg: #f6f7fb; --surface: #fff; --surface-2: #f1f2f8; --text: #20212d; --muted: #7c7f91;
  --line: #e6e7ee; --primary: #6558e8; --primary-dark: #5548d5; --sidebar: #242330;
  --shadow: 0 10px 30px rgba(36,35,48,.08); --card-shadow: 0 2px 10px rgba(45,43,72,.055);
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; min-height: 100%; font-family: "DM Sans", system-ui, sans-serif; color: var(--text); background: var(--bg); }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#8f83ef33,transparent 34%),radial-gradient(circle at 85% 80%,#f2ad7633,transparent 32%),#f5f5fa}.auth-card{width:min(410px,100%);display:grid;gap:14px;padding:32px;background:#fff;border:1px solid #e4e3ed;border-radius:18px;box-shadow:0 24px 70px #34314e20}.auth-brand{display:flex;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid var(--line)}.auth-brand>div{display:grid}.auth-brand strong{font-size:14px}.auth-brand small{font-size:9px;color:var(--muted)}.auth-card h1{font-size:24px;margin:5px 0}.auth-card>div>p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.auth-message{min-height:16px;margin:0;color:#d95449;font-size:10px}.auth-message.success{color:#2f9e7a}.auth-mode-button{border:0;background:transparent;color:var(--primary);font-size:10px;font-weight:600;padding:5px}.account-email{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px}
.app-shell { display: grid; grid-template-columns: 258px 1fr; min-height: 100vh; }
.sidebar { background: var(--sidebar); color: #fff; padding: 24px 18px 18px; display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; z-index: 20; }
.brand { display: flex; align-items: center; gap: 11px; font-size: 19px; font-weight: 700; padding: 0 8px 26px; }
.brand-mark { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: linear-gradient(145deg,#7669f2,#5547db); box-shadow: 0 6px 16px #13121b66; }
.primary-action { border: 0; background: var(--primary); color: #fff; border-radius: 10px; padding: 12px 14px; font-weight: 600; text-align: left; display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.primary-action:hover { background: #7569f0; }
.nav-list { display: grid; gap: 3px; }
.nav-item, .project-item { width: 100%; border: 0; color: #aaa9b6; background: transparent; border-radius: 8px; padding: 10px 12px; display: flex; align-items: center; gap: 11px; text-align: left; }
.nav-item span { font-size: 18px; width: 18px; text-align: center; }
.nav-item kbd { margin-left: auto; background: #353442; color: #aaa9b6; min-width: 22px; border-radius: 10px; padding: 2px 6px; text-align: center; font: 11px inherit; }
.nav-item.active, .nav-item:hover, .project-item:hover { background: #353442; color: #fff; }
.sidebar-heading { display: flex; justify-content: space-between; color: #6f6e7d; font-size: 10px; letter-spacing: 1.4px; font-weight: 700; padding: 29px 12px 9px; }
.sidebar-heading button { border: 0; color: #858391; background: none; }
.project-item { font-size: 13px; }
.project-item > span { margin-left: auto; color: #777684; }
.project-dot { width: 9px; height: 9px; border-radius: 3px; }.violet { background:#7567ed }.coral { background:#f48673 }
.project-list{display:grid;gap:3px;max-height:34vh;overflow-y:auto}.project-row{display:grid;grid-template-columns:1fr 27px;align-items:center}.project-main{min-width:0;width:100%;border:0;color:#aaa9b6;background:transparent;border-radius:8px;padding:8px 7px;display:flex;align-items:center;gap:9px;text-align:left;font-size:11px}.project-main:hover,.project-row.active .project-main{background:#353442;color:#fff}.project-main span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-logo-mini{width:24px;height:24px;flex:none;border-radius:7px;display:grid;place-items:center;background:#6558e8;color:#fff;font-size:9px;font-weight:700;overflow:hidden}.project-logo-mini img{width:100%;height:100%;object-fit:cover}.project-edit{border:0;background:transparent;color:#6f6e7d;border-radius:6px;height:27px}.project-edit:hover{background:#353442;color:#fff}.project-boards{grid-column:1/-1;display:grid;gap:2px;margin:1px 0 5px 20px;padding-left:13px;border-left:1px solid #3a3946}.sidebar-board{border:0;background:transparent;color:#858491;border-radius:6px;padding:6px 8px;display:flex;align-items:center;gap:7px;text-align:left;font-size:9px}.sidebar-board:hover,.sidebar-board.active{background:#302f3c;color:#fff}.sidebar-board i{width:6px;height:6px;border-radius:50%;flex:none}
.sidebar-footer { margin-top: auto; border-top: 1px solid #373642; padding: 15px 8px 0; }
.storage-row { display: flex; justify-content: space-between; align-items:center; gap:8px; color: #8e8d9a; font-size: 10px; }.storage-row strong { color: #d0cedb; font-size:8px; font-weight:600; white-space:nowrap; }
.storage-bar { background: #393844; height: 5px; border-radius: 4px; margin: 8px 0 5px; overflow:hidden; }.storage-bar i { display: block; width: 0; height: 100%; border-radius: inherit; background: #6f62e7; transition:width .3s ease,background .3s ease; }.storage-bar.warning i{background:#e5a33d}.storage-bar.danger i{background:#ef6d62}.storage-detail{display:block;min-height:11px;margin-bottom:14px;color:#777684;font-size:8px;line-height:1.35}
.cloud-button { width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px; color: #cbc9d6; background: #2e2d3a; border: 1px solid #3c3b49; border-radius: 9px; text-align: left; }
.cloud-button > span:first-child { color:#8b80f6 }.cloud-button > span:last-child { margin-left:auto }.cloud-button div { display:grid }.cloud-button strong { font-size:10px }.cloud-button small { color:#777684;font-size:9px }
.profile { display: grid; grid-template-columns: 34px 1fr 28px; gap: 9px; align-items: center; margin-top: 17px; }
.avatar,.mini-avatar,.member-bubble { border:0; display:grid; place-items:center; border-radius:50%; background:linear-gradient(145deg,#e0a879,#9d5e3d); color:white; font-size:11px; font-weight:700; }
.avatar { width:34px;height:34px }.profile div:nth-child(2){display:grid}.profile strong{font-size:11px}.profile small{color:#777684;font-size:9px}.profile button{border:0;background:none;color:#aaa9b6;font-size:17px}
.main-content { min-width: 0; }.topbar { height: 72px; background: var(--surface); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: center; padding: 0 34px; position: sticky; top: 0; z-index: 10; }
.search { width: min(470px, 50vw); position: relative; display: flex; align-items: center; }.search > span{position:absolute;left:13px;color:#9496a6;font-size:21px}.search input{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:10px 48px 10px 40px;color:var(--text);outline:none}.search input:focus{border-color:#968df1;box-shadow:0 0 0 3px #6558e817}.search kbd{position:absolute;right:10px;border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:2px 6px;color:#989aaa;font:10px inherit}
.top-actions { position:absolute;right:33px;display:flex;gap:9px;align-items:center }.icon-button{width:34px;height:34px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px}.notification{position:relative}.notification i{position:absolute;width:6px;height:6px;background:#f36f61;border-radius:50%;right:6px;top:6px}.mini-avatar{width:33px;height:33px;margin-left:4px}.mobile-only{display:none}
.workspace { padding: 36px 38px 48px; max-width: 1600px; margin: 0 auto; }.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.1px;color:#8a8c9a;font-weight:700}.eyebrow i{width:3px;height:3px;background:#bbbcc6;border-radius:50%}.page-heading h1{font-size:27px;margin:6px 0 4px;letter-spacing:-.6px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.heading-actions,.member-stack{display:flex;align-items:center}.member-bubble,.member-add{width:31px;height:31px;border:2px solid var(--surface)}.member-bubble{margin-left:-7px}.member-bubble:first-child{margin-left:0}.member-add{margin-left:-7px;border-radius:50%;background:var(--surface-2);color:var(--muted)}.outline-button{margin-left:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;height:32px;padding:0 11px}
.toolbar{display:flex;justify-content:flex-end;border-bottom:1px solid var(--line);margin-bottom:22px}.filter-actions{display:flex;gap:7px;padding-bottom:8px}.tool-button,.filter-actions select{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px;padding:7px 10px;font-size:11px}.tool-button b{background:var(--primary);color:#fff;border-radius:8px;padding:1px 5px;margin-left:4px}
.board-switcher{display:flex;align-items:center;gap:8px;margin:-8px 0 15px;overflow-x:auto;padding-bottom:3px}.board-tabs{display:flex;align-items:center;gap:6px}.board-tab{display:flex;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden;white-space:nowrap}.board-tab>button{border:0;background:transparent;color:var(--muted);height:32px}.board-tab .board-select{display:flex;align-items:center;gap:7px;padding:0 10px;font-size:10px}.board-tab .board-select i{width:8px;height:8px;border-radius:50%}.board-tab .board-edit{padding:0 8px;border-left:1px solid var(--line);font-size:10px}.board-tab.active{border-color:#8b81eb;background:#f0eeff}.board-tab.active .board-select{color:var(--primary);font-weight:600}.new-board-button{height:32px;flex:none;border:1px dashed #bfc1ce;background:transparent;color:var(--primary);border-radius:8px;padding:0 11px;font-size:10px;font-weight:600}
.board{display:flex;gap:15px;align-items:flex-start;overflow-x:auto;padding-bottom:15px}.column{width:260px;min-width:225px;flex:0 0 min(260px,72vw);background:#eef0f5;border-radius:10px;padding:12px 10px;min-height:310px;transition:.2s}.column.drag-over{background:#e4e2fb;box-shadow:inset 0 0 0 2px #8175ec}.column-header{display:flex;align-items:center;padding:0 3px 11px;gap:8px}.column-color{width:7px;height:7px;border-radius:50%;flex:none}.column-header h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;letter-spacing:.5px;text-transform:uppercase;margin:0}.column-header .count{font-size:10px;color:#8d8f9d;background:#dfe1e8;border-radius:8px;padding:1px 6px}.column-menu{margin-left:auto;border:0;background:none;color:#9799a7;border-radius:6px;padding:4px 6px}.column-menu:hover{background:#dedfe7;color:var(--primary)}.task-list{display:grid;gap:9px;min-height:55px}.task-card{background:var(--surface);border:1px solid transparent;border-radius:8px;padding:12px;box-shadow:var(--card-shadow);cursor:grab;transition:transform .16s,box-shadow .16s,border .16s}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #3c396119;border-color:#dadbe6}.task-card.dragging{opacity:.45;transform:rotate(2deg)}.task-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.task-card h3{font-size:12px;line-height:1.35;margin:0;color:var(--text)}.priority{flex:none;width:7px;height:7px;border-radius:50%;margin-top:4px}.priority.high{background:#f06c61}.priority.medium{background:#f1ae48}.priority.low{background:#66b994}.task-card p{color:var(--muted);font-size:10px;line-height:1.5;margin:7px 0 9px}.tag{display:inline-block;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.45px;padding:3px 6px;border-radius:4px;background:#eeeafd;color:#6658d9}.task-meta{display:flex;gap:9px;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:#9a9ca9;font-size:9px}.task-meta .due.overdue{color:#ef6d62}.task-meta .due.today{color:#e39c31}.task-meta .assignee{margin-left:auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#8b8d99;color:#fff;font-size:7px;font-weight:700}.check-progress{display:flex;align-items:center;gap:5px}.mini-progress{width:30px;height:3px;background:#e7e8ed;border-radius:3px;overflow:hidden}.mini-progress i{display:block;height:100%;background:#6dc59d}.add-task{width:100%;border:1px dashed #cfd1da;background:transparent;color:#9294a2;border-radius:8px;padding:9px;margin-top:9px;text-align:left;font-size:10px}.add-task:hover{border-color:#8175ec;color:#6558e8;background:#ffffff88}.new-column-card{flex:0 0 210px;min-height:120px;border:1px dashed #bfc1ce;background:transparent;color:var(--muted);border-radius:10px;display:grid;place-items:center;align-content:center;gap:5px;padding:20px}.new-column-card span{font-size:24px;color:var(--primary)}.new-column-card strong{font-size:11px;color:var(--primary)}.new-column-card small{font-size:8px}.new-column-card:hover{border-color:#8175ec;background:#6558e808}.empty-state{text-align:center;padding:80px 20px;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:18px;margin-bottom:6px}
.modal{width:min(580px,calc(100vw - 28px));border:0;border-radius:15px;padding:0;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #1d1b3155}.modal::backdrop{background:#252433aa;backdrop-filter:blur(3px)}.modal form{padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal h2{font-size:20px;margin:4px 0}.modal-eyebrow{font-size:9px;color:var(--primary);font-weight:700;letter-spacing:1px}.close-button{border:0;background:var(--surface-2);color:var(--muted);font-size:21px;width:32px;height:32px;border-radius:8px}.field{display:grid;gap:6px;margin-bottom:14px}.field>span{font-size:10px;color:var(--muted);font-weight:600}.field small{font-weight:400}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 11px;outline:none;resize:vertical;font-size:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8e83ef;box-shadow:0 0 0 3px #6558e815}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;margin-top:23px}.save-button,.secondary-button,.danger-button{border:0;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:600}.save-button{background:var(--primary);color:#fff}.save-button:hover{background:var(--primary-dark)}.secondary-button{background:var(--surface-2);color:var(--muted)}.danger-button{background:#fce9e7;color:#d95449}.small-modal{padding:30px;text-align:center;width:min(470px,calc(100vw - 28px));position:relative}.cloud-illustration{width:64px;height:64px;border-radius:20px;background:#eeecff;color:var(--primary);display:grid;place-items:center;font-size:28px;margin:0 auto 16px}.small-modal h2{font-size:20px}.small-modal p{color:var(--muted);font-size:12px;line-height:1.6}.floating{position:absolute;right:18px;top:18px}.cloud-steps{display:flex;align-items:center;justify-content:center;margin:22px 0;text-align:left}.cloud-steps>div{display:flex;gap:8px;align-items:center}.cloud-steps b{width:25px;height:25px;border-radius:50%;background:#ebe8ff;color:var(--primary);display:grid;place-items:center;font-size:10px}.cloud-steps span{display:grid}.cloud-steps strong{font-size:9px}.cloud-steps small{font-size:8px;color:var(--muted)}.cloud-steps i{width:35px;height:1px;background:var(--line);margin:0 10px}.full{width:100%}
.attachment-heading{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;font-weight:600}.attachment-heading small{font-size:9px;font-weight:400}.attachment-picker{width:max-content;display:flex;align-items:center;gap:6px;border:1px dashed #c7c9d5;color:var(--primary);border-radius:8px;padding:8px 11px;font-size:10px;font-weight:600;cursor:pointer}.attachment-picker:hover{background:#6558e80d;border-color:#8c82ed}.attachment-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.attachment-list{display:grid;gap:6px}.attachment-item{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.attachment-icon{width:31px;height:31px;border-radius:7px;background:#ece9ff;color:var(--primary);display:grid;place-items:center;font-size:14px}.attachment-info{min-width:0;display:grid}.attachment-info strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-info small{font-size:8px;color:var(--muted)}.attachment-actions{display:flex;gap:4px}.attachment-actions button{width:27px;height:27px;border:0;border-radius:6px;background:var(--surface);color:var(--muted);font-size:12px}.attachment-actions button:hover{color:var(--primary);background:#eae7ff}.attachment-actions .remove-attachment:hover{color:#d95449;background:#fce9e7}.attachment-count{white-space:nowrap}
.checklist-heading{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;font-weight:600}.checklist-heading small{font-size:9px;font-weight:400}.checklist-items{display:grid;gap:5px}.checklist-empty{padding:10px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:9px;text-align:center}.checklist-item{display:grid;grid-template-columns:20px minmax(0,1fr) 27px;gap:7px;align-items:center;padding:7px 7px 7px 9px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.checklist-item input{appearance:none;width:16px;height:16px;margin:0;padding:0;border:1.5px solid #b9bbc7;border-radius:5px;background:var(--surface);display:grid;place-items:center;cursor:pointer}.checklist-item input:checked{background:var(--primary);border-color:var(--primary)}.checklist-item input:checked::after{content:"✓";color:#fff;font-size:10px;font-weight:700}.checklist-item label{min-width:0;font-size:10px;line-height:1.3;cursor:pointer}.checklist-item input:checked+label{text-decoration:line-through;color:var(--muted)}.checklist-item button{width:27px;height:27px;border:0;border-radius:6px;background:transparent;color:#a0a1ae}.checklist-item button:hover{background:#fce9e7;color:#d95449}.checklist-add{display:grid;grid-template-columns:1fr auto;gap:6px}.checklist-add input{min-width:0}.checklist-add button{border:0;border-radius:8px;background:var(--surface-2);color:var(--primary);padding:0 11px;font-size:10px;font-weight:600}.check-progress{white-space:nowrap}
.checklist-template-actions{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;gap:6px}.checklist-template-actions select,.checklist-template-actions button,.checklist-template-save input,.checklist-template-save button{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--text);padding:7px 8px;font-size:9px}.checklist-template-actions button,.checklist-template-save button{color:var(--primary);font-weight:600}.checklist-template-actions button:disabled,.checklist-template-save button:disabled{opacity:.45}.checklist-template-actions .template-delete{padding:0;color:#d95449;font-size:15px}.checklist-template-save{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.checklist-template-save input{background:var(--bg)}.template-picker-field{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-bottom:14px}.template-picker-field .field{margin:0}.template-picker-buttons{display:flex;gap:6px}.template-picker-buttons button{height:36px;white-space:nowrap}.template-picker-buttons button:disabled{opacity:.45}.template-columns-heading{display:grid;gap:3px;margin-bottom:9px}.template-columns-heading span{font-size:10px;font-weight:700}.template-columns-heading small{font-size:8px;color:var(--muted)}.template-column-list{display:grid;gap:7px;margin-bottom:9px;max-height:250px;overflow:auto}.template-column-row{display:grid;grid-template-columns:24px minmax(0,1fr) 42px 30px;gap:7px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.template-column-row>span{font-size:9px;color:var(--muted);text-align:center}.template-column-row input[type="text"]{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);padding:8px;font-size:10px}.template-column-row input[type="color"]{width:42px;height:31px;border:1px solid var(--line);border-radius:7px;padding:3px;background:var(--surface)}.template-column-row button{width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#d95449;font-size:15px}.template-column-empty{padding:18px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:9px;text-align:center}
.assignee-field{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.assignee-field button{height:36px;margin-bottom:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--primary);padding:0 12px;font-size:10px;font-weight:600}.member-modal{width:min(430px,calc(100vw - 28px))}.color-field{grid-template-columns:1fr 46px;align-items:center}.color-field input{width:46px;height:34px;padding:3px;border-radius:8px}.modal-actions.compact{margin-top:18px}
.member-list{display:grid;gap:6px;margin:-5px 0 18px;padding-bottom:17px;border-bottom:1px solid var(--line)}.member-list[hidden]{display:none}.member-list-row{display:grid;grid-template-columns:32px 1fr 28px 28px;gap:6px;align-items:center}.member-list-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700}.member-list-info{display:grid}.member-list-info strong{font-size:10px}.member-list-info small{font-size:8px;color:var(--muted)}.member-list-row button{width:28px;height:28px;border:0;border-radius:6px;background:var(--surface-2);color:var(--muted)}.member-list-row button:hover{background:#eae7ff;color:var(--primary)}.member-list-row .remove-member:hover{background:#fce9e7;color:#d95449}.member-list-row button:disabled{opacity:.35;cursor:not-allowed}.member-primary-actions{display:flex;align-items:center;gap:7px}
.profile-photo-field{display:grid;grid-template-columns:64px 1fr;gap:13px;align-items:center;margin-bottom:17px}.member-photo-preview{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--surface-2);border:1px dashed #bfc1ce;color:var(--muted);font-size:24px}.member-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-copy{display:grid;justify-items:start;gap:3px}.profile-photo-copy strong{font-size:11px}.profile-photo-copy small{font-size:8px;color:var(--muted)}.photo-actions{display:flex;align-items:center;gap:6px}.photo-upload-button{display:flex;align-items:center;gap:5px;margin-top:5px;border:1px solid var(--line);border-radius:7px;padding:7px 9px;background:var(--surface-2);color:var(--primary);font-size:9px;font-weight:600;cursor:pointer}.photo-upload-button:hover{border-color:#9187ed}.photo-upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.photo-actions button{margin-top:5px;border:0;background:transparent;color:#d95449;font-size:9px}.member-bubble,.mini-avatar,.avatar{overflow:hidden}.member-bubble img,.mini-avatar img,.avatar img,.task-meta .assignee img,.member-list-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.task-meta .assignee{overflow:hidden}
.project-logo-field{display:grid;grid-template-columns:68px 1fr;gap:13px;align-items:center;margin-bottom:17px}.project-logo-field>div:nth-child(2){display:grid;justify-items:start;gap:3px}.project-logo-field strong{font-size:11px}.project-logo-field small{font-size:8px;color:var(--muted)}.project-logo-preview{width:68px;height:68px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#eeecff;border:1px dashed #bfc1ce;color:var(--primary);font-size:22px;font-weight:700}.project-logo-preview img{width:100%;height:100%;object-fit:cover}
.project-access-field{border:1px solid var(--line);border-radius:10px;padding:12px;margin:2px 0 14px}.project-access-field legend{padding:0 5px;font-size:10px;font-weight:700;color:var(--text)}.project-access-field>p{margin:0 0 10px;color:var(--muted);font-size:9px;line-height:1.5}.project-access-list{display:grid;gap:6px;max-height:150px;overflow:auto}.project-access-option{display:grid;grid-template-columns:18px 30px 1fr;gap:8px;align-items:center;padding:7px 8px;border-radius:8px;background:var(--surface-2);cursor:pointer}.project-access-option input{accent-color:var(--primary)}.project-access-option .member-list-avatar{width:30px;height:30px}.project-access-copy{display:grid}.project-access-copy strong{font-size:10px}.project-access-copy small{font-size:8px;color:var(--muted)}.project-access-empty{padding:10px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:9px;text-align:center}
.empty-board{min-width:min(520px,80vw);min-height:230px;border:1px dashed var(--line);border-radius:14px;display:grid;place-content:center;justify-items:center;gap:7px;color:var(--muted);text-align:center;padding:28px}.empty-board strong{color:var(--text);font-size:15px}.empty-board span{max-width:330px;font-size:10px;line-height:1.5}
.comments-section{border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.comments-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.comments-heading span{font-size:10px;font-weight:700;color:var(--text)}.comments-heading small{font-size:8px;color:var(--muted)}.comment-list{display:grid;gap:8px;max-height:220px;overflow:auto}.comment-empty,.comment-access-message{margin:0;padding:12px;border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:9px;text-align:center}.comment-item{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:start;padding:10px;border-radius:10px;background:var(--surface-2)}.comment-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:8px;font-weight:700}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-body{min-width:0;display:grid;gap:4px}.comment-meta{display:flex;align-items:center;gap:6px}.comment-meta strong{font-size:9px}.comment-meta time{font-size:7px;color:var(--muted)}.comment-body p{margin:0;color:var(--text);font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.comment-delete{border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1}.comment-delete:hover{color:#d95449}.comment-composer{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.comment-composer textarea{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;padding:9px 10px;resize:vertical;font-size:10px;outline:none}.comment-composer textarea:focus{border-color:#8e83ef;box-shadow:0 0 0 3px #6558e815}.comment-composer button{align-self:end;border:0;border-radius:8px;padding:10px 13px;background:var(--primary);color:#fff;font-size:10px;font-weight:700}.comment-composer button:disabled,.comment-composer textarea:disabled{opacity:.55}.comment-access-message{margin-top:8px}
.rich-description-field{gap:0}.rich-description-field>span{margin-bottom:6px}.rich-text-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;background:var(--surface-2)}.rich-text-toolbar button{min-width:28px;height:27px;border:0;border-radius:5px;padding:0 7px;background:transparent;color:var(--text);font-size:10px}.rich-text-toolbar button:hover:not(:disabled){background:var(--surface);color:var(--primary)}.rich-text-toolbar button:disabled{opacity:.45}.toolbar-divider{width:1px;height:18px;background:var(--line);margin:0 2px}.rich-text-input{min-height:92px;max-height:230px;overflow:auto;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:0 0 8px 8px;padding:10px 11px;outline:none;font-size:12px;line-height:1.55}.rich-text-input:focus{border-color:#8e83ef;box-shadow:0 0 0 3px #6558e815}.rich-text-input:empty::before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.rich-text-input[contenteditable="false"]{opacity:.7}.rich-text-input p{margin:0 0 7px}.rich-text-input p:last-child{margin-bottom:0}.rich-text-input ul,.rich-text-input ol{margin:5px 0;padding-left:22px}.rich-text-input a,.task-description a{color:var(--primary);text-decoration:underline}.description-limit{margin-top:5px;text-align:right;color:var(--muted);font-size:8px}.task-description{margin:8px 0;color:var(--muted);font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.task-description p{margin:0 0 4px}.task-description ul,.task-description ol{margin:3px 0;padding-left:17px}
.modal{max-height:calc(100vh - 28px);overflow:auto}
.toast{position:fixed;right:25px;bottom:25px;background:#242330;color:#fff;border-radius:9px;padding:11px 15px;font-size:11px;box-shadow:var(--shadow);transform:translateY(80px);opacity:0;transition:.25s;z-index:100}.toast.show{transform:translateY(0);opacity:1}
body.dark{--bg:#191922;--surface:#23232e;--surface-2:#2c2c38;--text:#eeeeF5;--muted:#9999aa;--line:#383844;--sidebar:#16161e;--card-shadow:0 2px 10px #0003}body.dark .column{background:#20202a}body.dark .column.drag-over{background:#2b2848}body.dark .tag{background:#363057;color:#b4acf9}body.dark .member-add{border-color:var(--surface)}
@media(max-width:1100px){.workspace{padding:30px 25px}.app-shell{grid-template-columns:225px 1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:258px;transition:left .25s;box-shadow:15px 0 35px #1116}.sidebar.open{left:0}.main-content{width:100%}.topbar{justify-content:flex-start;padding:0 15px;gap:12px}.mobile-only{display:block}.search{width:calc(100% - 145px)}.search kbd{display:none}.top-actions{right:14px}.top-actions>.icon-button{display:none}.workspace{padding:24px 16px}.page-heading{align-items:flex-start}.page-heading p{max-width:260px}.heading-actions{display:none}.toolbar{align-items:flex-start}.filter-actions select,#sortButton{display:none}.column{flex-basis:82vw}.field-row{grid-template-columns:1fr}.modal-actions{grid-template-columns:auto 1fr auto}.modal-actions .secondary-button{display:none}}
@media(max-width:620px){.checklist-template-actions{grid-template-columns:minmax(0,1fr) auto 30px}.checklist-template-save,.template-picker-field{grid-template-columns:1fr}.template-picker-buttons{display:grid;grid-template-columns:1fr 1fr}.template-column-row{grid-template-columns:20px minmax(0,1fr) 38px 28px}.template-column-row input[type="color"]{width:38px}}
.column{background:var(--column-bg,#EEF0F5);color:var(--column-text,var(--text))}.column.drag-over{background:var(--column-bg,#EEF0F5);box-shadow:inset 0 0 0 3px var(--column-text);filter:brightness(.96)}.column-header h2{color:var(--column-text,var(--text))}.column-header .count{color:var(--column-text);background:#ffffff38}.column-menu{color:var(--column-text)}.column-menu:hover{background:#ffffff38;color:var(--column-text)}.column-color{background:transparent!important;box-shadow:0 0 0 1.5px var(--column-text);opacity:.9}.column .add-task{border-color:#ffffff88;background:#ffffffd9;color:#3F3D4A}.column .add-task:hover{border-color:#fff;background:#fff;color:var(--primary)}
.color-field{grid-template-columns:1fr 112px}.color-field input{width:112px;height:36px;padding:9px 9px 9px 22px}.hex-color-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.25px;box-shadow:inset 12px 0 0 var(--hex-preview,#6558E8)}.hex-color-input:focus{box-shadow:inset 12px 0 0 var(--hex-preview,#6558E8),0 0 0 3px #6558e815}.template-column-row{grid-template-columns:24px minmax(0,1fr) 100px 30px}.template-column-row .template-hex-color{width:100px;box-sizing:border-box;padding-left:20px}
.board.template-library-view{display:block;overflow:visible;padding-bottom:0}.template-library-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:17px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.template-library-header>div{display:grid;gap:4px}.template-library-header strong{font-size:13px}.template-library-header span{font-size:9px;color:var(--muted)}.template-library-header .save-button{white-space:nowrap}.template-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.template-library-card{min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:15px;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--card-shadow)}.template-library-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.template-library-card-header>div{min-width:0;display:grid;gap:4px}.template-library-card-header h2{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-library-card-header span{font-size:9px;color:var(--muted)}.template-library-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:8px;background:#eeecff;color:var(--primary);font-size:15px}.template-library-columns{display:grid;gap:6px;align-content:start}.template-library-column{min-width:0;display:grid;grid-template-columns:20px 10px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;background:var(--surface-2)}.template-library-position{color:var(--muted);font-size:8px;text-align:center}.template-library-column i{width:10px;height:24px;border-radius:4px}.template-library-column strong{min-width:0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-library-column code{font-size:8px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.template-library-card-actions{display:flex;justify-content:flex-end;gap:7px;padding-top:2px;border-top:1px solid var(--line)}.template-library-card-actions button{margin-top:12px}.template-library-empty{min-height:300px;display:grid;place-content:center;justify-items:center;gap:8px;padding:38px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.template-library-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eeecff;color:var(--primary);font-size:23px}.template-library-empty strong{color:var(--text);font-size:15px}.template-library-empty p{max-width:390px;margin:0 0 6px;font-size:10px;line-height:1.55}
.board.profile-library-view{display:block;overflow:visible;padding-bottom:0}.profile-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.profile-library-card{min-width:0;display:grid;grid-template-rows:auto auto 1fr auto;gap:15px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--card-shadow)}.profile-library-main{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center}.profile-library-avatar{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#fff;font-size:13px;font-weight:700}.profile-library-avatar img{width:100%;height:100%;object-fit:cover}.profile-library-identity{min-width:0;display:grid;gap:4px}.profile-library-identity h2{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-library-identity span{min-width:0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-library-role{align-self:start;padding:4px 7px;border-radius:12px;font-size:8px;font-weight:700}.profile-library-role.administrator{background:#ece9ff;color:var(--primary)}.profile-library-role.member{background:#e8f5ef;color:#2d8b69}.profile-library-status{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.profile-library-status i{width:7px;height:7px;border-radius:50%;background:#61b98f}.profile-library-status.pending i{background:#e5a33d}.profile-library-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-library-stats>div{display:grid;gap:2px;padding:10px;border-radius:9px;background:var(--surface-2)}.profile-library-stats strong{font-size:15px}.profile-library-stats span{color:var(--muted);font-size:8px}.profile-library-actions{display:flex;justify-content:flex-end;padding-top:2px;border-top:1px solid var(--line)}.profile-library-actions button{margin-top:12px}
@media(max-width:620px){.template-column-row{grid-template-columns:20px minmax(0,1fr) 92px 28px}.template-column-row .template-hex-color{width:92px}.color-field{grid-template-columns:1fr 104px}.color-field input{width:104px}.template-library-header{align-items:flex-start;flex-direction:column}.template-library-header .save-button{width:100%}.template-library-grid,.profile-library-grid{grid-template-columns:1fr}.template-library-column{grid-template-columns:18px 9px minmax(0,1fr)}.template-library-column code{grid-column:3;font-size:7px}.profile-library-main{grid-template-columns:48px minmax(0,1fr)}.profile-library-avatar{width:48px;height:48px}.profile-library-role{grid-column:2;justify-self:start}}

/* Task cards: neutral canvas with clear information hierarchy. */
.task-list{gap:11px}.task-card{position:relative;overflow:hidden;padding:14px 13px 12px 17px;background:#fff;border:1px solid #e2e4eb;border-radius:11px;box-shadow:0 3px 12px rgba(36,35,48,.08);cursor:grab;transition:transform .16s,box-shadow .16s,border-color .16s}.task-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#f1ae48}.task-card.priority-high::before{background:#ed665d}.task-card.priority-medium::before{background:#e9a33b}.task-card.priority-low::before{background:#4e9ed8}.task-card:hover{transform:translateY(-2px);border-color:#c9ccd8;box-shadow:0 9px 24px rgba(36,35,48,.16)}.task-card.dragging{opacity:.45;transform:rotate(2deg)}
.task-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.priority-label,.completion-status{display:inline-flex;align-items:center;width:max-content;border-radius:20px;padding:4px 7px;font-size:7px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}.priority-label.high{background:#fce9e7;color:#c94740}.priority-label.medium{background:#fff1d9;color:#a7650a}.priority-label.low{background:#e6f2fb;color:#2475ad}.completion-status{background:#e5f5ed;color:#26805e;letter-spacing:.25px;text-transform:none}.task-card h3{margin:0;color:#222431;font-size:13px;line-height:1.38;letter-spacing:-.12px}.task-card .task-description{display:-webkit-box;margin:7px 0 0;color:#707486;font-size:9.5px;line-height:1.48;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card .task-description p{margin:0}.task-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px}.task-badge{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:5px 7px;background:#f1f2f6;color:#676b7b;font-size:8px;font-weight:700}.task-badge i{font-style:normal;font-size:10px}.task-badge.tag{background:#efedff;color:#5a4fca}.task-badge.due.today{background:#fff0d8;color:#a46208}.task-badge.due.overdue{background:#fce8e6;color:#c8443e}
.task-progress{display:grid;gap:5px;margin-top:12px}.task-progress-label{display:flex;justify-content:space-between;align-items:center;color:#858999;font-size:8px}.task-progress-label strong{color:#4f5362;font-size:8px}.task-progress-track{display:block;height:5px;overflow:hidden;border-radius:5px;background:#e9eaf0}.task-progress-track i{display:block;height:100%;border-radius:inherit;background:#55b889;transition:width .2s}.task-footer{display:flex;align-items:center;min-height:25px;margin-top:12px;padding-top:10px;border-top:1px solid #ececf1}.task-indicators{display:flex;align-items:center;gap:6px}.task-indicator{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:4px 6px;background:#f3f4f7;color:#6f7382;font-size:8px;font-weight:700}.task-indicator i{color:#9295a2;font-style:normal;font-size:10px}.task-footer .assignee{margin-left:auto;width:24px;height:24px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:7px;font-weight:800;box-shadow:0 0 0 1px #dfe1e8}.task-footer .assignee img{width:100%;height:100%;object-fit:cover}.task-footer .assignee.unassigned{background:#a2a5b1}.task-card.is-completed{background:#f8faf9;border-color:#dfe9e4;box-shadow:0 2px 8px rgba(36,35,48,.05)}.task-card.is-completed::before{background:#50ad82}.task-card.is-completed h3{color:#696e79}.task-card.is-completed .task-progress-track i{background:#50ad82}
body.dark .task-card{background:#282934;border-color:#3d3f4d;box-shadow:0 4px 14px #0004}body.dark .task-card:hover{border-color:#5b5d6c;box-shadow:0 10px 24px #0006}body.dark .task-card h3{color:#f0f0f5}body.dark .task-card .task-description{color:#aaaebe}body.dark .task-badge,body.dark .task-indicator{background:#343642;color:#c2c4ce}body.dark .task-badge.tag{background:#393451;color:#bbb3ff}body.dark .task-progress-track{background:#3b3d48}body.dark .task-progress-label strong{color:#d1d3dc}body.dark .task-footer{border-color:#3d3f4a}body.dark .task-footer .assignee{border-color:#282934;box-shadow:0 0 0 1px #484a58}body.dark .task-card.is-completed{background:#252e2a;border-color:#365246}

/* Segmented task-card experiment: each information area has its own panel. */
.task-card{display:grid;gap:7px;padding:8px;background:#fff;border-color:#dfe1e9}.task-card::before{display:none}.task-card-header{padding:11px 11px 12px;border:1px solid transparent;border-radius:8px;background:#fff1d8}.task-card.priority-high .task-card-header{background:#fce9e7;border-color:#f7d4d1}.task-card.priority-medium .task-card-header{background:#fff1d8;border-color:#f5dfb9}.task-card.priority-low .task-card-header{background:#e8f3fb;border-color:#cee4f3}.task-card-heading{margin-bottom:7px}.task-card h3{font-size:13px}.priority-label{background:#ffffffb8!important;color:#4d5060!important;box-shadow:inset 0 0 0 1px #ffffffaa}.completion-status{background:#dff3e8}.task-card-section{display:grid;gap:7px;padding:9px 10px;border:1px solid transparent;border-radius:8px}.task-section-label,.task-section-heading span{color:#7a7e8e;font-size:7px;font-weight:800;letter-spacing:.75px;text-transform:uppercase}.description-section{background:#f5f7fa;border-color:#e8eaf0}.task-card .description-section .task-description{margin:0;color:#626777}.details-section{background:#f2efff;border-color:#e2dcfb}.task-badges{margin:0}.details-section .task-badge{background:#fff;color:#625b83;box-shadow:0 1px 3px #493d7920}.details-section .task-badge.tag{background:#fff;color:#5549c1}.details-section .task-badge.due.today{background:#fff3de;color:#9c5f08}.details-section .task-badge.due.overdue{background:#fdecea;color:#bd403a}.checklist-section{background:#edf8f3;border-color:#d8eee3}.task-section-heading{display:flex;align-items:center;justify-content:space-between}.task-section-heading strong{color:#297c5c;font-size:8px}.checklist-section .task-progress-track{height:6px;background:#d8e9e1}.task-footer{min-height:32px;margin:0;padding:5px 3px 1px 5px;border:0;border-radius:7px;background:#f7f7f9}.task-indicator{background:#fff;border:1px solid #e5e6ec}.task-card.is-completed{background:#fff;border-color:#d9e9e1}.task-card.is-completed .task-card-header{background:#e5f5ed;border-color:#cee8db}.task-card.is-completed h3{color:#4f6259}
body.dark .task-card{background:#23242d;border-color:#3c3e4b}body.dark .task-card.priority-high .task-card-header{background:#4a302f;border-color:#67403e}body.dark .task-card.priority-medium .task-card-header{background:#493d2b;border-color:#665235}body.dark .task-card.priority-low .task-card-header{background:#293f4c;border-color:#36576a}body.dark .priority-label{background:#ffffff16!important;color:#f0f0f4!important;box-shadow:inset 0 0 0 1px #ffffff18}body.dark .description-section{background:#2d2f39;border-color:#3b3d49}body.dark .details-section{background:#312e43;border-color:#45405c}body.dark .checklist-section{background:#293a33;border-color:#375146}body.dark .task-section-label,body.dark .task-section-heading span{color:#aeb1bf}body.dark .task-card .description-section .task-description{color:#c0c2cd}body.dark .details-section .task-badge{background:#403c53;color:#d5d1e5;box-shadow:none}body.dark .task-footer{background:#2d2e37}body.dark .task-indicator{background:#373842;border-color:#454752}body.dark .task-card.is-completed{background:#232b27;border-color:#385246}body.dark .task-card.is-completed .task-card-header{background:#294237;border-color:#36594a}

/* Restore the compact board cards; visual sections belong inside the open task. */
.task-list{gap:9px}.task-card{position:static;display:block;overflow:visible;padding:12px;background:var(--surface);border:1px solid transparent;border-radius:8px;box-shadow:var(--card-shadow)}.task-card::before{content:none;display:none}.task-card:hover{transform:translateY(-2px);border-color:#dadbe6;box-shadow:0 8px 22px #3c396119}.task-card h3{margin:0;color:var(--text);font-size:12px;line-height:1.35;letter-spacing:normal}.task-card .task-description{margin:8px 0;color:var(--muted);font-size:10px;line-height:1.45;-webkit-line-clamp:3}.task-card .task-description p{margin:0 0 4px}.task-card .tag{display:inline-block;padding:3px 6px;border-radius:4px;background:#eeeafd;color:#6658d9;font-size:8px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}.task-card .task-meta{display:flex;gap:9px;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:#9a9ca9;font-size:9px}.task-card .task-meta .assignee{margin-left:auto;width:20px;height:20px;border:0;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#8b8d99;color:#fff;font-size:7px;font-weight:700;box-shadow:none}.task-card .task-meta .assignee img{width:100%;height:100%;object-fit:cover}.task-card .task-meta .due.overdue{color:#ef6d62}.task-card .task-meta .due.today{color:#e39c31}body.dark .task-card{background:var(--surface);border-color:transparent;box-shadow:var(--card-shadow)}body.dark .task-card:hover{border-color:#454653;box-shadow:0 8px 22px #0005}body.dark .task-card h3{color:var(--text)}body.dark .task-card .task-description{color:var(--muted)}body.dark .task-card .tag{background:#363057;color:#b4acf9}

/* Open task: clearly separated information areas. */
#taskDialog{width:min(720px,calc(100vw - 28px));background:#f5f6fa}#taskDialog form{padding:22px 24px 24px}#taskDialog .modal-header{margin-bottom:17px;padding:2px 2px 15px;border-bottom:1px solid #dfe2ea}.task-detail-section{position:relative;margin:0 0 14px;padding:16px 17px 17px;border:1px solid;border-left-width:4px;border-radius:12px}.task-detail-section>.field:last-child,.task-detail-section>.field-row:last-child,.task-detail-section>.assignee-field:last-child{margin-bottom:0}.task-detail-section-heading{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;margin-bottom:15px}.task-detail-section-heading .task-section-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:15px;font-weight:700}.task-detail-section-heading>div{display:grid;gap:2px}.task-detail-section-heading strong{font-size:12px;color:var(--text)}.task-detail-section-heading small{font-size:8px;color:var(--muted)}.task-detail-section .field>span{color:#646879}.task-detail-section .field input,.task-detail-section .field textarea,.task-detail-section .field select,.task-detail-section .rich-text-input,.task-detail-section .comment-composer textarea{background:#fff}.task-content-section{background:#f4f8fd;border-color:#d9e5f2;border-left-color:#4f8fc8}.task-content-section .task-section-icon{background:#deecf8;color:#377caf}.task-planning-section{background:#f8f6ff;border-color:#e4def7;border-left-color:#7969d8}.task-planning-section .task-section-icon{background:#e9e4fc;color:#6558c5}.task-checklist-section{background:#f3faf6;border-color:#d8ebdf;border-left-color:#48a477}.task-checklist-section .task-section-icon{background:#dcefe5;color:#28825c}.task-attachments-section{background:#fff9f1;border-color:#f0e1ca;border-left-color:#d69539}.task-attachments-section .task-section-icon{background:#f8e9d1;color:#a96a13}.task-comments-panel{margin-top:0;padding-top:16px;background:#faf6fc;border-color:#e9dced;border-left-color:#a46caf}.task-comments-panel .task-section-icon{background:#eedff1;color:#8b5595}.task-detail-section .checklist-item,.task-detail-section .attachment-item,.task-detail-section .comment-item,.task-detail-section .comment-empty,.task-detail-section .comment-access-message{background:#ffffffb8}.task-detail-section .checklist-template-actions select,.task-detail-section .checklist-template-actions button,.task-detail-section .checklist-template-save input,.task-detail-section .checklist-template-save button{background:#fff}.task-detail-section .assignee-field button{background:#fff}.task-comments-panel .comment-list{max-height:260px}.task-comments-panel .comment-composer{margin-top:12px}#taskDialog .modal-actions{position:sticky;bottom:-24px;z-index:3;margin:18px -24px -24px;padding:15px 24px;background:#fff;border-top:1px solid #dfe2ea;box-shadow:0 -8px 20px #2726380b}
body.dark #taskDialog{background:#1e1f28}body.dark #taskDialog .modal-header,body.dark #taskDialog .modal-actions{border-color:#373945}body.dark #taskDialog .modal-actions{background:#24252f}.dark .task-content-section{background:#242f3a;border-color:#344656;border-left-color:#5799d2}.dark .task-planning-section{background:#2c293c;border-color:#403b55;border-left-color:#8373e4}.dark .task-checklist-section{background:#24342d;border-color:#345044;border-left-color:#54ad82}.dark .task-attachments-section{background:#383024;border-color:#51432f;border-left-color:#d99a43}.dark .task-comments-panel{background:#332a36;border-color:#49394d;border-left-color:#aa72b5}.dark .task-detail-section .field input,.dark .task-detail-section .field textarea,.dark .task-detail-section .field select,.dark .task-detail-section .rich-text-input,.dark .task-detail-section .comment-composer textarea,.dark .task-detail-section .checklist-item,.dark .task-detail-section .attachment-item,.dark .task-detail-section .comment-item,.dark .task-detail-section .comment-empty,.dark .task-detail-section .comment-access-message,.dark .task-detail-section .checklist-template-actions select,.dark .task-detail-section .checklist-template-actions button,.dark .task-detail-section .checklist-template-save input,.dark .task-detail-section .checklist-template-save button,.dark .task-detail-section .assignee-field button{background:#23242e}
@media(max-width:620px){#taskDialog form{padding:18px 14px 20px}.task-detail-section{padding:14px 12px 15px}.task-detail-section-heading{grid-template-columns:29px 1fr}.task-detail-section-heading .task-section-icon{width:29px;height:29px}#taskDialog .modal-actions{bottom:-20px;margin:16px -14px -20px;padding:13px 14px}.task-detail-section .assignee-field{grid-template-columns:1fr}.task-detail-section .assignee-field button{width:100%;margin-top:-7px}}

/* Threaded replies in task conversations. */
.comment-thread-node{display:grid;gap:7px}.comment-thread{display:grid;gap:8px;margin:0 0 2px 38px;padding-left:12px;border-left:2px solid #d9c9de}.comment-thread .comment-thread{margin-left:18px}.comment-item.is-reply{background:#fff;border:1px solid #eadfed}.comment-actions{display:flex;align-items:center;gap:10px;margin-top:3px}.comment-actions button{border:0;background:transparent;color:#7d6683;padding:2px 0;font-size:8px;font-weight:700}.comment-actions button:hover{color:var(--primary);text-decoration:underline}.comment-reply-context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0 -3px;padding:8px 10px;border:1px solid #d9c8df;border-radius:8px;background:#f1e8f4;color:#744f7d;font-size:9px;font-weight:700}.comment-reply-context button{width:22px;height:22px;border:0;border-radius:6px;background:#ffffffa8;color:#805888;font-size:15px;line-height:1}.comment-reply-context:not([hidden])+.comment-composer textarea{border-color:#b98fc2;box-shadow:0 0 0 3px #a46caf12}.dark .comment-thread{border-left-color:#59475e}.dark .comment-item.is-reply{background:#28232b;border-color:#4b3b50}.dark .comment-reply-context{border-color:#624d68;background:#433548;color:#d8badf}.dark .comment-reply-context button{background:#2a242d;color:#d8badf}@media(max-width:620px){.comment-thread{margin-left:24px;padding-left:8px}.comment-thread .comment-thread{margin-left:9px}.comment-item{grid-template-columns:27px 1fr auto}.comment-avatar{width:27px;height:27px}}

/* Emoji picker for comments and replies. */
.comment-input-wrap{position:relative;min-width:0}.comment-input-wrap textarea{display:block;width:100%;min-height:58px;padding-right:42px}.comment-composer .comment-emoji-button{position:absolute;right:7px;bottom:7px;width:29px;height:29px;align-self:auto;padding:0;border:0;border-radius:7px;background:transparent;color:#8a6f91;font-size:19px;line-height:1}.comment-composer .comment-emoji-button:hover,.comment-composer .comment-emoji-button.active{background:#eee3f1;color:#7c4f86}.comment-emoji-picker{position:absolute;right:0;bottom:calc(100% + 8px);z-index:8;width:238px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:8px;border:1px solid #ddcee1;border-radius:11px;background:#fff;box-shadow:0 14px 35px #392d3d2b}.comment-emoji-picker button{width:34px;height:34px;align-self:auto;padding:0;border:0;border-radius:7px;background:transparent;color:inherit;font-size:18px;line-height:1}.comment-emoji-picker button:hover{background:#f2eaf4;transform:scale(1.08)}.dark .comment-composer .comment-emoji-button{color:#c5a8cb}.dark .comment-composer .comment-emoji-button:hover,.dark .comment-composer .comment-emoji-button.active{background:#47394b;color:#eadcef}.dark .comment-emoji-picker{border-color:#57445c;background:#29232c;box-shadow:0 14px 35px #0007}.dark .comment-emoji-picker button:hover{background:#453849}@media(max-width:420px){.comment-emoji-picker{right:-1px;width:214px;grid-template-columns:repeat(6,1fr);padding:6px}.comment-emoji-picker button{width:31px;height:31px;font-size:17px}}

/* Full Unicode emoji catalogue with search, categories and skin tones. */
.comment-emoji-picker{right:0;bottom:calc(100% + 8px);width:330px;height:390px;display:block;gap:0;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:0 16px 38px #392d3d30;--num-columns:8;--emoji-size:1.3rem;--category-emoji-size:1.1rem;--background:#fff;--border-color:#ded1e2;--border-radius:12px;--indicator-color:#8a5b95;--input-border-color:#c6b4cb;--input-border-radius:8px;--button-hover-background:#f1e8f3;--button-active-background:#e8daec}.dark .comment-emoji-picker{border:0;background:transparent;box-shadow:0 16px 38px #0008;--background:#29232c;--border-color:#57475c;--indicator-color:#c59acf;--input-border-color:#715d77;--input-font-color:#f0e9f2;--input-placeholder-color:#bbaabd;--category-font-color:#eee5f0;--button-hover-background:#493b4d;--button-active-background:#57445c}@media(max-width:420px){.comment-emoji-picker{right:-1px;width:min(300px,calc(100vw - 52px));height:365px;padding:0;--num-columns:7;--emoji-size:1.2rem;--category-emoji-size:1rem}}
.comment-emoji-picker{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(7px) scale(.98);transform-origin:bottom right;transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s}.comment-emoji-picker.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}

/* Board preview mirrors the colored sections of the open task. */
.task-card.task-card-segmented{display:grid;gap:7px;padding:8px;background:var(--surface);border:1px solid #dde0e8;border-radius:11px;box-shadow:0 3px 12px #24233012}.task-card-segmented .task-preview-block{min-width:0;padding:9px 10px;border:1px solid;border-left-width:3px;border-radius:8px}.task-preview-heading{display:flex;align-items:center;gap:5px;margin-bottom:6px}.task-preview-heading>span{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;font-size:9px;font-weight:800}.task-preview-heading strong{min-width:0;color:#5f6371;font-size:7px;font-weight:800;letter-spacing:.55px;text-transform:uppercase}.task-preview-heading small{margin-left:auto;color:#6e8278;font-size:7px;font-weight:800}.task-card-segmented h3{margin:0;color:var(--text);font-size:12px;line-height:1.38}.task-card-segmented .task-description{margin:5px 0 0;color:#6f7482;font-size:9px;line-height:1.42;-webkit-line-clamp:2}.task-card-segmented .task-description p{margin:0}.task-preview-empty{display:block;margin-top:5px;color:#9296a2;font-size:8px;font-style:italic}.preview-content{background:#f4f8fd;border-color:#d9e5f2!important;border-left-color:#4f8fc8!important}.preview-content .task-preview-heading>span{background:#deecf8;color:#377caf}.preview-planning{background:#f8f6ff;border-color:#e4def7!important;border-left-color:#7969d8!important}.preview-planning .task-preview-heading>span{background:#e9e4fc;color:#6558c5}.task-preview-assignee{width:21px;height:21px;display:grid;place-items:center;overflow:hidden;margin-left:auto;border:2px solid #fff;border-radius:50%;color:#fff;font-size:6px;font-weight:800;box-shadow:0 0 0 1px #d9d5e8}.task-preview-assignee img{width:100%;height:100%;object-fit:cover}.task-preview-assignee.unassigned{background:#a1a4af}.task-preview-details{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.task-preview-details>span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:5px;background:#fff;color:#67647b;font-size:7px;font-weight:700}.preview-priority i{width:6px;height:6px;border-radius:50%}.preview-priority.high i{background:#ed665d}.preview-priority.medium i{background:#e9a33b}.preview-priority.low i{background:#4e9ed8}.preview-due.today{color:#a46208!important}.preview-due.overdue{color:#c8443e!important}.preview-tag{color:#5a4fca!important}.preview-checklist{background:#f3faf6;border-color:#d8ebdf!important;border-left-color:#48a477!important}.preview-checklist .task-preview-heading>span{background:#dcefe5;color:#28825c}.task-preview-progress{display:block;height:5px;overflow:hidden;border-radius:4px;background:#dbeae2}.task-preview-progress i{display:block;height:100%;border-radius:inherit;background:#48a477}.task-preview-bottom{display:grid;grid-template-columns:1fr 1fr;gap:7px}.task-preview-bottom .task-preview-block{display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px 9px}.task-preview-bottom .task-preview-heading{margin:0}.task-preview-bottom .task-preview-heading strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-preview-bottom b{font-size:11px}.preview-attachments{background:#fff9f1;border-color:#f0e1ca!important;border-left-color:#d69539!important}.preview-attachments .task-preview-heading>span{background:#f8e9d1;color:#a96a13}.preview-attachments b{color:#a96a13}.preview-comments{background:#faf6fc;border-color:#e9dced!important;border-left-color:#a46caf!important}.preview-comments .task-preview-heading>span{background:#eedff1;color:#8b5595}.preview-comments b{color:#8b5595}.task-card.task-card-segmented:hover{border-color:#c9ccd8;box-shadow:0 9px 24px #24233022}
.dark .task-card.task-card-segmented{background:#22232c;border-color:#3b3d49}.dark .preview-content{background:#242f3a;border-color:#344656!important;border-left-color:#5799d2!important}.dark .preview-planning{background:#2c293c;border-color:#403b55!important;border-left-color:#8373e4!important}.dark .preview-checklist{background:#24342d;border-color:#345044!important;border-left-color:#54ad82!important}.dark .preview-attachments{background:#383024;border-color:#51432f!important;border-left-color:#d99a43!important}.dark .preview-comments{background:#332a36;border-color:#49394d!important;border-left-color:#aa72b5!important}.dark .task-preview-heading strong{color:#c2c4ce}.dark .task-card-segmented .task-description{color:#aeb1bc}.dark .task-preview-details>span{background:#24252e;color:#d2cfe0}.dark .task-preview-assignee{border-color:#2c293c;box-shadow:0 0 0 1px #504b60}.dark .task-preview-progress{background:#354b40}

/* Simplified card header: visible assignee plus the three requested sections. */
.task-preview-owner{display:flex;align-items:center;gap:9px;padding:4px 4px 3px}.task-preview-owner .task-preview-assignee{width:30px;height:30px;flex:none;margin-left:0;border-width:2px;font-size:8px}.task-preview-owner>span:last-child{min-width:0;display:grid;gap:1px}.task-preview-owner small{color:#888c99;font-size:7px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}.task-preview-owner strong{min-width:0;color:var(--text);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-preview-empty-detail{color:#9693a3!important;font-weight:500!important;font-style:italic}.task-card-segmented .task-preview-progress{height:7px}.dark .task-preview-owner small{color:#999ba8}.dark .task-preview-owner strong{color:#efeff4}.dark .task-preview-empty-detail{color:#858493!important}
.preview-priority.low i{background:#48a477}
.task-preview-owner-name{display:flex;align-items:center;gap:7px;min-width:0}.task-preview-owner-name strong{flex:0 1 auto}.task-preview-priority-dots{display:inline-flex;align-items:center;gap:3px;flex:none;margin:-3px;padding:3px;border:0;border-radius:999px;background:transparent;cursor:pointer}.task-preview-priority-dots:hover:not(:disabled),.task-preview-priority-dots:focus-visible{background:#ececf3;outline:none;box-shadow:0 0 0 2px #7169da33}.task-preview-priority-dots:disabled{cursor:default}.task-preview-priority-dots i{width:7px;height:7px;box-sizing:border-box;border:1px solid #c8cad3;border-radius:50%;background:transparent}.task-preview-priority-dots.low i.filled{border-color:#48a477;background:#48a477}.task-preview-priority-dots.medium i.filled{border-color:#e9a33b;background:#e9a33b}.task-preview-priority-dots.high i.filled{border-color:#ed665d;background:#ed665d}.dark .task-preview-priority-dots i{border-color:#626571}.dark .task-preview-priority-dots:hover:not(:disabled),.dark .task-preview-priority-dots:focus-visible{background:#343641}
.task-preview-owner{position:relative}.task-preview-assignee-button{padding:0;cursor:pointer;transition:transform .15s,box-shadow .15s}.task-preview-assignee-button:hover,.task-preview-assignee-button:focus-visible{transform:scale(1.08);outline:none;box-shadow:0 0 0 3px #7169da40}.task-preview-assignee-picker{position:absolute;z-index:30;top:39px;left:2px;width:190px;max-height:230px;overflow-y:auto;padding:6px;border:1px solid #dedfe7;border-radius:10px;background:#fff;box-shadow:0 14px 34px #2423302b}.task-preview-assignee-picker[hidden]{display:none}.task-preview-assignee-picker>button{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:6px;border:0;border-radius:7px;background:transparent;color:#4b4958;text-align:left;font:inherit;cursor:pointer}.task-preview-assignee-picker>button:hover,.task-preview-assignee-picker>button:focus-visible{background:#f0eff9;outline:none}.task-preview-assignee-picker>button.selected{background:#ebe9fb;color:#5148b8}.task-preview-assignee-picker>button>span:nth-child(2){overflow:hidden;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.task-preview-assignee-picker>button>i{display:none;color:#5f57ce;font-style:normal;font-size:10px}.task-preview-assignee-picker>button.selected>i{display:block}.task-preview-picker-avatar{width:24px;height:24px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#fff;font-size:7px;font-weight:800}.task-preview-picker-avatar img{width:100%;height:100%;object-fit:cover}.task-preview-picker-avatar.unassigned{background:#a1a4af}.dark .task-preview-assignee-picker{border-color:#444651;background:#292a33;box-shadow:0 16px 38px #0008}.dark .task-preview-assignee-picker>button{color:#e4e4ea}.dark .task-preview-assignee-picker>button:hover,.dark .task-preview-assignee-picker>button:focus-visible{background:#363742}.dark .task-preview-assignee-picker>button.selected{background:#3c3856;color:#c7c2ff}

/* Mobile and tablet usability pass. */
.sidebar-backdrop,.sidebar-close,.task-preview-mobile-move{display:none}
@media(max-width:900px){
  .app-shell{display:block}
  .sidebar{position:fixed;left:-280px;width:258px;transition:left .25s;box-shadow:15px 0 35px #1116;z-index:30}
  .sidebar.open{left:0}
  .brand{display:flex;align-items:center}
  .sidebar-close.mobile-only{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;margin-left:auto;padding:0;border:0;border-radius:10px;background:transparent;color:inherit;font-size:28px;line-height:1;cursor:pointer}
  .sidebar-close:hover,.sidebar-close:focus-visible{background:#ffffff14;outline:none}
  .sidebar-backdrop{position:fixed;inset:0;z-index:29;border:0;background:#17182480;backdrop-filter:blur(2px)}
  .sidebar-backdrop.open{display:block}
  body.sidebar-open{overflow:hidden}
  .main-content{width:100%}
  .topbar{justify-content:flex-start;padding:0 14px;gap:10px}
  #menuButton.mobile-only{display:block;width:44px;height:44px;flex:none}
  .search{width:auto;height:44px;min-width:0;flex:1;margin-right:54px}
  .search kbd,.account-email{display:none}
  .top-actions{right:12px}
  .top-actions>.icon-button{display:none}
  #topAvatar{width:44px;height:44px}
  .workspace{padding:24px 16px}
  .page-heading{align-items:flex-start}
  .page-heading p{max-width:360px}
  .heading-actions{display:none}
  .toolbar{display:block}
  .filter-actions{display:grid;width:100%;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
  .filter-actions select,#sortButton{display:block!important;min-width:0;min-height:44px}
  .tool-button,.filter-actions select,.add-task,.new-board-button,.board-tab>button{min-height:44px}
  #newProjectButton,.project-edit,.column-menu,#themeToggle{width:44px;min-width:44px;height:44px;min-height:44px}
  .project-main,.sidebar-board{min-height:44px}
  .board-edit{width:44px;min-width:44px}
  .column{flex-basis:82vw}
  .field-row{grid-template-columns:1fr}
  .modal-actions{grid-template-columns:auto 1fr auto}
  .save-button,.secondary-button,.danger-button,.close-button{min-height:44px}
  .close-button{min-width:44px}
  #taskDialog button{min-width:44px;min-height:44px}
  #taskDialog input:not([type="checkbox"]),#taskDialog select,#taskDialog textarea{min-height:44px}
  #taskDialog .rich-text-toolbar button{min-width:44px;height:44px}
  #taskAttachments{min-width:44px;min-height:44px}
  #taskDialog .comment-input-wrap textarea{padding-right:56px}
  #taskDialog .comment-composer .comment-emoji-button{width:44px;height:44px;right:2px;bottom:2px}
  .task-preview-owner .task-preview-assignee{width:44px;height:44px;font-size:10px}
  .task-preview-owner-name{gap:9px}
  .task-preview-owner small,.task-preview-heading strong,.task-preview-details>span,.task-preview-empty{font-size:10px}
  .task-preview-owner strong{font-size:12px}
  .task-card-segmented h3{font-size:14px}
  .task-card-segmented .task-description{font-size:12px;line-height:1.5}
  .task-preview-details>span{min-height:30px;padding:5px 8px}
  .task-preview-priority-dots{min-width:44px;min-height:44px;justify-content:center;margin:-10px;padding:10px}
  .task-preview-priority-dots i{width:8px;height:8px}
  .task-preview-assignee-picker{top:52px;left:0;width:220px;max-width:calc(100vw - 48px)}
  .task-preview-assignee-picker>button{min-height:44px;padding:8px}
  .task-preview-assignee-picker>button>span:nth-child(2){font-size:12px}
  .task-preview-mobile-move{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding-top:2px}
  .task-preview-mobile-move button{width:44px;height:44px;padding:0;border:1px solid #d6d8e2;border-radius:9px;background:#f5f5f9;color:#595d6c;font-size:20px;font-weight:700;cursor:pointer}
  .task-preview-mobile-move button:disabled{opacity:.35;cursor:default}
  .task-preview-mobile-move span{text-align:center;color:#777b89;font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}
  .dark .task-preview-mobile-move button{border-color:#454752;background:#30313b;color:#e1e2e8}
  .dark .task-preview-mobile-move span{color:#aeb0bb}
}

/* Smartphone board carousel: exactly one column per swipe. */
@media(max-width:620px){
  .board{width:100%;gap:12px;scroll-snap-type:x mandatory;scroll-padding-inline:0;scroll-behavior:smooth;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .board::-webkit-scrollbar{display:none}
  .board>.column,.board>.new-column-card{width:100%;min-width:100%;flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
}

.attachment-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attachment-toolbar button{min-height:34px;padding:8px 11px;border-radius:8px;font-size:9px;font-weight:700;cursor:pointer}.attachment-toolbar .secondary-button{border:1px solid #d8d3ef;background:#fff;color:var(--primary)}.attachment-trash-all{border:1px solid #edcbc7;background:#fff7f6;color:#b44941}.attachment-toolbar button:disabled{opacity:.5;cursor:not-allowed}.attachment-empty{padding:12px;border:1px dashed #dccfbf;border-radius:8px;background:#ffffff8c;color:var(--muted);font-size:9px;text-align:center}.attachment-trash{margin-top:4px;border-top:1px solid #ead7bd;padding-top:10px}.attachment-trash summary{display:flex;align-items:center;gap:7px;padding:7px 0;color:#9c5c45;font-size:10px;font-weight:800;cursor:pointer;list-style:none}.attachment-trash summary::-webkit-details-marker{display:none}.attachment-trash summary::after{content:"⌄";margin-left:auto;transition:transform .18s ease}.attachment-trash[open] summary::after{transform:rotate(180deg)}.attachment-trash summary small{padding:3px 7px;border-radius:999px;background:#f2dfd8;color:#995344;font-size:8px}.attachment-trash>p{margin:0 0 9px;color:var(--muted);font-size:8px;line-height:1.5}.attachment-item.trashed{border-style:dashed;opacity:.84}.attachment-item.trashed .attachment-icon{background:#f4e7e3;color:#a65b4b}.attachment-actions .restore-attachment:hover{color:#2c865e;background:#e3f3e9}
.dark .attachment-toolbar .secondary-button,.dark .attachment-trash-all{background:#272832}.dark .attachment-toolbar .secondary-button{border-color:#49445f}.dark .attachment-trash-all{border-color:#60443f;color:#ef9b91}.dark .attachment-empty{background:#272832;border-color:#574a38}.dark .attachment-trash{border-color:#594934}.dark .attachment-trash summary{color:#e1a187}.dark .attachment-trash summary small{background:#4e3731;color:#f2b5a1}.dark .attachment-item.trashed .attachment-icon{background:#493631;color:#e3a090}
@media(max-width:600px){.attachment-toolbar{display:grid;grid-template-columns:1fr}.attachment-toolbar button{width:100%}}
.column-destructive-actions{display:flex;align-items:center;gap:7px}.danger-button.danger-outline{background:transparent;border:1px solid #efb9b4}.danger-button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:760px){.column-destructive-actions{flex-direction:column;align-items:stretch}.column-destructive-actions .danger-button{padding:8px 10px;font-size:9px}}