/* ============================================================
   AllHS Orders — front-end styles
   Order form ([allhs_order_form]) + customer account ([allhs_account]).

   Scoped under .allhs-order and .allhs-account so nothing leaks into
   the rest of the site. Tokens fall back to sensible defaults, so the
   UI still looks right under any theme — but when the companion
   "AllHS Lite" theme is active it inherits the same palette exactly.
   ============================================================ */
.allhs-order,
.allhs-account,
.allhs-adm{
  --o-ink:var(--ink,#16233A);
  --o-ink-soft:var(--ink-soft,#33415C);
  --o-mute:var(--mute,#5B6472);
  --o-paper:var(--paper,#FCFBF8);
  --o-surface:var(--surface,#FFFFFF);
  --o-surface-2:var(--surface-2,#F4F2EC);
  --o-line:var(--line,#E7E3DA);
  --o-primary:var(--primary,#2F6BFF);
  --o-primary-ink:var(--primary-ink,#1E4FCC);
  --o-highlight:var(--highlight,#FFDE5C);
  --o-success:var(--success,#158A5A);
  --o-danger:var(--danger,#C0392B);
  --o-radius:var(--radius,14px);
  --o-radius-sm:var(--radius-sm,10px);
  --o-shadow-sm:var(--shadow-sm,0 1px 2px rgba(22,35,58,.06),0 2px 8px rgba(22,35,58,.05));
  --o-shadow-md:var(--shadow-md,0 6px 24px rgba(22,35,58,.10));
  --o-sans:var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);
  --o-display:var(--display,"Fraunces",Georgia,serif);
  --o-mono:var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);

  color:var(--o-ink-soft);
  font-family:var(--o-sans);
  line-height:1.6;
}
.allhs-order *,
.allhs-account *{box-sizing:border-box}
.allhs-order h2,.allhs-order h3,
.allhs-account h2,.allhs-account h3{
  font-family:var(--o-display);color:var(--o-ink);line-height:1.15;
  letter-spacing:-.01em;margin:0 0 .5em;font-weight:560;
}
.allhs-order h2,.allhs-account h2{font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem)}
.allhs-order h3,.allhs-account h3{font-size:1.2rem}

/* ---------- Shared buttons (self-contained) ---------- */
.allhs-order .btn,
.allhs-account .btn{
  --_bg:var(--o-primary);--_fg:#fff;
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--o-sans);font-weight:650;font-size:1rem;line-height:1;
  padding:.9rem 1.5rem;border-radius:999px;border:1.5px solid transparent;
  background:var(--_bg);color:var(--_fg);cursor:pointer;text-decoration:none;
  box-shadow:var(--o-shadow-sm);
  transition:transform .12s ease,box-shadow .2s ease,background .2s ease;
}
.allhs-order .btn:hover,
.allhs-account .btn:hover{color:var(--_fg);transform:translateY(-1px);box-shadow:var(--o-shadow-md);text-decoration:none}
.allhs-order .btn:active,
.allhs-account .btn:active{transform:translateY(0)}
.allhs-order .btn:disabled,
.allhs-account .btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.allhs-order .btn--ghost,
.allhs-account .btn--ghost{--_bg:transparent;--_fg:var(--o-ink);border-color:var(--o-line);box-shadow:none}
.allhs-order .btn--ghost:hover,
.allhs-account .btn--ghost:hover{border-color:var(--o-ink);background:transparent}
.allhs-order .btn--lg,
.allhs-account .btn--lg{padding:1.05rem 1.9rem;font-size:1.1rem}
.allhs-order .btn--sm,
.allhs-account .btn--sm{padding:.5rem 1rem;font-size:.85rem}
.allhs-order .btn--block,
.allhs-account .btn--block{width:100%}

/* ---------- Shared fields ---------- */
.allhs-field{display:block;margin:0 0 1rem}
.allhs-field > span{display:block;font-weight:600;color:var(--o-ink);font-size:.92rem;margin:0 0 .4rem}
.allhs-field input[type=text],
.allhs-field input[type=email],
.allhs-field input[type=tel],
.allhs-field input[type=number],
.allhs-field input[type=password],
.allhs-field select,
.allhs-field textarea{
  width:100%;font:inherit;color:var(--o-ink);
  background:var(--o-surface);
  border:1.5px solid var(--o-line);border-radius:var(--o-radius-sm);
  padding:.7rem .85rem;transition:border-color .15s ease,box-shadow .15s ease;
}
.allhs-field textarea{resize:vertical;min-height:120px}
.allhs-field select{appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235B6472' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .8rem center;padding-right:2.2rem;cursor:pointer}
.allhs-field input:focus,
.allhs-field select:focus,
.allhs-field textarea:focus{
  outline:none;border-color:var(--o-primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--o-primary) 18%,transparent);
}
.allhs-field.is-invalid input,
.allhs-field.is-invalid select,
.allhs-field.is-invalid textarea{border-color:var(--o-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--o-danger) 14%,transparent)}

/* Radio group (spacing) */
.allhs-radio{border:0;margin:0 0 1rem;padding:0}
.allhs-radio > span{display:block;font-weight:600;color:var(--o-ink);font-size:.92rem;margin:0 0 .4rem}
.allhs-radio label{display:inline-flex;align-items:center;gap:.4rem;margin-right:1.25rem;font-weight:500;color:var(--o-ink-soft);cursor:pointer}
.allhs-radio input{accent-color:var(--o-primary)}

/* ============================================================
   ORDER FORM
   ============================================================ */
.allhs-order{
  display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(1.25rem,3vw,2.25rem);
  align-items:start;max-width:1120px;margin-inline:auto;
}
.allhs-order__main{min-width:0}

/* Step indicator */
.allhs-steps{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;margin:0 0 1.5rem;padding:0;
  counter-reset:none;border-bottom:1px solid var(--o-line);padding-bottom:1.1rem}
.allhs-steps li{display:inline-flex;align-items:center;gap:.55rem;color:var(--o-mute);font-weight:600;font-size:.95rem}
.allhs-steps li span{
  display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;
  border-radius:999px;background:var(--o-surface-2);color:var(--o-mute);
  font-size:.85rem;font-weight:700;border:1.5px solid var(--o-line);flex:none;
}
.allhs-steps li.is-active{color:var(--o-ink)}
.allhs-steps li.is-active span{background:var(--o-primary);color:#fff;border-color:var(--o-primary)}
.allhs-steps li.is-done span{background:var(--o-success);color:#fff;border-color:var(--o-success)}
.allhs-steps li[data-step]{cursor:pointer}

/* Panels */
.allhs-panel{display:none;animation:allhs-fade .25s ease}
.allhs-panel.is-active{display:block}
@keyframes allhs-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.allhs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 1.1rem}
.allhs-grid2 .allhs-field.is-full,
.allhs-grid2 > .allhs-field:only-child{grid-column:1 / -1}

/* Pages stepper */
.allhs-stepper{display:inline-flex;align-items:stretch;border:1.5px solid var(--o-line);border-radius:var(--o-radius-sm);overflow:hidden;width:100%}
.allhs-stepper button{
  flex:none;width:2.8rem;background:var(--o-surface-2);border:0;color:var(--o-ink);
  font-size:1.2rem;font-weight:700;cursor:pointer;line-height:1;transition:background .15s ease}
.allhs-stepper button:hover{background:var(--o-line)}
.allhs-stepper input{
  flex:1;text-align:center;border:0;border-inline:1.5px solid var(--o-line);
  border-radius:0;font-weight:600;-moz-appearance:textfield}
.allhs-stepper input::-webkit-outer-spin-button,
.allhs-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.allhs-stepper input:focus{box-shadow:none}

/* Drop zone */
.allhs-drop{position:relative;border:2px dashed var(--o-line);border-radius:var(--o-radius);
  background:var(--o-surface-2);padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.allhs-drop:hover{border-color:var(--o-primary)}
.allhs-drop.is-drag{border-color:var(--o-primary);background:color-mix(in srgb,var(--o-primary) 8%,var(--o-surface))}
.allhs-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.allhs-drop p{margin:0;color:var(--o-mute);font-size:.92rem;pointer-events:none}

/* File list preview */
.allhs-filelist{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.allhs-filelist li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  background:var(--o-surface);border:1px solid var(--o-line);border-radius:var(--o-radius-sm);
  padding:.5rem .75rem;font-size:.88rem}
.allhs-filelist .allhs-file-name{color:var(--o-ink);word-break:break-all}
.allhs-filelist .allhs-file-size{color:var(--o-mute);flex:none}
.allhs-filelist button{background:none;border:0;color:var(--o-danger);cursor:pointer;font-size:1.1rem;line-height:1;flex:none;padding:0 .25rem}

/* Actions row */
.allhs-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.5rem}
.allhs-actions .allhs-next{margin-left:auto}

/* Consent + form message */
.allhs-consent{font-size:.9rem;color:var(--o-ink-soft);margin:.5rem 0 0}
.allhs-consent label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}
.allhs-consent input{margin-top:.2rem;accent-color:var(--o-primary)}
.allhs-formmsg{margin:1rem 0 0;font-weight:600;font-size:.92rem;min-height:1.2em}
.allhs-formmsg.is-err{color:var(--o-danger)}
.allhs-formmsg.is-ok{color:var(--o-success)}

/* Coupon row */
.allhs-coupon{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 1.25rem}
.allhs-coupon input{
  flex:1;min-width:160px;font:inherit;color:var(--o-ink);background:var(--o-surface);
  border:1.5px solid var(--o-line);border-radius:var(--o-radius-sm);padding:.65rem .8rem;text-transform:uppercase;letter-spacing:.03em}
.allhs-coupon input:focus{outline:none;border-color:var(--o-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--o-primary) 18%,transparent)}
.allhs-coupon-msg{flex-basis:100%;font-size:.88rem;font-weight:600;min-height:1em}
.allhs-coupon-msg.is-ok{color:var(--o-success)}
.allhs-coupon-msg.is-err{color:var(--o-danger)}

/* Review block */
.allhs-review{background:var(--o-surface-2);border:1px solid var(--o-line);border-radius:var(--o-radius);padding:1rem 1.15rem;margin:0 0 1.25rem}
.allhs-review__line{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;font-size:.95rem;color:var(--o-ink-soft)}
.allhs-review__line span:last-child{font-family:var(--o-mono);color:var(--o-ink);white-space:nowrap}
.allhs-review__line.is-discount span:last-child{color:var(--o-success)}
.allhs-review__line.is-total{border-top:1.5px solid var(--o-line);margin-top:.35rem;padding-top:.75rem;font-weight:700}
.allhs-review__line.is-total span{color:var(--o-ink);font-size:1.15rem}

/* ---------- Sticky summary aside ---------- */
.allhs-summary{
  position:sticky;top:1.5rem;background:var(--o-surface);border:1px solid var(--o-line);
  border-radius:var(--o-radius);box-shadow:var(--o-shadow-sm);padding:1.35rem 1.4rem}
.allhs-summary h3{margin:0 0 .9rem;font-size:1.15rem}
.allhs-summary dl{margin:0 0 1rem;display:flex;flex-direction:column;gap:.1rem}
.allhs-summary dl > div{display:flex;justify-content:space-between;gap:1rem;padding:.32rem 0;border-bottom:1px dashed var(--o-line);font-size:.9rem}
.allhs-summary dl > div:last-child{border-bottom:0}
.allhs-summary dt{color:var(--o-mute);margin:0}
.allhs-summary dd{margin:0;color:var(--o-ink);font-weight:600;text-align:right}
.allhs-summary__total{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  border-top:2px solid var(--o-line);padding-top:.9rem;margin-top:.3rem}
.allhs-summary__total span{color:var(--o-ink);font-weight:600}
.allhs-summary__total strong{font-family:var(--o-mono);font-size:1.7rem;color:var(--o-ink);line-height:1}
.allhs-summary__note{margin:.9rem 0 0;font-size:.82rem;color:var(--o-mute);line-height:1.45}

/* ============================================================
   CUSTOMER ACCOUNT
   ============================================================ */
.allhs-account{max-width:920px;margin-inline:auto}

/* Alerts */
.allhs-alert{border-radius:var(--o-radius-sm);padding:.85rem 1.1rem;margin:0 0 1.25rem;font-size:.95rem;font-weight:500;border:1px solid transparent}
.allhs-alert.is-success{background:color-mix(in srgb,var(--o-success) 10%,var(--o-surface));border-color:color-mix(in srgb,var(--o-success) 35%,transparent);color:var(--o-success)}
.allhs-alert.is-error{background:color-mix(in srgb,var(--o-danger) 8%,var(--o-surface));border-color:color-mix(in srgb,var(--o-danger) 32%,transparent);color:var(--o-danger)}
.allhs-alert.is-info{background:color-mix(in srgb,var(--o-primary) 8%,var(--o-surface));border-color:color-mix(in srgb,var(--o-primary) 28%,transparent);color:var(--o-primary-ink)}
.allhs-alert.is-warn{background:color-mix(in srgb,var(--o-highlight) 30%,var(--o-surface));border-color:color-mix(in srgb,var(--o-highlight) 70%,transparent);color:#7a5b00}

/* Auth (login / register) */
.allhs-auth{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.allhs-auth__col{background:var(--o-surface);border:1px solid var(--o-line);border-radius:var(--o-radius);box-shadow:var(--o-shadow-sm);padding:1.5rem 1.6rem}
.allhs-check{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;color:var(--o-ink-soft);margin:0 0 1rem;cursor:pointer}
.allhs-check input{accent-color:var(--o-primary)}
.allhs-muted{color:var(--o-mute);font-size:.88rem;margin:.75rem 0 0}

/* Dashboard header */
.allhs-dash-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin:0 0 1.5rem}
.allhs-dash-head h2{margin:0 0 .2rem}
.allhs-dash-head__actions{display:flex;flex-wrap:wrap;gap:.6rem}

/* Empty state */
.allhs-empty{text-align:center;background:var(--o-surface);border:1px dashed var(--o-line);border-radius:var(--o-radius);padding:2.5rem 1.5rem}
.allhs-empty p{color:var(--o-mute);margin:0 0 1.25rem}

/* Orders table (CSS grid "table") */
.allhs-table{background:var(--o-surface);border:1px solid var(--o-line);border-radius:var(--o-radius);box-shadow:var(--o-shadow-sm);overflow:hidden}
.allhs-table__head,
.allhs-table__row{
  display:grid;
  grid-template-columns:1.1fr 1.6fr 1fr .8fr 1fr auto;
  align-items:center;gap:.75rem;padding:.85rem 1.1rem}
.allhs-table__head{background:var(--o-surface-2);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--o-mute)}
.allhs-table__row{border-top:1px solid var(--o-line);font-size:.92rem}
.allhs-table__row span{color:var(--o-ink-soft);min-width:0}
.allhs-table__row strong{color:var(--o-ink);font-family:var(--o-mono);font-size:.9rem}

/* Status badge */
.allhs-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;
  padding:.28rem .6rem;border-radius:999px;border:1px solid transparent;white-space:nowrap;line-height:1}
.allhs-badge.is-pending{background:color-mix(in srgb,var(--o-highlight) 34%,var(--o-surface));color:#7a5b00;border-color:color-mix(in srgb,var(--o-highlight) 70%,transparent)}
.allhs-badge.is-progress{background:color-mix(in srgb,var(--o-primary) 10%,var(--o-surface));color:var(--o-primary-ink);border-color:color-mix(in srgb,var(--o-primary) 30%,transparent)}
.allhs-badge.is-done{background:color-mix(in srgb,var(--o-success) 12%,var(--o-surface));color:var(--o-success);border-color:color-mix(in srgb,var(--o-success) 35%,transparent)}
.allhs-badge.is-cancel{background:var(--o-surface-2);color:var(--o-mute);border-color:var(--o-line)}

/* Order detail */
.allhs-back{margin:0 0 1rem;font-size:.9rem}
.allhs-order-detail{display:block}
.allhs-od-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;
  padding-bottom:1.1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--o-line)}
.allhs-od-head h2{margin:0 0 .4rem;font-family:var(--o-mono);font-size:1.4rem}
.allhs-od-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}
.allhs-od-price strong{font-family:var(--o-mono);font-size:1.5rem;color:var(--o-ink);display:block}
.allhs-od-price .allhs-muted{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}

/* Pay box */
.allhs-paybox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;
  background:color-mix(in srgb,var(--o-highlight) 24%,var(--o-surface));
  border:1px solid color-mix(in srgb,var(--o-highlight) 65%,transparent);
  border-radius:var(--o-radius);padding:1.1rem 1.3rem;margin:0 0 1.5rem}
.allhs-paybox p{margin:0;color:#6b5200;font-weight:500;flex:1;min-width:220px}

/* Detail spec grid */
.allhs-od-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem;margin:0 0 1.5rem}
.allhs-od-cell{background:var(--o-surface-2);border:1px solid var(--o-line);border-radius:var(--o-radius-sm);padding:.7rem .85rem}
.allhs-od-cell span{display:block;color:var(--o-mute);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .2rem}
.allhs-od-cell strong{color:var(--o-ink);font-size:.95rem;font-weight:600}

/* Detail sections */
.allhs-od-section{margin:0 0 1.75rem}
.allhs-od-section h3{margin:0 0 .6rem;font-size:1.1rem}
.allhs-instr{background:var(--o-surface);border:1px solid var(--o-line);border-radius:var(--o-radius-sm);padding:.9rem 1.1rem;white-space:pre-wrap;color:var(--o-ink-soft)}

/* File lists */
.allhs-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.allhs-files li a{display:inline-flex;align-items:center;gap:.55rem;background:var(--o-surface);border:1px solid var(--o-line);
  border-radius:var(--o-radius-sm);padding:.6rem .85rem;color:var(--o-primary-ink);font-weight:600;font-size:.9rem;word-break:break-all;transition:border-color .15s ease,background .15s ease}
.allhs-files li a:hover{text-decoration:none;border-color:var(--o-primary);background:color-mix(in srgb,var(--o-primary) 5%,var(--o-surface))}
.allhs-file-ic{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;
  background:var(--o-primary);color:#fff;font-size:.85rem;flex:none}

/* Messages thread */
.allhs-thread{display:flex;flex-direction:column;gap:.75rem;margin:0 0 1.1rem}
.allhs-msg{max-width:82%;padding:.7rem .95rem;border-radius:var(--o-radius);font-size:.92rem;line-height:1.5}
.allhs-msg p{margin:0 0 .3rem}
.allhs-msg__meta{display:block;font-size:.72rem;color:var(--o-mute)}
.allhs-msg.is-mine{align-self:flex-end;background:color-mix(in srgb,var(--o-primary) 12%,var(--o-surface));border:1px solid color-mix(in srgb,var(--o-primary) 25%,transparent)}
.allhs-msg.is-mine .allhs-msg__meta{text-align:right}
.allhs-msg.is-staff{align-self:flex-start;background:var(--o-surface-2);border:1px solid var(--o-line)}
.allhs-msg-form{display:block}
.allhs-msg-form textarea{width:100%;font:inherit;color:var(--o-ink);background:var(--o-surface);
  border:1.5px solid var(--o-line);border-radius:var(--o-radius-sm);padding:.7rem .85rem;min-height:90px;resize:vertical;margin:0 0 .75rem}
.allhs-msg-form textarea:focus{outline:none;border-color:var(--o-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--o-primary) 18%,transparent)}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:820px){
  .allhs-order{grid-template-columns:1fr}
  .allhs-summary{position:static;order:-1}
  .allhs-auth{grid-template-columns:1fr}
}
@media (max-width:640px){
  .allhs-grid2{grid-template-columns:1fr}

  /* Collapse the "table" into stacked cards with data-l labels */
  .allhs-table{background:transparent;border:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column;gap:.85rem}
  .allhs-table__head{display:none}
  .allhs-table__row{
    grid-template-columns:1fr;gap:.45rem;
    background:var(--o-surface);border:1px solid var(--o-line);border-radius:var(--o-radius);box-shadow:var(--o-shadow-sm);padding:1rem 1.1rem}
  .allhs-table__row > span{display:flex;justify-content:space-between;gap:1rem;align-items:center}
  .allhs-table__row > span[data-l]::before{content:attr(data-l);color:var(--o-mute);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
  .allhs-table__row > span:last-child{margin-top:.35rem}
  .allhs-table__row > span:last-child .btn{width:100%}

  .allhs-od-head{flex-direction:column;align-items:flex-start}
  .allhs-od-price{text-align:left;align-items:flex-start}
  .allhs-actions{flex-direction:column-reverse}
  .allhs-actions .btn{width:100%}
  .allhs-actions .allhs-next{margin-left:0}
  .allhs-msg{max-width:100%}
}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .allhs-panel{animation:none}
  .allhs-order .btn,.allhs-account .btn{transition:none}
}

/* ====================================================================
 * Wallet, charges, payment links & order actions (customer dashboard)
 * ================================================================== */

/* Wallet panel */
.allhs-account .allhs-wallet{
  display:grid;grid-template-columns:1fr 1.3fr;gap:1.25rem;
  background:var(--o-surface);border:1px solid var(--o-line);
  border-radius:var(--o-radius);box-shadow:var(--o-shadow-sm);
  padding:1.4rem;margin:0 0 1.75rem;
}
.allhs-account .allhs-wallet__balance{
  background:var(--o-surface-2);border-radius:var(--o-radius-sm);
  padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.15rem;
}
.allhs-account .allhs-wallet__balance strong{
  font-family:var(--o-mono);font-size:2rem;color:var(--o-ink);line-height:1.1;
}
.allhs-account .allhs-wallet__balance p{margin:.5rem 0 0;font-size:.85rem}
.allhs-account .allhs-wallet__topup h4,
.allhs-account .allhs-wallet__ledger h4{
  font-family:var(--o-sans);font-size:.95rem;font-weight:700;color:var(--o-ink);
  margin:0 0 .6rem;
}
.allhs-account .allhs-wallet__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.allhs-account .allhs-wallet__ledger{grid-column:1 / -1;border-top:1px solid var(--o-line);padding-top:1rem;margin-top:.25rem}
.allhs-account .allhs-wallet__ledger ul{list-style:none;margin:0;padding:0}
.allhs-account .allhs-wallet__ledger li{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:.55rem 0;border-bottom:1px solid var(--o-line);font-size:.9rem;
}
.allhs-account .allhs-wallet__ledger li:last-child{border-bottom:0}
.allhs-account .allhs-ledger__note{display:flex;flex-direction:column;color:var(--o-ink-soft)}
.allhs-account .allhs-ledger__note small{color:var(--o-mute);font-size:.78rem;margin-top:.1rem}
.allhs-account .allhs-ledger__amt{font-family:var(--o-mono);font-weight:600;white-space:nowrap}
.allhs-account .allhs-ledger__amt.is-credit{color:var(--o-success)}
.allhs-account .allhs-ledger__amt.is-debit{color:var(--o-ink)}

/* Preset amount chips */
.allhs-account .allhs-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .8rem}
.allhs-account .allhs-chip{
  border:1px solid var(--o-line);background:var(--o-surface);color:var(--o-ink);
  border-radius:999px;padding:.4rem .9rem;font-size:.9rem;font-weight:600;
  font-family:var(--o-mono);cursor:pointer;transition:border-color .15s,background .15s;
}
.allhs-account .allhs-chip:hover{border-color:var(--o-primary)}
.allhs-account .allhs-chip.is-active{background:var(--o-primary);color:#fff;border-color:var(--o-primary)}

/* Charges list on order detail */
.allhs-account .allhs-charges{list-style:none;margin:0;padding:0;border:1px solid var(--o-line);border-radius:var(--o-radius-sm);overflow:hidden}
.allhs-account .allhs-charge{
  display:grid;grid-template-columns:1fr auto auto auto;gap:1rem;align-items:center;
  padding:.8rem 1rem;border-top:1px solid var(--o-line);background:var(--o-surface);
}
.allhs-account .allhs-charge:first-child{border-top:0}
.allhs-account .allhs-charge__desc{display:flex;flex-direction:column;color:var(--o-ink);font-weight:600;min-width:0}
.allhs-account .allhs-charge__desc small{color:var(--o-mute);font-weight:500;font-size:.78rem;margin-top:.1rem}
.allhs-account .allhs-charge__amt{font-family:var(--o-mono);font-weight:600;white-space:nowrap}

/* Focused pay screen */
.allhs-account .allhs-payscreen{max-width:520px;margin:0 auto}
.allhs-account .allhs-payscreen__amt{
  background:var(--o-surface-2);border-radius:var(--o-radius-sm);
  padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.2rem;margin:0 0 1.25rem;
}
.allhs-account .allhs-payscreen__amt strong{font-family:var(--o-mono);font-size:1.9rem;color:var(--o-ink)}
.allhs-account .allhs-paymethods{display:flex;flex-direction:column;gap:.75rem}
.allhs-account .allhs-paymethod{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  border:1px solid var(--o-line);border-radius:var(--o-radius-sm);
  padding:1rem 1.2rem;background:var(--o-surface);
}
.allhs-account .allhs-paymethod div{display:flex;flex-direction:column;gap:.15rem}
.allhs-account .allhs-paymethod.is-muted{opacity:.6}

/* Manage-order actions (collapsible) */
.allhs-account .allhs-order-actions{display:block}
.allhs-account .allhs-action{
  border:1px solid var(--o-line);border-radius:var(--o-radius-sm);
  margin:0 0 .6rem;background:var(--o-surface);overflow:hidden;
}
.allhs-account .allhs-action > summary{
  cursor:pointer;padding:.85rem 1.1rem;font-weight:650;color:var(--o-ink);
  list-style:none;display:flex;align-items:center;justify-content:space-between;
}
.allhs-account .allhs-action > summary::-webkit-details-marker{display:none}
.allhs-account .allhs-action > summary::after{content:"+";color:var(--o-mute);font-weight:400;font-size:1.2rem}
.allhs-account .allhs-action[open] > summary::after{content:"–"}
.allhs-account .allhs-action[open] > summary{border-bottom:1px solid var(--o-line)}
.allhs-account .allhs-action__body{padding:1.1rem}
.allhs-account .allhs-action__body .btn{margin-top:.3rem}

@media (max-width:640px){
  .allhs-account .allhs-wallet{grid-template-columns:1fr}
  .allhs-account .allhs-charge{grid-template-columns:1fr auto;grid-auto-rows:min-content}
  .allhs-account .allhs-charge__status,
  .allhs-account .allhs-charge__action{grid-column:2;justify-self:end}
}

/* ====================================================================
 * Order form — premium controls, live summary, mobile bar
 * ================================================================== */

/* Reassurance bar (spans both columns) */
.allhs-order .allhs-assure{
  grid-column:1 / -1;
  display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:center;
  padding:.7rem 1.1rem;margin:0;
  background:var(--o-surface-2);border:1px solid var(--o-line);border-radius:var(--o-radius-sm);
  font-size:.85rem;color:var(--o-ink-soft);font-weight:600;
}
.allhs-order .allhs-assure span{display:inline-flex;align-items:center;gap:.4rem}
.allhs-order .allhs-assure span:not(:first-child)::before{content:"✓";color:var(--o-success);font-weight:800}
.allhs-order .allhs-assure span:first-child::before{content:"★";color:#E0A400}
.allhs-order .allhs-assure strong{color:var(--o-ink)}

.allhs-order .allhs-panel__title{font-family:var(--o-display);font-size:1.4rem;color:var(--o-ink);margin:0 0 1.15rem;line-height:1.2}
.allhs-order .allhs-loginhint{font-size:.9rem;color:var(--o-ink-soft);background:var(--o-surface-2);border-radius:var(--o-radius-sm);padding:.7rem .9rem;margin:0 0 1.15rem}
.allhs-order .allhs-loginhint a{color:var(--o-primary-ink);font-weight:600}

/* Segmented pill control */
.allhs-order .allhs-seg{display:flex;flex-wrap:wrap;gap:.5rem}
.allhs-order .allhs-seg__opt{position:relative;cursor:pointer}
.allhs-order .allhs-seg__opt input{position:absolute;opacity:0;width:0;height:0}
.allhs-order .allhs-seg__opt span{
  display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.05rem;
  border:1.5px solid var(--o-line);border-radius:999px;background:var(--o-surface);
  color:var(--o-ink-soft);font-weight:600;font-size:.92rem;
  transition:border-color .15s,background .15s,color .15s;
}
.allhs-order .allhs-seg__opt:hover span{border-color:var(--o-primary)}
.allhs-order .allhs-seg__opt.is-selected span,
.allhs-order .allhs-seg__opt:has(input:checked) span{background:var(--o-primary);border-color:var(--o-primary);color:#fff}
.allhs-order .allhs-seg__opt:has(input:focus-visible) span{box-shadow:0 0 0 3px color-mix(in srgb,var(--o-primary) 25%,transparent)}

/* Selectable cards (service / writer) */
.allhs-order .allhs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:.6rem}
.allhs-order .allhs-card{
  position:relative;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;
  padding:.85rem .95rem;border:1.5px solid var(--o-line);border-radius:var(--o-radius-sm);
  background:var(--o-surface);transition:border-color .15s,box-shadow .15s,background .15s;
}
.allhs-order .allhs-card input{position:absolute;opacity:0;width:0;height:0}
.allhs-order .allhs-card:hover{border-color:var(--o-primary)}
.allhs-order .allhs-card.is-selected,
.allhs-order .allhs-card:has(input:checked){
  border-color:var(--o-primary);box-shadow:inset 0 0 0 1px var(--o-primary);
  background:color-mix(in srgb,var(--o-primary) 5%,var(--o-surface));
}
.allhs-order .allhs-card:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--o-primary) 25%,transparent)}
.allhs-order .allhs-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.allhs-order .allhs-card__label{font-weight:700;color:var(--o-ink);font-size:.95rem}
.allhs-order .allhs-card__badge{
  font-style:normal;font-family:var(--o-mono);font-size:.72rem;font-weight:700;white-space:nowrap;
  padding:.12rem .45rem;border-radius:999px;background:var(--o-surface-2);color:var(--o-primary-ink);
}
.allhs-order .allhs-card.is-selected .allhs-card__badge,
.allhs-order .allhs-card:has(input:checked) .allhs-card__badge{background:var(--o-primary);color:#fff}
.allhs-order .allhs-card__desc{font-size:.82rem;color:var(--o-mute);line-height:1.35}

/* Deadline delivery + pages hint */
.allhs-order .allhs-delivery{display:block;margin-top:.45rem;font-size:.82rem;color:var(--o-primary-ink);font-weight:600;min-height:1.1em}
.allhs-order .allhs-pagehint{display:block;margin-top:.45rem;font-size:.82rem;color:var(--o-mute)}

/* Enhanced summary internals */
.allhs-summary__items{display:flex;flex-direction:column;margin:0 0 1rem}
.allhs-summary .allhs-sum-row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.4rem 0;border-bottom:1px dashed var(--o-line);font-size:.9rem}
.allhs-summary__items .allhs-sum-row:last-child{border-bottom:0}
.allhs-summary .allhs-sum-row > span{color:var(--o-mute)}
.allhs-summary .allhs-sum-row > b{color:var(--o-ink);font-weight:650;text-align:right}
.allhs-summary .allhs-sum-row--stack{flex-wrap:wrap}
.allhs-summary .allhs-sum-row--stack #allhs-sum-delivery{flex-basis:100%;text-align:right;font-style:normal;color:var(--o-primary-ink);font-size:.8rem;font-weight:600}
.allhs-summary__break{border-top:1px solid var(--o-line);padding-top:.6rem;margin:0 0 .3rem;display:flex;flex-direction:column}
.allhs-summary__break .allhs-sum-row{border-bottom:0;padding:.28rem 0}
.allhs-summary__break .allhs-sum-row > b{font-family:var(--o-mono)}
.allhs-summary .allhs-sum-row--disc > b{color:var(--o-success)}

