:root {
  --paper: #eef5f6;
  --paper-deep: #dfeaec;
  --surface: #fbfdfd;
  --ink: #263f49;
  --ink-soft: #667a80;
  --line: #cedcdf;
  --brick: #3c7f8d;
  --brick-dark: #2d626d;
  --green: #4b7968;
  --green-dark: #365f51;
  --gold: #bd9658;
  --danger: #b54238;
  --admin-bg: #edf3f5;
  --admin-side: #203740;
  --shadow: 0 22px 55px rgba(35, 66, 76, .11);
  --radius: 18px;
  --font: "Microsoft JhengHei UI", "Yu Gothic UI", sans-serif;
  --display: Bahnschrift, "Microsoft JhengHei UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body.armo-public-layout {
  display: block !important;
  min-height: 100vh;
  margin: 0;
  padding: 0 !important;
  color: var(--ink);
  background-color: var(--paper) !important;
  background-image:
    linear-gradient(rgba(96, 75, 61, .052) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96, 75, 61, .052) 1px, transparent 1px),
    radial-gradient(circle at 88% 12%, rgba(152, 77, 66, .11), transparent 28%) !important;
  background-size: 48px 48px, 48px 48px, auto !important;
  font-family: var(--font) !important;
}

.armo-service-strip {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 20px;
  color: #ded7cf;
  background: #1d1917;
  font: 700 11px/1.4 var(--display);
  letter-spacing: .13em;
}

.armo-global-header {
  position: sticky;
  top: 0;
  z-index: 1200;
  border-bottom: 1px solid rgba(85, 65, 51, .14);
  background: rgba(250, 247, 241, .94);
  box-shadow: 0 8px 28px rgba(49, 39, 32, .06);
  backdrop-filter: blur(16px);
}

html.armo-maintenance-active .armo-global-header,
html.armo-maintenance-active .armo-admin-topbar { top: 47px; }

.armo-nav-inner {
  width: min(1180px, calc(100% - 34px));
  min-height: 78px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.armo-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--ink) !important;
  text-decoration: none !important;
}

.armo-brand-mark {
  width: 52px;
  height: 52px;
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 14px;
  background: transparent;
  box-shadow: 0 7px 18px rgba(31,73,78,.12);
}

.armo-brand-mark img { width: 100%; height: 100%; display: block; }

