/* IAV ERP additions on top of iav-shell.css. Tokens only - no new colours. */

/* inputs the kit's rule misses: password boxes and inputs with no type attribute */
input:not([type]), input[type="password"], input[type="search"] {
  width: 100%; min-width: 0; padding: 8px 10px; font-size: 13.5px; font-family: inherit;
  color: var(--ink); background: var(--card); border: 1px solid var(--line); border-radius: 9px; outline: none;
}
input:not([type]):focus, input[type="password"]:focus { border-color: var(--navy-soft); box-shadow: 0 0 0 3px rgba(133,78,42,.14); }
input:disabled, select:disabled { background: var(--bg); color: var(--muted); }

.panel.pad { padding: 18px 22px; }
.panel + .panel, .twocol + .panel { margin-top: 16px; }
.twocol > .panel { margin-top: 0; }
.panel.narrow { max-width: 520px; }
.ph { margin: 0 0 10px; font-size: 14.5px; font-weight: 620; }
.twocol { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
@media (max-width: 1000px) { .twocol { grid-template-columns: minmax(0, 1fr); } }
.deptline { margin: 0 0 7px; font-size: 13px; color: var(--muted); line-height: 1.5; }
.deptline b { color: var(--ink); font-weight: 600; }
.prose ul { margin: 0 0 16px; padding-left: 18px; line-height: 1.7; font-size: 13.5px; }
.muted { color: var(--muted); font-size: 12.5px; margin: 0 0 10px; }
.err { color: var(--warn); font-size: 12.5px; margin: 4px 0 0; }
.actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px; }
.field { margin-bottom: 2px; }
.field > input, .field > select { margin-top: 0; }
label.chk { display: flex; align-items: center; gap: 8px; font-size: 13px; text-transform: none; letter-spacing: 0; font-weight: 450; color: var(--ink); }
form.inline { display: inline; }
td.pre { white-space: pre-line; color: var(--muted); font-size: 12.5px; }

/* messages from the server, as banners */
.banner.success { background: var(--ok-bg); border-color: var(--ok-line); color: var(--ok); }
.banner.error { background: var(--warn-bg); border-color: var(--warn-line); color: var(--warn); }

/* record card: personal right changes */
.diffrow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 6px 0; border-bottom: 1px solid var(--line); }
.diffrow .why { flex: 1; min-width: 0; font-size: 12.5px; color: var(--muted); }
.addiff { margin-top: 12px; }
.sheet-wrap .card form .grp { border-bottom: 1px solid var(--line); padding-bottom: 14px; }

/* rights grid: a level reads at a glance, and an unsaved change is marked */
table.rights select.lvl { width: auto; min-width: 74px; padding: 4px 6px; font-size: 12px; border-radius: 7px; }
table.rights select.lv0 { color: var(--faint); }
table.rights select.lv1 { background: var(--tint-go); color: var(--ink-go); }
table.rights select.lv2 { background: var(--tint-yes); color: var(--ink-yes); }
table.rights select.lv3 { background: var(--tint-hold); color: var(--ink-hold); }
table.rights select.changed { outline: 2px solid var(--navy-soft); outline-offset: 1px; }

/* sign-in page */
body.loginpage { display: flex; align-items: center; justify-content: center; padding: 16px; }
.loginbox { width: min(380px, 100%); background: var(--card); border: 1px solid var(--line); border-radius: 16px;
  padding: 28px 26px 22px; box-shadow: 0 1px 2px rgba(76,36,12,.04); text-align: left; }
.loginbox img { display: block; width: 120px; margin: 0 auto 10px; }
.loginbox h1 { margin: 0; text-align: center; font-size: 17.5px; font-weight: 620; color: var(--navy); }
.loginbox .sub { margin: 2px 0 18px; text-align: center; font-size: 12.5px; color: var(--muted); }
.loginbox .field { margin-bottom: 12px; }
.loginbox .btn.primary { width: 100%; padding: 10px; margin-top: 6px; font-size: 14px; }
.loginbox .foot { margin: 14px 0 0; font-size: 11.5px; color: var(--faint); text-align: center; }
.loginbox .err { margin: 0 0 12px; padding: 9px 11px; background: var(--warn-bg); border: 1px solid var(--warn-line); border-radius: 9px; }