/* Guarantees + payment badges */
.allhs-guarantees{list-style:none;margin:1rem 0 0;padding:.95rem 0 0;border-top:1px solid var(--o-line);display:flex;flex-direction:column;gap:.5rem}
.allhs-guarantees li{position:relative;padding-left:1.6rem;font-size:.85rem;color:var(--o-ink-soft);line-height:1.35}
.allhs-guarantees li::before{content:"";position:absolute;left:0;top:.1rem;width:1.05rem;height:1.05rem;border-radius:50%;background:color-mix(in srgb,var(--o-success) 18%,transparent)}
.allhs-guarantees li::after{content:"✓";position:absolute;left:.24rem;top:0;color:var(--o-success);font-size:.72rem;font-weight:800}
.allhs-paycards{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.allhs-paycards span{font-size:.68rem;font-weight:700;letter-spacing:.03em;color:var(--o-mute);border:1px solid var(--o-line);border-radius:6px;padding:.25rem .5rem;background:var(--o-surface)}

/* Mobile sticky total bar (hidden on desktop) */
.allhs-mobar{display:none}

@media (max-width:820px){
  .allhs-summary{order:0}
  .allhs-order{padding-bottom:86px}
  .allhs-mobar{
    display:flex;align-items:center;justify-content:space-between;gap:1rem;
    position:fixed;left:0;right:0;bottom:0;z-index:60;
    padding:.7rem 1rem;background:var(--o-surface);border-top:1px solid var(--o-line);
    box-shadow:0 -4px 20px rgba(22,35,58,.12);
  }
  .allhs-mobar__price{display:flex;flex-direction:column;line-height:1.1}
  .allhs-mobar__price small{color:var(--o-mute);font-size:.72rem}
  .allhs-mobar__price strong{font-family:var(--o-mono);font-size:1.3rem;color:var(--o-ink)}
  .allhs-mobar .btn{flex:0 0 auto}
}
@media (max-width:560px){
  .allhs-order .allhs-cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .allhs-order .allhs-seg__opt span,
  .allhs-order .allhs-card{transition:none}
}

/* ====================================================================
 * Staff dashboard  (.allhs-adm)
 * ================================================================== */

/* Buttons (the shared .btn is scoped to order/account; mirror for adm) */
.allhs-adm .btn{
  --_bg:var(--o-primary);--_fg:#fff;
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--o-sans);font-weight:650;font-size:1rem;line-height:1;
  padding:.9rem 1.5rem;border-radius:999px;border:1.5px solid transparent;
  background:var(--_bg);color:var(--_fg);cursor:pointer;text-decoration:none;
  box-shadow:var(--o-shadow-sm);transition:transform .12s ease,box-shadow .2s ease,background .2s ease;
}
.allhs-adm .btn:hover{color:var(--_fg);transform:translateY(-1px);box-shadow:var(--o-shadow-md);text-decoration:none}
.allhs-adm .btn:active{transform:translateY(0)}
.allhs-adm .btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.allhs-adm .btn--ghost{--_bg:transparent;--_fg:var(--o-ink);border-color:var(--o-line);box-shadow:none}
.allhs-adm .btn--ghost:hover{border-color:var(--o-ink);background:transparent}
.allhs-adm .btn--sm{padding:.5rem 1rem;font-size:.85rem}
.allhs-adm .btn--block{width:100%}

