— sized/styled to still read as a bold section title, not
like an ordinary form field, even though it's editable. */
input.dash-header-label{font-weight:700;color:var(--text)}
/* TRIED then REVERTED (build 95 → build 96): a set of .dash-card /
.dash-board rules briefly made every widget on the LIVE My Dashboard
page directly draggable, mirroring the Task Board. Removed — see
dashboard-layout.js and dashboard/index.php's build 96 doc comments for
why (nested links inside widgets fought with native browser drag).
Reordering now lives only in the .dash-layout-list rows above, inside
Settings > My Dashboard, where there's no competing interactive content. */
.bucket-add{display:flex;align-items:center;gap:12px;padding:12px;border:1px dashed var(--line);border-radius:12px;flex-wrap:wrap}
.bucket-add input[type=text]{flex:1;min-width:200px;padding:8px max(11px,14px);border:1px solid var(--field-line);border-radius:var(--field-radius);background:var(--field-bg);color:var(--text)}
/* Settings misc */
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media (max-width:640px){
.mini-grid{grid-template-columns:1fr}
}
.mini-card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--card-2)}
.integ-card{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--card-2);margin-bottom:12px}
.integ-icon{font-size:28px}
.integ-body h3{margin:0 0 4px;font-size:15px}
.ro-list{margin:0;padding-left:18px}
.ro-list li{padding:3px 0}
.cf-list .cf-item{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}
.cf-item dt{font-weight:600;color:var(--muted)}
/* Goal progress bar (Warehouse KPI) */
.goal-bar{position:relative;height:22px;border-radius:12px;background:var(--card-2);border:1px solid var(--line);margin-top:12px;overflow:hidden}
.goal-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgb(var(--accent-rgb)),var(--hivis))}
.goal-label{position:relative;z-index:1;display:inline-block;margin:2px 6px;font-size:12px;font-weight:700;color:#fff;line-height:16px;padding:0 9px;border-radius:9px;background:rgba(11,21,36,.68)}
/* ===================================================================
Kanban board (theme-aware; wins over app.css light styles)
=================================================================== */
.board{display:flex;gap:14px;align-items:flex-start;overflow-x:auto;padding-bottom:14px}
.board .column{flex:0 0 300px;max-width:300px;background:var(--card-2,#12213a);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 220px)}
.board .col-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);border-top-left-radius:12px;border-top-right-radius:12px;background:transparent;border-left:3px solid var(--blue)}
.board .col-head.col-done{border-left-color:#34a853}
.board .done-flag{color:var(--good-fg)}
.board .col-title{color:var(--text);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.board .col-count{background:rgba(255,255,255,.10);color:var(--text-soft,#aebcce);border-radius:20px;padding:1px 9px;font-size:12px;font-weight:600;min-width:22px;text-align:center}
html[data-theme="light"] .board .col-count{background:#eef1f5;color:#5f6b7a}
.board .col-body{padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:60px;flex:1}
.board .col-body.drag-over{outline:2px dashed var(--blue);outline-offset:-6px;border-radius:8px;background:rgba(var(--accent-rgb),.06)}
.board .kcard{background:var(--card,#152740);border:1px solid var(--line);border-radius:10px;padding:11px 12px;cursor:grab;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:box-shadow .12s,transform .05s,border-color .12s}
.board .kcard:hover{box-shadow:0 4px 12px rgba(0,0,0,.35);border-color:var(--blue)}
.board .kcard.dragging{opacity:.55;transform:rotate(1.5deg);cursor:grabbing}
.board .kcard.is-blocked{border-left:3px solid #e5534b}
.board .kcard.card-done .kcard-title{text-decoration:line-through;color:var(--muted)}
.board .kcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:6px}
.board .kcard-icons{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.board .kcard-title{display:block;color:var(--text);font-weight:600;font-size:14px;line-height:1.3;text-decoration:none}
.board .kcard-title:hover{color:var(--blue)}
.board .kcard-notes{color:var(--muted);font-size:12px;margin:6px 0 0;line-height:1.4}
.board .kcard-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.board .chip{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.06);color:var(--text-soft,#aebcce);border-radius:20px;padding:2px 8px;font-size:11.5px}
html[data-theme="light"] .board .chip{background:#f1f3f4;color:#3c4043}
.board .chip-overdue{background:rgba(229,83,75,.18);color:var(--danger-fg)}
html[data-theme="light"] .board .chip-overdue{background:#fce8e6;color:#c5221f}
.board .lock{color:var(--danger-fg)}
.filters .hint{color:var(--muted)}
/* ---------- Category badges + group header rows ---------- */
.badge-cat{font-weight:600}
/* color set inline per option */
tr.group-row td{background:rgba(255,255,255,.05);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
html[data-theme="light"] tr.group-row td{background:#f4f6f8;color:#5f6b7a}
tr.group-row .count-pill{margin-left:6px}
/* ---------- Fishbowl order-lookup panel (task form) ---------- */
.fb-lookup{border-radius:8px;padding:8px 10px;line-height:1.5}
.fb-lookup.ok{background:rgba(52,168,83,.12);border:1px solid rgba(52,168,83,.35);color:var(--text)}
.fb-lookup.warn{background:rgba(253,181,21,.14);border:1px solid rgba(253,181,21,.4);color:var(--text)}
.fb-lookup.muted{color:var(--muted)}
.fb-card b{color:var(--blue)}
.warn-txt{color:var(--warn-fg)}
/* ---------- Footer version chip ---------- */
.build-chip{opacity:.75;font-variant-numeric:tabular-nums;color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}
.build-chip:hover{opacity:1;color:var(--blue)}
/* ---------- Categories management page ---------- */
.cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cat-row{display:flex;align-items:center;gap:10px;background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:8px 12px;flex-wrap:wrap}
.cat-swatch{width:16px;height:16px;border-radius:50%;flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.cat-form{display:flex;align-items:center;gap:8px;margin:0}
.cat-label{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);min-width:180px}
.cat-color{width:38px;height:32px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.cat-del{margin:0}
.cat-preview{margin-left:auto}
.cat-add{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cat-add input[type=text]{flex:1;min-width:200px;padding:8px max(11px,14px);border:1px solid var(--field-line);border-radius:var(--field-radius);background:var(--field-bg);color:var(--text)}
.cat-add input[type=color]{width:38px;height:36px;border:1px solid var(--line);border-radius:8px}
/* ---------- Custom Fields — list + single-field editor ---------- */
.field-section{margin-bottom:22px}
.fs-head{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.field-list{display:flex;flex-direction:column;gap:8px}
.field-item{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow)}
.field-item:hover{border-color:var(--blue)}
.fi-icon{font-size:20px;width:26px;text-align:center}
.fi-main{flex:1;min-width:0}
.fi-label{font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}
.fi-meta{color:var(--muted);font-size:12.5px;text-transform:capitalize;margin-top:2px}
.fi-actions{display:flex;gap:8px;align-items:center}
.fi-actions form{margin:0}
.req-chip{background:rgba(var(--accent-rgb),.15);color:var(--link);border-radius:20px;padding:1px 8px;font-size:11px;font-weight:600;text-transform:none}
.field-empty{padding:16px;border:1px dashed var(--line);border-radius:12px;text-align:center}
.field-editor .chk-row{display:flex;align-items:center;gap:8px;margin:6px 0 16px;font-weight:500}
.opt-builder{border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-top:6px;background:var(--card-2)}
.opt-builder legend{font-weight:600;padding:0 8px}
.opt-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.opt-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.opt-grip{color:var(--muted);cursor:default;user-select:none;font-size:13px;letter-spacing:-2px}
.opt-color{width:38px;height:32px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--card);flex:none}
.opt-input{flex:1;min-width:120px;padding:8px max(10px,14px);border:1px solid var(--field-line);border-radius:var(--field-radius);background:var(--field-bg);color:var(--text)}
.opt-preview{min-width:90px}
/* FIXED (v62, bug fix): previously ".nav{display:none}" alone — hiding EVERY
nav link on mobile with NOTHING to replace it (Trends, KPI, Tasks,
Notebooks, Sticky Notes, Orders, Admin all became unreachable on a phone).
Now the desktop nav + admin/user dropdown cluster are hidden and replaced
by the hamburger + #mobile-drawer (full styles further down this file,
Build 62 section) which contains the exact same links in a touch-friendly
vertical list. */
@media (max-width:820px){
.nav{display:none}
.topbar-right{display:none}
}
/* =====================================================================
Rampart Garrison — Custom Field editor layout FIX
APPEND this to the END of index/assets/css/rampart-theme.css.
Problem: app.css has ".task-form input{width:100%}" which made the little
color swatch stretch full-width (a big bar) and pushed the text input +
preview off the row. These selectors are more specific so they win, and
we also clear the inherited margin-top:5px.
===================================================================== */
/* Row container: keep everything on one line, wrap gracefully if narrow */
.field-editor .opt-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:nowrap;
}
/* Kill the inherited top margin from .task-form input */
.field-editor .opt-row input{ margin-top:0; }
/* Color swatch: small fixed square (beats .task-form input width:100%) */
.field-editor .opt-row input[type=color].opt-color{
width:38px;
height:32px;
flex:0 0 38px; /* fixed, never grow/shrink */
padding:0;
border:1px solid var(--line);
border-radius:8px;
background:var(--card);
cursor:pointer;
}
/* Label input: take the remaining space, not 100% */
.field-editor .opt-row input[type=text].opt-input{
width:auto;
flex:1 1 auto;
min-width:120px;
padding:8px 10px;
}
/* Preview + buttons stay compact on the right */
.field-editor .opt-row .opt-preview{ flex:0 0 auto; min-width:90px; }
.field-editor .opt-row .opt-grip{ flex:0 0 auto; }
/* The Required checkbox row was floating oddly — align it left, normal size */
.field-editor .chk-row{
display:flex;
align-items:center;
gap:8px;
margin:6px 0 16px;
}
.field-editor .chk-row input[type=checkbox]{
width:auto; /* was stretching via .task-form input */
margin:0;
flex:0 0 auto;
}
/* Fishbowl order info panel (task detail) */
.order-info-card h2{margin:0 0 12px;font-size:16px}
.oi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:640px){
.oi-grid{grid-template-columns:1fr 1fr}
}
.oi-item{display:flex;flex-direction:column;gap:3px;background:var(--card-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.oi-k{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.oi-v{color:var(--text);font-weight:600;font-size:15px}
/* Rampart Garrison — WYSIWYG rich text editor (Build 33) */
/* Warden mail composers need no generic notes prompt. */
/* Content styling inside the editor */
/* When the RTE takes over, drop the old side-by-side markdown grid */
/* Rendered rich text on the task DETAIL page (.markdown-body reused) */
.markdown-body h1{font-size:22px;margin:.5em 0 .3em}
.markdown-body h2{font-size:18px;margin:.5em 0 .3em}
.markdown-body h3{font-size:16px;margin:.5em 0 .3em}
.markdown-body blockquote{border-left:3px solid var(--blue);margin:.4em 0;padding:2px 12px;color:var(--muted)}
.markdown-body a{color:var(--blue);text-decoration:underline}
.markdown-body ul,.markdown-body ol{padding-left:22px}
/* =====================================================================
Rampart Garrison — WYSIWYG editor SIZE FIX (Build 34)
APPEND to the END of index/assets/css/rampart-theme.css (after the
Build-33 _wysiwyg block). Higher specificity so the tiny surface grows.
Cause: the editor sits inside the old ".md-editor" grid (2 columns),
which squeezed the surface. These rules force a full-width block layout
and a tall, drag-resizable editing area.
===================================================================== */
/* Neutralize the old markdown 2-column grid when the RTE is active */
/* The editor wrapper takes the full width */
/* The editable surface: tall + resizable (this is the key fix) */
/* Make sure the textarea + old preview are truly hidden in RTE mode */
/* Toolbar shouldn't shrink or wrap oddly */
/* =====================================================================
Rampart Garrison — Notes CSS (Build 44, consolidated & de-duplicated)
Merges Build 41 (layout) + 42 (canvas) + 43 (fixes) into ONE clean file.
Removed duplicates: .note-canvas, .note-box, .nb-handle/.nb-del, .nb-body,
.notes-editor .md-editor, and the notebook ⋯ menu popover. Dropped the dead
flowing-editor (.rte) rules — Notes pages use the free-form canvas now.
Layout: full-screen · notebook TABS on top · pages LEFT · canvas fills rest.
===================================================================== */
/* ---------- Toggle switch fix (hide raw checkbox, keep the pill) ---------- */
.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;position:relative}
.switch input[type="checkbox"]{
position:absolute !important;opacity:0 !important;width:0 !important;height:0 !important;
margin:0 !important;pointer-events:none;
}
.switch input[type="checkbox"]:checked + .switch-track{background:#34a853}
.switch input[type="checkbox"]:checked + .switch-track .switch-thumb{transform:translateX(16px)}
/* ---------- Full-screen shell ---------- */
.notes-app{
position:fixed;left:0;right:0;top:56px;bottom:0; /* top = app header height */
display:flex;flex-direction:column;background:var(--bg);z-index:5;
}
body:has(.notes-app) .footer{display:none}
/* ---------- Notebook tabs (top bar) ---------- */
.nb-tabs{display:flex;align-items:center;gap:6px;padding:8px 10px;
background:var(--card);border-bottom:1px solid var(--line);min-height:48px}
.nb-tabs-toggle{background:transparent;border:1px solid var(--line);color:var(--text);
width:30px;height:30px;border-radius:8px;cursor:pointer;flex:none;font-size:14px}
.nb-tabs-toggle:hover{background:rgba(255,255,255,.06)}
.nb-tabs-scroll{display:flex;gap:6px;overflow-x:auto;flex:1;align-items:center}
.nb-tab{position:relative;display:flex;align-items:center;border:1px solid var(--line);
border-radius:10px 10px 0 0;background:var(--card-2);white-space:nowrap}
.nb-tab.active{border-bottom-color:transparent;background:var(--card);
box-shadow:inset 0 3px 0 var(--nb, var(--blue))}
.nb-tab-link{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--text);text-decoration:none;font-size:14px}
.nb-tab-link:hover{text-decoration:none}
.nb-tab .nb-dot{width:10px;height:10px;border-radius:50%;flex:none}
.nb-tab .nb-title{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.nb-tab .nb-count{color:var(--muted);font-size:11px;background:rgba(255,255,255,.08);border-radius:20px;padding:0 7px}
/* per-notebook options (⋯) trigger */
.nb-menu{margin-right:6px;position:static}
.nb-menu summary{list-style:none;cursor:pointer;color:var(--muted);padding:2px 6px;border-radius:6px}
.nb-menu summary::-webkit-details-marker{display:none}
.nb-menu[open] summary{background:rgba(255,255,255,.08)}
/* ⋯ popover — pinned below the tab, escapes the scrolling strip */
.nb-tab .nb-menu-body{
position:absolute;top:44px;left:auto;right:auto;z-index:1000;min-width:260px;
background:var(--card);border:1px solid var(--line);border-radius:10px;
box-shadow:0 12px 34px rgba(0,0,0,.5);padding:12px;
display:flex;flex-direction:column;gap:10px;
}
.nb-tab .nb-menu-body .nb-rename{display:flex;gap:6px;align-items:center}
.nb-tab .nb-menu-body input[type=text]{flex:1;min-width:0;padding:7px max(9px,14px);border:1px solid var(--field-line);border-radius:var(--field-radius);background:var(--field-bg);color:var(--text)}
.nb-tab .nb-menu-body input[type=color]{width:34px;height:32px;border:1px solid var(--line);border-radius:8px;padding:0}
/* Don't let the tab strip clip an open menu (with a :has() fallback) */
.nb-tabs:has(.nb-menu[open]),
.nb-tabs-scroll:has(.nb-menu[open]){overflow:visible}
@supports not (selector(:has(*))){
.nb-tabs,.nb-tabs-scroll{overflow:visible}
}
/* add-notebook popover */
.nb-add-wrap{position:relative;flex:none}
.nb-add{list-style:none;cursor:pointer;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;
display:flex;align-items:center;justify-content:center;color:var(--text);font-size:16px}
.nb-add::-webkit-details-marker{display:none}
.nb-add:hover{background:rgba(255,255,255,.06);border-color:var(--blue);color:var(--blue)}
.nb-new{position:absolute;top:100%;right:0;z-index:20;margin-top:4px;display:flex;gap:8px;align-items:center;
background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:10px}
.nb-new input[type=text]{padding:7px max(9px,14px);border:1px solid var(--field-line);border-radius:var(--field-radius);background:var(--field-bg);color:var(--text);min-width:180px}
.nb-new input[type=color]{width:34px;height:32px;border:1px solid var(--line);border-radius:8px;padding:0}
/* collapse the tabs strip */
.notes-app.tabs-collapsed .nb-tabs-scroll,
.notes-app.tabs-collapsed .nb-add-wrap{display:none}
/* ---------- Body: pages (left) + editor (right) ---------- */
.notes-body{flex:1;display:flex;min-height:0}
.notes-pages{width:270px;flex:none;background:var(--card);border-right:1px solid var(--line);
display:flex;flex-direction:column;overflow:hidden}
.np-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
.pages-toggle{background:transparent;border:1px solid var(--line);color:var(--text);width:26px;height:26px;
border-radius:7px;cursor:pointer;flex:none}
.pages-toggle:hover{background:rgba(255,255,255,.06)}
.np-title{flex:1;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.np-add{background:transparent;border:1px solid var(--line);color:var(--text);width:26px;height:26px;border-radius:7px;cursor:pointer;font-size:15px}
.np-add:hover{background:rgba(255,255,255,.06);border-color:var(--blue);color:var(--blue)}
.pg-list{list-style:none;margin:0;padding:6px;overflow:auto;flex:1}
.pg-item{border-radius:9px}
.pg-item.active{background:rgba(var(--accent-rgb),.10)}
.pg-link{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px;border-radius:9px;color:var(--text);text-decoration:none}
.pg-link:hover{background:rgba(255,255,255,.05);text-decoration:none}
.pg-item.active .pg-link{border-left:3px solid var(--blue);padding-left:7px}
.pg-title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-date{color:var(--muted);font-size:12px;flex:none}
/* collapsed rail to reopen pages */
.pages-rail{display:none;width:24px;flex:none;background:var(--card);border:none;border-right:1px solid var(--line);
color:var(--muted);cursor:pointer;font-size:16px}
.pages-rail:hover{background:rgba(255,255,255,.05);color:var(--text)}
.notes-app.pages-collapsed .notes-pages{display:none}
.notes-app.pages-collapsed .pages-rail{display:block}
/* ---------- Editor pane ---------- */
.notes-editor{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--card)}
.ed-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}
.ed-title{flex:1;font-size:20px;font-weight:700;background:transparent;border:none;color:var(--text);outline:none;padding:4px 2px}
.ed-title:focus{border-bottom:2px solid var(--blue)}
.ed-actions{display:flex;align-items:center;gap:12px}
.save-status{font-size:12px}
.save-status.ok{color:var(--good-fg)}
.save-status.err{color:var(--danger-fg)}
.ed-empty{padding:40px;text-align:center}
.notes-editor .md-editor{flex:1;display:flex;flex-direction:column;min-height:0;padding:0;margin:0}
/* ---------- Canvas toolbar ---------- */
/* ---------- Canvas surface ---------- */
.note-canvas{position:relative;flex:1;min-height:0;height:100%;overflow:auto;cursor:text;
background:radial-gradient(circle at 1px 1px, rgba(255,255,255,.05) 1px, transparent 1px);
background-size:22px 22px}
/* Floating text box (compact, auto-height, resizable both directions) */
.note-box{position:absolute;width:320px;min-width:140px;min-height:40px;height:auto;max-height:none;
background:var(--card);border:1px solid var(--line);border-radius:10px;
box-shadow:0 2px 10px rgba(0,0,0,.25);resize:both;overflow:hidden;padding:0}
.note-box.dragging{opacity:.9;box-shadow:0 10px 26px rgba(0,0,0,.5)}
.note-box.sel,.note-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.20)}
/* Handle + delete */
.note-box .nb-handle{position:absolute;top:4px;left:6px;z-index:3;color:var(--muted);cursor:grab;
font-size:12px;user-select:none;opacity:.72;transition:opacity .1s}
.note-box .nb-del{position:absolute;top:2px;right:4px;z-index:3;width:20px;height:20px;border:none;border-radius:6px;
background:transparent;color:var(--muted);cursor:pointer;font-size:12px;line-height:1;opacity:.72;transition:opacity .1s}
.note-box:hover .nb-handle,.note-box:focus-within .nb-handle,
.note-box:hover .nb-del,.note-box:focus-within .nb-del{opacity:1}
.note-box .nb-del:hover{background:rgba(229,83,75,.15);color:var(--danger-fg)}
/* Editable body */
.note-box .nb-body{outline:none;padding:22px 12px 12px;min-height:24px;height:auto;
color:var(--text);font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.note-box .nb-body:empty::before{content:"Type…";color:var(--muted)}
.note-box .nb-body h1{font-size:20px;margin:.3em 0}
.note-box .nb-body h2{font-size:17px;margin:.3em 0}
.note-box .nb-body ul,.note-box .nb-body ol{padding-left:20px;margin:.3em 0}
.note-box .nb-body a{color:var(--blue);text-decoration:underline}
/* ---------- Responsive ---------- */
@media (max-width:820px){
.notes-pages{width:210px}
}
/* Images inside boxes */
.note-box .nb-body img{max-width:100%;height:auto;border-radius:8px;display:block;margin:6px 0}
/* Callout box */
.note-box .cn-callout{border-left:4px solid var(--blue);background:rgba(var(--accent-rgb),.10);
border-radius:8px;padding:10px 12px;margin:6px 0;color:var(--text)}
/* Quote */
.note-box blockquote{border-left:3px solid var(--line);margin:6px 0;padding:4px 12px;color:var(--muted)}
/* Code block */
.note-box .cn-code,.note-box pre{background:#0e1a2e;border:1px solid var(--line);border-radius:8px;
padding:10px 12px;margin:6px 0;overflow:auto}
.note-box .cn-code code,.note-box pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
font-size:12.5px;color:#e7edf5;white-space:pre;line-height:1.5}
html[data-theme="light"] .note-box .cn-code,html[data-theme="light"] .note-box pre{background:#f6f8fa}
html[data-theme="light"] .note-box .cn-code code{color:#1f2933}
/* Tables */
.note-box .cn-table{border-collapse:collapse;width:100%;margin:6px 0;font-size:13px}
.note-box .cn-table td,.note-box .cn-table th{border:1px solid var(--line);padding:6px 8px;min-width:40px;
vertical-align:top;color:var(--text)}
.note-box .cn-table th{background:rgba(255,255,255,.05);font-weight:600}
.note-box .cn-table tr:hover td{background:rgba(255,255,255,.03)}
/* Video embeds (responsive 16:9) */
.note-box .cn-video{position:relative;width:100%;padding-top:56.25%;margin:6px 0;border-radius:8px;overflow:hidden;background:#000}
.note-box .cn-video iframe,.note-box .cn-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Drag-drop highlight */
.note-box.drop{outline:2px dashed var(--blue);outline-offset:-4px}
.note-canvas.drop{outline:2px dashed var(--blue);outline-offset:-8px;border-radius:10px}
/* Inline assignee dropdown in the Tasks list */
.assignee-inline{margin:0}
.assignee-inline select{
padding:6px max(8px,14px);border:1px solid var(--field-line);border-radius:var(--field-radius);
background:var(--field-bg);color:var(--text);font-size:13px;max-width:170px;
}
.assignee-inline select:hover{border-color:var(--blue)}
/* Unassigned pill (task detail) */
.pill-unassigned{background:rgba(255,255,255,.06);color:var(--muted)}
html[data-theme="light"] .pill-unassigned{background:#f1f3f4;color:#5f6368}
/* Global Custom Fields — section grouping (task detail) */
.cf-section{margin-bottom:16px}
.cf-section:last-child{margin-bottom:0}
/* Field reorder buttons (Custom Fields list) */
.field-item{align-items:center}
.fi-reorder{display:flex;flex-direction:column;gap:2px;flex:none}
.fi-reorder form{display:flex;flex-direction:column;gap:2px}
/* ---- item 15: note boxes auto-scale height. 3.1.10: and the grip at the bottom-right drags both ways again (assets/js/notes-canvas.js keeps the height you drag to as a minimum) ---- */
.note-box{ resize:both !important; }
/* ---- item 6: field-list grouped-by-section on /fields ---- */
.fs-group{ margin-bottom: 18px; }
.fs-group:last-child{ margin-bottom: 0; }
/* ---- field editor: section pickers (global vs personal) ---- */
.section-picker{ display:contents; }
/* NOTE (v61 cleanup): the old plain-checkbox ".job-duties-list .chk" rule
that lived here was DEAD CSS — team/index.php was already switched to the
toggle-switch markup (class="switch") back in Build 55, so ".chk" was
never actually applied to job duties anymore. Removed to avoid confusion;
the active rules are ".job-duties-list" + ".job-duties-list .switch..."
further down this file (Build 55 section). */
/* ---- misc ---- */
.nowrap{ white-space:nowrap; }
/* =====================================================================
FIX: notebook code block was white-on-white.
Root cause candidates: either the append that themed .cn-code never made
it into the deployed stylesheet, or the / lost their class
during sanitization on some notes. This version is BULLETPROOF: it themes
/ INSIDE a note box by ELEMENT, not just by class, so it can
never again depend on a class surviving intact. The class-based rules are
kept too (belt & suspenders) and both agree on the same colors.
===================================================================== */
.note-box .nb-body pre,
.note-box .cn-code{
background:#0e1a2e !important;
border:1px solid var(--line);
border-radius:8px;
padding:10px 12px;
margin:6px 0;
overflow:auto;
}
.note-box .nb-body pre code,
.note-box .nb-body code,
.note-box .cn-code code{
background:transparent !important;
color:#e7edf5 !important;
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
font-size:12.5px;
white-space:pre;
line-height:1.5;
}
html[data-theme="light"] .note-box .nb-body pre,
html[data-theme="light"] .note-box .cn-code{ background:#f6f8fa !important; }
html[data-theme="light"] .note-box .nb-body pre code,
html[data-theme="light"] .note-box .nb-body code,
html[data-theme="light"] .note-box .cn-code code{ color:#1f2933 !important; }
/* =====================================================================
Bug Tracker
===================================================================== */
/* =====================================================================
Sticky Notes — Keep-style masonry-ish grid
===================================================================== */
.sticky-composer{max-width:600px;margin:0 auto 24px;border:1px solid var(--line);border-radius:10px;
background:var(--card);box-shadow:var(--shadow);padding:12px 14px}
.sticky-composer-title{width:100%;border:none;background:transparent;color:var(--text);font-weight:700;
font-size:15px;margin-bottom:6px;outline:none}
.sticky-composer textarea{width:100%;border:none;background:transparent;color:var(--text);resize:none;
outline:none;font-size:14px;min-height:24px;overflow:hidden;display:block;line-height:1.45;font-family:inherit}
.sticky-composer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.sticky-grid{columns:4 240px;column-gap:16px}
@media (max-width:1100px){
.sticky-grid{columns:3 220px}
}
@media (max-width:760px){
.sticky-grid{columns:2 200px}
}
@media (max-width:480px){
.sticky-grid{columns:1}
}
.sticky-card{break-inside:avoid;margin-bottom:16px;border:1px solid rgba(0,0,0,.12);border-radius:10px;
padding:12px 14px;box-shadow:0 1px 4px rgba(0,0,0,.2);position:relative;color:#20242b;display:flex;flex-direction:column}
.sticky-card > .sticky-body,.sticky-card > .sticky-checklist{flex:1 1 auto}
.sticky-card-top{display:flex;justify-content:flex-end;align-items:center;margin-bottom:2px}
.sticky-pin{background:transparent;border:none;cursor:pointer;font-size:14px;opacity:.6}
.sticky-pin.active{opacity:1}
.sticky-title{width:100%;border:none;background:transparent;font-weight:700;font-size:14px;margin-bottom:4px;outline:none;color:inherit}
.sticky-body{width:100%;border:none;background:transparent;resize:none;outline:none;font-size:13.5px;
min-height:60px;color:inherit;font-family:inherit;overflow:hidden;display:block}
.sticky-card-actions{display:flex;align-items:center;gap:8px;margin-top:8px;opacity:0;transition:opacity .1s}
.sticky-card:hover .sticky-card-actions,.sticky-card:focus-within .sticky-card-actions{opacity:1}
.sticky-colors{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.sticky-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.2);cursor:pointer;padding:0}
/* =====================================================================
Rampart Garrison — Team "Job" popover layout FIX (v52, bug 5)
APPEND to the end of index/assets/css/rampart-theme.css.
ROOT CAUSE: the Team page's Job popover reuses ".nb-menu-body" (the same
class the Notebook tab-options popover uses), but its absolute-positioning
rule was scoped specifically to ".nb-tab .nb-menu-body" (the notebook
context) — it never matched ".job-menu .nb-menu-body" on the Team page.
With no positioning at all, the popover rendered INLINE inside the table
cell instead of floating, pushing every column sideways and blowing up
the whole row — exactly what the screenshot showed.
FIX: give the Team page's popover its OWN correctly-scoped absolute
positioning, anchored to the