/* ---- every screen size: iPhone, Android (Samsung, Oppo…), tablets, desktops ---- */
img, svg { max-width: 100%; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
/* touch screens: bigger targets (Apple and Google both ask for about 44px) */
@media (pointer: coarse) {
  .btn { min-height: 40px; }
  .btn.small { min-height: 34px; }
  .tab, .tabbar button, .chip { min-height: 36px; }
  .pgbar button { min-width: 38px; min-height: 38px; }
}
/* phones and small tablets */
@media (max-width: 900px) {
  /* iPhone Safari zooms into any box with text under 16px - stop that */
  input, select, textarea { font-size: 16px !important; }
  .content { padding: 18px 16px 48px; }
  .pagehead { flex-wrap: wrap; gap: 10px; padding: 14px 16px; }
  .counts { gap: 16px; flex-wrap: wrap; }
  .counts b { font-size: 20px; }
  .panel-head { padding: 14px 16px 10px; }
  .panel.pad { padding: 14px 16px; }
  .kv { grid-template-columns: 110px minmax(0, 1fr); }
  .actions { flex-wrap: wrap; }
  .actions .btn { flex: 1 1 auto; }
  .grp { padding-left: 16px; padding-right: 16px; }
  .backdrop .sheet { width: calc(100vw - 24px); max-height: calc(100vh - 24px); overflow-y: auto; }
  .bar { flex-wrap: wrap; }
  .bar .mnsearch { flex: 1 1 100%; }
}
@media (max-width: 480px) {
  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kpi b { font-size: 19px; }
  .counts div { min-width: 0; }
  .loginbox { padding: 22px 18px 18px; }
}
/* phones in landscape and anything very short: let the record card scroll */
@media (max-height: 520px) { .sheet-wrap .head, .sheet-wrap .foot { position: static; } }
/* printing a screen: just the content */
@media print {
  #console, .bar, .pgbar, .sheet-wrap, .backdrop { display: none !important; }
  .shell { margin: 0 !important; }
}
/* columns that can go on a phone; the full detail is in the record card */
@media (max-width: 600px) { .hide-sm { display: none; } }
/* wide rights grid: the screen name stays put while the roles scroll sideways */
table.rights th:first-child, table.rights td.mod { position: sticky; left: 0; z-index: 1; background: var(--card); min-width: 140px; }
table.rights tr.cat td { position: sticky; left: 0; }

/* ---- product master ---- */
.thumbcol { width: 56px; }
.thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 8px; border: 1px solid var(--line); display: block; background: var(--bg); }
.thumb.none { display: flex; align-items: center; justify-content: center; font-size: 9px; color: var(--faint); text-align: center; line-height: 1.1; }
.cardtop { display: flex; gap: 14px; align-items: flex-start; }
.cardtop > div { min-width: 0; }
.cardimg { width: 84px; height: 84px; object-fit: cover; border-radius: 10px; border: 1px solid var(--line); flex: none; }
.cardtop p { margin: 3px 0 0; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.cardtop .price { font-size: 15px; color: var(--navy); margin-left: 4px; font-variant-numeric: tabular-nums; }
.sheet-wrap .head .note { margin: 10px 0 0; padding: 8px 10px; background: var(--tint-hold); color: var(--ink-hold); border-radius: 8px; font-size: 12.5px; }
.ctabs { display: flex; gap: 2px; margin: 12px -4px -12px; flex-wrap: wrap; }
.ctabs button { background: none; border: 0; border-bottom: 2px solid transparent; padding: 8px 10px; font: inherit; font-size: 13px; color: var(--muted); cursor: pointer; }
.ctabs button.on { color: var(--navy); border-bottom-color: var(--navy); font-weight: 600; }
table.list.mini th, table.list.mini td { padding: 6px 10px; font-size: 12.5px; }
.histrow { padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 12.5px; }
.histrow .pre { white-space: pre-line; color: var(--muted); margin-top: 3px; }
.editform .panel + .panel { margin-top: 14px; }
.field.bad input, .field.bad select, .field.bad textarea { border-color: var(--warn); }
.actions.sticky { position: sticky; bottom: 0; background: var(--bg); padding: 12px 0; margin-top: 14px; border-top: 1px solid var(--line); z-index: 5; }
table.formrows input, table.formrows select { padding: 6px 8px; }
table.formrows td { vertical-align: top; }
.bar input:not([type]), .bar input[type="text"] { width: 190px; flex: 0 1 190px; }
.bar select { width: auto; flex: 0 1 auto; }
@media (max-width: 900px) { .bar input:not([type]), .bar select { flex: 1 1 140px; width: auto; } }
a.btn, a.btn:hover { text-decoration: none; }
input[type="url"] { width: 100%; min-width: 0; padding: 8px 10px; font-size: 13.5px; font-family: inherit;
  color: var(--ink); background: var(--card); border: 1px solid var(--line); border-radius: 9px; outline: none; }
table.products td .main { white-space: nowrap; }
@media (max-width: 480px) { table.products .thumbcol { display: none; } }

/* ---- e-commerce panel ---- */
.chanstrip { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 0 0 16px; }
.chanstrip .kpi b .of { display: inline; font-size: 12px; color: var(--muted); font-weight: 500; }
.redword { color: var(--warn); font-weight: 600; }
.okword { color: var(--ok); }
table.board th.cc, table.board td.cc { text-align: center; padding-left: 6px; padding-right: 6px; min-width: 98px; }
table.board td.prod { min-width: 200px; }
table.board td.prod .main { white-space: nowrap; }
.box { width: 100%; min-height: 40px; border-radius: 8px; border: 1px solid transparent; cursor: pointer; font: inherit;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; padding: 4px 6px; }
.box b { font-size: 11.5px; font-weight: 600; }
.box span { font-size: 11px; font-variant-numeric: tabular-nums; }
.box.ok { background: var(--tint-yes); color: var(--ink-yes); }
.box.wait { background: var(--tint-hold); color: var(--ink-hold); }
.box.bad { background: var(--tint-no); color: var(--ink-no); }
.box.off { background: var(--bg); color: var(--faint); border-color: var(--line); }
.box:hover { filter: brightness(.97); border-color: var(--navy-soft); }
.legend { display: flex; gap: 6px; flex-wrap: wrap; }
.gaprow { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 7px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.gaprow > span:first-child { flex: 1 1 160px; }
.gaprow .pts { color: var(--muted); font-variant-numeric: tabular-nums; min-width: 52px; text-align: right; }
.gaprow .miss { color: var(--muted); font-size: 12px; }
.gaprow form { margin: 0; }
.score { margin-left: 8px; color: var(--navy); }
ol.steps { margin: 0 0 12px; padding-left: 20px; line-height: 1.7; font-size: 13.5px; }
.backdrop .sheet p { font-size: 13px; line-height: 1.55; }
.panel.narrowish { max-width: 760px; }
details.stepform { margin: 8px 0; }
details.stepform > summary { list-style: none; display: inline-flex; }
details.stepform > summary::-webkit-details-marker { display: none; }
details.stepform form { margin-top: 10px; }
details.keepoff summary { cursor: pointer; color: var(--muted); font-size: 12.5px; }
.st.info { background: var(--tint-go); color: var(--ink-go); }
select[multiple] { min-height: 96px; }
.box.info { background: var(--tint-go); color: var(--ink-go); }
/* "information / not checked yet" - a quiet slate, so it never reads as copper (brand) or amber (attention) */
:root { --tint-info: #e9eef5; --ink-info: #3b4f66; }
.st.info, .box.info { background: var(--tint-info); color: var(--ink-info); }
.box.nodata, .st.nodata { background: var(--card); color: var(--muted); border: 1px dashed var(--line); }
.uploadbox { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 14px; border: 1px dashed var(--line); border-radius: 12px; background: var(--bg); margin: 8px 0 12px; }
.uploadbox input[type="file"] { flex: 1 1 240px; font: inherit; }
td.muted0 { color: var(--muted); font-size: 12.5px; max-width: 280px; }
/* score */
.scorepart { padding: 10px 0; border-bottom: 1px solid var(--line); }
.scorepart .sp-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13.5px; }
.scorepart .sp-bar { height: 8px; background: var(--bg); border-radius: 4px; margin: 6px 0 4px; overflow: hidden; }
.scorepart .sp-bar i { display: block; height: 100%; background: var(--fill-go); border-radius: 4px; }
.scorepart ul { margin: 4px 0 0; padding-left: 18px; font-size: 12.5px; color: var(--muted); line-height: 1.6; }
.twocol > div > .panel + .panel { margin-top: 16px; }
.report h2.ph { margin-top: 18px; }
.report h2.ph:first-child { margin-top: 0; }
.report ul { margin: 0; padding-left: 18px; line-height: 1.7; font-size: 13.5px; }
.bignum { font-size: 26px; font-weight: 650; color: var(--navy); margin: 0; }
.bignum small { font-size: 13px; color: var(--muted); font-weight: 500; }
label.fl { margin: 0 4px 0 0; }
/* deals */
.warnline { margin: 0 0 8px; padding: 8px 10px; background: var(--tint-hold); color: var(--ink-hold); border-radius: 8px; font-size: 12.5px; }
.monthname { font-size: 14px; color: var(--navy); min-width: 120px; text-align: center; }
.cal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-top: 12px; }
.cal-h { font-size: 10.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--faint); padding: 4px 6px; }
.cal-d { min-height: 92px; border: 1px solid var(--line); border-radius: 8px; padding: 5px 6px; background: var(--card); display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.cal-d.out { opacity: .45; }
.cal-d.win { background: #fdf6ea; }
.cal-d.today { border-color: var(--navy-soft); box-shadow: inset 0 0 0 1px var(--navy-soft); }
.cal-n { font-size: 11.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
.cal-f { font-size: 11px; font-weight: 650; color: var(--ink-hold); }
.cal-more { font-size: 10.5px; color: var(--muted); }
.chan { display: block; font-size: 10.5px; padding: 1px 5px; border-radius: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; color: var(--ink); background: var(--bg); }
.legend .chan { display: inline-block; }
.ch-amazon_in { background: #fde9c8; } .ch-flipkart { background: #dbe8fb; } .ch-website_in { background: #e4f6e7; }
.ch-website_com { background: #e9e4f6; } .ch-indiamart { background: #fbe1df; } .ch-alibaba { background: #fdeedd; }
.st.fest { background: var(--tint-hold); color: var(--ink-hold); } .st.festwin { background: #fdf6ea; color: var(--ink-hold); border: 1px solid var(--line); }
@media (max-width: 760px) { .cal-d { min-height: 64px; padding: 3px; } .chan { font-size: 9.5px; } .cal-f { font-size: 10px; } }
.reasonblock { border: 1px solid var(--line); border-radius: 10px; padding: 4px 12px 8px; margin-bottom: 10px; }
.sortform { margin-top: 4px; } .sortform select { width: auto; padding: 4px 8px; font-size: 12px; }
.photos { display: flex; gap: 8px; flex-wrap: wrap; }
.photos img, .photos .pdf { width: 96px; height: 96px; object-fit: cover; border-radius: 8px; border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; background: var(--bg); color: var(--muted); font-weight: 650; }
p.pre, dd.pre { white-space: pre-line; }
/* launches */
.dots { display: flex; gap: 3px; } .dots i { width: 10px; height: 10px; border-radius: 50%; background: var(--line); display: block; }
.dots i.d { background: var(--fill-yes); } .dots i.c { background: var(--fill-go); } .dots i.l { background: var(--warn); }
table.launchsteps tr.cur td { background: var(--pill); }
.skuform input { width: 150px; padding: 5px 8px; font-size: 12px; display: inline-block; }
/* delegation */
.bigbtns { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.bigbtns .btn { min-width: 120px; min-height: 44px; font-size: 14px; }
.commentbox { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 10px; }
.commentbox input[name="note"] { flex: 1 1 220px; }
.commentbox input[type="file"] { flex: 1 1 180px; font-size: 12px; }
.hi { color: var(--muted); font-size: 12.5px; }
tr.unread td { font-weight: 600; }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--fill-go); margin-right: 8px; }
/* the bell, top right on every page */
.bell { flex: none; align-self: flex-start; display: flex; align-items: center; gap: 6px; padding: 7px 11px;
  background: var(--card); border: 1px solid var(--line); border-radius: 999px; color: var(--ink); text-decoration: none; font-size: 13px;
  box-shadow: 0 1px 2px rgba(76,36,12,.06); }
.bell b { background: var(--warn); color: #fff; border-radius: 999px; padding: 1px 7px; font-size: 11px; }
@media print { .bell { display: none; } }
a.kpi { text-decoration: none; color: inherit; } a.kpi:hover { border-color: var(--navy-soft); }
.dlgstrip { margin-bottom: 16px; } .dlgstrip .kpis { margin: 0; }
/* founder's desk */
.capturebox textarea { width: 100%; font-size: 17px; padding: 14px; border-radius: 12px; border: 1px solid var(--line); min-height: 110px; }
.btn.big { min-width: 160px; min-height: 48px; font-size: 16px; }
.deskchips { margin: 6px 0 0; gap: 6px; } .deskchips .chip { cursor: default; font-size: 12px; padding: 3px 9px; }
.warnchip { background: var(--tint-hold); color: var(--ink-hold); border-color: transparent; } .urgentchip { background: var(--tint-no); color: var(--ink-no); border-color: transparent; }
.lastsaved { border-left: 3px solid var(--fill-go); }
.ideacard { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 10px 18px; border-top: 1px solid var(--line); }
.ideacard > div:first-child { flex: 1 1 300px; min-width: 0; }
.icef { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 12px; }
.icef select, .icef input { width: auto; padding: 4px 6px; font-size: 12px; }
.roadcols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1100px) { .roadcols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .roadcols { grid-template-columns: minmax(0, 1fr); } }
.roadcol { margin: 0 !important; max-height: 78vh; overflow-y: auto; }
.roadcard { margin: 0 12px 10px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; background: var(--card); }
.roadcard:hover { border-color: var(--navy-soft); } .roadcard.blocked { border-left: 3px solid var(--warn); }
.roadcard b { display: block; font-size: 13px; font-weight: 600; } .roadcard .sub { display: block; margin: 3px 0 6px; }
.pad { padding: 14px 18px; }
.meetcard { padding: 12px 18px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 6px; }
.meetcard textarea { width: 100%; }
.setupbox code { background: var(--bg); padding: 1px 6px; border-radius: 5px; font-size: 12px; word-break: break-all; }
.topbox { border-left: 3px solid var(--fill-go); margin-bottom: 16px; }
.toplist { margin: 0 0 8px; padding-left: 22px; columns: 2; column-gap: 32px; line-height: 1.9; font-size: 13.5px; }
@media (max-width: 760px) { .toplist { columns: 1; } }

/* Product Passport: product types and settings */
details.howto summary { cursor: pointer; font-size: 13.5px; }
details.howto .prose { margin-top: 10px; }
.tlist { padding: 4px 18px 10px; }
.tcard { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.tcard:last-child { border-bottom: 0; }
.tline { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.tline .main { font-weight: 620; color: var(--navy); text-decoration: none; }
.tline .sold { margin-left: auto; font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.tbody .sub { display: block; color: var(--muted); font-size: 12.5px; margin-top: 2px; }
.tbody .why { margin-top: 6px; font-size: 12.5px; padding: 5px 9px; border-radius: 8px; background: var(--tint-go); color: var(--ink-go); display: inline-block; }
.tbody .why.warn { background: var(--tint-no); color: var(--ink-no); }
.tbody .oldf { margin-top: 6px; font-size: 12px; color: var(--muted); line-height: 1.55; }
.tbody .oldf b { color: var(--ink); font-weight: 600; }
.tside { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; min-width: 120px; }
.tside .sub { font-size: 11.5px; color: var(--muted); }
.tbadge { font-size: 12px; font-weight: 650; padding: 3px 10px; border-radius: 999px; background: var(--pill); color: var(--navy); white-space: nowrap; }
.tbadge.none { background: var(--tint-hold); color: var(--ink-hold); }
.tform { grid-column: 1 / -1; background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; }
fieldset.q { border: 0; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
fieldset.q legend { font-size: 13px; font-weight: 620; margin-bottom: 6px; padding: 0; }
.qb { flex: 1 1 220px; display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 1.5px solid var(--line); border-radius: 10px; background: var(--card); cursor: pointer; font-size: 13.5px; text-transform: none; letter-spacing: 0; }
.qb input { position: absolute; opacity: 0; pointer-events: none; }
.qb span { font-size: 12px; color: var(--muted); font-weight: 450; }
.qb:has(input:checked), .qb.on { border-color: var(--navy); background: var(--pill); }
.tform .q[hidden] { display: none; }
.qb:has(input:focus-visible) { box-shadow: 0 0 0 3px rgba(133,78,42,.2); }
tr.offrow td { opacity: .55; }
details.sub-details { margin-top: 10px; font-size: 13px; }
details.sub-details summary { cursor: pointer; color: var(--navy); font-weight: 560; }
details.sub-details form { margin-top: 10px; }
.grid2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 14px; }
.grid2 .wide { grid-column: 1 / -1; }
.grid2 ul { list-style: none; margin: 4px 0 0; padding: 0; display: flex; gap: 12px; flex-wrap: wrap; font-size: 13px; }
@media (max-width: 700px) { .grid2 { grid-template-columns: minmax(0, 1fr); } .tcard { grid-template-columns: 44px minmax(0, 1fr); } .tside { grid-column: 2; align-items: flex-start; flex-direction: row; } }
.wordrow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 6px 0; border-bottom: 1px solid var(--line); }
.wordrow .en { min-width: 130px; }
.wordrow input:not([type=checkbox]) { width: 160px; flex: 0 1 160px; }
.wordrow.add { padding-bottom: 12px; margin-bottom: 6px; border-bottom: 2px solid var(--line); }
.wordrow select { width: auto; flex: 0 0 auto; }

/* Product Passport page, find page, my work, health */
.viewpick { display: flex; align-items: center; gap: 8px; } .viewpick label { font-size: 12px; color: var(--muted); }
.viewpick select { width: auto; }
.ptop { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 20px; padding: 18px 22px; }
.pphoto img { width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 12px; border: 1px solid var(--line); background: var(--bg); }
.thumb.none.big { width: 100%; height: auto; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }
.pinfo .badges { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.tbadge .ic { width: 14px; height: 14px; vertical-align: -2px; margin-right: 4px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.tbadge.sm { font-size: 11px; padding: 2px 8px; }
.typehelp { margin: 8px 0; font-size: 13px; color: var(--muted); }
.hindicard { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 12px; background: var(--pill); margin: 8px 0; }
.hindicard b { font-size: 22px; color: var(--navy); } .hindicard span { font-size: 13.5px; }
dl.facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px 16px; margin: 10px 0; }
dl.facts dt { font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); } dl.facts dd { margin: 2px 0 0; font-size: 13.5px; }
.ready { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; align-items: flex-start; }
.tick { font-size: 12.5px; font-weight: 600; padding: 4px 10px; border-radius: 999px; }
.tick.yes { background: var(--tint-yes); color: var(--ink-yes); }
details.tick.no { background: var(--tint-no); color: var(--ink-no); border-radius: 12px; }
details.tick.no summary { cursor: pointer; } details.tick.no ul { margin: 6px 0 2px; padding-left: 18px; font-weight: 450; }
.pactions { display: flex; gap: 8px; flex-wrap: wrap; align-items: flex-start; margin-top: 8px; }
.wrongbox summary { list-style: none; } .wrongbox summary::-webkit-details-marker { display: none; }
.wrongbox[open] { flex-basis: 100%; } .wrongbox form { margin-top: 8px; max-width: 520px; }
.ctabs.pt { margin: 0; padding: 4px 16px 0; border-bottom: 1px solid var(--line); }
.miss-n { display: inline-block; min-width: 18px; padding: 0 5px; border-radius: 999px; background: var(--tint-no); color: var(--ink-no); font-size: 11px; font-weight: 650; }
.ppane { padding: 14px 20px 18px; }
.ppane h3.ph { margin-top: 16px; font-size: 13.5px; }
.recipe { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin: 10px 0; }
.rtile { display: flex; flex-direction: column; gap: 3px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; color: var(--ink); background: var(--card); position: relative; }
.rtile img, .rtile .thumb { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 8px; background: var(--bg); }
.rtile .qty { position: absolute; top: 14px; right: 14px; background: var(--navy); color: #fff; border-radius: 999px; padding: 2px 9px; font-size: 13px; }
.rtile .rname { font-size: 13px; font-weight: 560; } .rtile .sub { font-size: 11.5px; color: var(--muted); }
.chiplist { display: flex; flex-wrap: wrap; gap: 6px; } .chip { padding: 3px 10px; border-radius: 999px; background: var(--pill); color: var(--navy); font-size: 12px; text-decoration: none; }
.chips-row { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 12px; } .chip.on { background: var(--navy); color: #fff; }
table.frows td { vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
table.frows .flabel { width: 34%; font-weight: 560; } table.frows .flabel .sub { display: block; font-weight: 400; color: var(--muted); font-size: 11.5px; margin-top: 2px; }
table.frows .fact { width: 1%; white-space: nowrap; text-align: right; }
tr.gaprow-red td { background: #fff8f7; }
.srcnote { display: block; font-size: 11px; color: var(--ink-hold); margin-top: 2px; }
.pre { white-space: pre-line; }
details.fform summary { list-style: none; display: inline-block; } details.fform summary::-webkit-details-marker { display: none; }
details.fform[open] { white-space: normal; text-align: left; }
details.fform form { display: flex; flex-direction: column; gap: 6px; min-width: 260px; margin-top: 8px; }
.certs { padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; margin-bottom: 12px; }
.certrow { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 6px 0; border-top: 1px solid var(--line); font-size: 13px; }
ul.plain { margin: 4px 0; padding-left: 18px; font-size: 13px; line-height: 1.6; }
.wrapbar { flex-wrap: wrap; } .wrapbar select { width: auto; }
.dlform textarea { width: 100%; margin: 6px 0; } .dlbtns { display: flex; gap: 8px; flex-wrap: wrap; }
.pgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 14px; padding: 16px; }
.pcard { display: flex; flex-direction: column; gap: 4px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; color: var(--ink); background: var(--card); }
.pcard:hover { border-color: var(--navy-soft); }
.pcard img, .pcard .thumb { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 8px; background: var(--bg); }
.pcard .pname { font-size: 13px; font-weight: 560; line-height: 1.3; } .pcard .sub { font-size: 11.5px; color: var(--muted); }
.pmeta { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 2px; }
.glossary { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-top: 16px; }
.glossary .gcard { margin-top: 0; } .gcard h2 .ic { width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.gex { display: flex; gap: 10px; align-items: center; text-decoration: none; color: var(--ink); font-size: 13px; }
.gex img { width: 90px; height: 90px; object-fit: contain; border-radius: 8px; border: 1px solid var(--line); background: var(--bg); }
.glist { padding: 4px 18px; }
.grow { display: grid; grid-template-columns: 48px minmax(0, 1fr) minmax(240px, 340px); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); align-items: start; }
.grow:last-child { border-bottom: 0; }
.gbody .sub { display: block; color: var(--muted); font-size: 12.5px; } .gwhat { margin-top: 4px; font-size: 13px; }
.gform { display: flex; gap: 6px; } .gform input, .gform select, .gform textarea { flex: 1 1 auto; min-width: 0; font-size: 15px; }
.gform .btn { flex: 0 0 auto; } .gside { display: flex; gap: 6px; margin-top: 6px; flex-wrap: wrap; }
input.small-in { width: 160px; display: inline-block; padding: 5px 8px; font-size: 12.5px; }
.reqrow { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.rulerow { display: grid; grid-template-columns: minmax(150px, 1.2fr) 170px minmax(160px, 2fr) minmax(120px, 1fr) auto auto auto; gap: 8px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.rlabel .sub { display: block; font-size: 11.5px; color: var(--muted); }
@media (max-width: 900px) {
  .ptop { grid-template-columns: minmax(0, 1fr); } .pphoto { max-width: 260px; }
  .grow { grid-template-columns: 44px minmax(0, 1fr); } .gfill { grid-column: 1 / -1; }
  .rulerow { grid-template-columns: minmax(0, 1fr); }
  table.frows .flabel { width: auto; } table.frows .fact { white-space: normal; }
}
.bgroup .bhead { display: flex; gap: 12px; align-items: center; margin-bottom: 8px; }
.bskus { display: flex; flex-wrap: wrap; gap: 4px 12px; max-height: 150px; overflow: auto; padding: 8px; border: 1px solid var(--line); border-radius: 10px; margin-bottom: 8px; }
.bskus .chk { font-size: 12px; }
.colpick { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 4px 12px; max-height: 260px; overflow: auto; padding: 8px; border: 1px solid var(--line); border-radius: 10px; }
.confirmbox { border-left: 4px solid var(--navy); } .confirmbox form { margin-right: 10px; }
.warnbox { border-left-color: var(--warn); }
.editphoto { float: right; display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 0 0 12px 18px; }
.editphoto img, .editphoto .thumb { width: 200px; height: 200px; object-fit: contain; border-radius: 12px; border: 1px solid var(--line); background: var(--bg); display: flex; align-items: center; justify-content: center; }
@media (max-width: 700px) { .editphoto { float: none; margin: 0 0 12px; } }

/* links in the IAV look: copper, no browser blue or visited purple (Virendra, 6 Oct 2026) */
.content a:not(.btn), .pagehead a:not(.btn):not(.bell) { color: var(--navy); text-decoration: none; font-weight: 550; }
.content a:not(.btn):visited, .pagehead a:not(.btn):not(.bell):visited { color: var(--navy); }
.content a:not(.btn):hover, .pagehead a:not(.btn):not(.bell):hover { text-decoration: underline; text-underline-offset: 2px; }
.content a.pcard, .content a.rtile, .content a.gex, .content a.chip { font-weight: inherit; text-decoration: none; }
.content a.chip { color: var(--navy); }
.crumbs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12.5px; color: var(--muted); margin-top: 4px; }
.crumbs .sep { opacity: .6; }
.crumbs .pillink { padding: 2px 10px; border-radius: 999px; background: var(--pill); }
.tcard .quick { grid-column: 2 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.sugs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.sugg { border: 1px solid var(--line); background: var(--card); color: var(--navy); border-radius: 999px; padding: 4px 10px; font: inherit; font-size: 12px; cursor: pointer; text-align: left; }
.sugg:hover, .sugg.on { background: var(--pill); border-color: var(--navy-soft); }
.gform { flex-wrap: wrap; } .gform .wide-sugs { flex-basis: 100%; }
.tagrow { margin: 6px 0 0; }
.mergetable .mcell { display: flex; gap: 10px; align-items: center; }
.mergetable .sub { display: block; font-size: 12px; color: var(--muted); }

/* IAV Care */
.redword { color: var(--warn); }
.badge { display: inline-block; font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 999px; background: var(--pill); color: var(--navy); }
.badge.b-internal { background: #eceef2; color: #3d4350; } .badge.b-open { background: var(--tint-hold); color: var(--ink-hold); }
.badge.b-careful { background: var(--tint-no); color: var(--ink-no); } .badge.b-b2b { background: var(--tint-go); color: var(--ink-go); }
.badge.b-order { background: var(--tint-yes); color: var(--ink-yes); }
.carecols { display: grid; grid-template-columns: 280px minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
.carecols > .panel { margin-top: 0; }
@media (max-width: 1200px) { .carecols { grid-template-columns: minmax(0, 1fr) 320px; } .carecols .ccard { grid-column: 1 / -1; } }
@media (max-width: 800px) { .carecols { grid-template-columns: minmax(0, 1fr); } }
.ccard .ordrow, .ordrow { padding: 6px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.ordrow .sub, .ccard .sub { display: block; color: var(--muted); font-size: 12px; }
.ordrow .lines { display: flex; flex-direction: column; gap: 4px; margin-top: 4px; } .ordrow .line { display: flex; gap: 8px; align-items: center; }
.orderbox { padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); margin-bottom: 10px; font-size: 13px; }
.prodrow { display: flex; gap: 10px; align-items: center; margin-top: 8px; flex-wrap: wrap; } .prodrow .sub { display: block; color: var(--muted); }
.photos { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; } .photos img, .photos .thumb { width: 96px; height: 96px; object-fit: cover; border-radius: 10px; border: 1px solid var(--line); }
.nextstep { margin: 12px 0; } .btn.big { padding: 12px 22px; font-size: 15px; }
ul.timeline { list-style: none; margin: 0; padding: 0; } ul.timeline li { padding: 8px 0 8px 12px; border-left: 2px solid var(--line); font-size: 13px; }
ul.timeline .when { color: var(--muted); font-size: 12px; } ul.timeline li.ev-msg_out { border-left-color: var(--navy); } ul.timeline li.ev-msg_in { border-left-color: var(--ink-go); }
ul.timeline li.ev-approval, ul.timeline li.ev-fix { border-left-color: var(--ink-hold); }
.noteform textarea { width: 100%; margin: 8px 0; }
.chelp details.reply { border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; margin-bottom: 8px; }
.chelp details summary { cursor: pointer; font-weight: 560; } .chelp textarea { width: 100%; margin: 6px 0; }
.fixrow { border-bottom: 1px solid var(--line); padding: 8px 0; } .fixform { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.fixform label { font-size: 12px; text-transform: none; letter-spacing: 0; }
.tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; margin-bottom: 10px; }
.tile { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 1.5px solid var(--line); border-radius: 10px; background: var(--card); cursor: pointer; font-size: 13px; text-transform: none; letter-spacing: 0; }
.tile input { position: absolute; opacity: 0; pointer-events: none; } .tile.on, .tile:has(input:checked) { border-color: var(--navy); background: var(--pill); }
.tile .sub { color: var(--muted); font-size: 12px; }
.tops { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.topbtn { padding: 12px 16px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--card); font: inherit; font-weight: 600; cursor: pointer; }
.topbtn.on { border-color: var(--navy); background: var(--pill); color: var(--navy); }
.kids { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; } .qb.on { border-color: var(--navy); background: var(--pill); }
.mobileform { max-width: 640px; } .scanrow { display: flex; gap: 8px; } .scanrow input { flex: 1 1 auto; font-size: 16px; }
#cam { width: 100%; max-height: 320px; border-radius: 12px; margin-top: 10px; background: #000; }
.itemrow { display: grid; grid-template-columns: minmax(0, 2fr) 64px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; margin-bottom: 6px; }
@media (max-width: 600px) { .itemrow { grid-template-columns: minmax(0, 1fr) 64px; } }
.threadrow { display: block; padding: 12px 18px; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.threadrow .sub { display: block; color: var(--muted); font-size: 12.5px; margin-top: 2px; }
.chat { display: flex; flex-direction: column; gap: 8px; } .bubble { max-width: 75%; padding: 8px 12px; border-radius: 12px; font-size: 13.5px; }
.bubble.in { align-self: flex-start; background: var(--bg); border: 1px solid var(--line); } .bubble.out { align-self: flex-end; background: var(--pill); }
.bubble .sub { display: block; font-size: 11px; color: var(--muted); margin-top: 4px; }
tr.t-red td:first-child { box-shadow: inset 3px 0 0 var(--warn); } tr.t-amber td:first-child { box-shadow: inset 3px 0 0 var(--ink-hold); }
input.wide-in { flex: 1 1 320px; width: auto; }
/* stock on the product master (6 Oct 2026) */
.banner.stock-todo ul{margin:.4rem 0 0 1.1rem;padding:0}
.banner.stock-todo li{margin:.15rem 0}
.stockline{margin:.3rem 0 0}
/* stock uploads (7 Oct 2026) */
.srchead{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}
.srcstate{text-align:right}.srcstate small{display:block;margin-top:.3rem;color:var(--muted,#7a6a5a)}
.srccard .two{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media (max-width:800px){.srccard .two{grid-template-columns:1fr}.srcstate{text-align:left}}
.ownerform{margin-top:.8rem;padding-top:.8rem;border-top:1px dashed rgba(0,0,0,.12);display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.stock-kpis{flex-wrap:wrap}.stock-kpis .kpi small{display:block;color:var(--muted,#7a6a5a)}
.stocktab{margin:.4rem 0;max-width:360px}.stocktab td{padding:.2rem .5rem}
.ownerform label{display:inline-flex;gap:.4rem;align-items:center;margin:0}
.ownerform select{width:auto;min-width:12rem}
.uploadbox label{display:inline-flex;gap:.4rem;align-items:center}
.panel form.ownerform{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.panel form.ownerform label{display:inline-flex;gap:.4rem;align-items:center;width:auto}
.panel form.ownerform select{width:auto;min-width:12rem;flex:none}
.panel form.packedform{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.panel form.packedform input,.panel form.packedform select{width:auto;flex:1 1 9rem;min-width:8rem}
.panel form.packedform input[name=sku]{flex:2 1 14rem}
/* bundle maker (7 Oct 2026) */
.bfields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.8rem}.bfields label,.bnums label,label.full{display:flex;flex-direction:column;gap:.25rem;font-size:13px}
@media (max-width:800px){.bfields{grid-template-columns:1fr}}
.bsearch{margin-top:.9rem;position:relative}.bsearch #q{width:100%;padding:10px 12px;font-size:15px}
.bhits{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.5rem;margin-top:.5rem}
.bhit{display:flex;gap:.6rem;align-items:center;text-align:left;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:.4rem;cursor:pointer;font:inherit}
.bhit:hover{border-color:#854e2a}.bhit img,.bhit .thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:none}.bhit em{margin-left:auto;font-style:normal;font-weight:600}
.blines{display:flex;flex-direction:column;gap:.8rem;margin:.8rem 0}
.bline{display:grid;grid-template-columns:220px 1fr auto;gap:1rem;align-items:center;padding:.8rem}
.bimg img,.bimg .thumb{width:220px;height:220px;object-fit:contain;background:#faf6f1;border-radius:12px;display:flex;align-items:center;justify-content:center}
.binfo{display:flex;flex-direction:column;gap:.3rem}.binfo .main{font-size:16px}
.bnums{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.bnums input{width:100%}.ltotal{font-weight:700;font-size:16px}
@media (max-width:800px){.bline{grid-template-columns:1fr}.bimg img,.bimg .thumb{width:100%;height:260px}}
.bactions{display:flex;gap:.6rem;margin-top:.8rem}.bcreate{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(0,0,0,.15);display:flex;flex-direction:column;gap:.5rem;max-width:520px}
.bundlegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}
.bcard{display:flex;flex-direction:column;gap:.3rem;padding:.8rem;text-decoration:none;color:inherit}.bcard:hover{border-color:#854e2a}
.bthumbs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.bthumbs img{width:100%;height:90px;object-fit:cover;border-radius:6px}.bprice{font-size:18px;font-weight:700}
.tabsrow{display:flex;gap:.4rem;margin:.6rem 0}.tabsrow .tab{padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(0,0,0,.12);text-decoration:none;color:inherit}.tabsrow .tab.on{background:#3b2416;color:#fff}
/* payroll settings (7 Oct 2026) */
details.chg summary{list-style:none;cursor:pointer}details.chg summary::-webkit-details-marker{display:none}
.chgform{display:grid;gap:.5rem;min-width:300px;padding:.8rem;margin-top:.4rem;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#fffdf9}
.chgform label{display:flex;flex-direction:column;gap:.2rem;font-size:13px}.chgform label.check{flex-direction:row;align-items:center}
tr.hist td{padding-top:0;border-top:none}
/* payroll people (7 Oct 2026) */
.empform .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem 1rem;margin-bottom:.6rem}
@media (max-width:900px){.empform .grid3{grid-template-columns:1fr}}
.empform label{display:flex;flex-direction:column;gap:.25rem;font-size:13px}.empform .err{color:#b42318;font-size:12px}
.empform .checks{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:.3rem 0 .8rem}.empform label.check{flex-direction:row;align-items:center;gap:.4rem}
.banner a.on{font-weight:700;text-decoration:underline}
/* payroll month */
.pm-steps{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:900px){.pm-steps{grid-template-columns:1fr}}
.pm-grid th.num,.pm-grid td.num{padding-left:4px;padding-right:4px;min-width:26px}
.pm-grid tr.tot td{border-top:2px solid var(--line,#e5e7eb)}
.pm-days tr.dec-WO td,.pm-days tr.dec-HO td,.pm-days tr.dec-NE td{background:#f7f7f9}
.pm-days tr.dec-A td,.pm-days tr.dec-SD td,.pm-days tr.dec-LWP td{background:#fff6f5}
.pm-days .ovr{display:flex;flex-direction:column;gap:4px;min-width:200px;margin-top:4px}
.pm-days summary.link{cursor:pointer;color:var(--navy);font-size:12.5px}
b.bad{color:#b42318}
td.miss{max-width:320px}td.miss .st{margin:1px 0;white-space:normal}
td.pts{max-width:360px}td.pts .st{white-space:normal;margin:1px 0;display:inline-block}
details.pt{display:inline-block;margin:1px 2px 1px 0}details.pt summary{list-style:none;cursor:pointer}details.pt summary::-webkit-details-marker{display:none}
.ptmenu{display:flex;flex-direction:column;gap:4px;padding:6px;margin-top:4px;background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.08);min-width:230px}
.ptmenu form{margin:0}.btn.mini{font-size:12px;padding:4px 9px;width:100%;text-align:left}
td.bonus{max-width:190px}td.bonus .sub{font-size:11.5px}
.sal details summary{cursor:pointer;list-style:none}.sal details summary::-webkit-details-marker{display:none}
ul.working{margin:6px 0 4px 16px;padding:0;font-size:12.5px;color:var(--muted);max-width:520px}ul.working li{margin:2px 0}
.salkpi{grid-template-columns:repeat(5,minmax(0,1fr))}.salkpi small{display:block;font-size:11.5px;color:var(--muted)}
@media (max-width:900px){.salkpi{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sal th.grp{text-align:center;border-bottom:1px solid var(--line,#e5e7eb)}.sal tr.tot td{border-top:2px solid var(--line,#e5e7eb)}
/* in-page confirms (8 Oct 2026): tick-to-confirm box and the two-tap button */
label.sure{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 10px;border:1px dashed var(--warn-line,#e0a43a);border-radius:9px;background:var(--warn-bg,#fff6e5);cursor:pointer;min-height:36px}
label.sure input{width:18px;height:18px;margin:0;flex:0 0 auto}
label.sure.sure-flash{outline:2px solid var(--warn,#b42318);outline-offset:2px}
.btn.armed,button.armed{background:var(--warn,#b42318)!important;border-color:var(--warn,#b42318)!important;color:#fff!important}
.inline-msg{margin-top:8px;padding:10px 12px;border-radius:10px;background:#fde8e7;border:1.5px solid #d9534f;color:#7a1712;font-size:15px}