/* Layout */
.allhs-adm{
  max-width:1320px;margin-inline:auto;display:grid;
  grid-template-columns:236px minmax(0,1fr);gap:1.5rem;align-items:start;
  color:var(--o-ink-soft);font-family:var(--o-sans);
}
.allhs-adm__nav{
  position:sticky;top:1rem;background:var(--o-surface);border:1px solid var(--o-line);
  border-radius:var(--o-radius);box-shadow:var(--o-shadow-sm);padding:1.1rem;
  display:flex;flex-direction:column;gap:.25rem;min-height:60vh;
}
.allhs-adm__brand{font-family:var(--o-display);font-size:1.15rem;color:var(--o-ink);font-weight:600;line-height:1.15;padding:.1rem .4rem .85rem;border-bottom:1px solid var(--o-line);margin-bottom:.4rem;display:flex;flex-direction:column}
.allhs-adm__brand small{font-family:var(--o-sans);font-size:.72rem;font-weight:600;color:var(--o-mute);margin-top:.15rem}
.allhs-adm__navlabel{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--o-mute);font-weight:700;margin:.7rem .4rem .2rem}
.allhs-adm__navlink{display:flex;align-items:center;gap:.6rem;padding:.55rem .65rem;border-radius:var(--o-radius-sm);color:var(--o-ink-soft);font-weight:600;font-size:.92rem;text-decoration:none}
.allhs-adm__navlink:hover{background:var(--o-surface-2);text-decoration:none}
.allhs-adm__navlink.is-active{background:var(--o-primary);color:#fff}
.allhs-adm__navfoot{margin-top:auto;padding-top:.85rem;border-top:1px solid var(--o-line);font-size:.82rem;line-height:1.9}
.allhs-adm__navfoot a{color:var(--o-primary-ink);text-decoration:none}
.allhs-adm__main{min-width:0}

/* Top bar */
.allhs-adm__top{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 1.3rem}
.allhs-adm__back{display:inline-block;font-size:.85rem;color:var(--o-mute);text-decoration:none;margin-bottom:.2rem}
.allhs-adm__back:hover{color:var(--o-primary-ink)}
.allhs-adm__title{font-family:var(--o-display);font-size:1.8rem;color:var(--o-ink);margin:0;line-height:1.1}
.allhs-adm__who{font-size:.85rem;color:var(--o-mute);white-space:nowrap}

/* Stat cards */
.allhs-adm__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:0 0 1.5rem}
.allhs-adm-card{background:var(--o-surface);border:1px solid var(--o-line);border-radius:var(--o-radius);box-shadow:var(--o-shadow-sm);padding:1.05rem 1.2rem}
.allhs-adm-card span{color:var(--o-mute);font-size:.8rem;font-weight:600}
.allhs-adm-card strong{display:block;font-family:var(--o-mono);font-size:1.85rem;color:var(--o-ink);margin:.15rem 0 .1rem;line-height:1.1}
.allhs-adm-card small{color:var(--o-mute);font-size:.76rem}

