/* Diet Solution BD — the colour theme of the app pages. Owner 2026-10-30, chosen from mockups ("classic and colourful,
   not an AI slop"): the classic admin look. Only body.app pages: the print pages, the patient's link and the public site
   are untouched. Nothing here changes layout; it colours what is there.
   - A white / light-grey canvas and a navy sidebar with white type; the active item a solid green block.
   - Six saturated colours, one meaning each, the same on every page: GREEN = people and the body (patients, weight,
     BMI, waist, body fat) and the action colour (primary buttons, active menu item, meters); BLUE = diet charts and
     other records (invoices) and the secondary buttons' icons; TEAL = prescriptions (medicine; [2026-10-31] the owner:
     two blue tiles side by side read as the same thing); ORANGE = energy (TDEE) and lab reports (tests); AMBER = dates
     and periods (access period, active until, expiry; visits = measurements by date); VIOLET = money (paid to date, revenue, credits; also the base
     --accent "brand moments").
   - Stat tiles (.stats .stat): a solid block in the metric's colour with white type and a translucent icon square;
     a 1 px lift on hover (off with prefers-reduced-motion). No gradients, no sheen, no tints.
   - White cards: a hairline border, a 3 px green rule along the top, the heading ruled by one full-width hairline, the
     heading's icon plain green. The builders' work tables are not tinted.
   - Status colours (High/Low/Obese badges, danger buttons, warnings) are not touched: they keep their meaning.
   Dark mode: the same five colours lifted a step, the navy deepened, the base dark surfaces. */
body.app{
  --k-green:#0AA655;--k-green-ink:#067A3D;
  --k-blue:#1F5FBF;--k-blue-ink:#174A96;
  --k-orange:#E0631B;--k-orange-ink:#B24A0E;
  --k-amber:#D9950A;--k-amber-ink:#9A6705;
  --k-teal:#0E8C8E;--k-teal-ink:#0B6F71;
  --k-violet:#6C3FB5;--k-violet-ink:#532E8F;
  --k-navy:#1B2A41;--k-bar:#1B2A41;--k-bar-glass:rgba(4,14,48,.7);--k-bar-backdrop:blur(14px) saturate(150%) brightness(.35);   /* the save bar keeps the light navy in dark mode too, so it stands apart from the dark canvas */
  --bg:#F3F5F8;
  --primary:var(--k-green);--primary-hover:#09954C;--primary-active:#088543;--on-primary:#FFFFFF;--primary-text:var(--k-green-ink);
  --link:var(--k-blue-ink);--ring:var(--k-blue);
  --accent:var(--k-violet);--accent-strong:var(--k-violet-ink);--accent-soft:color-mix(in srgb,var(--k-violet) 10%,var(--surface));--accent-soft-border:color-mix(in srgb,var(--k-violet) 38%,var(--surface));
  --card-shadow:0 1px 2px rgba(16,24,40,.06);
  --tile-shadow:0 1px 2px rgba(16,24,40,.10);--tile-shadow-up:0 2px 4px rgba(16,24,40,.12),0 8px 20px rgba(16,24,40,.12);
  --tile-hi:transparent;--tile-grad:transparent;--sheen:transparent;
  --sb-ink:#FFFFFF;--sb-ink-2:#D5DCE6;--sb-ink-3:#9FB0C6;--sb-ink-4:#8FA0B8;--sb-line:rgba(255,255,255,.12);--sb-hover:rgba(255,255,255,.08);--sb-well:rgba(255,255,255,.07);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) body.app{
    --k-green:#17B864;--k-green-ink:#5EDC98;--k-blue:#3B7BE0;--k-blue-ink:#8DB4F5;--k-orange:#EE7A36;--k-orange-ink:#F6A872;
    --k-amber:#E6A41A;--k-amber-ink:#F3C65A;--k-teal:#1BA3A6;--k-teal-ink:#5FCBCD;--k-violet:#865BD1;--k-violet-ink:#BBA2EC;--k-navy:#0D1521;--k-bar:#1E2D47;--k-bar-glass:rgba(30,45,71,.72);--k-bar-backdrop:blur(14px) saturate(150%);
    --bg:#0B0C0D;--primary-hover:#20C46E;--primary-active:#14A85A;
    --card-shadow:0 1px 2px rgba(0,0,0,.4);--tile-shadow:0 1px 2px rgba(0,0,0,.4);--tile-shadow-up:0 2px 4px rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.4);
  }
}
:root[data-theme="dark"] body.app{
  --k-green:#17B864;--k-green-ink:#5EDC98;--k-blue:#3B7BE0;--k-blue-ink:#8DB4F5;--k-orange:#EE7A36;--k-orange-ink:#F6A872;
  --k-amber:#E6A41A;--k-amber-ink:#F3C65A;--k-teal:#1BA3A6;--k-teal-ink:#5FCBCD;--k-violet:#865BD1;--k-violet-ink:#BBA2EC;--k-navy:#0D1521;--k-bar:#1E2D47;--k-bar-glass:rgba(30,45,71,.72);--k-bar-backdrop:blur(14px) saturate(150%);
  --bg:#0B0C0D;--primary-hover:#20C46E;--primary-active:#14A85A;
  --card-shadow:0 1px 2px rgba(0,0,0,.4);--tile-shadow:0 1px 2px rgba(0,0,0,.4);--tile-shadow-up:0 2px 4px rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.4);
}
/* the old section hooks, kept for anything that reads them: the theme is the one green */
body.app .shell{--sec:var(--k-green);--sec-bg:var(--surface);--sec-bd:var(--border);--sec-fg:var(--text)}
body.app{background:var(--bg)}

