/* =====================================================================
 * brand-ui.css — DigiSurvey branded UI system for the surveyor
 * workspace (Survey Hub, Survey capture, Report Hub, Report workspace,
 * Photo Album Studio, Template Builder). Same navy + gold language as
 * shared/link-sheet.css. Load after the page's own <style> and after
 * shared/enterprise.css; pair with shared/app-nav.css.
 *
 *   1. tokens            5. empty states (inline SVG art, no markup change)
 *   2. primitives (bu-*) 6. toasts, modals → sheets on phones
 *   3. page: survey-capture (body.bu-capture)
 *   4. page: album / reports / workspace / template builder
 *
 * Visual only — every rule targets existing classes/IDs; no behaviour.
 * Chrome 109 safe: no :has(), nesting, color-mix(), container queries.
 * ===================================================================== */

/* ------------------------------------------------------------ 1. tokens */
:root, [data-theme="dark"] {
  --bu-gold: #e4b04a;
  --bu-gold-hi: #f3cd7c;
  --bu-gold-ink: #1a1103;
  --bu-gold-text: #f0c268;
  --bu-gold-soft: rgba(228, 176, 74, 0.12);
  --bu-gold-bd: rgba(228, 176, 74, 0.45);
  --bu-gold-grad: linear-gradient(135deg, #f3cd7c 0%, #e4b04a 48%, #c98f2c 100%);
  --bu-navy-grad: radial-gradient(420px 180px at 100% 0%, rgba(228, 176, 74, 0.2), transparent 70%), linear-gradient(135deg, #16305a 0%, #0d1f3a 55%, #0a172b 100%);
  --bu-card: linear-gradient(180deg, rgba(27, 63, 114, 0.16), rgba(15, 29, 51, 0) 120px), var(--card);
  --bu-card-bd: rgba(158, 178, 210, 0.14);
  --bu-card-sh: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 10px 28px -14px rgba(0, 0, 0, 0.6);
  --bu-field: #0b1728;
  --bu-soft: rgba(158, 178, 210, 0.06);
  --bu-primary-bg: var(--bu-gold-grad);
  --bu-primary-ink: #1a1103;
  --bu-primary-sh: 0 10px 24px -12px rgba(228, 176, 74, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  --bu-art-a: #1b3f72;
  --bu-art-b: #0b2545;
}
[data-theme="light"] {
  --bu-gold-text: #8a5d0c;
  --bu-gold-soft: #fff6e2;
  --bu-gold-bd: #e3bf73;
  --bu-card: linear-gradient(180deg, rgba(11, 37, 69, 0.035), rgba(255, 255, 255, 0) 120px), #ffffff;
  --bu-card-bd: #e4ded1;
  --bu-card-sh: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 26px -16px rgba(15, 23, 42, 0.18);
  --bu-field: #ffffff;
  --bu-soft: rgba(11, 37, 69, 0.035);
  --bu-primary-bg: linear-gradient(135deg, #1a3f72 0%, #0b2545 100%);
  --bu-primary-ink: #ffffff;
  --bu-primary-sh: 0 10px 22px -12px rgba(11, 37, 69, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

/* the survey pages alias --teal to --primary, which is navy in the light
   theme — keep their gold fills gold (text on them is dark ink) */
body.bu-capture, body.bu-album { --teal: #e4b04a; --gold: #e4b04a; }

/* ------------------------------------------------------------ 2. primitives */
.bu-eyebrow { display: inline-flex; align-items: center; gap: 7px; font: 700 11px/1.2 var(--font-sans); letter-spacing: 1.2px; text-transform: uppercase; color: var(--bu-gold-text); }
.bu-eyebrow::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--bu-gold); box-shadow: 0 0 0 3px rgba(228, 176, 74, 0.18); flex: 0 0 auto; }
.bu-sec-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px 14px; flex-wrap: wrap; margin: 0 0 12px; }
.bu-sec-h h2, .bu-sec-h h3 { margin: 4px 0 0; font: 700 18px/1.25 var(--font-display); letter-spacing: -0.3px; color: var(--text-primary); }
.bu-sec-h p { margin: 4px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--text-secondary); }
.bu-card { background: var(--bu-card); border: 1px solid var(--bu-card-bd); border-radius: 18px; box-shadow: var(--bu-card-sh); }
.bu-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 12px; border: 1px solid var(--border-strong); background: var(--card); color: var(--text-primary); font: 600 13.5px/1 var(--font-sans); cursor: pointer; text-decoration: none; transition: background .15s, border-color .15s, box-shadow .15s, transform .12s; }
.bu-btn:hover { border-color: var(--bu-gold-bd); background: var(--hover); }
.bu-btn.gold, .bu-btn.primary { border-color: transparent; background: var(--bu-primary-bg); color: var(--bu-primary-ink); box-shadow: var(--bu-primary-sh); font-weight: 700; }
.bu-btn.danger { color: var(--danger); border-color: rgba(255, 90, 106, 0.35); background: var(--danger-bg); }
.bu-plate { display: inline-flex; align-items: stretch; overflow: hidden; border-radius: 6px; border: 1.5px solid #1c2433; background: #f6f1e4; color: #10151f; }

/* ------------------------------------------------------------ 5. empty states
   Branded inline-SVG illustrations added with CSS so no markup/ID changes. */
.bu-capture .empty-note, .bu-album .empty-state, .bu-capture .mp-empty, .bu-reports .empty-state, .bu-reports .rh-none {
  position: relative;
}
.bu-capture .empty-note, .bu-capture .mp-empty, .bu-album .empty-state {
  display: block; margin: 8px 0; padding: 112px 20px 26px !important; text-align: center; border-radius: 18px;
  border: 1.5px dashed var(--border-strong); color: var(--text-secondary); font-size: 13px; line-height: 1.5;
  background-color: var(--bu-soft);
  background-repeat: no-repeat; background-position: 50% 24px; background-size: 96px 72px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='96' y2='72' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231b3f72'/%3E%3Cstop offset='1' stop-color='%230b2545'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='14' y='10' width='68' height='52' rx='14' fill='url(%23g)'/%3E%3Cpath d='M22 24v-6h6M74 24v-6h-6M22 48v6h6M74 48v6h-6' stroke='%23e4b04a' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M34 28a2 2 0 0 1 2-2h4l2-3h12l2 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H36a2 2 0 0 1-2-2z' stroke='%23f3cd7c' stroke-width='2'/%3E%3Ccircle cx='48' cy='35' r='5' stroke='%23f3cd7c' stroke-width='2'/%3E%3Ccircle cx='80' cy='12' r='7' fill='%23e4b04a'/%3E%3Cpath d='M80 9v6M77 12h6' stroke='%231a1103' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.bu-capture #docsEmptyNote {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='96' y2='72' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231b3f72'/%3E%3Cstop offset='1' stop-color='%230b2545'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='24' y='12' width='40' height='50' rx='8' fill='%23132c50' transform='rotate(-8 44 37)'/%3E%3Crect x='30' y='8' width='40' height='52' rx='8' fill='url(%23g)' stroke='%23e4b04a' stroke-opacity='.5'/%3E%3Cpath d='M38 22h18M38 30h24M38 38h24M38 46h14' stroke='%23f3cd7c' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='70' cy='52' r='9' fill='%23e4b04a'/%3E%3Cpath d='m66 52 3 3 5-6' stroke='%231a1103' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.bu-capture #detailsFormWrap .empty-note, .bu-capture #expensesWrap .empty-note { padding: 18px !important; background-image: none; }
.bu-album .empty-state {
  max-width: 560px; margin: 24px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='96' y2='72' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231b3f72'/%3E%3Cstop offset='1' stop-color='%230b2545'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='20' y='14' width='50' height='42' rx='8' fill='%23132c50' transform='rotate(-7 45 35)'/%3E%3Crect x='26' y='10' width='50' height='44' rx='9' fill='url(%23g)' stroke='%23e4b04a' stroke-opacity='.55'/%3E%3Ccircle cx='40' cy='24' r='5' stroke='%23f3cd7c' stroke-width='2'/%3E%3Cpath d='m30 48 13-13 9 9 7-6 13 10' stroke='%23f3cd7c' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='80' cy='14' r='7' fill='%23e4b04a'/%3E%3Cpath d='M80 11v6M77 14h6' stroke='%231a1103' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------ 6. toasts + sheets */
.mp-toast, .ss-toast, .pim-toast, .ws-toast, .lk-toast {
  border-radius: 14px !important; border: 1px solid rgba(228, 176, 74, 0.35) !important;
  background: linear-gradient(135deg, #16305a, #0b1a30) !important; color: #eef3fb !important;
  box-shadow: 0 18px 44px -14px rgba(3, 8, 16, 0.7), inset 3px 0 0 #e4b04a !important;
}
.pim-toast { border-radius: 999px !important; }
.ss-toast .row button { color: #cdd7e6 !important; border-color: rgba(255, 255, 255, 0.18) !important; }
.ss-toast .row button.pri, .mp-toast button { background: var(--bu-gold-grad) !important; color: #1a1103 !important; border-color: transparent !important; }

/* ======================================================================
 * 3. survey-capture.html  (body.bu-capture)
 * ====================================================================== */
.bu-capture { font-family: var(--font-sans); }
.bu-capture .glow-1 { background: radial-gradient(circle, rgba(228, 176, 74, 0.16), transparent 70%); }
.bu-capture .glow-2 { background: radial-gradient(circle, rgba(47, 95, 196, 0.16), transparent 70%); }
[data-theme="light"] .bu-capture .glow-orb { opacity: .55; }

/* start screen (new survey) */
.bu-capture #startScreen { min-height: calc(100vh - var(--an-h, 60px)); align-items: flex-start; padding: 28px 16px 40px; }
@media (min-height: 900px) and (min-width: 720px) { .bu-capture #startScreen { align-items: center; } }
.bu-capture .start-card { max-width: 640px; padding: 0; overflow: hidden; border-radius: 24px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: 0 40px 90px -30px rgba(3, 8, 16, 0.7), 0 0 0 1px rgba(228, 176, 74, 0.06); -webkit-backdrop-filter: none; backdrop-filter: none; }
[data-theme="light"] .bu-capture .start-card { box-shadow: 0 30px 70px -30px rgba(11, 37, 69, 0.35); }
.sc-band { position: relative; padding: 18px 24px 22px; background: var(--bu-navy-grad); color: #f4f7fc; overflow: hidden; }
.sc-band::before { content: ""; position: absolute; right: -70px; top: -80px; width: 240px; height: 240px; border-radius: 50%; border: 1px dashed rgba(228, 176, 74, 0.3); pointer-events: none; }
.sc-band::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, #b8862b, #f3cd7c 35%, #e4b04a 60%, rgba(228, 176, 74, 0)); }
.sc-band-top { position: relative; display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.sc-back { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 0 11px 0 7px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.07); color: #dbe4f3 !important; font: 600 12px/1 var(--font-sans); }
.sc-back:hover { background: rgba(255, 255, 255, 0.14); color: #fff !important; }
.sc-back svg { width: 14px; height: 14px; }
.sc-chip { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; background: rgba(228, 176, 74, 0.16); border: 1px solid rgba(228, 176, 74, 0.45); color: #f3cd7c; font: 700 10.5px/1 var(--font-sans); letter-spacing: .5px; text-transform: uppercase; white-space: nowrap; }
.sc-chip svg { width: 13px; height: 13px; }
.sc-band-main { position: relative; display: flex; align-items: flex-start; gap: 14px; }
.sc-band-ic { flex: 0 0 auto; width: 50px; height: 50px; border-radius: 15px; display: grid; place-items: center; color: #e4b04a; background: linear-gradient(145deg, rgba(228, 176, 74, 0.24), rgba(228, 176, 74, 0.06)); border: 1px solid rgba(228, 176, 74, 0.42); box-shadow: 0 10px 22px -10px rgba(228, 176, 74, 0.55); }
.sc-band-ic svg { width: 26px; height: 26px; }
.sc-band .bu-eyebrow { color: #f3cd7c; }
.bu-capture .start-card .sc-band h2 { margin: 5px 0 0; text-align: left; font: 700 22px/1.2 var(--font-display); letter-spacing: -0.4px; color: #fff; }
.bu-capture .start-card .sc-band p.hint { margin: 6px 0 0; text-align: left; font-size: 13px; line-height: 1.55; color: rgba(226, 234, 246, 0.82); }
.sc-form { padding: 20px 24px 24px; }
.sc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.sc-grid .full { grid-column: 1 / -1; }
.sc-sub { display: flex; align-items: center; gap: 8px; margin: 6px 0 12px; font: 700 11px/1.2 var(--font-sans); letter-spacing: 1.1px; text-transform: uppercase; color: var(--bu-gold-text); }
.sc-sub::after { content: ""; flex: 1 1 auto; height: 1px; background: linear-gradient(90deg, var(--border-strong), transparent); }
@media (max-width: 600px) {
  .bu-capture #startScreen { padding: 0 0 24px; }
  .bu-capture .start-card { border-radius: 0; border-left: 0; border-right: 0; border-top: 0; box-shadow: none; max-width: none; }
  .sc-band { padding: 14px 16px 18px; }
  .sc-form { padding: 16px 16px 20px; }
  .sc-grid { grid-template-columns: 1fr; }
  .bu-capture .start-card .sc-band h2 { font-size: 19px; }
  .sc-band-ic { width: 44px; height: 44px; border-radius: 13px; }
}

/* fields (start screen + details form) */
.bu-capture .field { margin-bottom: 14px; }
.bu-capture .field > label { display: block; margin-bottom: 7px; font: 700 10.5px/1.3 var(--font-sans); letter-spacing: .7px; text-transform: uppercase; color: var(--text-muted); }
.bu-capture .field > label span { text-transform: none; letter-spacing: 0; font-weight: 500; }
.bu-capture .field input, .bu-capture .field select, .bu-capture #docTypeSelect, .bu-capture #expensesWrap input, .bu-capture #expensesWrap select, .bu-capture .ms-search, .bu-capture .ms-stage-row select, .bu-capture .mp-filter-row input, .bu-capture .mp-filter-row select {
  min-height: 46px; padding: 0 14px !important; border-radius: 12px !important; border: 1px solid var(--border-strong) !important;
  background: var(--bu-field) !important; color: var(--text-primary) !important; font: 500 14px/1.2 var(--font-sans) !important;
  transition: border-color .15s, box-shadow .15s; -webkit-appearance: none; appearance: none;
}
.bu-capture .field select, .bu-capture #docTypeSelect, .bu-capture #expensesWrap select, .bu-capture .ms-stage-row select, .bu-capture .mp-filter-row select {
  padding-right: 38px !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 14px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9962f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
}
.bu-capture .mp-filter-row input, .bu-capture .mp-filter-row select { min-height: 40px; font-size: 13px !important; }
.bu-capture .field input:hover, .bu-capture .field select:hover { border-color: var(--text-muted) !important; }
.bu-capture .field input:focus, .bu-capture .field select:focus, .bu-capture #docTypeSelect:focus, .bu-capture #expensesWrap input:focus, .bu-capture .ms-search:focus {
  outline: none; border-color: var(--bu-gold) !important; box-shadow: 0 0 0 3px var(--focus-ring);
}
.bu-capture .field input::placeholder { color: var(--text-muted); }
.bu-capture .field input[disabled] { background: var(--bu-soft) !important; }
.bu-capture .field input[type="date"] { padding-right: 10px !important; }
.bu-capture .field button[onclick*="irdaiFieldsBlock"] { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px !important; border-radius: 999px !important; border: 1px dashed var(--bu-gold-bd) !important; background: var(--bu-gold-soft) !important; color: var(--bu-gold-text) !important; font-weight: 700 !important; }
.bu-capture #irdaiFieldsBlock { padding: 14px 14px 2px; margin-bottom: 14px; border-radius: 16px; border: 1px solid var(--border); background: var(--bu-soft); }

/* primary / secondary buttons */
.bu-capture .btn-primary, .bu-capture .finish-bar button {
  display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; border-radius: 14px; border: 0;
  background: var(--bu-gold-grad) !important; color: #1a1103 !important; font: 700 15px/1 var(--font-sans); letter-spacing: .1px;
  box-shadow: 0 14px 30px -14px rgba(228, 176, 74, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.4); transition: filter .15s, transform .15s;
}
.bu-capture .btn-primary:hover, .bu-capture .finish-bar button:hover { filter: brightness(1.05); transform: translateY(-1px); }
.bu-capture .btn-primary:disabled { opacity: .65; }
.bu-capture .start-status { font-weight: 600; }

/* workspace: survey context bar under the app bar */
.bu-capture .cap-nav {
  position: -webkit-sticky; position: sticky; top: var(--an-h, 60px); z-index: 30; gap: 10px; padding: 10px max(16px, 3vw);
  background: var(--surface); border-bottom: 1px solid var(--border); box-shadow: 0 10px 24px -18px rgba(3, 8, 16, 0.6);
}
[data-theme="light"] .bu-capture .cap-nav { box-shadow: 0 10px 24px -20px rgba(11, 37, 69, 0.3); }
.bu-capture .cap-nav .back { display: inline-flex; align-items: center; gap: 4px; height: 36px; padding: 0 12px 0 8px; border-radius: 11px; border: 1px solid var(--border-strong); background: var(--card); color: var(--text-secondary); font-weight: 600; }
.bu-capture .cap-nav .back:hover { color: var(--text-primary); border-color: var(--bu-gold-bd); }
.bu-capture .cap-nav .veh { display: inline-flex; align-items: stretch; overflow: hidden; min-width: 0; max-width: 46vw; border-radius: 7px; border: 1.5px solid #1c2433; background: #f6f1e4; color: #10151f; font: 700 14px/1 var(--font-mono); letter-spacing: 1.2px; text-transform: uppercase; box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.5); }
.bu-capture .cap-nav .veh::before { content: "IND"; display: flex; align-items: center; padding: 0 5px; background: #1d4ed8; color: #fff; font: 700 8px/1 var(--font-sans); letter-spacing: .3px; }
.bu-capture .cap-nav .veh { padding: 0 10px 0 0; height: 30px; align-items: center; white-space: nowrap; text-overflow: ellipsis; }
.bu-capture .cap-nav .veh::before { align-self: stretch; margin-right: 9px; }
.bu-capture .cap-stamp-btn { height: 36px; border-radius: 11px; border-color: var(--border-strong); background: var(--card); color: var(--text-secondary); }
.bu-capture .cap-stamp-btn:hover { border-color: var(--bu-gold-bd); color: var(--bu-gold-text); }
@media (max-width: 480px) { .bu-capture .cap-stamp-btn { width: 36px; } .bu-capture .cap-nav .back { padding: 0 10px 0 6px; } }

/* workspace: folder tabs (stages) */
.bu-capture .cap-tabs { gap: 6px; padding: 14px max(16px, 3vw) 2px; -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent); mask-image: linear-gradient(90deg, #000 92%, transparent); }
.bu-capture .cap-tab {
  display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 15px; border-radius: 12px; border: 1px solid var(--border-strong);
  background: var(--card); color: var(--text-secondary); font: 600 12.5px/1 var(--font-sans); box-shadow: none; transition: background .15s, color .15s, border-color .15s;
}
.bu-capture .cap-tab:hover { background: var(--hover); color: var(--text-primary); border-color: var(--bu-gold-bd); }
.bu-capture .cap-tab.active { background: var(--bu-primary-bg); color: var(--bu-primary-ink); border-color: transparent; font-weight: 700; box-shadow: var(--bu-primary-sh); }
.bu-capture .cap-tab svg { width: 14px; height: 14px; }
.bu-capture .cap-tab:focus-visible { outline: 2px solid var(--bu-gold); outline-offset: 2px; }
.bu-capture .cap-body { padding: 18px max(16px, 3vw) 120px; }
.bu-capture #selfSurveyPanel { margin: 14px max(16px, 3vw) 0; }

/* workspace: action tiles */
.bu-capture .cap-actions { gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.bu-capture .cap-btn {
  flex: 1 1 150px; min-height: 50px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--bu-card-bd);
  background: var(--bu-card); color: var(--text-primary); font: 600 13px/1.25 var(--font-sans); box-shadow: var(--bu-card-sh);
}
.bu-capture .cap-btn:hover { background: var(--card-hover); border-color: var(--bu-gold-bd); transform: translateY(-1px); box-shadow: var(--bu-card-sh); }
.bu-capture .cap-btn svg { color: var(--bu-gold-text); }
.bu-capture .cap-btn.live { background: var(--bu-gold-grad); border-color: transparent; color: #1a1103; font-weight: 700; box-shadow: 0 12px 26px -14px rgba(228, 176, 74, 0.95), inset 0 1px 0 rgba(255, 255, 255, 0.4); }
.bu-capture .cap-btn.live svg { color: #1a1103; }
.bu-capture .cap-btn.ai { border-color: rgba(53, 208, 187, 0.35); background: linear-gradient(135deg, rgba(53, 208, 187, 0.1), rgba(53, 208, 187, 0.02)), var(--card); color: var(--secondary); }
[data-theme="light"] .bu-capture .cap-btn.ai { color: #0f766e; border-color: rgba(15, 118, 110, 0.3); }
.bu-capture .cap-ai-row { margin-top: -4px; }
.bu-capture .cap-saving-to { margin: 2px 0 14px; padding: 10px 14px; border-radius: 12px; background: var(--bu-soft); border: 1px solid var(--border); }
.bu-capture .cap-saving-to b, .bu-capture .cap-saving-hint a { color: var(--bu-gold-text); }

/* photos */
.bu-capture .photo-grid { grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 12px; }
@media (max-width: 480px) { .bu-capture .photo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } }
.bu-capture .photo-tile { border-radius: 14px; border: 1px solid var(--bu-card-bd); box-shadow: var(--bu-card-sh); background: #0a0f18; }
.bu-capture .photo-tile:hover { border-color: var(--bu-gold-bd); }
.bu-capture .photo-tile .src-badge { border-radius: 999px; padding: 3px 7px; }
.bu-capture .src-badge.live { background: rgba(228, 176, 74, 0.95); }
.bu-capture .photo-tile .del, .bu-capture .photo-tile .dl-btn { width: 26px; height: 26px; }
.bu-capture .photo-tile .dl-btn { right: 36px; }

/* documents */
.bu-capture #docsBody .cap-actions[style] .cap-btn.live { background: var(--bu-card); color: var(--text-primary); border: 1px solid var(--bu-gold-bd); box-shadow: var(--bu-card-sh); font-weight: 600; }
.bu-capture #docsBody .cap-actions[style] .cap-btn.live svg { color: var(--bu-gold-text); }
.bu-capture .bu-sec-h { margin-bottom: 14px; }
.bu-capture #docTypeSelect { flex: 1 1 auto; width: 100%; }
.bu-capture .doc-row { padding: 12px 14px; border-radius: 16px; border: 1px solid var(--bu-card-bd); background: var(--bu-card); box-shadow: var(--bu-card-sh); }
.bu-capture .doc-row:hover { border-color: var(--bu-gold-bd); }
.bu-capture .doc-row .doc-thumb { border-radius: 11px; border: 1px solid var(--border); }
.bu-capture .doc-row .doc-info b { font: 700 12.5px/1.3 var(--font-sans); letter-spacing: .5px; }
.bu-capture .doc-mini-btn { min-height: 32px; padding: 0 11px; border-radius: 9px; background: var(--card); font-weight: 600; }
.bu-capture .doc-mini-btn:hover { border-color: var(--bu-gold-bd); background: var(--hover); }
.bu-capture .doc-mini-btn.ocr { background: var(--bu-gold-soft); border-color: var(--bu-gold-bd); color: var(--bu-gold-text); }
.bu-capture #unassignedDocsWrap { border-radius: 16px !important; background: var(--bu-soft) !important; }
.bu-capture #docsBody > div[style*="flex-wrap"] { border: 1px solid var(--border); border-radius: 14px !important; background: var(--bu-soft) !important; padding: 10px 12px !important; }

/* details form + expenses */
.bu-capture #detailsBody .bu-sec-h { margin-bottom: 14px; }
.bu-capture #detailsFormWrap { padding: 18px 18px 8px; border-radius: 20px; border: 1px solid var(--bu-card-bd); background: var(--bu-card); box-shadow: var(--bu-card-sh); }
@media (min-width: 760px) {
  .bu-capture #detailsFormWrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
  .bu-capture #detailsFormWrap > #feePendingHint, .bu-capture #detailsFormWrap > .btn-primary, .bu-capture #detailsFormWrap > #detailsSaveStatus, .bu-capture #detailsFormWrap > .empty-note { grid-column: 1 / -1; }
}
.bu-capture #detailsFormWrap > .btn-primary { width: auto; min-width: 220px; justify-self: start; padding: 0 28px; }
.bu-capture #detailsFormWrap > #feePendingHint:not(:empty) { display: inline-flex; align-self: start; justify-self: start; padding: 5px 10px; border-radius: 999px; background: var(--warning-bg); color: var(--warning) !important; font-weight: 600; margin: -4px 0 12px !important; }
.bu-capture #detailsBody > .dcf-section-title { display: flex; align-items: center; gap: 8px; margin: 26px 0 12px !important; color: var(--bu-gold-text) !important; letter-spacing: 1.2px !important; font-size: 11px !important; }
.bu-capture #detailsBody > .dcf-section-title::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--bu-gold); box-shadow: 0 0 0 3px rgba(228, 176, 74, 0.18); }
.bu-capture #expensesWrap { padding: 16px; border-radius: 20px; border: 1px solid var(--bu-card-bd); background: var(--bu-card); box-shadow: var(--bu-card-sh); }
.bu-capture #expensesWrap > div:first-child > div { border-radius: 14px !important; background: var(--bu-soft) !important; padding: 12px 10px !important; }
.bu-capture #expensesWrap > div:first-child > div > div:last-child { font: 700 16px/1.2 var(--font-display) !important; color: var(--text-primary); margin-top: 3px; }
.bu-capture #expensesWrap input, .bu-capture #expensesWrap select { min-height: 42px; }
.bu-capture #expensesWrap .cap-btn { flex: 0 0 auto; min-height: 42px; }

/* sticky bottom CTA */
.bu-capture .finish-bar { padding: 12px max(16px, 3vw) calc(12px + env(safe-area-inset-bottom, 0px)); background: var(--an-tabbar, rgba(9, 20, 37, 0.94)); border-top: 1px solid var(--border); box-shadow: 0 -12px 30px -18px rgba(3, 8, 16, 0.6); }
.bu-capture .finish-bar::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(228, 176, 74, 0.5), transparent); }
@media (min-width: 900px) { .bu-capture .finish-bar button { max-width: 520px; margin: 0 auto; } }

/* resume loader */
.bu-capture #resumeLoadingScreen p { color: var(--text-secondary) !important; }

/* camera chrome (always on black) */
.bu-capture .cam-shutter { background: radial-gradient(circle at 50% 35%, #f3cd7c, #e4b04a 55%, #c98f2c); border-color: rgba(255, 255, 255, 0.85); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.35), 0 12px 28px -8px rgba(228, 176, 74, 0.8); }
.bu-capture .cam-exit, .bu-capture .cam-gear, .bu-capture .cam-side-btn, .bu-capture .cam-tag-btn { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.bu-capture .cam-live-info { border-color: rgba(228, 176, 74, 0.4); }

/* move / manage photos (full-screen) */
.bu-capture .mp-header { position: relative; padding: 14px 16px; background: var(--bu-navy-grad); color: #fff; border-bottom: 0; }
.bu-capture .mp-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, #b8862b, #f3cd7c 40%, rgba(228, 176, 74, 0)); }
.bu-capture .mp-header b { font: 700 15px/1.2 var(--font-display); color: #fff; }
.bu-capture .mp-sel-count { color: #f3cd7c; }
.bu-capture .mp-close { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.08); color: #fff; min-height: 36px; font-weight: 600; }
.bu-capture .mp-tab { height: 34px; display: inline-flex; align-items: center; padding: 0 13px; border-radius: 10px; border-color: var(--border-strong); background: var(--card); color: var(--text-secondary); font-weight: 600; }
.bu-capture .mp-tab.active { background: var(--bu-primary-bg); color: var(--bu-primary-ink); border-color: transparent; }
.bu-capture .mp-tbtn { border-radius: 11px; border-color: var(--border-strong); background: var(--card); }
.bu-capture .mp-tbtn.primary { background: var(--bu-gold-grad); color: #1a1103; border-color: transparent; box-shadow: 0 10px 20px -12px rgba(228, 176, 74, 0.9); }
.bu-capture .mp-tbtn.primary.alt { background: var(--bu-gold-soft); color: var(--bu-gold-text); border-color: var(--bu-gold-bd); box-shadow: none; }
.bu-capture .mp-tbtn.danger { background: var(--danger-bg); }
.bu-capture .mp-hint.has { color: var(--bu-gold-text); }
.bu-capture .mp-tile { border-radius: 12px; }
.bu-capture .mp-progress-fill { background: var(--bu-gold-grad); }

/* small dialogs → branded dialog, bottom sheet on phones */
.bu-capture .mp-modal-backdrop { background: var(--overlay); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.bu-capture .mp-modal { position: relative; overflow: hidden; border-radius: 22px; border: 1px solid var(--border-strong); background: var(--card); box-shadow: var(--lk-shadow, 0 30px 80px -20px rgba(0, 0, 0, 0.65)); padding: 22px 20px 20px; }
.bu-capture .mp-modal::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, #b8862b, #f3cd7c 40%, #e4b04a 70%, rgba(228, 176, 74, 0)); }
.bu-capture .mp-modal h3 { font: 700 17px/1.3 var(--font-display); letter-spacing: -0.2px; }
.bu-capture .mp-stage-option, .bu-capture .ms-item { border-radius: 12px; min-height: 46px; background: var(--bu-soft); }
.bu-capture .mp-stage-option.selected, .bu-capture .ms-item.selected { border-color: var(--bu-gold); background: var(--bu-gold-soft); box-shadow: 0 0 0 3px rgba(228, 176, 74, 0.14); }
@media (max-width: 600px) {
  .bu-capture .mp-modal-backdrop { align-items: flex-end; padding: 0; }
  .bu-capture .mp-modal { max-width: none; border-radius: 22px 22px 0 0; border-bottom: 0; padding: 26px 16px calc(18px + env(safe-area-inset-bottom, 0px)); max-height: 92vh; overflow-y: auto; }
  .bu-capture .mp-modal::after { content: ""; position: absolute; top: 9px; left: 50%; width: 38px; height: 4px; margin-left: -19px; border-radius: 4px; background: var(--border-strong); }
}

/* ======================================================================
 * 4a. photo-album-studio.html  (body.bu-album)
 * ====================================================================== */
.bu-album .bu-pagehead { max-width: 1400px; margin: 0 auto; padding: 24px 5vw 0; }
.bu-album .bu-pagehead .bu-sec-h { margin: 0; padding: 20px 22px; border-radius: 20px; border: 1px solid var(--border); background: radial-gradient(560px 220px at 0% 0%, rgba(228, 176, 74, 0.14), transparent 65%), radial-gradient(520px 240px at 100% 0%, rgba(47, 95, 196, 0.1), transparent 65%), var(--card); box-shadow: var(--bu-card-sh); }
.bu-album .bu-pagehead h2 { font-size: 24px; letter-spacing: -0.5px; }
@media (max-width: 600px) { .bu-album .bu-pagehead { padding: 16px 16px 0; } .bu-album .bu-pagehead .bu-sec-h { padding: 16px; border-radius: 16px; } .bu-album .bu-pagehead h2 { font-size: 20px; } .bu-album .bu-pagehead p { display: none; } }
.bu-album .wrap { padding-top: 18px; }
.bu-album .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 38px; padding: 0 14px; border-radius: 11px; border-color: var(--border-strong); background: var(--card); color: var(--text-primary); font-weight: 600; font-size: 12.5px; }
.bu-album .btn:hover { border-color: var(--bu-gold-bd); background: var(--hover); transform: none; }
.bu-album .btn.primary { background: var(--bu-gold-grad); color: #1a1103; border-color: transparent; font-weight: 700; box-shadow: 0 10px 22px -12px rgba(228, 176, 74, 0.9); }
.bu-album .btn.danger { color: var(--danger); border-color: rgba(255, 90, 106, 0.35); }
.bu-album .toolbar-row { margin-bottom: 18px; }
.bu-album .search-input, .bu-album .filter-select, .bu-album .settings-row select, .bu-album .settings-row textarea, .bu-album .settings-row input[type=text] {
  min-height: 44px; border-radius: 12px; border: 1px solid var(--border-strong); background: var(--bu-field); color: var(--text-primary); font-size: 13.5px; padding-left: 14px;
}
.bu-album .search-input:focus, .bu-album .settings-row select:focus { outline: none; border-color: var(--bu-gold); box-shadow: 0 0 0 3px var(--focus-ring); }
.bu-album .album-card { border-radius: 18px; border: 1px solid var(--bu-card-bd); background: var(--bu-card); box-shadow: var(--bu-card-sh); -webkit-backdrop-filter: none; backdrop-filter: none; }
.bu-album .album-card:hover { border-color: var(--bu-gold-bd); }
.bu-album .album-cover { background: var(--bu-navy-grad); }
.bu-album .album-info .name { font: 700 14px/1.3 var(--font-sans); }
.bu-album .album-badge { border-radius: 999px; background: rgba(8, 18, 33, 0.72); color: #f3cd7c; border: 1px solid rgba(228, 176, 74, 0.35); }
.bu-album .editor-panel { border-radius: 18px; border: 1px solid var(--bu-card-bd); background: var(--bu-card); box-shadow: var(--bu-card-sh); padding: 16px; }
.bu-album .editor-panel h3 { display: flex; align-items: center; gap: 8px; font: 700 11px/1.2 var(--font-sans); letter-spacing: 1.2px; color: var(--bu-gold-text); }
.bu-album .editor-panel h3::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--bu-gold); box-shadow: 0 0 0 3px rgba(228, 176, 74, 0.18); flex: 0 0 auto; }
.bu-album .layout-opt { border-radius: 10px; min-height: 36px; display: flex; align-items: center; justify-content: center; }
.bu-album .layout-opt.active { background: var(--bu-gold-grad); border-color: transparent; }
.bu-album .preview-shell { border-radius: 20px; border: 1px solid rgba(228, 176, 74, 0.25); background: #0b1a30; }
.bu-album .preview-toolbar { position: relative; background: var(--bu-navy-grad); color: #fff; }
.bu-album .preview-toolbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, #b8862b, #f3cd7c 40%, rgba(228, 176, 74, 0)); }
.bu-album .preview-toolbar .btn, .bu-album .preview-nav .btn, .bu-album .preview-export-bar .btn:not(.primary), .bu-album .pe-header .btn, .bu-album .pe-footer .btn:not(.primary) { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.16); color: #eef3fb; }
.bu-album .preview-settings-bar, .bu-album .preview-nav, .bu-album .preview-export-bar { background: #0e1a2e; }
.bu-album .preview-body { background: #243142; }
.bu-album .spinner { border-color: rgba(228, 176, 74, 0.2); border-top-color: #e4b04a; }
.bu-album .pe-header { background: var(--bu-navy-grad); color: #fff; }
.bu-album .pe-sidebar { background: #0e1a2e; }
.bu-album .pe-tool-btn.active { background: var(--bu-gold-grad); }
@media (max-width: 600px) {
  .bu-album .preview-modal { padding: 0; align-items: flex-end; }
  .bu-album .preview-shell { max-height: 94vh; border-radius: 20px 20px 0 0; }
}

/* ======================================================================
 * 4b. reports-hub.html + my-surveys.html (body.hub-page with the app nav)
 * ====================================================================== */
body.an-on .hub-toolbar { top: var(--an-h, 60px); }
.bu-reports .hub-head { position: relative; overflow: hidden; align-items: center; padding: 24px 26px; border-radius: 20px; border: 1px solid var(--border); background: radial-gradient(640px 240px at 0% 0%, var(--hub-hero-a, rgba(228, 176, 74, 0.14)), transparent 65%), radial-gradient(560px 260px at 100% 0%, var(--hub-hero-b, rgba(47, 95, 196, 0.1)), transparent 65%), var(--hub-hero-bg, var(--card)); box-shadow: var(--hub-card-shadow); }
.bu-reports .hub-head .hub-eyebrow::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--hub-accent); box-shadow: 0 0 0 3px var(--hub-accent-soft); }
@media (max-width: 719px) { .bu-reports .hub-head { padding: 18px; border-radius: 16px; } }
.bu-reports .dcf-header-card { background: var(--bu-navy-grad); border-color: rgba(228, 176, 74, 0.28); color: #fff; position: relative; overflow: hidden; }
.bu-reports .dcf-header-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, #b8862b, #f3cd7c 40%, rgba(228, 176, 74, 0)); }
.bu-reports .dcf-header-card .ic { background: rgba(228, 176, 74, 0.18); color: #f3cd7c; border: 1px solid rgba(228, 176, 74, 0.4); }
.bu-reports .dcf-header-card .name { color: #fff; }
.bu-reports .dcf-header-card .sub { color: rgba(226, 234, 246, 0.75); }
.bu-reports .dcf-header-card .dcf-btn { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.18); color: #fff; }
.bu-reports .dcf-header-card .dcf-btn.primary { background: var(--bu-gold-grad); color: #1a1103; border-color: transparent; }
.bu-reports .dcf-btn { border-radius: 11px; }
.bu-reports .dcf-btn.primary, .bu-reports .rh-rep .actions .rh-open { background: var(--bu-primary-bg); color: var(--bu-primary-ink); border-color: transparent; box-shadow: var(--bu-primary-sh); }
.bu-reports .dcf-card { border-radius: 16px; background: var(--bu-card); border-color: var(--bu-card-bd); }
.bu-reports .dcf-card:hover, .bu-reports .dcf-list-row:hover { border-color: var(--bu-gold-bd); }
.bu-reports .dcf-card .ic, .bu-reports .dcf-list-row .ic { background: linear-gradient(145deg, #1b3f72, #0b2545); color: #f3cd7c; box-shadow: 0 0 0 1px rgba(228, 176, 74, 0.28) inset; }
.bu-reports .dcf-list-row { border-radius: 14px; background: var(--bu-card); border-color: var(--bu-card-bd); }
.bu-reports .dcf-section-title { display: flex; align-items: center; gap: 8px; color: var(--hub-accent); letter-spacing: 1.2px; }
.bu-reports .dcf-section-title::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--hub-accent); box-shadow: 0 0 0 3px var(--hub-accent-soft); }
.bu-reports .rh-chips { border-radius: 12px; background: var(--hub-seg-bg, var(--hover)); }
.bu-reports .rh-chip.on { background: var(--bu-primary-bg); color: var(--bu-primary-ink); box-shadow: var(--bu-primary-sh); }
.bu-reports .rh-new { border-radius: 14px; background: var(--bu-card); border-color: var(--bu-card-bd); }
.bu-reports .rh-new > svg { background: linear-gradient(145deg, #1b3f72, #0b2545); color: #f3cd7c; }
.bu-reports .rh-none { border-radius: 14px; background: var(--bu-soft); }
.bu-reports .empty-state .ic { background: linear-gradient(145deg, #1b3f72, #0b2545); color: #f3cd7c; box-shadow: 0 12px 26px -12px rgba(11, 37, 69, 0.8), 0 0 0 1px rgba(228, 176, 74, 0.3) inset; }
.bu-reports .dcf-view-btn.active { background: var(--bu-primary-bg); color: var(--bu-primary-ink); }

/* ======================================================================
 * 4c. report-workspace.html (body.bu-ws) — tabs/split chrome only
 * ====================================================================== */
.bu-ws .ws-bar { background: var(--surface); box-shadow: 0 8px 20px -18px rgba(3, 8, 16, 0.6); }
.bu-ws .ws-veh { flex: 0 0 auto; border-radius: 7px; border: 1.5px solid #1c2433; background: #f6f1e4; color: #10151f; letter-spacing: 1px; text-transform: uppercase; padding: 0 9px 0 0; display: inline-flex; align-items: center; height: 28px; overflow: hidden; }
.bu-ws .ws-veh::before { content: "IND"; align-self: stretch; display: flex; align-items: center; margin-right: 8px; padding: 0 5px; background: #1d4ed8; color: #fff; font: 700 8px/1 var(--font-sans); letter-spacing: .3px; }
.bu-ws .ws-btn { border-radius: 10px; }
.bu-ws .ws-btn.primary { background: var(--bu-primary-bg); border-color: transparent; color: var(--bu-primary-ink); box-shadow: var(--bu-primary-sh); }
.bu-ws .ws-seg { border-radius: 12px; }
.bu-ws .ws-seg button { border-radius: 9px; }
.bu-ws .ws-seg button.on { background: var(--bu-gold-grad); color: #1a1103; box-shadow: none; }
.bu-ws .ws-tab { border-radius: 11px 11px 0 0; }
.bu-ws .ws-tab.on::before { height: 3px; background: linear-gradient(90deg, #c98f2c, #f3cd7c, #e4b04a); }
.bu-ws .ws-empty { border-radius: 22px; overflow: hidden; background: var(--bu-card); box-shadow: var(--bu-card-sh); position: relative; padding-top: 30px; }
.bu-ws .ws-empty::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #b8862b, #f3cd7c 35%, #e4b04a 60%, rgba(228, 176, 74, 0)); }
.bu-ws .ws-empty h2::before { content: "Report workspace"; display: block; margin-bottom: 6px; font: 700 11px/1.2 var(--font-sans); letter-spacing: 1.2px; text-transform: uppercase; color: var(--bu-gold-text); }
.bu-ws .ws-group h4 { color: var(--bu-gold-text); }
.bu-ws .ws-item { border-radius: 12px; }
.bu-ws .ws-item .ic { background: linear-gradient(145deg, #1b3f72, #0b2545); color: #f3cd7c; }
.bu-ws .ws-preset { font-weight: 600; }
.bu-ws .ws-pop { border-radius: 18px; box-shadow: 0 30px 70px -20px rgba(3, 8, 16, 0.6), 0 0 0 1px rgba(228, 176, 74, 0.12); }

/* ======================================================================
 * 4d. template-builder.html (body.bu-tb) — chrome only, paper untouched
 * ====================================================================== */
.bu-tb .toolbar { background: linear-gradient(180deg, #102443, #0a1830); border-bottom: 1px solid rgba(228, 176, 74, 0.3); box-shadow: 0 8px 20px -14px rgba(3, 8, 16, 0.8); }
.bu-tb .doc-badge { border-radius: 9px; background: var(--bu-gold-grad); box-shadow: 0 6px 14px -8px rgba(228, 176, 74, 0.9); }
.bu-tb .tb-btn { border-radius: 10px; }
.bu-tb .tb-btn.primary { background: var(--bu-gold-grad); border-color: transparent; box-shadow: 0 8px 18px -10px rgba(228, 176, 74, 0.9); }
.bu-tb .side { background: #0c1a2e; border-right-color: rgba(228, 176, 74, 0.2); }
.bu-tb .side-tab.on { background: linear-gradient(180deg, rgba(228, 176, 74, 0.16), rgba(228, 176, 74, 0.04)); }
.bu-tb .side h4, .bu-tb .fp-gh { color: #f0c268; }
.bu-tb .side h4 { display: flex; align-items: center; gap: 7px; }
.bu-tb .side h4::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #e4b04a; box-shadow: 0 0 0 3px rgba(228, 176, 74, 0.18); }
.bu-tb .starter, .bu-tb .lib-item, .bu-tb .block-btn, .bu-tb .preset-btn, .bu-tb .fp-item { border-radius: 11px; }

/* ------------------------------------------------------------ motion */
@media (prefers-reduced-motion: reduce) {
  .bu-capture .cap-btn, .bu-capture .btn-primary, .bu-capture .finish-bar button, .bu-capture .photo-tile, .bu-album .album-card { transition: none !important; }
  .bu-capture .logo-ring { animation: none; }
}
@media print {
  .bu-capture .finish-bar, .bu-capture .cap-nav { display: none !important; }
}