/* DocLab — a compact desktop workspace that docks inside the SaryOS portal. */
#doclab-overlay { position:fixed; inset:0; z-index:10080; display:none; color:#e9edf7; font:13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif; background:#0b1019; }
#doclab-overlay.active { display:block; }
#doclab-overlay *, #doclab-overlay *::before, #doclab-overlay *::after { box-sizing:border-box; }
.dl-shell { height:100%; display:flex; flex-direction:column; background:linear-gradient(135deg,#101827,#0a0f18 60%,#10131d); }
.dl-head { min-height:58px; display:flex; align-items:center; gap:12px; padding:9px 14px; border-bottom:1px solid rgba(255,255,255,.1); background:rgba(10,15,25,.94); }
.dl-brand { min-width:98px; display:flex; flex-direction:column; line-height:1.08; }.dl-brand-name { color:#fff; font-size:16px; font-weight:750; }.dl-brand-by { color:#8ba0bd; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.dl-apps { display:flex; gap:3px; align-self:stretch; }.dl-app-btn,.dl-btn,.dl-tb,.dl-chip,.dl-seg { appearance:none; border:1px solid transparent; color:#cbd5e1; background:transparent; cursor:pointer; border-radius:7px; font:inherit; }
.dl-app-btn { min-width:62px; padding:5px 8px; display:flex; gap:6px; align-items:center; justify-content:center; flex-direction:column; font-size:10px; }.dl-app-btn i { color:var(--app); font-size:15px; }.dl-app-btn[aria-selected="true"],.dl-app-btn:hover { color:#fff; background:color-mix(in srgb,var(--app) 17%,transparent); border-color:color-mix(in srgb,var(--app) 35%,transparent); }
.dl-title { flex:1; min-width:90px; max-width:250px; border:0; border-bottom:1px solid transparent; color:#f8fafc; background:transparent; outline:0; padding:6px; font:600 13px/1.2 inherit; }.dl-title:focus { border-color:var(--app,#22c55e); }.dl-title::placeholder { color:#64748b; }.dl-savestate { color:#6f849f; white-space:nowrap; font-size:11px; }
.dl-head-actions { margin-left:auto; display:flex; align-items:center; gap:4px; }.dl-btn { padding:6px 9px; display:inline-flex; align-items:center; justify-content:center; gap:6px; white-space:nowrap; }.dl-btn:hover,.dl-tb:hover,.dl-chip:hover,.dl-seg:hover { background:rgba(148,163,184,.14); color:#fff; }.dl-btn.is-primary { background:var(--app,#22c55e); color:#06120a; font-weight:700; }.dl-close { margin-left:2px; width:31px; height:31px; border:0; border-radius:7px; color:#b7c5d8; background:transparent; cursor:pointer; }.dl-close:hover { color:#fff; background:#7f1d1d; }
.dl-ribbon { min-height:43px; overflow:auto hidden; border-bottom:1px solid rgba(255,255,255,.08); background:#111a28; }.dl-ribbon[hidden] { display:none; }.dl-ribbon-inner { display:flex; min-width:max-content; align-items:stretch; padding:4px 8px; }.dl-group { display:flex; align-items:center; gap:2px; padding:0 7px; border-right:1px solid rgba(148,163,184,.18); }.dl-group:last-child { border:0; }.dl-tb { min-width:27px; min-height:28px; padding:4px 6px; }.dl-tb[aria-pressed="true"],.dl-tb.is-live { color:#fff; background:color-mix(in srgb,var(--app,#22c55e) 32%,transparent); }.dl-select,.dl-input { border:1px solid rgba(148,163,184,.3); border-radius:6px; padding:5px 7px; background:#111b2b; color:#edf4ff; font:inherit; outline:none; }.dl-select:focus,.dl-input:focus { border-color:var(--app,#22c55e); box-shadow:0 0 0 2px color-mix(in srgb,var(--app,#22c55e) 18%,transparent); }.dl-color { position:relative; overflow:hidden; }.dl-color input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.dl-body { min-height:0; flex:1; display:flex; }.dl-stage { position:relative; min-width:0; flex:1; overflow:hidden; background:#0b111d; }.dl-status { display:flex; flex-wrap:wrap; align-items:center; gap:4px 16px; min-height:23px; padding:4px 12px; color:#91a3ba; border-top:1px solid rgba(255,255,255,.08); background:#0d1521; font-size:11px; }
.dl-ai { width:0; overflow:hidden; opacity:0; border-left:0 solid rgba(148,163,184,.18); background:#101927; transition:width .2s,opacity .15s; }.dl-ai-open .dl-ai { width:300px; opacity:1; border-left-width:1px; padding:13px; overflow:auto; }.dl-ai-head,.dl-ai-compose-row,.dl-ai-translate,.dl-ai-scope,.dl-ai-result-actions { display:flex; align-items:center; gap:7px; }.dl-ai-head { justify-content:space-between; }.dl-ai-title { font-weight:750; color:#f8fafc; }.dl-ai-title i { color:var(--app,#22c55e); }.dl-ai-effort .dl-select { font-size:11px; }.dl-ai-scope { margin:13px 0 8px; flex-wrap:wrap; }.dl-ai-label { color:#8496ac; font-size:11px; }.dl-seg { padding:3px 6px; font-size:11px; }.dl-seg[aria-pressed="true"] { color:#fff; background:rgba(148,163,184,.18); }.dl-ai-quick { display:flex; flex-wrap:wrap; gap:5px; }.dl-chip { padding:4px 6px; color:#a9b8ca; background:#172337; font-size:11px; }.dl-ai-translate { margin:11px 0; }.dl-ai-translate .dl-select { min-width:0; flex:1; }.dl-ai-compose { margin-top:10px; }.dl-ai-prompt { width:100%; resize:vertical; min-height:64px; }.dl-grow { flex:1; }.dl-ai-result { margin-top:12px; border:1px solid rgba(148,163,184,.22); border-radius:8px; overflow:hidden; background:#0d1521; }.dl-ai-result-body { max-height:270px; overflow:auto; padding:10px; color:#dbe7f5; }.dl-ai-result-body :first-child { margin-top:0; }.dl-ai-result-body :last-child { margin-bottom:0; }.dl-ai-result-actions { padding:8px; border-top:1px solid rgba(148,163,184,.16); flex-wrap:wrap; }.dl-ai-error { color:#fecaca; }.dl-ai-working { color:#b7e8c4; }.dl-ai-foot { color:#7f91a9; font-size:11px; }
.dl-loading { height:100%; display:grid; place-items:center; color:#9bb0c8; }.dl-menu { position:absolute; z-index:4; min-width:170px; padding:5px; border:1px solid rgba(148,163,184,.25); border-radius:8px; background:#162237; box-shadow:0 12px 30px #0009; }.dl-menu-wrap { position:relative; }.dl-menu .dl-btn { width:100%; justify-content:flex-start; }.dl-menu-rule { height:1px; margin:4px; background:rgba(148,163,184,.2); }
.dl-modal-scrim { position:absolute; inset:0; z-index:20; display:grid; place-items:center; background:#020617a8; }.dl-modal { width:min(440px,calc(100vw - 36px)); padding:18px; border:1px solid rgba(148,163,184,.28); border-radius:12px; background:#121d2d; box-shadow:0 20px 60px #000a; }.dl-modal-title { margin:0 0 10px; color:#fff; }.dl-modal-label { display:block; margin:8px 0 5px; }.dl-modal .dl-input { width:100%; }.dl-modal-actions { display:flex; justify-content:flex-end; gap:7px; margin-top:15px; }.dl-modal-text { color:#cbd5e1; }
/* Write */.dl-write { height:100%; display:flex; flex-direction:column; }.dl-write-scroll { flex:1; overflow:auto; padding:28px; background:#1b2636; }.dl-paper { width:fit-content; margin:auto; box-shadow:0 8px 28px #0007; }.dl-page { width:794px; min-height:1123px; padding:72px 76px; color:#172033; background:#fff; outline:none; font:16px/1.55 Georgia,serif; }.dl-page h1,.dl-page h2,.dl-page h3 { color:#111827; }.dl-page img { max-width:100%; height:auto; }.dl-page .dl-table { border-collapse:collapse; width:100%; }.dl-page .dl-table td,.dl-page .dl-table th { border:1px solid #94a3b8; padding:5px; }.dl-findbar,.dl-imgbar { display:flex; align-items:center; gap:7px; padding:6px 12px; background:#152033; }
/* Shown only for a chosen image (owner, 2026-10-06: "these don't work"): display:flex
   above beat the hidden attribute, so the bar sat there with no image chosen and
   its buttons had nothing to act on. */
#doclab-overlay .dl-imgbar[hidden] { display:none !important; }.dl-findbar .dl-input { max-width:180px; }.dl-find-count { color:#9fb2c8; }
/* Grid */.dl-grid { height:100%; display:flex; flex-direction:column; background:#101827; }.dl-fbar { display:flex; align-items:center; gap:6px; padding:5px 8px; border-bottom:1px solid #263448; }.dl-namebox { width:78px; }.dl-fx { color:#94a3b8; font-weight:700; }.dl-formula { flex:1; }.dl-grid-scroll { flex:1; overflow:auto; }.dl-sheet { border-collapse:collapse; table-layout:fixed; min-width:900px; color:#dce7f5; }.dl-sheet th,.dl-sheet td { height:25px; min-width:92px; border:1px solid #263448; padding:2px 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.dl-sheet th { position:sticky; top:0; z-index:1; color:#a9b8ca; background:#172337; font-size:11px; font-weight:600; }.dl-sheet th:first-child { left:0; z-index:2; min-width:40px; }.dl-sheet td:first-child { position:sticky; left:0; z-index:1; min-width:40px; color:#94a3b8; background:#172337; text-align:center; font-size:11px; }.dl-sheet td.is-selected { outline:2px solid #fff; outline-offset:-2px; }.dl-tabs { display:flex; align-items:center; gap:4px; padding:5px 7px; border-top:1px solid #263448; }.dl-tab { padding:4px 8px; border:0; border-radius:5px; color:#aab9cb; background:transparent; cursor:pointer; }.dl-tab.active { color:#fff; background:#263a35; }.dl-chart { position:absolute; z-index:4; min-width:280px; min-height:190px; border:1px solid #3b4c64; border-radius:8px; background:#121d2d; box-shadow:0 12px 28px #0007; }.dl-chart-head { display:flex; justify-content:space-between; padding:7px; cursor:move; }.dl-chart-body { padding:8px; }
/* Deck */.dl-deck { height:100%; display:flex; background:#0c1421; }.dl-rail { width:164px; flex:none; overflow:auto; padding:10px; border-right:1px solid #263448; background:#111b29; }.dl-thumb { position:relative; width:100%; aspect-ratio:16/9; margin-bottom:10px; border:2px solid transparent; border-radius:5px; overflow:hidden; background:#243248; cursor:pointer; }.dl-thumb.active { border-color:var(--app,#22c55e); }.dl-thumb-n { position:absolute; bottom:2px; left:4px; color:#fff; font-size:10px; text-shadow:0 1px 2px #000; }.dl-deck-main { min-width:0; flex:1; display:flex; flex-direction:column; }.dl-deck-stage { min-height:0; flex:1; display:grid; place-items:center; overflow:auto; padding:20px; }.dl-slide-frame { width:min(960px,100%); aspect-ratio:16/9; box-shadow:0 12px 38px #0009; }.dl-slide { position:relative; width:960px; height:540px; transform-origin:top left; }.dl-el { position:absolute; user-select:none; }.dl-el.is-selected { outline:2px solid var(--app,#22c55e); }.dl-el-text { padding:3px; overflow:hidden; }.dl-el-text[contenteditable="true"] { outline:1px dashed #fff8; }.dl-el-image { width:100%; height:100%; object-fit:cover; }.dl-h { position:absolute; width:8px; height:8px; border:1px solid #07111d; border-radius:50%; background:#fff; }.dl-notes { width:100%; min-height:72px; border-radius:0; border:0; border-top:1px solid #263448; resize:vertical; }
/* Deck resize handles: eight grips on the selected element only (owner report 2026-10-01: pictures could not be resized) */
.dl-h { display:none; z-index:3; width:11px; height:11px; margin:-6px 0 0 -6px; border:2px solid var(--app,#22c55e); background:#fff; box-sizing:border-box; }
.dl-el.is-selected > .dl-h { display:block; }
.dl-el-text { overflow:visible; }
.dl-el-text > .dl-el-body { height:100%; overflow:hidden; }
.dl-el-image > img { display:block; width:100%; height:100%; }
.dl-h[data-h="nw"] { left:0; top:0; cursor:nwse-resize; }
.dl-h[data-h="n"] { left:50%; top:0; cursor:ns-resize; }
.dl-h[data-h="ne"] { left:100%; top:0; cursor:nesw-resize; }
.dl-h[data-h="e"] { left:100%; top:50%; cursor:ew-resize; }
.dl-h[data-h="se"] { left:100%; top:100%; cursor:nwse-resize; }
.dl-h[data-h="s"] { left:50%; top:100%; cursor:ns-resize; }
.dl-h[data-h="sw"] { left:0; top:100%; cursor:nesw-resize; }
.dl-h[data-h="w"] { left:0; top:50%; cursor:ew-resize; }
.dl-el.is-selected { cursor:move; }
.dl-present { position:fixed; inset:0; z-index:10090; display:grid; place-items:center; background:#020617; }.dl-present-inner { width:min(100vw,calc(100vh * 1.777)); aspect-ratio:16/9; }.dl-present-slide { width:960px; height:540px; transform-origin:top left; }.dl-present-bar { position:fixed; bottom:16px; display:flex; gap:8px; align-items:center; color:#fff; }.dl-present-bar .dl-btn { background:#172337cc; }.dl-present-notes { position:fixed; right:20px; bottom:20px; width:280px; color:#cbd5e1; background:#111b29dd; padding:10px; border-radius:8px; }
@media (max-width:780px) { .dl-head { gap:5px; padding:6px; }.dl-brand-by,.dl-app-btn span,.dl-head-actions .dl-btn span,.dl-savestate { display:none; }.dl-app-btn { min-width:38px; }.dl-title { max-width:130px; }.dl-ai-open .dl-ai { position:absolute; z-index:5; top:101px; right:0; bottom:23px; box-shadow:-10px 0 30px #0008; }.dl-write-scroll { padding:10px; }.dl-page { width:min(794px,calc(100vw - 20px)); min-height:900px; padding:36px 30px; }.dl-rail { width:106px; padding:6px; } }

/* Grid: the parts doclab-grid.js draws that had no style at all (owner,
   2026-09-30: "you can't tell which cell you're in … same with font, can't see
   it"). The cell cursor, a selected block, the row and column it sits in, and
   the box you type into were never styled, so the cursor was invisible and
   the typing box fell below the sheet. Letters are white on the dark sheet and
   dark on the light one; a colour the person picked for a cell is kept.
   The long selector beats the glass theme's forced surface rules. */
.dl-grid-layer { position:relative; display:inline-block; min-width:100%; vertical-align:top; }
.dl-sheet th { z-index:2; }.dl-sheet th:first-child { z-index:3; }.dl-sheet thead th:first-child { z-index:4; }
.dl-sheet th[data-row] { position:sticky; left:0; min-width:40px; text-align:center; }
.dl-corner { cursor:pointer; }.dl-sheet th[data-col],.dl-sheet th[data-row] { cursor:pointer; user-select:none; -webkit-user-select:none; }
.dl-col-resize { position:absolute; top:0; right:-3px; width:7px; height:100%; cursor:col-resize; }
.dl-sheet td { color:#f8fafc; cursor:cell; }.dl-sheet td.is-num { text-align:right; }.dl-sheet td.is-err { color:#f87171; }.dl-sheet td.is-wrap { white-space:normal; }
.dl-cursor { position:absolute; z-index:1; box-sizing:border-box; border:2px solid var(--app,#22c55e); box-shadow:0 0 0 1px rgba(2,6,23,.55), inset 0 0 0 1px rgba(2,6,23,.35); background:rgba(34,197,94,.10); pointer-events:none; }
.dl-tab-list { display:flex; align-items:center; gap:4px; min-width:0; overflow:auto hidden; }.dl-tab.is-active { color:#fff; background:#263a35; }
.dl-tb.is-on { border-color:var(--app,#22c55e); background:rgba(34,197,94,.20); }
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-sheet td.is-sel { background:rgba(34,197,94,.20) !important; }
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-sheet th.is-hl { background:rgba(34,197,94,.34) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; box-shadow:inset 0 0 0 1px var(--app,#22c55e) !important; }
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-cell-editor {
  position:absolute !important; z-index:5 !important; box-sizing:border-box !important; margin:0 !important; padding:2px 5px !important; min-height:0 !important;
  /* As wide as its cell, growing with what is typed: it reads as typing in the cell itself. */
  width:auto !important; max-width:min(560px, 60vw) !important; field-sizing:content;
  border:2px solid var(--app,#22c55e) !important; border-radius:0 !important; outline:0 !important; box-shadow:0 6px 18px rgba(0,0,0,.45) !important;
  background:#0b1220 !important; color:#f8fafc !important; -webkit-text-fill-color:#f8fafc !important; caret-color:#f8fafc !important; font:inherit !important;
}
/* Light: dark letters, and a typing box on white. Not under the glass skin,
   whose Light is white letters on frosted glass (owner, 2026-10-01). */
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-sheet td:not([style*="color"]) { color:#14131b !important; -webkit-text-fill-color:#14131b !important; }
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-sheet td.is-err:not([style*="color"]) { color:#b91c1c !important; -webkit-text-fill-color:#b91c1c !important; }
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-sheet th.is-hl { background:rgba(22,163,74,.26) !important; color:#052e16 !important; -webkit-text-fill-color:#052e16 !important; }
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-sheet td.is-sel { background:rgba(22,163,74,.16) !important; }
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-cursor { box-shadow:0 0 0 1px rgba(255,255,255,.7), inset 0 0 0 1px rgba(255,255,255,.5); background:rgba(22,163,74,.10); }
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-cell-editor { background:#fff !important; color:#14131b !important; -webkit-text-fill-color:#14131b !important; caret-color:#14131b !important; box-shadow:0 6px 18px rgba(0,0,0,.18) !important; }

/* Charts (owner, 2026-09-30: "can't see the font on charts ... check vice versa
   too"). SVG text is black unless told otherwise and the glass theme cleared the
   chart's own background, so the text vanished on the dark sheet and the grid
   showed through. A solid card in both themes; text follows the card. */
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart {
  background:#0f1a2b !important; color:#e2e8f0 !important; -webkit-text-fill-color:currentColor !important;
  border:1px solid #334766 !important; box-shadow:0 14px 34px rgba(0,0,0,.45) !important; overflow:hidden;
  display:flex; flex-direction:column;
}
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart-head {
  align-items:center; gap:8px; padding:6px 8px !important; border-bottom:1px solid #263448; background:#132238 !important; color:#f1f5f9 !important;
}
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart-head > span { flex:1; min-width:0; font-weight:600; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:inherit !important; }
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart-head .dl-select { height:28px; padding:0 6px; font-size:12px; background:#0b1422 !important; color:#e2e8f0 !important; border:1px solid #334766 !important; }
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart-x { width:28px; height:28px; border:1px solid #334766 !important; border-radius:6px; background:transparent !important; color:#cbd5e1 !important; cursor:pointer; font-size:16px; line-height:1; }
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart-body { flex:1; min-height:0; padding:8px !important; color:inherit !important; }
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart svg { display:block; overflow:visible; }
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart svg text { fill:currentColor; -webkit-text-fill-color:initial; }
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart svg text[fill="#fff"] { fill:#fff; }
:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart-empty { color:#94a3b8 !important; padding:12px; }
.dl-chart-resize { position:absolute; right:0; bottom:0; width:14px; height:14px; cursor:nwse-resize; background:linear-gradient(135deg, transparent 50%, rgba(148,163,184,.55) 50%); border-bottom-right-radius:8px; }
/* Light: a white card with dark text. */
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart { background:#ffffff !important; color:#1f2937 !important; border-color:#d6dce6 !important; box-shadow:0 12px 28px rgba(15,23,42,.14) !important; }
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart-head { background:#f5f7fb !important; color:#111827 !important; border-bottom-color:#e2e8f0; }
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart-head .dl-select { background:#ffffff !important; color:#111827 !important; border-color:#cbd5e1 !important; }
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart-x { color:#334155 !important; border-color:#cbd5e1 !important; }
html.light-mode:root:root:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-chart-empty { color:#64748b !important; }

/* Deck and Assistant: a pressed choice must be unmistakable */
.dl-seg[aria-pressed="true"] { color:#06120a; font-weight:700; background:var(--app,#22c55e); border-color:var(--app,#22c55e); }
.dl-thumb.is-active { border-color:var(--app,#22c55e); box-shadow:0 0 0 2px color-mix(in srgb,var(--app,#22c55e) 45%,transparent); }
.dl-app-btn[aria-selected="true"] { color:#fff; background:color-mix(in srgb,var(--app) 32%,transparent); border-color:var(--app); box-shadow:inset 0 -3px 0 var(--app); }
.dl-tab.is-active { box-shadow:inset 0 -2px 0 var(--app,#22c55e); }
/* The selected cell's outline is white in Dark and Light (owner, 2026-10-01: "make outline in cell white in dark mode" / "on doc lab" / "and light mode"); it was the app's green. */
:root:root:root:root body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-sheet td.is-selected { outline: 2px solid #fff !important; outline-offset: -2px !important; }
/* No green tint inside it either (owner, 2026-10-01: "remove the green tint in the selected cell too"): it keeps the same fill as the cells around it. */
:root:root:root:root[data-glass] body:is(*, #lg-boost) #doclab-overlay#doclab-overlay .dl-sheet td.is-selected:not(:first-child) { background: rgba(0, 0, 0, .42) !important; }