/* Client boards: original vanilla implementation with accessible native controls. */
.boards-workspace { --board-line:#e4e9f0; --board-soft:#f6f8fb; color:var(--navy,#073356); min-width:0; }
.boards-workspace *, .board-task-detail *, #board-new-form * { box-sizing:border-box; }
.boards-workspace svg, .board-task-detail svg, .board-modal-context svg, #board-new-form svg { width:17px; height:17px; flex:none; }
.board-page-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:2px 0 26px; }
.board-eyebrow { color:var(--accent,#1368ce); font-size:10px; letter-spacing:1.7px; font-weight:750; margin-bottom:9px; }
.board-page-heading h1 { margin:0; font-size:30px; font-weight:660; letter-spacing:-1px; line-height:1.25; }
.board-page-heading p { margin:9px 0 0; color:var(--muted,#65748a); font-size:13px; }
.board-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; border:1px solid #dbe2eb; border-radius:8px; background:#fff; color:var(--navy,#073356); padding:8px 14px; font-family:inherit; font-weight:600; line-height:1.4; font-size:12px; cursor:pointer; transition:background .16s,box-shadow .16s,transform .16s; white-space:nowrap; }
.board-button:hover { background:#f5f8fc; border-color:#bbcbdc; box-shadow:0 2px 6px #07335608; }
.board-button:active { transform:translateY(1px); }
.board-button-primary { background:var(--accent,#1368ce); color:#fff; border-color:var(--accent,#1368ce); box-shadow:0 3px 6px #1368ce15,inset 0 1px #ffffff20; }
.board-button-primary:hover { background:#115bb3; border-color:#115bb3; }
.boards-workspace button:focus-visible,.boards-workspace input:focus-visible,.boards-workspace select:focus-visible,.board-task-detail button:focus-visible,.board-task-detail input:focus-visible,.board-task-detail select:focus-visible,.board-task-detail textarea:focus-visible,#board-new-form :focus-visible { outline:3px solid #70aafa; outline-offset:2px; }
.board-client-tabs { display:flex; gap:8px; margin-bottom:18px; overflow-x:auto; scrollbar-width:thin; padding:2px 2px 9px; }
.board-client-tab { flex:none; border:1px solid var(--board-line); border-radius:9px; background:#fff; display:flex; gap:8px; align-items:center; color:#66758a; padding:8px 10px; font-family:inherit; font-size:11px; font-weight:550; cursor:pointer; transition:all .18s; }
.board-client-tab:hover { border-color:#b6cde5; color:var(--navy,#073356); }
.board-client-tab.is-active { border-color:#81afe6; background:#f1f7ff; box-shadow:0 0 0 1px #d4e5fa; color:var(--accent,#1368ce); }
.board-client-avatar { display:inline-grid; place-items:center; width:26px; height:26px; flex:none; border-radius:7px; background:#eaf0f7; color:#436480; font-size:10px; font-weight:700; }
.board-client-tab.is-active .board-client-avatar { color:#fff; background:var(--accent,#1368ce); }
.board-client-count { display:inline-grid; place-items:center; min-width:19px; height:19px; border-radius:5px; padding:0 4px; font-size:10px; background:#edf1f5; }
.board-client-tab.is-active .board-client-count { color:#1d5fba; background:#e0edfd; }
.board-client-summary { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:21px 24px; background:#fff; border:1px solid var(--board-line); border-radius:12px 12px 0 0; }
.board-client-identity { display:flex; align-items:center; gap:15px; min-width:0; }
.board-client-avatar-large { width:48px; height:48px; border-radius:12px; background:linear-gradient(145deg,#e8f2ff,#f4f8ff); color:var(--accent,#1368ce); font-size:17px; border:1px solid #dae8f9; }
.board-summary-kicker { font-size:9px; font-weight:700; letter-spacing:1.4px; color:#8090a6; margin-bottom:4px; }
.board-client-identity h2 { margin:0; font-size:20px; line-height:1.3; letter-spacing:-.35px; font-weight:650; }
.board-client-identity p { margin:7px 0 0; font-size:11px; color:var(--muted,#65748a); }
.board-summary-right { display:flex; align-items:center; gap:28px; }
.board-avatar-stack { display:flex; padding-left:8px; }
.board-avatar-stack .board-avatar { margin-left:-8px; border:2px solid #fff; width:31px; height:31px; }
.board-avatar { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%; font-size:9px; font-weight:750; flex:none; background:#e3edfa; color:#396899; }
.board-avatar-0 { background:#e2edff; color:#4272b9; }.board-avatar-1 { background:#f2e7f9; color:#9869af; }.board-avatar-2 { background:#e3f1ea; color:#408565; }.board-avatar-3 { background:#fcecd9; color:#ac7c40; }
.board-overall-progress { width:175px; }
.board-overall-progress > div { display:flex; justify-content:space-between; font-size:10px; color:#71829a; margin-bottom:8px; }
.board-overall-progress strong { font-size:13px; color:var(--navy,#073356); }
.board-overall-progress > i { display:block; height:5px; background:#edf1f6; border-radius:4px; overflow:hidden; }
.board-overall-progress > i > b { display:block; height:100%; background:#18a779; border-radius:inherit; }
.board-overall-progress small { display:block; font-size:9px; color:#8895a7; margin-top:6px; text-align:right; }
.board-view-bar { border:1px solid var(--board-line); border-top:0; border-radius:0 0 12px 12px; background:#fff; display:flex; justify-content:space-between; align-items:center; padding:0 24px; margin-bottom:22px; }
.board-view-switch { display:flex; gap:24px; }
.board-view-switch button { background:transparent; color:#8290a2; border:0; border-bottom:2px solid transparent; display:flex; gap:7px; align-items:center; font-family:inherit; font-size:11px; font-weight:550; padding:15px 0 12px; cursor:pointer; }
.board-view-switch button.is-active { border-bottom-color:var(--accent,#1368ce); color:var(--accent,#1368ce); }
.board-view-switch svg { width:15px; height:15px; }
.board-context-note { color:#8b97a7; font-size:9px; display:flex; gap:6px; align-items:center; }
.board-context-note i { width:5px; height:5px; background:#5aaf8c; border-radius:50%; }
.board-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:11px; }
.board-search { display:flex; align-items:center; gap:8px; border:1px solid var(--board-line); background:#fff; padding:0 11px; border-radius:8px; flex:0 1 335px; color:#7b8da4; height:36px; }
.board-search input { font-family:inherit; font-size:11px; width:100%; border:0; outline:none; color:var(--navy,#073356); background:transparent; min-width:0; padding:8px 0; }
.board-search:focus-within { border-color:#88b5f0; box-shadow:0 0 0 3px #1368ce0b; }.board-search input:focus-visible { outline:none; }
.board-filter-controls { display:flex; gap:7px; align-items:center; flex-wrap:wrap; }
.board-filter-label { display:flex; gap:5px; align-items:center; padding-left:10px; border:1px solid var(--board-line); border-radius:7px; background:#fff; color:#8291a5; min-height:34px; }
.board-filter-label svg { width:14px; height:14px; }
.board-filter-controls select { font-family:inherit; background:#fff; border:0; border-radius:7px; font-size:10px; color:#64748b; min-height:32px; padding:5px 8px 5px 2px; max-width:160px; }
.board-filter-controls .board-case-filter { border:1px solid var(--board-line); padding-left:9px; min-height:34px; }
.board-clear-filters { border:0; background:transparent; font-family:inherit; font-size:10px; color:#3777c3; cursor:pointer; padding:7px; }
.board-results-line { display:flex; align-items:center; justify-content:space-between; color:#8a97a9; font-size:10px; margin-bottom:19px; padding:0 2px; }
.board-overdue-count { display:inline-flex; gap:5px; align-items:center; }.board-overdue-count svg { width:12px; height:12px; }
.board-bulk-bar { display:flex; align-items:center; gap:12px; border:1px solid #b8d5f8; background:#f0f6ff; border-radius:8px; padding:10px 14px; margin:0 0 20px; font-size:11px; }
.board-bulk-bar select { min-height:32px; background:#fff; border:1px solid #d4e2f2; padding:5px 9px; border-radius:6px; color:var(--navy,#073356); font-family:inherit; font-size:11px; }
.board-bulk-bar .board-icon-button { margin-left:auto; }
.board-group { margin-bottom:26px; min-width:0; }
.board-group-heading { display:flex; align-items:center; gap:12px; padding:0 2px 10px; }
.board-group-toggle { display:flex; align-items:center; gap:8px; border:0; background:transparent; color:var(--group-color); cursor:pointer; padding:2px 0; font-family:inherit; min-height:28px; }
.board-group-toggle h2 { margin:0; font-size:14px; font-weight:650; letter-spacing:-.2px; }
.board-collapse-icon { display:inline-flex; transition:transform .16s; }.board-collapse-icon.is-collapsed { transform:rotate(-90deg); }.board-collapse-icon svg { width:15px; height:15px; }
.board-group-dot { width:7px; height:7px; background:var(--group-color); border-radius:50%; flex:none; }
.board-group-count { font-size:10px; margin-left:3px; font-weight:400; color:#8c99ab; }
.board-group-progress { margin-left:auto; display:flex; align-items:center; gap:8px; color:#8a98aa; font-size:9px; }
.board-group-progress > i { display:block; width:66px; height:4px; border-radius:4px; background:#e9eef4; overflow:hidden; }.board-group-progress b { display:block; height:100%; background:var(--group-color); }
.board-icon-button { display:inline-flex; justify-content:center; align-items:center; width:27px; height:27px; flex:none; padding:5px; border:0; border-radius:5px; background:transparent; color:#90a0b3; cursor:pointer; }
.board-icon-button:hover { background:#edf3fa; color:var(--accent,#1368ce); }.board-icon-button svg { width:15px; height:15px; }
.board-table-scroll { overflow:auto; border:1px solid var(--board-line); border-left:3px solid var(--group-color); border-radius:8px; background:#fff; scrollbar-width:thin; }
.board-table { width:100%; table-layout:fixed; border-collapse:collapse; margin:0; min-width:1010px; font-family:inherit; }
.board-table .board-col-check { width:34px; }.board-table .board-col-title { width:29%; }.board-table .board-col-person { width:171px; }.board-table .board-col-status { width:127px; }.board-table .board-col-priority { width:90px; }.board-table .board-col-date { width:126px; }.board-table .board-col-case { width:140px; }.board-table .board-col-open { width:30px; }
.board-table th { font-size:9px; line-height:1.4; font-weight:500; color:#8896a8; background:#fafbfd; height:34px; text-align:center; border-bottom:1px solid var(--board-line); border-right:1px solid #eef1f5; padding:6px 8px; text-transform:none; letter-spacing:0; white-space:nowrap; }
.board-table th:nth-child(2) { text-align:left; padding-left:12px; }
.board-table td { height:47px; padding:0 6px; border-right:1px solid #eef1f5; border-bottom:1px solid #edf1f5; font-size:11px; color:var(--navy,#073356); vertical-align:middle; }
.board-table td:last-child,.board-table th:last-child { border-right:0; }.board-table tbody tr:last-child td { border-bottom:0; }
.board-table tbody tr:hover { background:#f8fbff; }.board-table tbody tr.board-row-selected { background:#eef5ff; }
.board-table input[type=checkbox],.board-subtask input[type=checkbox] { accent-color:var(--accent,#1368ce); width:13px; height:13px; margin:0; cursor:pointer; border-radius:3px; }
.board-check-cell,.board-table th:first-child { text-align:center; }
.board-table td.board-title-cell { padding:9px 8px 9px 12px; }
.board-task-title { display:block; border:0; background:transparent; color:#314a64; font:inherit; font-weight:550; text-align:left; cursor:pointer; padding:0; line-height:1.45; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.board-task-title:hover { color:var(--accent,#1368ce); }.board-task-title.is-complete { color:#83938c; }
.board-task-meta { display:flex; align-items:center; gap:9px; color:#9aa7b8; font-size:9px; line-height:1; margin-top:5px; }.board-task-meta:empty { display:none; }.board-task-meta span { display:inline-flex; align-items:center; gap:3px; }.board-task-meta svg { width:11px; height:11px; }
.board-person-cell { display:flex; align-items:center; gap:6px; padding:0 1px; }.board-person-cell select { width:100%; min-width:0; border:0; background:transparent; color:#627187; font-family:inherit; font-size:10px; padding:6px 0; cursor:pointer; }
.board-status-select { display:block; width:100%; height:28px; border:0; border-radius:4px; color:#fff; font-family:inherit; font-size:10px; text-align:center; cursor:pointer; padding:3px 6px; appearance:none; font-weight:500; }
.board-status-select:hover { filter:brightness(.97); }.board-status-select option { color:#314a64; background:#fff; }
.board-status-0 { background:#edf0f5; color:#718197; }.board-status-1 { background:#eab456; color:#563b0c; }.board-status-2 { background:#9b7fd0; color:#fff; }.board-status-3 { background:#24ad83; color:#fff; }
.board-priority-select { display:block; width:100%; height:28px; border:0; border-radius:4px; background:transparent; font-family:inherit; font-size:10px; text-align:center; appearance:none; cursor:pointer; }
.board-priority-alta { color:#bc5268; background:#fceef2; }.board-priority-media { color:#a17a31; background:#fff7e5; }.board-priority-baja { color:#5784a7; background:#eef5fa; }
.board-date-input { width:100%; min-width:0; font-family:inherit; font-size:10px; border:0; border-radius:4px; color:#70829a; background:transparent; padding:5px 1px; }.board-date-input::-webkit-calendar-picker-indicator { opacity:.4; width:12px; }
.board-date-input.is-overdue,.board-card-date.is-overdue { color:#c66572; }
.board-case-link { display:flex; align-items:center; gap:5px; border:0; background:transparent; font-family:inherit; font-size:9px; color:#8094aa; padding:6px 0; cursor:pointer; white-space:nowrap; }.board-case-link svg { width:12px; height:12px; }.board-case-link:hover { color:var(--accent,#1368ce); }
.board-table td.board-empty-group { height:52px; text-align:left; padding-left:20px; font-size:11px; color:#a0aab7; }
.board-add-row { display:flex; align-items:center; width:100%; min-width:1010px; min-height:34px; gap:7px; border:0; border-top:1px solid #edf1f5; background:#fff; padding:8px 0 8px 43px; color:#98a6b8; cursor:pointer; font-family:inherit; font-size:10px; text-align:left; }.board-add-row:hover { background:#f9fbfe; color:var(--accent,#1368ce); }.board-add-row svg { width:12px; height:12px; }
.board-bottom-note { display:flex; align-items:center; justify-content:center; gap:6px; margin:28px 0 4px; color:#9aa6b6; font-size:9px; text-align:center; }.board-bottom-note svg { width:13px; height:13px; }
.board-kanban { display:grid; grid-template-columns:repeat(4,minmax(225px,1fr)); gap:15px; overflow:auto; scrollbar-width:thin; align-items:start; padding-bottom:14px; }
.board-kanban-column { min-width:0; border-radius:10px; background:#f0f3f8; border:1px solid #e8edf4; }
.board-kanban-column > header { display:flex; align-items:center; gap:7px; padding:13px 11px 11px; border-bottom:1px solid #e4e9f0; }
.board-kanban-column h2 { font-size:12px; margin:0; font-weight:650; color:#536980; }.board-kanban-column > header > span:not(.board-group-dot) { font-size:10px; color:#8c99ab; }.board-kanban-column > header > button { margin-left:auto; }
.board-kanban-cards { padding:9px; display:flex; flex-direction:column; gap:9px; }
.board-kanban-card { border:1px solid #e1e7ef; border-radius:8px; background:#fff; padding:12px; box-shadow:0 2px 4px #12345204; transition:box-shadow .18s,transform .18s; }.board-kanban-card:hover { box-shadow:0 4px 12px #1234520c; transform:translateY(-1px); }
.board-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:9px; }.board-priority-tag { display:inline-flex; align-items:center; gap:4px; font-size:8px; padding:4px 7px; border-radius:4px; }.board-priority-tag i { width:4px; height:4px; background:currentColor; border-radius:50%; }
.board-kanban-title { border:0; background:transparent; font-family:inherit; font-size:12px; line-height:1.6; color:#314a64; font-weight:600; padding:0; cursor:pointer; text-align:left; }.board-kanban-title:hover { color:var(--accent,#1368ce); }
.board-kanban-card > .board-case-link { font-size:8px; margin:7px 0 10px; }
.board-card-subtasks { margin:13px 0; }.board-card-subtasks > span { font-size:9px; color:#95a0b0; display:flex; align-items:center; gap:5px; }.board-card-subtasks svg { width:12px; height:12px; }.board-card-subtasks b { font-weight:500; margin-left:auto; }.board-card-subtasks > i { display:block; height:3px; background:#edf1f6; margin-top:7px; border-radius:2px; overflow:hidden; }.board-card-subtasks > i > b { display:block; height:100%; background:var(--group-color); }
.board-card-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid #f0f3f7; padding-top:10px; margin-top:11px; margin-bottom:11px; }.board-card-date { display:flex; align-items:center; gap:4px; font-size:9px; color:#8b9aab; }.board-card-date svg { width:12px; height:12px; }.board-kanban-card .board-status-select { height:26px; font-size:9px; }
.board-add-card { display:flex; align-items:center; justify-content:center; gap:5px; min-height:35px; border:1px dashed #d5dfe9; border-radius:7px; background:transparent; font-family:inherit; font-size:10px; color:#8194aa; cursor:pointer; }.board-add-card:hover { background:#e9f0fa; }.board-add-card svg { width:13px; height:13px; }
.board-kanban-empty { text-align:center; font-size:11px; color:#9aa6b4; padding:30px 10px; line-height:1.6; }
.board-modal-context { display:flex; align-items:center; gap:7px; color:#8b9aae; font-size:10px; padding:0 0 20px; }.board-modal-context svg { width:14px; height:14px; }.board-modal-context > span { color:#c4ceda; margin:0 3px; }
.board-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.board-field { display:flex; flex-direction:column; gap:7px; font-size:11px; color:#6d8095; font-family:inherit; font-weight:550; }
.board-field-full { grid-column:1/-1; }
.board-field input,.board-field select,.board-field textarea,.board-subtask-form > input { font-family:inherit; font-size:12px; color:var(--navy,#073356); border:1px solid #dfe6ef; border-radius:7px; background:#fff; padding:10px 11px; min-width:0; width:100%; min-height:38px; font-weight:400; }
.board-field textarea { resize:vertical; line-height:1.6; }.board-field .board-detail-title { font-size:17px; font-weight:600; padding:12px; }.board-field input:focus,.board-field select:focus,.board-field textarea:focus { border-color:#8fb8ec; }
.board-form-error { font-size:11px; color:#bd4f63; line-height:1.5; }.board-form-error:empty { display:none; }
.board-modal-footer { display:flex; justify-content:flex-end; gap:9px; border-top:1px solid #edf1f6; margin-top:22px; padding-top:18px; }
.board-detail-save { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }.board-inline-save-status { font-size:9px; color:#8396ab; line-height:1.5; }
.board-detail-section { border-top:1px solid #e7edf4; margin-top:25px; padding-top:22px; }
.board-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; }.board-section-heading h3 { display:flex; align-items:center; gap:7px; margin:0; font-size:13px; font-weight:650; color:var(--navy,#073356); }.board-section-heading > span { font-size:10px; color:#93a1b1; }.board-section-heading svg { width:15px; height:15px; }
.board-subtask-list { display:flex; flex-direction:column; gap:6px; }.board-subtask { display:flex; align-items:center; gap:9px; min-height:36px; padding:3px 6px 3px 10px; background:#f8fafd; border:1px solid #edf1f6; border-radius:6px; }.board-subtask label { font-size:11px; color:#556d85; flex:1; cursor:pointer; }.board-subtask label.is-complete { text-decoration:line-through; color:#96a69f; }
.board-subtask-form { display:flex; gap:8px; margin-top:10px; }.board-subtask-form > input { font-size:11px; }.board-subtask-form button { font-size:11px; }
.board-muted { color:#9aa7b7; font-size:11px; margin:0 0 8px; }
.board-comments { display:flex; flex-direction:column; gap:16px; margin-bottom:20px; }
.board-comment { display:flex; align-items:flex-start; gap:10px; }.board-comment > div { flex:1; min-width:0; }.board-comment header { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:10px; }.board-comment strong { font-weight:600; color:#4d6580; }.board-comment time { color:#9aa8ba; font-size:9px; }.board-comment p { font-size:11px; color:#728398; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; margin:6px 0 0; }.board-demo-comment { color:#9aa7b8; background:#f0f3f8; border-radius:3px; padding:2px 5px; font-size:8px; }
.board-comment-form { background:#f8fafd; border:1px solid #e8eef5; border-radius:9px; padding:15px; display:grid; gap:12px; }.board-comment-form > label:first-child { max-width:220px; }.board-comment-form select { min-height:34px; padding:7px 9px; font-size:11px; }.board-comment-submit { display:flex; justify-content:space-between; gap:15px; align-items:center; }.board-comment-submit small { font-size:9px; line-height:1.5; color:#95a2b4; }.board-comment-submit button { font-size:11px; }
.board-empty-state { padding:35px; border:1px solid #e0e6ef; border-radius:12px; background:#fff; }.board-empty-state h1 { font-size:24px; }.board-empty-state p { color:#8292a6; }
.board-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(min-width:1450px) { .board-table .board-col-title { width:auto; }.board-table .board-col-person { width:180px; }.board-table .board-col-status { width:140px; }.board-table .board-col-priority { width:104px; }.board-table .board-col-date { width:140px; }.board-table .board-col-case { width:160px; } }
@media(max-width:1100px) { .board-toolbar { flex-wrap:wrap; }.board-search { flex:1 1 280px; }.board-filter-controls { flex:1 1 auto; }.board-summary-right { gap:16px; }.board-avatar-stack { display:none; }.board-table .board-col-title { width:280px; } }
@media(max-width:760px) { .board-page-heading { gap:12px; margin-bottom:21px; align-items:flex-start; }.board-page-heading h1 { font-size:24px; }.board-page-heading p { font-size:11px; line-height:1.6; }.board-page-heading > button { min-height:34px; padding:7px 10px; font-size:10px; }.board-page-heading > button svg { width:13px; height:13px; }.board-eyebrow { font-size:8px; letter-spacing:1.3px; }.board-client-summary { padding:18px 15px; flex-direction:column; align-items:stretch; gap:18px; }.board-client-identity h2 { font-size:19px; }.board-client-identity p { font-size:10px; }.board-summary-right { justify-content:flex-end; }.board-overall-progress { width:100%; }.board-overall-progress > div { margin-bottom:6px; }.board-overall-progress small { font-size:9px; }.board-view-bar { padding:0 15px; }.board-view-switch { gap:22px; }.board-view-switch button { font-size:10px; }.board-context-note { display:none; }.board-toolbar { gap:9px; }.board-search { flex-basis:100%; }.board-filter-controls { gap:6px; }.board-filter-controls select { max-width:140px; }.board-case-filter { max-width:160px!important; }.board-clear-filters { font-size:9px; }.board-group-progress { display:none; }.board-group-heading > .board-icon-button { margin-left:auto; }.board-group-toggle h2 { font-size:13px; }.board-group-count { font-size:9px; }.board-kanban { grid-template-columns:repeat(4,250px); }.board-bulk-bar { gap:7px; flex-wrap:wrap; padding:9px; }.board-bulk-bar strong { font-size:10px; }.board-bulk-bar select { font-size:10px; max-width:130px; }.board-bottom-note { font-size:8px; line-height:1.6; }.board-modal-context { font-size:9px; flex-wrap:wrap; }.board-form-grid { gap:12px; }.board-field { font-size:10px; }.board-field input,.board-field select,.board-field textarea { font-size:11px; }.board-field .board-detail-title { font-size:14px; }.board-comment-submit { flex-direction:column; align-items:flex-end; }.board-comment-submit small { align-self:flex-start; }.board-section-heading > span { font-size:9px; }.board-subtask label { font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .boards-workspace *, .boards-workspace *::before, .boards-workspace *::after { transition:none!important; animation:none!important; }.board-kanban-card:hover,.board-button:active { transform:none; } }

/* Pointer drag is an enhancement; status selects remain available on every card. */
.board-kanban-card[draggable=true] { cursor:grab; }
.board-kanban-card.board-is-dragging { opacity:.4; border-style:dashed; cursor:grabbing; }
.board-kanban-column.board-drop-active { outline:2px solid var(--group-color); outline-offset:2px; background:#eaf1fa; }
.board-kanban-column.board-drop-active .board-kanban-cards { min-height:170px; }

/* Legible dense tables retain horizontal scrolling inside each group. */
.board-table th{font-size:11px;color:#65768b}.board-table td,.board-task-title{font-size:12px}.board-person-cell select,.board-status-select,.board-priority-select,.board-date-input{font-size:11px}.board-context-note,.board-results-line,.board-group-count,.board-summary-kicker{font-size:10px;color:#667a8f}.board-field{font-size:12px;color:#506982}.board-field input,.board-field select,.board-field textarea{font-size:13px}.board-comment p,.board-subtask label{font-size:12px;color:#516780}

.board-drawer-backdrop{padding:0;align-items:stretch;justify-content:flex-end;background:#092d4c35;backdrop-filter:blur(1px)}.modal.board-task-drawer{width:650px;max-width:100%;height:100dvh;max-height:100dvh;border-radius:14px 0 0 14px;box-shadow:-15px 0 70px #092d4c25;animation:board-drawer-enter .25s ease-out}.board-task-drawer .modal-header{padding:24px 28px}.board-task-drawer .modal-body{padding:25px 28px}.board-task-drawer .board-detail-title{border-color:transparent;padding-left:0;background:white;font-size:21px;font-weight:650;color:#153958;letter-spacing:-.6px}.board-task-drawer .board-detail-title:focus{border-color:#95bde5;padding-left:10px}.board-task-drawer .board-detail-section{padding-top:23px;margin-top:25px}@keyframes board-drawer-enter{from{transform:translateX(30px);opacity:.5}to{transform:translateX(0);opacity:1}}@media(max-width:720px){.modal.board-task-drawer{border-radius:0;width:100%}.board-task-drawer .modal-header,.board-task-drawer .modal-body{padding:20px}.board-form-grid{grid-template-columns:1fr}.board-field-full{grid-column:1}}@media(prefers-reduced-motion:reduce){.modal.board-task-drawer{animation:none}}

/* Legislative client boards keep source evidence separate from task controls. */
.board-priority-sin-definir { color:#8795a7; background:#f0f3f7; }
.board-legislative-filters { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; margin:0 0 15px; padding:11px 13px; background:#f7f9fc; border:1px solid #e6edf5; border-radius:8px; }
.board-legislative-filters > label { display:flex; align-items:center; gap:7px; font-size:10px; color:#6f859d; font-weight:550; }
.board-legislative-filters select { border:1px solid #e0e7f0; border-radius:6px; background:#fff; font-family:inherit; font-size:10px; color:#4e6a86; min-height:31px; padding:5px 8px; max-width:170px; }
.board-legislative-filters > span { font-size:9px; color:#95a4b5; margin-left:auto; }
.boards-legislative .board-title-cell { padding-block:11px; }
.boards-legislative .board-task-title { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.boards-legislative .board-task-meta:empty { display:none; }
.boards-legislative .board-kanban-card .amcham-task-tags { margin:8px 0; }
.boards-legislative .board-case-filter { max-width:200px; }
.boards-legislative .board-overall-progress { width:195px; }
@media(max-width:760px) { .board-legislative-filters { gap:8px; padding:10px; }.board-legislative-filters > label { font-size:9px; gap:5px; }.board-legislative-filters select { font-size:9px; max-width:143px; }.board-legislative-filters > span { width:100%; margin-left:0; font-size:8px; line-height:1.6; }.boards-legislative .board-overall-progress { width:100%; } }