.armo-brand-copy strong { display: block; font: 900 20px/1.1 var(--font); letter-spacing: .12em; }
.armo-brand-copy small { display: block; margin-top: 5px; color: #847970; font-size: 10px; font-weight: 700; letter-spacing: .08em; }

.armo-main-nav { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.armo-main-nav a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 13px;
  border-radius: 10px;
  color: #3d3733 !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 800;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.armo-main-nav a:hover,
.armo-main-nav a[aria-current="page"] { color: var(--brick) !important; background: rgba(152,77,66,.08); transform: translateY(-1px); }
.armo-main-nav .armo-nav-login { margin-left: 5px; padding-inline: 18px; color: #fff !important; background: var(--green); box-shadow: 0 10px 24px rgba(8,122,73,.18); }
.armo-main-nav .armo-nav-login:hover { color: #fff !important; background: var(--green-dark); }

.armo-menu-toggle {
  display: none;
  min-width: 50px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: var(--ink);
  background: var(--surface);
  font: 800 12px/1 var(--font);
}

body.armo-public-layout > .site,
body.armo-public-layout > main.shell {
  width: min(1180px, calc(100% - 34px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 38px 0 74px !important;
}

body.armo-public-layout > main:not(.shell):not(.site) {
  width: min(760px, calc(100% - 34px)) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 48px 0 72px !important;
}

body.armo-public-layout .site > .top {
  margin-bottom: 18px;
  padding: 10px 14px;
  border: 1px solid rgba(152,77,66,.18);
  border-radius: 999px;
  color: var(--brick) !important;
  background: rgba(255,253,249,.74) !important;
  box-shadow: none !important;
}

body.armo-public-layout .badge,
body.armo-public-layout .chip { color: var(--brick) !important; border-color: rgba(152,77,66,.22) !important; background: rgba(152,77,66,.07) !important; }
body.armo-public-layout .dot { background: var(--green) !important; }

body.armo-public-layout .hero {
  position: relative;
  isolation: isolate;
  min-height: 430px;
  overflow: hidden;
  padding: clamp(34px, 6vw, 78px) clamp(25px, 6vw, 72px) !important;
  border: 1px solid rgba(90,69,55,.16) !important;
  border-radius: 24px !important;
  color: var(--ink) !important;
  background: linear-gradient(90deg, rgba(255,253,249,.98) 0%, rgba(255,253,249,.95) 57%, rgba(235,226,216,.72) 100%) !important;
  box-shadow: var(--shadow) !important;
}

body.armo-public-layout .hero::before {
  content: "機匯所\A B2B";
  white-space: pre;
  position: absolute;
  right: clamp(24px, 7vw, 90px);
  top: 50%;
  z-index: -1;
  width: 270px;
  height: 270px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(152,77,66,.25);
  border-radius: 28px;
  color: rgba(152,77,66,.16);
  background: linear-gradient(rgba(152,77,66,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(152,77,66,.10) 1px, transparent 1px), rgba(255,255,255,.28);
  background-size: 26px 26px;
  transform: translateY(-50%) rotate(4deg);
  font: 900 58px/.86 var(--display);
  text-align: center;
  letter-spacing: -.05em;
}

body.armo-public-layout .hero::after {
  content: "同行限定 · VERIFIED BUSINESS";
  position: absolute;
  right: 55px;
  bottom: 34px;
  z-index: -1;
  padding: 10px 14px;
  border: 1px solid rgba(152,77,66,.18);
  border-radius: 10px;
  color: var(--brick);
  background: rgba(255,253,249,.88);
  font: 800 10px/1 var(--display);
  letter-spacing: .08em;
}

body.armo-public-layout h1,
body.armo-public-layout h2,
body.armo-public-layout h3 { color: var(--ink) !important; font-family: var(--display) !important; }
body.armo-public-layout .hero h1 { max-width: 700px; margin: 0 0 20px !important; font-size: clamp(42px,6vw,76px) !important; line-height: 1.04 !important; letter-spacing: -.055em !important; }
body.armo-public-layout .lead,
body.armo-public-layout .muted,
body.armo-public-layout .label,
body.armo-public-layout .footnote,
body.armo-public-layout .field-note { color: var(--ink-soft) !important; }
body.armo-public-layout .hero .lead { max-width: 680px; font-size: 17px !important; line-height: 1.8 !important; }

body.armo-public-layout .btn,
body.armo-public-layout button,
body.armo-public-layout a.btn {
  min-height: 44px;
  border: 1px solid var(--line) !important;
  border-radius: 11px !important;
  color: var(--ink) !important;
  background: var(--surface) !important;
  box-shadow: 0 8px 18px rgba(43,33,26,.07) !important;
  font-family: var(--font) !important;
  font-weight: 800 !important;
}
body.armo-public-layout .btn-primary,
body.armo-public-layout .btn.primary,
body.armo-public-layout button[type="submit"] { color: #fff !important; border-color: var(--ink) !important; background: var(--ink) !important; }
body.armo-public-layout .btn-success { color: #fff !important; border-color: var(--green) !important; background: var(--green) !important; }

body.armo-public-layout .stat,
body.armo-public-layout .feature,
body.armo-public-layout .trust-panel,
body.armo-public-layout .search-preview,
body.armo-public-layout .card,
body.armo-public-layout .signin-box,
body.armo-public-layout .notice,
body.armo-public-layout .sheet {
  border: 1px solid rgba(90,69,55,.15) !important;
  border-radius: var(--radius) !important;
  color: var(--ink) !important;
  background: rgba(255,253,249,.93) !important;
  box-shadow: 0 14px 35px rgba(51,39,30,.07) !important;
}
body.armo-public-layout .feature { position: relative; overflow: hidden; padding: 24px !important; }
body.armo-public-layout .feature::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--brick); }
body.armo-public-layout .trust-panel,
body.armo-public-layout .search-preview { padding: clamp(20px,4vw,38px) !important; }

body.armo-public-layout input,
body.armo-public-layout select,
body.armo-public-layout textarea {
  min-height: 46px;
  border: 1px solid #cfc4b8 !important;
  border-radius: 10px !important;
  color: var(--ink) !important;
  background: #fff !important;
  box-shadow: inset 0 1px 2px rgba(50,38,29,.04) !important;
  font-family: var(--font) !important;
}
body.armo-public-layout input:focus,
body.armo-public-layout select:focus,
body.armo-public-layout textarea:focus { outline: 3px solid rgba(152,77,66,.13) !important; border-color: var(--brick) !important; }
body.armo-public-layout label { color: #3d3632 !important; font-weight: 800 !important; }

body.armo-public-layout .table,
body.armo-public-layout table { color: var(--ink) !important; background: #fff !important; }
body.armo-public-layout .table th,
body.armo-public-layout th { color: #6b5f57 !important; border-color: #ddd4ca !important; background: #eee7de !important; font-size: 12px !important; letter-spacing: .04em; }
body.armo-public-layout .table td,
body.armo-public-layout td { border-color: #e8e0d7 !important; }
body.armo-public-layout tbody tr:hover { background: #faf4ec !important; }
body.armo-public-layout main.shell > nav.nav,
body.armo-public-layout main.shell > nav.top { display: none !important; }
body.armo-public-layout > .site > .footer { display: none !important; }

.armo-footer { color: #e9e2da; background: #1d1917; font-family: var(--font); }
.armo-footer-inner { width: min(1180px,calc(100% - 34px)); margin: 0 auto; display: grid; grid-template-columns: 1.35fr repeat(3,1fr); gap: 42px; padding: 56px 0 42px; }
.armo-footer-brand { max-width: 330px; }
.armo-footer-brand .armo-brand { color: #fff !important; }
.armo-footer-brand .armo-brand-copy small { color: #a99f96; }
.armo-footer-brand p { margin: 18px 0 0; color: #aaa098; font-size: 13px; line-height: 1.8; }
body.armo-public-layout .armo-footer h3,
body.armo-admin-layout .armo-footer h3,
.armo-footer h3 { margin: 3px 0 16px; color: #e2ecee !important; font: 800 13px/1.2 var(--display); letter-spacing: .06em; }
.armo-footer-links { display: grid; gap: 10px; }
.armo-footer a { color: #bdb4ac; text-decoration: none; font-size: 13px; }
.armo-footer a:hover { color: #fff; }
.armo-footer-bottom { width: min(1180px,calc(100% - 34px)); margin: 0 auto; display: flex; justify-content: space-between; gap: 18px; padding: 19px 0 24px; border-top: 1px solid rgba(255,255,255,.10); color: #91877f; font-size: 12px; }
.armo-mobile-bottom-nav { display: none; }

body.armo-public-layout .site,
body.armo-public-layout .shell,
body.armo-public-layout .hero,
body.armo-public-layout .card { animation: armo-rise .5s ease both; }
@keyframes armo-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

/* Admin workspace */
body.armo-admin-layout { display: block !important; min-height: 100vh; margin: 0 !important; padding: 0 !important; color: var(--ink) !important; background: var(--admin-bg) !important; font-family: var(--font) !important; }
.armo-admin-shell { min-height: 100vh; display: grid; grid-template-columns: 264px minmax(0,1fr); }
.armo-admin-shell.is-sidebar-collapsed { grid-template-columns: 86px minmax(0,1fr); }
.armo-admin-sidebar { position: sticky; top: 0; z-index: 1400; height: 100vh; display: flex; flex-direction: column; padding: 22px 16px 16px; color: #ddd6cf; background: radial-gradient(circle at 20% 0,rgba(152,77,66,.22),transparent 29%), var(--admin-side); box-shadow: 12px 0 40px rgba(30,25,22,.08); }
.armo-sidebar-head { display: flex; align-items: center; gap: 7px; padding-bottom: 18px; }
.armo-admin-sidebar .armo-brand { min-width: 0; padding: 0 0 0 8px; color: #fff !important; }
.armo-admin-sidebar .armo-brand-copy small { color: #918981; }
.armo-sidebar-collapse { width: 31px; height: 31px; display: grid; place-items: center; flex: 0 0 auto; margin-left: auto; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; color: #d7e4e6; background: rgba(255,255,255,.07); font: 800 11px/1 var(--font); cursor: pointer; }
.armo-sidebar-collapse:hover { color: #fff; background: rgba(255,255,255,.13); }
.armo-sidebar-label { margin: 13px 11px 8px; color: #736c66; font: 800 10px/1 var(--display); letter-spacing: .16em; }
.armo-sidebar-nav { display: grid; gap: 5px; }
.armo-sidebar-nav a,
.armo-sidebar-nav button { width: 100%; min-height: 45px; display: flex; align-items: center; gap: 11px; padding: 0 12px; border: 0; border-radius: 11px; color: #bdb6af; background: transparent; font: 700 14px/1.2 var(--font); text-align: left; text-decoration: none; cursor: pointer; }
.armo-sidebar-nav a:hover,
.armo-sidebar-nav button:hover,
.armo-sidebar-nav [aria-current="page"] { color: #fff; background: rgba(255,255,255,.09); }
.armo-sidebar-nav [aria-current="page"] { box-shadow: inset 3px 0 0 var(--brick); }
.armo-nav-icon { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.10); border-radius: 8px; color: #d6cfc8; font: 800 11px/1 var(--display); }
.armo-sidebar-spacer { flex: 1; }
.armo-sidebar-note { margin: 16px 8px 4px; padding: 13px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; color: #8e8780; font-size: 11px; line-height: 1.6; }
.armo-admin-shell.is-sidebar-collapsed .armo-sidebar-head { justify-content: center; }
.armo-admin-shell.is-sidebar-collapsed .armo-sidebar-head .armo-brand { display: none; }
.armo-admin-shell.is-sidebar-collapsed .armo-sidebar-collapse { margin: 0; }
.armo-admin-shell.is-sidebar-collapsed .armo-sidebar-label,
.armo-admin-shell.is-sidebar-collapsed .armo-sidebar-note { display: none; }
.armo-admin-shell.is-sidebar-collapsed .armo-sidebar-nav a,
.armo-admin-shell.is-sidebar-collapsed .armo-sidebar-nav button { justify-content: center; padding-inline: 0; font-size: 0; }
.armo-admin-shell.is-sidebar-collapsed .armo-nav-icon { width: 34px; height: 34px; font-size: 11px; }
.armo-admin-main { min-width: 0; }
.armo-admin-topbar { position: sticky; top: 0; z-index: 1100; min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px clamp(20px,3vw,40px); border-bottom: 1px solid #ded9d3; background: rgba(255,255,255,.92); backdrop-filter: blur(16px); }
.armo-admin-topbar small { display: block; color: var(--brick); font: 800 10px/1 var(--display); letter-spacing: .13em; }
.armo-admin-topbar h1 { margin: 5px 0 0; color: var(--ink); font: 800 22px/1.15 var(--display); }
.armo-admin-title-group { min-width: 0; }
.armo-admin-breadcrumb { display: flex; align-items: center; gap: 7px; margin-bottom: 6px; color: #74878c; font-size: 10px; font-weight: 800; }
.armo-admin-breadcrumb i { color: #a4b1b4; font-style: normal; }
.armo-admin-breadcrumb strong { color: #3d7480; }
.armo-admin-top-actions { display: flex; align-items: center; gap: 9px; }
.armo-admin-account-scope { max-width: 260px; overflow: hidden; padding: 8px 11px; border-radius: 9px; color: #48646c; background: #edf4f5; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.armo-admin-live { min-height: 40px; display: inline-flex; align-items: center; padding: 0 14px; border: 1px solid #d8d0c7; border-radius: 10px; color: var(--ink); background: #fff; font-size: 13px; font-weight: 800; text-decoration: none; }

body.armo-admin-layout .armo-admin-main > .site,
body.armo-admin-layout .armo-admin-main > main.shell,
body.armo-admin-layout .armo-admin-main > main.card {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(20px,3vw,38px) !important;
}
body.armo-admin-layout .site > .card { padding: 0 !important; border: 0 !important; border-radius: 0 !important; color: var(--ink) !important; background: transparent !important; box-shadow: none !important; }
body.armo-admin-layout .site > .card > .top,
body.armo-admin-layout main.shell > nav.top { display: none !important; }
body.armo-admin-layout .topbar,
body.armo-admin-layout .site section.card,
body.armo-admin-layout main.shell section.card,
body.armo-admin-layout .account-admin-card,
body.armo-admin-layout .account-profile-panel,
body.armo-admin-layout .account-admin-panel { border: 1px solid #ded9d3 !important; border-radius: 16px !important; color: var(--ink) !important; background: #fff !important; box-shadow: 0 12px 34px rgba(44,38,34,.055) !important; }
body.armo-admin-layout .topbar { padding: 16px 18px !important; }
body.armo-admin-layout .site section.card,
body.armo-admin-layout main.shell section.card,
body.armo-admin-layout .account-admin-card { padding: 22px !important; }
body.armo-admin-layout .account-admin-panel,
body.armo-admin-layout .account-profile-panel { padding: 22px !important; border-top: 1px solid #ded9d3 !important; }
body.armo-admin-layout h1,
body.armo-admin-layout h2,
body.armo-admin-layout h3 { color: var(--ink) !important; font-family: var(--display) !important; }
body.armo-admin-layout .muted,
body.armo-admin-layout .tiny { color: #746c66 !important; }
body.armo-admin-layout label { color: #3d3733 !important; font-weight: 800 !important; }
body.armo-admin-layout input,
body.armo-admin-layout select,
body.armo-admin-layout textarea { min-height: 44px; border: 1px solid #cdc6bf !important; border-radius: 9px !important; color: var(--ink) !important; background: #fff !important; box-shadow: none !important; font-family: var(--font) !important; }
body.armo-admin-layout input:focus,
body.armo-admin-layout select:focus,
body.armo-admin-layout textarea:focus { outline: 3px solid rgba(152,77,66,.12) !important; border-color: var(--brick) !important; }
body.armo-admin-layout .btn { min-height: 40px; border: 1px solid #d4ccc4 !important; border-radius: 9px !important; color: var(--ink) !important; background: #fff !important; box-shadow: none !important; font-weight: 800 !important; }
body.armo-admin-layout .btn-primary,
body.armo-admin-layout .btn-success,
body.armo-admin-layout .btn.primary { color: #fff !important; border-color: var(--ink) !important; background: var(--ink) !important; }
body.armo-admin-layout .btn-danger { color: var(--danger) !important; border-color: rgba(181,66,56,.3) !important; background: rgba(181,66,56,.06) !important; }
body.armo-admin-layout .chip,
body.armo-admin-layout .status,
body.armo-admin-layout .account-role,
body.armo-admin-layout .account-state { color: var(--brick) !important; border-color: rgba(152,77,66,.2) !important; background: rgba(152,77,66,.07) !important; }
body.armo-admin-layout .table-wrap,
body.armo-admin-layout .account-admin-table-wrap { overflow: auto; border: 1px solid #e2ddd7; border-radius: 12px; background: #fff; }
body.armo-admin-layout table { color: var(--ink) !important; background: #fff !important; }
body.armo-admin-layout th { color: #665e58 !important; border-color: #e3ddd6 !important; background: #f1ede8 !important; font-size: 12px !important; }
body.armo-admin-layout td { color: #342f2b !important; border-color: #ebe6e0 !important; }
body.armo-admin-layout tbody tr:hover { background: #faf7f3 !important; }
body.armo-admin-layout dialog,
body.armo-admin-layout dialog > div { color: var(--ink) !important; border-color: #d8d0c7 !important; background: #fff !important; }
body.armo-admin-layout dialog::backdrop { background: rgba(25,24,23,.58); backdrop-filter: blur(5px); }
body.armo-admin-layout .account-admin-notice { color: #6e4c20 !important; border-left-color: var(--gold) !important; background: #fff7e8 !important; }
body.armo-admin-layout .account-admin-message { color: var(--green) !important; }
body.armo-admin-layout .account-admin-message.error { color: var(--danger) !important; }

@media (max-width: 1050px) {
  .armo-main-nav a { padding-inline: 9px; font-size: 13px; }
  body.armo-public-layout .hero::before { right: -45px; opacity: .62; }
  .armo-footer-inner { grid-template-columns: 1.2fr repeat(2,1fr); }
  .armo-footer-inner > div:last-child { display: none; }
}

@media (max-width: 900px) {
  .armo-menu-toggle { display: block; }
  .armo-main-nav { position: absolute; top: calc(100% + 1px); left: 17px; right: 17px; display: none; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: #fffdf9; box-shadow: var(--shadow); }
  .armo-global-header.is-open .armo-main-nav { display: grid; }
  .armo-main-nav a { width: 100%; justify-content: flex-start; }
  .armo-main-nav .armo-nav-login { margin: 4px 0 0; }

  .armo-admin-shell { display: block; padding-bottom: 76px; }
  .armo-admin-sidebar { position: fixed; inset: auto 0 0; z-index: 5000; width: 100%; height: calc(70px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: stretch; gap: 3px; overflow: hidden; padding: 7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); background: rgba(25,24,23,.97); box-shadow: 0 -12px 32px rgba(25,24,23,.18); backdrop-filter: blur(16px); }
  .armo-admin-sidebar > .armo-brand,
  .armo-admin-sidebar > .armo-sidebar-head,
  .armo-admin-sidebar > .armo-sidebar-label,
  .armo-admin-sidebar > .armo-sidebar-spacer,
  .armo-admin-sidebar > .armo-sidebar-note { display: none !important; }
  .armo-admin-sidebar > [data-business-navigation],
  .armo-admin-sidebar > [data-platform-navigation],
  .armo-admin-sidebar > .armo-sidebar-secondary,
  .armo-admin-sidebar > [data-business-navigation] > .armo-sidebar-primary,
  .armo-admin-sidebar > [data-platform-navigation] > .armo-sidebar-nav { display: contents !important; }
  .armo-admin-sidebar > [data-business-navigation][hidden],
  .armo-admin-sidebar > [data-platform-navigation][hidden],
  .armo-admin-sidebar > [data-business-navigation] > .armo-sidebar-label,
  .armo-admin-sidebar > [data-platform-navigation] > .armo-sidebar-label,
  .armo-admin-sidebar > .armo-sidebar-secondary > a:not([data-admin-route="profile"]),
  .armo-admin-sidebar > .armo-sidebar-secondary > button:not([data-admin-view="profile"]) { display: none !important; }
  .armo-sidebar-nav a,
  .armo-sidebar-nav button { min-height: 56px; flex-direction: column; justify-content: center; gap: 4px; padding: 4px 2px; font-size: 10px; text-align: center; }
  .armo-nav-icon { width: 23px; height: 23px; border: 0; }
  .armo-sidebar-nav [aria-current="page"] { box-shadow: inset 0 -2px 0 var(--brick); }
  .armo-admin-topbar { min-height: 66px; padding: 10px 16px; }
  .armo-admin-topbar h1 { font-size: 18px; }
  .armo-admin-account-scope { display: none; }
}

@media (max-width: 760px) {
  html.armo-maintenance-active .armo-global-header,
  html.armo-maintenance-active .armo-admin-topbar { top: 60px; }
  .armo-service-strip { display: none; }
  .armo-nav-inner { width: min(100% - 24px,1180px); min-height: 68px; }
  .armo-brand-mark { width: 44px; height: 44px; border-radius: 11px; }
  .armo-brand-copy strong { font-size: 16px; }
  .armo-brand-copy small { font-size: 9px; }
  body.armo-public-layout > .site,
  body.armo-public-layout > main.shell,
  body.armo-public-layout > main:not(.shell) { width: min(100% - 24px,1180px) !important; padding-top: 22px !important; }
  body.armo-public-layout .hero { min-height: 0; padding: 34px 23px 185px !important; }
  body.armo-public-layout .hero h1 { font-size: clamp(38px,12vw,56px) !important; }
  body.armo-public-layout .hero::before { width: 190px; height: 150px; top: auto; right: 24px; bottom: 18px; transform: rotate(2deg); font-size: 42px; }
  body.armo-public-layout .hero::after { display: none; }
  body.armo-public-layout .cta-row { display: grid !important; grid-template-columns: 1fr !important; }
  body.armo-public-layout .cta-row .btn { width: 100%; }
  body.armo-public-layout .filter-row { grid-template-columns: 1fr !important; }
  body.armo-public-layout .search-preview { padding: 18px !important; overflow-x: auto; }
  body.armo-public-layout .table { min-width: 820px; }
  .armo-footer-inner { grid-template-columns: 1fr 1fr; gap: 28px; padding: 42px 0 32px; }
  .armo-footer-brand { grid-column: 1 / -1; }
  .armo-footer-bottom { padding-bottom: 88px; flex-direction: column; }
  .armo-mobile-bottom-nav { position: fixed; inset: auto 0 0; z-index: 4900; display: grid; grid-template-columns: repeat(4,1fr); padding: 7px 7px calc(7px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(255,255,255,.10); background: rgba(29,25,23,.97); box-shadow: 0 -12px 32px rgba(29,25,23,.16); backdrop-filter: blur(16px); }
  .armo-mobile-bottom-nav a { min-height: 52px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border-radius: 9px; color: #c9c1ba; font-size: 10px; font-weight: 800; text-decoration: none; }
  .armo-mobile-bottom-nav a:hover,
  .armo-mobile-bottom-nav a[aria-current="page"] { color: #fff; background: rgba(255,255,255,.08); }
  body.armo-public-layout .member-apply-fab { display: none !important; }
  body.armo-admin-layout .armo-admin-main > .site,
  body.armo-admin-layout .armo-admin-main > main.shell { padding: 16px !important; }
  body.armo-admin-layout .grid,
  body.armo-admin-layout .account-admin-grid,
  body.armo-admin-layout .account-profile-grid { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* Calm ocean palette: intentionally distinct from the ARMO repair website. */
body.armo-public-layout {
  color: #29434d;
  background-color: #eef5f6 !important;
  background-image:
    linear-gradient(rgba(54, 92, 103, .052) 1px, transparent 1px),
    linear-gradient(90deg, rgba(54, 92, 103, .052) 1px, transparent 1px),
    radial-gradient(circle at 88% 12%, rgba(76, 151, 165, .13), transparent 30%) !important;
}

.armo-service-strip {
  color: #dce8ea;
  background: #203740;
}

.armo-global-header {
  border-bottom-color: rgba(58, 96, 107, .16);
  background: rgba(247, 251, 251, .95);
  box-shadow: 0 8px 28px rgba(38, 70, 80, .07);
}

.armo-brand-mark {
  background: transparent;
}

.armo-brand-copy small { color: #71858b; }
.armo-main-nav a { color: #405961 !important; }
.armo-main-nav a:hover,
.armo-main-nav a[aria-current="page"] { color: #2d7180 !important; background: rgba(60,127,141,.09); }

body.armo-public-layout .site > .top {
  color: #2f7380 !important;
  border-color: rgba(60,127,141,.20);
  background: rgba(251,253,253,.78) !important;
}

body.armo-public-layout .badge,
body.armo-public-layout .chip {
  color: #2f7380 !important;
  border-color: rgba(60,127,141,.24) !important;
  background: rgba(60,127,141,.08) !important;
}

body.armo-public-layout .hero {
  color: #29434d !important;
  border-color: rgba(58,96,107,.17) !important;
  background: linear-gradient(90deg, rgba(251,253,253,.99) 0%, rgba(248,252,252,.96) 57%, rgba(218,234,237,.78) 100%) !important;
  box-shadow: 0 24px 58px rgba(36,70,80,.11) !important;
}

body.armo-public-layout .hero::before {
  color: rgba(48, 119, 133, .18);
  border-color: rgba(60,127,141,.26);
  background:
    linear-gradient(rgba(60,127,141,.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(60,127,141,.11) 1px, transparent 1px),
    rgba(255,255,255,.30);
  background-size: 26px 26px;
}

body.armo-public-layout .hero::after {
  color: #347684;
  border-color: rgba(60,127,141,.20);
  background: rgba(249,253,253,.9);
}

body.armo-public-layout h1,
body.armo-public-layout h2,
body.armo-public-layout h3 { color: #25444e !important; }

body.armo-public-layout .hero h1 { color: #285664 !important; }

body.armo-public-layout .lead,
body.armo-public-layout .muted,
body.armo-public-layout .label,
body.armo-public-layout .footnote,
body.armo-public-layout .field-note { color: #687c82 !important; }

body.armo-public-layout .stat,
body.armo-public-layout .feature,
body.armo-public-layout .trust-panel,
body.armo-public-layout .search-preview,
body.armo-public-layout .card,
body.armo-public-layout .signin-box,
body.armo-public-layout .notice,
body.armo-public-layout .sheet {
  border-color: rgba(61, 99, 109, .16) !important;
  background: rgba(251,253,253,.94) !important;
  box-shadow: 0 14px 35px rgba(37,70,80,.075) !important;
}

body.armo-public-layout input,
body.armo-public-layout select,
body.armo-public-layout textarea {
  border-color: #c6d5d8 !important;
  color: #29434d !important;
  background: #fcfefe !important;
}

body.armo-public-layout label { color: #3e5962 !important; }
body.armo-public-layout .table th,
body.armo-public-layout th { color: #587078 !important; border-color: #d5e0e2 !important; background: #e5eef0 !important; }
body.armo-public-layout .table td,
body.armo-public-layout td { color: #314b54 !important; border-color: #e1eaeb !important; }
body.armo-public-layout tbody tr:hover { background: #f2f8f8 !important; }

.armo-footer { color: #e2ecee; background: #203740; }
.armo-footer-brand p,
.armo-footer a { color: #aec0c4; }
.armo-footer-bottom { color: #91a7ac; border-top-color: rgba(222,238,240,.12); }

.armo-admin-sidebar {
  color: #dbe6e8;
  background: radial-gradient(circle at 20% 0, rgba(76,151,165,.24), transparent 31%), #203740;
  box-shadow: 12px 0 40px rgba(28,55,64,.10);
}

.armo-sidebar-nav a,
.armo-sidebar-nav button { color: #b8c8cb; }
.armo-sidebar-nav a:hover,
.armo-sidebar-nav button:hover,
.armo-sidebar-nav [aria-current="page"] { color: #f7fbfc; background: rgba(216,238,241,.10); }
.armo-nav-icon { color: #cfdee1; border-color: rgba(220,238,240,.12); }

.armo-admin-topbar {
  border-bottom-color: #d4e0e2;
  background: rgba(250,253,253,.93);
}

.armo-admin-topbar h1,
body.armo-admin-layout h1,
body.armo-admin-layout h2,
body.armo-admin-layout h3 { color: #294750 !important; }
.armo-admin-topbar small { color: #3c7f8d; }

body.armo-admin-layout .topbar,
body.armo-admin-layout .site section.card,
body.armo-admin-layout main.shell section.card,
body.armo-admin-layout .account-admin-card,
body.armo-admin-layout .account-profile-panel,
body.armo-admin-layout .account-admin-panel {
  border-color: #d5e0e2 !important;
  background: #fcfefe !important;
  box-shadow: 0 12px 34px rgba(37,69,78,.06) !important;
}

body.armo-admin-layout .muted,
body.armo-admin-layout .tiny { color: #6b7e83 !important; }
body.armo-admin-layout label { color: #405a62 !important; }
body.armo-admin-layout input,
body.armo-admin-layout select,
body.armo-admin-layout textarea { color: #29434d !important; border-color: #c9d6d9 !important; background: #fff !important; }
body.armo-admin-layout th { color: #5a7077 !important; border-color: #dce5e7 !important; background: #e8f0f1 !important; }
body.armo-admin-layout td { color: #334d55 !important; border-color: #e4ebed !important; }
body.armo-admin-layout tbody tr:hover { background: #f1f7f7 !important; }

@media (max-width: 900px) {
  .armo-admin-sidebar { background: rgba(32,55,64,.98); }
  .armo-main-nav { border-color: #cedcdf; background: #fbfdfd; }
}

/* High-contrast reading layer for legacy inline colors on the former dark UI. */
body.armo-public-layout .site p,
body.armo-public-layout .site li,
body.armo-public-layout main p,
body.armo-public-layout main li,
body.armo-public-layout .feature p,
body.armo-public-layout .trust-list,
body.armo-public-layout .trust-list li {
  color: #405b64 !important;
}

body.armo-public-layout .feature p,
body.armo-public-layout .stat .label,
body.armo-public-layout .field-note,
body.armo-public-layout .footnote,
body.armo-public-layout .muted,
body.armo-public-layout .lead {
  color: #526a72 !important;
}

body.armo-public-layout .feature h3,
body.armo-public-layout .trust-title,
body.armo-public-layout .search-preview h2,
body.armo-public-layout .card h1,
body.armo-public-layout .card h2 {
  color: #1f414c !important;
}

body.armo-public-layout a:not(.btn):not(.armo-brand):not(.armo-main-nav a):not(.armo-mobile-bottom-nav a):not(.armo-footer a):not(.armo-watchbar__login):not(.member-apply-fab) {
  color: #246675 !important;
}

body.armo-public-layout input::placeholder,
body.armo-public-layout textarea::placeholder {
  color: #71858b !important;
  opacity: 1;
}

body.armo-admin-layout .site p,
body.armo-admin-layout .site li,
body.armo-admin-layout .account-admin-card p,
body.armo-admin-layout .account-admin-card li {
  color: #405a62 !important;
}

body.armo-admin-layout .muted,
body.armo-admin-layout .tiny,
body.armo-admin-layout [class*="field-note"] {
  color: #566d74 !important;
}

body.armo-admin-layout input::placeholder,
body.armo-admin-layout textarea::placeholder {
  color: #74868b !important;
  opacity: 1;
}

body.armo-admin-layout [style*="color:#87efbe"],
body.armo-admin-layout [style*="color: #87efbe"],
body.armo-admin-layout [style*="color:#7ef9b8"],
body.armo-admin-layout [style*="color: #7ef9b8"] {
  color: #24704f !important;
}

body.armo-admin-layout [style*="color:#ffcf82"],
body.armo-admin-layout [style*="color: #ffcf82"],
body.armo-admin-layout [style*="color:#ffd280"],
body.armo-admin-layout [style*="color: #ffd280"] {
  color: #84591c !important;
}

body.armo-admin-layout [style*="color:#2bd9fe"],
body.armo-admin-layout [style*="color: #2bd9fe"] {
  color: #1d6775 !important;
}

body.armo-admin-layout [style*="color:#ff9e87"],
body.armo-admin-layout [style*="color: #ff9e87"],
body.armo-admin-layout [style*="color:#ff9ca4"],
body.armo-admin-layout [style*="color: #ff9ca4"] {
  color: #a33e39 !important;
}

body.armo-public-layout .hero .hero-access-note {
  width: fit-content;
  max-width: 720px;
  margin-top: 14px !important;
  padding: 11px 15px;
  border: 1px solid #7199a1;
  border-left: 4px solid #315f69;
  border-radius: 10px;
  color: #102f38 !important;
  background: #cadde1;
  box-shadow: none;
  font-weight: 900;
  line-height: 1.65 !important;
}

body.armo-public-layout .member-gate strong {
  color: #071f27 !important;
  opacity: 1 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

body.armo-public-layout .member-gate span {
  color: #102f38 !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

body.armo-public-layout .member-gate {
  border-color: #648d96 !important;
  color: #102f38 !important;
  background: #c8dce0 !important;
  box-shadow: none !important;
}

body.armo-public-layout .member-gate-actions .btn-secondary,
body.armo-public-layout .member-apply-fab,
body.armo-public-layout .member-apply-fab:visited {
  border-color: #315e63 !important;
  color: #173b40 !important;
  background: #f6f2ea !important;
  box-shadow: 0 6px 16px rgba(23, 59, 64, .12) !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

body.armo-public-layout .member-gate-actions .btn-secondary:hover,
body.armo-public-layout .member-apply-fab:hover {
  border-color: #21484d !important;
  color: #102f33 !important;
  background: #dfeceb !important;
}

body.armo-public-layout .member-gate-actions .btn-secondary:focus-visible,
body.armo-public-layout .member-apply-fab:focus-visible {
  outline: 3px solid #bd6d24;
  outline-offset: 3px;
}

@media (max-width: 760px) {
  body.armo-public-layout .search-preview {
    overflow: visible !important;
  }

  body.armo-public-layout .search-preview table,
  body.armo-admin-layout table,
  body.armo-public-layout .search-preview tbody,
  body.armo-admin-layout tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
  }

  body.armo-public-layout .search-preview thead,
  body.armo-admin-layout thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  body.armo-public-layout .search-preview tbody,
  body.armo-admin-layout tbody {
    display: grid !important;
    gap: 13px;
  }

  body.armo-public-layout .search-preview tbody tr,
  body.armo-admin-layout tbody tr {
    display: block !important;
    overflow: hidden;
    border: 1px solid #cbdadd !important;
    border-radius: 14px;
    background: #fcfefe !important;
    box-shadow: 0 9px 24px rgba(35, 66, 76, .065);
  }

  body.armo-public-layout .search-preview tbody td,
  body.armo-admin-layout tbody td {
    width: 100% !important;
    min-height: 44px;
    display: grid !important;
    grid-template-columns: minmax(92px, 34%) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 10px 13px !important;
    border: 0 !important;
    border-bottom: 1px solid #e3ebed !important;
    color: #29434d !important;
    text-align: left !important;
    overflow-wrap: anywhere;
  }

  body.armo-public-layout .search-preview tbody td:last-child,
  body.armo-admin-layout tbody td:last-child {
    border-bottom: 0 !important;
  }

  body.armo-public-layout .search-preview tbody td::before,
  body.armo-admin-layout tbody td::before {
    content: attr(data-label);
    color: #5a737a;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .03em;
  }

  body.armo-public-layout .search-preview tbody td[colspan],
  body.armo-admin-layout tbody td[colspan] {
    display: block !important;
    min-height: 70px;
    text-align: center !important;
  }

  body.armo-public-layout .search-preview tbody td[colspan]::before,
  body.armo-admin-layout tbody td[colspan]::before {
    display: none;
  }

  body.armo-admin-layout .table-wrap,
  body.armo-admin-layout .account-admin-table-wrap {
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.armo-admin-layout tbody td .row,
  body.armo-admin-layout tbody td .account-admin-actions {
    justify-content: flex-start !important;
    margin-top: 0 !important;
  }

  body.armo-admin-layout tbody td .btn,
  body.armo-public-layout .search-preview tbody td .btn {
    min-height: 38px;
    padding-inline: 12px !important;
  }
}

.armo-dashboard {
  margin: clamp(20px, 3vw, 38px) clamp(20px, 3vw, 38px) 0;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid #d2dfe2;
  border-radius: 19px;
  color: #294750;
  background:
    radial-gradient(circle at 100% 0, rgba(76,151,165,.12), transparent 30%),
    #fcfefe;
  box-shadow: 0 14px 38px rgba(37,69,78,.065);
}

.armo-dashboard[hidden] { display: none !important; }

.armo-dashboard-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.armo-dashboard-kicker {
  display: block;
  color: #367786;
  font: 900 10px/1 var(--display);
  letter-spacing: .14em;
}

.armo-dashboard-heading h2 {
  margin: 7px 0 5px;
  color: #23434d;
  font: 900 clamp(24px, 3vw, 34px)/1.15 var(--display);
}

.armo-dashboard-heading p { margin: 0; color: #5b7178; font-size: 13px; }

.armo-dashboard-refresh {
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid #c9d7da;
  border-radius: 10px;
  color: #315762;
  background: #f8fbfb;
  font-family: var(--font);
  font-weight: 800;
  cursor: pointer;
}

.armo-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  margin-top: 22px;
}

.armo-dashboard-metrics article {
  min-height: 125px;
  padding: 16px;
  border: 1px solid #d8e3e5;
  border-radius: 14px;
  background: rgba(241,247,248,.84);
}

.armo-dashboard-metrics span { display: block; color: #526a72; font-size: 12px; font-weight: 800; }
.armo-dashboard-metrics strong { display: block; margin-top: 11px; color: #214a56; font: 900 36px/1 var(--display); }
.armo-dashboard-metrics small { display: block; margin-top: 8px; color: #6b7f84; font-size: 11px; }

.armo-dashboard-lower {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(250px, .7fr);
  gap: 18px;
  margin-top: 22px;
}

.armo-dashboard-lower h3 { margin: 0 0 12px; color: #294750; font: 900 16px/1.2 var(--display); }
.armo-dashboard-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); gap: 9px; }
.armo-dashboard-actions a,
.armo-dashboard-actions button {
  min-height: 78px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  padding: 13px 14px;
  border: 1px solid #cfdddf;
  border-radius: 12px;
  color: #294750;
  background: #fff;
  font-family: var(--font);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.armo-dashboard-actions a:hover,
.armo-dashboard-actions button:hover { border-color: #79a8b1; background: #f0f7f8; }
.armo-dashboard-actions span { color: #598089; font-size: 11px; font-weight: 800; }
.armo-dashboard-actions strong { color: #244751; font-size: 14px; }

.armo-dashboard-guide {
  padding: 17px;
  border-radius: 14px;
  color: #dbe8ea;
  background: #294750;
}
.armo-dashboard-guide h3 { margin-top: 8px; color: #fff !important; }
.armo-dashboard-guide p { margin: 0; color: #c3d4d7; font-size: 12px; line-height: 1.7; }
.armo-dashboard-guide a { display: inline-block; margin-top: 12px; color: #fff; font-size: 12px; font-weight: 900; }

@media (max-width: 1050px) {
  .armo-dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .armo-dashboard-lower { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .armo-dashboard { margin: 16px 16px 0; padding: 18px; }
  .armo-dashboard-heading { align-items: stretch; flex-direction: column; }
  .armo-dashboard-refresh { align-self: flex-start; }
  .armo-dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .armo-dashboard-metrics article { min-height: 108px; padding: 13px; }
  .armo-dashboard-metrics strong { font-size: 30px; }
  .armo-dashboard-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.armo-search-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 13px 0 18px;
  padding: 12px 14px;
  border: 1px solid #c8d9dc;
  border-radius: 12px;
  color: #294a54;
  background: #e9f2f3;
}

.armo-search-result { min-width: 0; }
.armo-search-result strong { display: block; color: #143b46; font-size: 14px; font-weight: 900; }
.armo-search-result span { display: block; overflow: hidden; margin-top: 4px; color: #4d6870; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.armo-search-actions { display: flex; flex: 0 0 auto; gap: 8px; }

.armo-sort-control {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding-left: 10px;
  border: 1px solid #9fb9bf;
  border-radius: 9px;
  color: #41616a !important;
  background: #f8fbfb;
  font-size: 11px;
}

body.armo-public-layout .armo-sort-control select {
  width: auto;
  min-height: 36px;
  padding: 0 28px 0 4px;
  border: 0 !important;
  color: #173f49 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px;
  font-weight: 900;
}

body.armo-public-layout .armo-sort-control select:focus {
  outline: 0 !important;
  border: 0 !important;
}

body.armo-public-layout .armo-search-actions button {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid #9fb9bf !important;
  border-radius: 9px !important;
  color: #224d58 !important;
  background: #f8fbfb !important;
  box-shadow: none !important;
  font-size: 12px;
  cursor: pointer;
}

body.armo-public-layout .armo-search-actions button:hover {
  border-color: #558995 !important;
  background: #dcebed !important;
}

@media (max-width: 760px) {
  .armo-search-tools { align-items: stretch; flex-direction: column; }
  .armo-search-result span { white-space: normal; line-height: 1.55; }
  .armo-search-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .armo-sort-control { grid-column: 1 / -1; justify-content: space-between; }
  body.armo-public-layout .armo-sort-control select { flex: 1; }
  body.armo-public-layout .armo-search-actions button { width: 100%; }
}

body.armo-public-layout .stats .stat {
  border-color: #c2d2d5 !important;
  color: #29434d !important;
  background: #edf4f5 !important;
  box-shadow: 0 8px 20px rgba(37, 70, 80, .055) !important;
}

body.armo-public-layout .stats .stat .num {
  color: #234b56 !important;
  background: none !important;
  -webkit-text-fill-color: #234b56 !important;
  text-shadow: none !important;
  filter: none !important;
  font-weight: 850 !important;
}

body.armo-public-layout .stats .stat .label {
  color: #536b72 !important;
  text-shadow: none !important;
  font-weight: 650 !important;
}

/* Account contact visibility controls */
body.armo-admin-layout .contact-visibility-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}

body.armo-admin-layout .contact-visibility-options > label {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 13px;
  border: 1px solid #c9d9dc;
  border-radius: 10px;
  color: #39565f !important;
  background: #f7fbfb;
  line-height: 1.2;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

body.armo-admin-layout .contact-visibility-options > label:hover,
body.armo-admin-layout .contact-visibility-options > label:has(input:focus-visible) {
  border-color: #79a8b1;
  background: #eef7f8;
  box-shadow: 0 0 0 3px rgba(67,126,139,.10);
}

body.armo-admin-layout .contact-visibility-options > label:has(input:checked) {
  border-color: #80aeb7;
  color: #244d58 !important;
  background: #e8f4f5;
}

body.armo-admin-layout .contact-visibility-options input[type="checkbox"] {
  appearance: auto !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  flex: 0 0 18px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  box-shadow: none !important;
  accent-color: #397784;
}

body.armo-admin-layout .contact-visibility-options span {
  display: block;
  white-space: nowrap;
}

/* Seller overview shortcuts */
body.armo-admin-layout a.overview-tool-link {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px !important;
  border: 1px solid #9db8bd !important;
  border-radius: 10px !important;
  color: #294f59 !important;
  background: #f8fbfb !important;
  box-shadow: 0 4px 12px rgba(37, 69, 78, .08);
  font-weight: 900 !important;
  line-height: 1.2;
  text-decoration: none !important;
  transition: color .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

body.armo-admin-layout a.overview-tool-link-primary {
  border-color: #356f7b !important;
  color: #fff !important;
  background: #356f7b !important;
  box-shadow: 0 6px 16px rgba(42, 91, 102, .20);
}

body.armo-admin-layout a.overview-tool-link:hover {
  border-color: #668f98 !important;
  color: #203f47 !important;
  background: #edf5f6 !important;
  box-shadow: 0 7px 18px rgba(37, 69, 78, .13);
  transform: translateY(-1px);
}

body.armo-admin-layout a.overview-tool-link-primary:hover {
  border-color: #285d68 !important;
  color: #fff !important;
  background: #285d68 !important;
}

body.armo-admin-layout a.overview-tool-link:focus-visible {
  outline: 3px solid rgba(53, 111, 123, .24);
  outline-offset: 2px;
}

/* Public listing table width guard */
body.armo-public-layout .listing-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: visible;
}

@media (min-width: 981px) {
  body.armo-public-layout .listing-table-scroll .table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  body.armo-public-layout .listing-table-scroll th,
  body.armo-public-layout .listing-table-scroll td {
    padding: 10px 6px !important;
    vertical-align: top;
    overflow-wrap: anywhere;
  }

  body.armo-public-layout .listing-table-scroll th {
    white-space: normal !important;
    word-break: keep-all;
    line-height: 1.35;
  }

  body.armo-public-layout .listing-table-scroll th:nth-child(1) { width: 7%; }
  body.armo-public-layout .listing-table-scroll th:nth-child(2) { width: 14%; }
  body.armo-public-layout .listing-table-scroll th:nth-child(3) { width: 8%; }
  body.armo-public-layout .listing-table-scroll th:nth-child(4) { width: 8%; }
  body.armo-public-layout .listing-table-scroll th:nth-child(5) { width: 8%; }
  body.armo-public-layout .listing-table-scroll th:nth-child(6) { width: 7%; }
  body.armo-public-layout .listing-table-scroll th:nth-child(7) { width: 17%; }
  body.armo-public-layout .listing-table-scroll th:nth-child(8) { width: 8%; }
  body.armo-public-layout .listing-table-scroll th:nth-child(9) { width: 6%; }
  body.armo-public-layout .listing-table-scroll th:nth-child(10) { width: 9%; }
  body.armo-public-layout .listing-table-scroll th:nth-child(11) { width: 8%; }

  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(1) { width: 6%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(2) { width: 11%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(3) { width: 7%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(4) { width: 7%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(5) { width: 7%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(6) { width: 6%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(7) { width: 12%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(8) { width: 7%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(9) { width: 5%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(10) { width: 8%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(11) { width: 9%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(12) { width: 8%; }
  body.armo-public-layout .listing-table-scroll .table:has(thead th:nth-child(13)) th:nth-child(13) { width: 7%; }
}

@media (max-width: 980px) {
  body.armo-public-layout .listing-table-scroll {
    overflow: visible;
  }

  body.armo-public-layout .listing-table-scroll table,
  body.armo-public-layout .listing-table-scroll tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    background: transparent !important;
  }

  body.armo-public-layout .listing-table-scroll thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  body.armo-public-layout .listing-table-scroll tbody {
    display: grid !important;
    gap: 13px;
  }

  body.armo-public-layout .listing-table-scroll tbody tr {
    display: block !important;
    overflow: hidden;
    border: 1px solid #cbdadd !important;
    border-radius: 14px;
    background: #fcfefe !important;
    box-shadow: 0 9px 24px rgba(35, 66, 76, .065);
  }

  body.armo-public-layout .listing-table-scroll tbody td {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px;
    display: grid !important;
    grid-template-columns: minmax(92px, .42fr) minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 11px 14px !important;
    border-bottom: 1px solid #e2eaec !important;
    text-align: left !important;
    overflow-wrap: anywhere;
  }

  body.armo-public-layout .listing-table-scroll tbody td::before {
    content: attr(data-label);
    color: #5a737a;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .03em;
  }

  body.armo-public-layout .listing-table-scroll tbody td:last-child {
    border-bottom: 0 !important;
  }

  body.armo-public-layout .listing-table-scroll tbody td[colspan] {
    display: block !important;
    min-height: 70px;
    text-align: center !important;
  }

  body.armo-public-layout .listing-table-scroll tbody td[colspan]::before {
    display: none;
  }

  body.armo-public-layout .listing-table-scroll td a,
  body.armo-public-layout .listing-table-scroll td button {
    max-width: 100%;
    white-space: normal;
  }
}