/* Panels */
.allhs-adm-panel{background:var(--o-surface);border:1px solid var(--o-line);border-radius:var(--o-radius);box-shadow:var(--o-shadow-sm);padding:1.3rem 1.4rem;margin:0 0 1.25rem}
.allhs-adm-panel > h3{margin:0 0 1rem;font-size:1.1rem;font-family:var(--o-display);color:var(--o-ink)}
.allhs-adm-panel__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1rem}
.allhs-adm-panel__head h3{margin:0;font-size:1.1rem;font-family:var(--o-display);color:var(--o-ink)}
.allhs-adm-panel__head a{color:var(--o-primary-ink);font-weight:600;font-size:.88rem;text-decoration:none}
.allhs-adm-sub{margin:1.1rem 0 .5rem;font-weight:700;font-size:.82rem;color:var(--o-mute);text-transform:uppercase;letter-spacing:.04em}
.allhs-adm-sub:first-of-type{margin-top:0}

/* Tables */
.allhs-adm-table{width:100%;border-collapse:collapse}
.allhs-adm-table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--o-mute);font-weight:700;padding:.5rem .55rem;border-bottom:1px solid var(--o-line);white-space:nowrap}
.allhs-adm-table td{padding:.62rem .55rem;border-bottom:1px solid var(--o-line);font-size:.9rem;color:var(--o-ink-soft);vertical-align:middle}
.allhs-adm-table tr:last-child td{border-bottom:0}
.allhs-adm-table td small{color:var(--o-mute);font-size:.76rem}
.allhs-adm-table a{color:var(--o-primary-ink);font-weight:600;text-decoration:none}
.allhs-adm-table a:hover{text-decoration:underline}
.allhs-adm-mono{font-family:var(--o-mono)}
.allhs-adm-linkfield{width:100%;min-width:170px;font-family:var(--o-mono);font-size:.76rem;border:1px solid var(--o-line);border-radius:6px;padding:.3rem .45rem;background:var(--o-surface-2);color:var(--o-ink-soft)}

