html,body{background:#04101f;color-scheme:dark;}html[data-theme="light"],html[data-theme="light"] body{background:#f7fbff;color-scheme:light;}html[data-theme="dark"],html[data-theme="dark"] body{background:#04101f!important;color-scheme:dark;}
/* v63 normal bottom footer + desktop header width fix */
.support-purchase .cta-row { justify-content:center; flex-wrap:wrap; white-space:normal; }
.support-purchase .btn { min-width:min(100%,220px); }


/* Build 157: compact clickable admin client rows */
.client-compact-table tbody tr.clickable-client-row { cursor:pointer; transition:background .15s ease, transform .15s ease; }
.client-compact-table tbody tr.clickable-client-row:hover { background:rgba(14,165,233,.08); }
html[data-theme="dark"] .client-compact-table tbody tr.clickable-client-row:hover { background:rgba(56,189,248,.10); }
.client-compact-table td { vertical-align:middle; white-space:nowrap; }
.client-compact-table td:first-child { min-width:220px; white-space:normal; }
.client-compact-table code { font-size:12px; user-select:all; }
@media(max-width:900px){ .client-compact-table td { white-space:normal; min-width:120px; } .client-compact-table td:first-child { min-width:180px; } }

/* v72 reseller/distributor account tools */
.partner-pill { display:inline-flex; align-items:center; gap:6px; padding:7px 11px; border-radius:999px; border:1px solid var(--line); background:var(--soft); font-size:12px; font-weight:900; text-transform:capitalize; color:var(--ink); }
.partner-pill.distributor { background:#ecfeff; color:#075985; border-color:#bae6fd; }
.partner-pill.reseller { background:#f5f3ff; color:#5b21b6; border-color:#ddd6fe; }
html[data-theme="dark"] .partner-pill.distributor { background:#082f49; color:#7dd3fc; border-color:#0369a1; }
html[data-theme="dark"] .partner-pill.reseller { background:#2e1065; color:#c4b5fd; border-color:#6d28d9; }
.partner-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; margin:16px 0; }
.partner-panel { border:1px solid var(--line); background:linear-gradient(180deg,var(--paper),rgba(255,255,255,.78)); padding:16px; border-radius:var(--radius); box-shadow:var(--shadow); }
html[data-theme="dark"] .partner-panel { background:linear-gradient(180deg,var(--paper),#0c1424); }
.partner-multi-select { min-height:160px; border-radius:18px; padding:10px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }
.partner-transfer-help { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:8px 0; }
.partner-transfer-help .badge { font-size:11px; }
.partner-transfer-count { max-width:150px; }
.client-tools-form { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(110px,.7fr) auto; gap:8px; align-items:end; min-width:360px; }
.client-tools-form button { min-height:40px; }
.client-tools-form label { margin-top:0; }
.token-balance { font-size:34px; font-weight:1000; letter-spacing:-.04em; color:var(--ink); }
@media(max-width:760px) { .client-tools-form { grid-template-columns:1fr; min-width:0; } .partner-grid { grid-template-columns:1fr; } }

/* v80 continuous homepage sections: scrolling from Home continues into next public tabs */
.home-scroll-map {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
  margin:12px auto 24px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  box-shadow:0 10px 26px rgba(15,23,42,.06);
  width:max-content;
  max-width:100%;
}
html[data-theme="dark"] .home-scroll-map { background:rgba(15,23,42,.62); }
.home-scroll-map span { color:var(--muted); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.home-scroll-map a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--soft);
  color:var(--ink)!important;
  font-size:12px;
  font-weight:900;
  text-decoration:none!important;
  white-space:nowrap;
}
.home-scroll-map a:hover { transform:translateY(-1px); border-color:rgba(14,165,233,.44); }
.homepage-continuous { display:grid; gap:24px; margin-top:8px; }
.scroll-tab-section {
  scroll-margin-top:90px;
  position:relative;
  border-top:1px solid var(--line);
  padding:24px 0 2px;
}
.scroll-tab-section:before {
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:150px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--accent),#ff8a00,var(--accent2));
}
.scroll-tab-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
  flex-wrap:wrap;
}
.scroll-tab-head .btn { padding:8px 12px; font-size:13px; }
.home-feature-grid { display:grid; grid-template-columns:1fr; gap:14px; }
.home-mini-card {
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--paper),rgba(255,255,255,.72));
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px;
  min-width:0;
}
html[data-theme="dark"] .home-mini-card { background:linear-gradient(180deg,var(--paper),#0c1424); }
.home-mini-card h3 { display:flex; align-items:center; gap:8px; }
.home-mini-icon {
  width:34px;
  height:34px;
  display:inline-grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,#ffffff,#eaf6ff);
  color:#071426;
  font-weight:1000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 18px rgba(15,23,42,.08);
}
html[data-theme="dark"] .home-mini-icon { background:linear-gradient(135deg,#172554,#082f49); color:#fff; }
.home-pricing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.home-guide-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.home-guide-step {
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:var(--radius);
  padding:14px;
  box-shadow:var(--shadow);
}
.home-guide-step .home-step-no {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--soft);
  color:var(--ink);
  font-weight:1000;
  margin-bottom:9px;
}
.home-download-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:16px; align-items:stretch; }
.home-available-box {
  border:1px solid rgba(2,122,72,.26);
  background:linear-gradient(135deg,rgba(236,253,243,.9),rgba(240,249,255,.9));
  border-radius:var(--radius);
  padding:16px;
  box-shadow:var(--shadow);
}
html[data-theme="dark"] .home-available-box { background:linear-gradient(135deg,rgba(5,51,33,.62),rgba(8,47,73,.55)); border-color:rgba(52,211,153,.28); }
.home-available-box strong { color:var(--success); }
@media(max-width:900px) {
  .home-scroll-map { border-radius:18px; width:100%; justify-content:flex-start; overflow-x:auto; flex-wrap:nowrap; }
  .home-scroll-map span,.home-scroll-map a { flex:0 0 auto; }
  .home-feature-grid,.home-pricing-grid,.home-download-grid { grid-template-columns:1fr!important; }
  .home-guide-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .scroll-tab-section { scroll-margin-top:74px; }
}
@media(max-width:520px) {
  .home-guide-list { grid-template-columns:1fr; }
  .home-mini-card,.home-guide-step,.home-available-box { padding:13px; }
}

/* v81 real continuous homepage: no visible continue/tab buttons, lightweight transitions */
.home-scroll-map { display:none!important; }
.homepage-continuous { gap:34px!important; margin-top:26px!important; }
.scroll-tab-section {
  padding:38px 0 10px!important;
  border-top:0!important;
  scroll-margin-top:90px;
  opacity:1;
  transform:none;
}
.scroll-tab-section:before {
  width:100%!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(14,165,233,.36),rgba(255,138,0,.22),transparent)!important;
}
.scroll-tab-section:after {
  content:"";
  position:absolute;
  top:-1px;
  left:50%;
  width:130px;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,var(--accent),#ff8a00,var(--accent2));
  box-shadow:0 0 18px rgba(14,165,233,.22);
}
.scroll-tab-head { justify-content:center!important; text-align:center!important; max-width:880px; margin:0 auto 18px!important; }
.scroll-tab-head > div { width:100%; }
.homepage-continuous .btn.secondary[href^="/"] { display:none!important; }
.homepage-continuous .price-panel,
.homepage-continuous .home-mini-card,
.homepage-continuous .home-guide-step,
.homepage-continuous .home-available-box {
  transition:transform .45s ease, box-shadow .45s ease, border-color .45s ease;
}
.homepage-continuous .price-panel:hover,
.homepage-continuous .home-mini-card:hover,
.homepage-continuous .home-guide-step:hover,
.homepage-continuous .home-available-box:hover {
  transform:translateY(-3px);
  border-color:rgba(14,165,233,.36);
  box-shadow:0 18px 42px rgba(15,23,42,.10);
}
html[data-theme="dark"] .homepage-continuous .price-panel:hover,
html[data-theme="dark"] .homepage-continuous .home-mini-card:hover,
html[data-theme="dark"] .homepage-continuous .home-guide-step:hover,
html[data-theme="dark"] .homepage-continuous .home-available-box:hover {
  box-shadow:0 18px 42px rgba(0,0,0,.30);
}
.reveal-lite { opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease; }
.reveal-lite.is-visible { opacity:1; transform:translateY(0); }
html[data-theme="light"] .scroll-tab-section {
  background:radial-gradient(circle at 50% 0%, rgba(14,165,233,.045), transparent 28rem);
}
@media(prefers-reduced-motion:reduce) {
  .reveal-lite { opacity:1!important; transform:none!important; transition:none!important; }
  .homepage-continuous .price-panel,
  .homepage-continuous .home-mini-card,
  .homepage-continuous .home-guide-step,
  .homepage-continuous .home-available-box { transition:none!important; }
}
@media(max-width:900px) {
  .homepage-continuous { gap:24px!important; margin-top:18px!important; }
  .scroll-tab-section { padding:28px 0 6px!important; }
}


/* v82 homepage supported boards section */
.home-supported-boards {
  position:relative;
  overflow:hidden;
}
.home-supported-boards:before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 0%, rgba(14,165,233,.10), transparent 18rem),
    radial-gradient(circle at 92% 100%, rgba(255,138,0,.10), transparent 18rem);
  opacity:.9;
}
.home-supported-boards > * { position:relative; z-index:1; }
.home-supported-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px;
  margin-top:18px;
}
.home-board-card {
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--paper),rgba(255,255,255,.74));
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
html[data-theme="dark"] .home-board-card { background:linear-gradient(180deg,var(--paper),#0c1424); }
.home-board-card:hover {
  transform:translateY(-3px);
  border-color:rgba(14,165,233,.38);
  box-shadow:0 18px 40px rgba(15,23,42,.13);
}
.home-board-card .board-image-wrap { min-height:145px; }
.home-board-card img {
  width:100%; height:145px; object-fit:cover; display:block;
  border-radius:12px; border:1px solid var(--line); background:var(--soft2);
}
.home-board-title { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.home-board-title h3 { margin:0; font-size:15px; line-height:1.22; }
.home-board-card .board-badge { font-size:10px; padding:5px 7px; flex:0 0 auto; }
.home-board-card .board-watermark span { font-size:14px; padding:7px 12px; letter-spacing:.11em; }
.home-board-card p { font-size:12px; line-height:1.4; margin:0; }
.home-board-available {
  display:inline-flex; align-items:center; justify-content:center;
  padding:5px 8px; border-radius:999px;
  font-size:10px; font-weight:1000; text-transform:uppercase; letter-spacing:.08em;
  background:#ecfdf3; color:#027a48; border:1px solid #abefc6;
}
html[data-theme="dark"] .home-board-available { background:#053321; color:#75e0a7; border-color:#067647; }
@media(max-width:700px) {
  .home-supported-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .home-board-card { padding:9px; gap:8px; }
  .home-board-card img { height:118px; }
  .home-board-card .board-image-wrap { min-height:118px; }
  .home-board-title { display:block; }
  .home-board-title h3 { font-size:12px; margin-bottom:6px; }
  .home-board-card p { font-size:10.5px; }
  .home-board-card .board-badge, .home-board-available { font-size:9px; padding:4px 6px; }
  .home-board-card .board-watermark span { font-size:11px; padding:6px 9px; }
}


/* Build 115: login email + show password button */
.password-field { position:relative; }
.password-field input { padding-right:76px!important; }
.password-toggle {
  position:absolute!important; right:8px; top:50%; transform:translateY(-50%);
  width:auto!important; min-width:54px; padding:7px 10px!important; margin:0!important;
  border-radius:999px!important; font-size:12px!important; line-height:1!important;
  background:linear-gradient(135deg,#fff,#eaf5ff)!important; color:#0f172a!important;
  border:1px solid rgba(148,163,184,.55)!important; box-shadow:none!important;
}
html[data-theme="dark"] .password-toggle { background:linear-gradient(135deg,#f8fafc,#dbeafe)!important; color:#0f172a!important; }

/* Build 207: login password show button removed, homepage features one-per-row, default light theme. */
.login-html .password-field input, .password-field input { padding-right:14px!important; }
.home-feature-grid { grid-template-columns:1fr!important; }
/* Build 208: homepage operator showcase is fully one-row-per-item. */
.product-showcase { grid-template-columns:1fr!important; gap:18px!important; }
.product-showcase .product-panel { width:100%!important; max-width:100%!important; }
.product-showcase .feature-columns { display:grid!important; grid-template-columns:1fr!important; gap:8px!important; padding-left:0!important; list-style:none!important; }
.product-showcase .feature-columns li { display:block!important; width:100%!important; margin:0!important; padding:10px 0!important; border-bottom:1px solid var(--line)!important; }
.product-showcase .feature-columns li:last-child { border-bottom:0!important; }
.product-showcase .feature-line { display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; width:100%!important; align-items:start!important; }

/* Build 209: homepage removes the old operator text block and highlights OnePass as the main showcase. */
.onepass-showcase { grid-template-columns:1fr!important; }
.onepass-panel { background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(14,165,233,.10),rgba(255,255,255,.96))!important; border-color:rgba(16,185,129,.25)!important; }
html[data-theme="dark"] .onepass-panel { background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(14,165,233,.11),rgba(15,23,42,.92))!important; border-color:rgba(125,211,252,.18)!important; }
.onepass-feature-list { display:grid; grid-template-columns:1fr; gap:10px; margin-top:16px; }
.onepass-feature-list .feature-line { width:100%; }

.distributor-list-grid { display:grid; grid-template-columns:1fr; gap:10px; margin-top:18px; }
.distributor-card { border:0; border-radius:0; padding:10px 0; background:transparent!important; box-shadow:none!important; border-bottom:1px solid rgba(148,163,184,.22); display:grid; grid-template-columns:auto minmax(150px,1.1fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(100px,.75fr) auto; gap:10px; align-items:center; }
html[data-theme="dark"] .distributor-card { background:transparent!important; border-color:rgba(125,211,252,.18); box-shadow:none!important; }
.distributor-card .section-label { margin:0; white-space:nowrap; }
.distributor-card h3 { margin:0; font-size:clamp(15px,2vw,18px); line-height:1.15; }
.distributor-card p { margin:0; }
.distributor-identity { display:flex; align-items:center; gap:10px; min-width:0; }
.distributor-avatar { width:44px; height:44px; border-radius:999px; object-fit:cover; flex:0 0 44px; border:1px solid rgba(14,165,233,.28); background:linear-gradient(135deg,#e0f2fe,#ffffff); box-shadow:0 6px 16px rgba(15,23,42,.08); display:inline-grid; place-items:center; font-weight:1000; color:#075985; }
/* Build 143 distributor real photo handling */
.distributor-avatar[src] { background:#fff; }
.distributor-name-wrap .small.muted { line-height:1.2; }
html[data-theme="dark"] .distributor-avatar { background:linear-gradient(135deg,#082f49,#0f172a); border-color:rgba(125,211,252,.28); color:#e0f2fe; }
.distributor-name-wrap { min-width:0; display:grid; gap:2px; }
.distributor-contact-row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0; justify-content:flex-end; }
.distributor-facebook-url { word-break:break-all; }
.distributor-facebook-link { border-radius:8px; font-weight:900; text-decoration:none; white-space:nowrap; }
.fb-icon-link { width:36px; height:36px; display:inline-grid; place-items:center; border-radius:999px; background:#1877f2; color:#fff!important; font-weight:1000; font-family:Arial,Helvetica,sans-serif; font-size:22px; line-height:1; text-decoration:none!important; box-shadow:0 8px 18px rgba(24,119,242,.26); }
.fb-icon-link:hover { transform:translateY(-1px); filter:brightness(1.06); }
.fb-profile-text { display:block; font-size:11px; max-width:210px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.distributor-upload-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:10px 0 18px; }
.distributor-upload-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px solid rgba(148,163,184,.18); }
.distributor-upload-label { display:flex; align-items:center; gap:10px; min-width:0; }
.distributor-upload-label span { display:grid; gap:1px; min-width:0; }
.distributor-upload-label small { color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:220px; }
.distributor-upload-preview { width:40px; height:40px; border-radius:999px; object-fit:cover; flex:0 0 40px; border:1px solid rgba(14,165,233,.25); display:inline-grid; place-items:center; font-weight:900; color:#075985; background:#e0f2fe; }
.distributor-upload-row input[type="file"] { max-width:230px; font-size:12px; }
@media(max-width:760px){ .distributor-upload-grid{grid-template-columns:1fr;} .distributor-upload-row{align-items:flex-start; flex-direction:column;} .distributor-upload-row input[type="file"]{max-width:100%;} }
.distributor-empty-card { grid-template-columns:1fr!important; }
@media(max-width:900px) {
  .distributor-card { grid-template-columns:1fr auto; gap:7px 10px; align-items:center; }
  .distributor-identity { grid-column:1 / -1; }
  .distributor-card .section-label,.distributor-contact,.distributor-area,.distributor-notes { grid-column:1 / 2; }
  .distributor-contact-row { grid-column:2 / 3; grid-row:2 / span 3; align-self:center; }
}
@media(max-width:520px) {
  .distributor-card { grid-template-columns:1fr; padding:11px 0; }
  .distributor-contact-row { grid-column:auto; grid-row:auto; justify-content:flex-start; }
  .distributor-avatar { width:40px; height:40px; flex-basis:40px; }
}



/* Build 155: management details, tickets, notifications, expiry warnings, public polish */
.v155-panel-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px; }
.v155-detail-grid { display:grid; grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr); gap:16px; align-items:start; }
/* Build 159: Client Details groups are full-width stacked sections for easier editing. */
.v159-client-detail-stack { display:grid; grid-template-columns:1fr !important; gap:16px; align-items:start; }
.v159-client-detail-stack > .section { width:100%; min-width:0; }
.v159-client-detail-stack .simple-grid { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.v159-client-detail-stack input, .v159-client-detail-stack select, .v159-client-detail-stack textarea { max-width:100%; }
.v155-meta-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
.v155-meta-card { border:1px solid var(--line); border-radius:16px; padding:13px; background:var(--soft); }
.v155-meta-card .label { color:var(--muted); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.v155-meta-card .value { font-size:clamp(18px,2.4vw,26px); font-weight:1000; margin-top:5px; overflow-wrap:anywhere; }
.v155-actionbar { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.v155-expiry-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:10px; }
.expiry-card { border:1px solid var(--line); background:linear-gradient(180deg,var(--paper),var(--soft2)); padding:13px; border-radius:16px; }
.expiry-card.warn { border-color:#facc15; background:linear-gradient(180deg,#fffbeb,#fef3c7); color:#713f12; }
.expiry-card.danger { border-color:#fca5a5; background:linear-gradient(180deg,#fef2f2,#fee2e2); color:#7f1d1d; }
html[data-theme="dark"] .expiry-card.warn { background:linear-gradient(180deg,#422006,#1c1304); color:#fde68a; }
html[data-theme="dark"] .expiry-card.danger { background:linear-gradient(180deg,#450a0a,#190606); color:#fecaca; }
.ticket-thread { display:grid; gap:10px; margin-top:12px; }
.ticket-msg { border:1px solid var(--line); border-radius:16px; padding:12px; background:var(--soft2); }
.ticket-msg.admin { border-color:rgba(14,165,233,.35); }
.ticket-msg.client { border-color:rgba(34,197,94,.35); }
.ticket-msg p { margin:8px 0 0; white-space:pre-wrap; }
.ticket-msg-head-actions { display:flex; align-items:center; gap:7px; flex-wrap:wrap; justify-content:flex-end; }
.ticket-message-actions { display:inline-flex; align-items:center; gap:6px; }
.ticket-reply-target { border:1px solid var(--line)!important; background:var(--paper)!important; color:var(--ink)!important; border-radius:999px!important; padding:4px 9px!important; font-size:11px!important; font-weight:900!important; box-shadow:none!important; }
.ticket-reply-context { margin:8px 0 0; padding:7px 9px; border-left:3px solid #0ea5e9; border-radius:10px; background:rgba(14,165,233,.10); display:grid; gap:2px; font-size:12px; }
.ticket-reply-context span { color:var(--muted); font-size:11px; font-weight:800; }
.ticket-reply-context strong { color:var(--ink); font-size:12px; font-weight:900; line-height:1.25; }
.ticket-replying-banner { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:1px solid rgba(14,165,233,.28); background:rgba(14,165,233,.09); border-radius:14px; }
.ticket-replying-banner[hidden] { display:none!important; }
.ticket-replying-banner div { display:grid; gap:2px; min-width:0; }
.ticket-replying-banner span { font-size:11px; color:var(--muted); font-weight:900; }
.ticket-replying-banner strong { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:min(64vw,520px); }
#ticket-replying-cancel { width:30px!important; height:30px!important; min-width:30px!important; padding:0!important; border-radius:999px!important; }
.ticket-msg { position:relative; touch-action:manipulation; user-select:text; }
.ticket-msg::after { content:'Hold for reaction'; position:absolute; top:8px; opacity:0; pointer-events:none; font-size:10px; font-weight:900; color:var(--muted); transition:opacity .16s ease; }
.ticket-msg.mine::after { left:12px; }
.ticket-msg.other::after { right:12px; }
.ticket-msg:hover::after { opacity:.38; }
.ticket-reactions.empty { display:none!important; }
.ticket-reactions.messenger-summary { position:absolute; right:12px; bottom:-13px; display:flex; align-items:center; gap:3px; padding:2px 4px; border:1px solid rgba(148,163,184,.32); border-radius:999px; background:var(--card); box-shadow:0 7px 18px rgba(15,23,42,.14); z-index:2; }
.ticket-msg.mine .ticket-reactions.messenger-summary { right:auto; left:12px; }
.ticket-reaction-pill { border:0!important; background:transparent!important; color:var(--ink)!important; border-radius:999px!important; padding:1px 3px!important; min-height:22px!important; font-size:13px!important; line-height:1!important; box-shadow:none!important; cursor:pointer; }
.ticket-reaction-pill.active { background:rgba(24,119,242,.12)!important; color:#1877f2!important; font-weight:1000!important; }
.ticket-reaction-picker { position:fixed; z-index:10020; display:none; align-items:center; gap:6px; padding:7px; border-radius:999px; border:1px solid rgba(148,163,184,.32); background:rgba(255,255,255,.96); box-shadow:0 18px 48px rgba(15,23,42,.25); backdrop-filter:blur(14px); }
.ticket-reaction-picker.show { display:flex; }
.ticket-reaction-picker-btn { width:38px!important; height:38px!important; min-width:38px!important; padding:0!important; border-radius:999px!important; border:0!important; background:transparent!important; font-size:24px!important; line-height:1!important; box-shadow:none!important; cursor:pointer; transition:transform .12s ease, background .12s ease; }
.ticket-reaction-picker-btn:hover, .ticket-reaction-picker-btn:focus { transform:translateY(-4px) scale(1.14); background:rgba(14,165,233,.10)!important; }
.ticket-compose-emoji-btn { width:44px!important; height:44px!important; min-width:44px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0!important; background:var(--paper)!important; color:var(--ink)!important; border:1px solid var(--line)!important; font-size:22px!important; box-shadow:0 8px 20px rgba(15,23,42,.08)!important; }
.ticket-compose-emoji-picker { position:fixed; z-index:10025; display:none; grid-template-columns:repeat(5, 38px); gap:5px; width:max-content; max-width:calc(100vw - 18px); padding:9px; border-radius:18px; border:1px solid rgba(148,163,184,.32); background:rgba(255,255,255,.97); box-shadow:0 18px 48px rgba(15,23,42,.24); backdrop-filter:blur(14px); }
.ticket-compose-emoji-picker.show { display:grid; }
.ticket-compose-emoji-choice { width:38px!important; height:38px!important; min-width:38px!important; padding:0!important; border-radius:12px!important; border:0!important; background:transparent!important; font-size:23px!important; box-shadow:none!important; cursor:pointer; }
.ticket-compose-emoji-choice:hover, .ticket-compose-emoji-choice:focus { background:rgba(14,165,233,.12)!important; transform:scale(1.08); }
html[data-theme="dark"] .ticket-reaction-picker, html[data-theme="dark"] .ticket-compose-emoji-picker, html[data-theme="dark"] .ticket-reactions.messenger-summary { background:rgba(15,23,42,.96); border-color:rgba(148,163,184,.28); box-shadow:0 18px 48px rgba(0,0,0,.45); }
html[data-theme="dark"] .ticket-reaction-pill.active { color:#93c5fd!important; background:rgba(59,130,246,.18)!important; }
@media(max-width:720px){ .ticket-msg-head-actions{width:100%; justify-content:flex-start;} .ticket-msg::after{display:none;} .ticket-reaction-picker-btn{width:36px!important;height:36px!important;min-width:36px!important;font-size:23px!important;} .ticket-replying-banner strong{max-width:58vw;} .ticket-compose-emoji-picker{grid-template-columns:repeat(5, 36px);} .ticket-compose-emoji-choice{width:36px!important;height:36px!important;min-width:36px!important;} }
.ticket-photo-link { display:block; width:min(360px,100%); margin-top:9px; border-radius:16px; overflow:hidden; border:1px solid var(--line); background:#020617; }
.ticket-photo-link img { width:100%; max-height:260px; object-fit:contain; display:block; background:#020617; }
.ticket-reply-form { display:grid; gap:10px; }
.ticket-input-card { display:grid; gap:10px; border:1px solid var(--line); border-radius:18px; padding:12px; background:var(--soft2); box-shadow:0 8px 24px rgba(15,23,42,.05); }
.ticket-message-compose { display:grid; gap:0; border:1px solid var(--line); border-radius:18px; background:var(--card); overflow:hidden; min-height:132px; }
.ticket-message-compose textarea { margin:0!important; min-height:108px; resize:vertical; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; outline:none!important; }
.ticket-message-compose .ticket-photo-preview { margin:12px 12px 0; }
.ticket-photo-preview[hidden] { display:none!important; }
.ticket-photo-preview-title { display:none!important; }
html[data-theme="dark"] .ticket-photo-preview-title { background:rgba(255,255,255,.04); }
.ticket-reply-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:0; }
.ticket-photo-picker { width:44px; height:44px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:#1877f2; color:#fff; font-size:22px; font-weight:900; cursor:pointer; box-shadow:0 10px 24px rgba(24,119,242,.22); border:1px solid rgba(255,255,255,.18); flex:0 0 auto; }
.ticket-photo-picker:hover { filter:brightness(1.06); transform:translateY(-1px); }
.ticket-photo-name { font-size:12px; color:var(--muted); font-weight:800; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:260px; }
.ticket-photo-preview { display:none; position:relative; width:min(320px,100%); border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#020617; min-height:0; box-shadow:0 8px 22px rgba(2,6,23,.14); }
.ticket-photo-preview img { width:100%; max-height:240px; object-fit:contain; display:block; background:#020617; }
.ticket-photo-preview.show { display:block; }
.ticket-photo-preview-remove { position:absolute; top:7px; right:7px; width:28px; height:28px; border-radius:999px; border:1px solid rgba(255,255,255,.35)!important; background:rgba(15,23,42,.82)!important; color:#fff!important; font-size:19px; font-weight:900; line-height:1; padding:0!important; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; z-index:2; }
.ticket-compose-preview-hint { display:none!important; }
.ticket-delete-box { margin-top:12px; border:1px dashed rgba(239,68,68,.55); background:rgba(239,68,68,.08); border-radius:16px; padding:12px; }
.ticket-delete-box .danger { background:linear-gradient(135deg,#ef4444,#b91c1c)!important; color:#fff!important; }
.ticket-msg-pending { opacity:.68; }

.ticket-list-table tbody tr.ticket-row-click { cursor:pointer; transition:background .16s ease, box-shadow .16s ease; }
.ticket-list-table tbody tr.ticket-row-click:hover { background:rgba(14,165,233,.10); box-shadow:inset 3px 0 0 rgba(14,165,233,.75); }
html[data-theme="dark"] .ticket-list-table tbody tr.ticket-row-click:hover { background:rgba(56,189,248,.13); }
.ticket-list-table .ticket-row-actions { white-space:nowrap; width:1%; }
.ticket-row-delete { display:inline; margin:0; }
.ticket-row-delete button { padding:7px 10px!important; border-radius:999px!important; font-size:12px!important; }
.ticket-closed-note { border:1px solid rgba(148,163,184,.35); background:var(--soft2); border-radius:16px; padding:12px; color:var(--muted); font-weight:800; margin-top:12px; }
.ticket-photo-link { cursor:zoom-in; }
.ticket-photo-preview img { cursor:zoom-in; }
.ticket-media-lightbox { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:18px; background:rgba(2,6,23,.92); backdrop-filter:blur(8px); }
.ticket-media-lightbox.show { display:flex; }
.ticket-media-lightbox-inner { position:relative; width:min(1100px,96vw); height:min(860px,92vh); display:flex; align-items:center; justify-content:center; }
.ticket-media-lightbox img { max-width:100%; max-height:100%; object-fit:contain; border-radius:18px; box-shadow:0 28px 80px rgba(0,0,0,.55); background:#020617; }
.ticket-media-lightbox-close { position:fixed; top:14px; right:14px; width:46px; height:46px; border-radius:999px; border:1px solid rgba(255,255,255,.35)!important; background:rgba(15,23,42,.88)!important; color:#fff!important; font-size:28px; font-weight:900; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:10000; }
.ticket-media-lightbox-close:hover { filter:brightness(1.15); transform:scale(1.03); }
.ticket-photo-preview-grid { width:100%; max-width:560px; display:none; grid-template-columns:repeat(auto-fill,minmax(92px,1fr)); gap:8px; padding:8px; background:var(--soft); }
.ticket-photo-preview-grid.show { display:grid; }
.ticket-photo-preview-item { position:relative; min-width:0; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:#020617; border:1px solid var(--line); }
.ticket-photo-preview-item img { width:100%; height:100%; object-fit:cover; display:block; cursor:zoom-in; }
.ticket-photo-preview-item .ticket-photo-preview-remove { top:5px; right:5px; }
.ticket-media-lightbox-nav { position:fixed; top:50%; transform:translateY(-50%); width:52px; height:52px; border-radius:999px; border:1px solid rgba(255,255,255,.35)!important; background:rgba(15,23,42,.82)!important; color:#fff!important; font-size:34px; font-weight:900; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:10000; }
.ticket-media-lightbox-prev { left:16px; }
.ticket-media-lightbox-next { right:16px; }
.ticket-media-lightbox-nav[hidden] { display:none!important; }
.ticket-media-lightbox-counter { position:fixed; left:50%; bottom:18px; transform:translateX(-50%); padding:7px 12px; border-radius:999px; background:rgba(15,23,42,.82); color:#fff; font-size:13px; font-weight:800; z-index:10000; }
@media(max-width:720px) {
  .ticket-photo-preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:none; }
  .ticket-media-lightbox-nav { width:44px; height:44px; font-size:28px; }
  .ticket-media-lightbox-prev { left:8px; }
  .ticket-media-lightbox-next { right:8px; }
}

.support-nav-link { position:relative; display:inline-flex!important; align-items:center; gap:7px; }
.support-nav-badge { display:none; min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:#ef4444; color:#fff; font-size:11px; font-weight:1000; line-height:20px; text-align:center; box-shadow:0 0 0 2px var(--paper); }
.support-nav-badge.show { display:inline-flex; align-items:center; justify-content:center; }
.ticket-row-unread { margin-left:6px; vertical-align:middle; }
.ticket-seen-state { font-weight:900; font-size:11px; }
.ticket-seen-state.unread { color:#ef4444; }
.ticket-seen-state.seen { color:#22c55e; }
.ticket-messenger-page { display:grid; gap:14px; }
.ticket-messenger-back { display:inline-flex; width:max-content; align-items:center; gap:8px; text-decoration:none!important; font-weight:900; }
.ticket-messenger-card { display:flex; flex-direction:column; min-height:560px; height:min(76vh,820px); border:1px solid var(--line); border-radius:22px; overflow:hidden; background:var(--paper); box-shadow:var(--shadow); }
.ticket-messenger-header { flex:0 0 auto; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:14px 16px; border-bottom:1px solid var(--line); background:linear-gradient(180deg,var(--paper),var(--soft2)); }
.ticket-messenger-header h2 { margin:0!important; }
.ticket-messenger-messages { flex:1 1 auto; overflow-y:auto; display:grid; align-content:start; gap:10px; padding:14px; background:linear-gradient(180deg,var(--soft2),var(--paper)); }
.ticket-messenger-compose-area { flex:0 0 auto; border-top:1px solid var(--line); padding:12px; background:var(--paper); }
.ticket-admin-controls { margin-bottom:10px; }
.ticket-msg { max-width:min(760px,92%); }
.ticket-msg.admin { justify-self:start; }
.ticket-msg.client { justify-self:end; }
.ticket-photo-link { background:var(--soft)!important; }
.ticket-photo-link img { background:var(--soft)!important; }
html[data-theme="dark"] .ticket-messenger-card { background:#0f172a; }
html[data-theme="dark"] .ticket-messenger-header { background:linear-gradient(180deg,#111c31,#0f172a); }
html[data-theme="dark"] .ticket-messenger-messages { background:linear-gradient(180deg,#071120,#0b1220); }
html[data-theme="dark"] .ticket-messenger-compose-area { background:#0f172a; }
html[data-theme="dark"] .ticket-photo-link, html[data-theme="dark"] .ticket-photo-link img { background:#020617!important; }
@media(max-width:760px){ .ticket-messenger-card{height:calc(100dvh - 155px); min-height:520px; border-radius:18px;} .ticket-messenger-header{padding:12px;} .ticket-messenger-messages{padding:10px;} .ticket-messenger-compose-area{padding:10px;} .ticket-msg{max-width:96%;} }
@media(max-width:720px){ .ticket-list-table th:nth-child(2), .ticket-list-table td:nth-child(2){min-width:180px;} .ticket-media-lightbox{padding:8px;} .ticket-media-lightbox-close{top:10px; right:10px; width:44px; height:44px;} }

@media(max-width:720px){ .ticket-input-card{padding:10px;border-radius:16px;} .ticket-reply-actions{gap:8px;} .ticket-photo-picker{width:42px;height:42px;} .ticket-photo-name{max-width:160px;} .ticket-photo-link{width:100%;} .ticket-photo-preview{width:100%;} .ticket-photo-preview img{max-height:220px;} }

/* Build 174: messenger ticket polish */
.ticket-message-compose textarea { resize:none!important; min-height:46px!important; max-height:170px!important; overflow-y:auto!important; line-height:1.45!important; transition:min-height .12s ease; }
.ticket-row-action-menu { position:relative; display:inline-block; }
.ticket-action-summary { list-style:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:8px 12px; background:var(--soft2); border:1px solid var(--line); font-weight:1000; color:var(--ink); user-select:none; }
.ticket-action-summary::-webkit-details-marker { display:none; }
.ticket-row-action-menu[open] .ticket-action-summary { background:rgba(14,165,233,.14); border-color:rgba(14,165,233,.45); }
.ticket-action-menu-panel { position:absolute; right:0; top:calc(100% + 8px); z-index:70; min-width:190px; display:grid; gap:6px; padding:9px; border:1px solid var(--line); border-radius:16px; background:var(--paper); box-shadow:0 18px 48px rgba(15,23,42,.22); }
.ticket-action-menu-panel form { margin:0; }
.ticket-action-menu-panel button,
.ticket-action-menu-panel a { width:100%; justify-content:center; text-align:center; border-radius:12px!important; padding:8px 10px!important; font-size:12px!important; text-decoration:none!important; }
html[data-theme="dark"] .ticket-action-menu-panel { background:#0f172a; box-shadow:0 22px 58px rgba(0,0,0,.45); }
@media(max-width:760px) {
  html.ticket-open-page,
  html.ticket-open-page body { height:100dvh!important; max-height:100dvh!important; overflow:hidden!important; }
  html.ticket-open-page .footer { display:none!important; }
  html.ticket-open-page .wrap { height:calc(100dvh - var(--ticket-nav-height, 64px))!important; max-height:calc(100dvh - var(--ticket-nav-height, 64px))!important; overflow:hidden!important; padding:8px!important; display:flex!important; flex-direction:column!important; }
  html.ticket-open-page .ticket-messenger-page { flex:1 1 auto!important; height:100%!important; min-height:0!important; display:flex!important; flex-direction:column!important; gap:8px!important; overflow:hidden!important; }
  html.ticket-open-page .ticket-messenger-back { flex:0 0 auto!important; font-size:13px!important; padding:2px 0!important; }
  html.ticket-open-page .ticket-messenger-card { flex:1 1 auto!important; height:100%!important; min-height:0!important; max-height:none!important; border-radius:16px!important; }
  html.ticket-open-page .ticket-messenger-header { flex:0 0 auto!important; padding:9px 10px!important; }
  html.ticket-open-page .ticket-messenger-header h2 { font-size:15px!important; line-height:1.18!important; }
  html.ticket-open-page .ticket-messenger-messages { flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; padding:9px!important; }
  html.ticket-open-page .ticket-messenger-compose-area { flex:0 0 auto!important; padding:8px!important; }
  html.ticket-open-page .ticket-input-card { padding:8px!important; gap:7px!important; }
  html.ticket-open-page .ticket-message-compose { min-height:0!important; }
  html.ticket-open-page .ticket-message-compose textarea { min-height:42px!important; max-height:128px!important; }
  .ticket-action-menu-panel { right:0; min-width:170px; }
}


/* Build 176: accurate seen + floating ticket action popup + stable media scroll */
.ticket-action-menu-panel { position:fixed!important; right:auto!important; z-index:10050!important; max-height:min(72vh,420px); overflow-y:auto; }
.ticket-list-table, .ticket-list-table tbody, .ticket-list-table tr, .ticket-row-actions { overflow:visible!important; }
.ticket-row-action-menu { position:static!important; }
.ticket-messenger-messages { overscroll-behavior:contain; overflow-anchor:none; }
.ticket-photo-link { aspect-ratio:4/3; display:flex!important; align-items:center; justify-content:center; max-height:min(280px,38vh); }
.ticket-photo-link img { width:100%; height:100%; max-height:100%!important; object-fit:contain!important; }
.ticket-msg { overflow-anchor:none; }
@media(max-width:760px){
  .ticket-photo-link { width:min(100%,320px)!important; max-height:34vh!important; }
  html.ticket-open-page body { position:fixed!important; inset:0!important; width:100%!important; }
  html.ticket-open-page .ticket-messenger-messages { touch-action:pan-y!important; -webkit-overflow-scrolling:touch!important; }
}
.notification-row.unread td { font-weight:900; }
.public-footer-socials { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.public-footer-socials a { display:inline-flex; align-items:center; gap:6px; }
.distributor-filter-row { display:grid; grid-template-columns:minmax(180px,1fr) minmax(160px,.35fr); gap:10px; margin:12px 0; }
.distributor-card.featured { border-color:rgba(250,204,21,.55); background:linear-gradient(90deg,rgba(250,204,21,.10),transparent)!important; }
@media(max-width:800px) { .v155-detail-grid { grid-template-columns:1fr; } .v159-client-detail-stack { grid-template-columns:1fr !important; } .v159-client-detail-stack .simple-grid { grid-template-columns:1fr; } .distributor-filter-row { grid-template-columns:1fr; } .public-footer-socials { justify-content:flex-start; } }

/* Build 169: Messenger ticket refinements */
.ticket-msg.mine { justify-self:end !important; border-color:rgba(14,165,233,.42) !important; background:linear-gradient(180deg,rgba(14,165,233,.12),var(--paper)) !important; }
.ticket-msg.other { justify-self:start !important; }
.ticket-msg-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.ticket-unsend-form { margin:0; display:inline-flex; }
.ticket-unsend-button { padding:5px 9px!important; border-radius:999px!important; font-size:11px!important; background:transparent!important; border:1px solid rgba(239,68,68,.45)!important; color:#dc2626!important; box-shadow:none!important; }
.ticket-unsend-button:hover { background:rgba(239,68,68,.10)!important; }
html[data-theme="dark"] .ticket-msg.mine { background:linear-gradient(180deg,rgba(56,189,248,.14),#0f172a) !important; }
html[data-theme="dark"] .ticket-unsend-button { color:#fca5a5!important; }
@media(max-width:720px){ .ticket-msg-head { align-items:flex-start; } .ticket-unsend-button { padding:5px 8px!important; } }


/* License Site 296: Messenger-style ticket bubbles with avatar-only sender identity. */
.ticket-messenger-messages .ticket-msg {
  border:0!important;
  border-radius:22px!important;
  padding:9px 12px 7px!important;
  max-width:min(620px,78%)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
}
.ticket-messenger-messages .ticket-msg.mine {
  background:#1877f2!important;
  color:#fff!important;
  border-bottom-right-radius:8px!important;
  margin-right:42px!important;
}
.ticket-messenger-messages .ticket-msg.other {
  background:#eef2f7!important;
  color:#0f172a!important;
  border-bottom-left-radius:8px!important;
  margin-left:42px!important;
}
.ticket-messenger-messages .ticket-msg-head {
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  min-height:0!important;
  margin:-4px -4px 0 0!important;
  gap:4px!important;
}
.ticket-messenger-messages .ticket-msg-head strong { display:none!important; }
.ticket-msg-avatar {
  position:absolute;
  bottom:0;
  width:32px;
  height:32px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.01em;
  color:#fff;
  background:linear-gradient(135deg,#0ea5e9,#6366f1);
  border:2px solid var(--paper);
  box-shadow:0 8px 20px rgba(15,23,42,.16);
  user-select:none;
  pointer-events:none;
}
.ticket-msg.other .ticket-msg-avatar { left:-42px; }
.ticket-msg.mine .ticket-msg-avatar { right:-42px; background:linear-gradient(135deg,#1877f2,#0ea5e9); }
.ticket-msg.client.other .ticket-msg-avatar, .ticket-msg.client.mine .ticket-msg-avatar { background:linear-gradient(135deg,#22c55e,#0ea5e9); }
.ticket-msg.admin.other .ticket-msg-avatar, .ticket-msg.admin.mine .ticket-msg-avatar { background:linear-gradient(135deg,#1877f2,#8b5cf6); }
.ticket-msg-time {
  display:block!important;
  margin-top:4px!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  opacity:.66!important;
  color:inherit!important;
  text-align:right!important;
}
.ticket-msg.other .ticket-msg-time { text-align:left!important; color:#64748b!important; }
.ticket-messenger-messages .ticket-msg p { margin:2px 0 0!important; line-height:1.42!important; }
.ticket-messenger-messages .ticket-msg.mine p { color:#fff!important; }
.ticket-messenger-messages .ticket-msg.other p { color:#0f172a!important; }
.ticket-messenger-messages .ticket-reply-target,
.ticket-messenger-messages .ticket-unsend-button {
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:14px!important;
  line-height:1!important;
  opacity:.58!important;
  color:inherit!important;
  background:rgba(255,255,255,.18)!important;
  border:0!important;
}
.ticket-messenger-messages .ticket-msg.other .ticket-reply-target,
.ticket-messenger-messages .ticket-msg.other .ticket-unsend-button { background:rgba(15,23,42,.08)!important; color:#475569!important; }
.ticket-messenger-messages .ticket-msg:hover .ticket-reply-target,
.ticket-messenger-messages .ticket-msg:hover .ticket-unsend-button { opacity:1!important; }
.ticket-messenger-messages .ticket-reply-context {
  margin:2px 0 6px!important;
  border-left:3px solid rgba(24,119,242,.65)!important;
  background:rgba(255,255,255,.18)!important;
  color:inherit!important;
}
.ticket-messenger-messages .ticket-msg.other .ticket-reply-context { background:rgba(15,23,42,.06)!important; }
.ticket-messenger-messages .ticket-reply-context span,
.ticket-messenger-messages .ticket-reply-context strong { color:inherit!important; opacity:.78!important; }
html[data-theme="dark"] .ticket-messenger-messages .ticket-msg.other { background:#1f2937!important; color:#e5e7eb!important; }
html[data-theme="dark"] .ticket-messenger-messages .ticket-msg.other p { color:#e5e7eb!important; }
html[data-theme="dark"] .ticket-msg.other .ticket-msg-time { color:#94a3b8!important; }
html[data-theme="dark"] .ticket-msg-avatar { border-color:#0f172a!important; }
@media(max-width:760px){
  .ticket-messenger-messages .ticket-msg { max-width:calc(100% - 52px)!important; border-radius:19px!important; padding:8px 11px 6px!important; }
  .ticket-messenger-messages .ticket-msg.mine { margin-right:38px!important; }
  .ticket-messenger-messages .ticket-msg.other { margin-left:38px!important; }
  .ticket-msg-avatar { width:30px; height:30px; font-size:11px; }
  .ticket-msg.other .ticket-msg-avatar { left:-38px; }
  .ticket-msg.mine .ticket-msg-avatar { right:-38px; }
  .ticket-messenger-messages .ticket-reply-target,
  .ticket-messenger-messages .ticket-unsend-button { width:25px!important; height:25px!important; min-width:25px!important; }
}



/* License Site 297: Messenger-like ticket long-press action sheet, no visible inline action icons. */
.ticket-msg::after { display:none!important; }
.ticket-messenger-messages .ticket-msg {
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  transform:none;
  transition:box-shadow .16s ease, filter .16s ease, opacity .16s ease!important;
  will-change:auto!important;
}
.ticket-messenger-messages .ticket-msg-head,
.ticket-messenger-messages .ticket-msg-head-actions,
.ticket-messenger-messages .ticket-message-actions,
.ticket-messenger-messages .ticket-reply-target,
.ticket-messenger-messages .ticket-unsend-form,
.ticket-messenger-messages .ticket-unsend-button {
  display:none!important;
}
.ticket-msg.is-longpressing {
  box-shadow:0 20px 46px rgba(15,23,42,.26)!important;
  filter:saturate(1.08) brightness(1.03)!important;
}
.ticket-msg.is-action-open {
  box-shadow:0 24px 58px rgba(24,119,242,.30)!important;
  z-index:10001!important;
}
.ticket-msg.is-swipe-reply {
  box-shadow:0 18px 46px rgba(24,119,242,.24)!important;
}
.ticket-messenger-messages.action-focus .ticket-msg:not(.is-action-open) {
  opacity:.42;
  filter:blur(.25px) saturate(.86);
}
.ticket-longpress-backdrop {
  position:fixed;
  inset:0;
  z-index:10010;
  display:none;
  background:rgba(15,23,42,.18);
  backdrop-filter:blur(1.5px);
  pointer-events:auto;
}
.ticket-longpress-backdrop.show { display:block; }
.ticket-reaction-picker {
  z-index:10020!important;
  gap:5px!important;
  padding:7px 9px!important;
  animation:ticketActionPop .14s ease-out;
}
.ticket-reaction-picker-sep {
  width:1px;
  align-self:stretch;
  min-height:34px;
  margin:0 2px;
  background:rgba(148,163,184,.35);
}
.ticket-action-sheet-btn {
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  border-radius:999px!important;
  border:0!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(15,23,42,.06)!important;
  color:#0f172a!important;
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer;
}
.ticket-action-sheet-btn:hover,
.ticket-action-sheet-btn:focus {
  transform:translateY(-3px) scale(1.08);
  background:rgba(24,119,242,.12)!important;
}
.ticket-action-sheet-btn.unsend {
  color:#dc2626!important;
  background:rgba(239,68,68,.10)!important;
}
.ticket-action-sheet-btn[hidden] { display:none!important; }
@keyframes ticketActionPop {
  from { opacity:0; transform:translateY(6px) scale(.92); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
html[data-theme="dark"] .ticket-longpress-backdrop { background:rgba(2,6,23,.36); }
html[data-theme="dark"] .ticket-action-sheet-btn { background:rgba(148,163,184,.14)!important; color:#e5e7eb!important; }
html[data-theme="dark"] .ticket-action-sheet-btn.unsend { background:rgba(239,68,68,.18)!important; color:#fca5a5!important; }
@media(max-width:720px){
  .ticket-reaction-picker { padding:7px 8px!important; gap:4px!important; max-width:calc(100vw - 16px); overflow-x:auto; }
  .ticket-action-sheet-btn { width:36px!important; height:36px!important; min-width:36px!important; font-size:17px!important; }
}


/* License Site 299: lightweight ticket video call + photo long-press polish. */
.ticket-video-call-panel {
  margin:10px 12px 0;
  padding:10px 12px;
  border:1px solid rgba(24,119,242,.20);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(24,119,242,.09),rgba(14,165,233,.05));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.ticket-video-call-panel strong { display:block; font-size:13px; font-weight:1000; color:var(--ink); }
.ticket-video-call-panel span { display:block; font-size:11px; color:var(--muted); font-weight:800; margin-top:2px; }
.ticket-video-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.ticket-video-actions form { margin:0; }
.ticket-video-start,.ticket-video-join { border-radius:999px!important; padding:8px 13px!important; font-size:12px!important; font-weight:1000!important; }
.ticket-video-page { display:grid; gap:14px; max-width:1120px; margin:0 auto; padding:14px; }
.ticket-video-top { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; border:1px solid var(--line); border-radius:20px; padding:12px; background:var(--paper); }
.ticket-video-top strong { display:block; font-size:15px; font-weight:1000; }
.ticket-video-top span { display:block; color:var(--muted); font-size:12px; font-weight:800; }
.ticket-video-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.36fr); gap:12px; align-items:stretch; }
.ticket-video-box { position:relative; min-height:260px; border-radius:24px; overflow:hidden; background:#020617; border:1px solid rgba(148,163,184,.28); box-shadow:0 18px 50px rgba(15,23,42,.18); }
.ticket-video-box video { width:100%; height:100%; min-height:260px; object-fit:cover; display:block; background:#020617; }
.ticket-video-box.local { min-height:220px; }
.ticket-video-box.local video { min-height:220px; }
.ticket-video-box span { position:absolute; left:12px; bottom:10px; border-radius:999px; padding:5px 9px; background:rgba(15,23,42,.72); color:#fff; font-size:12px; font-weight:900; }
.ticket-video-controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; border:1px solid var(--line); border-radius:18px; padding:10px; background:var(--paper); }
.ticket-video-controls button { border-radius:999px!important; padding:9px 12px!important; font-size:12px!important; font-weight:1000!important; }
#callStatus { font-size:12px; color:var(--muted); font-weight:900; }
.ticket-photo-link { -webkit-touch-callout:none; touch-action:manipulation; }
.ticket-photo-link.is-photo-pressing img { transform:scale(.985); filter:brightness(.92); }
@media(max-width:760px){
  .ticket-video-call-panel { align-items:flex-start; }
  .ticket-video-grid { grid-template-columns:1fr; }
  .ticket-video-box,.ticket-video-box video { min-height:260px; }
  .ticket-video-box.local,.ticket-video-box.local video { min-height:180px; }
  .ticket-video-page { padding:8px; }
}

/* License Site 300: auto-start ticket video call and Messenger-style speaker/self layout. */
.ticket-video-page {
  max-width:980px;
}
.ticket-video-stage {
  position:relative!important;
  display:block!important;
  grid-template-columns:none!important;
  min-height:clamp(340px,68vh,720px)!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:#020617!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 22px 70px rgba(15,23,42,.24)!important;
}
.ticket-video-stage .ticket-video-box.remote {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ticket-video-stage .ticket-video-box.remote video {
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
}
.ticket-video-stage .ticket-video-box.local {
  position:absolute!important;
  right:16px!important;
  bottom:16px!important;
  z-index:4!important;
  width:min(220px,26vw)!important;
  aspect-ratio:4/3!important;
  min-height:0!important;
  height:auto!important;
  border-radius:20px!important;
  border:2px solid rgba(255,255,255,.78)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.35)!important;
  background:#020617!important;
}
.ticket-video-stage .ticket-video-box.local video {
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
}
.ticket-video-stage .ticket-video-box span {
  z-index:5!important;
}
.ticket-video-stage .ticket-video-box.local span {
  left:8px!important;
  bottom:7px!important;
  padding:4px 8px!important;
  font-size:10px!important;
}
.ticket-video-page.media-ready #callStartBtn {
  display:none!important;
}
.ticket-video-controls {
  justify-content:center;
}
@media(max-width:760px){
  .ticket-video-page { padding:8px; }
  .ticket-video-stage { min-height:72vh!important; border-radius:20px!important; }
  .ticket-video-stage .ticket-video-box.local {
    right:10px!important;
    bottom:10px!important;
    width:min(148px,38vw)!important;
    border-radius:16px!important;
  }
  .ticket-video-controls { justify-content:flex-start; }
}


/* License Site 298: support ticket message stack/no-fullscreen-blur fix. */
.ticket-messenger-messages {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:13px!important;
  overflow-x:hidden!important;
}
.ticket-messenger-messages .ticket-msg {
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  clear:both!important;
  float:none!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  margin-top:0!important;
  margin-bottom:0!important;
  transform:none!important;
  contain:none!important;
}
.ticket-messenger-messages .ticket-msg.mine {
  align-self:flex-end!important;
  margin-left:auto!important;
  margin-right:42px!important;
}
.ticket-messenger-messages .ticket-msg.other {
  align-self:flex-start!important;
  margin-left:42px!important;
  margin-right:auto!important;
}
.ticket-messenger-messages .ticket-msg p,
.ticket-messenger-messages .ticket-reply-context,
.ticket-messenger-messages .ticket-photo-link,
.ticket-messenger-messages .ticket-msg-time {
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.ticket-messenger-messages .ticket-reactions.messenger-summary {
  position:static!important;
  right:auto!important;
  left:auto!important;
  bottom:auto!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:5px!important;
  margin-bottom:0!important;
  padding:2px 5px!important;
  z-index:1!important;
  clear:both!important;
}
.ticket-messenger-messages .ticket-msg.mine .ticket-reactions.messenger-summary {
  margin-left:auto!important;
  margin-right:0!important;
}
.ticket-messenger-messages .ticket-msg.other .ticket-reactions.messenger-summary {
  margin-left:0!important;
  margin-right:auto!important;
}
.ticket-messenger-messages.action-focus .ticket-msg:not(.is-action-open) {
  opacity:1!important;
  filter:none!important;
}
.ticket-longpress-backdrop,
.ticket-longpress-backdrop.show {
  display:none!important;
  opacity:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}
.ticket-msg.is-longpressing {
  box-shadow:0 10px 26px rgba(24,119,242,.18)!important;
  filter:none!important;
}
.ticket-msg.is-action-open {
  box-shadow:0 16px 38px rgba(24,119,242,.28)!important;
  filter:none!important;
  z-index:8!important;
}
.ticket-reaction-picker.show {
  display:flex!important;
  box-shadow:0 14px 38px rgba(15,23,42,.22)!important;
}
@media(max-width:760px){
  .ticket-messenger-messages { gap:12px!important; }
  .ticket-messenger-messages .ticket-msg { max-width:calc(100% - 52px)!important; }
  .ticket-messenger-messages .ticket-msg.mine { margin-right:38px!important; }
  .ticket-messenger-messages .ticket-msg.other { margin-left:38px!important; }
}




/* Build 239: site-only mobile/default-dark polish and JLink client actions. */
@media (max-width: 720px) {
  .auth-modal { max-width: 360px!important; width: calc(100vw - 34px)!important; padding:18px 16px!important; border-radius:22px!important; }
  .auth-modal .auth-brand-title, .auth-modal h1 { font-size:22px!important; line-height:1.12!important; }
  .auth-modal p, .auth-modal label { font-size:12px!important; }
  .auth-modal input { padding:10px 11px!important; min-height:38px!important; font-size:14px!important; }
  .auth-modal button[type=submit] { min-height:40px!important; padding:10px 14px!important; font-size:13px!important; }
  .settings-tabbar, .settings-tabs, .client-tabs, .tabbar, .tab-selector { background:transparent!important; box-shadow:none!important; border-color:transparent!important; padding-left:0!important; padding-right:0!important; }
  .theme-toggle, .theme-toggle:hover, .menu-toggle, .menu-toggle:hover { background:transparent!important; box-shadow:none!important; border-color:transparent!important; border-radius:0!important; }
}

/* Build 240: site-only login/mobile spacing and redesigned feature cards. */
@media (max-width: 760px) {
  body:not(.ticket-open-page) .wrap { margin-left:18px!important; margin-right:18px!important; padding-left:4px!important; padding-right:4px!important; }
  body:not(.ticket-open-page) .topnav { padding-left:14px!important; padding-right:14px!important; }
  .auth-modal { max-width:330px!important; width:calc(100vw - 56px)!important; padding:16px 14px!important; border-radius:20px!important; }
  .auth-modal .input-icon input { padding-left:44px!important; padding-right:14px!important; }
  .auth-modal .input-icon.password-field input { padding-left:44px!important; padding-right:72px!important; }
}
.input-icon.password-field { position:relative; }
.input-icon.password-field .password-toggle { position:absolute!important; right:7px!important; top:50%!important; transform:translateY(-50%)!important; min-width:50px!important; width:auto!important; min-height:28px!important; padding:6px 9px!important; margin:0!important; border-radius:999px!important; font-size:11px!important; line-height:1!important; z-index:2!important; background:linear-gradient(135deg,#e0f2fe,#dbeafe)!important; color:#0f172a!important; border:1px solid rgba(125,211,252,.45)!important; box-shadow:0 4px 14px rgba(14,165,233,.14)!important; }
html[data-theme="dark"] .input-icon.password-field .password-toggle { background:linear-gradient(135deg,#22d3ee,#8b5cf6)!important; color:#f8fbff!important; border-color:rgba(34,211,238,.42)!important; }
.jlink-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; }
.jlink-feature-card { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:22px; padding:18px; background:linear-gradient(180deg,var(--paper),var(--soft)); box-shadow:var(--shadow); }
.jlink-feature-card:before { content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,rgba(34,211,238,.78),rgba(139,92,246,.55),rgba(244,114,182,.42)); }
.jlink-feature-card.highlight { border-color:rgba(34,211,238,.48); background:linear-gradient(135deg,rgba(34,211,238,.13),rgba(139,92,246,.13),rgba(15,23,42,.08)); box-shadow:0 20px 54px rgba(0,0,0,.18),0 0 36px rgba(34,211,238,.13),inset 0 1px 0 rgba(255,255,255,.08); }
.jlink-feature-card.highlight:before { height:5px; background:linear-gradient(90deg,#22d3ee,#8b5cf6,#f472b6); box-shadow:0 0 22px rgba(34,211,238,.42); }
.jlink-feature-top { display:flex; align-items:flex-start; gap:11px; margin-bottom:12px; }
.jlink-feature-card h3 { margin:0; font-size:clamp(16px,2vw,20px); }
.jlink-feature-sub { margin:4px 0 0!important; font-weight:800; color:var(--ink); }
.jlink-feature-card p { margin:0 0 12px; }
.jlink-feature-why { margin-top:auto; padding:10px 11px; border-radius:14px; background:rgba(14,165,233,.08); border:1px solid rgba(14,165,233,.15); color:var(--muted); font-size:13px; line-height:1.45; }
.jlink-feature-why b { color:var(--ink); }
html[data-theme="dark"] .jlink-feature-card { background:linear-gradient(180deg,rgba(13,24,43,.92),rgba(8,17,31,.88))!important; border-color:rgba(34,211,238,.17)!important; }
html[data-theme="dark"] .jlink-feature-card.highlight { background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.16),rgba(8,17,31,.92))!important; border-color:rgba(34,211,238,.52)!important; box-shadow:0 20px 58px rgba(0,0,0,.42),0 0 34px rgba(34,211,238,.18),inset 0 1px 0 rgba(255,255,255,.06)!important; }
html[data-theme="dark"] .jlink-feature-why { background:rgba(34,211,238,.075)!important; border-color:rgba(34,211,238,.18)!important; }
@media (max-width: 860px) { .jlink-feature-grid { grid-template-columns:1fr; gap:13px; } .jlink-feature-card { padding:15px; border-radius:18px; } .jlink-feature-why { font-size:12px; padding:9px 10px; } }


/* License Site 301: fix browser camera permission policy and clearer mobile permission prompt. */
.ticket-video-permission-hint {
  border:1px solid rgba(37,99,235,.18);
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.06));
  color:var(--ink);
  border-radius:16px;
  padding:9px 11px;
  font-size:12px;
  font-weight:850;
  line-height:1.35;
}
.ticket-video-page.media-ready .ticket-video-permission-hint { display:none; }
.ticket-video-page.media-blocked .ticket-video-permission-hint {
  border-color:rgba(239,68,68,.30);
  background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(245,158,11,.08));
}
html[data-theme="dark"] .ticket-video-permission-hint {
  background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(14,165,233,.08));
}
html[data-theme="dark"] .ticket-video-page.media-blocked .ticket-video-permission-hint {
  background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(245,158,11,.10));
}




:root {
  --bg:#f3f6fb;
  --paper:#ffffff;
  --ink:#0f172a;
  --muted:#667085;
  --line:#d9e2ef;
  --soft:#eef4ff;
  --soft2:#f8fafc;
  --accent:#155eef;
  --accent2:#0ea5e9;
  --danger:#dc2626;
  --success:#027a48;
  --warning:#7a4b00;
  --shadow:0 10px 30px rgba(15,23,42,.08);
  --radius:14px;
}
html[data-theme="dark"] {
  --bg:#070b14;
  --paper:#0f172a;
  --ink:#f8fafc;
  --muted:#aab8cc;
  --line:#253247;
  --soft:#12203a;
  --soft2:#0b1220;
  --accent:#60a5fa;
  --accent2:#22d3ee;
  --danger:#f87171;
  --success:#34d399;
  --warning:#fbbf24;
  --shadow:0 12px 34px rgba(0,0,0,.34);
}
* { box-sizing:border-box; }
html { scroll-behavior:auto; background-color:#f7fbff; }
html[data-theme="light"] { background-color:#f7fbff!important; color-scheme:light; }
html[data-theme="dark"] { background-color:#020817; color-scheme:dark; }
body {
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--ink);
  background-color:#f5fbff!important;
  background-image:
    radial-gradient(circle at 12% 14%, rgba(0,212,255,.14), transparent 19rem),
    radial-gradient(circle at 88% 16%, rgba(255,138,0,.12), transparent 17rem),
    linear-gradient(135deg, rgba(255,255,255,.50), rgba(232,244,255,.64)),
    url('/assets/tech-bg-fast-light.webp');
  background-position:center center;
  background-size:auto, auto, auto, cover;
  background-repeat:no-repeat;
  min-height:100vh;
  overflow-x:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
}
html[data-theme="dark"] body {
  background-color:#020817!important;
  background-image:
    linear-gradient(180deg, rgba(1,5,14,.82), rgba(2,8,23,.92)),
    radial-gradient(circle at 14% 18%, rgba(34,211,238,.14), transparent 24rem),
    radial-gradient(circle at 85% 12%, rgba(59,130,246,.18), transparent 22rem),
    radial-gradient(circle at 50% 86%, rgba(249,115,22,.10), transparent 26rem),
    url('/assets/tech-bg-fast.webp');
  background-position:center center, 0 0, 0 0, 0 0, center center;
  background-size:cover, auto, auto, auto, cover;
  background-repeat:no-repeat;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 16%, rgba(0,212,255,.10), transparent 18rem),
    radial-gradient(circle at 86% 12%, rgba(255,132,0,.08), transparent 16rem),
    linear-gradient(rgba(255,255,255,.03), rgba(255,255,255,0));
  opacity:.95;
}
html[data-theme="dark"] body::before {
  opacity:.92;
  background:
    linear-gradient(90deg, rgba(96,165,250,.09) 1px, transparent 1px),
    linear-gradient(rgba(34,211,238,.07) 1px, transparent 1px),
    radial-gradient(circle at 18% 22%, rgba(34,211,238,.14), transparent 16rem),
    radial-gradient(circle at 82% 18%, rgba(59,130,246,.12), transparent 18rem),
    radial-gradient(circle at 50% 110%, rgba(249,115,22,.10), transparent 24rem);
  background-size:72px 72px, 72px 72px, auto, auto, auto;
  background-position:0 0, 0 0, center, center, center;
}
body::after {
  content:"";
  position:fixed;
  inset:auto 0 0 0;
  height:42vh;
  pointer-events:none;
  background:radial-gradient(circle at 50% 100%, rgba(255,120,0,.08), transparent 45%), radial-gradient(circle at 50% 100%, rgba(0,215,255,.08), transparent 60%);
}
html[data-theme="dark"] body::after {
  height:55vh;
  background:
    radial-gradient(circle at 18% 100%, rgba(34,211,238,.14), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(96,165,250,.10), transparent 42%),
    radial-gradient(circle at 82% 100%, rgba(249,115,22,.12), transparent 28%);
  opacity:.95;
}
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.wrap { max-width:1320px; width:100%; margin:0 auto; padding:26px 20px 46px; flex:1 0 auto; }
.topnav {
  position:sticky; top:0; z-index:100;
  display:flex; align-items:center; gap:10px;
  width:100%; max-width:none; margin:0; padding:10px clamp(20px,4vw,54px);
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
  box-shadow:0 5px 20px rgba(15,23,42,.06);
}
html[data-theme="dark"] .topnav { background:rgba(15,23,42,.88); box-shadow:0 5px 24px rgba(0,0,0,.28); }
.brand { display:flex; align-items:center; gap:10px; font-weight:900; color:var(--ink); white-space:nowrap; letter-spacing:-.01em; }
.brand:hover { text-decoration:none; color:var(--ink); }
.brandlogo { width:42px; height:42px; display:inline-grid; place-items:center; background:none; border:0; border-radius:0; box-shadow:none; overflow:visible; }
.brandlogo img { width:40px; height:40px; object-fit:contain; display:block; filter:drop-shadow(0 0 12px rgba(0,209,255,.28)) drop-shadow(0 0 16px rgba(255,132,0,.18)); }
.navlinks { display:flex; align-items:center; gap:4px; flex-wrap:wrap; }
.navlinks a,.topnav>a:not(.brand),.navpill { display:inline-flex; align-items:center; padding:8px 11px; color:var(--ink); border:1px solid transparent; border-radius:999px; font-size:14px; font-weight:800; }
.navlinks a:hover,.topnav>a:not(.brand):hover { background:var(--soft); border-color:var(--line); text-decoration:none; }
.navpill { background:linear-gradient(135deg,#ffffff 0%,#f7fbff 42%,#eaf6ff 100%)!important; color:#071426!important; border-color:rgba(255,255,255,.82)!important; box-shadow:0 12px 26px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.95)!important; text-shadow:none!important; }
.spacer { flex:1; }
.session { color:var(--muted); font-size:13px; white-space:nowrap; }
.menu-toggle { display:none; color:var(--ink)!important; }
.theme-toggle { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border:0!important; background:transparent!important; color:var(--ink)!important; padding:0; font-weight:900; border-radius:0!important; cursor:pointer; text-decoration:none; box-shadow:none!important; outline:none!important; }
.theme-toggle:hover { text-decoration:none; background:transparent!important; transform:none!important; box-shadow:none!important; }
.theme-toggle .sun,.theme-toggle .moon { display:none; font-size:24px; line-height:1; color:currentColor!important; text-shadow:0 0 10px rgba(0,0,0,.22); filter:drop-shadow(0 1px 5px rgba(0,0,0,.18)); }
html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .menu-toggle { color:#f8fafc!important; text-shadow:0 0 12px rgba(96,165,250,.50); }
html[data-theme="dark"] .menu-toggle { background:rgba(255,255,255,.08)!important; border-color:rgba(148,163,184,.45)!important; }
html[data-theme="light"] .theme-toggle,html[data-theme="light"] .menu-toggle { color:#071426!important; }
html[data-theme="dark"] .theme-toggle .sun { display:inline; }
html[data-theme="light"] .theme-toggle .moon { display:inline; }



/* License Site 281: Client/Admin header matches the public main-page upper tabs. */
.app-topnav {
  display:grid!important;
  grid-template-columns:minmax(168px,.76fr) minmax(0,2.7fr) minmax(168px,.76fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.app-topnav .brand {
  justify-self:start!important;
  gap:8px!important;
  font-size:15px!important;
  letter-spacing:-.015em!important;
  min-width:0!important;
}
.app-topnav .brandlogo { width:34px!important; height:34px!important; }
.app-topnav .brandlogo img { width:32px!important; height:32px!important; }
.app-topnav .app-navlinks {
  justify-self:center!important;
  justify-content:center!important;
  gap:2px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
  padding-bottom:2px!important;
  scrollbar-width:thin;
}
.app-topnav .app-navlinks a {
  font-size:11.5px!important;
  padding:7px 8px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.app-topnav.admin-topnav .app-navlinks a {
  font-size:10.8px!important;
  padding-left:6px!important;
  padding-right:6px!important;
}
.app-topnav .app-nav-actions {
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:0!important;
}
.app-topnav .app-nav-actions .session {
  display:inline-block!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:var(--muted)!important;
  font-size:11.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.app-topnav .app-nav-actions .navpill {
  display:inline-flex!important;
  align-items:center!important;
  padding:7px 9px!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
}
.app-topnav .app-nav-actions .theme-toggle { width:30px!important; height:30px!important; flex:0 0 auto!important; }
.app-topnav .app-nav-actions .theme-toggle .sun,
.app-topnav .app-nav-actions .theme-toggle .moon { font-size:20px!important; }
@media(max-width:1180px) and (min-width:901px) {
  .app-topnav { grid-template-columns:minmax(142px,.68fr) minmax(0,2.8fr) minmax(142px,.68fr)!important; gap:7px!important; padding-left:18px!important; padding-right:18px!important; }
  .app-topnav .brand { font-size:13px!important; }
  .app-topnav .brandlogo { width:30px!important; height:30px!important; }
  .app-topnav .brandlogo img { width:28px!important; height:28px!important; }
  .app-topnav .app-navlinks a { font-size:10.5px!important; padding:6px 6px!important; }
  .app-topnav.admin-topnav .app-navlinks a { font-size:10px!important; padding-left:5px!important; padding-right:5px!important; }
  .app-topnav .app-nav-actions .session { max-width:132px!important; font-size:10.5px!important; }
  .app-topnav .app-nav-actions .navpill { font-size:11px!important; padding:6px 7px!important; }
  .app-topnav .app-nav-actions .theme-toggle { width:28px!important; height:28px!important; }
}
@media(max-width:900px) {
  .app-topnav { display:grid!important; grid-template-columns:1fr auto auto!important; gap:8px!important; padding:8px 10px!important; }
  .app-topnav .brand { font-size:14px!important; }
  .app-topnav .brandlogo { width:32px!important; height:32px!important; }
  .app-topnav .brandlogo img { width:30px!important; height:30px!important; }
  .app-topnav .app-navlinks { justify-self:stretch!important; justify-content:stretch!important; flex-wrap:initial!important; overflow-x:visible!important; max-width:none!important; }
  .app-topnav.nav-open .app-navlinks { display:grid!important; grid-template-columns:1fr!important; }
  .app-topnav .app-navlinks a { font-size:13px!important; padding:10px 9px!important; justify-content:center!important; }
  .app-topnav .app-nav-actions { display:flex!important; justify-self:end!important; }
  .app-topnav .app-nav-actions .session,
  .app-topnav .app-nav-actions .logout-full { display:none!important; }
  .app-topnav .app-nav-actions .theme-toggle { display:inline-flex!important; width:30px!important; height:30px!important; }
}

/* License Site 279: Public header alignment and compact top navigation. */
.public-topnav {
  display:grid!important;
  grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.public-topnav .brand {
  justify-self:start!important;
  gap:8px!important;
  font-size:15px!important;
  letter-spacing:-.015em!important;
  min-width:0!important;
}
.public-topnav .brandlogo { width:34px!important; height:34px!important; }
.public-topnav .brandlogo img { width:32px!important; height:32px!important; }
.public-topnav .public-navlinks {
  justify-self:center!important;
  justify-content:center!important;
  gap:2px!important;
  flex-wrap:nowrap!important;
}
.public-topnav .public-navlinks a {
  font-size:12px!important;
  padding:7px 9px!important;
  font-weight:850!important;
  line-height:1!important;
}
.public-topnav .public-nav-actions {
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-width:0!important;
}
.public-topnav .public-nav-actions a {
  display:inline-flex!important;
  align-items:center!important;
  padding:7px 9px!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  color:var(--ink);
  border:1px solid transparent;
  border-radius:999px;
}
.public-topnav .public-nav-actions a:hover { background:var(--soft); border-color:var(--line); text-decoration:none; }
.public-topnav .public-nav-actions .theme-toggle { width:30px!important; height:30px!important; }
.public-topnav .public-nav-actions .theme-toggle .sun,
.public-topnav .public-nav-actions .theme-toggle .moon { font-size:20px!important; }
@media(max-width:1040px) and (min-width:901px) {
  .public-topnav { grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr) minmax(150px,.8fr)!important; gap:7px!important; padding-left:18px!important; padding-right:18px!important; }
  .public-topnav .brand { font-size:13px!important; }
  .public-topnav .brandlogo { width:30px!important; height:30px!important; }
  .public-topnav .brandlogo img { width:28px!important; height:28px!important; }
  .public-topnav .public-navlinks a,
  .public-topnav .public-nav-actions a { font-size:11px!important; padding:6px 7px!important; }
  .public-topnav .public-nav-actions .theme-toggle { width:28px!important; height:28px!important; }
}
@media(max-width:900px) {
  .public-topnav { display:grid!important; grid-template-columns:minmax(0,1fr) auto auto!important; gap:6px!important; padding:8px 8px!important; align-items:center!important; }
  .public-topnav .brand { grid-column:1!important; grid-row:1!important; font-size:13px!important; min-width:0!important; overflow:hidden!important; white-space:nowrap!important; }
  .public-topnav .brand span:last-child { overflow:hidden!important; text-overflow:ellipsis!important; }
  .public-topnav .brandlogo { width:30px!important; height:30px!important; flex:0 0 auto!important; }
  .public-topnav .brandlogo img { width:28px!important; height:28px!important; }
  .public-topnav .menu-toggle { grid-column:3!important; grid-row:1!important; padding:6px 8px!important; min-width:32px!important; height:32px!important; font-size:18px!important; }
  .public-topnav .public-navlinks { grid-column:1 / -1!important; grid-row:2!important; justify-self:stretch!important; justify-content:stretch!important; flex-wrap:initial!important; }
  .public-topnav.nav-open .public-navlinks { display:grid!important; grid-template-columns:1fr!important; }
  .public-topnav .public-navlinks a { font-size:13px!important; padding:10px 9px!important; justify-content:center!important; }
  .public-topnav .public-navlinks a.mobile-only[href="/login"],
  .public-topnav .public-navlinks a.mobile-only[href="/register"] { display:none!important; }
  .public-topnav .public-nav-actions { grid-column:2!important; grid-row:1!important; display:flex!important; justify-self:end!important; align-items:center!important; gap:3px!important; }
  .public-topnav .public-nav-actions a { display:inline-flex!important; align-items:center!important; justify-content:center!important; font-size:10.5px!important; line-height:1!important; padding:6px 7px!important; min-height:28px!important; border-radius:999px!important; white-space:nowrap!important; }
  .public-topnav .public-nav-actions .public-login { padding-left:6px!important; padding-right:6px!important; }
  .public-topnav .public-nav-actions .public-signup { padding-left:7px!important; padding-right:7px!important; }
  .public-topnav .public-nav-actions .theme-toggle { display:inline-flex!important; width:28px!important; height:28px!important; flex:0 0 auto!important; }
  .public-topnav .public-nav-actions .theme-toggle .sun,
  .public-topnav .public-nav-actions .theme-toggle .moon { font-size:18px!important; }
}
@media(max-width:390px) {
  .public-topnav { grid-template-columns:minmax(0,1fr) auto auto!important; gap:4px!important; padding-left:6px!important; padding-right:6px!important; }
  .public-topnav .brand { font-size:12px!important; gap:5px!important; }
  .public-topnav .brandlogo { width:26px!important; height:26px!important; }
  .public-topnav .brandlogo img { width:24px!important; height:24px!important; }
  .public-topnav .public-nav-actions { gap:2px!important; }
  .public-topnav .public-nav-actions a { font-size:9.5px!important; padding:5px 5px!important; min-height:26px!important; }
  .public-topnav .public-nav-actions .theme-toggle { width:24px!important; height:24px!important; }
  .public-topnav .menu-toggle { min-width:28px!important; height:28px!important; padding:5px 6px!important; font-size:16px!important; }
}

/* License Site 292: admin-created client support ticket form. */
/* License Site 293: client Remote Monitor text/activated-only cleanup. */
.admin-create-client-ticket select,
.admin-create-client-ticket input,
.admin-create-client-ticket textarea { width:100%; }
.admin-create-client-ticket .ticket-input-card { border-color:rgba(59,130,246,.28); box-shadow:0 18px 40px rgba(15,23,42,.08); }
body.dark .admin-create-client-ticket .ticket-input-card { border-color:rgba(96,165,250,.28); box-shadow:0 18px 40px rgba(0,0,0,.22); }

/* License Site 291: keep public Login/Sign up visible on phone header. */
h1 { margin:0 0 8px; font-size:clamp(30px,4vw,46px); line-height:1.08; letter-spacing:-.035em; }
h2 { margin:0 0 10px; font-size:24px; line-height:1.22; letter-spacing:-.015em; }
h3 { margin:0 0 8px; font-size:17px; }
p { margin:0 0 12px; color:var(--muted); line-height:1.58; }
.lead { font-size:17px; max-width:920px; }
.hero {
  padding:22px 0 18px;
  border-bottom:1px solid var(--line);
  margin-bottom:22px;
  position:relative;
}
.hero:before { content:""; position:absolute; left:0; bottom:-1px; width:130px; height:3px; border-radius:3px; background:linear-gradient(90deg,var(--accent),#ff8a00,var(--accent2)); }
.landing-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:22px; align-items:center; }
.eyebrow,.section-label { color:var(--accent); font-size:12px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; margin-bottom:7px; }
.section,.panel,.login.hero,.product-panel,.mockup,.tablewrap { background:transparent; border:0; border-radius:0; box-shadow:none; padding:0; margin:0 0 24px; }
.tablewrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.tablewrap table { min-width:760px; }
.section { border-top:1px solid var(--line); padding-top:18px; }
.simple-grid,.sectiongrid,.flow,.twocol,.product-showcase,.download-hero,.formrow { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:16px; margin:16px 0; }
.twocol { grid-template-columns:repeat(auto-fit,minmax(360px,1fr)); }
.simple-grid .section,.sectiongrid .section .section .section,.flow-step,.price-panel,.statbox,.chartbox,.chart-panel,.download-row,.download-meta,.portal-preview,.logo-stage,.download-preview,.mockpanel {
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--paper),rgba(255,255,255,.76));
  padding:16px;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
html[data-theme="dark"] .simple-grid .section,html[data-theme="dark"] .sectiongrid .section .section .section,html[data-theme="dark"] .flow-step,html[data-theme="dark"] .price-panel,html[data-theme="dark"] .statbox,html[data-theme="dark"] .chartbox,html[data-theme="dark"] .chart-panel,html[data-theme="dark"] .download-row,html[data-theme="dark"] .download-meta,html[data-theme="dark"] .portal-preview,html[data-theme="dark"] .logo-stage,html[data-theme="dark"] .download-preview,html[data-theme="dark"] .mockpanel { background:linear-gradient(180deg,var(--paper),#0c1424); }
.stat { font-size:32px; font-weight:900; color:var(--ink); letter-spacing:-.03em; }
.muted { color:var(--muted); }
.small { font-size:12px; }
.badge { display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border:1px solid var(--line); background:var(--soft); color:var(--ink); border-radius:999px; font-size:12px; font-weight:900; white-space:nowrap; text-transform:capitalize; }
.badge.used,.badge.active,.badge.online { background:#ecfdf3; color:#027a48; border-color:#abefc6; }
.badge.unused,.badge.available,.badge.assigned,.badge.offline,.badge.pending { background:#fff7ed; color:#9a3412; border-color:#fed7aa; }
.badge.revoked,.badge.error,.badge.expired,.badge.deleted,.badge.license_revoked,.badge.license_expired,.badge.deleted_license { background:#fef3f2; color:#b42318; border-color:#fecdca; }
button,.btn,.button { display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.82); background:linear-gradient(135deg,#ffffff 0%,#f7fbff 42%,#eaf6ff 100%); color:#071426!important; padding:10px 15px; font-weight:900; cursor:pointer; border-radius:999px; font-size:14px; text-decoration:none!important; box-shadow:0 12px 26px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.95); text-shadow:none!important; }
button:hover,.btn:hover,.button:hover { transform:translateY(-1px); text-decoration:none!important; background:linear-gradient(135deg,#ffffff 0%,#eef8ff 45%,#dff2ff 100%); box-shadow:0 16px 34px rgba(0,212,255,.14), 0 12px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,1); }
button.secondary,.btn.secondary { background:linear-gradient(135deg,#ffffff 0%,#f7fbff 42%,#eaf6ff 100%); color:#071426!important; border-color:rgba(255,255,255,.82); box-shadow:0 12px 26px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.95); }
button.danger { background:linear-gradient(135deg,var(--danger),#991b1b); border-color:transparent; color:#fff!important; }
.actions,.inline-form,.cta-row { display:flex; flex-wrap:nowrap; gap:8px; align-items:center; white-space:nowrap; }
.actions button,.inline-form button { flex:0 0 auto; }
.inline-form input,.actions input.small-input { width:150px; min-width:120px; flex:0 0 150px; }
.license-create-row { display:grid; grid-template-columns:minmax(120px,.65fr) minmax(260px,1.55fr) minmax(180px,1fr) minmax(160px,.85fr); gap:14px; align-items:end; margin:16px 0; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-gutter:stable both-edges; padding-bottom:4px; }
.license-create-row > div { min-width:0; }
label { display:block; margin:8px 0 6px; font-size:12px; font-weight:900; color:var(--ink); text-transform:uppercase; letter-spacing:.04em; }
input,select,textarea { width:100%; border:1px solid var(--line)!important; background:var(--paper); color:var(--ink); padding:10px 12px; border-radius:12px!important; font-size:14px; outline:none; box-shadow:none!important; }
input:focus,select:focus,textarea:focus { border-color:var(--accent)!important; outline:3px solid rgba(21,94,239,.14); }
textarea { min-height:84px; }
.alert { padding:11px 13px; border:1px solid #abefc6; background:#ecfdf3; color:#027a48; margin:12px 0; font-weight:800; border-radius:12px; }
.alert.err { border-color:#fecdca; background:#fef3f2; color:#b42318; }
.alert.board-download-notice { border-color:rgba(34,197,94,.65); background:linear-gradient(135deg,#ecfdf3,#f0fdf4); box-shadow:0 14px 35px rgba(22,163,74,.16); }
.alert.board-download-notice.err { border-color:#fecdca; background:#fef3f2; box-shadow:0 14px 35px rgba(180,35,24,.12); }
.admin-toast { position:fixed; right:16px; bottom:16px; z-index:9999; max-width:min(92vw,460px); padding:13px 15px; border-radius:16px; border:1px solid rgba(34,197,94,.58); background:linear-gradient(135deg,#ecfdf3,#f0fdf4); color:#027a48; font-weight:900; box-shadow:0 22px 55px rgba(0,0,0,.24); opacity:0; transform:translateY(12px); transition:opacity .24s ease, transform .24s ease; }
.admin-toast.err { border-color:#fecdca; background:#fef3f2; color:#b42318; }
.admin-toast.show { opacity:1; transform:translateY(0); }
.simple-board-upload-card { border:1px solid rgba(34,197,94,.35); background:linear-gradient(135deg,rgba(236,253,243,.92),var(--paper)); box-shadow:0 18px 45px rgba(22,163,74,.13); }
body.dark .simple-board-upload-card { background:linear-gradient(135deg,rgba(6,78,59,.35),rgba(15,23,42,.86)); border-color:rgba(52,211,153,.35); }
.simple-upload-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:10px 0 14px; }
.simple-upload-step { padding:11px 12px; border:1px solid var(--line); border-radius:14px; background:var(--soft); font-size:13px; font-weight:900; }
.simple-upload-step strong { display:block; color:var(--ink); margin-bottom:3px; }
.simple-upload-file-box { padding:14px; border:2px dashed rgba(34,197,94,.55); border-radius:18px; background:rgba(34,197,94,.06); }
.simple-upload-file-box input[type=file] { width:100%; padding:14px; background:var(--paper); border-radius:14px; }
.simple-upload-primary-btn { width:100%; justify-content:center; font-size:16px!important; padding:15px 18px!important; }
@media(max-width:760px) { .simple-upload-steps { grid-template-columns:1fr; } }
.upload-progress-panel { display:none; margin:12px 0 0; padding:13px; border:1px solid rgba(21,94,239,.25); background:linear-gradient(135deg,var(--soft),var(--paper)); border-radius:16px; box-shadow:0 12px 28px rgba(15,23,42,.07); }
.upload-progress-panel.show { display:block; }
.upload-progress-top { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:9px; font-weight:1000; color:var(--ink); }
.upload-progress-bar { width:100%; height:16px; border-radius:999px; overflow:hidden; border:1px solid var(--line); background:var(--soft2); box-shadow:inset 0 1px 3px rgba(15,23,42,.10); }
.upload-progress-fill { width:0%; height:100%; border-radius:999px; background:linear-gradient(90deg,#12b76a,#22c55e,#84cc16); transition:width .18s ease; }
.upload-progress-meta { display:flex; flex-wrap:wrap; gap:8px 14px; margin-top:8px; color:var(--muted); font-size:12px; font-weight:800; }
.upload-progress-message { margin-top:10px; padding:9px 10px; border-radius:12px; background:var(--soft); color:var(--ink); font-weight:900; }
.upload-progress-message.ok { background:#ecfdf3; color:#027a48; border:1px solid #abefc6; }
.upload-progress-message.err { background:#fef3f2; color:#b42318; border:1px solid #fecdca; }
.upload-progress-message.warn { background:#fffbeb; color:#92400e; border:1px solid #fde68a; }
.manual-server-path-box { margin:12px 0; padding:13px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(135deg,rgba(255,255,255,.08),var(--soft)); }
.manual-server-path-box input { font-family:ui-monospace,Menlo,monospace; font-size:13px; }
.server-file-browser { margin:12px 0; padding:13px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(135deg,var(--soft),var(--paper)); }
.server-file-browser-head { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(200px,1fr) auto; gap:10px; align-items:end; }
.server-file-browser-path { margin:10px 0; color:var(--muted); font-size:12px; font-weight:900; overflow-wrap:anywhere; }
.server-file-browser-list { max-height:260px; overflow:auto; border:1px solid var(--line); border-radius:14px; background:var(--paper); }
.server-file-browser-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; align-items:center; width:100%; padding:10px 12px; border-bottom:1px solid var(--line); background:transparent; color:var(--ink)!important; text-align:left; border-radius:0; box-shadow:none; }
.server-file-browser-row:hover { background:var(--soft); transform:none; box-shadow:none; }
.server-file-browser-row:last-child { border-bottom:0; }
.server-file-browser-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.server-file-browser-row.file strong:before { content:'📦 '; }
.server-file-browser-row.dir strong:before { content:'📁 '; }
.server-file-browser-select { padding:9px 14px!important; border-radius:999px!important; font-size:12px!important; min-width:112px; background:linear-gradient(135deg,#fff,#e8eef8)!important; color:#0f172a!important; border:1px solid rgba(15,23,42,.22)!important; box-shadow:0 8px 18px rgba(15,23,42,.16)!important; font-weight:1000!important; }
.server-file-browser-select:hover { transform:translateY(-1px); }
.server-file-browser-select.selected { outline:3px solid rgba(34,197,94,.55)!important; background:linear-gradient(135deg,#dcfce7,#ffffff)!important; }
.server-file-browser-selected-input { margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:12px; }
.server-file-browser-help { margin-top:8px; padding:9px 11px; border:1px dashed var(--line); border-radius:14px; color:var(--muted); background:var(--soft); }
.server-file-browser-selected { margin-top:10px; padding:10px 12px; border-radius:12px; background:var(--soft); color:var(--ink); font-weight:900; overflow-wrap:anywhere; }
.settings-tabbar { position:sticky; top:66px; z-index:20; display:flex; gap:8px; overflow-x:auto; padding:10px 0 12px; margin:0 0 18px; background:linear-gradient(180deg,var(--bg),rgba(255,255,255,0)); backdrop-filter:blur(10px); scrollbar-gutter:stable both-edges; }
html[data-theme="dark"] .settings-tabbar { background:linear-gradient(180deg,#04101f,rgba(4,16,31,0)); }
.settings-tab { flex:0 0 auto; opacity:.78; }
.settings-tab.active { opacity:1; box-shadow:0 16px 34px rgba(0,212,255,.16),0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,1); }
.settings-panel { display:none; }
.settings-panel.active { display:block; }
.settings-panel > .section:first-child { border-top:0; padding-top:0; }
.btn.disabled,.btn[aria-disabled="true"] { opacity:.62; cursor:not-allowed; pointer-events:none; filter:grayscale(.15); }
.admin-list-title { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.list-tools { display:grid; grid-template-columns:minmax(260px,1fr) 190px; gap:12px; align-items:end; border:1px solid var(--line)!important; background:var(--paper)!important; padding:12px; margin:12px 0; border-radius:14px; box-shadow:0 8px 18px rgba(15,23,42,.04); }
.list-count { display:inline-flex; margin:0 0 8px; color:var(--muted); font-size:12px; font-weight:900; }
.scroll-shell { width:100%; }
.scroll-sliders { display:flex; justify-content:flex-end; gap:8px; margin:0 0 8px; }
.scroll-sliders button { width:38px; height:34px; padding:0; border-radius:12px; font-size:18px; }
.simple-scrollbox {
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  display:block!important;
  position:relative!important;
  border:1px solid var(--line)!important;
  background:var(--paper)!important;
  border-radius:14px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
  overscroll-behavior:contain!important;
  touch-action:pan-x pan-y!important;
  scrollbar-gutter:stable both-edges!important;
  scroll-behavior:smooth!important;
  transform:none!important;
  zoom:1!important;
}
.simple-scrollbox table { width:max-content!important; min-width:100%!important; border-collapse:separate!important; border-spacing:0!important; table-layout:auto!important; margin:0!important; transform:none!important; }
.simple-scrollbox th,.simple-scrollbox td { padding:10px 12px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-align:left; vertical-align:top; font-size:13px; white-space:normal!important; overflow-wrap:anywhere!important; background:var(--paper); }
.simple-scrollbox th { position:sticky!important; top:0!important; z-index:20!important; background:linear-gradient(180deg,var(--soft),var(--soft2))!important; color:var(--ink)!important; font-weight:900; text-transform:uppercase; letter-spacing:.025em; font-size:12px; }
.simple-scrollbox.fit-table table { width:100%!important; min-width:0!important; table-layout:fixed!important; }
.simple-scrollbox.fit-table th,.simple-scrollbox.fit-table td { white-space:normal!important; overflow-wrap:anywhere!important; }
.simple-scrollbox tr:hover td { background:#f8fbff; }
table { width:100%; border-collapse:collapse; }
th,td { padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
th { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.035em; }
pre,code { font-family:Consolas, Monaco, monospace; }
code { background:var(--soft); border:1px solid var(--line); border-radius:7px; padding:2px 5px; }
pre { background:#101828; color:#f8fafc; border:1px solid #344054; padding:14px; overflow:auto; white-space:pre-wrap; margin:10px 0; border-radius:14px; }
.checklist { margin:10px 0; padding-left:20px; color:var(--muted); line-height:1.7; }
.checklist li { margin:3px 0; }
.kv { display:grid; grid-template-columns:180px 1fr; border-top:1px solid var(--line); }
.kv div { padding:9px 0; border-bottom:1px solid var(--line); }
.wrap { flex:1 0 auto; width:100%; }
.footer {
  width:100%;
  max-width:none;
  margin:0;
  margin-top:auto;
  padding:18px clamp(20px,4vw,54px) 20px;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:minmax(210px,1fr) minmax(230px,1.15fr) minmax(280px,1.25fr);
  align-items:center;
  gap:14px;
  color:var(--muted);
  flex-shrink:0;
  position:static!important;
  inset:auto!important;
  transform:none!important;
}
.footer strong { color:var(--ink); }
.footer a { font-weight:900; color:var(--accent); }
.footer a:hover { text-decoration:underline; }
.footer-support { text-align:center; line-height:1.55; }
.footer-dot { margin:0 8px; color:var(--muted); }
.footlinks { display:flex; justify-content:flex-end; gap:12px; flex-wrap:wrap; }
.mobile-only { display:none!important; }
.icon,.feature-no,.flow-num { display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; border:1px solid var(--line); background:var(--soft); color:var(--accent); font-weight:900; margin-bottom:8px; border-radius:10px; }
.feature-line { display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-bottom:1px solid var(--line); }
.feature-line:last-child { border-bottom:0; }
.product-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; justify-items:center; gap:8px; margin:18px auto; max-width:760px; text-align:center; }
.product-pill { display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:0; padding:0 4px 8px; border:0; border-bottom:3px solid rgba(21,94,239,.22); border-radius:0; background:transparent; color:var(--ink); font-weight:900; font-size:clamp(10px,2.4vw,13px); line-height:1.15; text-transform:uppercase; letter-spacing:.025em; white-space:normal; text-shadow:0 1px 12px rgba(0,212,255,.14); }
html[data-theme="dark"] .product-pill { color:#f8fafc; border-bottom-color:rgba(34,211,238,.45); text-shadow:0 0 12px rgba(34,211,238,.28); }
.portal-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.portal-brand { display:flex; align-items:center; gap:8px; font-weight:900; }
.portal-preview {
  position:relative;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible;
}
.portal-preview:before,.portal-preview:after { display:none!important; content:none!important; }
.splash-banner {
  position:relative;
  overflow:visible;
  border-radius:0;
  border:0;
  padding:0;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] .splash-banner {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.splash-banner:before,.splash-banner:after { display:none!important; content:none!important; }
.splash-slider { position:relative; z-index:1; overflow:hidden; border-radius:22px; isolation:isolate; }
.splash-track { display:flex; width:100%; transform:translateX(0); transition:transform .72s cubic-bezier(.22,.74,.22,1); will-change:transform; }
.splash-slide,.shot-card {
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(96,165,250,.22);
  background:linear-gradient(180deg, rgba(7,18,35,.82), rgba(4,12,24,.76));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 18px 34px rgba(0,0,0,.22), 0 0 0 1px rgba(34,211,238,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
}
.splash-slide { min-width:100%; flex:0 0 100%; height:560px; }
.shot-card { min-height:250px; }
html[data-theme="light"] .splash-slide,html[data-theme="light"] .shot-card {
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(240,248,255,.72));
  border-color:rgba(13,110,253,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 18px 34px rgba(70,95,135,.12), 0 0 0 1px rgba(14,165,233,.04);
}
.splash-slide:before,.shot-card:before {
  content:"";
  position:absolute;
  inset:8px;
  border-radius:16px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(90deg, rgba(34,211,238,.86), rgba(34,211,238,.86)) top left / 34px 2px no-repeat,
    linear-gradient(180deg, rgba(34,211,238,.86), rgba(34,211,238,.86)) top left / 2px 34px no-repeat,
    linear-gradient(90deg, rgba(96,165,250,.82), rgba(96,165,250,.82)) top right / 34px 2px no-repeat,
    linear-gradient(180deg, rgba(96,165,250,.82), rgba(96,165,250,.82)) top right / 2px 34px no-repeat,
    linear-gradient(90deg, rgba(249,115,22,.78), rgba(249,115,22,.78)) bottom left / 34px 2px no-repeat,
    linear-gradient(180deg, rgba(249,115,22,.78), rgba(249,115,22,.78)) bottom left / 2px 34px no-repeat,
    linear-gradient(90deg, rgba(255,255,255,.44), rgba(255,255,255,.44)) bottom right / 34px 2px no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.44), rgba(255,255,255,.44)) bottom right / 2px 34px no-repeat;
  box-shadow:inset 0 0 24px rgba(34,211,238,.04);
}
html[data-theme="light"] .splash-slide:before,html[data-theme="light"] .shot-card:before {
  border-color:rgba(13,110,253,.08);
  box-shadow:inset 0 0 24px rgba(37,99,235,.03);
}
.splash-slide:hover,.shot-card:hover {
  transform:translateY(-2px);
  border-color:rgba(34,211,238,.34);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 24px 42px rgba(0,0,0,.26), 0 0 0 1px rgba(34,211,238,.08), 0 0 26px rgba(34,211,238,.12);
  filter:saturate(1.02);
}
html[data-theme="light"] .splash-slide:hover,html[data-theme="light"] .shot-card:hover {
  border-color:rgba(14,165,233,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 22px 38px rgba(70,95,135,.15), 0 0 0 1px rgba(14,165,233,.07);
}
.splash-slide img { width:100%; height:100%; display:block; object-fit:cover; object-position:top center; user-select:none; -webkit-user-drag:none; }
.shot-card img { width:100%; height:100%; display:block; object-fit:cover; object-position:top center; }
.splash-slide:after { content:""; position:absolute; inset:auto 0 0 0; height:32%; background:linear-gradient(180deg, transparent, rgba(0,8,20,.30)); pointer-events:none; }
.shot-card:after { content:""; position:absolute; inset:auto 0 0 0; height:38%; background:linear-gradient(180deg, transparent, rgba(0,8,20,.28)); pointer-events:none; }
.splash-dots { position:absolute; z-index:4; left:0; right:0; bottom:12px; display:flex; align-items:center; justify-content:center; gap:8px; pointer-events:auto; }
.splash-dots button { width:9px; height:9px; min-width:9px; padding:0; border-radius:999px; border:1px solid rgba(255,255,255,.8); background:rgba(255,255,255,.45); box-shadow:0 0 12px rgba(0,212,255,.25); cursor:pointer; }
.splash-dots button.active { width:22px; background:linear-gradient(90deg,#00d4ff,#ff8a00); border-color:rgba(255,255,255,.95); }
.splash-collage { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr); gap:14px; align-items:stretch; }
.splash-main { min-height:520px; }
.splash-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }


/* License Site 305: iPhone frame only, real banner images slide inside the phone screen. No black/card background behind phone. */
.iphone-hero-preview-v305 {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:520px;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.iphone-hero-stage-v305 {
  position:relative;
  width:min(100%, 430px);
  margin:0 auto;
  display:grid;
  place-items:center;
  isolation:isolate;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.iphone-hero-stage-v305:before,
.iphone-hero-stage-v305:after {
  display:none!important;
  content:none!important;
}
.iphone-device-v305 {
  position:relative;
  width:100%;
  padding:14px;
  border-radius:48px;
  background:linear-gradient(180deg,#5f4c3f 0%, #c78d55 18%, #f1bc81 33%, #7b5332 52%, #e5b57d 74%, #6f472d 100%);
  box-shadow:0 26px 56px rgba(15,23,42,.22), inset 0 0 0 1px rgba(255,255,255,.34), inset 0 1px 0 rgba(255,255,255,.26);
}
.iphone-device-v305:before {
  content:"";
  position:absolute;
  inset:7px;
  border-radius:42px;
  border:1px solid rgba(255,255,255,.22);
  pointer-events:none;
}
.iphone-screen-v305 {
  position:relative;
  overflow:hidden;
  border-radius:38px;
  background:#05070b;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), inset 0 0 0 10px #05070b;
}
.iphone-banner-slider-v305 {
  position:relative;
  width:100%;
  aspect-ratio:9 / 19.5;
  overflow:hidden;
  border-radius:32px;
  background:#05070b;
}
.iphone-banner-track-v305 {
  display:flex;
  height:100%;
  width:500%;
  transform:translateX(0);
  animation:iphoneBannerSlide305 24s infinite;
}
.iphone-banner-slide-v305 {
  flex:0 0 20%;
  width:20%;
  height:100%;
}
.iphone-banner-slide-v305 img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  user-select:none;
  -webkit-user-drag:none;
}
@keyframes iphoneBannerSlide305 {
  0%,15% { transform:translateX(0); }
  20%,35% { transform:translateX(-20%); }
  40%,55% { transform:translateX(-40%); }
  60%,75% { transform:translateX(-60%); }
  80%,95% { transform:translateX(-80%); }
  100% { transform:translateX(0); }
}
.iphone-island-v305 {
  position:absolute;
  top:20px;
  left:50%;
  transform:translateX(-50%);
  width:34%;
  min-width:112px;
  max-width:144px;
  height:34px;
  border-radius:999px;
  background:linear-gradient(180deg,#0a0a0d,#000);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.08), 0 1px 0 rgba(255,255,255,.08);
  z-index:5;
  pointer-events:none;
}
.iphone-island-v305:after {
  content:"";
  position:absolute;
  right:16px;
  top:50%;
  width:8px;
  height:8px;
  transform:translateY(-50%);
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, #164e63, #0f172a 60%);
  opacity:.9;
}
.iphone-side-button-v305 {
  position:absolute;
  left:-4px;
  width:4px;
  border-radius:4px 0 0 4px;
  background:linear-gradient(180deg,#d9a66d,#7b5332);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.10);
}
.iphone-side-button-v305.lock {
  left:auto;
  right:-4px;
  border-radius:0 4px 4px 0;
}
.iphone-side-button-v305.one { top:132px; height:46px; }
.iphone-side-button-v305.two { top:192px; height:78px; }
.iphone-side-button-v305.lock { top:168px; height:88px; }
html[data-theme="dark"] .iphone-device-v305 {
  box-shadow:0 30px 68px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.20), inset 0 1px 0 rgba(255,255,255,.20);
}
@media(max-width:980px) {
  .iphone-hero-preview-v305 { min-height:auto; padding-top:6px!important; }
  .iphone-hero-stage-v305 { width:min(92vw, 370px); }
  .iphone-device-v305 { border-radius:42px; padding:12px; }
  .iphone-screen-v305 { border-radius:32px; }
  .iphone-banner-slider-v305 { border-radius:28px; }
}
@media(max-width:520px) {
  .iphone-hero-stage-v305 { width:min(92vw, 320px); }
  .iphone-device-v305 { border-radius:38px; padding:11px; }
  .iphone-screen-v305 { border-radius:29px; }
  .iphone-banner-slider-v305 { border-radius:25px; }
  .iphone-island-v305 { height:30px; min-width:102px; top:17px; }
}


/* License Site 306: remove remaining dark block around the iPhone hero and auto-fit banner images inside the iPhone screen. */
.iphone-hero-preview-v305,
.iphone-hero-stage-v305,
.portal-preview.iphone-hero-preview-v305 {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.portal-preview.iphone-hero-preview-v305:before,
.portal-preview.iphone-hero-preview-v305:after,
.iphone-hero-stage-v305:before,
.iphone-hero-stage-v305:after {
  display:none!important;
  content:none!important;
}
.iphone-device-v305 {
  background:linear-gradient(180deg,#6b5442 0%, #d3a16e 18%, #f0c38f 34%, #8a5d39 52%, #e5b57d 74%, #6f472d 100%)!important;
}
.iphone-screen-v305,
.iphone-banner-slider-v305,
.iphone-banner-slide-v305 {
  background:transparent!important;
}
.iphone-banner-slider-v305 {
  display:grid!important;
  place-items:center!important;
}
.iphone-banner-track-v305 {
  display:flex!important;
  align-items:center!important;
  height:100%!important;
}
.iphone-banner-slide-v305 {
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.iphone-banner-slide-v305 img {
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
}
html[data-theme="dark"] .iphone-hero-preview-v305,
html[data-theme="dark"] .iphone-hero-stage-v305,
html[data-theme="dark"] .portal-preview.iphone-hero-preview-v305,
html[data-theme="dark"] .iphone-screen-v305,
html[data-theme="dark"] .iphone-banner-slider-v305,
html[data-theme="dark"] .iphone-banner-slide-v305 {
  background:transparent!important;
  box-shadow:none!important;
}

.hero-shot-wrap { border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--soft2); }
.auth-screen { min-height:calc(100vh - 180px); display:grid; place-items:center; }
.auth-modal { width:min(100%, 500px); position:relative; background:rgba(255,255,255,.90); border:1px solid rgba(255,255,255,.76); box-shadow:0 28px 70px rgba(15,23,42,.20); border-radius:28px; padding:28px 22px; backdrop-filter:blur(18px); overflow:hidden; }
.auth-modal:before { content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg, #00d4ff, #1b6fff, #ff8a00); }
html[data-theme="dark"] .auth-modal { background:rgba(8,18,36,.88); border-color:rgba(96,165,250,.14); box-shadow:0 28px 80px rgba(0,0,0,.46); }
.auth-brand-title { font-family:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif; font-size:clamp(28px,3.2vw,42px); line-height:1.05; letter-spacing:-.035em; font-weight:900; background:linear-gradient(90deg,#ff3030 0%, #ffd84a 26%, #ffffff 48%, #39d7ff 72%, #1b6fff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:0 0 24px rgba(0,212,255,.12); }
.auth-subtitle { font-size:22px; font-weight:900; margin:0 0 8px; color:var(--ink); }
.auth-center { text-align:center; }
.turnstile-box { display:flex; justify-content:center; margin:14px 0 12px; min-height:65px; }
.auth-center .eyebrow { justify-content:center; }
.input-icon { position:relative; display:block; margin:4px 0 12px; }
.input-icon .inicon { position:absolute; left:13px; top:50%; transform:translateY(-50%); font-size:16px; opacity:.78; pointer-events:none; filter:drop-shadow(0 0 7px rgba(0,212,255,.18)); }
.input-icon input { padding-left:43px!important; margin:0!important; }
.auth-brand-title.welcome { text-align:center; font-size:clamp(32px,4vw,52px); margin:0 0 8px; background:linear-gradient(90deg,#00d4ff 0%, #1b6fff 28%, #ffffff 50%, #ffd84a 72%, #ff8a00 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
html[data-theme="light"] .auth-brand-title.welcome { background:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; color:#0f172a!important; -webkit-text-fill-color:#0f172a!important; text-shadow:0 2px 14px rgba(30,64,175,.12); }
.auth-modal form p { display:flex; justify-content:center; align-items:center; margin:16px 0 10px; }
.auth-modal form button[type="submit"] { min-width:220px; padding:12px 24px; background:linear-gradient(135deg,#ffffff 0%,#f7fbff 42%,#eaf6ff 100%)!important; color:#071426!important; border:1px solid rgba(255,255,255,.82)!important; box-shadow:0 14px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.95)!important; text-shadow:none!important; }
.auth-modal form button[type="submit"]:hover { background:linear-gradient(135deg,#ffffff 0%,#eef8ff 45%,#dff2ff 100%)!important; box-shadow:0 18px 38px rgba(0,212,255,.18), 0 12px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,1)!important; }
html[data-theme="light"] .auth-modal form button[type="submit"] { color:#0f172a!important; border-color:rgba(15,23,42,.10)!important; box-shadow:0 14px 30px rgba(30,58,138,.13), inset 0 1px 0 rgba(255,255,255,1)!important; }
.logo-stage img,.download-preview img,.hero-shot { max-width:100%; height:auto; display:block; }
.machine-revoke { margin-top:8px; display:grid; gap:6px; }
.price { font-size:36px; font-weight:900; color:var(--ink); letter-spacing:-.03em; margin:8px 0 10px; }
.price span { font-size:14px; color:var(--muted); font-weight:800; }
html[data-theme="dark"] .simple-scrollbox tr:hover td { background:#111c31; }
html[data-theme="dark"] .badge.used,html[data-theme="dark"] .badge.active,html[data-theme="dark"] .badge.online { background:#053321; color:#75e0a7; border-color:#067647; }
html[data-theme="dark"] .badge.unused,html[data-theme="dark"] .badge.available,html[data-theme="dark"] .badge.assigned,html[data-theme="dark"] .badge.offline,html[data-theme="dark"] .badge.pending { background:#3b250b; color:#fbbf24; border-color:#92400e; }
html[data-theme="dark"] .badge.revoked,html[data-theme="dark"] .badge.error,html[data-theme="dark"] .badge.expired,html[data-theme="dark"] .badge.deleted,html[data-theme="dark"] .badge.license_revoked,html[data-theme="dark"] .badge.license_expired { background:#55160c; color:#f97066; border-color:#b42318; }
.dashboard-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0; }
.dashboard-stats.dashboard-stats-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.dashboard-stats .section { min-width:0; margin:0; overflow:hidden; }
.dashboard-stats .muted,.dashboard-stats .small { overflow:hidden; text-overflow:ellipsis; }
.hero-cta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; max-width:720px; margin:18px auto 0; justify-content:center; align-items:stretch; white-space:normal; }
.hero-cta .btn { width:100%; min-width:0; padding:12px 10px; font-size:clamp(11px,2.8vw,15px); line-height:1.1; text-align:center; white-space:normal; }
.hero-cta .get-os { background:linear-gradient(135deg,#ff8a00 0%,#ffd84a 42%,#00d4ff 100%)!important; color:#071426!important; border:1px solid rgba(255,255,255,.92)!important; box-shadow:0 18px 38px rgba(255,138,0,.18),0 18px 40px rgba(0,212,255,.16),inset 0 1px 0 rgba(255,255,255,.95)!important; font-size:clamp(13px,3.1vw,18px); letter-spacing:.04em; }
@media(max-width:520px) { .dashboard-stats { gap:8px; } .dashboard-stats .section { padding:10px!important; } .dashboard-stats .stat { font-size:clamp(18px,6vw,32px); } .dashboard-stats.dashboard-stats-four .stat { font-size:clamp(15px,5vw,28px); } .dashboard-stats .muted,.dashboard-stats .small { font-size:clamp(9px,2.6vw,12px); line-height:1.2; } }
@media(max-width:900px) {
  body { padding-top:58px; }
  .topnav { position:fixed; left:0; right:0; top:0; max-width:none; display:grid; grid-template-columns:1fr auto auto; padding:8px 10px; }
  .menu-toggle { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); background:rgba(255,255,255,.82); color:var(--ink)!important; padding:8px 10px; border-radius:12px; font-size:20px; line-height:1; box-shadow:none!important; }
  .navlinks { display:none; grid-column:1 / -1; border-top:1px solid var(--line); margin-top:8px; padding-top:8px; }
  .topnav.nav-open .navlinks { display:grid; grid-template-columns:1fr; }
  .topnav .spacer,.topnav .session,.topnav>a:not(.brand):not(.navpill),.topnav>.navpill { display:none!important; }
  .mobile-only { display:block!important; }
  .wrap { padding:16px 12px 36px; }
  h1 { font-size:28px; }
  .landing-hero,.twocol,.formrow,.splash-collage { grid-template-columns:1fr!important; }
  .simple-grid,.sectiongrid,.flow,.product-showcase,.download-hero { grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important; overflow:visible!important; padding-bottom:0; }
  .splash-grid { grid-template-columns:1fr 1fr!important; overflow:visible!important; padding-bottom:0; }
  .license-create-row { grid-template-columns:minmax(118px,.65fr) minmax(245px,1.55fr) minmax(170px,1fr) minmax(150px,.85fr)!important; min-width:760px; }
  .list-tools { grid-template-columns:minmax(260px,1fr) 190px!important; overflow-x:auto; }
  .simple-scrollbox { height:58vh!important; max-height:58vh!important; min-height:300px!important; }
  .simple-scrollbox table { min-width:980px!important; }
  .splash-main { min-height:360px!important; }
  .shot-card { min-height:260px!important; }
  .splash-banner { padding:0!important; border-radius:0!important; }
  .splash-slider,.splash-slide { border-radius:18px!important; }
  .splash-slide { height:470px!important; }
  .splash-dots { bottom:10px!important; }
  .kv { grid-template-columns:1fr; }
  .footer { grid-template-columns:1fr!important; text-align:center!important; justify-items:center!important; gap:10px!important; padding-bottom:18px!important; }
  .footlinks { justify-content:center!important; gap:10px!important; }
  .footer-support { text-align:center!important; }
  .footer-dot { display:none!important; }
  .footer-support a { display:inline-flex; margin:2px 6px; }
}

/* v60 final layout overrides */
/* v61 keeps v60 layout and adds flash-free dark loading + max-five list cards. */
html[data-theme="dark"] .menu-toggle,
html[data-theme="dark"] .theme-toggle {
  color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 0 14px rgba(96,165,250,.72), 0 1px 2px rgba(0,0,0,.8)!important;
}
input,select,textarea { font-size:16px!important; }
.list-tools {
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:10px 0 8px!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.scroll-sliders { display:none!important; }
.simple-scrollbox {
  overflow-x:auto!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:auto!important;
  overscroll-behavior:contain!important;
  scroll-behavior:auto!important;
  touch-action:pan-x pan-y!important;
  contain:layout paint!important;
  transform:none!important;
  zoom:1!important;
}
.simple-scrollbox table,
.simple-scrollbox thead,
.simple-scrollbox tbody,
.simple-scrollbox tr,
.simple-scrollbox th,
.simple-scrollbox td { transform:none!important; zoom:1!important; }
.dashboard-stats a.section,
.dashboard-stats a.stat-link {
  display:block;
  color:var(--ink)!important;
  text-decoration:none!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.dashboard-stats a.section:hover,
.dashboard-stats a.stat-link:hover {
  transform:translateY(-2px);
  border-color:rgba(14,165,233,.42)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.11)!important;
}
/* License Site 265: clearer tappable client dashboard action cards and subpage back buttons. */
.client-action-grid {
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  gap:14px!important;
  margin:18px 0 22px!important;
}
.client-action-card {
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  min-height:106px!important;
  padding:16px!important;
  border:1px solid rgba(148,163,184,.32)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,248,255,.82))!important;
  box-shadow:0 18px 42px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.92)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.client-action-card:before {
  content:"";
  position:absolute;
  inset:-42% -18% auto auto;
  width:145px;
  height:145px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(0,212,255,.20),transparent 62%);
  z-index:-1;
}
.client-action-card:after {
  content:none!important;
  display:none!important;
}
.client-action-card:hover,.client-action-card:focus-visible {
  transform:translateY(-3px)!important;
  border-color:rgba(0,212,255,.55)!important;
  box-shadow:0 24px 58px rgba(0,119,255,.16),0 14px 32px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,1)!important;
  text-decoration:none!important;
}
.client-action-card:active { transform:translateY(0) scale(.985)!important; }
.client-action-card .action-icon {
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,#00d4ff,#155eef);
  color:#fff;
  font-size:25px;
  box-shadow:0 12px 28px rgba(21,94,239,.22), inset 0 1px 0 rgba(255,255,255,.35);
}
.client-action-card .action-copy { min-width:0; display:grid; gap:3px; padding-right:4px; }
.client-action-card .action-title { color:var(--ink); font-size:16px; line-height:1.1; font-weight:1000; letter-spacing:-.015em; }
.client-action-card .action-desc { color:var(--muted); font-size:12px; line-height:1.25; font-weight:800; overflow:hidden; text-overflow:ellipsis; }
.client-action-card .action-open {
  align-self:end;
  justify-self:end;
  padding:8px 11px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffffff,#eaf6ff);
  color:#071426;
  border:1px solid rgba(15,23,42,.08);
  font-size:12px;
  font-weight:1000;
  white-space:nowrap;
  box-shadow:0 8px 18px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
.client-action-card.card-support .action-icon { background:linear-gradient(135deg,#22c55e,#0ea5e9); }
.client-action-card.card-downloads .action-icon { background:linear-gradient(135deg,#f59e0b,#ef4444); }
.client-action-card.card-machines .action-icon { background:linear-gradient(135deg,#0ea5e9,#2563eb); }
.client-action-card.card-licenses .action-icon { background:linear-gradient(135deg,#f59e0b,#f97316); }
.client-action-card.card-reseller .action-icon { background:linear-gradient(135deg,#8b5cf6,#ec4899); }
.dashboard-back-row {
  display:flex!important;
  justify-content:flex-start!important;
  margin:0 0 14px!important;
}
.back-dashboard-btn {
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border-radius:999px!important;
  padding:10px 15px!important;
  font-weight:1000!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(15,23,42,.10)!important;
}
.client-subpage-actions {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  margin:0 0 14px!important;
}
.client-license-section {
  border-top:0!important;
  padding:16px!important;
  border-radius:24px!important;
  border:1px solid rgba(148,163,184,.28)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,250,252,.72))!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
.client-license-title h2 { display:flex; align-items:center; gap:9px; }
.license-title-icon { width:34px; height:34px; display:inline-grid; place-items:center; border-radius:13px; background:linear-gradient(135deg,#ff8a00,#ffd84a); font-size:18px; box-shadow:0 9px 20px rgba(245,158,11,.18); }
html[data-theme="dark"] .client-action-card {
  background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(17,28,49,.88))!important;
  border-color:rgba(148,163,184,.25)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] .client-action-card:after { background:rgba(255,255,255,.09); color:#cbd5e1; }
html[data-theme="dark"] .client-action-card .action-open { background:linear-gradient(135deg,#ffffff,#dff2ff); color:#071426; border-color:rgba(255,255,255,.16); }
html[data-theme="dark"] .client-license-section { background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(12,20,36,.78))!important; border-color:rgba(148,163,184,.22)!important; box-shadow:0 18px 44px rgba(0,0,0,.28)!important; }

/* License Site 289: premium client dashboard cards without visible Tap/Open labels. */
.client-action-grid {
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:16px!important;
}
.client-action-card {
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:14px!important;
  min-height:112px!important;
  padding:18px 17px!important;
  border-radius:26px!important;
  border:1px solid rgba(14,165,233,.24)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,248,255,.92)) padding-box,
    linear-gradient(135deg,rgba(14,165,233,.45),rgba(99,102,241,.20),rgba(245,158,11,.22)) border-box!important;
  box-shadow:0 18px 42px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.94)!important;
}
.client-action-card:before {
  inset:auto -48px -54px auto!important;
  width:138px!important;
  height:138px!important;
  background:radial-gradient(circle,rgba(14,165,233,.20),transparent 68%)!important;
}
.client-action-card:after { content:none!important; display:none!important; }
.client-action-card .action-icon {
  width:56px!important;
  height:56px!important;
  border-radius:20px!important;
  font-size:27px!important;
  box-shadow:0 14px 32px rgba(21,94,239,.24), inset 0 1px 0 rgba(255,255,255,.36)!important;
}
.client-action-card .action-copy { gap:6px!important; padding-right:0!important; }
.client-action-card .action-title {
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:17px!important;
  letter-spacing:-.02em!important;
}
.client-action-card .action-title:after {
  content:"›";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:999px;
  color:#0369a1;
  background:rgba(14,165,233,.12);
  font-size:20px;
  line-height:1;
  font-weight:1000;
  transition:transform .16s ease, background .16s ease;
}
.client-action-card .action-desc { font-size:12.5px!important; line-height:1.28!important; font-weight:850!important; }
.client-action-card .action-open { display:none!important; }
.client-action-card:hover .action-title:after,.client-action-card:focus-visible .action-title:after { transform:translateX(3px); background:rgba(14,165,233,.20); }
.client-action-card.card-remote .action-icon { background:linear-gradient(135deg,#06b6d4,#2563eb)!important; }
.client-action-card.card-machines .action-icon { background:linear-gradient(135deg,#10b981,#0ea5e9)!important; }
.client-action-card.card-licenses .action-icon { background:linear-gradient(135deg,#f59e0b,#ef4444)!important; }
.client-action-card.card-reseller .action-icon { background:linear-gradient(135deg,#8b5cf6,#ec4899)!important; }
html[data-theme="dark"] .client-action-card {
  background:
    linear-gradient(135deg,rgba(15,23,42,.98),rgba(17,31,54,.92)) padding-box,
    linear-gradient(135deg,rgba(34,211,238,.32),rgba(129,140,248,.22),rgba(251,191,36,.16)) border-box!important;
  border-color:rgba(148,163,184,.22)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] .client-action-card .action-title:after { color:#bae6fd; background:rgba(56,189,248,.14); }
html[data-theme="dark"] .client-action-card:hover .action-title:after,html[data-theme="dark"] .client-action-card:focus-visible .action-title:after { background:rgba(56,189,248,.22); }
@media(max-width:620px) {
  .client-action-card { min-height:124px!important; padding:14px 10px!important; grid-template-columns:1fr!important; gap:8px!important; }
  .client-action-card .action-icon { width:45px!important; height:45px!important; border-radius:16px!important; font-size:22px!important; }
  .client-action-card .action-title { justify-content:center!important; font-size:14px!important; gap:5px!important; }
  .client-action-card .action-title:after { width:17px; height:17px; font-size:17px; }
  .client-action-card .action-desc { font-size:10.2px!important; line-height:1.18!important; min-height:25px!important; }
}
@media(max-width:360px) {
  .client-action-card { min-height:116px!important; padding:12px 8px!important; }
  .client-action-card .action-title { font-size:13px!important; }
  .client-action-card .action-desc { font-size:9.7px!important; }
}


/* License Site 291: real client dashboard card overhaul using new markup, not the old generic section/stat card styles. */
.client-dashboard-cards-v290 {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:16px!important;
  margin:18px 0 24px!important;
  align-items:stretch!important;
}
.client-dashboard-cards-v290 .client-dash-card-v290 {
  --card-a:#0ea5e9;
  --card-b:#2563eb;
  --card-soft:rgba(14,165,233,.12);
  position:relative!important;
  min-height:168px!important;
  padding:18px!important;
  border-radius:30px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  color:var(--ink)!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.52)!important;
  background:
    radial-gradient(circle at 85% 12%, rgba(255,255,255,.82) 0, rgba(255,255,255,0) 28%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,250,252,.84)) padding-box,
    linear-gradient(145deg, var(--card-a), rgba(255,255,255,.30), var(--card-b)) border-box!important;
  box-shadow:0 18px 45px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.client-dashboard-cards-v290 .client-dash-card-v290::before {
  content:"";
  position:absolute;
  inset:auto -58px -62px auto;
  width:168px;
  height:168px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(14,165,233,.18), transparent 70%);
  z-index:-1;
}
.client-dashboard-cards-v290 .client-dash-card-v290::after {
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:5px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,var(--card-a),var(--card-b));
  opacity:.92;
}
.client-dashboard-cards-v290 .client-dash-card-v290:hover,
.client-dashboard-cards-v290 .client-dash-card-v290:focus-visible {
  transform:translateY(-4px)!important;
  box-shadow:0 26px 62px rgba(15,23,42,.17), 0 0 0 4px var(--card-soft)!important;
  outline:none!important;
}
.client-dashboard-cards-v290 .client-dash-card-v290:active { transform:translateY(-1px) scale(.985)!important; }
.client-dashboard-cards-v290 .dash-card-shine {
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,.55) 46%, rgba(255,255,255,0) 70%);
  transform:translateX(-140%);
  opacity:.50;
  pointer-events:none;
  transition:transform .55s ease;
}
.client-dashboard-cards-v290 .client-dash-card-v290:hover .dash-card-shine,
.client-dashboard-cards-v290 .client-dash-card-v290:focus-visible .dash-card-shine { transform:translateX(140%); }
.client-dashboard-cards-v290 .dash-card-head {
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  position:relative!important;
  z-index:1!important;
}
.client-dashboard-cards-v290 .dash-card-icon {
  width:58px!important;
  height:58px!important;
  border-radius:22px!important;
  display:grid!important;
  place-items:center!important;
  font-size:28px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--card-a),var(--card-b))!important;
  box-shadow:0 14px 30px rgba(14,165,233,.20), inset 0 1px 0 rgba(255,255,255,.34)!important;
}
.client-dashboard-cards-v290 .dash-card-arrow {
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--card-b)!important;
  background:rgba(255,255,255,.80)!important;
  border:1px solid rgba(148,163,184,.24)!important;
  font-weight:1000!important;
  font-size:15px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}
.client-dashboard-cards-v290 .dash-card-copy {
  display:grid!important;
  gap:7px!important;
  position:relative!important;
  z-index:1!important;
  margin-top:18px!important;
}
.client-dashboard-cards-v290 .dash-card-title {
  font-size:21px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:-.035em!important;
  color:var(--ink)!important;
}
.client-dashboard-cards-v290 .dash-card-desc {
  font-size:13px!important;
  line-height:1.32!important;
  font-weight:850!important;
  color:var(--muted)!important;
  max-width:22em!important;
}
.client-dashboard-cards-v290 .card-remote { --card-a:#06b6d4; --card-b:#2563eb; --card-soft:rgba(37,99,235,.13); }
.client-dashboard-cards-v290 .card-machines { --card-a:#10b981; --card-b:#0ea5e9; --card-soft:rgba(16,185,129,.14); }
.client-dashboard-cards-v290 .card-licenses { --card-a:#f59e0b; --card-b:#ef4444; --card-soft:rgba(245,158,11,.15); }
.client-dashboard-cards-v290 .card-reseller { --card-a:#8b5cf6; --card-b:#ec4899; --card-soft:rgba(139,92,246,.15); }
html[data-theme="dark"] .client-dashboard-cards-v290 .client-dash-card-v290 {
  border-color:rgba(148,163,184,.22)!important;
  background:
    radial-gradient(circle at 84% 10%, rgba(255,255,255,.10) 0, rgba(255,255,255,0) 30%),
    linear-gradient(145deg, rgba(15,23,42,.96), rgba(17,28,49,.86)) padding-box,
    linear-gradient(145deg, var(--card-a), rgba(255,255,255,.10), var(--card-b)) border-box!important;
  box-shadow:0 22px 58px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html[data-theme="dark"] .client-dashboard-cards-v290 .dash-card-arrow {
  background:rgba(15,23,42,.72)!important;
  border-color:rgba(148,163,184,.20)!important;
  color:#e0f2fe!important;
}
@media(max-width:620px) {
  .client-dashboard-cards-v290 {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:14px 0 20px!important;
  }
  .client-dashboard-cards-v290 .client-dash-card-v290 {
    min-height:146px!important;
    padding:12px!important;
    border-radius:22px!important;
  }
  .client-dashboard-cards-v290 .client-dash-card-v290::after { left:12px; right:12px; height:4px; }
  .client-dashboard-cards-v290 .dash-card-icon {
    width:44px!important;
    height:44px!important;
    border-radius:16px!important;
    font-size:22px!important;
  }
  .client-dashboard-cards-v290 .dash-card-arrow {
    width:26px!important;
    height:26px!important;
    font-size:13px!important;
  }
  .client-dashboard-cards-v290 .dash-card-copy { margin-top:12px!important; gap:5px!important; }
  .client-dashboard-cards-v290 .dash-card-title { font-size:14.5px!important; letter-spacing:-.025em!important; }
  .client-dashboard-cards-v290 .dash-card-desc {
    font-size:10.3px!important;
    line-height:1.2!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
}
@media(max-width:360px) {
  .client-dashboard-cards-v290 { gap:8px!important; }
  .client-dashboard-cards-v290 .client-dash-card-v290 { min-height:136px!important; padding:10px!important; }
  .client-dashboard-cards-v290 .dash-card-title { font-size:13.2px!important; }
  .client-dashboard-cards-v290 .dash-card-desc { font-size:9.6px!important; }
}

/* License Site 294: client dashboard cards use useful counters instead of decorative arrows. */
/* License Site 295: Machines card removes Online metric; reseller/distributor card removes Used metric. */
.client-dashboard-cards-v290 .dash-card-arrow { display:none!important; }
.client-dashboard-cards-v290 .dash-card-stats {
  display:flex!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  min-width:0!important;
}
.client-dashboard-cards-v290 .dash-card-stat {
  min-width:58px!important;
  padding:8px 9px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  gap:1px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.08)!important;
  text-align:center!important;
}
.client-dashboard-cards-v290 .dash-card-stat b {
  font-size:20px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.04em!important;
  color:var(--card-b)!important;
}
.client-dashboard-cards-v290 .dash-card-stat small {
  font-size:9.5px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
  color:var(--muted)!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.client-dashboard-cards-v290 .dash-card-stat.good b { color:#059669!important; }
.client-dashboard-cards-v290 .dash-card-stat.warn b { color:#d97706!important; }
.client-dashboard-cards-v290 .dash-card-stat.bad b { color:#dc2626!important; }
html[data-theme="dark"] .client-dashboard-cards-v290 .dash-card-stat {
  background:rgba(15,23,42,.74)!important;
  border-color:rgba(148,163,184,.20)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22)!important;
}
@media(max-width:620px) {
  .client-dashboard-cards-v290 .dash-card-head { gap:7px!important; align-items:flex-start!important; }
  .client-dashboard-cards-v290 .dash-card-stats { gap:5px!important; }
  .client-dashboard-cards-v290 .dash-card-stat { min-width:42px!important; padding:6px 5px!important; border-radius:12px!important; }
  .client-dashboard-cards-v290 .dash-card-stat b { font-size:15.5px!important; }
  .client-dashboard-cards-v290 .dash-card-stat small { font-size:7.5px!important; letter-spacing:0!important; }
}
@media(max-width:360px) {
  .client-dashboard-cards-v290 .dash-card-stats { gap:4px!important; }
  .client-dashboard-cards-v290 .dash-card-stat { min-width:38px!important; padding:5px 4px!important; }
  .client-dashboard-cards-v290 .dash-card-stat b { font-size:14px!important; }
  .client-dashboard-cards-v290 .dash-card-stat small { font-size:7px!important; }
}
/* License Site 270: make the client license key easier to read and remove its inner code-card background so the key uses maximum row space. */
.client-license-section .list-tools { padding:9px!important; margin:9px 0 6px!important; gap:8px!important; }
.client-license-section .list-count { margin-bottom:5px!important; font-size:11px!important; }
.client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"],
.client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] { --scroll-max-height:256px!important; border-radius:13px!important; }
.client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"] th,
.client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"] td,
.client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] th,
.client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] td { padding:7px 9px!important; font-size:12.5px!important; line-height:1.25!important; vertical-align:middle!important; }
.client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"] th,
.client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] th { font-size:11px!important; letter-spacing:.02em!important; }
.client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"] code,
.client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] code { display:inline-block!important; max-width:100%!important; padding:0!important; font-size:15.5px!important; font-weight:800!important; letter-spacing:.012em!important; line-height:1.18!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; vertical-align:middle!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:inherit!important; }
.client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"] .badge,
.client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] .badge { padding:4px 8px!important; font-size:11px!important; line-height:1!important; border-radius:999px!important; white-space:nowrap!important; }
.client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"] .small,
.client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] .small { font-size:11px!important; line-height:1.18!important; }
/* License Site 315: client JLink license list must show revoked/cancelled/deleted as blocked, not Used. */
.client-license-section .badge.revoked,.client-license-section .badge.cancelled,.client-license-section .badge.deleted { background:#fef3f2!important; color:#b42318!important; border-color:#fecdca!important; }
html[data-theme="dark"] .client-license-section .badge.revoked,html[data-theme="dark"] .client-license-section .badge.cancelled,html[data-theme="dark"] .client-license-section .badge.deleted { background:#55160c!important; color:#f97066!important; border-color:#b42318!important; }
/* License Site 281: client JLink license page is grouped by Main Vendo and Sub Vendo, with no repeated Available text in each row. */
.client-license-group { margin-bottom:16px!important; }
.client-license-title .badge.active { align-self:flex-start!important; min-width:34px!important; text-align:center!important; }
.license-title-icon.sub-vendo { background:linear-gradient(135deg,#0ea5e9,#22d3ee)!important; box-shadow:0 9px 20px rgba(14,165,233,.18)!important; }
.client-license-free-dot { display:inline-block!important; width:11px!important; height:11px!important; border-radius:999px!important; background:#22c55e!important; box-shadow:0 0 0 4px rgba(34,197,94,.12)!important; vertical-align:middle!important; }
.client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] { --scroll-max-height:256px!important; border-radius:13px!important; }
.client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] th,
.client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] td { padding:7px 9px!important; font-size:12.5px!important; line-height:1.25!important; vertical-align:middle!important; }
.client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] th { font-size:11px!important; letter-spacing:.02em!important; }
.client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] code { display:inline-block!important; max-width:100%!important; padding:0!important; font-size:15.5px!important; font-weight:850!important; letter-spacing:.012em!important; line-height:1.18!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; vertical-align:middle!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:inherit!important; }
.client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] .badge { padding:4px 8px!important; font-size:11px!important; line-height:1!important; border-radius:999px!important; white-space:nowrap!important; }
@media(max-width:620px) {
  .client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] { --scroll-max-height:232px!important; }
  .client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] table { min-width:720px!important; }
  .client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] th,
  .client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] td { padding:6px 8px!important; font-size:12px!important; line-height:1.2!important; }
  .client-license-section .simple-scrollbox[data-native-scroll^="client-v2-licenses-"] code { font-size:14.5px!important; max-width:360px!important; }
}
/* License Site 273: compact admin license-key lists with max-ten scrolling and no inner key card/background. */
.admin-v2-license-section .list-count,
.admin-license-key-section .list-count { margin-bottom:6px!important; font-size:11.5px!important; }
.admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"],
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"],
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] { --scroll-max-height:492px!important; border-radius:13px!important; }
.admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] th,
.admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] td,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] th,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] td,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] th,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] td { padding:7px 9px!important; font-size:12.5px!important; line-height:1.22!important; vertical-align:middle!important; }
.admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] th,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] th,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] th { font-size:11px!important; letter-spacing:.02em!important; }
.admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] code,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] .admin-license-key-text,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] .admin-license-key-text { display:inline-block!important; max-width:100%!important; padding:0!important; margin:0!important; font-size:15.5px!important; font-weight:850!important; letter-spacing:.012em!important; line-height:1.18!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; vertical-align:middle!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:inherit!important; }
.admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] .badge,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] .badge,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] .badge { padding:4px 8px!important; font-size:11px!important; line-height:1!important; border-radius:999px!important; white-space:nowrap!important; }
.admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] .inline-form button,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] .actions button,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] .actions button { padding:5px 9px!important; font-size:11px!important; line-height:1.05!important; min-height:28px!important; }
.admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] .inline-form,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] .actions,
.admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] .actions { gap:5px!important; }
/* License Site 274: admin JLink create/bulk forms in one row plus search/filter tools. */
.admin-v2-create-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; margin:0 0 18px; }
.admin-v2-create-card { margin:0!important; height:100%; display:flex; flex-direction:column; }
.admin-v2-create-card h2 { display:flex; align-items:center; gap:8px; margin-bottom:5px!important; }
.admin-v2-create-card .compact-formgrid { margin-top:auto; grid-template-columns:minmax(0,1fr); gap:10px!important; }
.admin-v2-create-card .compact-formgrid label { margin:0!important; }
.admin-v2-create-card .compact-formgrid button { width:100%; justify-content:center; min-height:42px; }
.admin-v2-license-tools { grid-template-columns:minmax(260px,1fr) minmax(180px,240px)!important; align-items:end!important; }
@media(max-width:900px) { .admin-v2-create-grid { grid-template-columns:1fr; } }
@media(max-width:620px) { .admin-v2-license-tools { grid-template-columns:1fr!important; } .admin-v2-create-card .compact-formgrid button { min-height:40px; } }
@media(max-width:620px) {
  .admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"],
  .admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"],
  .admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] { --scroll-max-height:448px!important; }
  .admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] table,
  .admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] table,
  .admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] table { min-width:980px!important; }
  .admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] th,
  .admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] td,
  .admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] th,
  .admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] td,
  .admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] th,
  .admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] td { padding:6px 8px!important; font-size:12px!important; line-height:1.18!important; }
  .admin-v2-license-section .simple-scrollbox[data-native-scroll="admin-v2-license-keys"] code,
  .admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-main"] .admin-license-key-text,
  .admin-license-key-section .simple-scrollbox[data-native-scroll="admin-licenses-sub"] .admin-license-key-text { font-size:14.5px!important; }
}

/* License Site 275: Admin JLink machine list status tabs, compact rows, simple versions, and action icon menu. */
.admin-v2-machine-section { margin-top:18px!important; }
.admin-v2-machine-tabs { margin-top:10px; }
.admin-v2-machine-tabs > input[type="radio"] { position:absolute; opacity:0; pointer-events:none; }
.admin-v2-tab-labels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 12px; }
.admin-v2-tab-labels label { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:42px; padding:10px 12px; border-radius:16px; border:1px solid var(--line); background:var(--soft); cursor:pointer; font-weight:900; font-size:13px; color:var(--ink); box-shadow:0 10px 26px rgba(15,23,42,.08); user-select:none; }
.admin-v2-tab-labels label .tab-count { min-width:26px; padding:3px 8px; border-radius:999px; background:rgba(14,165,233,.14); color:var(--accent); text-align:center; font-weight:1000; font-size:11px; }
/* Site 396: selected label stays visible. Site 395 accidentally grouped these
   selectors with .admin-v2-tab-panel {display:none}, making the clicked
   Trial/Activated button disappear and appear to swap with the other button. */
#admin-v2-tab-trial:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-trial"],
#admin-v2-tab-activated:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-activated"],
#admin-v2-tab-revoked:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-revoked"] { background:var(--accent); color:#fff; border-color:var(--accent); box-shadow:0 12px 28px rgba(37,99,235,.22); }
#admin-v2-tab-trial:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-trial"] .tab-count,
#admin-v2-tab-activated:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-activated"] .tab-count,
#admin-v2-tab-revoked:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-revoked"] .tab-count { background:rgba(255,255,255,.20); color:#fff; }
.admin-v2-tab-panel { display:none; }
#admin-v2-tab-trial:checked ~ .admin-v2-tab-panels .panel-trial,
#admin-v2-tab-activated:checked ~ .admin-v2-tab-panels .panel-activated,
#admin-v2-tab-revoked:checked ~ .admin-v2-tab-panels .panel-revoked { display:block; }
.admin-v2-machine-table .simple-scrollbox { --scroll-max-height:492px!important; border-radius:13px!important; }
.admin-v2-machine-table table { table-layout:fixed; }
.admin-v2-machine-table th, .admin-v2-machine-table td { padding:7px 9px!important; font-size:12.5px!important; line-height:1.16!important; vertical-align:middle!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
.admin-v2-machine-table th { font-size:10.5px!important; letter-spacing:.03em!important; text-transform:uppercase; }
.admin-v2-machine-name { font-weight:900; font-size:13px; }
.admin-v2-machine-id, .admin-v2-machine-license, .admin-v2-machine-version { display:inline-block; max-width:100%; background:transparent!important; border:0!important; padding:0!important; margin:0!important; box-shadow:none!important; color:inherit!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; vertical-align:middle!important; }
.admin-v2-machine-id { font-size:11.5px; opacity:.72; }
.admin-v2-machine-license { font-size:12px; font-weight:750; letter-spacing:.01em; }
.admin-v2-machine-version { font-size:12.5px; font-weight:850; }
.admin-v2-machine-table .badge { padding:4px 8px!important; font-size:10.5px!important; line-height:1!important; border-radius:999px!important; }
.admin-v2-machine-action-cell { overflow:visible!important; text-align:center; }
.admin-v2-action-menu { position:relative; display:inline-block; }
.admin-v2-action-menu > summary { list-style:none; }
.admin-v2-action-menu > summary::-webkit-details-marker { display:none; }
.admin-v2-action-panel { position:absolute; right:0; top:42px; z-index:40; min-width:230px; padding:10px; border-radius:16px; border:1px solid var(--line); background:var(--card); box-shadow:0 20px 50px rgba(15,23,42,.22); display:grid; gap:8px; text-align:left; }
.admin-v2-action-panel .machine-rename-form { display:grid!important; grid-template-columns:1fr auto; gap:6px; margin:0!important; }
.admin-v2-action-panel .machine-rename-form input { min-width:0; height:34px; font-size:12px; }
.admin-v2-action-panel form { margin:0!important; }
.admin-v2-action-panel button { width:100%; min-height:32px; padding:6px 9px!important; font-size:11.5px!important; justify-content:center; }
.admin-v2-action-panel .action-muted-title { font-size:10px; text-transform:uppercase; letter-spacing:.08em; font-weight:1000; color:var(--muted); }
html[data-theme="dark"] .admin-v2-tab-labels label { background:rgba(15,23,42,.72); border-color:rgba(148,163,184,.20); }
html[data-theme="dark"] .admin-v2-action-panel { background:#0f172a; border-color:rgba(148,163,184,.26); box-shadow:0 24px 55px rgba(0,0,0,.50); }
@media(max-width:760px) {
  .admin-v2-tab-labels { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .admin-v2-tab-labels label { padding:9px 10px; min-height:40px; font-size:12px; }
  .admin-v2-machine-table table { min-width:1180px!important; }
  .admin-v2-machine-table th, .admin-v2-machine-table td { padding:6px 8px!important; font-size:12px!important; }
  .admin-v2-action-panel { right:-6px; min-width:220px; }
}

/* License Site 276: admin JLink Machine tab, colored status pills, fixed action popup, and max-five command list. */
.admin-v2-machine-header { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.admin-v2-machine-header .btn { white-space:nowrap; }
.admin-v2-machine-table .badge.online { background:#ecfdf3!important; color:#027a48!important; border-color:#abefc6!important; }
.admin-v2-machine-table .badge.offline { background:#fef3f2!important; color:#b42318!important; border-color:#fecdca!important; }
.admin-v2-machine-table .badge.activated { background:#ecfdf3!important; color:#027a48!important; border-color:#abefc6!important; }
.admin-v2-machine-table .badge.trial_active,.admin-v2-machine-table .badge.trial_requested { background:#eff6ff!important; color:#175cd3!important; border-color:#b2ddff!important; }
.admin-v2-machine-table .badge.trial_expired,.admin-v2-machine-table .badge.expired { background:#fff7ed!important; color:#9a3412!important; border-color:#fed7aa!important; }
.admin-v2-machine-table .badge.revoked,.admin-v2-machine-table .badge.cancelled { background:#fef3f2!important; color:#b42318!important; border-color:#fecdca!important; }
.admin-v2-machine-table .badge.new,.admin-v2-machine-table .badge.seen { background:#f8fafc!important; color:#475467!important; border-color:#cbd5e1!important; }
.admin-v2-machine-table tr[data-online="online"] { box-shadow:inset 4px 0 0 #22c55e; }
.admin-v2-machine-table tr[data-online="offline"] { box-shadow:inset 4px 0 0 #ef4444; }
.admin-v2-machine-commands .simple-scrollbox[data-native-scroll="admin-v2-machine-commands"] { --scroll-max-height:332px!important; border-radius:13px!important; }
.admin-v2-machine-commands th,.admin-v2-machine-commands td { padding:7px 9px!important; font-size:12.5px!important; line-height:1.2!important; white-space:nowrap!important; }
.admin-v2-action-menu[open] > summary.machine-action-icon { background:linear-gradient(135deg,var(--accent),#38bdf8)!important; color:white!important; border-color:transparent!important; }
.admin-v2-action-panel { position:fixed!important; right:22px!important; top:92px!important; z-index:10050!important; max-width:min(92vw,260px)!important; }
.admin-v2-action-menu[open]::before { content:""; position:fixed; inset:0; z-index:10040; background:rgba(15,23,42,.10); }
.admin-v2-action-menu[open] .admin-v2-action-panel { display:grid!important; }
html[data-theme="dark"] .admin-v2-machine-table .badge.new,html[data-theme="dark"] .admin-v2-machine-table .badge.seen { background:#111827!important; color:#cbd5e1!important; border-color:#334155!important; }
html[data-theme="dark"] .admin-v2-machine-table tr[data-online="online"] { box-shadow:inset 4px 0 0 #22c55e; }
html[data-theme="dark"] .admin-v2-machine-table tr[data-online="offline"] { box-shadow:inset 4px 0 0 #f87171; }
@media(max-width:760px) {
  .admin-v2-action-panel { left:50%!important; right:auto!important; top:78px!important; transform:translateX(-50%)!important; min-width:min(92vw,320px)!important; }
  .admin-v2-machine-header { align-items:flex-start; }
}


/* License Site 277: JLink Machine list first, Activated default, and centered admin action popup. */
.admin-v2-machine-section { margin-top:0!important; }
.admin-v2-machine-commands { margin-top:18px!important; }
.admin-v2-action-menu { position:static!important; display:inline-flex!important; justify-content:center!important; }
.admin-v2-action-panel { display:none!important; }
.admin-v2-machine-action-modal .machine-action-target-card { width:min(430px,calc(100vw - 28px))!important; }
.admin-v2-machine-action-modal .machine-action-target-body .machine-rename-form { display:grid!important; grid-template-columns:1fr auto; gap:8px!important; }
.admin-v2-machine-action-modal .machine-action-target-body .machine-rename-form input { min-width:0!important; }
.admin-v2-machine-action-modal .machine-action-target-body .machine-rename-form button { width:auto!important; min-width:96px!important; }
@media(max-width:640px) {
  .admin-v2-machine-action-modal .machine-action-target-body .machine-rename-form { grid-template-columns:1fr!important; }
  .admin-v2-machine-action-modal .machine-action-target-body .machine-rename-form button { width:100%!important; }
}

/* License Site 278: Admin JLink Machine search and filters. */
.admin-v2-machine-tools { grid-template-columns:minmax(240px,1.4fr) minmax(160px,220px) minmax(150px,200px)!important; align-items:end!important; margin:10px 0 10px!important; }
.admin-v2-machine-tools label,.admin-v2-machine-tools .searchbox label { font-size:10px!important; letter-spacing:.08em!important; text-transform:uppercase!important; font-weight:1000!important; color:var(--muted)!important; }
.admin-v2-machine-tools input,.admin-v2-machine-tools select { min-height:38px!important; }
.admin-v2-machine-total-count { margin:4px 0 10px!important; font-weight:850!important; }
.admin-v2-machine-empty-filter { display:none; padding:10px 12px; border-radius:12px; border:1px dashed var(--line); color:var(--muted); font-size:12px; font-weight:800; }
.admin-v2-tab-panel[data-filter-empty="1"] .admin-v2-machine-empty-filter { display:block; }
@media(max-width:760px) { .admin-v2-machine-tools { grid-template-columns:1fr!important; gap:8px!important; } }

@media(max-width:620px) {
  /* License Site 267: client dashboard quick actions stay 2 cards per row on phones. */
  .client-action-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; align-items:stretch!important; }
  .client-action-card { min-height:132px!important; padding:13px 10px!important; grid-template-columns:1fr!important; justify-items:center!important; align-content:center!important; text-align:center!important; gap:8px!important; border-radius:20px!important; }
  .client-action-card:before { width:108px!important; height:108px!important; inset:-34px -34px auto auto!important; }
  .client-action-card:after { content:none!important; display:none!important; }
  .client-action-card .action-icon { width:42px; height:42px; border-radius:15px; font-size:21px; }
  .client-action-card .action-copy { padding-right:0!important; gap:4px!important; justify-items:center!important; width:100%!important; }
  .client-action-card .action-title { font-size:14px; line-height:1.08; }
  .client-action-card .action-desc { font-size:10px; line-height:1.18; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:24px; }
  .client-action-card .action-open { justify-self:center!important; align-self:center!important; padding:6px 9px; font-size:10px; max-width:100%; }
  .client-license-section { padding:10px!important; border-radius:18px!important; }
  .client-license-section .client-license-title h2 { font-size:17px!important; }
  .client-license-section .client-license-title p { font-size:10.5px!important; line-height:1.25!important; }
  .client-license-section .license-title-icon { width:29px!important; height:29px!important; border-radius:11px!important; font-size:15px!important; }
  .client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"],
  .client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] { --scroll-max-height:232px!important; }
  .client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"] table,
  .client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] table { min-width:720px!important; }
  .client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"] th,
  .client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"] td,
  .client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] th,
  .client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] td { padding:6px 8px!important; font-size:12px!important; line-height:1.2!important; }
  .client-license-section .simple-scrollbox[data-native-scroll="client-v2-licenses"] code,
  .client-license-section .simple-scrollbox[data-native-scroll="client-dashboard-v2-licenses"] code { font-size:14.5px!important; max-width:360px!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
}
@media(max-width:360px) {
  .client-action-grid { gap:8px!important; }
  .client-action-card { min-height:122px!important; padding:12px 8px!important; }
  .client-action-card .action-title { font-size:13px; }
  .client-action-card .action-desc { font-size:9.5px; }
  .client-action-card .action-open { font-size:9.5px; padding:6px 7px; }
}
.hero-cta {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  max-width:780px!important;
  margin:20px auto 0!important;
  align-items:stretch!important;
}
.hero-cta .btn { min-height:46px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:100%!important; }
.hero-cta .get-os {
  grid-column:1 / -1!important;
  justify-self:center!important;
  width:min(560px,100%)!important;
  min-height:66px!important;
  padding:18px 24px!important;
  font-size:clamp(20px,5vw,34px)!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#ff7a00 0%,#ffd84a 34%,#00d4ff 72%,#155eef 100%)!important;
  color:#06111f!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:0 24px 56px rgba(255,122,0,.24),0 18px 46px rgba(0,212,255,.22),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.machine-action-row { display:flex; flex-wrap:nowrap; gap:8px; align-items:center; white-space:nowrap; min-width:max-content; }
.machine-action-row form { margin:0; }
.machine-action-row button,.machine-action-row .btn { padding:9px 11px; font-size:13px; }
.machine-action-stack { align-items:flex-start; flex-wrap:wrap; }
.machine-rename-form { display:flex; gap:6px; align-items:center; margin:0; min-width:280px; }
.machine-rename-form input[type="text"] { min-width:160px; max-width:220px; padding:9px 10px; border-radius:12px; font-size:13px; }
.machine-rename-form button { white-space:nowrap; }
.action-popup { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:18px; background:rgba(4,12,26,.56); backdrop-filter:blur(10px); }
.action-popup-card { width:min(620px,100%); background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:24px; box-shadow:0 30px 90px rgba(0,0,0,.32); padding:22px; }
.action-popup-card h2 { margin-bottom:6px; }
.action-popup-card .formrow { grid-template-columns:1fr 1fr; }
.action-popup-card .actions { justify-content:center; margin:16px 0 0; }
.machine-dashboard-scroll .simple-scrollbox { height:260px!important; min-height:260px!important; max-height:260px!important; }
@media(max-width:900px) {
  .list-tools { grid-template-columns:minmax(0,1fr) minmax(118px,.42fr)!important; overflow:visible!important; }
  .hero-cta { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
  .hero-cta .btn { font-size:clamp(11px,3.3vw,14px)!important; padding:11px 8px!important; }
  .hero-cta .get-os { min-height:58px!important; font-size:clamp(22px,8vw,32px)!important; padding:16px 12px!important; }
  .action-popup-card .formrow { grid-template-columns:1fr!important; }
  .machine-action-row { gap:6px; }
  .machine-action-row button,.machine-action-row .btn { padding:8px 9px; font-size:12px; }
  .machine-rename-form { min-width:0; width:100%; }
  .machine-rename-form input[type="text"] { min-width:0; flex:1 1 auto; max-width:none; }
}



/* Build 241: phone icon/tab cleanup, email-ownership UI, and hidden machine action menu. */
@media (max-width: 760px) {
  body:not(.ticket-open-page) .wrap { margin-left:24px!important; margin-right:24px!important; padding-left:6px!important; padding-right:6px!important; }
  .download-info-stack { display:grid!important; grid-template-columns:1fr!important; gap:12px!important; }
  .download-info-stack .download-card { margin:0!important; min-width:0!important; width:100%!important; }
  .theme-toggle,.theme-toggle:hover,.menu-toggle,.menu-toggle:hover,
  html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .menu-toggle,
  html[data-theme="light"] .theme-toggle,html[data-theme="light"] .menu-toggle,
  .tab-selector,.settings-tabbar,.settings-tabs,.client-tabs,.tabbar {
    background:transparent!important; background-color:transparent!important; box-shadow:none!important; border-color:transparent!important;
  }
  .theme-toggle,.menu-toggle { border-radius:0!important; padding:0!important; }
}
.machine-action-menu { position:relative; display:inline-flex; justify-content:flex-end; }
.machine-action-menu summary { list-style:none; }
.machine-action-menu summary::-webkit-details-marker { display:none; }
.machine-action-icon { width:36px; height:36px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; font-size:24px; line-height:1; font-weight:1000; color:var(--ink); background:var(--soft); border:1px solid var(--line); box-shadow:0 8px 22px rgba(15,23,42,.12); }
html[data-theme="dark"] .machine-action-icon { background:rgba(15,23,42,.72); border-color:rgba(96,165,250,.28); color:#e0f2fe; box-shadow:0 0 18px rgba(34,211,238,.14); }
.machine-action-menu-panel { display:none; position:absolute; right:0; top:42px; z-index:80; min-width:310px; padding:12px; border-radius:18px; border:1px solid var(--line); background:var(--paper); box-shadow:0 24px 70px rgba(0,0,0,.30); }
.machine-action-menu[open] .machine-action-menu-panel { display:grid; gap:9px; }
.machine-action-menu-panel form { margin:0; }
.machine-action-menu-panel button { width:100%; justify-content:center; }
@media(max-width:760px) { .machine-action-menu-panel { right:-8px; min-width:min(300px,82vw); } }

/* Build 242: machine action menu accessibility, cleaner mobile icons, smaller page headings, remove exposed homepage cloud-session promo. */
.machine-action-menu { position:static!important; display:inline-flex; justify-content:flex-end; }
.machine-action-menu-panel {
  position:fixed!important;
  top:74px!important;
  right:clamp(12px,3vw,28px)!important;
  left:auto!important;
  z-index:10080!important;
  width:min(360px,calc(100vw - 28px))!important;
  min-width:0!important;
  max-height:calc(100vh - 96px)!important;
  overflow:auto!important;
}
.machine-action-menu[open] .machine-action-menu-panel { display:grid!important; gap:9px!important; }
@media(max-width:760px) {
  .machine-action-icon { width:34px!important; height:34px!important; }
  .machine-action-menu-panel { top:66px!important; right:12px!important; width:calc(100vw - 24px)!important; max-height:calc(100vh - 82px)!important; }
  .theme-toggle,.theme-toggle:hover,.menu-toggle,.menu-toggle:hover,
  html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .theme-toggle:hover,
  html[data-theme="dark"] .menu-toggle,html[data-theme="dark"] .menu-toggle:hover,
  html[data-theme="light"] .theme-toggle,html[data-theme="light"] .theme-toggle:hover,
  html[data-theme="light"] .menu-toggle,html[data-theme="light"] .menu-toggle:hover {
    width:auto!important; height:auto!important; min-width:0!important; min-height:0!important;
    padding:0 5px!important; border:0!important; outline:0!important;
    background:transparent!important; background-color:transparent!important; background-image:none!important;
    box-shadow:none!important; border-radius:0!important;
  }
  .tab-selector,.settings-tabbar,.settings-tabs,.client-tabs,.tabbar,.scroll-tab-nav,
  .tab-selector:hover,.settings-tabbar:hover,.settings-tabs:hover,.client-tabs:hover,.tabbar:hover,.scroll-tab-nav:hover {
    background:transparent!important; background-color:transparent!important; background-image:none!important;
    box-shadow:none!important; border-color:transparent!important; border-width:0!important;
  }
  .tab-selector button,.settings-tabbar button,.settings-tabbar .btn,.settings-tab,
  .settings-tabs a,.settings-tabs button,.client-tabs a,.client-tabs button,.tabbar a,.tabbar button,.scroll-tab-nav a,.scroll-tab-nav button {
    background:transparent!important; background-color:transparent!important; background-image:none!important;
    box-shadow:none!important; border-color:transparent!important; border-width:0!important; border-radius:0!important;
  }
}
h1 { font-size:clamp(24px,3.1vw,34px)!important; line-height:1.12!important; letter-spacing:-.025em!important; }
h2 { font-size:clamp(18px,2.2vw,22px)!important; line-height:1.22!important; }
h3 { font-size:clamp(15px,1.7vw,17px)!important; }
.hero .lead,.lead,.hero p,.scroll-tab-head p,.section > p,.product-panel > p,.home-mini-card p,.price-panel p,.flow-step p,.home-board-card p,.small.muted { line-height:1.45!important; }
.hero .lead,.lead { font-size:14px!important; max-width:820px!important; }
.hero p,.scroll-tab-head p,.section > p,.product-panel > p { font-size:13px!important; }
.hero { padding:16px 0 12px!important; margin-bottom:18px!important; }

/* v61 dark-loading + max-five list height overrides */
html[data-theme="dark"],html[data-theme="dark"] body,html[data-theme="dark"] .wrap { background-color:#020817!important; }
html[data-theme="dark"] body {
  background-image:
    linear-gradient(180deg, rgba(1,5,14,.82), rgba(2,8,23,.92)),
    radial-gradient(circle at 14% 18%, rgba(34,211,238,.14), transparent 24rem),
    radial-gradient(circle at 85% 12%, rgba(59,130,246,.18), transparent 22rem),
    radial-gradient(circle at 50% 86%, rgba(249,115,22,.10), transparent 26rem),
    url('/assets/tech-bg-fast.webp')!important;
  background-position:center center, 0 0, 0 0, 0 0, center center!important;
  background-size:cover, auto, auto, auto, cover!important;
  background-repeat:no-repeat!important;
}
.simple-scrollbox.max-five-scrollbox {
  height:auto!important;
  min-height:0!important;
  max-height:var(--scroll-max-height,332px)!important;
  overflow:auto!important;
  scrollbar-gutter:stable both-edges!important;
}
.simple-scrollbox.max-five-scrollbox table { min-height:0!important; }
.simple-scrollbox.max-ten-scrollbox {
  height:auto!important;
  min-height:0!important;
  max-height:var(--scroll-max-height,492px)!important;
  overflow:auto!important;
  scrollbar-gutter:stable both-edges!important;
}
.simple-scrollbox.max-ten-scrollbox table { min-height:0!important; }
.machine-dashboard-scroll .simple-scrollbox.max-five-scrollbox,
.admin-dashboard-scroll .simple-scrollbox.max-five-scrollbox {
  height:auto!important;
  min-height:0!important;
  max-height:var(--scroll-max-height,332px)!important;
}
@media(max-width:900px) {
  .simple-scrollbox.max-five-scrollbox { height:auto!important; min-height:0!important; max-height:var(--scroll-max-height,332px)!important; }
  .machine-dashboard-scroll .simple-scrollbox.max-five-scrollbox { height:auto!important; min-height:0!important; max-height:var(--scroll-max-height,332px)!important; }
}


/* v63 footer/header correction: footer is bottom-of-page only, never sticky/fixed. */
body { min-height:100vh!important; display:flex!important; flex-direction:column!important; }
.wrap { flex:1 0 auto!important; width:100%!important; }
.topnav { width:100%!important; max-width:none!important; margin:0!important; }
.footer {
  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  margin-top:auto!important;
}
@media(min-width:901px) {
  .topnav { padding-left:clamp(20px,4vw,54px)!important; padding-right:clamp(20px,4vw,54px)!important; }
}
@media(max-width:900px) {
  .topnav { max-width:none!important; width:100%!important; margin:0!important; }
  .footer { position:static!important; margin-top:auto!important; padding-left:14px!important; padding-right:14px!important; }
}

/* v64 footer compact text + downloads fix */
.footer,
.footer .muted,
.footer a,
.footer strong,
.footer-support,
.footlinks a {
  font-size:50%!important;
  line-height:1.25!important;
}
.footer { padding-top:10px!important; padding-bottom:10px!important; gap:8px!important; }
.footer-brand,
.footer-support,
.footlinks { min-height:0!important; }
.footer-dot { margin:0 4px!important; }
.footlinks { gap:7px!important; }


/* Build 243: client machine action menu opens as a real floating popup on phone and desktop. */
.machine-action-menu-panel.machine-floating-popup {
  position:fixed!important;
  z-index:2147483000!important;
  display:none!important;
  width:min(360px,calc(100vw - 24px))!important;
  min-width:0!important;
  max-height:min(78vh,520px)!important;
  overflow:auto!important;
  padding:12px!important;
  border-radius:18px!important;
  border:1px solid var(--line)!important;
  background:var(--paper)!important;
  color:var(--ink)!important;
  box-shadow:0 28px 82px rgba(0,0,0,.34)!important;
}
.machine-action-menu-panel.machine-floating-popup.show { display:grid!important; gap:9px!important; }
html[data-theme="dark"] .machine-action-menu-panel.machine-floating-popup { background:#0f172a!important; border-color:rgba(96,165,250,.26)!important; box-shadow:0 0 0 1px rgba(34,211,238,.10),0 28px 82px rgba(0,0,0,.56)!important; }
.machine-action-menu-panel.machine-floating-popup form { margin:0!important; }
.machine-action-menu-panel.machine-floating-popup button { width:100%!important; justify-content:center!important; }
.machine-action-popup-backdrop { position:fixed; inset:0; z-index:2147479000; display:none; background:rgba(2,6,23,.38); backdrop-filter:blur(5px); }
.machine-action-popup-backdrop.show { display:block; }
@media(max-width:760px) {
  .machine-action-menu-panel.machine-floating-popup { left:12px!important; right:12px!important; top:auto!important; bottom:18px!important; width:calc(100vw - 24px)!important; max-height:min(72vh,520px)!important; }
}

/* Build 244: center client machine action popup on every screen size. */
.machine-action-menu-panel.machine-floating-popup {
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%, -50%)!important;
  width:min(380px,calc(100vw - 32px))!important;
  max-height:min(82vh,560px)!important;
}
@media(max-width:760px) {
  .machine-action-menu-panel.machine-floating-popup {
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%, -50%)!important;
    width:calc(100vw - 32px)!important;
    max-height:min(82vh,560px)!important;
  }
}


/* Build 245: phone-safe client machine action modal. Do not anchor actions to table cells. */
.machine-action-menu { position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; }
.machine-action-menu > .machine-action-menu-panel { display:none!important; }
.machine-action-modal-backdrop { position:fixed!important; inset:0!important; z-index:2147483000!important; display:none!important; align-items:center!important; justify-content:center!important; padding:18px!important; background:rgba(2,6,23,.58)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; }
.machine-action-modal-backdrop.show { display:flex!important; }
.machine-action-modal-card { position:relative!important; width:min(420px,calc(100vw - 32px))!important; max-height:min(84vh,620px)!important; overflow:auto!important; background:var(--paper)!important; color:var(--ink)!important; border:1px solid var(--line)!important; border-radius:22px!important; box-shadow:0 34px 100px rgba(0,0,0,.42)!important; padding:16px!important; }
html[data-theme="dark"] .machine-action-modal-card { background:#0f172a!important; color:#e5f4ff!important; border-color:rgba(96,165,250,.30)!important; box-shadow:0 0 0 1px rgba(34,211,238,.12),0 34px 100px rgba(0,0,0,.64)!important; }
.machine-action-modal-head { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin:0 0 12px!important; }
.machine-action-modal-title { font-weight:900!important; font-size:15px!important; line-height:1.2!important; }
.machine-action-modal-close { width:34px!important; height:34px!important; min-width:34px!important; padding:0!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; }
.machine-action-modal-body { display:grid!important; gap:10px!important; }
.machine-action-modal-body form { margin:0!important; display:grid!important; gap:8px!important; }
.machine-action-modal-body input { width:100%!important; min-width:0!important; }
.machine-action-modal-body button { width:100%!important; justify-content:center!important; }
@media(max-width:760px) {
  .machine-action-modal-backdrop { padding:14px!important; }
  .machine-action-modal-card { width:calc(100vw - 28px)!important; max-height:min(86vh,640px)!important; padding:14px!important; border-radius:20px!important; }
}

/* Build 246: no-JavaScript fallback modal for client machine actions.
   This uses the URL hash target so the action icon opens reliably on phone browsers. */
.machine-action-icon { text-decoration:none!important; user-select:none!important; -webkit-tap-highlight-color:transparent!important; }
.machine-action-target-modal { position:fixed!important; inset:0!important; z-index:2147483300!important; display:none!important; align-items:center!important; justify-content:center!important; padding:18px!important; }
.machine-action-target-modal:target { display:flex!important; }
.machine-action-target-backdrop { position:absolute!important; inset:0!important; background:rgba(2,6,23,.60)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; }
.machine-action-target-card { position:relative!important; z-index:1!important; width:min(420px,calc(100vw - 32px))!important; max-height:min(84vh,620px)!important; overflow:auto!important; background:var(--paper)!important; color:var(--ink)!important; border:1px solid var(--line)!important; border-radius:22px!important; box-shadow:0 34px 100px rgba(0,0,0,.44)!important; padding:16px!important; }
html[data-theme="dark"] .machine-action-target-card { background:#0f172a!important; color:#e5f4ff!important; border-color:rgba(96,165,250,.30)!important; box-shadow:0 0 0 1px rgba(34,211,238,.12),0 34px 100px rgba(0,0,0,.66)!important; }
.machine-action-target-head { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin:0 0 12px!important; }
.machine-action-target-title { font-weight:900!important; font-size:15px!important; line-height:1.2!important; }
.machine-action-target-close { width:34px!important; height:34px!important; min-width:34px!important; padding:0!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; text-decoration:none!important; }
.machine-action-target-body { display:grid!important; gap:10px!important; }
.machine-action-target-body form { margin:0!important; display:grid!important; gap:8px!important; }
.machine-action-target-body input { width:100%!important; min-width:0!important; }
.machine-action-target-body button { width:100%!important; justify-content:center!important; }
@media(max-width:760px) {
  .machine-action-target-modal { padding:14px!important; }
  .machine-action-target-card { width:calc(100vw - 28px)!important; max-height:min(86vh,640px)!important; padding:14px!important; border-radius:20px!important; }
}

/* Build 247: client machine action modal is rendered outside the machine table/list. */
.machine-action-menu { position:relative!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; }
.machine-action-portal-root { position:static!important; display:block!important; }
.machine-action-target-modal { position:fixed!important; inset:0!important; z-index:2147483500!important; display:none!important; align-items:center!important; justify-content:center!important; padding:18px!important; width:100vw!important; height:100vh!important; max-width:none!important; max-height:none!important; overflow:auto!important; pointer-events:none!important; }
.machine-action-target-modal:target { display:flex!important; pointer-events:auto!important; }
.machine-action-target-backdrop { position:fixed!important; inset:0!important; z-index:0!important; background:rgba(2,6,23,.60)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; }
.machine-action-target-card { position:relative!important; z-index:1!important; width:min(420px,calc(100vw - 32px))!important; max-height:min(84vh,620px)!important; overflow:auto!important; background:var(--paper)!important; color:var(--ink)!important; border:1px solid var(--line)!important; border-radius:22px!important; box-shadow:0 34px 100px rgba(0,0,0,.44)!important; padding:16px!important; margin:auto!important; transform:none!important; }
html[data-theme="dark"] .machine-action-target-card { background:#0f172a!important; color:#e5f4ff!important; border-color:rgba(96,165,250,.30)!important; box-shadow:0 0 0 1px rgba(34,211,238,.12),0 34px 100px rgba(0,0,0,.66)!important; }
@media(max-width:760px) {
  .machine-action-target-modal { padding:14px!important; align-items:center!important; justify-content:center!important; }
  .machine-action-target-card { width:calc(100vw - 28px)!important; max-height:min(86vh,640px)!important; padding:14px!important; border-radius:20px!important; }
}


.download-actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center; margin-top:14px; }
.download-card { text-align:center; }
.download-card .big-download { font-size:18px; padding:14px 24px; min-width:220px; }

/* v65 feature tab rows + readable footer + brighter white background */
html[data-theme="light"] body::before {
  background:
    linear-gradient(90deg, rgba(21,94,239,.05) 1px, transparent 1px),
    linear-gradient(rgba(21,94,239,.05) 1px, transparent 1px),
    radial-gradient(circle at 22% 30%, rgba(14,165,233,.10), transparent 14rem),
    radial-gradient(circle at 78% 18%, rgba(251,146,60,.10), transparent 12rem);
  background-size:120px 120px, 120px 120px, auto, auto;
  background-position:0 0, 0 0, center, center;
  opacity:.62;
}
html[data-theme="light"] body::after {
  height:48vh;
  background:
    radial-gradient(circle at 12% 100%, rgba(21,94,239,.10), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(255,138,0,.08), transparent 42%),
    radial-gradient(circle at 86% 100%, rgba(14,165,233,.10), transparent 30%);
}
.guide-step-list { display:grid; grid-template-columns:1fr; gap:12px; margin:18px 0; }
.guide-step-card {
  display:grid;
  grid-template-columns:minmax(76px,.14fr) minmax(0,1fr);
  gap:16px;
  align-items:center;
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--paper),rgba(255,255,255,.78));
  padding:18px 20px;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
html[data-theme="dark"] .guide-step-card { background:linear-gradient(180deg,var(--paper),#0c1424); }
.guide-step-no {
  width:56px; height:56px; border-radius:18px;
  display:grid; place-items:center;
  font-size:22px; font-weight:1000;
  background:linear-gradient(135deg,#ffffff 0%,#eef8ff 55%,#dff2ff 100%);
  border:1px solid rgba(255,255,255,.82);
  color:#071426;
  box-shadow:0 12px 26px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.95);
}
html[data-theme="dark"] .guide-step-no {
  background:linear-gradient(135deg,#172554 0%,#0f172a 55%,#082f49 100%);
  border-color:rgba(148,163,184,.30);
  color:#f8fafc;
  box-shadow:0 12px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
.guide-step-card h3 { margin-bottom:5px!important; }
.guide-step-card p { margin-bottom:0!important; }

/* Build 149 tab-scoped public content save + tutorial media actions + fullscreen viewer */
.tutorial-media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:18px 0 0; }
.tutorial-media-card { border:1px solid var(--line); border-radius:18px; padding:12px; background:var(--paper); box-shadow:0 14px 30px rgba(15,23,42,.08); overflow:hidden; display:flex; flex-direction:column; min-width:0; }
.tutorial-media-open { appearance:none; border:0; padding:0; margin:0; width:100%; aspect-ratio:16/9; min-height:170px; max-height:380px; border-radius:14px; overflow:hidden; background:#020617; display:block; position:relative; cursor:pointer; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.tutorial-media-open img, .tutorial-media-open video { width:100%; height:100%; object-fit:contain; border-radius:14px; background:#020617; display:block; }
.tutorial-media-open::after { content:'Click to view fullscreen'; position:absolute; left:10px; bottom:10px; padding:6px 9px; border-radius:999px; font-size:11px; font-weight:900; color:#fff; background:rgba(2,6,23,.72); opacity:0; transform:translateY(4px); transition:.18s ease; pointer-events:none; }
.tutorial-media-open:hover::after, .tutorial-media-open:focus-visible::after { opacity:1; transform:translateY(0); }
.tutorial-media-card h3 { margin:10px 0 4px!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tutorial-media-card p { margin:0!important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.home-tutorial-media { margin-top:18px; }
.home-tutorial-media .tutorial-media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.tutorial-lightbox { position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; padding:18px; background:rgba(2,6,23,.92); backdrop-filter:blur(10px); }
.tutorial-lightbox.is-open { display:flex; }
.tutorial-lightbox-panel { width:min(1120px,96vw); max-height:94vh; display:grid; gap:10px; color:#fff; }
.tutorial-lightbox-media { display:grid; place-items:center; width:100%; min-height:40vh; max-height:78vh; border-radius:18px; overflow:hidden; background:#000; box-shadow:0 28px 90px rgba(0,0,0,.45); }
.tutorial-lightbox-media img, .tutorial-lightbox-media video { width:100%; height:100%; max-height:78vh; object-fit:contain; background:#000; display:block; }
.tutorial-lightbox-info { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:0 2px; }
.tutorial-lightbox-info h3 { margin:0!important; color:#fff; }
.tutorial-lightbox-info p { margin:3px 0 0!important; color:rgba(255,255,255,.76); }
.tutorial-lightbox-close { appearance:none; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.12); color:#fff; border-radius:999px; min-width:42px; height:42px; font-size:24px; line-height:1; cursor:pointer; }


/* Build 150: theme-aware tutorial media cards and fullscreen close button */
.tutorial-media-card {
  background:linear-gradient(180deg,var(--paper),var(--soft2)) !important;
  border-color:var(--line) !important;
  box-shadow:var(--shadow) !important;
}
html[data-theme="dark"] .tutorial-media-card {
  background:linear-gradient(180deg,#101b30,#0b1220) !important;
  border-color:rgba(125,211,252,.18) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.28) !important;
}
.tutorial-media-open {
  background:linear-gradient(135deg,var(--soft2),rgba(2,6,23,.08)) !important;
  border:1px solid var(--line) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 20px rgba(15,23,42,.08) !important;
}
html[data-theme="dark"] .tutorial-media-open {
  background:#020617 !important;
  border-color:rgba(148,163,184,.22) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.24) !important;
}
.tutorial-media-open img,
.tutorial-media-open video {
  background:transparent !important;
}
.tutorial-media-open::after {
  background:var(--ink) !important;
  color:var(--paper) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}
html[data-theme="dark"] .tutorial-media-open::after {
  background:rgba(15,23,42,.86) !important;
  color:#f8fafc !important;
  border-color:rgba(148,163,184,.28) !important;
}
.tutorial-lightbox-panel {
  position:relative !important;
}
.tutorial-lightbox-close {
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:3 !important;
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  background:rgba(255,255,255,.94) !important;
  color:#071426 !important;
  box-shadow:0 14px 36px rgba(0,0,0,.34) !important;
  font-size:30px !important;
  font-weight:900 !important;
  line-height:1 !important;
}
.tutorial-lightbox-close:hover,
.tutorial-lightbox-close:focus-visible {
  transform:scale(1.04) !important;
  background:#ffffff !important;
  color:#020617 !important;
  outline:3px solid rgba(96,165,250,.32) !important;
}
.tutorial-lightbox-info {
  padding-right:64px !important;
}
html[data-theme="light"] .tutorial-lightbox {
  background:rgba(248,252,255,.92) !important;
}
html[data-theme="light"] .tutorial-lightbox-panel {
  color:#071426 !important;
}
html[data-theme="light"] .tutorial-lightbox-info h3 {
  color:#071426 !important;
}
html[data-theme="light"] .tutorial-lightbox-info p {
  color:rgba(15,23,42,.72) !important;
}
html[data-theme="light"] .tutorial-lightbox-media {
  background:#eef4ff !important;
  box-shadow:0 28px 90px rgba(15,23,42,.22) !important;
}
html[data-theme="light"] .tutorial-lightbox-media img,
html[data-theme="light"] .tutorial-lightbox-media video {
  background:#eef4ff !important;
}
@media(max-width:760px){
  .tutorial-lightbox-close{top:8px!important;right:8px!important;width:42px!important;min-width:42px!important;height:42px!important;font-size:28px!important;}
  .tutorial-lightbox-info{padding-right:52px!important;}
}
.public-content-quick-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 18px; }
.public-content-quick-tabs a { display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:var(--soft); color:var(--ink); text-decoration:none; font-weight:900; font-size:12px; }
.public-editor-group { border:1px solid var(--line); border-radius:18px; padding:12px 14px; margin:14px 0; background:rgba(255,255,255,.04); }
.public-editor-group summary { cursor:pointer; font-weight:1000; color:var(--ink); font-size:15px; }
.public-editor-group[open] summary { margin-bottom:10px; }
.tutorial-add-box { border:1px dashed rgba(14,165,233,.55); background:rgba(14,165,233,.07); border-radius:18px; padding:14px; margin:12px 0 18px; }
.tutorial-add-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; align-items:end; }
.tutorial-existing-list { display:grid; gap:10px; margin:12px 0; }
.tutorial-existing-row { display:grid; grid-template-columns:96px minmax(0,1fr) auto; gap:12px; align-items:center; border:1px solid var(--line); border-radius:16px; padding:10px; background:rgba(255,255,255,.035); }
.tutorial-existing-thumb img,.tutorial-existing-thumb video { width:96px; height:62px; object-fit:cover; border-radius:12px; background:#020617; display:block; }
.tutorial-existing-fields { display:grid; grid-template-columns:1fr 1fr; gap:8px; align-items:end; min-width:0; }
.tutorial-delete-check { display:flex; align-items:center; gap:6px; white-space:nowrap; font-size:12px; font-weight:900; color:#dc2626; }
@media(max-width:760px){ .tutorial-media-grid,.home-tutorial-media .tutorial-media-grid{grid-template-columns:1fr;} .tutorial-add-grid,.tutorial-existing-fields{grid-template-columns:1fr;} .tutorial-existing-row{grid-template-columns:74px minmax(0,1fr);} .tutorial-existing-thumb img,.tutorial-existing-thumb video{width:74px;height:54px;} .tutorial-delete-check{grid-column:1 / -1;} .tutorial-media-open{min-height:190px; max-height:280px;} .tutorial-lightbox{padding:10px;} .tutorial-lightbox-media,.tutorial-lightbox-media img,.tutorial-lightbox-media video{max-height:74vh;} .tutorial-lightbox-info{align-items:center;} }
.board-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:16px; margin:18px 0; }
.board-card {
  border:1px solid var(--line);
  background:linear-gradient(180deg,var(--paper),rgba(255,255,255,.78));
  padding:16px;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  gap:12px;
}
html[data-theme="dark"] .board-card { background:linear-gradient(180deg,var(--paper),#0c1424); }
.board-card img { width:100%; height:190px; object-fit:cover; display:block; border-radius:14px; border:1px solid var(--line); background:var(--soft2); }
.board-image-wrap { position:relative; }
.board-watermark { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; border-radius:14px; overflow:hidden; }
.board-watermark span { display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border-radius:999px; border:1px solid rgba(255,255,255,.88); background:rgba(7,20,38,.68); color:#ffffff; font-size:20px; font-weight:1000; letter-spacing:.14em; text-transform:uppercase; box-shadow:0 10px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.16); transform:rotate(-12deg); backdrop-filter:blur(2px); }
html[data-theme="light"] .board-watermark span { background:rgba(21,94,239,.72); color:#fff; }
html[data-theme="dark"] .board-watermark span { background:rgba(2,6,23,.78); color:#fff; border-color:rgba(96,165,250,.45); }
.board-topline { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.board-badge { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; font-size:12px; font-weight:900; background:var(--soft); border:1px solid var(--line); color:var(--ink); }
.board-meta { color:var(--muted); font-size:13px; line-height:1.5; }
.board-specs { list-style:none; padding:0; margin:2px 0 0; display:grid; gap:7px; color:var(--muted); font-size:13px; }
.board-specs li { display:flex; gap:8px; align-items:flex-start; }
.board-specs strong { color:var(--ink); min-width:64px; }
.board-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }
.board-actions .btn { flex:1 1 180px; }
.board-version-picker { margin-top:4px; border:1px solid var(--line); border-radius:16px; background:var(--soft); padding:10px; display:grid; gap:8px; }
.board-version-picker label { font-size:11px; font-weight:1000; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); }
.board-version-picker-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; }
.board-version-picker select { width:100%; border:1px solid var(--line); border-radius:12px; background:var(--paper); color:var(--ink); padding:11px 12px; font-weight:800; }
.board-version-picker .btn { min-width:138px; }
.board-version-picker-hint { color:var(--muted); font-size:12px; line-height:1.45; }
.board-version-list { margin-top:12px; border-top:1px solid var(--line); padding-top:10px; }
.download-version-modal { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:18px; background:rgba(2,6,23,.62); backdrop-filter:blur(8px); }
.download-version-modal.show { display:flex; }
.download-version-box { width:min(520px,100%); border:1px solid var(--line); border-radius:24px; background:var(--paper); color:var(--ink); box-shadow:0 28px 70px rgba(0,0,0,.35); padding:18px; }
.download-version-box h3 { margin:0 0 6px; font-size:22px; }
.download-version-box p { margin:7px 0; color:var(--muted); line-height:1.45; }
.download-version-meta { margin:12px 0; padding:12px; border-radius:16px; background:var(--soft); border:1px solid var(--line); font-size:13px; word-break:break-word; }
.download-version-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; margin-top:14px; }
.download-version-choices { display:grid; gap:10px; max-height:min(58vh,520px); overflow:auto; padding-right:4px; }
.download-version-choice { display:grid; gap:8px; border:1px solid var(--line); border-radius:16px; background:var(--soft); padding:12px; }
.download-version-choice-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.download-version-choice-title { font-weight:1000; color:var(--ink); }
.download-version-choice-note { color:var(--muted); font-size:13px; line-height:1.45; overflow-wrap:anywhere; }
.board-version-popup-source { display:none !important; }
.board-version-admin-details { margin-top:8px; border:1px solid var(--line); border-radius:14px; padding:8px; background:var(--soft); }
.board-version-admin-details summary { cursor:pointer; font-weight:900; }
.board-version-replace-grid { display:grid; gap:8px; margin-top:8px; }
.board-version-replace-grid input[type=file] { padding:9px; }
.board-version-list summary { cursor:pointer; font-weight:900; color:var(--ink); }
.board-version-list .version-row { display:grid; grid-template-columns:minmax(110px,.6fr) minmax(0,1fr) auto; gap:8px; align-items:center; padding:8px 0; border-bottom:1px dashed var(--line); font-size:12px; }
.board-version-list .version-row:last-child { border-bottom:0; }
.board-version-list .version-link { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); }
.board-version-list .version-badge { display:inline-flex; align-items:center; justify-content:center; width:max-content; padding:3px 7px; border-radius:999px; border:1px solid var(--line); background:var(--soft); font-size:10px; font-weight:900; margin-left:5px; }
.board-download-admin-row { display:grid; grid-template-columns:minmax(130px,.8fr) minmax(95px,.45fr) minmax(180px,1fr) minmax(100px,.45fr) minmax(155px,.65fr); gap:8px; align-items:start; }
.board-download-admin-row .admin-link-cell { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.board-download-actions { display:flex; flex-wrap:wrap; gap:7px; }
.board-download-actions form { margin:0; }
@media(max-width:760px) { .board-version-list .version-row { grid-template-columns:1fr; } .board-version-picker-row { grid-template-columns:1fr; } .board-version-picker .btn { width:100%; } .board-download-admin-row { grid-template-columns:1fr; } }
 .download-note { margin-top:4px; color:var(--muted); font-size:13px; }
.status-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; margin:16px 0; }
.status-card { border:1px solid var(--line); background:linear-gradient(180deg,var(--paper),rgba(255,255,255,.78)); border-radius:var(--radius); box-shadow:var(--shadow); padding:14px; min-height:112px; }
html[data-theme="dark"] .status-card { background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(8,18,36,.94)); border-color:rgba(96,165,250,.22); box-shadow:0 16px 38px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04); }
.status-card .label { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.04em; font-weight:900; }
.status-card .value { color:var(--ink); font-size:clamp(20px,2.4vw,30px); line-height:1.05; font-weight:1000; margin:6px 0 4px; overflow-wrap:anywhere; }
.status-card .sub { color:var(--muted); font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
.status-card-link { display:block; color:inherit; text-decoration:none; cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.status-card-link:hover { transform:translateY(-2px); border-color:rgba(37,99,235,.42); box-shadow:0 18px 42px rgba(15,23,42,.16); }
.status-card-link.active { border-color:rgba(37,99,235,.62); box-shadow:0 0 0 2px rgba(37,99,235,.16), var(--shadow); }
.monitoring-chart-card { overflow:hidden; position:relative; }
.monitoring-chart-card:before { content:""; position:absolute; inset:0 auto auto 0; width:180px; height:180px; pointer-events:none; background:radial-gradient(circle, rgba(56,189,248,.15), transparent 68%); filter:blur(6px); opacity:.8; }
.monitoring-chart { width:100%; height:260px; display:block; border-radius:22px; background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(236,246,255,.84)); border:1px solid rgba(96,165,250,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 16px 36px rgba(15,23,42,.08); color:#2563eb; }
.monitoring-chart-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin:16px 0 8px; }
.monitoring-chart-heading h2 { margin:0; font-size:1.08rem; }
.monitoring-chart-heading .badge { white-space:nowrap; }
.monitoring-sales-details { margin-top:12px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(248,250,252,.62)); padding:12px; display:grid; gap:10px; }
html[data-theme="dark"] .monitoring-sales-details { background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(8,18,36,.66)); border-color:rgba(96,165,250,.20); }
.monitoring-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.monitoring-detail-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(135px,1fr)); gap:8px; }
.monitoring-detail-card { border:1px solid var(--line); border-radius:14px; background:var(--soft); padding:9px 10px; min-width:0; }
.monitoring-detail-card .label { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.04em; font-weight:1000; }
.monitoring-detail-card .value { margin-top:3px; color:var(--ink); font-weight:1000; overflow-wrap:anywhere; font-size:.95rem; }
@media(max-width:640px) { .monitoring-chart-heading { align-items:flex-start; flex-direction:column; gap:6px; } .monitoring-chart-heading .badge { font-size:10px!important; } .monitoring-sales-details { padding:10px!important; border-radius:15px!important; } .monitoring-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; } .monitoring-detail-card { padding:8px!important; } .monitoring-detail-card .label { font-size:9px!important; } .monitoring-detail-card .value { font-size:.82rem!important; } }
html[data-theme="dark"] .monitoring-chart { background:linear-gradient(180deg,rgba(10,18,34,.98),rgba(7,14,28,.94)); border-color:rgba(96,165,250,.24); box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 22px 44px rgba(0,0,0,.22); color:#60a5fa; }
.monitoring-toolbar { display:grid; grid-template-columns:minmax(220px,1fr) auto; gap:12px; align-items:end; margin:14px 0; }
.monitoring-recent-list { display:grid; gap:10px; max-height:280px; overflow:auto; padding-right:4px; }
.monitoring-entry-row { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; padding:12px 14px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(248,250,252,.54)); box-shadow:0 8px 18px rgba(15,23,42,.06); }
html[data-theme="dark"] .monitoring-entry-row { background:linear-gradient(180deg,rgba(15,23,42,.68),rgba(9,16,30,.58)); box-shadow:0 10px 24px rgba(0,0,0,.18); }
.monitoring-entry-row strong:last-child { font-size:1.03rem; }
.monitoring-toolbar select { font-weight:900; border-radius:14px; padding:12px 14px; }
.monitoring-toolbar .btn { min-height:46px; border-radius:14px; box-shadow:0 12px 26px rgba(15,23,42,.10); }
.dashboard-stats .status-card { position:relative; overflow:hidden; border-radius:20px; padding:16px; }
.dashboard-stats .status-card:before { content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,#38bdf8,#2563eb,#8b5cf6,#f59e0b); opacity:.9; }
.dashboard-stats .status-card .value { text-shadow:0 2px 16px rgba(37,99,235,.10); }
@media(max-width:720px) { .monitoring-toolbar { grid-template-columns:1fr; } .monitoring-chart { height:220px; } }
@media(max-width:640px) {
  .hero h1 { font-size:clamp(22px,7vw,30px)!important; }
  .section h2 { font-size:1.08rem!important; }
  .status-card { padding:12px!important; min-height:0!important; }
  .status-card .label { font-size:10px!important; }
  .status-card .value { font-size:clamp(16px,5vw,22px)!important; }
  .status-card .sub { font-size:10px!important; line-height:1.35!important; }
  .monitoring-entry-row { padding:10px 11px!important; border-radius:14px!important; }
  .monitoring-entry-row strong:last-child { font-size:.96rem!important; }
  .monitoring-toolbar label, .monitoring-toolbar select, .board-card, .board-meta, .board-specs, .small, .muted, .btn { font-size:.88rem!important; }
  .monitoring-chart { height:200px!important; }
}

/* Build 121: compact Remote Monitor cards on phone mode */
@media(max-width:640px) {
  .dashboard-stats.dashboard-stats-four { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
  .dashboard-stats .status-card { padding:10px 9px!important; border-radius:16px!important; min-height:92px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:3px!important; }
  .dashboard-stats .status-card .label,
  .dashboard-stats .status-card .value,
  .dashboard-stats .status-card .sub { display:block!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; line-height:1.12!important; margin:0!important; }
  .dashboard-stats .status-card .label { font-size:9px!important; letter-spacing:.02em!important; }
  .dashboard-stats .status-card .value { font-size:clamp(14px,4.5vw,18px)!important; }
  .dashboard-stats .status-card .sub { font-size:9px!important; }
  .monitoring-toolbar .btn, .monitoring-toolbar select { font-size:12px!important; min-height:40px!important; }
}

.maintenance-hero { min-height:calc(100vh - 220px); display:grid; place-items:center; padding:28px 0; }
.maintenance-card { width:min(760px,100%); border:1px solid rgba(96,165,250,.26); border-radius:28px; padding:28px; background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(8,18,36,.92)); box-shadow:0 30px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06); text-align:center; position:relative; overflow:hidden; }
.maintenance-card:before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 12% 0%,rgba(34,211,238,.18),transparent 20rem),radial-gradient(circle at 86% 8%,rgba(249,115,22,.12),transparent 18rem); }
.maintenance-card > * { position:relative; z-index:1; }
.maintenance-card h1 { margin:8px 0 10px; font-size:clamp(30px,4.8vw,54px); }
.os-status-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:16px 0; }
.os-status-card { border:1px solid var(--line); border-radius:18px; background:linear-gradient(180deg,var(--paper),rgba(255,255,255,.76)); box-shadow:var(--shadow); padding:14px; text-align:left; }
html[data-theme="dark"] .os-status-card { background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,18,36,.92)); border-color:rgba(96,165,250,.20); }
.os-status-card h3 { margin:4px 0 6px; }
.os-status-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:8px 0; }
.os-status-pill { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:6px 10px; font-size:12px; font-weight:1000; border:1px solid var(--line); background:var(--soft); color:var(--ink); white-space:nowrap; }
.os-status-pill.available { background:#ecfdf3; color:#027a48; border-color:#abefc6; }
.os-status-pill.upcoming { background:#fff7ed; color:#9a3412; border-color:#fed7aa; }
.os-status-pill.beta { background:#eff6ff; color:#175cd3; border-color:#bfdbfe; }
html[data-theme="dark"] .os-status-pill.available { background:#053321; color:#75e0a7; border-color:#067647; }
html[data-theme="dark"] .os-status-pill.upcoming { background:#3b250b; color:#fbbf24; border-color:#92400e; }
html[data-theme="dark"] .os-status-pill.beta { background:#172554; color:#93c5fd; border-color:#1d4ed8; }
.announcement-banner {
  border:1px solid rgba(14,165,233,.28);
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(232,246,255,.90)),
    radial-gradient(circle at 0% 0%, rgba(0,212,255,.16), transparent 18rem);
  border-radius:22px;
  box-shadow:0 18px 42px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.80);
  padding:18px 20px;
  margin:0 0 18px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
  overflow:hidden;
  position:relative;
  min-height:166px;
  height:166px;
}
.announcement-banner:before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#00d4ff,#155eef,#ff8a00);
}
html[data-theme="dark"] .announcement-banner {
  background:
    linear-gradient(135deg, rgba(15,23,42,.92), rgba(8,18,36,.90)),
    radial-gradient(circle at 0% 0%, rgba(34,211,238,.16), transparent 18rem);
  border-color:rgba(96,165,250,.30);
  box-shadow:0 18px 46px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05);
}
.announcement-icon {
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff8a00,#ffd84a,#00d4ff);
  color:#071426;
  font-size:24px;
  font-weight:1000;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}
.announcement-content h2 { margin:0 0 4px; font-size:clamp(18px,2vw,24px); }
.announcement-content { min-width:0; display:flex; flex-direction:column; justify-content:center; min-height:0; }
.announcement-content p {
  margin:0;
  color:var(--muted);
  white-space:pre-wrap;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  line-clamp:4;
}
.announcement-form-grid { display:grid; grid-template-columns:1fr; gap:12px; }
.announcement-slider { position:relative; margin:0 0 18px; min-height:166px; }
.announcement-slider .announcement-banner { margin:0; }
.portal-preview .splash-slider {
  border-radius:26px;
  background:linear-gradient(180deg, rgba(2,8,20,.84), rgba(3,10,24,.72));
  border:1px solid rgba(96,165,250,.18);
  padding:10px;
  box-shadow:0 24px 60px rgba(2,8,23,.28), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(34,211,238,.06);
}
html[data-theme="dark"] .portal-preview .splash-slider {
  background:
    linear-gradient(180deg, rgba(2,8,20,.96), rgba(6,16,32,.92)),
    radial-gradient(circle at 12% 10%, rgba(34,211,238,.12), transparent 20rem),
    radial-gradient(circle at 88% 12%, rgba(96,165,250,.10), transparent 18rem);
  border-color:rgba(96,165,250,.24);
  box-shadow:0 30px 70px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(34,211,238,.08);
}
.portal-preview .splash-slider:before {
  content:"";
  position:absolute;
  inset:8px;
  border-radius:18px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(90deg, rgba(34,211,238,.75), rgba(34,211,238,.75)) top left / 34px 2px no-repeat,
    linear-gradient(180deg, rgba(34,211,238,.75), rgba(34,211,238,.75)) top left / 2px 34px no-repeat,
    linear-gradient(90deg, rgba(249,115,22,.60), rgba(249,115,22,.60)) bottom right / 34px 2px no-repeat,
    linear-gradient(180deg, rgba(249,115,22,.60), rgba(249,115,22,.60)) bottom right / 2px 34px no-repeat;
}
.announcement-form-grid textarea { min-height:150px; }
.announcement-preview { margin-top:12px; }
@media(max-width:640px) {
  .announcement-banner {
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:8px!important;
    padding:10px 11px 10px 13px!important;
    margin:0 0 12px!important;
    border-radius:16px!important;
    align-items:start!important;
    min-height:112px!important;
    height:112px!important;
  }
  .announcement-banner:before { width:3px!important; }
  .announcement-icon {
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
    font-size:16px!important;
    box-shadow:0 8px 18px rgba(0,0,0,.12)!important;
    margin-top:1px!important;
  }
  .announcement-content h2 { font-size:14px!important; line-height:1.18!important; margin:0 0 2px!important; }
  .announcement-content p { font-size:11.5px!important; line-height:1.32!important; -webkit-line-clamp:3!important; line-clamp:3!important; }
}

.announcement-slider { position:relative; margin:0 0 18px; min-height:166px; }
.announcement-slider .announcement-banner { margin:0; }
.announcement-slide { display:none!important; }
.announcement-slide.active { display:grid!important; animation:announcementFade .38s ease both; }
@keyframes announcementFade { from { opacity:.25; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
.announcement-dots { display:flex; justify-content:center; gap:6px; margin:8px 0 0; }
.announcement-dot { width:7px; height:7px; min-width:7px; height:7px; border-radius:999px; border:0!important; padding:0!important; background:rgba(148,163,184,.55)!important; box-shadow:none!important; cursor:pointer; }
.announcement-dot.active { background:var(--accent)!important; }
.announcement-admin-list { display:grid; gap:14px; margin-top:14px; }
.announcement-admin-card { border:1px solid var(--line); background:linear-gradient(180deg,var(--paper),rgba(255,255,255,.78)); padding:14px; border-radius:var(--radius); box-shadow:var(--shadow); }
html[data-theme="dark"] .announcement-admin-card { background:linear-gradient(180deg,var(--paper),#0c1424); }
.announcement-admin-head { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:8px; }
@media(max-width:640px) {
  .announcement-slider { margin-bottom:12px!important; min-height:112px!important; }
  .announcement-dot { width:6px!important; min-width:6px!important; height:6px!important; }
  .announcement-admin-card { padding:11px!important; }
}
@media(prefers-reduced-motion:reduce) { .announcement-slide.active { animation:none!important; } }
@media(max-width:700px) {
  .guide-step-card { grid-template-columns:56px minmax(0,1fr); gap:12px; padding:14px 14px; }
  .guide-step-no { width:46px; height:46px; font-size:18px; border-radius:14px; }
  .board-card img { height:170px; }
  .board-watermark span { font-size:16px; padding:8px 14px; }
}
.feature-side-flow {
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.feature-side-flow .flow-step {
  display:grid!important;
  grid-template-columns:minmax(155px,.22fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:18px 20px!important;
}
.feature-side-flow .flow-num {
  min-width:150px!important;
  height:auto!important;
  min-height:46px!important;
  margin:0!important;
  padding:10px 14px!important;
  white-space:nowrap!important;
  text-align:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(230,245,255,.95))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(21,94,239,.08)!important;
}
html[data-theme="dark"] .feature-side-flow .flow-num {
  background:linear-gradient(135deg,rgba(18,32,58,.96),rgba(8,18,36,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.24)!important;
}
.feature-side-flow .flow-text h3 { margin-bottom:5px!important; }
.feature-side-flow .flow-text p { margin-bottom:0!important; }
.footer,
.footer .muted,
.footer a,
.footer strong,
.footer-support,
.footlinks a {
  font-size:clamp(12px,.95vw,15px)!important;
  line-height:1.45!important;
}
.footer-brand strong,
.footer-support strong { font-size:clamp(13px,1.05vw,16px)!important; }
.footlinks { gap:12px!important; }
.footer { padding-top:13px!important; padding-bottom:13px!important; }
@media(max-width:700px) {
  .feature-side-flow .flow-step {
    grid-template-columns:minmax(112px,.36fr) minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px 12px!important;
  }
  .feature-side-flow .flow-num {
    min-width:112px!important;
    padding:9px 9px!important;
    font-size:11px!important;
  }
  .feature-side-flow .flow-text h3 { font-size:14px!important; }
  .feature-side-flow .flow-text p { font-size:12px!important; line-height:1.35!important; }
  .footer,
  .footer .muted,
  .footer a,
  .footer strong,
  .footer-support,
  .footlinks a {
    font-size:12px!important;
  }
  .footer-brand strong,
  .footer-support strong { font-size:13px!important; }
}


/* v67 visible animated light-grid background + LPB-style hardware cards */
html[data-theme="light"] body {
  background-color:#f4fbff!important;
  background-image:
    radial-gradient(circle at 12% 14%, rgba(0,212,255,.18), transparent 20rem),
    radial-gradient(circle at 88% 16%, rgba(255,138,0,.14), transparent 18rem),
    linear-gradient(135deg, rgba(255,255,255,.38), rgba(224,243,255,.62)),
    url('/assets/tech-bg-fast-light.webp')!important;
  background-position:center center;
  background-size:auto, auto, auto, cover;
}
html[data-theme="light"] body::before {
  background:
    linear-gradient(90deg, rgba(21,94,239,.15) 1px, transparent 1px),
    linear-gradient(rgba(14,165,233,.15) 1px, transparent 1px),
    linear-gradient(115deg, transparent 0%, rgba(0,212,255,.00) 38%, rgba(0,212,255,.30) 48%, rgba(255,138,0,.24) 53%, rgba(0,212,255,.00) 64%, transparent 100%);
  background-size:84px 84px, 84px 84px, 240% 240%;
  background-position:0 0, 0 0, -120% -80%;
  opacity:.82!important;
  animation:jlinkLightLineSweep 5.5s linear infinite;
}
html[data-theme="light"] body::after {
  height:52vh;
  background:
    radial-gradient(circle at 10% 100%, rgba(21,94,239,.16), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(255,138,0,.13), transparent 42%),
    radial-gradient(circle at 90% 100%, rgba(14,165,233,.17), transparent 30%),
    linear-gradient(90deg, transparent, rgba(0,212,255,.18), transparent);
  opacity:.92!important;
  animation:jlinkLightPulse 4.5s ease-in-out infinite alternate;
}
@keyframes jlinkLightLineSweep {
  0% { background-position:0 0, 0 0, -160% -80%; filter:brightness(1); }
  50% { background-position:22px 16px, -16px 22px, 70% 60%; filter:brightness(1.10); }
  100% { background-position:84px 84px, -84px -84px, 160% 120%; filter:brightness(1); }
}
@keyframes jlinkLightPulse {
  0% { opacity:.62; transform:translateY(0); }
  100% { opacity:.96; transform:translateY(-10px); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="light"] body::before,
  html[data-theme="light"] body::after { animation:none!important; }
}
.download-hero.no-download-banner { grid-template-columns:1fr!important; }
.download-hero.no-download-banner .download-preview { display:none!important; }
.board-grid { grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important; }
.board-card img {
  height:205px!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:12px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(235,247,255,.88))!important;
}
html[data-theme="dark"] .board-card img { background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(8,18,36,.88))!important; }



/* v68 lightweight white-theme animation + browser favicon */
html[data-theme="light"] body::before {
  opacity:.56!important;
  background-size:112px 112px, 112px 112px, 240% 240%!important;
  animation:jlinkLightLineSweep 24s linear infinite!important;
  filter:none!important;
  transform:none!important;
  will-change:background-position!important;
}
html[data-theme="light"] body::after {
  opacity:.50!important;
  animation:jlinkLightPulse 20s ease-in-out infinite alternate!important;
  filter:none!important;
  transform:none!important;
  will-change:opacity!important;
}
@keyframes jlinkLightLineSweep {
  0% { background-position:0 0, 0 0, -130% -70%; }
  50% { background-position:18px 14px, -14px 18px, 40% 45%; }
  100% { background-position:112px 112px, -112px -112px, 130% 110%; }
}
@keyframes jlinkLightPulse {
  0% { opacity:.40; }
  100% { opacity:.58; }
}
@media(max-width:700px) {
  html[data-theme="light"] body::before {
    opacity:.46!important;
    animation-duration:36s!important;
    background-size:128px 128px, 128px 128px, 260% 260%!important;
  }
  html[data-theme="light"] body::after {
    opacity:.38!important;
    animation-duration:30s!important;
  }
}

/* v69 ultra-light background + favicon fix */
html[data-theme="light"] body {
  background-color:#f5fbff!important;
  background-image:
    radial-gradient(circle at 10% 12%, rgba(0,212,255,.13), transparent 18rem),
    radial-gradient(circle at 88% 14%, rgba(255,138,0,.10), transparent 16rem),
    linear-gradient(135deg, rgba(255,255,255,.48), rgba(229,245,255,.68)),
    url('/assets/tech-bg-fast-light.webp')!important;
  background-position:center center!important;
  background-size:auto, auto, auto, cover!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}
html[data-theme="light"] body::before {
  background:
    linear-gradient(90deg, rgba(21,94,239,.12) 1px, transparent 1px),
    linear-gradient(rgba(14,165,233,.11) 1px, transparent 1px),
    radial-gradient(circle at 28% 24%, rgba(0,212,255,.10), transparent 14rem),
    radial-gradient(circle at 72% 36%, rgba(255,138,0,.08), transparent 12rem)!important;
  background-size:118px 118px, 118px 118px, auto, auto!important;
  background-position:0 0, 0 0, center, center!important;
  opacity:.50!important;
  animation:none!important;
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
  contain:strict!important;
}
html[data-theme="light"] body::after {
  height:40vh!important;
  background:
    radial-gradient(circle at 18% 100%, rgba(21,94,239,.10), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(255,138,0,.08), transparent 42%),
    radial-gradient(circle at 84% 100%, rgba(14,165,233,.10), transparent 30%)!important;
  opacity:.46!important;
  animation:none!important;
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
  contain:strict!important;
}
@media(max-width:700px) {
  html[data-theme="light"] body::before {
    background-size:150px 150px, 150px 150px, auto, auto!important;
    opacity:.40!important;
  }
  html[data-theme="light"] body::after { opacity:.34!important; height:34vh!important; }
}



/* Build 176: keep sender/admin bubbles on the right and prevent repeated photo refresh jumps */
.ticket-msg.mine { justify-self:end !important; margin-left:auto !important; }
.ticket-msg.other { justify-self:start !important; margin-right:auto !important; }
.ticket-msg.mine .ticket-msg-head { flex-direction:row; }
.ticket-photo-link img { opacity:1; transition:none!important; }



/* Build 180: Android/iPhone installable mobile app access */
.mobile-app-card { display:grid; grid-template-columns:minmax(110px,170px) minmax(0,1fr); gap:18px; align-items:center; overflow:hidden; }
.mobile-app-icon-frame { width:min(150px,38vw); aspect-ratio:1/1; border-radius:34px; display:grid; place-items:center; background:linear-gradient(145deg,#061a31,#0e2f54); border:1px solid rgba(148,163,184,.26); box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08); margin:auto; }
.mobile-app-icon-frame img { width:76%; height:76%; object-fit:contain; filter:drop-shadow(0 12px 22px rgba(0,0,0,.28)); }
.mobile-app-badges { display:flex; gap:8px; flex-wrap:wrap; margin:8px 0 2px; }
.mobile-app-badge { border:1px solid var(--line); background:var(--soft); color:var(--ink); border-radius:999px; padding:6px 10px; font-size:12px; font-weight:900; }
.mobile-app-steps { margin:10px 0 0; padding-left:18px; color:var(--muted); line-height:1.5; }
.mobile-app-install-status { display:block; margin-top:8px; color:var(--muted); font-size:13px; }
@media(max-width:700px) {
  .mobile-app-card { grid-template-columns:1fr; text-align:center; }
  .mobile-app-card .download-actions,.mobile-app-card .cta-row { justify-content:center; }
  .mobile-app-steps { text-align:left; }
}




/* Build 182: phone-safe Android/iPhone/Notes cards and iPhone Home Screen guide */
/* Build 183: Mobile App card removed from Downloads page; /mobile-app support remains available. */
.mobile-install-grid { display:grid; grid-template-columns:1fr; gap:16px; margin:16px 0; }
.mobile-install-grid .download-card { width:100%; min-width:0; overflow:hidden; }
.mobile-install-grid .download-actions { flex-wrap:wrap; }
.mobile-install-grid .mobile-app-steps { padding-left:1.1rem; }
.mobile-install-card { display:block; }
.ios-install-guide-card { border-color:rgba(14,165,233,.35)!important; }
.ios-install-help { display:none; margin-top:12px; padding:12px; border-radius:18px; border:1px solid var(--line); background:var(--soft); color:var(--muted); }
.ios-install-help.show { display:block; }
.ios-install-help strong { color:var(--ink); }
.ios-install-popup { position:fixed; inset:0; z-index:2147483200; display:none; place-items:center; padding:18px; background:rgba(2,6,23,.72); backdrop-filter:blur(10px); }
.ios-install-popup.show { display:grid; }
.ios-install-popup-card { width:min(94vw,460px); border-radius:26px; border:1px solid rgba(148,163,184,.35); background:var(--paper); color:var(--ink); box-shadow:0 28px 90px rgba(0,0,0,.38); padding:18px; }
.ios-install-popup-top { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.ios-install-popup-top img { width:54px; height:54px; border-radius:16px; object-fit:contain; background:#fff; padding:5px; }
.ios-install-popup-card ol { margin:10px 0 12px; padding-left:1.2rem; color:var(--muted); line-height:1.55; }
.ios-install-popup-card .download-actions { justify-content:flex-end; }
@media(max-width:700px) {
  .mobile-install-grid { grid-template-columns:1fr!important; }
  .mobile-install-grid .download-card { padding:16px; }
  .mobile-install-grid .download-actions { display:grid; grid-template-columns:1fr; gap:8px; }
  .mobile-install-grid .download-actions .btn { width:100%; justify-content:center; }
  .mobile-app-card { padding:16px; gap:12px; }
  .mobile-app-badges { justify-content:center; }
  .ios-install-popup-card { border-radius:22px; padding:16px; }
}

/* Build 179: stable ticket photos, visible popup actions, and own-message right alignment */
.ticket-messenger-messages { display:grid !important; grid-template-columns:1fr !important; }
.ticket-messenger-messages .ticket-msg.mine,
.ticket-messenger-messages .ticket-msg.admin.mine,
.ticket-messenger-messages .ticket-msg.client.mine,
.ticket-thread .ticket-msg.mine { justify-self:end !important; align-self:start !important; margin-left:auto !important; margin-right:0 !important; }
.ticket-messenger-messages .ticket-msg.other,
.ticket-messenger-messages .ticket-msg.admin.other,
.ticket-messenger-messages .ticket-msg.client.other,
.ticket-thread .ticket-msg.other { justify-self:start !important; align-self:start !important; margin-right:auto !important; margin-left:0 !important; }
.ticket-messenger-messages .ticket-msg.mine .ticket-msg-head { flex-direction:row !important; }
.ticket-photo-link img { content-visibility:auto; }
.ticket-action-menu-panel.ticket-floating-popup { position:fixed!important; z-index:2147483000!important; display:none; min-width:210px; max-width:min(92vw,280px); max-height:min(72vh,430px); overflow:auto; }
.ticket-action-menu-panel.ticket-floating-popup.show { display:grid!important; }
.ticket-action-menu-panel.ticket-floating-popup::before { content:''; position:fixed; inset:0; pointer-events:none; }

/* Build 235: License Site dark UI matched to System Admin dark neon look.
   UI-only CSS. Do not change license, Remote Admin, or Cloud Session behavior. */
html[data-theme="dark"] {
  --bg:#050b16;
  --paper:rgba(13,24,43,.94);
  --ink:#e7eefb;
  --muted:#9db0c8;
  --line:rgba(34,211,238,.17);
  --soft:rgba(10,29,45,.86);
  --soft2:rgba(7,19,33,.88);
  --accent:#22d3ee;
  --accent2:#8b5cf6;
  --danger:#fb7185;
  --success:#22c55e;
  --warning:#fbbf24;
  --shadow:0 18px 48px rgba(0,0,0,.38),0 0 26px rgba(34,211,238,.055),inset 0 1px 0 rgba(255,255,255,.04);
  --neon-cyan:#22d3ee;
  --neon-blue:#38bdf8;
  --neon-violet:#8b5cf6;
  --neon-pink:#f472b6;
  --neon-green:#22c55e;
}
html[data-theme="dark"],html[data-theme="dark"] body { background-color:#050b16!important; color:#e7eefb!important; }
html[data-theme="dark"] body {
  background-image:
    radial-gradient(circle at 80% 6%,rgba(34,211,238,.26),transparent 32%),
    radial-gradient(circle at 10% 18%,rgba(139,92,246,.18),transparent 34%),
    radial-gradient(circle at 88% 88%,rgba(244,114,182,.13),transparent 34%),
    linear-gradient(135deg,rgba(34,211,238,.12) 0 1px,transparent 1px 40px),
    linear-gradient(90deg,rgba(34,211,238,.07) 1px,transparent 1px),
    linear-gradient(0deg,rgba(139,92,246,.055) 1px,transparent 1px)!important;
  background-size:auto,auto,auto,40px 40px,28px 28px,28px 28px!important;
  background-position:center,center,center,0 0,0 0,0 0!important;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,repeat!important;
}
html[data-theme="dark"] body::before {
  opacity:.32!important;
  background:
    radial-gradient(circle,rgba(34,211,238,.24),rgba(37,99,235,.11) 42%,transparent 74%),
    radial-gradient(circle at 80% 18%,rgba(139,92,246,.16),transparent 24rem)!important;
  background-size:auto,auto!important;
}
html[data-theme="dark"] body::after {
  height:55vh!important;
  opacity:.28!important;
  background:radial-gradient(circle,rgba(244,114,182,.18),rgba(139,92,246,.12) 44%,transparent 74%)!important;
}
html[data-theme="dark"] .topnav {
  background:linear-gradient(180deg,rgba(5,11,22,.92),rgba(8,17,31,.72))!important;
  border-bottom-color:rgba(34,211,238,.20)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.30),0 0 30px rgba(34,211,238,.06)!important;
}
html[data-theme="dark"] .brand,html[data-theme="dark"] .brand:hover { color:#eafaff!important; text-shadow:0 0 12px rgba(34,211,238,.20); }
html[data-theme="dark"] .brandlogo img { filter:drop-shadow(0 18px 30px rgba(34,211,238,.20)) drop-shadow(0 0 24px rgba(139,92,246,.10))!important; }
html[data-theme="dark"] .navlinks a,html[data-theme="dark"] .topnav>a:not(.brand),html[data-theme="dark"] .navpill { color:#dceaff!important; }
html[data-theme="dark"] .navlinks a:hover,html[data-theme="dark"] .topnav>a:not(.brand):hover {
  background:linear-gradient(90deg,rgba(34,211,238,.18),rgba(139,92,246,.12))!important;
  border-color:rgba(34,211,238,.34)!important;
  color:#f8fbff!important;
  box-shadow:inset 0 0 0 1px rgba(34,211,238,.24),0 0 16px rgba(34,211,238,.08)!important;
}
html[data-theme="dark"] .navpill {
  background:linear-gradient(135deg,#0ea5e9,#2563eb,#7c3aed)!important;
  color:#f8fbff!important;
  border-color:rgba(34,211,238,.28)!important;
  box-shadow:0 12px 28px rgba(14,165,233,.16),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] .metricTitle {
  color:#eafaff!important;
  text-shadow:0 0 12px rgba(34,211,238,.28);
}
html[data-theme="dark"] h1 {
  background:linear-gradient(90deg,#f8ffff,#67e8f9,#a78bfa);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  text-shadow:0 0 18px rgba(34,211,238,.18);
}
html[data-theme="dark"] h3::after {
  content:"";display:block;width:52px;height:2px;margin-top:7px;border-radius:999px;
  background:linear-gradient(90deg,var(--neon-cyan),var(--neon-violet),transparent);
  box-shadow:0 0 12px rgba(34,211,238,.50);
}
html[data-theme="dark"] .hero:before,html[data-theme="dark"] .scroll-tab-section:after {
  background:linear-gradient(90deg,#22d3ee,#8b5cf6,#f472b6)!important;
  box-shadow:0 0 16px rgba(34,211,238,.38)!important;
}
html[data-theme="dark"] .section,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .login.hero,
html[data-theme="dark"] .product-panel,
html[data-theme="dark"] .mockup,
html[data-theme="dark"] .tablewrap { border-color:rgba(34,211,238,.14)!important; }
html[data-theme="dark"] .simple-grid .section,
html[data-theme="dark"] .sectiongrid .section .section .section,
html[data-theme="dark"] .flow-step,
html[data-theme="dark"] .price-panel,
html[data-theme="dark"] .statbox,
html[data-theme="dark"] .chartbox,
html[data-theme="dark"] .chart-panel,
html[data-theme="dark"] .download-row,
html[data-theme="dark"] .download-meta,
html[data-theme="dark"] .portal-preview,
html[data-theme="dark"] .logo-stage,
html[data-theme="dark"] .download-preview,
html[data-theme="dark"] .mockpanel,
html[data-theme="dark"] .partner-panel,
html[data-theme="dark"] .home-mini-card,
html[data-theme="dark"] .home-guide-step,
html[data-theme="dark"] .home-available-box,
html[data-theme="dark"] .home-board-card,
html[data-theme="dark"] .guide-step-card,
html[data-theme="dark"] .board-card,
html[data-theme="dark"] .announcement-admin-card,
html[data-theme="dark"] .status-card,
html[data-theme="dark"] .os-status-card,
html[data-theme="dark"] .ticket-messenger-card,
html[data-theme="dark"] .ticket-messenger-header,
html[data-theme="dark"] .ticket-messenger-compose-area,
html[data-theme="dark"] .ticket-msg,
html[data-theme="dark"] .list-tools,
html[data-theme="dark"] .server-file-browser,
html[data-theme="dark"] .manual-server-path-box,
html[data-theme="dark"] .upload-progress-panel,
html[data-theme="dark"] .action-popup-card,
html[data-theme="dark"] .ios-install-popup-card,
html[data-theme="dark"] .download-version-box {
  background:linear-gradient(180deg,rgba(13,24,43,.94),rgba(8,17,31,.92))!important;
  border-color:rgba(34,211,238,.17)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.38),0 0 26px rgba(34,211,238,.055),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html[data-theme="dark"] .statbox:nth-child(4n+1),html[data-theme="dark"] .status-card:nth-child(4n+1),html[data-theme="dark"] .home-mini-card:nth-child(4n+1),html[data-theme="dark"] .price-panel:nth-child(4n+1) { box-shadow:inset 0 4px 0 rgba(34,211,238,.85),0 18px 48px rgba(0,0,0,.38),0 0 26px rgba(34,211,238,.055)!important; }
html[data-theme="dark"] .statbox:nth-child(4n+2),html[data-theme="dark"] .status-card:nth-child(4n+2),html[data-theme="dark"] .home-mini-card:nth-child(4n+2),html[data-theme="dark"] .price-panel:nth-child(4n+2) { box-shadow:inset 0 4px 0 rgba(34,197,94,.82),0 18px 48px rgba(0,0,0,.38),0 0 20px rgba(34,197,94,.05)!important; }
html[data-theme="dark"] .statbox:nth-child(4n+3),html[data-theme="dark"] .status-card:nth-child(4n+3),html[data-theme="dark"] .home-mini-card:nth-child(4n+3),html[data-theme="dark"] .price-panel:nth-child(4n+3) { box-shadow:inset 0 4px 0 rgba(251,191,36,.82),0 18px 48px rgba(0,0,0,.38),0 0 20px rgba(251,191,36,.045)!important; }
html[data-theme="dark"] .statbox:nth-child(4n+4),html[data-theme="dark"] .status-card:nth-child(4n+4),html[data-theme="dark"] .home-mini-card:nth-child(4n+4),html[data-theme="dark"] .price-panel:nth-child(4n+4) { box-shadow:inset 0 4px 0 rgba(244,114,182,.82),0 18px 48px rgba(0,0,0,.38),0 0 20px rgba(244,114,182,.045)!important; }
html[data-theme="dark"] .big,html[data-theme="dark"] .stat,html[data-theme="dark"] .token-balance {
  background:linear-gradient(90deg,#eaffff,#67e8f9,#a78bfa);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  text-shadow:0 0 18px rgba(34,211,238,.18);
}
html[data-theme="dark"] .pill,html[data-theme="dark"] .partner-pill,html[data-theme="dark"] .board-badge,html[data-theme="dark"] .home-board-available {
  background:rgba(10,29,45,.86)!important;
  border-color:rgba(34,211,238,.24)!important;
  color:#bff8ff!important;
  box-shadow:0 0 14px rgba(34,211,238,.08)!important;
}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea {
  background:#071321!important;
  color:#e7eefb!important;
  border-color:rgba(34,211,238,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus {
  outline:none!important;
  border-color:rgba(34,211,238,.62)!important;
  box-shadow:0 0 0 3px rgba(34,211,238,.12),0 0 20px rgba(34,211,238,.08)!important;
}
html[data-theme="dark"] button,html[data-theme="dark"] .btn,html[data-theme="dark"] .button {
  background:linear-gradient(135deg,#0ea5e9,#2563eb,#7c3aed)!important;
  color:#f8fbff!important;
  border-color:rgba(34,211,238,.28)!important;
  box-shadow:0 12px 28px rgba(14,165,233,.16),inset 0 1px 0 rgba(255,255,255,.12)!important;
  text-shadow:none!important;
}
html[data-theme="dark"] button:hover,html[data-theme="dark"] .btn:hover,html[data-theme="dark"] .button:hover {
  box-shadow:0 16px 34px rgba(34,211,238,.18),0 0 18px rgba(139,92,246,.10),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
html[data-theme="dark"] button.secondary,html[data-theme="dark"] .btn.secondary { background:linear-gradient(135deg,#071321,#0f2744)!important; border-color:rgba(34,211,238,.24)!important; color:#dceaff!important; }
html[data-theme="dark"] button.danger,html[data-theme="dark"] .btn.danger,html[data-theme="dark"] .btn.red { background:linear-gradient(135deg,#fb7185,#be123c)!important; box-shadow:0 12px 28px rgba(244,63,94,.16)!important; }
html[data-theme="dark"] .btn.green,html[data-theme="dark"] button.green { background:linear-gradient(135deg,#22c55e,#059669)!important; box-shadow:0 12px 28px rgba(34,197,94,.16)!important; }
html[data-theme="dark"] .btn.orange,html[data-theme="dark"] button.orange { background:linear-gradient(135deg,#fbbf24,#f97316)!important; box-shadow:0 12px 28px rgba(251,191,36,.16)!important; }
html[data-theme="dark"] table th { color:#a5f3fc!important; background:rgba(7,19,33,.78)!important; }
html[data-theme="dark"] table td,html[data-theme="dark"] .simple-scrollbox th,html[data-theme="dark"] .simple-scrollbox td {
  background:rgba(8,17,31,.66)!important;
  border-color:rgba(34,211,238,.13)!important;
}
html[data-theme="dark"] tr:hover td { background:rgba(34,211,238,.08)!important; }
html[data-theme="dark"] .alert { background:rgba(4,44,31,.86)!important; color:#bbf7d0!important; border-color:rgba(34,197,94,.26)!important; box-shadow:0 0 14px rgba(34,197,94,.08)!important; }
html[data-theme="dark"] .alert.err,html[data-theme="dark"] .admin-toast.err { background:rgba(58,12,24,.86)!important; color:#fecdd3!important; border-color:rgba(244,114,182,.30)!important; }
html[data-theme="dark"] .admin-toast { background:linear-gradient(135deg,rgba(4,44,31,.92),rgba(7,26,31,.88))!important; color:#bbf7d0!important; border-color:rgba(34,197,94,.26)!important; box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 22px rgba(34,211,238,.10)!important; }
html[data-theme="dark"] .footer { color:#9db0c8!important; }
html[data-theme="dark"] .footer a { color:#67e8f9!important; }
@media(max-width:760px) {
  html[data-theme="dark"] body {
    background-image:
      radial-gradient(circle at 82% 6%,rgba(34,211,238,.18),transparent 30%),
      radial-gradient(circle at 12% 90%,rgba(139,92,246,.12),transparent 32%),
      linear-gradient(90deg,rgba(34,211,238,.045) 1px,transparent 1px),
      linear-gradient(0deg,rgba(139,92,246,.035) 1px,transparent 1px)!important;
    background-size:auto,auto,30px 30px,30px 30px!important;
  }
  html[data-theme="dark"] .simple-grid .section,
  html[data-theme="dark"] .price-panel,
  html[data-theme="dark"] .statbox,
  html[data-theme="dark"] .status-card,
  html[data-theme="dark"] .home-mini-card,
  html[data-theme="dark"] .home-board-card { box-shadow:inset 0 3px 0 rgba(34,211,238,.68),0 10px 22px rgba(0,0,0,.26)!important; }
  html[data-theme="dark"] h3::after { width:38px; box-shadow:0 0 8px rgba(34,211,238,.34); }
}
/* Build 236: phone margins + dark-highlight compact GET OS button.
   UI-only CSS. Do not change license, Remote Admin, Cloud Session, or API behavior. */
@media(max-width:760px) {
  body:not(.ticket-open-page) .wrap {
    width:auto!important;
    max-width:none!important;
    margin-left:10px!important;
    margin-right:10px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body:not(.ticket-open-page) .topnav {
    padding-left:10px!important;
    padding-right:10px!important;
  }
}
.hero-cta .get-os,
.home-available-box .get-os,
.download-card .big-download.get-os,
.btn.get-os {
  min-height:48px!important;
  width:auto!important;
  max-width:360px!important;
  padding:12px 18px!important;
  font-size:clamp(15px,3.2vw,22px)!important;
  letter-spacing:.045em!important;
  border-radius:16px!important;
}
.hero-cta .get-os {
  grid-column:1 / -1!important;
  justify-self:center!important;
  width:min(360px,100%)!important;
}
@media(max-width:900px) {
  .hero-cta .get-os,
  .home-available-box .get-os,
  .download-card .big-download.get-os,
  .btn.get-os {
    min-height:44px!important;
    max-width:260px!important;
    padding:10px 14px!important;
    font-size:clamp(14px,5vw,19px)!important;
    border-radius:14px!important;
  }
}
html[data-theme="dark"] .hero-cta .get-os,
html[data-theme="dark"] .home-available-box .get-os,
html[data-theme="dark"] .download-card .big-download.get-os,
html[data-theme="dark"] .btn.get-os {
  background:linear-gradient(135deg,#facc15 0%,#22d3ee 48%,#8b5cf6 100%)!important;
  color:#020617!important;
  border:1px solid rgba(250,204,21,.62)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:0 0 0 1px rgba(250,204,21,.20),0 14px 34px rgba(34,211,238,.22),0 0 24px rgba(250,204,21,.18),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
html[data-theme="dark"] .hero-cta .get-os:hover,
html[data-theme="dark"] .home-available-box .get-os:hover,
html[data-theme="dark"] .download-card .big-download.get-os:hover,
html[data-theme="dark"] .btn.get-os:hover {
  filter:brightness(1.08)!important;
  transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(250,204,21,.30),0 18px 42px rgba(34,211,238,.28),0 0 34px rgba(250,204,21,.24),inset 0 1px 0 rgba(255,255,255,.82)!important;
}


/* Build 237: dark theme page background visibility cleanup.
   UI-only CSS. Keep behavior, APIs, license, Remote Admin, and Cloud Session unchanged.
   Restore the real full-page background image in dark mode and remove the heavy solid/dim overlay. */
html[data-theme="dark"],html[data-theme="dark"] body {
  background-color:#050b16!important;
}
html[data-theme="dark"] body {
  background-image:
    radial-gradient(circle at 80% 6%,rgba(34,211,238,.12),transparent 32%),
    radial-gradient(circle at 10% 18%,rgba(139,92,246,.10),transparent 34%),
    radial-gradient(circle at 88% 88%,rgba(244,114,182,.08),transparent 34%),
    linear-gradient(90deg,rgba(34,211,238,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(139,92,246,.028) 1px,transparent 1px),
    url('/assets/tech-bg-fast.webp')!important;
  background-size:auto,auto,auto,32px 32px,32px 32px,cover!important;
  background-position:center,center,center,0 0,0 0,center center!important;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat!important;
  background-attachment:fixed,fixed,fixed,fixed,fixed,fixed!important;
}
html[data-theme="dark"] body::before {
  opacity:.10!important;
  background:
    radial-gradient(circle at 18% 22%,rgba(34,211,238,.18),transparent 20rem),
    radial-gradient(circle at 80% 18%,rgba(139,92,246,.12),transparent 24rem)!important;
  background-size:auto,auto!important;
}
html[data-theme="dark"] body::after {
  opacity:.10!important;
  background:radial-gradient(circle at 50% 100%,rgba(34,211,238,.14),transparent 58%)!important;
}
@media(max-width:760px) {
  html[data-theme="dark"] body {
    background-image:
      radial-gradient(circle at 82% 6%,rgba(34,211,238,.10),transparent 30%),
      radial-gradient(circle at 12% 90%,rgba(139,92,246,.08),transparent 32%),
      linear-gradient(90deg,rgba(34,211,238,.030) 1px,transparent 1px),
      linear-gradient(0deg,rgba(139,92,246,.024) 1px,transparent 1px),
      url('/assets/tech-bg-fast.webp')!important;
    background-size:auto,auto,30px 30px,30px 30px,cover!important;
    background-position:center,center,0 0,0 0,center center!important;
    background-repeat:no-repeat,no-repeat,repeat,repeat,no-repeat!important;
  }
}


/* Build 238: dark theme background match System Admin UI and remove solid page slab.
   UI-only CSS. Keep license, Remote Admin, JLink Cloud Session, DB, and APIs unchanged. */
html[data-theme="dark"],html[data-theme="dark"] body {
  background-color:#050b16!important;
  color:#e7eefb!important;
}
html[data-theme="dark"] body {
  background-image:
    radial-gradient(circle at 78% 8%,rgba(34,211,238,.30),transparent 34%),
    radial-gradient(circle at 12% 88%,rgba(139,92,246,.20),transparent 34%),
    radial-gradient(circle at 88% 82%,rgba(244,114,182,.12),transparent 35%),
    linear-gradient(135deg,rgba(34,211,238,.12) 0 1px,transparent 1px 38px),
    linear-gradient(90deg,rgba(34,211,238,.07) 1px,transparent 1px),
    linear-gradient(0deg,rgba(139,92,246,.055) 1px,transparent 1px)!important;
  background-size:auto,auto,auto,38px 38px,24px 24px,24px 24px!important;
  background-position:center,center,center,0 0,0 0,0 0!important;
  background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,repeat!important;
  background-attachment:scroll,scroll,scroll,scroll,scroll,scroll!important;
}
html[data-theme="dark"] body::before {
  opacity:.46!important;
  background:radial-gradient(circle,rgba(34,211,238,.28),rgba(37,99,235,.11) 44%,transparent 74%)!important;
  background-size:auto!important;
}
html[data-theme="dark"] body::after {
  opacity:.40!important;
  background:radial-gradient(circle,rgba(244,114,182,.18),rgba(139,92,246,.12) 42%,transparent 72%)!important;
}
html[data-theme="dark"] .wrap,
html[data-theme="dark"] .homepage-continuous {
  background:transparent!important;
  background-color:transparent!important;
}
@media(max-width:760px) {
  html[data-theme="dark"] body {
    background-image:
      radial-gradient(circle at 82% 6%,rgba(34,211,238,.18),transparent 30%),
      radial-gradient(circle at 12% 90%,rgba(139,92,246,.12),transparent 32%),
      linear-gradient(90deg,rgba(34,211,238,.045) 1px,transparent 1px),
      linear-gradient(0deg,rgba(139,92,246,.035) 1px,transparent 1px)!important;
    background-size:auto,auto,30px 30px,30px 30px!important;
    background-position:center,center,0 0,0 0!important;
    background-repeat:no-repeat,no-repeat,repeat,repeat!important;
  }
}



/* Build 239 final mobile UI overrides. */
@media (max-width: 720px) {
  .auth-modal { max-width:360px!important; width:calc(100vw - 34px)!important; padding:18px 16px!important; border-radius:22px!important; }
  .auth-modal .auth-brand-title,.auth-modal h1 { font-size:22px!important; line-height:1.12!important; }
  .auth-modal p,.auth-modal label { font-size:12px!important; }
  .auth-modal input { padding:10px 11px!important; min-height:38px!important; font-size:14px!important; }
  .auth-modal button[type=submit] { min-height:40px!important; padding:10px 14px!important; font-size:13px!important; }
  .settings-tabbar,.settings-tabs,.client-tabs,.tabbar,.tab-selector,.scroll-tab-nav { background:transparent!important; box-shadow:none!important; border-color:transparent!important; }
  .theme-toggle,.theme-toggle:hover,.menu-toggle,.menu-toggle:hover { background:transparent!important; box-shadow:none!important; border-color:transparent!important; border-radius:0!important; }
}

/* Build 240: site-only login/mobile spacing and redesigned feature cards. */
@media (max-width: 760px) {
  body:not(.ticket-open-page) .wrap { margin-left:18px!important; margin-right:18px!important; padding-left:4px!important; padding-right:4px!important; }
  body:not(.ticket-open-page) .topnav { padding-left:14px!important; padding-right:14px!important; }
  .auth-modal { max-width:330px!important; width:calc(100vw - 56px)!important; padding:16px 14px!important; border-radius:20px!important; }
  .auth-modal .input-icon input { padding-left:44px!important; padding-right:14px!important; }
  .auth-modal .input-icon.password-field input { padding-left:44px!important; padding-right:72px!important; }
}
.input-icon.password-field { position:relative; }
.input-icon.password-field .password-toggle { position:absolute!important; right:7px!important; top:50%!important; transform:translateY(-50%)!important; min-width:50px!important; width:auto!important; min-height:28px!important; padding:6px 9px!important; margin:0!important; border-radius:999px!important; font-size:11px!important; line-height:1!important; z-index:2!important; background:linear-gradient(135deg,#e0f2fe,#dbeafe)!important; color:#0f172a!important; border:1px solid rgba(125,211,252,.45)!important; box-shadow:0 4px 14px rgba(14,165,233,.14)!important; }
html[data-theme="dark"] .input-icon.password-field .password-toggle { background:linear-gradient(135deg,#22d3ee,#8b5cf6)!important; color:#f8fbff!important; border-color:rgba(34,211,238,.42)!important; }
.jlink-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; }
.jlink-feature-card { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:22px; padding:18px; background:linear-gradient(180deg,var(--paper),var(--soft)); box-shadow:var(--shadow); }
.jlink-feature-card:before { content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,rgba(34,211,238,.78),rgba(139,92,246,.55),rgba(244,114,182,.42)); }
.jlink-feature-card.highlight { border-color:rgba(34,211,238,.48); background:linear-gradient(135deg,rgba(34,211,238,.13),rgba(139,92,246,.13),rgba(15,23,42,.08)); box-shadow:0 20px 54px rgba(0,0,0,.18),0 0 36px rgba(34,211,238,.13),inset 0 1px 0 rgba(255,255,255,.08); }
.jlink-feature-card.highlight:before { height:5px; background:linear-gradient(90deg,#22d3ee,#8b5cf6,#f472b6); box-shadow:0 0 22px rgba(34,211,238,.42); }
.jlink-feature-top { display:flex; align-items:flex-start; gap:11px; margin-bottom:12px; }
.jlink-feature-card h3 { margin:0; font-size:clamp(16px,2vw,20px); }
.jlink-feature-sub { margin:4px 0 0!important; font-weight:800; color:var(--ink); }
.jlink-feature-card p { margin:0 0 12px; }
.jlink-feature-why { margin-top:auto; padding:10px 11px; border-radius:14px; background:rgba(14,165,233,.08); border:1px solid rgba(14,165,233,.15); color:var(--muted); font-size:13px; line-height:1.45; }
.jlink-feature-why b { color:var(--ink); }
html[data-theme="dark"] .jlink-feature-card { background:linear-gradient(180deg,rgba(13,24,43,.92),rgba(8,17,31,.88))!important; border-color:rgba(34,211,238,.17)!important; }
html[data-theme="dark"] .jlink-feature-card.highlight { background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.16),rgba(8,17,31,.92))!important; border-color:rgba(34,211,238,.52)!important; box-shadow:0 20px 58px rgba(0,0,0,.42),0 0 34px rgba(34,211,238,.18),inset 0 1px 0 rgba(255,255,255,.06)!important; }
html[data-theme="dark"] .jlink-feature-why { background:rgba(34,211,238,.075)!important; border-color:rgba(34,211,238,.18)!important; }
@media (max-width: 860px) { .jlink-feature-grid { grid-template-columns:1fr; gap:13px; } .jlink-feature-card { padding:15px; border-radius:18px; } .jlink-feature-why { font-size:12px; padding:9px 10px; } }


/* License Site 282: Admin uses a left sidebar tab/menu instead of a sliding top bar. */
body.admin-layout { --admin-sidebar-width:238px; }
body.admin-layout .admin-topnav {
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px clamp(16px,3vw,34px)!important;
  min-height:58px!important;
}
body.admin-layout .admin-topnav .brand {
  justify-self:start!important;
  font-size:14px!important;
  gap:8px!important;
}
body.admin-layout .admin-topnav .brandlogo { width:32px!important; height:32px!important; }
body.admin-layout .admin-topnav .brandlogo img { width:30px!important; height:30px!important; }
body.admin-layout .admin-topnav .menu-toggle { display:none!important; }
body.admin-layout .admin-topnav .app-nav-actions {
  grid-column:2!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
body.admin-layout .admin-topnav .app-nav-actions .session {
  max-width:260px!important;
  font-size:11.5px!important;
}
body.admin-layout .admin-topnav .app-nav-actions .navpill {
  font-size:12px!important;
  padding:7px 10px!important;
}
body.admin-layout .admin-topnav .app-nav-actions .theme-toggle {
  width:30px!important;
  height:30px!important;
}
body.admin-layout .admin-topnav .app-navlinks {
  position:fixed!important;
  left:0!important;
  top:58px!important;
  bottom:0!important;
  z-index:96!important;
  width:var(--admin-sidebar-width)!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:14px 10px 18px!important;
  background:rgba(255,255,255,.92)!important;
  border-top:0!important;
  border-right:1px solid var(--line)!important;
  box-shadow:12px 0 26px rgba(15,23,42,.07)!important;
  backdrop-filter:blur(16px)!important;
  scrollbar-width:thin!important;
}
html[data-theme="dark"] body.admin-layout .admin-topnav .app-navlinks {
  background:rgba(8,17,31,.94)!important;
  border-right-color:rgba(148,163,184,.20)!important;
  box-shadow:16px 0 32px rgba(0,0,0,.32)!important;
}
body.admin-layout .admin-topnav .app-navlinks a {
  width:100%!important;
  justify-content:flex-start!important;
  border-radius:14px!important;
  padding:10px 11px!important;
  font-size:12px!important;
  line-height:1.18!important;
  white-space:normal!important;
  overflow:visible!important;
  text-align:left!important;
}
body.admin-layout .admin-topnav .app-navlinks a:hover {
  background:linear-gradient(135deg, rgba(14,165,233,.12), rgba(255,132,0,.08))!important;
  border-color:rgba(14,165,233,.18)!important;
}
body.admin-layout .wrap {
  max-width:none!important;
  width:auto!important;
  margin-left:var(--admin-sidebar-width)!important;
  padding-left:22px!important;
  padding-right:18px!important;
}
body.admin-layout .footer {
  margin-left:var(--admin-sidebar-width)!important;
}
@media(max-width:900px) {
  body.admin-layout { padding-top:58px!important; }
  body.admin-layout .admin-topnav {
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    display:grid!important;
    grid-template-columns:1fr auto auto!important;
    gap:8px!important;
    padding:8px 10px!important;
  }
  body.admin-layout .admin-topnav .brand { font-size:14px!important; }
  body.admin-layout .admin-topnav .menu-toggle {
    display:inline-flex!important;
    grid-column:2!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.admin-layout .admin-topnav .app-nav-actions {
    grid-column:3!important;
    justify-self:end!important;
  }
  body.admin-layout .admin-topnav .app-nav-actions .session,
  body.admin-layout .admin-topnav .app-nav-actions .logout-full {
    display:none!important;
  }
  body.admin-layout .admin-topnav .app-navlinks {
    top:58px!important;
    width:min(82vw,270px)!important;
    max-width:270px!important;
    transform:translateX(-105%)!important;
    transition:transform .18s ease!important;
    padding-top:12px!important;
    display:flex!important;
  }
  body.admin-layout .admin-topnav.nav-open .app-navlinks {
    transform:translateX(0)!important;
  }
  body.admin-layout .admin-topnav .app-navlinks a {
    font-size:13px!important;
    padding:11px 12px!important;
    justify-content:flex-start!important;
  }
  body.admin-layout .wrap {
    margin-left:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.admin-layout .footer { margin-left:0!important; }
}
@media(min-width:901px) {
  body.admin-layout .admin-topnav .app-navlinks {
    transform:none!important;
  }
}


/* License Site 283: Admin sidebar is a real full-height left rail from top to bottom.
   Admin-only UI CSS. Public/client headers and behavior are unchanged. */
body.admin-layout {
  --admin-sidebar-width:244px;
}
@media(min-width:901px) {
  body.admin-layout {
    padding-top:0!important;
  }
  body.admin-layout .admin-topnav {
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(190px,1fr) auto!important;
    margin-left:var(--admin-sidebar-width)!important;
    width:calc(100% - var(--admin-sidebar-width))!important;
    min-height:58px!important;
    padding:8px clamp(16px,3vw,34px)!important;
    border-left:1px solid rgba(148,163,184,.12)!important;
  }
  body.admin-layout .admin-topnav .app-navlinks {
    position:fixed!important;
    inset:0 auto 0 0!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    height:100vh!important;
    min-height:100vh!important;
    width:var(--admin-sidebar-width)!important;
    max-width:var(--admin-sidebar-width)!important;
    z-index:120!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:74px 11px 18px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:none!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96))!important;
    border-right:1px solid var(--line)!important;
    border-top:0!important;
    box-shadow:18px 0 38px rgba(15,23,42,.10)!important;
    backdrop-filter:blur(18px)!important;
  }
  body.admin-layout .admin-topnav .app-navlinks::before {
    content:'JLink Admin';
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:12px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 10px!important;
    border-radius:16px!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    color:#0f172a!important;
    background:linear-gradient(135deg,rgba(14,165,233,.13),rgba(255,132,0,.12))!important;
    border:1px solid rgba(14,165,233,.16)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
  }
  html[data-theme="dark"] body.admin-layout .admin-topnav .app-navlinks {
    background:
      radial-gradient(circle at 30% 0%,rgba(34,211,238,.14),transparent 36%),
      linear-gradient(180deg,rgba(8,17,31,.98),rgba(3,7,18,.97))!important;
    border-right-color:rgba(148,163,184,.22)!important;
    box-shadow:20px 0 44px rgba(0,0,0,.42)!important;
  }
  html[data-theme="dark"] body.admin-layout .admin-topnav .app-navlinks::before {
    color:#e7eefb!important;
    background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(255,132,0,.12))!important;
    border-color:rgba(34,211,238,.22)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.25)!important;
  }
  body.admin-layout .admin-topnav .app-navlinks a {
    width:100%!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border-radius:14px!important;
    padding:10px 12px!important;
    font-size:12.5px!important;
    line-height:1.15!important;
    white-space:normal!important;
    text-align:left!important;
  }
  body.admin-layout .wrap {
    max-width:none!important;
    width:auto!important;
    margin-left:var(--admin-sidebar-width)!important;
    padding-left:22px!important;
    padding-right:18px!important;
  }
  body.admin-layout .footer {
    margin-left:var(--admin-sidebar-width)!important;
  }
}
@media(max-width:900px) {
  body.admin-layout .admin-topnav .app-navlinks {
    top:0!important;
    bottom:0!important;
    left:0!important;
    height:100vh!important;
    min-height:100vh!important;
    padding-top:74px!important;
    z-index:140!important;
    border-right:1px solid var(--line)!important;
    box-shadow:18px 0 38px rgba(15,23,42,.18)!important;
  }
  body.admin-layout .admin-topnav .app-navlinks::before {
    content:'JLink Admin';
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:12px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 10px!important;
    border-radius:16px!important;
    font-size:13px!important;
    font-weight:900!important;
    color:#0f172a!important;
    background:linear-gradient(135deg,rgba(14,165,233,.13),rgba(255,132,0,.12))!important;
    border:1px solid rgba(14,165,233,.16)!important;
  }
  html[data-theme="dark"] body.admin-layout .admin-topnav .app-navlinks::before {
    color:#e7eefb!important;
    background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(255,132,0,.12))!important;
    border-color:rgba(34,211,238,.22)!important;
  }
}


/* License Site 284: keep admin content fully to the right of the full-height sidebar. */
@media(min-width:901px) {
  body.admin-layout {
    --admin-sidebar-width:244px;
    overflow-x:hidden!important;
  }
  body.admin-layout .admin-topnav {
    box-sizing:border-box!important;
    margin-left:var(--admin-sidebar-width)!important;
    width:calc(100vw - var(--admin-sidebar-width))!important;
    max-width:calc(100vw - var(--admin-sidebar-width))!important;
    left:auto!important;
    right:0!important;
  }
  body.admin-layout .wrap {
    box-sizing:border-box!important;
    flex:1 1 auto!important;
    display:block!important;
    position:relative!important;
    z-index:1!important;
    margin-left:var(--admin-sidebar-width)!important;
    margin-right:0!important;
    width:calc(100vw - var(--admin-sidebar-width))!important;
    max-width:calc(100vw - var(--admin-sidebar-width))!important;
    min-width:0!important;
    padding-left:24px!important;
    padding-right:24px!important;
    overflow-x:hidden!important;
  }
  body.admin-layout .wrap > * {
    box-sizing:border-box!important;
    max-width:100%!important;
  }
  body.admin-layout .card,
  body.admin-layout .table-wrap,
  body.admin-layout .scroll-table,
  body.admin-layout table {
    max-width:100%!important;
  }
  body.admin-layout .footer {
    box-sizing:border-box!important;
    margin-left:var(--admin-sidebar-width)!important;
    margin-right:0!important;
    width:calc(100vw - var(--admin-sidebar-width))!important;
    max-width:calc(100vw - var(--admin-sidebar-width))!important;
  }
}
@media(max-width:900px) {
  body.admin-layout .admin-topnav,
  body.admin-layout .wrap,
  body.admin-layout .footer {
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.admin-layout .wrap {
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:hidden!important;
  }
}


/* License Site 285: pin admin sidebar to the true browser left edge.
   The topbar now spans the full viewport; only the visible brand/action area is padded
   after the sidebar. This prevents the fixed sidebar from inheriting a shifted topbar
   containing block and hiding content behind it. */
@media(min-width:901px) {
  body.admin-layout {
    --admin-sidebar-width:244px;
    margin-left:0!important;
    padding-left:0!important;
    overflow-x:hidden!important;
  }
  body.admin-layout .admin-topnav {
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:calc(var(--admin-sidebar-width) + 24px)!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(190px,1fr) auto!important;
    border-left:0!important;
    transform:none!important;
    filter:none!important;
  }
  body.admin-layout .admin-topnav .brand {
    grid-column:1!important;
  }
  body.admin-layout .admin-topnav .app-nav-actions {
    grid-column:2!important;
  }
  body.admin-layout .admin-topnav .app-navlinks {
    position:fixed!important;
    left:0!important;
    right:auto!important;
    top:0!important;
    bottom:0!important;
    inset:0 auto 0 0!important;
    width:var(--admin-sidebar-width)!important;
    max-width:var(--admin-sidebar-width)!important;
    min-width:var(--admin-sidebar-width)!important;
    height:100vh!important;
    min-height:100vh!important;
    margin:0!important;
    transform:none!important;
    z-index:220!important;
    box-sizing:border-box!important;
  }
  body.admin-layout .wrap {
    margin-left:var(--admin-sidebar-width)!important;
    margin-right:0!important;
    width:calc(100vw - var(--admin-sidebar-width))!important;
    max-width:calc(100vw - var(--admin-sidebar-width))!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
  }
  body.admin-layout .footer {
    margin-left:var(--admin-sidebar-width)!important;
    width:calc(100vw - var(--admin-sidebar-width))!important;
    max-width:calc(100vw - var(--admin-sidebar-width))!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:900px) {
  body.admin-layout { margin-left:0!important; padding-left:0!important; }
  body.admin-layout .admin-topnav,
  body.admin-layout .wrap,
  body.admin-layout .footer {
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.admin-layout .admin-topnav .app-navlinks {
    left:0!important;
    right:auto!important;
    margin:0!important;
  }
}



/* License Site 286: compact three-zone public footer cleanup. */
/* License Site 287: ticket emoji reactions and reply-to-message UI. */
/* License Site 288: Messenger-style long-press reaction picker and compose emoji input. */
.footer {
  grid-template-columns:minmax(180px,1fr) minmax(220px,1.1fr) minmax(140px,1fr)!important;
  padding:11px clamp(16px,3vw,42px) 12px!important;
  gap:10px!important;
  font-size:clamp(11px,.82vw,13px)!important;
}
.footer-brand strong { font-size:clamp(12px,.92vw,14px)!important; line-height:1.12!important; }
.footer-brand .muted { font-size:clamp(10px,.76vw,12px)!important; line-height:1.25!important; }
.footer-support { text-align:center!important; font-size:clamp(10px,.78vw,12px)!important; line-height:1.35!important; }
.footer-support strong { font-size:clamp(11px,.84vw,13px)!important; line-height:1.15!important; }
.public-footer-socials { display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:1px!important; font-size:clamp(10px,.76vw,12px)!important; }
.footer a { font-size:clamp(10px,.76vw,12px)!important; font-weight:800!important; }
.footlinks { justify-content:flex-end!important; align-items:center!important; gap:10px!important; font-size:clamp(10px,.76vw,12px)!important; }
@media(max-width:800px) {
  .footer { grid-template-columns:1fr!important; text-align:center!important; justify-items:center!important; gap:7px!important; padding:10px 14px 12px!important; }
  .footlinks { justify-content:center!important; }
}


/* License Site 309: dedicated homepage iPhone hero. No portal-preview class, no back card, dark frame, manual + auto slider. */
.landing-hero > .iphone-hero-preview-v309 {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:520px;
  overflow:visible!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  margin:0!important;
}
.iphone-hero-preview-v309,
.iphone-hero-stage-v309 {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.iphone-hero-preview-v309:before,
.iphone-hero-preview-v309:after,
.iphone-hero-stage-v309:before,
.iphone-hero-stage-v309:after {
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
.iphone-hero-stage-v309 {
  position:relative;
  width:min(100%, 430px);
  margin:0 auto;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.iphone-device-v309 {
  position:relative;
  width:100%;
  padding:14px;
  border-radius:48px;
  background:linear-gradient(180deg,#151515 0%,#2b2b2b 20%,#505050 34%,#0a0a0a 52%,#3a3a3a 74%,#050505 100%)!important;
  box-shadow:0 24px 52px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.12);
}
.iphone-device-v309:before {
  content:"";
  position:absolute;
  inset:7px;
  border-radius:42px;
  border:1px solid rgba(255,255,255,.10);
  pointer-events:none;
}
.iphone-screen-v309 {
  position:relative;
  overflow:hidden;
  border-radius:38px;
  background:#020202!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), inset 0 0 0 10px #020202;
}
.iphone-banner-slider-v309 {
  position:relative;
  width:100%;
  aspect-ratio:9 / 19.5;
  overflow:hidden;
  border-radius:32px;
  background:#020202!important;
  touch-action:pan-y;
  user-select:none;
}
.iphone-banner-track-v309 {
  display:flex!important;
  height:100%!important;
  width:100%!important;
  transform:translateX(0);
  transition:transform .72s cubic-bezier(.22,.74,.22,1);
  will-change:transform;
}
.iphone-banner-slide-v309 {
  min-width:100%!important;
  flex:0 0 100%!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:hidden!important;
  background:#020202!important;
  border:0!important;
  box-shadow:none!important;
}
.iphone-banner-slide-v309 img {
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
  background:#020202!important;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}
.iphone-island-v309 {
  position:absolute;
  top:20px;
  left:50%;
  transform:translateX(-50%);
  width:34%;
  min-width:112px;
  max-width:144px;
  height:34px;
  border-radius:999px;
  background:linear-gradient(180deg,#050505,#000);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.05), 0 1px 0 rgba(255,255,255,.03);
  z-index:5;
  pointer-events:none;
}
.iphone-island-v309:after {
  content:"";
  position:absolute;
  right:16px;
  top:50%;
  width:8px;
  height:8px;
  transform:translateY(-50%);
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, #1d4ed8, #0f172a 60%);
  opacity:.85;
}
.iphone-side-button-v309 {
  position:absolute;
  left:-4px;
  width:4px;
  border-radius:4px 0 0 4px;
  background:linear-gradient(180deg,#737373,#111111);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.iphone-side-button-v309.lock { left:auto; right:-4px; border-radius:0 4px 4px 0; }
.iphone-side-button-v309.one { top:132px; height:46px; }
.iphone-side-button-v309.two { top:192px; height:78px; }
.iphone-side-button-v309.lock { top:168px; height:88px; }
.iphone-slider-nav-v309 {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:6;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(7,7,8,.42);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  backdrop-filter:blur(6px);
  cursor:pointer;
}
.iphone-slider-nav-v309.prev { left:10px; }
.iphone-slider-nav-v309.next { right:10px; }
.iphone-slider-dots-v309 {
  position:absolute;
  left:0;
  right:0;
  bottom:12px;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.iphone-slider-dots-v309 button {
  width:9px;
  height:9px;
  min-width:9px;
  padding:0;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.82);
  background:rgba(255,255,255,.42);
  cursor:pointer;
}
.iphone-slider-dots-v309 button.active {
  width:22px;
  background:linear-gradient(90deg,#e5e7eb,#60a5fa);
  border-color:rgba(255,255,255,.95);
}
@media(max-width:980px) {
  .landing-hero > .iphone-hero-preview-v309 { min-height:auto; padding-top:6px!important; }
  .iphone-hero-stage-v309 { width:min(92vw, 370px); }
  .iphone-device-v309 { border-radius:42px; padding:12px; }
  .iphone-screen-v309 { border-radius:32px; }
  .iphone-banner-slider-v309 { border-radius:28px; }
}
@media(max-width:520px) {
  .iphone-hero-stage-v309 { width:min(92vw, 320px); }
  .iphone-device-v309 { border-radius:38px; padding:11px; }
  .iphone-screen-v309 { border-radius:29px; }
  .iphone-banner-slider-v309 { border-radius:25px; }
  .iphone-island-v309 { height:30px; min-width:102px; top:17px; }
  .iphone-slider-nav-v309 { width:30px; height:30px; font-size:16px; }
}


/* License Site 310: homepage iPhone screen auto-slide only, no arrows, no dark square, auto-fit images. */
.home-iphone-hero-v310,
html[data-theme="dark"] .home-iphone-hero-v310,
html[data-theme="light"] .home-iphone-hero-v310 {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:520px;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
}
.home-iphone-hero-v310:before,
.home-iphone-hero-v310:after {
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
.home-iphone-stage-v310,
html[data-theme="dark"] .home-iphone-stage-v310,
html[data-theme="light"] .home-iphone-stage-v310 {
  position:relative;
  width:min(100%, 430px);
  margin:0 auto;
  display:grid;
  place-items:center;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
}
.home-iphone-stage-v310:before,
.home-iphone-stage-v310:after {
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
.home-iphone-device-v310 {
  position:relative;
  width:100%;
  padding:14px;
  border-radius:48px;
  background:linear-gradient(180deg,#151515 0%,#2d2d2d 18%,#555 34%,#0b0b0b 52%,#383838 74%,#050505 100%)!important;
  box-shadow:0 26px 56px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.10);
}
.home-iphone-device-v310:before {
  content:"";
  position:absolute;
  inset:7px;
  border-radius:42px;
  border:1px solid rgba(255,255,255,.10);
  pointer-events:none;
}
.home-iphone-screen-v310 {
  position:relative;
  overflow:hidden;
  border-radius:38px;
  background:#020202!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), inset 0 0 0 10px #020202;
}
.home-iphone-slider-v310 {
  position:relative;
  width:100%;
  aspect-ratio:9 / 19.5;
  overflow:hidden;
  border-radius:32px;
  background:#020202!important;
}
.home-iphone-track-v310 {
  display:flex!important;
  height:100%!important;
  width:500%!important;
  transform:translateX(0);
  animation:homeIphoneAutoSlide310 24s infinite;
  will-change:transform;
}
.home-iphone-slide-v310 {
  flex:0 0 20%!important;
  width:20%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  background:#020202!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:none!important;
}
.home-iphone-slide-v310 img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#020202!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
@keyframes homeIphoneAutoSlide310 {
  0%,15% { transform:translateX(0); }
  20%,35% { transform:translateX(-20%); }
  40%,55% { transform:translateX(-40%); }
  60%,75% { transform:translateX(-60%); }
  80%,95% { transform:translateX(-80%); }
  100% { transform:translateX(0); }
}
.home-iphone-island-v310 {
  position:absolute;
  top:20px;
  left:50%;
  transform:translateX(-50%);
  width:34%;
  min-width:112px;
  max-width:144px;
  height:34px;
  border-radius:999px;
  background:linear-gradient(180deg,#050505,#000);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.05), 0 1px 0 rgba(255,255,255,.03);
  z-index:5;
  pointer-events:none;
}
.home-iphone-side-v310 {
  position:absolute;
  left:-4px;
  width:4px;
  border-radius:4px 0 0 4px;
  background:linear-gradient(180deg,#737373,#111);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.home-iphone-side-v310.one { top:132px; height:46px; }
.home-iphone-side-v310.two { top:192px; height:78px; }
.home-iphone-side-v310.lock {
  left:auto;
  right:-4px;
  top:168px;
  height:88px;
  border-radius:0 4px 4px 0;
}
.home-iphone-dots-v310 {
  position:absolute;
  left:0;
  right:0;
  bottom:12px;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  pointer-events:none;
}
.home-iphone-dots-v310 span {
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.46);
  animation:homeIphoneDot310 24s infinite;
}
.home-iphone-dots-v310 span:nth-child(2) { animation-delay:4.8s; }
.home-iphone-dots-v310 span:nth-child(3) { animation-delay:9.6s; }
.home-iphone-dots-v310 span:nth-child(4) { animation-delay:14.4s; }
.home-iphone-dots-v310 span:nth-child(5) { animation-delay:19.2s; }
@keyframes homeIphoneDot310 {
  0%,15% { width:22px; background:#fff; }
  20%,100% { width:8px; background:rgba(255,255,255,.46); }
}
@media(max-width:980px) {
  .home-iphone-hero-v310 { min-height:auto!important; padding-top:6px!important; }
  .home-iphone-stage-v310 { width:min(92vw, 370px); }
  .home-iphone-device-v310 { border-radius:42px; padding:12px; }
  .home-iphone-screen-v310 { border-radius:32px; }
  .home-iphone-slider-v310 { border-radius:28px; }
}
@media(max-width:520px) {
  .home-iphone-stage-v310 { width:min(92vw, 320px); }
  .home-iphone-device-v310 { border-radius:38px; padding:11px; }
  .home-iphone-screen-v310 { border-radius:29px; }
  .home-iphone-slider-v310 { border-radius:25px; }
  .home-iphone-island-v310 { height:30px; min-width:102px; top:17px; }
}


/* License Site 314: client dashboard card numbers are pure number/text only, no mini background card. */
.client-dashboard-cards-v290 .dash-card-stats {
  gap:12px!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
}
.client-dashboard-cards-v290 .dash-card-stat,
html[data-theme="dark"] .client-dashboard-cards-v290 .dash-card-stat {
  min-width:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  gap:2px!important;
  text-align:center!important;
}
.client-dashboard-cards-v290 .dash-card-stat b {
  font-size:22px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.045em!important;
}
.client-dashboard-cards-v290 .dash-card-stat small {
  font-size:9.5px!important;
  line-height:1.05!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.admin-v2-last-seen { font-weight:800; white-space:nowrap; }
@media(max-width:620px) {
  .client-dashboard-cards-v290 .dash-card-stats { gap:8px!important; }
  .client-dashboard-cards-v290 .dash-card-stat { min-width:0!important; padding:0!important; }
  .client-dashboard-cards-v290 .dash-card-stat b { font-size:18px!important; }
  .client-dashboard-cards-v290 .dash-card-stat small { font-size:8px!important; }
}


/* License Site 317: client Machines page separated by Main/Sub Vendo. */
.client-machine-group {
  overflow:visible!important;
}
.client-machine-title {
  align-items:flex-start!important;
  gap:12px!important;
}
.client-machine-title h2 {
  margin:0 0 4px!important;
}


/* License Site 320: redesigned Admin dashboard. */
.admin-dashboard-v320 .admin-dashboard-hero-v320 h1 {
  margin-bottom:8px!important;
}
.admin-main-cards-v320 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:16px 0 18px;
}
.admin-main-card-v320 {
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:112px;
  padding:16px;
  border-radius:24px;
  text-decoration:none!important;
  color:var(--ink)!important;
  border:1px solid rgba(96,165,250,.20);
  background:
    radial-gradient(circle at top right, rgba(34,211,238,.16), transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,250,252,.72));
  box-shadow:0 16px 38px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.50);
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
html[data-theme="dark"] .admin-main-card-v320 {
  background:
    radial-gradient(circle at top right, rgba(34,211,238,.16), transparent 40%),
    linear-gradient(180deg,rgba(15,23,42,.94),rgba(8,18,36,.90));
  border-color:rgba(96,165,250,.22);
  box-shadow:0 18px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
}
.admin-main-card-v320:before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#38bdf8,#2563eb,#8b5cf6);
}
.admin-main-card-v320:hover {
  transform:translateY(-3px);
  border-color:rgba(37,99,235,.42);
  box-shadow:0 22px 52px rgba(15,23,42,.16);
}
.admin-card-icon-v320 {
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:17px;
  background:rgba(37,99,235,.12);
  border:1px solid rgba(96,165,250,.18);
  font-size:24px;
}
.admin-card-label-v320 {
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.admin-card-value-v320 {
  font-size:clamp(24px,3.2vw,38px);
  line-height:1;
  font-weight:1000;
  margin:5px 0;
}
.admin-card-sub-v320 {
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.admin-live-monitor-v320,
.admin-dashboard-v320 .admin-website-compact-v320 > .section,
.admin-dashboard-v320 .admin-activity-compact-v320 {
  border-radius:22px!important;
}
.admin-live-cards-v320 .status-card,
.admin-website-compact-v320 .status-card,
.admin-activity-compact-v320 .status-card {
  min-height:76px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
}
.admin-live-cards-v320 .status-card .label,
.admin-website-compact-v320 .status-card .label,
.admin-activity-compact-v320 .status-card .label {
  font-size:10px!important;
}
.admin-live-cards-v320 .status-card .value,
.admin-website-compact-v320 .status-card .value,
.admin-activity-compact-v320 .status-card .value {
  font-size:clamp(17px,2vw,23px)!important;
  margin:3px 0 2px!important;
}
.admin-live-cards-v320 .status-card .sub,
.admin-website-compact-v320 .status-card .sub,
.admin-activity-compact-v320 .status-card .sub {
  font-size:10px!important;
  line-height:1.25!important;
}
.admin-website-compact-v320 .status-grid {
  gap:8px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.admin-dashboard-monitor-grid-v320 {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);
  gap:12px;
  margin-top:12px;
}
.admin-dashboard-chart-card-v320,
.admin-dashboard-traffic-v320 {
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.42);
  padding:12px;
  min-width:0;
}
html[data-theme="dark"] .admin-dashboard-chart-card-v320,
html[data-theme="dark"] .admin-dashboard-traffic-v320 {
  background:rgba(15,23,42,.58);
  border-color:rgba(96,165,250,.16);
}
.admin-dashboard-chart-card-v320 canvas {
  width:100%;
  height:220px;
  display:block;
}
.admin-dashboard-traffic-v320 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  align-content:start;
}
.admin-dashboard-traffic-v320 div {
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  padding:10px;
}
.admin-dashboard-traffic-v320 span {
  display:block;
  color:var(--muted);
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
.admin-dashboard-traffic-v320 strong {
  display:block;
  font-size:22px;
  margin-top:4px;
}
@media(max-width:900px) {
  .admin-main-cards-v320 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .admin-dashboard-monitor-grid-v320 { grid-template-columns:1fr; }
  .admin-website-compact-v320 .status-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(max-width:520px) {
  .admin-main-card-v320 { min-height:96px; padding:12px; border-radius:18px; gap:9px; }
  .admin-card-icon-v320 { width:38px; height:38px; font-size:19px; border-radius:13px; }
  .admin-card-value-v320 { font-size:22px; }
  .admin-card-sub-v320 { font-size:10px; }
}


/* License Site 321: Admin dashboard cards now match client dashboard card style. */
.admin-dashboard-cards-v321 {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.admin-dashboard-cards-v321 .client-dash-card-v290 {
  min-height:168px!important;
}
.admin-dashboard-cards-v321 .card-admin-clients { --card-a:#06b6d4; --card-b:#2563eb; --card-soft:rgba(37,99,235,.13); }
.admin-dashboard-cards-v321 .card-admin-machines { --card-a:#10b981; --card-b:#0ea5e9; --card-soft:rgba(16,185,129,.14); }
.admin-dashboard-cards-v321 .card-admin-license { --card-a:#f59e0b; --card-b:#ef4444; --card-soft:rgba(245,158,11,.15); }
.admin-dashboard-cards-v321 .card-admin-monitor { --card-a:#8b5cf6; --card-b:#2563eb; --card-soft:rgba(139,92,246,.15); }
.admin-dashboard-cards-v321 .card-admin-security { --card-a:#22c55e; --card-b:#14b8a6; --card-soft:rgba(34,197,94,.13); }
.admin-dashboard-cards-v321 .card-admin-settings { --card-a:#64748b; --card-b:#0f172a; --card-soft:rgba(100,116,139,.15); }
.admin-dashboard-cards-v321 .dash-card-stats {
  justify-content:flex-end!important;
}
.admin-dashboard-cards-v321 .dash-card-stat {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-width:54px!important;
  padding:2px 0!important;
}
html[data-theme="dark"] .admin-dashboard-cards-v321 .dash-card-stat {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.admin-dashboard-cards-v321 .dash-card-stat b {
  font-size:19px!important;
}
.admin-dashboard-cards-v321 .dash-card-stat small {
  font-size:8.5px!important;
}
@media(max-width:900px) {
  .admin-dashboard-cards-v321 {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px) {
  .admin-dashboard-cards-v321 {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .admin-dashboard-cards-v321 .client-dash-card-v290 {
    min-height:146px!important;
  }
  .admin-dashboard-cards-v321 .dash-card-stat {
    min-width:38px!important;
  }
  .admin-dashboard-cards-v321 .dash-card-stat b {
    font-size:15px!important;
  }
}


/* License Site 322: Admin dashboard cards use obvious colored client-style gradients. */
.admin-dashboard-cards-v321 .client-dash-card-v290 {
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.34)!important;
  background:
    radial-gradient(circle at 90% 8%, rgba(255,255,255,.30) 0, rgba(255,255,255,0) 30%),
    radial-gradient(circle at 8% 100%, rgba(255,255,255,.16) 0, rgba(255,255,255,0) 38%),
    linear-gradient(145deg, var(--admin-card-a), var(--admin-card-b))!important;
  box-shadow:0 18px 46px var(--admin-card-shadow), inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.admin-dashboard-cards-v321 .client-dash-card-v290::before {
  background:radial-gradient(circle, rgba(255,255,255,.24), transparent 68%)!important;
  opacity:.95!important;
}
.admin-dashboard-cards-v321 .client-dash-card-v290::after {
  background:rgba(255,255,255,.72)!important;
  opacity:.82!important;
}
.admin-dashboard-cards-v321 .client-dash-card-v290:hover,
.admin-dashboard-cards-v321 .client-dash-card-v290:focus-visible {
  box-shadow:0 25px 62px var(--admin-card-shadow), 0 0 0 4px rgba(255,255,255,.18)!important;
}
.admin-dashboard-cards-v321 .dash-card-title,
.admin-dashboard-cards-v321 .dash-card-desc,
.admin-dashboard-cards-v321 .dash-card-stat b,
.admin-dashboard-cards-v321 .dash-card-stat small {
  color:#ffffff!important;
  text-shadow:0 1px 12px rgba(0,0,0,.18)!important;
}
.admin-dashboard-cards-v321 .dash-card-desc,
.admin-dashboard-cards-v321 .dash-card-stat small {
  opacity:.90!important;
}
.admin-dashboard-cards-v321 .dash-card-icon {
  background:rgba(255,255,255,.20)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.28)!important;
  backdrop-filter:blur(8px);
}
.admin-dashboard-cards-v321 .dash-card-shine {
  opacity:.72!important;
}
.admin-dashboard-cards-v321 .card-admin-clients {
  --admin-card-a:#0284c7;
  --admin-card-b:#1d4ed8;
  --admin-card-shadow:rgba(29,78,216,.34);
}
.admin-dashboard-cards-v321 .card-admin-machines {
  --admin-card-a:#059669;
  --admin-card-b:#0891b2;
  --admin-card-shadow:rgba(5,150,105,.32);
}
.admin-dashboard-cards-v321 .card-admin-license {
  --admin-card-a:#f59e0b;
  --admin-card-b:#dc2626;
  --admin-card-shadow:rgba(220,38,38,.30);
}
.admin-dashboard-cards-v321 .card-admin-monitor {
  --admin-card-a:#7c3aed;
  --admin-card-b:#2563eb;
  --admin-card-shadow:rgba(124,58,237,.33);
}
.admin-dashboard-cards-v321 .card-admin-security {
  --admin-card-a:#16a34a;
  --admin-card-b:#0f766e;
  --admin-card-shadow:rgba(22,163,74,.30);
}
.admin-dashboard-cards-v321 .card-admin-settings {
  --admin-card-a:#475569;
  --admin-card-b:#111827;
  --admin-card-shadow:rgba(15,23,42,.34);
}
html[data-theme="dark"] .admin-dashboard-cards-v321 .client-dash-card-v290 {
  border-color:rgba(255,255,255,.18)!important;
  background:
    radial-gradient(circle at 90% 8%, rgba(255,255,255,.18) 0, rgba(255,255,255,0) 30%),
    radial-gradient(circle at 8% 100%, rgba(255,255,255,.10) 0, rgba(255,255,255,0) 38%),
    linear-gradient(145deg, var(--admin-card-a), var(--admin-card-b))!important;
}


/* License Site 323: stronger readable text contrast for colored admin dashboard cards. */
.admin-dashboard-cards-v321 .client-dash-card-v290 {
  position:relative!important;
  isolation:isolate!important;
  color:#fff!important;
}
.admin-dashboard-cards-v321 .client-dash-card-v290::before {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    linear-gradient(135deg, rgba(0,0,0,.34), rgba(0,0,0,.10) 44%, rgba(0,0,0,.38)),
    radial-gradient(circle at 88% 10%, rgba(255,255,255,.22), transparent 31%)!important;
  opacity:1!important;
  pointer-events:none!important;
}
.admin-dashboard-cards-v321 .client-dash-card-v290 > * {
  position:relative!important;
  z-index:2!important;
}
.admin-dashboard-cards-v321 .dash-card-shine {
  z-index:1!important;
  opacity:.35!important;
}
.admin-dashboard-cards-v321 .dash-card-title,
.admin-dashboard-cards-v321 .dash-card-desc,
.admin-dashboard-cards-v321 .dash-card-stat b,
.admin-dashboard-cards-v321 .dash-card-stat small,
.admin-dashboard-cards-v321 .dash-card-copy,
.admin-dashboard-cards-v321 .dash-card-head,
.admin-dashboard-cards-v321 .dash-card-stats {
  color:#ffffff!important;
}
.admin-dashboard-cards-v321 .dash-card-title {
  font-weight:1000!important;
  letter-spacing:.01em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.52), 0 0 1px rgba(0,0,0,.95)!important;
}
.admin-dashboard-cards-v321 .dash-card-desc {
  opacity:1!important;
  font-weight:800!important;
  text-shadow:0 2px 10px rgba(0,0,0,.58), 0 0 1px rgba(0,0,0,.95)!important;
}
.admin-dashboard-cards-v321 .dash-card-stat {
  background:rgba(0,0,0,.24)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px rgba(0,0,0,.16)!important;
  border-radius:14px!important;
  padding:6px 8px!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
html[data-theme="dark"] .admin-dashboard-cards-v321 .dash-card-stat {
  background:rgba(0,0,0,.30)!important;
  border-color:rgba(255,255,255,.20)!important;
}
.admin-dashboard-cards-v321 .dash-card-stat b {
  color:#ffffff!important;
  font-weight:1000!important;
  text-shadow:0 2px 10px rgba(0,0,0,.72), 0 0 1px rgba(0,0,0,1)!important;
}
.admin-dashboard-cards-v321 .dash-card-stat small {
  color:rgba(255,255,255,.96)!important;
  opacity:1!important;
  font-weight:900!important;
  text-shadow:0 1px 8px rgba(0,0,0,.70), 0 0 1px rgba(0,0,0,1)!important;
}
.admin-dashboard-cards-v321 .dash-card-icon {
  color:#ffffff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
  background:rgba(0,0,0,.20)!important;
  border-color:rgba(255,255,255,.26)!important;
}
.admin-dashboard-cards-v321 .card-admin-license,
.admin-dashboard-cards-v321 .card-admin-settings {
  background:
    linear-gradient(135deg, rgba(0,0,0,.16), rgba(0,0,0,.28)),
    radial-gradient(circle at 90% 8%, rgba(255,255,255,.30) 0, rgba(255,255,255,0) 30%),
    linear-gradient(145deg, var(--admin-card-a), var(--admin-card-b))!important;
}
@media(max-width:620px) {
  .admin-dashboard-cards-v321 .dash-card-desc {
    font-size:11px!important;
    line-height:1.22!important;
  }
  .admin-dashboard-cards-v321 .dash-card-stat {
    padding:5px 6px!important;
  }
}


/* License Site 324: make Admin dashboard cards match client cards exactly; remove 322/323 shadow circles and dark overlays. */
.admin-dashboard-cards-v321 .client-dash-card-v290,
html[data-theme="dark"] .admin-dashboard-cards-v321 .client-dash-card-v290 {
  color:var(--ink)!important;
  border:1px solid rgba(96,165,250,.20)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,250,252,.72))!important;
  box-shadow:0 16px 38px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.50)!important;
  isolation:auto!important;
}
html[data-theme="dark"] .admin-dashboard-cards-v321 .client-dash-card-v290 {
  color:#e5edff!important;
  background:
    linear-gradient(180deg,rgba(15,23,42,.94),rgba(8,18,36,.90))!important;
  border-color:rgba(96,165,250,.22)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.admin-dashboard-cards-v321 .client-dash-card-v290::before,
.admin-dashboard-cards-v321 .client-dash-card-v290::after {
  display:none!important;
  content:none!important;
  background:none!important;
  opacity:0!important;
  box-shadow:none!important;
}
.admin-dashboard-cards-v321 .client-dash-card-v290 > * {
  position:relative!important;
  z-index:auto!important;
}
.admin-dashboard-cards-v321 .dash-card-shine {
  display:none!important;
  opacity:0!important;
  background:none!important;
  box-shadow:none!important;
}
.admin-dashboard-cards-v321 .dash-card-title {
  color:var(--ink)!important;
  font-weight:1000!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .admin-dashboard-cards-v321 .dash-card-title {
  color:#f8fbff!important;
}
.admin-dashboard-cards-v321 .dash-card-desc {
  color:var(--muted)!important;
  opacity:1!important;
  font-weight:700!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .admin-dashboard-cards-v321 .dash-card-desc {
  color:#b8c7e6!important;
}
.admin-dashboard-cards-v321 .dash-card-copy,
.admin-dashboard-cards-v321 .dash-card-head,
.admin-dashboard-cards-v321 .dash-card-stats {
  color:inherit!important;
  text-shadow:none!important;
}
.admin-dashboard-cards-v321 .dash-card-stat,
html[data-theme="dark"] .admin-dashboard-cards-v321 .dash-card-stat {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
  padding:2px 0!important;
}
.admin-dashboard-cards-v321 .dash-card-stat b {
  color:var(--ink)!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .admin-dashboard-cards-v321 .dash-card-stat b {
  color:#f8fbff!important;
}
.admin-dashboard-cards-v321 .dash-card-stat small {
  color:var(--muted)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .admin-dashboard-cards-v321 .dash-card-stat small {
  color:#a9bbd8!important;
}
.admin-dashboard-cards-v321 .dash-card-stat.good b { color:#16a34a!important; }
.admin-dashboard-cards-v321 .dash-card-stat.warn b { color:#f59e0b!important; }
html[data-theme="dark"] .admin-dashboard-cards-v321 .dash-card-stat.good b { color:#4ade80!important; }
html[data-theme="dark"] .admin-dashboard-cards-v321 .dash-card-stat.warn b { color:#fbbf24!important; }
.admin-dashboard-cards-v321 .dash-card-icon {
  text-shadow:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:inherit!important;
  border:1px solid rgba(96,165,250,.18)!important;
  background:rgba(37,99,235,.12)!important;
}
.admin-dashboard-cards-v321 .card-admin-clients .dash-card-icon { background:rgba(37,99,235,.12)!important; }
.admin-dashboard-cards-v321 .card-admin-machines .dash-card-icon { background:rgba(16,185,129,.13)!important; }
.admin-dashboard-cards-v321 .card-admin-license .dash-card-icon { background:rgba(245,158,11,.14)!important; }
.admin-dashboard-cards-v321 .card-admin-monitor .dash-card-icon { background:rgba(139,92,246,.14)!important; }
.admin-dashboard-cards-v321 .card-admin-security .dash-card-icon { background:rgba(34,197,94,.13)!important; }
.admin-dashboard-cards-v321 .card-admin-settings .dash-card-icon { background:rgba(100,116,139,.13)!important; }
.admin-dashboard-cards-v321 .client-dash-card-v290:hover,
.admin-dashboard-cards-v321 .client-dash-card-v290:focus-visible {
  transform:translateY(-2px)!important;
  box-shadow:0 20px 44px rgba(15,23,42,.14)!important;
}
html[data-theme="dark"] .admin-dashboard-cards-v321 .client-dash-card-v290:hover,
html[data-theme="dark"] .admin-dashboard-cards-v321 .client-dash-card-v290:focus-visible {
  box-shadow:0 22px 52px rgba(0,0,0,.38)!important;
}


/* License Site 325: Important Updates public/admin pages. */
.important-updates-wrap {
  display:grid;
  gap:18px;
}
.important-update-card {
  border:1px solid var(--line);
  border-radius:24px;
  padding:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(248,250,252,.75));
  box-shadow:0 16px 38px rgba(15,23,42,.08);
}
html[data-theme="dark"] .important-update-card {
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(8,18,36,.90));
  border-color:rgba(96,165,250,.18);
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}
.important-update-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.important-update-head h2 {
  margin:4px 0 8px;
}
.important-update-meta {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.important-update-meta span {
  display:inline-flex;
  align-items:center;
  border:1px solid var(--line);
  border-radius:999px;
  padding:5px 9px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.important-update-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.important-update-grid section {
  border:1px solid rgba(148,163,184,.18);
  border-radius:18px;
  padding:12px;
  background:rgba(255,255,255,.35);
}
html[data-theme="dark"] .important-update-grid section {
  background:rgba(15,23,42,.46);
}
.important-update-grid h3 {
  margin:0 0 8px;
  font-size:14px;
}
.important-update-list {
  margin:0;
  padding-left:18px;
}
.important-update-list li {
  margin:5px 0;
}
.important-update-admin-form textarea {
  min-height:120px;
}
.important-update-edit {
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:16px;
  padding:10px 12px;
}
@media(max-width:850px) {
  .important-update-head { flex-direction:column; }
  .important-update-grid { grid-template-columns:1fr; }
}


/* License Site 326: Important Updates board selector and save fix polish. */
.important-update-admin-form select {
  width:100%;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 12px;
  background:var(--paper);
  color:var(--ink);
  font-weight:800;
}
html[data-theme="dark"] .important-update-admin-form select {
  background:#0f172a;
  color:#e5edff;
}


/* License Site 327: direct playable tutorial videos on public site. */
.tutorial-media-direct-video {
  width:100%;
  aspect-ratio:16/9;
  min-height:170px;
  max-height:380px;
  border-radius:14px;
  overflow:hidden;
  background:#020617;
  display:block;
  position:relative;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.tutorial-media-direct-video video {
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:14px;
  background:#020617;
  display:block;
}
.tutorial-video-card h3 {
  margin-top:10px!important;
}
.tutorial-existing-thumb video {
  pointer-events:auto;
}
@media(max-width:760px) {
  .tutorial-media-direct-video {
    min-height:190px;
    max-height:280px;
  }
}


/* License Site 328: AVI tutorial upload support and fallback link. */
.tutorial-video-fallback {
  margin-top:6px!important;
}
.tutorial-video-fallback a,
.tutorial-existing-thumb a.tutorial-video-fallback {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--accent)!important;
  font-weight:900;
  text-decoration:none;
}
.tutorial-video-fallback a:hover,
.tutorial-existing-thumb a.tutorial-video-fallback:hover {
  text-decoration:underline;
}
.tutorial-existing-thumb video + a.tutorial-video-fallback {
  margin-top:6px;
}


/* License Site 329: browser-playable tutorial videos and thumbnails. */
.tutorial-media-direct-video video[poster],
.tutorial-existing-thumb video[poster] {
  background:#020617 center center / contain no-repeat;
}
.tutorial-media-card.tutorial-video-card .tutorial-video-fallback {
  margin-top:6px!important;
}


/* Site 398: bounded line-particle decoration. Static on all work screens. */
html body.jl-ui-v4 {
  isolation:isolate;
  background:#f4f9fd radial-gradient(ellipse at 80% 10%,#e2f2fc,transparent 65%)!important;
  background-attachment:scroll!important;
}
html[data-theme="dark"] body.jl-ui-v4 {
  background:#050d1b radial-gradient(ellipse at 80% 10%,#0b2438,transparent 65%)!important;
}
html body.jl-ui-v4::before,html body.jl-ui-v4::after {
  content:none!important; animation:none!important;
}
.jl-particle-field {
  position:fixed; inset:-12px; z-index:-1; pointer-events:none;
  contain:strict; overflow:hidden; opacity:.40;
  background:url('/assets/line-particles-398.svg') center / cover no-repeat;
}
html[data-theme="dark"] .jl-particle-field { opacity:.52; }
@keyframes jl-particle-intro {
  from { transform:translate(-10px,-6px); }
  to { transform:none; }
}
@media (min-width:761px) and (prefers-reduced-motion:no-preference) {
  .public-layout.jl-particle-intro .jl-particle-field {
    animation:jl-particle-intro 4s ease-out 1;
  }
}
@media (prefers-reduced-motion:reduce),(max-width:760px) {
  .jl-particle-field { animation:none!important; }
}
@media print { .jl-particle-field { display:none; } }
/* Site 398: neutral surfaces, one blue accent, semantic status colours only. */
html body.jl-ui-v4 {
  --bg:#f4f6f8; --paper:#fff; --ink:#17212e; --muted:#526174;
  --line:#d6dde5; --soft:#eef2f6; --soft2:#f7f9fb;
  --accent:#245bc1; --accent2:#245bc1;
  --jl-bg:var(--bg); --jl-surface:var(--paper); --jl-surface-2:var(--soft);
  --jl-text:var(--ink); --jl-muted:var(--muted); --jl-border:var(--line);
  --jl-brand:var(--accent); --jl-brand-strong:var(--accent);
  --shadow:0 4px 18px #1524380a; --jl-shadow:var(--shadow);
  background:var(--bg)!important; color:var(--ink)!important;
}
html[data-theme="dark"] body.jl-ui-v4 {
  --bg:#10151d; --paper:#19212c; --ink:#e8edf4; --muted:#aebccd;
  --line:#344153; --soft:#222d3c; --soft2:#151d28;
  --accent:#86b5ff; --accent2:#86b5ff;
  --shadow:0 4px 18px #0002;
  background:var(--bg)!important;
}
html[data-theme] body.jl-ui-v4 :is(.topnav,.navlinks,.hero,.section,.status-card,.home-mini-card,.price-panel,.info-card,.auth-modal,.jlink-feature-card,.guide-step-card,.distributor-card,.jcs-stat-card,.feature-line,.admin-card-v320,.client-dash-card-v290,.home-cloud-showcase,.site-footer,.footer-box,.admin-sidebar,.dashboard-card) {
  background:var(--paper)!important; color:var(--ink)!important;
  border-color:var(--line)!important; box-shadow:var(--shadow)!important;
  backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
  text-shadow:none!important;
}
html[data-theme] body.jl-ui-v4 :is(.client-dash-card-v290,.admin-card-v320) * {
  color:var(--ink)!important; text-shadow:none!important;
}
html[data-theme] body.jl-ui-v4 :is(.dash-card-icon,.dash-card-stat,.dash-card-badge,.admin-card-icon-v320,.admin-card-mini-v320) {
  background:var(--soft)!important; border-color:var(--line)!important; box-shadow:none!important;
}
html[data-theme] body.jl-ui-v4 :is(.hero,.section,.auth-modal,.jlink-feature-card,.client-dash-card-v290,.admin-card-v320,.topnav)::before,
html[data-theme] body.jl-ui-v4 :is(.hero,.section,.auth-modal,.jlink-feature-card,.client-dash-card-v290,.admin-card-v320,.topnav)::after {
  content:none!important; animation:none!important;
}
html[data-theme] body.jl-ui-v4 :is(h1,h2,h3,h4,.auth-brand-title,.brand,.brandname,.brand-name,.eyebrow,.hero-title,.dash-card-title,.admin-card-value-v320) {
  background:none!important; -webkit-text-fill-color:currentColor!important;
  color:var(--ink)!important; text-shadow:none!important; filter:none!important;
}
html[data-theme] body.jl-ui-v4 :is(button,.btn,.navpill,.public-login) {
  background:#245bc1!important; color:#fff!important; border-color:#245bc1!important;
  box-shadow:none!important; text-shadow:none!important; background-image:none!important;
  -webkit-text-fill-color:currentColor!important; font-weight:600!important;
}
html[data-theme] body.jl-ui-v4 .navlinks::before {
  background:var(--soft)!important; color:var(--ink)!important; box-shadow:none!important;
}
html[data-theme] body.jl-ui-v4.admin-layout .admin-topnav .app-navlinks::before {
  background:var(--soft)!important; color:var(--ink)!important; box-shadow:none!important;
}
html[data-theme] body.jl-ui-v4 .dash-card-shine { display:none!important; animation:none!important; }
html[data-theme] body.jl-ui-v4.admin-layout .admin-topnav .app-navlinks {
  background:var(--paper)!important; box-shadow:none!important;
}
html[data-theme] body.jl-ui-v4 :is(.announcement-banner,.home-available-box,.home-board-card,.home-guide-step,.onepass-panel) {
  background:var(--paper)!important; color:var(--ink)!important; border-color:var(--line)!important; box-shadow:var(--shadow)!important;
}
html[data-theme] body.jl-ui-v4 :is(.announcement-icon,.home-mini-icon,.guide-step-no) {
  background:var(--soft)!important; color:var(--ink)!important; border-color:var(--line)!important; box-shadow:none!important;
}
html[data-theme] body.jl-ui-v4 .scroll-tab-section { background:none!important; }
html[data-theme] body.jl-ui-v4 :is(.status-card,.announcement-banner,.scroll-tab-section,h1,h2,h3,h4)::before,
html[data-theme] body.jl-ui-v4 :is(.status-card,.announcement-banner,.scroll-tab-section,h1,h2,h3,h4)::after {
  content:none!important; animation:none!important;
}
html[data-theme] body.jl-ui-v4 :is(.dash-card-icon,.admin-card-icon-v320) { filter:grayscale(1); }
html[data-theme] body.jl-ui-v4 :is(.client-dash-card-v290,.admin-card-v320) { border-radius:14px!important; }
html[data-theme] body.jl-ui-v4 :is(.navlinks a,.jl-login label) { font-weight:600!important; }
html[data-theme] body.jl-ui-v4 :is(button,.btn):is(.secondary,.password-toggle),
html[data-theme] body.jl-ui-v4 :is(.navlinks a,.navpill.secondary) {
  background:var(--paper)!important; color:var(--ink)!important; border-color:var(--line)!important;
  box-shadow:none!important;
}
html[data-theme] body.jl-ui-v4 :is(.navlinks a:hover,.navlinks a[aria-current="page"]) {
  background:var(--soft)!important; color:var(--accent)!important;
  box-shadow:inset 3px 0 0 var(--accent)!important;
}
html[data-theme] body.jl-ui-v4 :is(button,.btn):is(.danger,.red) {
  background:#ae2935!important; color:#fff!important; border-color:#ae2935!important;
}
html[data-theme] body.jl-ui-v4 :is(input,select,textarea) {
  color:var(--ink)!important; background:var(--paper)!important; border-color:var(--line)!important;
  box-shadow:none!important;
}
html[data-theme] body.jl-ui-v4 :is(input,textarea)::placeholder { color:var(--muted)!important; opacity:1; }
html[data-theme] body.jl-ui-v4 :is(th,.tablewrap,.scroll-table-shell) {
  background:var(--paper)!important; color:var(--ink)!important; border-color:var(--line)!important;
}
html[data-theme] body.jl-ui-v4 :is(.small,.muted,.lead,.dash-card-sub,.dash-card-stat small) { color:var(--muted)!important; }
html[data-theme] body.jl-ui-v4 .jl-login { min-height:60vh; padding:32px 0!important; }
html[data-theme] body.jl-ui-v4 .jl-login .auth-modal {
  width:100%!important; max-width:420px!important; padding:30px!important;
  border:1px solid var(--line)!important; border-radius:16px!important;
  animation:none!important; transform:none!important;
}
html[data-theme] body.jl-ui-v4 .jl-login h1 { margin:0 0 8px!important; font-size:28px!important; letter-spacing:-.5px!important; }
html[data-theme] body.jl-ui-v4 .jl-login .auth-center { text-align:left!important; margin-bottom:24px; }
html[data-theme] body.jl-ui-v4 .jl-login .auth-center p { color:var(--muted); margin:0; }
html[data-theme] body.jl-ui-v4 .jl-login label { display:block; margin:16px 0 7px; color:var(--ink)!important; font-size:14px; }
html[data-theme] body.jl-ui-v4 .jl-login .input-icon input { padding-left:12px!important; border-radius:8px!important; }
html[data-theme] body.jl-ui-v4 .jl-login .password-field input { padding-right:70px!important; }
html[data-theme] body.jl-ui-v4 .jl-login button[type="submit"] {
  width:100%; border-radius:8px!important; color:#fff!important;
  -webkit-text-fill-color:#fff!important; box-shadow:none!important;
}
html[data-theme] body.jl-ui-v4 .jl-login .password-toggle { border-radius:6px!important; font-size:12px!important; }
@media(max-width:520px) {
  html[data-theme] body.jl-ui-v4 .jl-login { padding:12px 0!important; min-height:0; }
  html[data-theme] body.jl-ui-v4 .jl-login .auth-modal { padding:24px 20px!important; }
}

/* Site 399: compact workspace, blue/teal accents, plain navigation. */
html[data-theme] body.jl-ui-v4.jl-ui-v399 {
  --bg:#f1f6fa; --paper:#fff; --soft:#eaf2f8; --soft2:#f4f8fb;
  --ink:#1b3047; --muted:#526b82; --line:#d5e2ec;
  --accent:#2464b2; --accent2:#147b80; --shadow:0 3px 12px #18394e08;
  font-size:14px!important; font-weight:400!important;
}
html[data-theme="dark"] body.jl-ui-v4.jl-ui-v399 {
  --bg:#0e1926; --paper:#172737; --soft:#203449; --soft2:#122131;
  --ink:#e4eef8; --muted:#a8bed2; --line:#2b4358;
  --accent:#86b9ff; --accent2:#65ced0; --shadow:0 3px 12px #020b151c;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 h1 { font-size:26px!important; line-height:1.25!important; font-weight:650!important; letter-spacing:-.025em!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 h2 { font-size:19px!important; line-height:1.3!important; font-weight:650!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 h3 { font-size:16px!important; line-height:1.35!important; font-weight:600!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 h4 { font-size:14px!important; font-weight:600!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 :is(.hero,.admin-dashboard-hero-v320) {
  background:transparent!important; border:0!important; box-shadow:none!important;
  padding:0 0 16px!important; margin:0!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .hero :is(p,.lead) { font-size:14px!important; line-height:1.55!important; font-weight:400!important; margin:8px 0 0!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 :is(.eyebrow,.product-pill,.hero-pill,.dash-card-stat,.tab-count) {
  background:none!important; border:0!important; box-shadow:none!important; border-radius:0!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .eyebrow { font-size:10px!important; color:var(--accent2)!important; font-weight:600!important; padding:0!important; margin:0 0 6px!important; letter-spacing:.1em!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 :is(.navlinks a,.topnav .public-nav-actions a,.topnav .app-nav-actions a,.topnav .theme-toggle,.topnav .menu-toggle) {
  background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
  color:var(--ink)!important; -webkit-text-fill-color:currentColor!important; text-shadow:none!important;
  font-size:13px!important; font-weight:550!important; transform:none!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .navlinks a { padding:9px 10px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 :is(.navlinks a:hover,.navlinks a[aria-current="page"]) {
  color:var(--accent)!important; box-shadow:inset 0 -2px var(--accent2)!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .theme-toggle {
  width:auto!important; min-width:40px!important; height:36px!important; min-height:36px!important; padding:4px!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .theme-toggle :is(.sun,.moon) {
  font-size:13px!important; font-weight:550!important; filter:none!important; text-shadow:none!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .public-nav-actions { gap:12px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .topnav :is(a,button):focus-visible {
  outline:2px solid var(--accent)!important; outline-offset:3px!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.admin-layout .admin-topnav .app-navlinks::before {
  background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important;
  min-height:38px!important; padding:8px 12px!important; font-size:13px!important; color:var(--accent2)!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 :is(.settings-tabbar,.settings-tabs,.client-tabs,.tabbar,.scroll-tab-nav) {
  background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 :is(.settings-tabs,.client-tabs,.tabbar,.scroll-tab-nav) :is(a,button),
html[data-theme] body.jl-ui-v4.jl-ui-v399 .admin-v2-tab-labels label {
  background:transparent!important; border:0!important; border-bottom:2px solid transparent!important; border-radius:0!important;
  box-shadow:none!important; color:var(--muted)!important; font-size:13px!important; font-weight:550!important; padding:8px 10px!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .admin-v2-tab-labels { gap:4px; border-bottom:1px solid var(--line); }
html[data-theme] body.jl-ui-v4.jl-ui-v399 #admin-v2-tab-trial:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-trial"],
html[data-theme] body.jl-ui-v4.jl-ui-v399 #admin-v2-tab-activated:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-activated"],
html[data-theme] body.jl-ui-v4.jl-ui-v399 #admin-v2-tab-revoked:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-revoked"] {
  color:var(--accent)!important; border-bottom-color:var(--accent2)!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .admin-v2-tab-labels .tab-count { color:var(--accent2)!important; padding:0 3px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .section { padding:18px!important; border-radius:12px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dashboard-cards-v290 { gap:12px!important; margin:10px 0 20px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dashboard-cards-v290 .client-dash-card-v290 {
  min-height:124px!important; padding:14px 16px!important; border-radius:12px!important;
  background:var(--paper)!important; border:1px solid var(--line)!important; border-top:2px solid var(--accent2)!important;
  box-shadow:var(--shadow)!important; transform:none!important; gap:12px!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dash-card-v290:hover { border-color:var(--accent)!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dash-card-v290 .dash-card-copy { margin-top:0!important; gap:5px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dash-card-v290 .dash-card-icon {
  background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important;
  width:30px!important; height:30px!important; min-width:30px!important; padding:0!important;
  font-size:26px!important; line-height:1!important; filter:none!important; transform:none!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dash-card-v290 .dash-card-title { font-size:16px!important; line-height:1.25!important; font-weight:600!important; margin:0!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dash-card-v290 .dash-card-desc { font-size:12px!important; line-height:1.4!important; font-weight:400!important; color:var(--muted)!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dash-card-v290 .dash-card-stat { background:transparent!important; padding:0!important; min-width:36px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dash-card-v290 .dash-card-stat b { font-size:18px!important; line-height:1.2!important; font-weight:650!important; color:var(--accent)!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dash-card-v290 .dash-card-stat small { font-size:9px!important; font-weight:500!important; color:var(--muted)!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .status-card { padding:12px 14px!important; border-radius:10px!important; min-height:0!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .status-card .value { font-size:21px!important; line-height:1.25!important; font-weight:650!important; color:var(--accent)!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .status-card .label { font-size:10px!important; font-weight:600!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-login-page .wrap {
  width:100%!important; max-width:none!important; margin:0!important; padding:20px 16px!important;
  display:grid!important; place-items:center!important; flex:1 0 auto!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-login-page .jl-login { width:100%; min-height:0!important; padding:0!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-login-page .jl-login .auth-modal {
  width:min(100%,360px)!important; max-width:360px!important; padding:22px!important; margin:auto!important;
  border-top:2px solid var(--accent2)!important; border-radius:12px!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-login h1 { font-size:23px!important; text-align:center; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-login .auth-center { text-align:center!important; margin-bottom:18px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-login .auth-center p { font-size:13px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-login label { margin:10px 0 5px!important; font-size:12px!important; text-transform:none!important; letter-spacing:0!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-login .input-icon { margin:0 0 8px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-login input { min-height:40px!important; padding:9px 12px!important; font-size:16px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-login form p { margin:12px 0 8px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-login .small { font-size:12px!important; margin:8px 0 0!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-login button[type="submit"] { min-height:40px!important; min-width:0!important; padding:9px!important; font-size:14px!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-particle-field { inset:0; opacity:1!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-particle-field canvas { display:none; width:100%; height:100%; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-particle-field.jl-particles-live { background:none!important; }
html[data-theme] body.jl-ui-v4.jl-ui-v399 .jl-particles-live canvas { display:block; }
@media(max-width:760px) {
  html[data-theme] body.jl-ui-v4.jl-ui-v399 h1 { font-size:23px!important; }
  html[data-theme] body.jl-ui-v4.jl-ui-v399 .public-nav-actions { gap:9px!important; }
  html[data-theme] body.jl-ui-v4.jl-ui-v399 .public-nav-actions a { padding:4px 0!important; }
  html[data-theme] body.jl-ui-v4.jl-ui-v399 .brand { font-size:13px!important; }
  html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-login-page .jl-login .auth-modal { width:min(100%,336px)!important; padding:18px!important; }
  html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dashboard-cards-v290 .client-dash-card-v290 { min-height:116px!important; padding:12px!important; }
  html[data-theme] body.jl-ui-v4.jl-ui-v399 .client-dash-card-v290 .dash-card-title { font-size:14px!important; }
}

/* Site 400: status text, switch, compact headings, and short native transitions. */
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 {
  --status-good:#147347; --status-bad:#b12d3a; --status-trial:#2464b2; --status-warn:#94600b;
}
html[data-theme="dark"] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 {
  --status-good:#69d9a1; --status-bad:#ff929d; --status-trial:#8cbcff; --status-warn:#efc16d;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 h1 {font-size:22px!important;line-height:1.3!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 h2 {font-size:17px!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 h3 {font-size:15px!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .jl-login h1 {font-size:21px!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .back-dashboard-btn {
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:var(--accent)!important;-webkit-text-fill-color:currentColor!important;
  font-size:12px!important;font-weight:500!important;min-height:32px!important;padding:4px 0!important;transform:none!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .back-dashboard-btn:hover {text-decoration:underline!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 :is(.admin-v2-machine-table,.client-machine-group,.client-machine-section,.client-v2-machine-section,.machine-list) .badge,
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 :is([data-machine-row],[data-machine-live-row]) .badge,
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 [data-machine-status-badge],
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .badge:is(.online,.offline,.Online,.Offline) {
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:0!important;font-weight:600!important;font-size:11.5px!important;text-shadow:none!important;
  color:var(--muted)!important;-webkit-text-fill-color:currentColor!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .badge:is(.online,.Online,.activated,.active,.license_active) {color:var(--status-good)!important;-webkit-text-fill-color:currentColor!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .badge:is(.offline,.Offline,.revoked,.cancelled,.canceled,.license_revoked,.license_cancelled) {color:var(--status-bad)!important;-webkit-text-fill-color:currentColor!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .badge:is(.trial,.trial_active,.trial_requested,.trial_pending) {color:var(--status-trial)!important;-webkit-text-fill-color:currentColor!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .badge:is(.trial_expired,.expired) {color:var(--status-warn)!important;-webkit-text-fill-color:currentColor!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .machine-action-icon,
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 details[open] > .machine-action-icon {
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:var(--accent)!important;-webkit-text-fill-color:currentColor!important;font-size:23px!important;font-weight:600!important;
  width:34px!important;height:34px!important;transform:none!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .topnav .theme-toggle {
  width:44px!important;min-width:44px!important;height:36px!important;padding:4px 3px!important;
  background:none!important;border:0!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .theme-switch-track {
  width:36px;height:20px;display:block;position:relative;border-radius:20px;
  background:#dce7f1;border:1px solid #8da7bf;box-sizing:border-box;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .theme-switch-thumb {
  position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;
  box-shadow:0 1px 2px #0b1a3333;transition:transform .12s ease;
}
html[data-theme="dark"] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .theme-switch-track {background:#347aa0;border-color:#76b8d4;}
html[data-theme="dark"] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .theme-switch-thumb {transform:translateX(16px);}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .jl-login-challenge .auth-modal {padding-left:16px!important;padding-right:16px!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .jl-login .turnstile-box {display:flex!important;justify-content:center!important;width:100%!important;margin:12px 0!important;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .jl-login .cf-turnstile {width:100%;min-width:300px;}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .jl-particle-field {transform:translateZ(0);}
html.jl-motion body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .jl-particle-field {background:none!important;}
/* The new document draws the saved particle positions before its first frame.
   Only content transitions; navigation and the canvas do not fade/reset. */
@view-transition {navigation:auto;}
:root {view-transition-name:none;}
.jl-ui-v400 .wrap {view-transition-name:jl-content;}
::view-transition-group(jl-content) {animation-duration:.10s;}
::view-transition-old(jl-content) {animation:jl400-leave .08s ease-out both;}
::view-transition-new(jl-content) {animation:jl400-enter .10s ease-out both;}
::view-transition {pointer-events:none;}
@keyframes jl400-enter {from{opacity:.85;}to{opacity:1;}}
@keyframes jl400-leave {from{opacity:1;}to{opacity:0;}}
.jl-ui-v400 .admin-v2-tab-panel {animation:jl400-enter .10s ease-out;}
@supports not (view-transition-name:jl-content) {.jl-ui-v400 .wrap {animation:jl400-enter .10s ease-out;}}
@media(max-width:760px) {
  html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 h1 {font-size:20px!important;}
}
@media(max-width:360px) {
  html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .brand {font-size:11.5px!important;}
  html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .jl-login {min-width:0!important;}
  html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .topnav .theme-toggle {width:36px!important;min-width:36px!important;padding:3px!important;}
  html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .theme-switch-track {width:30px;height:18px;}
  html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .theme-switch-thumb {width:12px;height:12px;}
  html[data-theme="dark"] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .theme-switch-thumb {transform:translateX(12px);}
  html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400 .jl-login-challenge .auth-modal {
    width:calc(100vw - 8px)!important;max-width:none!important;padding:16px 5px!important;
    position:relative;left:auto;transform:none!important;margin-left:calc((100% - 100vw)/2 + 8px)!important;margin-right:0!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  @view-transition {navigation:none;}
  .jl-ui-v400 .wrap,.jl-ui-v400 .admin-v2-tab-panel {animation:none!important;}
  .jl-ui-v400 .theme-switch-thumb {transition:none!important;}
}
/* Site 401: deeper dark surfaces, plain seller details, and search tab. */
html[data-theme="dark"] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 {
  --bg:#070d14;
  --paper:#0d1823;
  --soft:#142332;
  --soft2:#0a141e;
  --ink:#e5eef7;
  --muted:#9fb5c8;
  --line:#223648;
  --accent:#8abaff;
  --accent2:#62cbd0;
  --shadow:0 3px 12px #00081438;
  --jl-bg:#050a10;
  --jl-surface:#0b151f;
  --jl-surface-2:#111f2d;
  --jl-text:#e8f1f8;
  --jl-muted:#9bb0c2;
  --jl-border:#1e3345;
  --jl-brand:#63c8db;
  --jl-brand-strong:#8adcec;
  --jl-shadow:0 12px 34px rgba(0,0,0,.34);
  background:#050a10 radial-gradient(ellipse at 80% 10%,#091a27,transparent 65%)!important;
}
html[data-theme="dark"] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 :is(.topnav,.footer) {
  background-color:#09131d!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .admin-v2-tab-labels {
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:0!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .admin-v2-tab-labels label {
  border-bottom:0!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 #admin-v2-tab-trial:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-trial"],
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 #admin-v2-tab-activated:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-activated"],
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 #admin-v2-tab-revoked:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-revoked"],
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 #admin-v2-tab-search:checked ~ .admin-v2-tab-labels label[for="admin-v2-tab-search"] {
  color:var(--accent)!important;
  border-bottom:0!important;
  box-shadow:none!important;
  font-weight:700!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .navlinks a[aria-current="page"] {
  box-shadow:none!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 #admin-v2-tab-search:checked ~ .admin-v2-tab-panels .panel-search {
  display:block;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .admin-v2-machine-searchbox {
  max-width:720px;
  margin:0 0 12px;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 [data-machine-search-empty] {
  display:none;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .verify-resend-form {
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .verify-email-card {
  width:min(100%,420px)!important;
  max-width:420px!important;
  min-height:0!important;
  margin:clamp(24px,6vh,64px) auto!important;
  padding:22px!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 :is(.distributor-contact,.distributor-area,.distributor-notes,.distributor-facebook-link) {
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .distributor-contact {
  color:var(--ink)!important;
  font-weight:600;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .distributor-facebook-link {
  color:var(--accent)!important;
  font-size:12px;
  font-weight:650;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .distributor-facebook-link:hover {
  text-decoration:underline!important;
  transform:none!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .distributor-card.featured {
  background:transparent!important;
}
.jl-ui-v401 .home-supported-boards,
.jl-ui-v401 .distributor-section {
  content-visibility:auto;
  contain-intrinsic-size:auto 720px;
}
@media(max-width:620px) {
  html[data-theme] body.jl-ui-v4.jl-ui-v399.jl-ui-v400.jl-ui-v401 .admin-v2-tab-labels {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
/* Site 402: stable compact mobile Features and always-visible machine search. */
html[data-theme] body.jl-ui-v4.jl-ui-v402 .admin-v2-machine-tools .searchbox,
html[data-theme] body.jl-ui-v4.jl-ui-v402 .client-machine-search-tools .searchbox {
  width:100%;
  min-width:0;
}
html[data-theme] body.jl-ui-v4.jl-ui-v402 .client-machine-search-tools {
  grid-template-columns:minmax(0,680px)!important;
  margin:10px 0 6px!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v402 [data-machine-search-global] {
  width:100%;
}

@media(max-width:760px) {
  /* Render below-fold home sections at their real size on the first frame. */
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .home-supported-boards,
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .distributor-section {
    content-visibility:visible!important;
    contain:none!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .homepage-continuous .reveal-lite,
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .homepage-continuous .reveal-lite.is-visible {
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .homepage-continuous :is(.scroll-tab-section,.jlink-feature-card,.price-panel,.home-mini-card,.home-guide-step,.home-available-box,.home-board-card) {
    animation:none!important;
    transition:none!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .wrap {
    view-transition-name:none!important;
    animation:none!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .homepage-continuous,
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features,
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .home-feature-grid,
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .home-feature-grid > .jlink-feature-grid {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features {
    padding:20px 0 2px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .scroll-tab-head {
    margin-bottom:11px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .scroll-tab-head h2 {
    font-size:18px!important;
    line-height:1.18!important;
    letter-spacing:-.015em!important;
    margin:3px 0 5px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .scroll-tab-head p {
    font-size:12px!important;
    line-height:1.42!important;
    margin:0!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .jlink-feature-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    align-items:start!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .jlink-feature-card {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    padding:12px!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .jlink-feature-top {
    gap:9px!important;
    margin-bottom:8px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .jlink-feature-top > div {
    flex:1 1 auto!important;
    min-width:0!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .home-mini-icon {
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
    font-size:11px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .jlink-feature-card h3 {
    font-size:14px!important;
    line-height:1.22!important;
    margin:0!important;
    overflow-wrap:anywhere;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .jlink-feature-card p {
    font-size:11.5px!important;
    line-height:1.4!important;
    margin:0 0 8px!important;
    overflow-wrap:anywhere;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .jlink-feature-sub {
    font-size:11px!important;
    line-height:1.3!important;
    margin:2px 0 0!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .jlink-feature-why {
    margin-top:2px!important;
    padding:7px 8px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .admin-v2-machine-tools,
  html[data-theme] body.jl-ui-v4.jl-ui-v402 .client-machine-search-tools {
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:380px) {
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .jlink-feature-card {
    padding:10px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v402 #home-features .jlink-feature-card h3 {
    font-size:13.5px!important;
  }
}
/* Site 403: compact footer and public-ready legal pages. */
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer {
  padding:8px clamp(14px,2.5vw,34px) 9px!important;
  gap:7px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer-brand,
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer-support,
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footlinks {
  font-size:9.5px!important;
  line-height:1.25!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer-brand strong,
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer-support strong {
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:650!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer-brand .muted,
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer a,
html[data-theme] body.jl-ui-v4.jl-ui-v403 .public-footer-socials,
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footlinks a {
  font-size:9px!important;
  line-height:1.25!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer a {
  font-weight:600!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .public-footer-socials {
  gap:0!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .footlinks {
  gap:8px!important;
}

html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-hero {
  padding-top:22px!important;
  padding-bottom:22px!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-hero .legal-updated {
  margin:10px 0 0!important;
  font-size:11px!important;
  color:var(--muted)!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-page {
  max-width:920px;
  margin-left:auto!important;
  margin-right:auto!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-page h2 {
  margin:20px 0 6px!important;
  font-size:17px!important;
  line-height:1.25!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-page h2:first-child {
  margin-top:0!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-page p {
  margin:0!important;
  font-size:12.5px!important;
  line-height:1.58!important;
  color:var(--muted)!important;
}
html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-page a {
  color:var(--accent)!important;
  font-weight:650!important;
}

@media(max-width:800px) {
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer {
    gap:5px!important;
    padding:7px 12px 8px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer-brand,
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer-support,
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .footlinks,
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer-brand .muted,
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer a,
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .public-footer-socials,
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .footlinks a {
    font-size:8.5px!important;
    line-height:1.2!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer-brand strong,
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .footer-support strong {
    font-size:9.5px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .footlinks {
    gap:7px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-hero h1 {
    font-size:20px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-hero .lead {
    font-size:12px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-page {
    padding:15px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-page h2 {
    margin-top:16px!important;
    font-size:15px!important;
  }
  html[data-theme] body.jl-ui-v4.jl-ui-v403 .legal-page p {
    font-size:11.5px!important;
    line-height:1.5!important;
  }
}