/* ══════════════════════════════════════════════════════════════════════════
   /ai/aireq/features/ — the capability reference.
   Every drawing here is built from the kit's drawn-UI parts (.ui, .ui-row,
   .ui-pill) plus the few pieces below. All content in them is invented, and
   no drawing shows a score as a value.
   ══════════════════════════════════════════════════════════════════════════ */

.aq-feat{padding-top:72px}
@media (max-width:991px){.aq-feat{padding-top:40px}}

/* shared pin: ties a region of the page to the fields read from it */
.aq-pin{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;
  border-radius:50%;background:var(--g);color:#fff;font:600 10.5px/1 var(--sans);font-style:normal}
.aq-pin--none{visibility:hidden}
.aq-hand{font-family:var(--hand);font-style:normal;font-weight:500;font-size:19px;line-height:1;
  color:#1E3A8A;letter-spacing:0}

/* ── DOCUMENT INTAKE: the page and the drafted order ─────────────────────── */
.aq-art--req{padding:44px 40px}
.aq-req{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:44px;align-items:center}

.aq-sheet__brand{font-family:var(--serif);font-size:22px;color:#2A2A2A;letter-spacing:-.01em}
.aq-sheet__sub{font-size:9.5px;color:#7A7466;margin:3px 0 14px;padding-bottom:10px;border-bottom:1px solid #E5E0D3}
.aq-sheet__blk{position:relative;padding:9px 12px 8px;margin:0 0 12px;border-radius:6px}
.aq-sheet__blk--hi{background:rgba(0,168,45,.07);outline:1.5px solid rgba(0,168,45,.45)}
.aq-sheet__blk>.aq-pin{position:absolute;left:-9px;top:-9px}
.aq-sheet__line{display:flex;align-items:baseline;gap:8px;padding:4px 0;border-bottom:1px solid rgba(14,14,14,.08);
  font-size:11px;min-width:0}
.aq-sheet__line:last-child{border-bottom:0}
.aq-sheet__line span{color:#8A8475;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;flex:none}
.aq-sheet__line b{font-weight:500;color:#222;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-sheet__line em+span{margin-left:10px}
.aq-sheet__line--hand{padding:6px 0}
.aq-card__payer{font-size:10.5px;font-weight:600;color:#25406B;margin-bottom:8px}
.aq-card__row{display:flex;align-items:baseline;gap:10px;padding:3px 0;font-size:11px}
.aq-card__row span{color:#6B7FA0;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;width:52px;flex:none}
.aq-card__row b{font-weight:500;color:#25406B;font-size:11px}
.aq-card__row .aq-hand{font-size:18px}

.aq-order{box-shadow:0 30px 60px -36px rgba(15,23,42,.35),0 0 0 1px rgba(0,168,45,.10)}
.aq-order__pill{margin-left:auto}
.aq-order__body{padding:6px 16px 4px}
.aq-band{padding:10px 0 8px;border-bottom:1px solid #F0F2F0}
.aq-band:last-child{border-bottom:0}
.aq-band__h{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:9.5px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
.aq-band__h .aq-pin{width:16px;height:16px;font-size:9.5px}
.aq-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.aq-c{position:relative;grid-column:span 2;min-width:0;padding:7px 10px 8px;border:1px solid var(--line2);
  border-radius:8px;background:#fff}
.aq-c.w4{grid-column:span 4}
.aq-c span{display:block;font-size:8.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
  color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-c b{display:block;margin-top:3px;font-size:11.5px;font-weight:600;color:var(--ink);letter-spacing:-.005em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.aq-c.is-flag{border-color:var(--amber-line);background:var(--amber-bg)}
.aq-c.is-flag b{padding-right:16px}
.aq-c__f{position:absolute;right:8px;bottom:9px;width:12px;height:12px;fill:#D99A21;stroke:#B7791F;stroke-width:1.5}
.aq-order__foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px 12px;
  border-top:1px solid var(--line2);background:#FBFCFB;font-size:10px;color:var(--faint)}
.aq-order__foot .aq-mono{font-size:9.5px;letter-spacing:.06em;margin-right:auto}
.aq-legend{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:500;color:var(--muted2)}
.aq-legend .aq-pin{width:14px;height:14px;font-size:8.5px}
.aq-legend--flag i{display:inline-block;width:16px;height:6px;border-radius:3px;background:#E9B44C}

@media (max-width:1100px){.aq-req{gap:28px}}
@media (max-width:991px){
  .aq-art--req{padding:22px 14px}
  .aq-req{grid-template-columns:1fr;gap:26px}
}
@media (max-width:575px){
  .aq-cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aq-c,.aq-c.w4{grid-column:span 2}
  .aq-c.w2{grid-column:span 1}
  .aq-order__foot .aq-mono{flex-basis:100%}
}

/* ── REVIEW ───────────────────────────────────────────────────────────────── */
.aq-rev{max-width:520px;margin:0 auto}
.aq-rev__body{padding:8px 14px 10px}
.aq-rev__hd{display:grid;grid-template-columns:96px 1fr 22px;gap:14px;padding:4px 4px 8px;font-size:9px;
  font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
.aq-rev__row{display:grid;grid-template-columns:96px 1fr 22px;gap:14px;align-items:center;padding:9px 4px;
  border-top:1px solid #F0F2F0}
.aq-rev__row>div span{display:flex;align-items:center;gap:8px;font-size:9.5px;color:var(--faint)}
.aq-rev__row>div b{display:block;margin-top:2px;font-size:12px;font-weight:600;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-rev__row.is-flag{background:var(--amber-bg);border-radius:8px;border-top-color:transparent;
  box-shadow:inset 0 0 0 1px var(--amber-line)}
.aq-rev__row.is-flag+.aq-rev__row{border-top-color:transparent}
.aq-thumb{display:flex;align-items:center;height:34px;padding:0 8px;border-radius:5px;overflow:hidden;
  background:#FFFEFB;border:1px solid #E7E3D8;font-style:normal;transform:rotate(-1.2deg);
  box-shadow:0 6px 12px -8px rgba(15,23,42,.3)}
.aq-thumb b{font-size:9.5px;font-weight:500;color:#333;white-space:nowrap}
.aq-thumb .aq-hand{font-size:16px;white-space:nowrap}
.aq-rev .aq-check{justify-self:end}
.aq-rev__foot{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--line2);
  background:#FBFCFB;font-size:11px;color:var(--muted2)}
.aq-rev__foot .ui-av{font-style:normal}
.aq-rev__btn{margin-left:auto;padding:6px 12px;border-radius:99px;background:#E6EAE6;color:#8A938B;
  font-size:11px;font-weight:600;white-space:nowrap}
@media (max-width:575px){
  .aq-rev__hd,.aq-rev__row{grid-template-columns:74px 1fr 18px;gap:10px}
  .aq-rev__foot span{font-size:10px}
}

/* ── WHAT IT ACCEPTS ──────────────────────────────────────────────────────── */
.aq-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.aq-docs li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line2);
  border-radius:12px;background:#fff;font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--ink);
  box-shadow:var(--sh-flat)}
.aq-docs i{width:34px;height:34px;flex:none;border-radius:9px;background:var(--gsoft);color:var(--gi);
  display:flex;align-items:center;justify-content:center}
.aq-docs svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;
  stroke-linejoin:round}

/* ── SCAN TO EMAIL ────────────────────────────────────────────────────────── */
.aq-log,.aq-batch,.aq-map{max-width:560px;margin:0 auto}
.aq-log__addr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;
  padding:9px 11px;border-radius:var(--r-xs);background:#F6F8F6;border:1px dashed #D6DCD6}
.aq-log__addr .aq-mono{font-size:11.5px;color:var(--ink)}
.aq-log__t{flex:none;width:38px;font-size:10.5px;color:var(--faint)}
.aq-log__kept{margin:12px 2px 0;font-size:10.5px;line-height:1.45;color:var(--faint)}

/* ── BATCH ────────────────────────────────────────────────────────────────── */
.aq-batch__meter{display:flex;align-items:center;gap:10px;margin:2px 0 14px}
.aq-batch__meter .aq-mono{font-size:10.5px;color:var(--faint)}
.aq-batch__held{border-style:dashed;background:#FAFBFA}
.aq-batch__held .ui-av{background:#F1F3F1;color:#5C655C}
.aq-batch .ui-av,.aq-map .ui-av{font-style:normal}

/* ── INSIDE THE LIS ───────────────────────────────────────────────────────── */
.aq-map__hd{display:grid;grid-template-columns:minmax(0,.9fr) 22px minmax(0,1.3fr);gap:10px;padding:0 4px 8px;
  font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}
.aq-map__row{display:grid;grid-template-columns:minmax(0,.9fr) 22px minmax(0,1.3fr);gap:10px;align-items:center;
  padding:9px 4px;border-top:1px solid #F0F2F0}
.aq-map__row>b{font-size:10.5px;font-weight:500;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-map__a{color:var(--gi);display:flex}
.aq-map__a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aq-map__row>div b{display:block;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-map__row>div span{display:block;font-size:9.5px;color:var(--g);margin-top:1px}
.aq-map__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line2)}
.aq-bound{margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line2);font-size:14px;line-height:1.5;color:var(--muted)}
.aq-bound .cr-link{font-size:14px}

/* ── ANY OTHER LIS ────────────────────────────────────────────────────────── */
.aq-out{display:grid;grid-template-columns:1fr;gap:10px;margin:26px 0 0}
.aq-out>div{padding:14px 16px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.03)}
.aq-out dt{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}
.aq-out dt svg{width:16px;height:16px;fill:none;stroke:var(--g2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aq-out dd{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.62)}
.aq-out__not{border-style:dashed!important;background:transparent!important}
.aq-out__not dt{color:rgba(255,255,255,.7)}
.aq-out__not dt svg{stroke:rgba(255,255,255,.45)}

/* ── BY LAB TYPE ──────────────────────────────────────────────────────────── */
.aq-lab .cr-chip{margin-bottom:22px}
.aq-lab .aq-tile__h{font-size:28px}
.aq-lab{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.aq-lab:hover{transform:translateY(-4px);border-color:rgba(0,168,45,.3);box-shadow:var(--sh-lift)}

/* ── TRY IT ───────────────────────────────────────────────────────────────── */
.aq-try{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;border:0;
  padding:44px 48px;background:radial-gradient(100% 140% at 0% 0%,#28BE56 0%,#00A62F 55%,#078A27 100%);color:#fff}
.aq-try .cr-tag{background:rgba(255,255,255,.16);color:#fff}
.aq-try .aq-tile__h,.aq-try .aq-tile__h em{color:#fff}
.aq-try .aq-tile__h em{opacity:.82}
.aq-try .aq-tile__p{color:rgba(255,255,255,.86)}
.aq-try__txt{flex:1 1 460px;min-width:0}
.aq-try__act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}
.aq-try .cr-btn--ghost{border-color:rgba(255,255,255,.6)}
.aq-try__how{flex-basis:100%;font-size:14px;font-weight:500;color:#fff;text-decoration:none;opacity:.9}
.aq-try__how:hover{opacity:1;text-decoration:underline}
@media (max-width:991px){.aq-try{padding:30px 24px}}

/* ── SECURITY BAND ────────────────────────────────────────────────────────── */
.aq-secband .cr-head{margin-bottom:0}
.aq-secband__go{margin:26px 0 0}
.aq-secband__go .cr-link{font-size:16px}

/* ── fixes after first render ─────────────────────────────────────────────── */
.aq-rev__hd,.aq-rev__row{grid-template-columns:96px minmax(0,1fr) 58px}
.aq-rev__hd span:last-child{text-align:right}
@media (max-width:575px){.aq-rev__hd,.aq-rev__row{grid-template-columns:74px minmax(0,1fr) 50px}}
/* the formats fill their panel instead of floating in the middle of it */
#documents .aq-art{align-items:stretch}
.aq-docs{grid-auto-rows:1fr;align-content:stretch}
.aq-docs li{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px}
@media (max-width:991px){.aq-docs li{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:12px 14px}}
/* ghost button on the green band: the kit's light-section ghost rule out-ranks it */
.cr-sec .aq-try .cr-btn--ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.62)}
@media (max-width:575px){
  .aq-c.is-flag{grid-column:span 2!important}
  .aq-rev__row>div b{white-space:normal}
  .aq-rev__row .aq-flag{font-size:0;gap:0}
}


/* ── DOCUMENT INTAKE, rebuilt 4 Oct ───────────────────────────────────────────
   What arrived: one faxed page, rotated as a single piece (its strip, body and paper
   used to rotate separately and drift apart), sized to its content rather than
   stretched to the order's height, with the licence and insurance card fanned over
   its foot. Markers: 1 patient, 2 identifiers (licence), 3 order + clinical, 4 insurance. */
.aq-src{position:relative;padding:4px 10px 0 6px}
.aq-paper{position:relative;background:#FFFEFB;border:1px solid #E7E3D8;border-radius:4px;
  box-shadow:0 30px 50px -30px rgba(15,23,42,.38),0 2px 0 rgba(15,23,42,.03);transform:rotate(-1.4deg);
  padding-bottom:58px}
.aq-paper__fax{padding:9px 18px;border-bottom:1px dashed #CFCABD;background:rgba(14,14,14,.035);font-size:10.5px;color:#6B6455;
  border-radius:4px 4px 0 0}
.aq-paper__body{padding:16px 22px 0}
.aq-cards{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:-50px 0 0;padding:0 2px}
.aq-idcard,.aq-card{position:relative;padding:12px 14px 11px;border-radius:12px;box-shadow:0 22px 36px -22px rgba(15,23,42,.45)}
.aq-idcard{background:linear-gradient(150deg,#F7F7F2,#ECEDE4);border:1px solid #DADBCF;transform:rotate(-4deg) translateY(6px)}
.aq-card{background:linear-gradient(150deg,#F3F8FF,#E7F0FB);border:1px solid #CFDDF0;transform:rotate(3.5deg)}
.aq-idcard>.aq-pin,.aq-card>.aq-pin{position:absolute;left:-8px;top:-8px}
.aq-idcard__h{font-size:9.5px;font-weight:600;letter-spacing:.08em;color:#5F6150;margin-bottom:8px}
.aq-idcard__in{display:flex;gap:10px;align-items:center}
.aq-idcard__ph{flex:none;width:34px;height:42px;border-radius:5px;background:linear-gradient(180deg,#D9DACD,#C6C8B8)}
.aq-idcard__in b{display:block;font-size:11px;font-weight:600;color:#33352B}
.aq-idcard__in span{display:block;font-size:9.5px;color:#6E7062;margin-top:2px;white-space:nowrap}
.aq-card__payer{margin-bottom:6px}
.aq-card__row .aq-hand{font-size:17px}
@media (max-width:991px){
  .aq-src{max-width:460px;width:100%;justify-self:center}
}
@media (max-width:575px){
  .aq-paper__body{padding:14px 16px 0}
  .aq-cards{grid-template-columns:1fr;gap:12px;margin-top:-44px;padding:0 14px}
  .aq-idcard{transform:rotate(-2.5deg)}
  .aq-card{transform:rotate(2deg)}
}
.aq-paper__fax{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── The requisition itself (4 Oct, v3) ───────────────────────────────────────
   Drawn like a real US lab requisition, modelled on sample-trfs/04-us-clinical:
   printed caps labels, black section bars, boxed fields, a test menu of checkboxes
   with CPT codes, a barcode, a signature line. Blue-ink handwriting and ticks fill it
   in; a faint scanline texture says it came through a fax. All content invented. */
.aq-trf{padding-bottom:30px;font-family:Arial,Helvetica,sans-serif;color:#111;background:#FCFCF9}
.aq-trf::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:4px;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.022) 0 1px,transparent 1px 3px)}
.aq-trf__body{padding:11px 13px 0}
.aq-trf__head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:1.5px solid #111;
  padding-bottom:7px;margin-bottom:8px}
.aq-trf__lab{display:flex;gap:7px;align-items:center;min-width:0}
.aq-trf__logo{flex:none;width:22px;height:22px;border:1.2px solid #111;display:flex;align-items:center;justify-content:center;
  font-size:8px;font-weight:800}
.aq-trf__lab div{min-width:0}
.aq-trf__lab b{display:block;font-size:10.5px;font-weight:800;white-space:nowrap}
.aq-trf__lab span{display:block;font-size:6px;color:#444;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-trf__title{text-align:right;flex:none}
.aq-trf__title b{display:block;font-size:7.5px;font-weight:800;letter-spacing:.12em}
.aq-trf__bar{display:block;width:84px;height:14px;margin:3px 0 1px auto;
  background:repeating-linear-gradient(90deg,#111 0 1px,transparent 1px 2.5px,#111 2.5px 4px,transparent 4px 5px,#111 5px 5.6px,transparent 5.6px 7px)}
.aq-trf__title .aq-mono{font-size:6.5px;color:#333;letter-spacing:.1em}
.aq-trf__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.aq-trf__sec{position:relative;border:1.1px solid #111;border-radius:2px;padding:0 6px 5px;min-width:0}
.aq-trf__sec h6{margin:0 -6px 4px;padding:2px 6px;background:#111;color:#fff;font:800 6px/1.45 Arial,Helvetica,sans-serif;
  letter-spacing:.12em;white-space:nowrap;overflow:hidden}
.aq-trf__sec>.aq-pin{position:absolute;right:-8px;top:-8px;z-index:2}
.aq-trf__sec--t{grid-column:1/-1}
.aq-trf__f{min-width:0;border-bottom:.8px solid #555;padding-top:2px;margin-bottom:3px}
.aq-trf__f>span{display:block;font-size:5.6px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#333;
  white-space:nowrap;overflow:hidden}
.aq-trf__f .aq-hand{display:block;font-size:14.5px;line-height:15px;white-space:nowrap;overflow:hidden}
.aq-trf__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.aq-trf__cbs{display:flex;flex-wrap:wrap;gap:2px 7px;padding:2px 0}
.aq-trf__f .aq-trf__cbs{padding:3px 0 2px}
.aq-cb{display:inline-flex;align-items:center;gap:3px;font-size:6.4px;color:#222;white-space:nowrap}
.aq-cb>i{position:relative;width:6.5px;height:6.5px;border:.9px solid #222;flex:none}
.aq-tk{position:absolute;left:-2px;top:-5px;width:11px;height:11px;fill:none;stroke:#1E3A8A;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.aq-trf__tests{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.aq-trf__tests>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.aq-trf__tests b{font-size:5.8px;font-weight:800;letter-spacing:.08em;color:#111;margin-top:2px;padding:1px 3px;background:#E6E6E2}
.aq-trf__dx{font-size:13px;line-height:13px}
.aq-trf__sign{display:grid;grid-template-columns:auto minmax(0,1fr) auto 46px;gap:6px;align-items:end;margin-top:9px}
.aq-trf__sign span{font-size:5.6px;font-weight:700;text-transform:uppercase;color:#333;padding-bottom:2px}
.aq-trf__sign .aq-hand{font-size:16px;line-height:16px;border-bottom:.8px solid #555}
/* the licence lies over the form's lower-right corner, clear of the signature */
.aq-cards{grid-template-columns:minmax(0,.52fr);justify-content:end;margin-top:-26px;padding-right:0}
@media (max-width:575px){
  .aq-trf__body{padding:10px 9px 0}
  .aq-trf__lab span{display:none}
  .aq-cards{grid-template-columns:minmax(0,.7fr);margin-top:-20px;padding:0}
}
/* give the requisition the same weight as the order it becomes */
@media (min-width:992px){
  .aq-req{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
  .aq-src{zoom:1.16}
}
.aq-trf__cbs{gap:2px 10px}
/* on a phone the form is drawn at desktop proportions and scaled to fit, like a photo
   of a page, rather than reflowed into something no requisition looks like */
@media (max-width:575px){.aq-src{zoom:.8}}
@media (max-width:440px){.aq-src{zoom:.68}}

/* ══════════════════════════════════════════════════════════════════════════
   PORTAL SCREENS (4 Oct, v2). The tiles draw the real AiReq portal (Crelio AI
   Platform), cropped: its app bar and breadcrumbs, mono field keys, outlined
   status chips, the green action button. Wording, statuses, field keys and API
   paths are the product's own (apps/ai-portal, api-gateway); data is invented.
   ══════════════════════════════════════════════════════════════════════════ */
.aq-app{width:100%;max-width:560px;margin:0 auto;background:#fff;border:1px solid #E4E7E4;border-radius:12px;
  box-shadow:0 24px 44px -28px rgba(15,23,42,.35);overflow:hidden;font:400 11px/1.4 var(--sans);color:#111}
.aq-app__bar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #EDEFED;background:#fff;min-width:0}
.aq-app__logo{flex:none;width:16px;height:16px;border-radius:4px;background:#1C9323;display:flex;align-items:center;justify-content:center}
.aq-app__logo svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.aq-app__crumbs{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;color:#555;white-space:nowrap;overflow:hidden}
.aq-app__crumbs i{font-style:normal;color:#AAA}
.aq-app__crumbs b{font-weight:500;color:#111;font-size:10.5px}
.aq-app__btn{flex:none;margin-left:auto;padding:5px 10px;border-radius:4px;background:#1C9323;color:#fff;font-size:10.5px;font-weight:600;white-space:nowrap}
.aq-app__ghost{flex:none;padding:3px 8px;border:1px solid #DADDDA;border-radius:4px;background:#fff;font:500 10px/1.3 var(--sans);font-style:normal;color:#222;white-space:nowrap}
.aq-chip{flex:none;padding:2px 7px;border:1px solid #9FD8A8;background:#EEF9F0;color:#137019;font:500 9.5px/1.3 var(--mono);white-space:nowrap}
.aq-chip+.aq-app__btn{margin-left:8px}
.aq-app__bar .aq-chip{margin-left:auto}
.aq-chip--n{border-color:#222;background:#fff;color:#111}
.aq-st{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;background:#F1F3F1;color:#444;
  font:600 9.5px/1.35 var(--sans);font-style:normal;white-space:nowrap}
.aq-st svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.aq-st--ok{background:#E4F6E8;color:#137019}
.aq-st--no{background:#FCE9E7;color:#A63325}
.aq-st--part{background:#FEF3DE;color:#8C6410}
.aq-st--run{background:#E9F0FD;color:#1856B8}

/* review: the split screen */
.aq-rv{max-width:600px}
.aq-rv__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:258px}
.aq-rv__doc{background:#F4F5F4;border-right:1px solid #EDEFED;padding:14px 12px;overflow:hidden}
.aq-mini{background:#FCFCF9;border:1px solid #E2E2DC;padding:9px 9px 12px;box-shadow:0 6px 14px -10px rgba(15,23,42,.3);
  font-family:Arial,Helvetica,sans-serif;color:#111}
.aq-mini__h{display:flex;justify-content:space-between;gap:6px;border-bottom:1.2px solid #111;padding-bottom:4px;margin-bottom:5px}
.aq-mini__h b{font-size:6.5px;font-weight:800;white-space:nowrap}
.aq-mini__h span{font-size:5.5px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.aq-mini__bar{background:#111;color:#fff;font:800 5.4px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.1em;padding:1px 4px;margin:6px 0 3px}
.aq-mini__f{border-bottom:.7px solid #666;padding:1px 2px 0;margin-bottom:2px;min-width:0}
.aq-mini__f span{display:block;font-size:5px;font-weight:700;text-transform:uppercase;color:#444}
.aq-mini__f .aq-hand{display:block;font-size:12.5px;line-height:13px;white-space:nowrap;overflow:hidden}
.aq-mini__f.is-loc{outline:1.5px solid #1C9323;outline-offset:1px;background:rgba(28,147,35,.08);border-radius:2px}
.aq-mini__row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:5px}
.aq-mini__t{display:flex;align-items:center;gap:3px;font-size:5.6px;color:#222;margin-top:3px;white-space:nowrap}
.aq-mini__t i{width:6px;height:6px;border:.8px solid #222;flex:none;position:relative}
.aq-mini__t i+i,.aq-mini__t i:nth-of-type(2){margin-left:10px}
.aq-mini__t i.on::after{content:"";position:absolute;left:0;top:-3px;width:6px;height:6px;border-right:1.6px solid #1E3A8A;
  border-bottom:1.6px solid #1E3A8A;transform:rotate(40deg) scale(.8)}
.aq-rv__fields{padding:10px 12px 12px;min-width:0}
.aq-rv__h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.aq-rv__h b{font-size:12px;font-weight:600}
.aq-rv__h span{font-size:9.5px;color:#777}
.aq-rv__tabs{display:flex;gap:12px;margin:8px 0 4px;border-bottom:1px solid #EDEFED;font-size:10px}
.aq-rv__tabs b{font-weight:600;padding-bottom:4px;border-bottom:1.5px solid #111;margin-bottom:-1px}
.aq-rv__tabs span{color:#777}
.aq-rv__sec{margin:8px 0 2px;font:600 8.5px/1 var(--mono);letter-spacing:.1em;color:#666}
.aq-rv__kv{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:baseline;padding:4px 5px;border-radius:4px}
.aq-rv__kv span{font:400 9.5px/1.3 var(--mono);color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-rv__kv b{font-size:11px;font-weight:500;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-rv__kv em{font-size:10.5px;color:#999}
.aq-rv__kv.is-loc{background:rgba(28,147,35,.09);box-shadow:inset 2px 0 0 #1C9323}

/* what it accepts: the new-scan screen */
.aq-up__drop{margin:12px;padding:14px 12px;border:1.5px dashed #C9D3CA;border-radius:8px;background:#F8FAF8;text-align:center}
.aq-up__drop svg{width:18px;height:18px;fill:none;stroke:#1C9323;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.aq-up__drop b{display:block;font-size:11.5px;font-weight:600}
.aq-up__drop span{display:block;font-size:9.5px;color:#777;margin-top:2px}
.aq-up__files{list-style:none;margin:0;padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}
.aq-up__files li{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid #EDEFED;border-radius:6px;min-width:0}
.aq-up__files li>div{flex:1;min-width:0}
.aq-up__files b{display:block;font:500 10.5px/1.3 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-up__files span:not(.aq-st){display:block;font-size:9.5px;color:#777}
.aq-ft{flex:none;width:28px;height:30px;border-radius:4px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;
  font:700 7.5px/1 var(--sans);font-style:normal;color:#fff;background:#6B7280;position:relative}
.aq-ft--pdf{background:#C2410C}.aq-ft--jpg{background:#2563EB}.aq-ft--tif{background:#7C3AED}.aq-ft--png{background:#0E7490}
.aq-ft::before{content:"";position:absolute;right:0;top:0;border:5px solid transparent;border-right-color:#fff;border-top-color:#fff}

/* scan to email: recent mail */
.aq-mail__addr{display:flex;align-items:center;gap:8px;margin:12px 12px 0;padding:8px 10px;border:1px solid #EDEFED;border-radius:6px;min-width:0}
.aq-mail__addr>span:first-child{font-size:10px;color:#666;white-space:nowrap}
.aq-mail__addr b{flex:1;min-width:0;font-size:10.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-mail__h{margin:12px 12px 6px;font-size:11.5px;font-weight:600}
.aq-mail__tb{margin:0 12px;border:1px solid #EDEFED;border-radius:6px;overflow:hidden}
.aq-mail__r{display:grid;grid-template-columns:40px minmax(0,.9fr) minmax(0,1.6fr);gap:8px;padding:7px 9px;border-top:1px solid #F0F2F0;align-items:start}
.aq-mail__r:first-child{border-top:0}
.aq-mail__r--h{background:#FAFBFA;font-size:9.5px;font-weight:600;color:#555}
.aq-mail__r>span{min-width:0;font-size:10px;color:#333;overflow:hidden;text-overflow:ellipsis}
.aq-mail__r>span:nth-child(2){white-space:nowrap}
.aq-mail__r small{display:block;margin-top:3px;font-size:9px;line-height:1.35;color:#777}
.aq-mail__r .aq-app__ghost{display:inline-block;margin-top:4px}
.aq-mail .aq-log__kept{margin:9px 12px 12px}

/* batch: run history */
.aq-runs__h{display:flex;align-items:center;gap:8px;margin:12px 12px 8px}
.aq-runs__h b{font:600 12px/1 var(--mono)}
.aq-runs__tb{margin:0 12px 12px;border:1px solid #EDEFED;border-radius:6px;overflow:hidden}
.aq-runs__r{display:grid;grid-template-columns:minmax(0,1.7fr) 52px 78px;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid #F0F2F0}
.aq-runs__r:first-child{border-top:0}
.aq-runs__r--h{background:#FAFBFA;font-size:9.5px;font-weight:600;color:#555;padding:6px 10px}
.aq-runs__r>span{min-width:0;font-size:10px;color:#444}
.aq-runs__r b{display:block;font-size:10.5px;font-weight:500;color:#1C9323}
.aq-runs__r small{display:block;font-size:9px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* inside the LIS: the register & bill dialog */
.aq-reg{max-width:520px;box-shadow:0 30px 60px -30px rgba(15,23,42,.45)}
.aq-reg__h{padding:13px 14px 11px;border-bottom:1px solid #EDEFED}
.aq-reg__h b{display:block;font:600 13px/1.2 var(--mono)}
.aq-reg__h span{display:block;margin-top:4px;font-size:10px;line-height:1.45;color:#666}
.aq-reg__dup{display:flex;align-items:flex-start;gap:9px;margin:12px 14px;padding:10px;border:1px solid #EDEFED;border-radius:6px}
.aq-reg__dup>svg{flex:none;width:15px;height:15px;fill:none;stroke:#8C6410;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aq-reg__dup>div{flex:1;min-width:0}
.aq-reg__dup b{display:block;font-size:11px;font-weight:600}
.aq-reg__dup span{display:block;font-size:9.5px;color:#666;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-reg__on i{font-style:normal;display:inline-block;margin-left:4px;padding:1px 5px;background:#F1F3F1;border-radius:3px;color:#333}
.aq-reg__dup .aq-app__btn{margin-left:0;align-self:center}
.aq-reg__sec{margin:10px 14px 4px;font:600 8.5px/1 var(--mono);letter-spacing:.1em;color:#666}
.aq-reg__t,.aq-reg__kv{display:flex;align-items:center;gap:8px;margin:0 14px;padding:6px 0;border-top:1px solid #F0F2F0;min-width:0}
.aq-reg__t b{flex:1;min-width:0;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-reg__kv span{flex:none;width:78px;font:400 9.5px/1.3 var(--mono);color:#666}
.aq-reg__kv b{flex:1;min-width:0;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aq-cat{flex:none;padding:2px 6px;border:1px solid #CDD2CD;font:500 8.5px/1.3 var(--mono);font-style:normal;letter-spacing:.04em;color:#222;white-space:nowrap}
.aq-reg__ft{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding:10px 14px;border-top:1px solid #EDEFED;background:#FAFBFA}
.aq-reg__ft .aq-app__btn{margin-left:0}

/* any other LIS: the API, as it is */
.aq-code{margin:22px 0 0;padding:14px 16px;border-radius:10px;background:#0A0D0B;border:1px solid rgba(255,255,255,.08);
  font:400 11px/1.6 var(--mono);color:#D7E2D9;white-space:pre;overflow-x:auto;scrollbar-width:thin}
.aq-code b{color:#fff;font-weight:600}
.aq-code .c{color:#6F7D72}
.aq-code .ok{color:var(--g2)}
.aq-code .k{color:#9FD8A8}
.aq-code .v{color:#F1E3B5}
.aq-out--compact{margin-top:12px}
.aq-out--compact dt{font-size:13px}

@media (max-width:575px){
  .aq-rv__split{grid-template-columns:1fr}
  .aq-rv__doc{border-right:0;border-bottom:1px solid #EDEFED}
  .aq-app__bar .aq-chip{display:none}
  .aq-mail__r{grid-template-columns:36px minmax(0,1fr);}
  .aq-mail__r>span:nth-child(3){grid-column:1/-1}
  .aq-mail__r--h>span:nth-child(3){display:none}
  .aq-runs__r{grid-template-columns:minmax(0,1fr) 72px}
  .aq-runs__r>span:nth-child(2){display:none}
  .aq-reg__dup{flex-wrap:wrap}
  .aq-code{font-size:9.5px}
}
.aq-reg__dup span.aq-app__btn{display:inline-block;color:#fff;font-size:10.5px;margin-top:0;white-space:nowrap;overflow:visible}
@media (max-width:575px){
  .aq-reg__dup>div{flex-basis:calc(100% - 26px)}
  .aq-reg__dup span{white-space:normal}
  .aq-reg__dup span.aq-app__btn{margin-left:24px}
  .aq-reg__kv b,.aq-reg__t b{white-space:normal}
}
@media (max-width:575px){.aq-reg__kv span{width:64px}.aq-reg__kv b{overflow:visible;text-overflow:clip}}
/* Phone pass, 6 Oct: the run id gives way to the Register & bill button */
@media (max-width:575px){
  .aq-rv .aq-app__crumbs b,.aq-rv .aq-app__crumbs i:last-of-type{display:none}
  .aq-rv .aq-app__btn{margin-left:auto}
}
/* Phone pass, 6 Oct: on the narrowest phones every drafted field takes the full row */
@media (max-width:575px){.aq-trf__sec--o .aq-hand{font-size:13px}}
@media (max-width:440px){.aq-trf__sec--o .aq-hand,.aq-trf__sec--b .aq-trf__row .aq-hand{font-size:12px}}
@media (max-width:400px){.aq-c.w2{grid-column:span 2}.aq-c span,.aq-c b{white-space:normal}}