/* Filters + inline forms */
.allhs-adm-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin:0 0 1.1rem}
.allhs-adm-filters .allhs-field{margin:0;min-width:180px}
.allhs-adm-inline{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}
.allhs-adm-inline .allhs-field{margin:0;min-width:180px}
.allhs-adm-actions-grid{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end}

/* Facts grid */
.allhs-adm-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.75rem}
.allhs-adm-fact{background:var(--o-surface-2);border-radius:var(--o-radius-sm);padding:.7rem .8rem;min-width:0}
.allhs-adm-fact span{display:block;color:var(--o-mute);font-size:.74rem;font-weight:600;margin-bottom:.15rem}
.allhs-adm-fact b{color:var(--o-ink);font-weight:650;word-break:break-word}
.allhs-adm-fact a{color:var(--o-primary-ink);text-decoration:none}

/* Create-charge form */
.allhs-adm-charge{margin-top:1.2rem;border-top:1px solid var(--o-line);padding-top:1.1rem}
.allhs-adm-charge__row{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}

/* Pager */
.allhs-adm-pager{display:flex;gap:.75rem;justify-content:center;align-items:center;margin-top:1.1rem}
.allhs-adm-pager__pos{font-size:.85rem;color:var(--o-mute)}

/* Responsive */
@media (max-width:980px){
  .allhs-adm{grid-template-columns:1fr}
  .allhs-adm__nav{position:static;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.4rem}
  .allhs-adm__brand{width:100%;border-bottom:0;padding-bottom:.2rem;margin-bottom:0}
  .allhs-adm__navlabel{display:none}
  .allhs-adm__navfoot{width:100%;margin-top:.3rem;border-top:0;padding-top:0}
  .allhs-adm__navfoot br{display:none}
  .allhs-adm__navfoot a{margin-right:1rem}
}
@media (max-width:640px){
  .allhs-adm__top{flex-direction:column;align-items:flex-start;gap:.35rem}
  .allhs-adm-charge__row{grid-template-columns:1fr}
  .allhs-adm-table{display:block;overflow-x:auto;white-space:nowrap}
}

/* ====================================================================
 * Dashboard improvements (delivery decision, manage account, triage)
 * ================================================================== */

/* Client: approve / request-revision decision box */
.allhs-decision{margin-top:1.25rem;padding:1.15rem 1.25rem;border:1px solid color-mix(in srgb,var(--o-success) 32%,var(--o-line));border-radius:var(--o-radius);background:color-mix(in srgb,var(--o-success) 6%,var(--o-surface))}
.allhs-decision > h3{margin-top:0}
.allhs-decision__row{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;align-items:flex-start;margin-top:.7rem}
.allhs-decision__row > form{margin:0;flex:0 0 auto}
.allhs-decision details.allhs-action{flex:1 1 260px;margin:0}

/* Client: manage-account panel (collapsible card) */
.allhs-account-panel{background:var(--o-surface);border:1px solid var(--o-line);border-radius:var(--o-radius);box-shadow:var(--o-shadow-sm);margin:1.25rem 0 0;overflow:hidden}
.allhs-account-panel > summary{cursor:pointer;list-style:none;padding:1rem 1.3rem;font-family:var(--o-display);font-weight:600;color:var(--o-ink);font-size:1.05rem}
.allhs-account-panel > summary::-webkit-details-marker{display:none}
.allhs-account-panel > summary::after{content:"+";float:right;color:var(--o-mute);font-weight:700;font-size:1.15rem;line-height:1}
.allhs-account-panel[open] > summary::after{content:"\2013"}
.allhs-account-panel[open] > summary{border-bottom:1px solid var(--o-line)}
.allhs-profile__body{padding:1.2rem 1.3rem 1.4rem}