/* ---- sidebar: navy, white type, the active item a solid green block ---- */
body.app .sidebar{background:var(--k-navy);border-right:0}
body.app .sidebar .brand,body.app .sidebar .brand-word{color:var(--sb-ink)}
body.app .sidebar .brand-word span{background:rgba(255,255,255,.16);color:var(--sb-ink)}
body.app .sb-label{color:var(--sb-ink-4)}
body.app .sb-link{color:var(--sb-ink-2)}
body.app .sb-link .i{color:var(--sb-ink-3)}
body.app .sb-link:hover{background:var(--sb-hover);color:var(--sb-ink)}
body.app .sb-link:hover .i{color:var(--sb-ink)}
body.app .sb-link.active{background:var(--k-green);border-color:transparent;color:#FFFFFF;box-shadow:none;background-image:none}
body.app .sb-link.active .i{color:#FFFFFF}
body.app .sb-link .count{background:rgba(255,255,255,.12);color:#C8D1DD}
body.app .sb-link.active .count{background:rgba(255,255,255,.24);color:#FFFFFF}
body.app .sb-rail-btn,body.app .sidebar .tb-icon{color:var(--sb-ink-3)}
body.app .sb-rail-btn:hover,body.app .sidebar .tb-icon:hover{background:var(--sb-hover);color:var(--sb-ink)}
body.app .sb-plan{background:var(--sb-well);border-color:rgba(255,255,255,.14);box-shadow:none;color:#B7C3D3}
body.app .sb-plan-title{color:var(--sb-ink)}
body.app .sb-plan-sub,body.app .sb-plan .muted{color:#B7C3D3}
body.app .sb-plan a{color:var(--sb-ink)}
body.app .sb-plan .meter{background:rgba(255,255,255,.14)}
body.app .sb-plan .meter>span{background:var(--k-green)}
body.app .sb-foot{border-top-color:var(--sb-line)}
body.app .user-btn{color:var(--sb-ink)}
body.app .user-btn:hover{background:var(--sb-hover)}
body.app .user-role,body.app .user-btn>.i{color:var(--sb-ink-3)}

/* ---- stat tiles: a solid block in the metric's colour, white type, a translucent icon square ---- */
body.app .stats{gap:12px;background:transparent;border:0;box-shadow:none;overflow:visible}
body.app .stats .stat{--tile:var(--k-blue);position:relative;border-radius:12px;border:1px solid transparent;background:var(--tile);background-color:var(--tile);background-image:none;
  box-shadow:var(--tile-shadow);transition:transform .18s ease,box-shadow .18s ease}
body.app .stat+.stat{border-left:1px solid transparent}
body.app .stats .stat:hover{transform:translateY(-1px);box-shadow:var(--tile-shadow-up)}
@media (prefers-reduced-motion:reduce){body.app .stats .stat:hover{transform:none;box-shadow:var(--tile-shadow)}}
body.app .stats .stat .stat-value{color:#FFFFFF}
body.app .stats .stat .stat-value .u{color:rgba(255,255,255,.78)}
body.app .stat-label{gap:10px}
body.app .stats .stat .stat-label{color:rgba(255,255,255,.9)}
body.app .stat-label>.i{width:30px;height:30px;padding:7px;box-sizing:border-box;border-radius:9px}
body.app .stats .stat .stat-label>.i{background:rgba(255,255,255,.2);color:#FFFFFF;border:0;box-shadow:none}
body.app .stats .stat .stat-meta,body.app .pv-stats .stat-meta,body.app .pv-stats .stat-meta :is(.faint,.muted,a),body.app .stats .stat .muted,body.app .stats .stat small{color:rgba(255,255,255,.82)}
body.app .stats .stat .stat-meta :is(.up,.down){color:#FFFFFF;font-weight:600}
body.app .stats .stat :is(.badge,.status){box-shadow:0 0 0 1px rgba(255,255,255,.35)}
/* dark mode: the badges' and status chips' translucent fills vanish on a solid tile, so on a tile they keep their light-mode (opaque) colours */
:root[data-theme="dark"] body.app .stats .stat :is(.badge,.status){--ok-bg:#EDFAF5;--ok-bd:#BCEBDC;--ok-tx:#01574B;--warn-bg:#FFF8E6;--warn-bd:#FADF9E;--warn-tx:#784903;--high-bg:#FFF5F1;--high-bd:#FBD3C3;--high-tx:#8A2400;--crit-bg:#FFF4F4;--crit-bd:#F8CFD0;--crit-tx:#850327;--info-bg:#F2F8FE;--info-bd:#C9E0F8;--info-tx:#02477D}
:root[data-theme="dark"] body.app .stats .stat :is(.badge-gray,.badge-outline){background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#FFFFFF}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) body.app .stats .stat :is(.badge,.status){--ok-bg:#EDFAF5;--ok-bd:#BCEBDC;--ok-tx:#01574B;--warn-bg:#FFF8E6;--warn-bd:#FADF9E;--warn-tx:#784903;--high-bg:#FFF5F1;--high-bd:#FBD3C3;--high-tx:#8A2400;--crit-bg:#FFF4F4;--crit-bd:#F8CFD0;--crit-tx:#850327;--info-bg:#F2F8FE;--info-bd:#C9E0F8;--info-tx:#02477D}
  :root:not([data-theme="light"]) body.app .stats .stat :is(.badge-gray,.badge-outline){background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);color:#FFFFFF}
}
/* the colour of each tile follows what it measures */
body.app .dash-stats .stat:nth-child(1){--tile:var(--k-amber)}     /* access period: a date */
body.app .dash-stats .stat:nth-child(2){--tile:var(--k-green)}     /* patient records: people */
body.app .dash-stats .stat:nth-child(4){--tile:var(--k-teal)}      /* prescriptions issued: medicine (diet charts stay blue) */
body.app .pv-stats .stat{--tile:var(--k-green)}                     /* weight, height, BMI, waist, body fat: the body */
body.app .pv-stats .stat:last-child{--tile:var(--k-orange)}        /* energy (TDEE) */
body.app .bill-stats .stat:nth-child(2){--tile:var(--k-violet)}    /* paid to date: money */
body.app .bill-stats .stat:nth-child(3){--tile:var(--k-amber)}     /* active until: a date */
body.app .acct-stats .stat:nth-child(1){--tile:var(--k-green)}     /* patients: people */
body.app .acct-stats .stat:nth-child(2){--tile:var(--k-amber)}     /* visits: measurements by date */
body.app .acct-stats .stat:nth-child(4){--tile:var(--k-teal)}      /* prescriptions: medicine */
body.app .acct-stats .stat:nth-child(5){--tile:var(--k-orange)}    /* lab reports: tests */
body.app .adm-nut-stats .stat:nth-child(1){--tile:var(--k-green)}   /* a nutritionist's patients: people */
body.app .adm-nut-stats .stat:nth-child(3){--tile:var(--k-teal)}    /* their prescriptions: medicine */
body.app .adm-nut-stats .stat:nth-child(4){--tile:var(--k-violet)}  /* total paid: money */
body.app .adm-inv-stats .stat:nth-child(2),body.app .adm-inv-stats .stat:nth-child(3){--tile:var(--k-violet)}   /* revenue: money */
body.app .cr-packs .stat,body.app .cr-adm-stats .stat:nth-child(1),body.app .cr-adm-stats .stat:nth-child(2),body.app .cr-bal-stats .stat:nth-child(1){--tile:var(--k-violet)}   /* credits held, sold, the balance, the packs on sale: money */
body.app .cr-bal-stats .stat:nth-child(2){--tile:var(--k-amber)}    /* next expiry: a date */
body.app .adm-queue .stat:has(.adm-clear) .stat-value{color:rgba(255,255,255,.7)}
body.app .adm-queue .stat :is(.adm-due,.adm-clear){color:rgba(255,255,255,.85)}

/* ---- white cards: a hairline, a 3 px green rule along the top, the heading ruled by one full-width hairline ---- */
body.app .card{box-shadow:var(--card-shadow);border-top:3px solid var(--k-green)}
body.app .card .card{border-top-width:1px;border-top-color:var(--border)}
body.app .card>.card-head:first-child{margin:-20px -22px 16px;padding:14px 22px;border-radius:9px 9px 0 0;background:transparent;border-bottom:1px solid var(--border-subtle)}
body.app .card.flush>.card-head{margin:0;padding:14px 20px;background:transparent;border-bottom-color:var(--border-subtle)}
body.app .card-head .card-title>.i{background:transparent;border:0;box-shadow:none;color:var(--k-green)}
body.app .card-head .card-sub,body.app .card-head .meta{color:var(--text-3);font-weight:400}
body.app .card-head>a:not(.btn){color:var(--k-blue-ink);font-weight:500}
/* cards whose first child is a plain heading (h2.sec, h2.card-title): builders, settings, admin forms */
body.app .card:not(.flush)>:is(.sec,.card-title):first-child{margin:-20px -22px 16px;padding:14px 22px;border-radius:9px 9px 0 0;background:transparent;border-bottom:1px solid var(--border-subtle);color:var(--text)}
body.app .card:not(.flush)>:is(.sec,.card-title):first-child>.i{background:transparent;border:0;box-shadow:none;color:var(--k-green)}
body.app .card:not(.flush)>.sec:first-child :is(.muted,small){color:var(--text-3)}
@media (max-width:640px){
  body.app .card:not(.flush)>.card-head:first-child,body.app .card:not(.flush)>:is(.sec,.card-title):first-child{margin:-16px -16px 14px;padding:12px 16px}
}
/* list cards (.table-card) whose toolbar is just a title and a note; the toolbars with search boxes and filters are as they are */
body.app .table-card>.toolbar:first-child:has(>.card-title:first-child){background:var(--surface);border-bottom-color:var(--border)}
body.app .table-card>.toolbar:first-child:has(>.card-title:first-child) .meta{color:var(--text-3);font-weight:400}
body.app .table-card>.toolbar:first-child>.card-title:first-child>.i{background:transparent;border:0;box-shadow:none;color:var(--k-green)}
/* a heading inside a wrapper as the card's first child: the builders' PES and guide boxes, AI Assist on the patient form, admin settings sections, promo banners, the exchange groups */
body.app .card:not(.flush)>:is(.bld-pes-head,.bld-ai-head,.pf-ai-head,.adm-set-head,.adm-promo-head,.xch-gh):first-child{margin:-20px -22px 16px;padding:14px 22px;border-radius:9px 9px 0 0;background:transparent;border-bottom:1px solid var(--border-subtle)}
body.app .card:not(.flush)>:is(.bld-pes-head,.bld-ai-head,.pf-ai-head,.adm-set-head,.adm-promo-head,.xch-gh):first-child :is(.card-title,.sec)>.i{background:transparent;border:0;box-shadow:none;color:var(--k-green)}
body.app .card:not(.flush)>:is(.bld-pes-head,.bld-ai-head,.pf-ai-head,.adm-set-head,.adm-promo-head,.xch-gh):first-child :is(.card-sub,.muted,.xch-en){color:var(--text-3)}
/* forms whose first child is the hidden CSRF field, then the heading or the head block (admin AI, credits, nutritionist details, change request) */
body.app .card>input[type="hidden"]:first-child+.card-head{margin:-20px -22px 16px;padding:14px 22px;border-radius:9px 9px 0 0;background:transparent;border-bottom:1px solid var(--border-subtle)}
body.app .card:not(.flush)>input[type="hidden"]:first-child+:is(.sec,.card-title){margin:-20px -22px 16px;padding:14px 22px;border-radius:9px 9px 0 0;background:transparent;border-bottom:1px solid var(--border-subtle)}
body.app .card:not(.flush)>input[type="hidden"]:first-child+:is(.sec,.card-title)>.i{background:transparent;border:0;box-shadow:none;color:var(--k-green)}
/* the plan cards on the Subscription page: the name ruled by a hairline, the featured plan with a green border */
body.app .plan-card>.plan-head:first-child{margin:-22px -22px 16px;padding:14px 22px;border-radius:9px 9px 0 0;background:transparent;border-bottom:1px solid var(--border-subtle)}
body.app .plan-card.featured{box-shadow:var(--card-shadow);border-color:var(--k-green)}
body.app .plan-card.featured>.plan-head:first-child{background:transparent}
body.app .plan-card>.plan-head .plan-name-bn{color:var(--k-green-ink)}
/* the test categories on Diagnostic tests, the list toolbars that only carry a count and a note, the plain tables (Calculations, Tutorial) */
body.app .tcat-group>.tcat-title{background:var(--surface-2);border-bottom-color:var(--border)}
body.app .tcat-group>.tcat-title .count{color:var(--text-3)}
body.app .table-card>.toolbar:first-child:has(>.meta:first-child){background:var(--surface);border-bottom-color:var(--border)}
body.app .table-card>.toolbar:first-child:has(>.meta:first-child) .meta{color:var(--text-3)}
body.app .table-plain thead th{background:var(--surface-2);color:var(--text-3);border-bottom:1px solid var(--border)}
body.app .card.subs-status{background:var(--surface);border-color:var(--border);border-top-color:var(--k-green)}
body.app .table-card{border-top:3px solid var(--k-green)}   /* the list cards carry the same rule as the cards */
body.app .pf-main{--ai-tint:var(--surface-2);--ai-accent:var(--k-violet-ink);--ai-border:var(--border)}   /* AI Assist on the patient form: violet as text only, no tint */
@media (max-width:640px){
  body.app .card:not(.flush)>:is(.bld-pes-head,.bld-ai-head,.pf-ai-head,.adm-set-head,.adm-promo-head,.xch-gh):first-child,body.app .card:not(.flush)>input[type="hidden"]:first-child+:is(.sec,.card-title),body.app .card>input[type="hidden"]:first-child+.card-head,body.app .plan-card>.plan-head:first-child{margin:-16px -16px 14px;padding:12px 16px}
}
/* the empty state's icon in a pale blue circle; the table heads of the record pages (not the builders' work tables) */
body.app .empty>.i{width:44px;height:44px;padding:11px;box-sizing:border-box;border-radius:50%;background:color-mix(in srgb,var(--k-blue) 12%,var(--surface));color:var(--k-blue-ink);border:0}
body.app :not(.bld-page) .card table thead th,body.app .table-card thead th{background:var(--surface-2);color:var(--text-3);border-bottom:1px solid var(--border)}

/* ---- the greeting, the jump row, the meters, the primary badge ---- */
body.app .page-head.dash-head{padding:0;border:0;border-radius:0;background:transparent}
body.app .pv-jump a{background:var(--surface);border-color:var(--border);color:var(--text-2)}
body.app .pv-jump a:hover{background:color-mix(in srgb,var(--k-blue) 10%,var(--surface));border-color:var(--k-blue);color:var(--k-blue-ink)}
body.app .meter>span{background:var(--k-green)}
body.app .meter.warn>span{background:var(--warn-sig)}
body.app .meter.bad>span{background:var(--high-sig)}
body.app .badge-primary{background:color-mix(in srgb,var(--k-green) 14%,var(--surface));color:var(--k-green-ink)}

/* ---- buttons: the primary a solid green block; the others white with a hairline and a blue icon; quiet, danger and icon ones as they are ---- */
body.app .btn-primary,body.app .bar-save{background:var(--k-green);background-color:var(--k-green);background-image:none;border-color:var(--primary-active);color:#FFFFFF;box-shadow:0 1px 1px rgba(16,24,40,.12)}
body.app .btn-primary:hover,body.app .bar-save:hover{background-color:var(--primary-hover);color:#FFFFFF}
body.app .btn-primary:active:not(:disabled),body.app .bar-save:active:not(:disabled){background-color:var(--primary-active)}
body.app .btn-primary .i,body.app .bar-save .i{color:#FFFFFF}
body.app .btn:not(.btn-primary):not(.btn-quiet):not(.btn-danger):not(.btn-danger-soft):not(.btn-icon):not(.bar-save):not(.btn-accent):not(.btn-amber){background:var(--surface);border-color:var(--border-input);color:var(--text);box-shadow:0 1px 1px rgba(16,24,40,.05)}
body.app .btn:not(.btn-primary):not(.btn-quiet):not(.btn-danger):not(.btn-danger-soft):not(.btn-icon):not(.bar-save):not(.btn-accent):not(.btn-amber):hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}
body.app .btn:not(.btn-primary):not(.btn-quiet):not(.btn-danger):not(.btn-danger-soft):not(.btn-icon):not(.bar-save) .i{color:var(--k-blue)}
body.app .btn.is-copied,body.app .btn.is-copied:hover{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok-tx)}
/* a chosen quick button (TDEE, +2 weeks, a protein g/kg): a pale blue fill with a blue border */
body.app .btn[aria-pressed="true"]:not(.btn-primary){background:color-mix(in srgb,var(--k-blue) 12%,var(--surface));border-color:var(--k-blue);color:var(--k-blue-ink)}

/* ---- the save bar (the shared .sticky-actions: builders, patient form, labs, settings, admin forms): a navy bar like the
   sidebar, white type, so it stands apart from the white cards (owner 2026-10-30 "box ta indistinguishable" -> "navy bar");
   [2026-10-30, owner: "solid na baniye frosted glass"] the navy is translucent (--k-bar-glass) with the page blurred behind it;
   browsers without backdrop-filter keep the solid --k-bar (the @supports rule). Light mode (owner: a translucent navy over the
   white pages went slate-grey, "ash color valo lagena", and more see-through was wanted -> "G"): a deeper blue at 70% over a
   backdrop darkened by brightness(.35), so the mix stays navy while the page shows through; dark mode: the navy at 72%, the
   backdrop only blurred (--k-bar-backdrop) ---- */
body.app .sticky-actions{background:var(--k-bar-glass);-webkit-backdrop-filter:var(--k-bar-backdrop);backdrop-filter:var(--k-bar-backdrop);border-color:rgba(255,255,255,.14);color:#FFFFFF;box-shadow:0 8px 28px rgba(16,24,40,.22)}
@supports not (backdrop-filter:blur(1px)){body.app .sticky-actions{background:var(--k-bar)}}
body.app .sticky-actions :is(.bar-big,.bar-legend b,.bar-rx-count strong,strong){color:#FFFFFF}
body.app .sticky-actions :is(.bar-kcal .u,.bar-legend,.bar-legend .bar-lg-of,.bar-legend .bar-lg-of b,.bar-target,.bar-rx-count,.bar-big-oil .i,.adm-dim,.pf-actions-note,.pf-actions-note .i,.muted,.faint,.meta,small){color:rgba(255,255,255,.8)}
body.app .sticky-actions .bar-target{border-left-color:rgba(255,255,255,.25)}
body.app .sticky-actions .meter{background:rgba(255,255,255,.18)}
body.app .sticky-actions .btn-quiet{color:#FFFFFF}
body.app .sticky-actions .btn-quiet:hover{background:rgba(255,255,255,.1);color:#FFFFFF}
body.app .sticky-actions .btn-quiet .i,body.app .sticky-actions .bar-more>summary .bar-chev{color:rgba(255,255,255,.85)}
body.app .sticky-actions a:not(.btn){color:#FFFFFF}
@media (max-width:640px){body.app .sticky-actions{border-top:1px solid rgba(255,255,255,.12)}}