/* Staff: needs-attention triage grid */
.allhs-adm-attention{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.allhs-adm-attcol{background:var(--o-surface-2);border-radius:var(--o-radius-sm);padding:.9rem 1rem}
.allhs-adm-attcol h4{margin:0 0 .65rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--o-mute);font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.allhs-adm-attcol h4 span{background:var(--o-ink);color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;padding:.1rem .5rem;min-width:1.4rem;text-align:center}
.allhs-adm-attlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.allhs-adm-attlist li{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;font-size:.88rem}
.allhs-adm-attlist a{color:var(--o-primary-ink);font-weight:600;text-decoration:none}
.allhs-adm-attlist a:hover{text-decoration:underline}
@media (max-width:760px){ .allhs-adm-attention{grid-template-columns:1fr} }

/* ==================================================================
 * Staff dashboard — visual revamp (colour · depth · nav icons)
 * Appended overrides; later source-order wins.
 * ================================================================== */
.allhs-adm{
  --acc-1:#2856DB; --acc-2:#6C5CE7; --acc-3:#158A5A; --acc-4:#E8912D;
  --i-dash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
  --i-orders:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E");
  --i-users:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4.4 3.6-6 8-6s8 1.6 8 6'/%3E%3C/svg%3E");
  --i-card:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E");
  --i-team:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20c0-3.3 2.7-5 6-5s6 1.7 6 5'/%3E%3Cpath d='M16 6a3 3 0 0 1 0 6M17.5 15c2 .6 3.5 2 3.5 5'/%3E%3C/svg%3E");
  padding:1.4rem;border-radius:22px;border:1px solid var(--o-line);
  background:
    radial-gradient(130% 90% at 100% -10%, color-mix(in srgb,var(--acc-2) 9%,transparent), transparent 55%),
    radial-gradient(120% 90% at -10% -10%, color-mix(in srgb,var(--acc-1) 10%,transparent), transparent 55%),
    var(--o-paper);
}
.allhs-adm__nav{box-shadow:0 12px 34px rgba(22,35,58,.07)}
.allhs-adm__navlink{position:relative}
.allhs-adm__navlink::before{content:"";width:18px;height:18px;flex:0 0 18px;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;opacity:.8}
.allhs-adm__navlink:first-of-type::before{-webkit-mask-image:var(--i-dash);mask-image:var(--i-dash)}
.allhs-adm__navlink[href*="view=orders"]::before{-webkit-mask-image:var(--i-orders);mask-image:var(--i-orders)}
.allhs-adm__navlink[href*="view=customers"]::before{-webkit-mask-image:var(--i-users);mask-image:var(--i-users)}
.allhs-adm__navlink[href*="view=payments"]::before{-webkit-mask-image:var(--i-card);mask-image:var(--i-card)}
.allhs-adm__navlink[href*="view=team"]::before{-webkit-mask-image:var(--i-team);mask-image:var(--i-team)}
.allhs-adm__navlink:hover{background:color-mix(in srgb,var(--acc-1) 10%,var(--o-surface));color:var(--o-ink)}
.allhs-adm__navlink.is-active{background:linear-gradient(135deg,var(--acc-1),color-mix(in srgb,#000 14%,var(--acc-1)));color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--acc-1) 38%,transparent)}
.allhs-adm__navlink.is-active::before{opacity:1}
.allhs-adm__who{display:inline-flex;align-items:center;gap:.45rem;background:var(--o-surface);border:1px solid var(--o-line);border-radius:999px;padding:.4rem .85rem;box-shadow:var(--o-shadow-sm);color:var(--o-ink-soft);white-space:nowrap}
.allhs-adm__who::before{content:"";width:15px;height:15px;flex:0 0 15px;background-color:var(--acc-1);-webkit-mask:center/contain no-repeat var(--i-users);mask:center/contain no-repeat var(--i-users)}
.allhs-adm__title{font-size:2rem}
.allhs-adm-card{transition:transform .12s ease,box-shadow .2s ease;border-top:3px solid var(--o-line)}
.allhs-adm-card:hover{transform:translateY(-2px);box-shadow:var(--o-shadow-md)}
.allhs-adm__cards .allhs-adm-card:nth-child(1){border-top-color:var(--acc-1)} .allhs-adm__cards .allhs-adm-card:nth-child(1) strong{color:var(--acc-1)}
.allhs-adm__cards .allhs-adm-card:nth-child(2){border-top-color:var(--acc-2)} .allhs-adm__cards .allhs-adm-card:nth-child(2) strong{color:var(--acc-2)}
.allhs-adm__cards .allhs-adm-card:nth-child(3){border-top-color:var(--acc-3)} .allhs-adm__cards .allhs-adm-card:nth-child(3) strong{color:var(--acc-3)}
.allhs-adm__cards .allhs-adm-card:nth-child(4){border-top-color:var(--acc-4)} .allhs-adm__cards .allhs-adm-card:nth-child(4) strong{color:var(--acc-4)}
.allhs-adm-panel > h3,.allhs-adm-panel__head h3{position:relative;padding-left:.72rem}
.allhs-adm-panel > h3::before,.allhs-adm-panel__head h3::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:4px;border-radius:3px;background:linear-gradient(var(--acc-1),var(--acc-2))}
.allhs-adm-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--o-surface-2) 42%,transparent)}
.allhs-adm-table tbody tr:hover td{background:color-mix(in srgb,var(--acc-1) 7%,transparent)}
.allhs-adm-attention .allhs-adm-attcol{background:var(--o-surface);border:1px solid var(--o-line)}
.allhs-adm-attention .allhs-adm-attcol:nth-child(1){box-shadow:inset 3px 0 0 var(--acc-4)}
.allhs-adm-attention .allhs-adm-attcol:nth-child(2){box-shadow:inset 3px 0 0 var(--acc-2)}
.allhs-adm-attention .allhs-adm-attcol:nth-child(3){box-shadow:inset 3px 0 0 var(--acc-1)}
.allhs-adm-attention .allhs-adm-attcol:nth-child(1) h4 span{background:var(--acc-4)}
.allhs-adm-attention .allhs-adm-attcol:nth-child(2) h4 span{background:var(--acc-2)}
.allhs-adm-attention .allhs-adm-attcol:nth-child(3) h4 span{background:var(--acc-1)}
.allhs-adm .btn{--_bg:var(--o-primary)}
.allhs-adm .btn:not(.btn--ghost):hover{background-image:linear-gradient(135deg,color-mix(in srgb,#fff 15%,var(--_bg)),color-mix(in srgb,#000 16%,var(--_bg)))}
.allhs-adm .btn--ghost:hover{background:color-mix(in srgb,var(--acc-1) 9%,#fff);border-color:var(--acc-1);color:var(--acc-1)}

/* ==================================================================
 * Inputs (both dashboards) + list tools, notes, chart
 * ================================================================== */
/* More visible, appealing form fields */
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field input,
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field select,
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field textarea{
  border:1.5px solid color-mix(in srgb,var(--o-ink) 22%, var(--o-line));
  background:#fff;box-shadow:inset 0 1px 2px rgba(22,35,58,.05);
}
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field input:hover,
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field select:hover,
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field textarea:hover{
  border-color:color-mix(in srgb,var(--o-ink) 38%, var(--o-line));
}
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field input:focus,
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field select:focus,
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field textarea:focus{
  outline:none;border-color:var(--o-primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--o-primary) 22%, transparent);
}
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field input::placeholder,
:is(.allhs-adm,.allhs-order,.allhs-account) .allhs-field textarea::placeholder{color:color-mix(in srgb,var(--o-ink) 45%, transparent)}

/* Status filter tabs */
.allhs-adm-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.1rem}
.allhs-adm-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border-radius:999px;background:var(--o-surface);border:1px solid var(--o-line);color:var(--o-ink-soft);font-weight:600;font-size:.88rem;text-decoration:none;box-shadow:var(--o-shadow-sm);transition:border-color .15s ease,color .15s ease,background .15s ease}
.allhs-adm-tab span{background:color-mix(in srgb,var(--o-ink) 8%,transparent);color:var(--o-ink-soft);border-radius:999px;font-size:.74rem;font-weight:700;padding:.05rem .45rem;min-width:1.3rem;text-align:center}
.allhs-adm-tab:hover{border-color:color-mix(in srgb,var(--acc-1,#2856DB) 45%,var(--o-line));color:var(--o-ink);text-decoration:none}
.allhs-adm-tab.is-active{background:linear-gradient(135deg,var(--acc-1,#2856DB),color-mix(in srgb,#000 14%,var(--acc-1,#2856DB)));border-color:transparent;color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--acc-1,#2856DB) 34%,transparent)}
.allhs-adm-tab.is-active span{background:rgba(255,255,255,.25);color:#fff}

/* Toolbar (filters + export on one line) */
.allhs-adm-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-between;margin:0 0 1.1rem}
.allhs-adm-toolbar .allhs-adm-filters{margin:0}
.allhs-field--search{min-width:260px}
.allhs-adm-export{white-space:nowrap}

/* Quick inline status change */
.allhs-adm-rowact{white-space:nowrap}
.allhs-adm-rowact{display:flex;gap:.55rem;align-items:center}
.allhs-adm-qstatus{display:inline-block;margin:0}
.allhs-adm-qstatus select{font:inherit;font-size:.82rem;padding:.32rem .5rem;border:1.5px solid var(--o-line);border-radius:8px;background:#fff;color:var(--o-ink-soft);cursor:pointer;max-width:160px}
.allhs-adm-qstatus select:hover{border-color:color-mix(in srgb,var(--o-ink) 34%,var(--o-line))}
.allhs-adm-qstatus select:focus{outline:none;border-color:var(--o-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--o-primary) 20%,transparent)}
.allhs-adm-open{color:var(--o-primary-ink);font-weight:600;text-decoration:none}
.allhs-adm-open:hover{text-decoration:underline}

/* Internal notes */
.allhs-adm-note-hint{font-size:.78rem;color:var(--o-mute);font-weight:600}
.allhs-field--note{margin-bottom:.7rem}
.allhs-field--note textarea{min-height:96px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}

/* Revenue bar chart */
.allhs-adm-chart{display:flex;align-items:flex-end;gap:.6rem;height:200px;padding:.5rem .2rem 0}
.allhs-adm-chart__col{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:.4rem;min-width:0}
.allhs-adm-chart__track{width:100%;max-width:52px;height:100%;display:flex;align-items:flex-end}
.allhs-adm-chart__bar{width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--acc-1,#2856DB),color-mix(in srgb,var(--acc-2,#6C5CE7) 70%,var(--acc-1,#2856DB)));min-height:4px;transition:filter .15s ease}
.allhs-adm-chart__col:hover .allhs-adm-chart__bar{filter:brightness(1.09)}
.allhs-adm-chart__val{font-size:.72rem;font-weight:700;color:var(--o-ink);font-family:var(--o-mono)}
.allhs-adm-chart__lbl{font-size:.76rem;color:var(--o-mute);font-weight:600}
@media (max-width:640px){ .allhs-adm-chart__val{display:none} }

/* ==================================================================
 * Dark-blue sidebar · notifications bell · messages hub
 * ================================================================== */
.allhs-adm{--i-bell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E")}

/* Dark navy sidebar */
.allhs-adm__nav{background:linear-gradient(180deg,#1F386B 0%,#142A54 100%);border-color:#1F386B;box-shadow:0 18px 42px rgba(15,26,52,.30)}
.allhs-adm__brand{color:#fff;border-bottom-color:rgba(255,255,255,.16)}
.allhs-adm__brand small{color:rgba(255,255,255,.62)}
.allhs-adm__navlabel{color:rgba(255,255,255,.5)}
.allhs-adm__navlink{color:rgba(255,255,255,.82)}
.allhs-adm__navlink:hover{background:rgba(255,255,255,.10);color:#fff}
.allhs-adm__navlink.is-active{background:linear-gradient(135deg,#3E6BFF,#2856DB);color:#fff;box-shadow:0 8px 18px rgba(40,86,219,.5)}
.allhs-adm__navlink.is-active::before{opacity:1}
.allhs-adm__navfoot{border-top-color:rgba(255,255,255,.16)}
.allhs-adm__navfoot a{color:#AFC5FF}
.allhs-adm__navfoot a:hover{color:#fff}

/* Topbar right cluster */
.allhs-adm__topright{display:flex;align-items:center;gap:.7rem}

/* Notification bell */
.allhs-adm-bell{position:relative}
.allhs-adm-bell > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--o-surface);border:1px solid var(--o-line);box-shadow:var(--o-shadow-sm);position:relative}
.allhs-adm-bell > summary::-webkit-details-marker{display:none}
.allhs-adm-bell > summary:hover{border-color:color-mix(in srgb,var(--acc-1,#2856DB) 40%,var(--o-line))}
.allhs-adm-bell__ico{width:19px;height:19px;background-color:var(--o-ink-soft);-webkit-mask:center/contain no-repeat var(--i-bell);mask:center/contain no-repeat var(--i-bell)}
.allhs-adm-bell__count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#E23D4B;color:#fff;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--o-paper)}
.allhs-adm-bell__menu{position:absolute;top:calc(100% + .5rem);right:0;width:320px;max-width:86vw;background:var(--o-surface);border:1px solid var(--o-line);border-radius:14px;box-shadow:0 18px 44px rgba(22,35,58,.18);z-index:60;overflow:hidden}
.allhs-adm-bell__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .95rem;border-bottom:1px solid var(--o-line)}
.allhs-adm-bell__head strong{font-size:.95rem;color:var(--o-ink)}
.allhs-adm-bell__head form{margin:0}
.allhs-adm-bell__clear{background:none;border:0;color:var(--o-primary-ink);font-weight:600;font-size:.8rem;cursor:pointer;padding:0}
.allhs-adm-bell__clear:hover{text-decoration:underline}
.allhs-adm-bell__empty{padding:1.1rem .95rem;color:var(--o-mute);font-size:.88rem;margin:0}
.allhs-adm-bell__list{list-style:none;margin:0;padding:.3rem;max-height:360px;overflow:auto}
.allhs-adm-bell__list li{border-radius:10px}
.allhs-adm-bell__list li.is-unread{background:color-mix(in srgb,var(--acc-1,#2856DB) 7%,transparent)}
.allhs-adm-bell__list a{display:flex;gap:.6rem;align-items:flex-start;padding:.6rem .65rem;text-decoration:none;color:var(--o-ink-soft);border-radius:10px}
.allhs-adm-bell__list a:hover{background:var(--o-surface-2)}
.allhs-adm-bell__t{flex:0 0 9px;width:9px;height:9px;border-radius:50%;margin-top:.35rem;background:var(--o-mute)}
.allhs-adm-bell__t.type-order{background:var(--acc-1,#2856DB)}
.allhs-adm-bell__t.type-message{background:var(--acc-2,#6C5CE7)}
.allhs-adm-bell__t.type-payment{background:var(--acc-3,#158A5A)}
.allhs-adm-bell__txt{display:flex;flex-direction:column;gap:.1rem;font-size:.86rem;font-weight:600;color:var(--o-ink)}
.allhs-adm-bell__txt small{font-weight:500;color:var(--o-mute);font-size:.75rem}

/* Messages hub unread markers */
.allhs-adm-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc-2,#6C5CE7);margin-right:.5rem;vertical-align:middle}
.allhs-adm-table tr.is-unread td{background:color-mix(in srgb,var(--acc-2,#6C5CE7) 8%,transparent)}
.allhs-adm-table tr.is-unread td:nth-child(2){font-weight:700}

/* ==================================================================
 * Sticky nav fix · notification overflow fix · full-width dashboard
 * ================================================================== */
/* Dashboard fills the page (wide wrapper comes from the full-width template) */
.wrap-dash{width:min(1560px,94%);margin-inline:auto}
.allhs-adm{max-width:100%}

/* Sidebar sticks BELOW the 68px site header so the brand stays visible */
.allhs-adm__nav{top:84px;align-self:start;max-height:calc(100vh - 84px - 1rem);overflow-y:auto}

/* Topbar + its notification menu stack above the dashboard content */
.allhs-adm__top{position:relative;z-index:40}
.allhs-adm-bell__menu{z-index:60;background:var(--o-surface,#fff)}

/* Customer side: shared bell + accent dots available on the account page */
.allhs-account{--acc-1:#2856DB;--acc-2:#6C5CE7;--acc-3:#158A5A;--acc-4:#E8912D;--i-bell:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E")}
.allhs-dash-head__actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.allhs-acc-bell .allhs-adm-bell__menu{left:auto;right:0}
.allhs-acc-messages{margin-top:1.5rem}
.allhs-acc-messages .allhs-adm-table{margin-top:.4rem}

/* ---------- Message attachments (both dashboards) ---------- */
.allhs-msg-attach{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.6rem}
.allhs-msg-attach__file{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--o-ink-soft);cursor:pointer}
.allhs-msg-attach__file input[type=file]{max-width:210px;font-size:.78rem;color:var(--o-mute)}
.allhs-msg-files{list-style:none;margin:.45rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}
.allhs-msg-files a{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--o-primary-ink);text-decoration:none;word-break:break-word}
.allhs-msg-files a:hover{text-decoration:underline}
.allhs-msg-files .allhs-file-ic{font-weight:800;font-size:.95rem}

/* ---------- Admin solid buttons: explicit fill so they can never render invisible ---------- */
.allhs-adm .btn:not(.btn--ghost){
  background-color:#2856DB;
  color:#fff;
  border-color:transparent;
}
.allhs-adm .btn:not(.btn--ghost):hover{
  background-color:#1D40A8;
  color:#fff;
}

/* ---------- Dismissible notices + drag-drop upload zone ---------- */
.allhs-alert--dismiss{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.allhs-alert__x{background:none;border:0;font-size:1.5rem;line-height:1;color:inherit;opacity:.55;cursor:pointer;padding:0 .1rem;flex:none;font-family:inherit}
.allhs-alert__x:hover{opacity:1}
.allhs-msg-attach{border:1.5px dashed var(--o-line,#E7E3DA);border-radius:12px;padding:.75rem .85rem;background:var(--o-surface-2,#F4F2EC);transition:border-color .15s ease,background .15s ease}
.allhs-msg-attach.is-drag{border-color:var(--o-primary,#2856DB);background:color-mix(in srgb,var(--o-primary,#2856DB) 8%,#fff)}

/* Inquiries (standalone order-independent messages) */
.allhs-inq-panel{margin-top:1.75rem}
.allhs-inq-panel > h3{margin:0 0 .3rem}
.allhs-inq-panel > .allhs-muted{margin:0 0 1rem;max-width:62ch}
.allhs-inq-new{margin:0 0 1.35rem}
.allhs-inq-new[open]{box-shadow:var(--o-shadow-md)}
.allhs-inq-form{padding:1.2rem 1.35rem 1.35rem;margin:0}
.allhs-inq-form .allhs-field{margin:0 0 1rem}
.allhs-inq-form .allhs-msg-attach{margin-top:.4rem}
.allhs-inq-listhead{font-family:var(--o-display);font-weight:650;color:var(--o-ink);font-size:1rem;margin:0 0 .6rem}
.allhs-inq-panel .allhs-adm-table{margin-top:0}
.allhs-inq-empty{padding:1.1rem 1.3rem;border:1px dashed color-mix(in srgb,var(--o-ink) 18%,transparent);border-radius:var(--o-radius);background:color-mix(in srgb,var(--o-ink) 3%,var(--o-surface));color:var(--o-mute);font-size:.95rem}
.allhs-back{margin:0 0 .5rem}

/* ==================================================================
 * Customer dashboard — sidebar shell (reuses .allhs-adm) + My Orders dropdown
 * ================================================================== */

/* Additional icons */
.allhs-adm{
  --i-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7'/%3E%3Cpath d='M5 9v11h14V9'/%3E%3C/svg%3E");
  --i-msg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
  --i-cog:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'/%3E%3Cline x1='4' y1='10' x2='4' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='3'/%3E%3Cline x1='20' y1='21' x2='20' y2='16'/%3E%3Cline x1='20' y1='12' x2='20' y2='3'/%3E%3Cline x1='2' y1='14' x2='6' y2='14'/%3E%3Cline x1='10' y1='8' x2='14' y2='8'/%3E%3Cline x1='18' y1='16' x2='22' y2='16'/%3E%3C/svg%3E");
  --i-help:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
  --i-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

/* Icons for admin nav links that previously had none */
.allhs-navlink--orders::before{-webkit-mask-image:var(--i-orders);mask-image:var(--i-orders)}
.allhs-adm__navlink[href*="view=messages"]::before{-webkit-mask-image:var(--i-msg);mask-image:var(--i-msg)}
.allhs-adm__navlink[href*="view=inquiries"]::before{-webkit-mask-image:var(--i-help);mask-image:var(--i-help)}

/* My Orders dropdown — shared by customer + admin sidebars */
.allhs-adm__navgroup{margin:0}
.allhs-adm__navgroup > summary{list-style:none;cursor:pointer}
.allhs-adm__navgroup > summary::-webkit-details-marker{display:none}
.allhs-adm__navgroup > summary::after{content:"";width:13px;height:13px;flex:0 0 13px;margin-left:auto;background-color:currentColor;opacity:.55;-webkit-mask:center/contain no-repeat var(--i-chev);mask:center/contain no-repeat var(--i-chev);transition:transform .15s ease}
.allhs-adm__navgroup[open] > summary::after{transform:rotate(180deg)}
.allhs-adm__navsub{display:flex;flex-direction:column;gap:.12rem;margin:.15rem 0 .35rem;padding-left:.2rem}
.allhs-adm__navsublink{position:relative;display:block;padding:.42rem .6rem .42rem 2rem;border-radius:var(--o-radius-sm);font-size:.86rem;font-weight:600;text-decoration:none;color:rgba(255,255,255,.72)}
.allhs-adm__navsublink::before{content:"";position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45}
.allhs-adm__navsublink:hover{background:rgba(255,255,255,.10);color:#fff;text-decoration:none}
.allhs-adm__navsublink.is-active{background:rgba(255,255,255,.14);color:#fff}
.allhs-adm__navsublink.is-active::before{opacity:1}

/* Customer sidebar nav icons (class-based, override generic first-of-type/attr rules) */
.allhs-adm--cust .allhs-navlink--home::before{-webkit-mask-image:var(--i-home);mask-image:var(--i-home)}
.allhs-adm--cust .allhs-navlink--dash::before{-webkit-mask-image:var(--i-dash);mask-image:var(--i-dash)}
.allhs-adm--cust .allhs-navlink--orders::before{-webkit-mask-image:var(--i-orders);mask-image:var(--i-orders)}
.allhs-adm--cust .allhs-navlink--msg::before{-webkit-mask-image:var(--i-msg);mask-image:var(--i-msg)}
.allhs-adm--cust .allhs-navlink--wallet::before{-webkit-mask-image:var(--i-card);mask-image:var(--i-card)}
.allhs-adm--cust .allhs-navlink--settings::before{-webkit-mask-image:var(--i-cog);mask-image:var(--i-cog)}

/* Section header (e.g. Recent orders) */
.allhs-sec-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .85rem}
.allhs-sec-head h3{margin:0}

/* Customer dashboard — button text fix, summary actions, orders search
   (ghost buttons in the customer area sit on a filled background, so keep their text white) */
.allhs-adm--cust .btn--ghost{--_fg:#fff;border-color:transparent}
.allhs-adm--cust .btn--ghost:hover{--_fg:#fff;color:#fff;background:#1D40A8;border-color:transparent}

.allhs-dash-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.2rem 0 1.4rem}

.allhs-orders-search{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem}
.allhs-orders-search input[type=search]{flex:1 1 260px;min-width:0;padding:.6rem .85rem;border:1.5px solid var(--o-line);border-radius:var(--o-radius-sm);background:#fff;color:var(--o-ink);font:inherit}
.allhs-orders-search input[type=search]:focus{outline:none;border-color:var(--o-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--o-primary) 16%,transparent)}

/* ==================================================================
 * WhatsApp support (order detail card + sidebar item)
 * ================================================================== */
.allhs-adm{--i-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.71.306 1.263.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.999-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E")}

.allhs-wa{
  border:1px solid color-mix(in srgb,#25D366 32%,var(--o-line));
  background:linear-gradient(180deg,color-mix(in srgb,#25D366 9%,#fff),color-mix(in srgb,#25D366 3%,var(--o-surface)));
  box-shadow:0 1px 2px color-mix(in srgb,#128C4B 10%,transparent);
}
.allhs-wa > h3{display:flex;align-items:center;gap:.65rem;margin:0 0 .3rem}
.allhs-wa__logo{position:relative;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#25D366;box-shadow:0 2px 6px color-mix(in srgb,#128C4B 35%,transparent)}
.allhs-wa__logo::before{content:"";position:absolute;inset:8px;background-color:#fff;-webkit-mask:center/contain no-repeat var(--i-wa);mask:center/contain no-repeat var(--i-wa)}
.allhs-wa p{margin:0 0 .8rem}
.allhs-wa__msg{width:100%;box-sizing:border-box;padding:.7rem .9rem;border:1.5px solid color-mix(in srgb,#25D366 25%,var(--o-line));border-radius:12px;background:#fff;color:var(--o-ink);font:inherit;line-height:1.5;resize:vertical;min-height:74px;margin:0 0 .85rem}
.allhs-wa__msg:focus{outline:none;border-color:#25D366;box-shadow:0 0 0 3px color-mix(in srgb,#25D366 20%,transparent)}
.allhs-wa__go-ico{width:20px;height:20px;flex:0 0 20px;background-color:#fff;-webkit-mask:center/contain no-repeat var(--i-wa);mask:center/contain no-repeat var(--i-wa)}
.allhs-adm--cust .btn.allhs-wa__go{background-color:#25D366;background-image:none;color:#fff;border-color:transparent;box-shadow:0 4px 12px color-mix(in srgb,#128C4B 30%,transparent)}
.allhs-adm--cust .btn.allhs-wa__go:hover{background-color:#1EB255;background-image:none;color:#fff}

.allhs-adm--cust .allhs-navlink--wa::before{-webkit-mask-image:var(--i-wa);mask-image:var(--i-wa);background-color:#25D366;opacity:1}
.allhs-adm--cust .allhs-navlink--wa{color:#9BEFBB}
.allhs-adm--cust .allhs-navlink--wa:hover{background:rgba(37,211,102,.16);color:#fff}

/* ==================================================================
 * Customer order-detail refinements — buttons, manage-order, WhatsApp
 * ================================================================== */

/* Tidier, less bulky buttons across the customer dashboard */
.allhs-adm--cust .btn{padding:.62rem 1.15rem;font-size:.9rem}
.allhs-adm--cust .btn--sm{padding:.45rem .9rem;font-size:.82rem}

/* Manage-order collapsibles: more breathing room + gentle interaction */
.allhs-adm--cust .allhs-order-actions > h3{margin-bottom:.9rem}
.allhs-adm--cust .allhs-order-actions .allhs-action{margin:0 0 .75rem;box-shadow:var(--o-shadow-sm)}
.allhs-adm--cust .allhs-order-actions .allhs-action > summary{padding:.95rem 1.2rem;transition:background .15s ease}
.allhs-adm--cust .allhs-order-actions .allhs-action > summary:hover{background:color-mix(in srgb,var(--o-primary) 4%,var(--o-surface))}
.allhs-adm--cust .allhs-order-actions .allhs-action[open]{box-shadow:var(--o-shadow-md)}
.allhs-adm--cust .allhs-order-actions .allhs-action[open] > summary{background:color-mix(in srgb,var(--o-primary) 5%,var(--o-surface))}
.allhs-adm--cust .allhs-order-actions .allhs-action__body{padding:1.15rem 1.3rem 1.35rem}
.allhs-adm--cust .allhs-order-actions .allhs-action__body input[type=number]{max-width:200px}
.allhs-adm--cust .allhs-order-actions .allhs-action__body select{max-width:300px}

/* WhatsApp card — inset content, smaller badge, tidier send button */
.allhs-wa{padding:1.35rem 1.55rem 1.4rem}
.allhs-wa > h3{gap:.7rem;align-items:center}
.allhs-wa__logo{width:30px;height:30px;flex:0 0 30px}
.allhs-wa__logo::before{inset:7px}
.allhs-wa__go-ico{width:17px;height:17px;flex:0 0 17px}
.allhs-adm--cust .btn.allhs-wa__go{padding:.58rem 1.2rem;font-size:.9rem}

/* Change-deadline note (cost vs free hint under the select) */
.allhs-deadline-note{margin:.15rem 0 .9rem;font-size:.86rem;color:var(--o-mute)}
.allhs-deadline-note:empty{display:none;margin:0}

/* Single-column auth (password reset / lost password) */
.allhs-auth--single{grid-template-columns:1fr;max-width:420px;margin-inline:auto}