:root{
  --lr-bg:#050810;
  --lr-bg-2:#0b1220;
  --lr-panel:rgba(11,18,32,0.82);
  --lr-panel-strong:#0b1220;
  --lr-stroke:rgba(148,163,184,0.16);
  --lr-stroke-strong:rgba(148,163,184,0.28);
  --lr-text:#e5edf8;
  --lr-muted:#8fa0bb;
  --lr-soft:#b9c5d9;
  --lr-accent:#7c3aed;
  --lr-accent-2:#0ea5e9;
  --lr-success:#22c55e;
  --lr-danger:#ef4444;
  --lr-shadow:0 26px 70px rgba(0,0,0,.42);
  --lr-radius-xl:28px;
  --lr-radius-2xl:36px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

.custom-scrollbar::-webkit-scrollbar{width:7px;height:7px}
.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.28);border-radius:999px}
.custom-scrollbar::-webkit-scrollbar-track{background:transparent}
.drag-handle{cursor:grab}
.drag-handle:active{cursor:grabbing}

.lr-admin-body{
  color:var(--lr-text);
  background:
    radial-gradient(circle at 14% 10%, rgba(56,189,248,.10), transparent 18%),
    radial-gradient(circle at 86% 12%, rgba(59,130,246,.12), transparent 20%),
    radial-gradient(circle at 50% 100%, rgba(14,165,233,.08), transparent 28%),
    linear-gradient(180deg, #02060b 0%, #06101b 26%, #0a1724 52%, #09121d 74%, #03070c 100%);
}


.lr-login-screen{
  background:
    radial-gradient(circle at 20% 18%, rgba(56,189,248,.10), transparent 20%),
    radial-gradient(circle at 80% 10%, rgba(37,99,235,.10), transparent 18%),
    linear-gradient(180deg, rgba(3,7,12,.94) 0%, rgba(6,16,27,.92) 48%, rgba(3,7,12,.96) 100%);
  backdrop-filter: blur(6px);
}

#phone-screen{
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior:contain;
}
#phone-screen::-webkit-scrollbar{
  width:0;
  height:0;
  display:none;
}

.lr-grid-shell{position:relative}
.lr-grid-shell::before{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius:48px;
  background:linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  pointer-events:none;
}

.lr-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(15,23,42,.88), rgba(2,6,23,.82));
  border:1px solid var(--lr-stroke);
  box-shadow:var(--lr-shadow);
  backdrop-filter:blur(18px);
}
.lr-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 16%);
}
.lr-panel > *{position:relative;z-index:1}

.lr-gradient-text{
  background:linear-gradient(90deg, #f8fafc 0%, #c4b5fd 45%, #7dd3fc 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lr-kicker{
  font-size:.68rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  font-weight:800;
  color:rgba(191,219,254,.56);
}
.lr-section-title{
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:900;
  color:rgba(226,232,240,.58);
}
.lr-field,
.lr-file-button,
.lr-type-button,
.lr-row-value,
.lr-row-title{
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.lr-field{
  width:100%;
  background:rgba(2,6,23,.72);
  border:1px solid rgba(148,163,184,.12);
  color:#fff;
  border-radius:18px;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.lr-field:focus,
.lr-file-button:hover,
.lr-type-button:hover,
.lr-row-value:focus,
.lr-row-title:focus{
  border-color:rgba(125,211,252,.44)!important;
  box-shadow:0 0 0 4px rgba(14,165,233,.10);
}
.lr-file-button{
  display:flex;
  align-items:center;
  min-height:60px;
  background:rgba(2,6,23,.74);
  border:1px solid rgba(148,163,184,.12);
  color:var(--lr-soft);
}
.lr-soft-divider{height:1px;background:linear-gradient(90deg, transparent, rgba(148,163,184,.24), transparent)}
.lr-chip{
  display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;
  border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.46);color:rgba(226,232,240,.86);
  font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.lr-ghost-btn{
  min-height:44px;border-radius:16px;border:1px solid rgba(148,163,184,.14);background:rgba(15,23,42,.55);
  color:rgba(226,232,240,.88);font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.lr-ghost-btn:hover{transform:translateY(-1px);border-color:rgba(125,211,252,.30);background:rgba(15,23,42,.8)}
.lr-primary-btn{
  background:linear-gradient(135deg, #7c3aed, #0ea5e9);
  box-shadow:0 22px 46px rgba(14,165,233,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
.lr-primary-btn:hover{transform:translateY(-1px);filter:saturate(1.06) brightness(1.04)}
.lr-primary-btn:active{transform:scale(.99)}


.lr-sites-select{position:relative;z-index:12}
.lr-sites-toggle{
  width:100%;min-height:72px;border-radius:22px;border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg, rgba(15,23,42,.72), rgba(2,6,23,.76));
  color:#fff;display:grid;grid-template-columns:42px 1fr 34px;align-items:center;gap:10px;padding:12px 13px;text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 16px 30px rgba(0,0,0,.20);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.lr-sites-toggle:hover,.lr-sites-select.open .lr-sites-toggle{transform:translateY(-1px);border-color:rgba(125,211,252,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 38px rgba(0,0,0,.26),0 0 22px rgba(14,165,233,.10)}
.lr-sites-toggle-icon,.lr-sites-chevron{display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:#bae6fd}
.lr-sites-toggle-icon{width:38px;height:38px}.lr-sites-chevron{width:30px;height:30px;font-size:.72rem;transition:transform .18s ease}.lr-sites-select.open .lr-sites-chevron{transform:rotate(180deg)}
.lr-sites-toggle-copy{display:grid;gap:4px;min-width:0}.lr-sites-toggle-copy span{font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lr-sites-toggle-copy small{font-size:.66rem;font-weight:800;color:rgba(191,219,254,.56);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr-sites-menu{
  position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:80;border-radius:26px;padding:12px;
  background:linear-gradient(180deg, rgba(15,23,42,.96), rgba(2,6,23,.96));
  border:1px solid rgba(148,163,184,.16);box-shadow:0 28px 70px rgba(0,0,0,.46),0 0 34px rgba(14,165,233,.10);
  backdrop-filter:blur(20px);
}
.lr-sites-search{min-height:48px;border-radius:18px;display:grid;grid-template-columns:34px 1fr;align-items:center;background:rgba(2,6,23,.66);border:1px solid rgba(148,163,184,.12);padding:0 12px;color:#93c5fd;margin-bottom:10px}
.lr-sites-search input{width:100%;height:46px;border:0;outline:0;background:transparent;color:#fff;font-weight:800;font-size:.78rem}.lr-sites-search input::placeholder{color:rgba(148,163,184,.70)}
.lr-sites-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 10px;color:rgba(148,163,184,.72);font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.lr-sites-list{max-height:390px;overflow-y:auto;display:grid;gap:8px;padding:0 1px 2px;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 18px),transparent 100%)}
.lr-sites-list::-webkit-scrollbar{width:0;height:0;display:none}

/* Sites dropdown visibility fix: the parent card must not clip the dropdown list. */
.lr-sites-panel{overflow:visible;z-index:35}
.lr-sites-panel::before{border-radius:inherit}
.lr-sites-select.open{z-index:120}
.lr-sites-select.open .lr-sites-menu{display:block}
.lr-sites-menu{max-height:min(68vh,560px);overflow:hidden}
.lr-sites-list{min-height:96px;max-height:min(44vh,390px)}
@media (max-width:1024px){
  .lr-sites-menu{position:relative;top:auto;margin-top:10px;max-height:520px}
  .lr-sites-list{max-height:330px}
}
.lr-sites-empty{min-height:96px;border-radius:20px;display:grid;place-items:center;gap:8px;text-align:center;color:rgba(203,213,225,.76);background:rgba(255,255,255,.04);border:1px dashed rgba(148,163,184,.18);font-size:.74rem;font-weight:800;padding:16px}

.lr-project-item{
  appearance:none;
  width:100%;
  text-align:left;
  position:relative;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(2,6,23,.54);
  border:1px solid rgba(148,163,184,.10);
  color:#fff;
  cursor:pointer;
  display:block;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.lr-project-item:hover{
  transform:translateY(-1px);
  border-color:rgba(125,211,252,.34);
  background:rgba(15,23,42,.88);
  box-shadow:0 12px 24px rgba(0,0,0,.24);
}
.lr-project-item.active{
  border-color:rgba(196,181,253,.42);
  background:linear-gradient(180deg, rgba(91,33,182,.24), rgba(15,23,42,.92));
  box-shadow:0 20px 34px rgba(76,29,149,.18);
}
.lr-project-title{font-size:.74rem;line-height:1.15;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.lr-project-meta{margin-top:8px;font-size:.66rem;letter-spacing:.06em;color:rgba(191,219,254,.56)}


.lr-layer-links,
.lr-layer-palette{position:relative}
.lr-layer-links{z-index:2}
.lr-layer-links.dropdown-active{z-index:80}
.lr-layer-palette{z-index:1}
.lr-layer-palette.palette-active{z-index:40; overflow:visible}

.lr-layer-palette{overflow:visible}
.lr-color-field{position:relative}
.lr-color-field.active{z-index:45}
.lr-color-trigger{
  width:100%;min-height:54px;display:flex;align-items:center;gap:12px;padding:0 14px;
  border-radius:16px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg, rgba(15,23,42,.86), rgba(2,6,23,.84));
  color:var(--lr-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.lr-color-trigger:hover{border-color:rgba(125,211,252,.34);transform:translateY(-1px)}
.lr-color-trigger.active{border-color:rgba(125,211,252,.46);box-shadow:0 14px 32px rgba(2,132,199,.18), inset 0 1px 0 rgba(255,255,255,.03)}
.lr-color-trigger-swatch{
  width:20px;height:20px;border-radius:999px;flex:0 0 20px;border:1px solid rgba(255,255,255,.18);
  box-shadow:0 0 0 3px rgba(255,255,255,.04), inset 0 1px 0 rgba(255,255,255,.22);
}
.lr-color-trigger-meta{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1}
.lr-color-trigger-title{font-size:.60rem;line-height:1;text-transform:uppercase;letter-spacing:.16em;color:rgba(148,163,184,.72);font-weight:800}
.lr-color-trigger-value{font-size:.80rem;line-height:1.2;font-weight:900;letter-spacing:.08em;color:#fff;text-transform:uppercase;white-space:nowrap}
.lr-color-popover{
  position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:920;width:min(420px, calc(100vw - 32px));
  max-height:min(88vh, 760px);overflow:auto;padding:16px;border-radius:24px;border:1px solid rgba(148,163,184,.18);
  background:rgba(2,6,23,.985);backdrop-filter:blur(22px);box-shadow:0 34px 80px rgba(0,0,0,.56), 0 0 0 1px rgba(255,255,255,.03) inset;
}
.lr-color-popover.hidden{display:none}
.lr-color-backdrop{
  position:fixed;inset:0;z-index:900;background:rgba(2,6,23,.62);backdrop-filter:blur(6px);
}
.lr-color-backdrop.hidden{display:none}
.lr-color-picker{display:flex;justify-content:center}
.lr-color-inputs{margin-top:12px;display:grid;gap:10px}
.lr-color-input-group{display:flex;align-items:center;gap:10px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:0 10px;min-height:42px}
.lr-color-input-group span{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(148,163,184,.82);font-weight:900;min-width:20px}
.lr-color-input-group input{width:100%;background:transparent;border:0;outline:none;color:#fff;font-size:.78rem;font-weight:800}
.lr-color-input-group input::-webkit-outer-spin-button,.lr-color-input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.lr-color-input-group input[type=number]{appearance:textfield}
.lr-color-rgb-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}
.lr-color-input-group-hex input{text-transform:uppercase;letter-spacing:.08em}
.lr-color-presets{display:grid;grid-template-columns:repeat(6, minmax(0,1fr));gap:8px;margin-top:12px}
.lr-color-preset{width:100%;aspect-ratio:1/1;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);transition:transform .15s ease,border-color .15s ease}
.lr-color-preset:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.28)}
.lr-color-field .IroColorPicker{width:100% !important}
.lr-color-field .iro__wheel,.lr-color-field .iro__slider{border-radius:18px !important}
@media (max-width: 900px){
  .lr-color-popover{width:min(420px, calc(100vw - 24px)); max-height:min(86vh, 720px);}
}
#dynamic-links{position:relative;overflow:visible}
.link-row{z-index:1}
.link-row.dropdown-open{z-index:120}
.custom-dropdown{position:relative;z-index:2}

.link-row{
  position:relative;
  background:linear-gradient(180deg, rgba(2,6,23,.76), rgba(2,6,23,.64));
  border:1px solid rgba(148,163,184,.10);
  border-radius:22px;
  padding:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.link-row:hover{border-color:rgba(148,163,184,.18)}
.lr-type-button{
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;
  padding:0 14px;border-radius:14px;border:1px solid rgba(148,163,184,.14);
  background:rgba(15,23,42,.9);color:#fff;font-size:.70rem;font-weight:800;
  width:150px;outline:none;
}
.lr-row-title{
  flex:1;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid rgba(148,163,184,.10);
  background:rgba(15,23,42,.55);color:#93c5fd;font-size:.8rem;font-weight:800;outline:none;
}
.lr-row-value{
  width:100%;min-height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(148,163,184,.08);
  background:rgba(15,23,42,.32);color:rgba(226,232,240,.74);font-size:.72rem;outline:none;
}
.lr-row-remove{width:34px;height:34px;border-radius:999px;border:1px solid rgba(239,68,68,.18);background:rgba(127,29,29,.14);color:#fca5a5;font-weight:900}
.lr-row-remove:hover{background:rgba(127,29,29,.24);border-color:rgba(248,113,113,.34)}
.lr-dropdown-menu{z-index:340;
  position:absolute;z-index:160;margin-top:10px;width:220px;max-height:270px;overflow-y:auto;
  border-radius:18px;border:1px solid rgba(148,163,184,.14);
  background:rgba(2,6,23,.96);backdrop-filter:blur(18px);box-shadow:0 20px 40px rgba(0,0,0,.36);
  animation:lrDropdown .16s ease-out;transform-origin:top;
}
.lr-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#dbeafe;font-size:.78rem;transition:background .16s ease}
.lr-dropdown-item:hover{background:rgba(30,41,59,.76)}
@keyframes lrDropdown{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

.lr-phone-shell{
  position:relative;
  border-radius:46px;
  background:linear-gradient(180deg, #111827, #020617);
  border:1px solid rgba(148,163,184,.20);
  padding:10px;
  box-shadow:0 30px 80px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.03) inset;
}
.lr-phone-shell::before{
  content:"";position:absolute;inset:1px;border-radius:44px;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 10%, rgba(255,255,255,.02));
}
.lr-phone-notch{box-shadow:0 8px 20px rgba(0,0,0,.28) inset, 0 1px 0 rgba(255,255,255,.03)}
#phone-mockup{transition:background .28s ease,color .24s ease,box-shadow .24s ease,border-color .24s ease}
.preview-shell-glow{
  position:absolute;inset:-18px;border-radius:58px;z-index:0;pointer-events:none;filter:blur(22px);opacity:.62;
}
.lr-preview-banner,
.lr-preview-link,
.lr-preview-footer-chip{backdrop-filter:blur(8px)}
.lr-preview-banner{
  margin:8px 0 22px;border-radius:20px;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;
  text-align:center;padding:12px 16px;font-weight:900;letter-spacing:.08em;font-size:10px;line-height:1.35;text-transform:uppercase;
}
.lr-preview-link{
  --lr-btn-color:#050817;
  --lr-btn-highlight:#111a34;
  --lr-btn-shade:#02040c;
  --lr-btn-text:#ffffff;
  --lr-btn-border:rgba(255,255,255,.16);
  --lr-btn-glow:rgba(90,155,255,.20);
  --lr-btn-sheen:rgba(255,255,255,.10);
  --lr-btn-icon-bg:rgba(255,255,255,.10);
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:42px 1fr 34px;
  align-items:center;
  column-gap:10px;
  width:100%;
  min-height:72px;
  margin-bottom:14px;
  padding:10px 13px 10px 15px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  overflow:hidden;
  color:var(--lr-btn-text);
  background:
    radial-gradient(circle at 16% 0%, var(--lr-btn-sheen), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 38%),
    linear-gradient(135deg, var(--lr-btn-highlight) 0%, var(--lr-btn-color) 48%, var(--lr-btn-shade) 100%);
  border:1px solid var(--lr-btn-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), inset 0 -14px 24px rgba(0,0,0,.18), 0 16px 28px rgba(0,0,0,.24), 0 0 24px var(--lr-btn-glow);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}
.lr-preview-link::before{
  content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(90deg, transparent, var(--lr-btn-sheen), transparent), linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,0) 42%);
  opacity:.68;
}
.lr-preview-link:hover{transform:translateY(-2px);filter:saturate(1.06) brightness(1.03)}
.lr-preview-link .left-icon-wrap,.lr-preview-link .right-icon-wrap{display:grid;place-items:center;border-radius:999px;background:var(--lr-btn-icon-bg);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 9px 16px rgba(0,0,0,.15)}
.lr-preview-link .left-icon-wrap{width:40px;height:40px;font-size:16px;justify-self:start}
.lr-preview-link .right-icon-wrap{width:32px;height:32px;font-size:11px;justify-self:end;opacity:.94}
.lr-preview-link .left-icon,.lr-preview-link .right-icon{position:static;display:block;line-height:1}
.lr-preview-link .label{line-height:1.12;text-align:center;letter-spacing:.035em;text-shadow:0 1px 10px rgba(0,0,0,.16)}
.lr-preview-footer{display:block;text-decoration:none;margin-top:11px;text-align:center}
.lr-preview-footer .kicker{font-size:7px;letter-spacing:.27em;text-transform:uppercase;margin-bottom:3px}
.lr-preview-footer .brand{font-size:21px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.lr-preview-footer .divider{width:54%;height:1px;margin:5px auto 4px;opacity:.64}
.lr-preview-footer .sub{display:none}
.lr-preview-footer-chip{
  display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 10px;border-radius:999px;
  font-size:7px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;margin-bottom:4px;
}
.lr-preview-footer .cta{font-size:9px;font-weight:900;letter-spacing:.075em;text-transform:uppercase;animation:previewPulse 2.25s infinite}

.lr-qr-card{position:relative;overflow:hidden}
.lr-qr-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 18%)}
.lr-qr-card>*{position:relative;z-index:1}

.lr-qr-stage{
  border-radius:28px;
  padding:14px;
  background:linear-gradient(180deg, rgba(15,23,42,.86), rgba(6,10,24,.94));
  border:1px solid rgba(148,163,184,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 20px 44px rgba(2,6,23,.34);
}
.lr-qr-stage-top{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:14px}
.lr-qr-stage-badge{
  display:inline-flex;align-items:center;gap:7px;padding:0 12px;min-height:34px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff;
  font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
}
.lr-qr-stage-client{font-size:.92rem;color:rgba(191,219,254,.72);letter-spacing:.09em;text-transform:uppercase;font-weight:800;line-height:1.15}
.lr-qrcode-core{
  position:relative;
  z-index:1;
  width:226px;
  height:226px;
  margin:0 auto;
  display:grid;
  place-items:center;
  border-radius:24px;
  overflow:hidden;
  padding:0;
  background:#fff;
  box-sizing:border-box;
}
.lr-qrcode-core svg{
  display:block;
  width:194px !important;
  height:194px !important;
  min-width:194px;
  min-height:194px;
  max-width:194px;
  max-height:194px;
  margin:0 auto;
  overflow:visible;
  flex:none;
}
.lr-qr-stage-footer{margin-top:14px}
.lr-qr-stage-title{font-size:.88rem;color:#fff;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.lr-qr-stage-subtitle{margin-top:6px;font-size:.72rem;line-height:1.35;color:rgba(191,219,254,.72)}

.lr-link-display{font-size:.68rem;color:rgba(191,219,254,.72);text-decoration:none}
.lr-link-display:hover{color:#fff}

.lr-toast-stack{position:fixed;top:22px;right:22px;z-index:200;display:flex;flex-direction:column;gap:12px;pointer-events:none}
.lr-toast{
  min-width:280px;max-width:360px;padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.16);
  background:rgba(2,6,23,.92);backdrop-filter:blur(18px);color:#fff;box-shadow:0 18px 38px rgba(0,0,0,.32);
  transform:translateY(-8px);opacity:0;animation:toastIn .22s ease forwards;
}
.lr-toast.success{border-color:rgba(34,197,94,.24)}
.lr-toast.error{border-color:rgba(239,68,68,.24)}
.lr-toast-title{font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.lr-toast-body{margin-top:5px;font-size:.78rem;color:rgba(226,232,240,.76);line-height:1.35}
@keyframes toastIn{to{transform:translateY(0);opacity:1}}

/* Public view */
.lr-public-body{
  margin:0;min-height:100vh;padding:20px 12px 28px;display:flex;justify-content:center;align-items:flex-start;
  transition:background .35s ease,color .25s ease;
}
.lr-public-shell{width:100%;max-width:430px;position:relative}
.lr-public-shell::before{
  content:"";position:absolute;inset:-16px;border-radius:42px;pointer-events:none;filter:blur(22px);opacity:.9;z-index:0;
}
.lr-public-card{
  position:relative;z-index:1;isolation:isolate;width:100%;border-radius:38px;padding:30px 20px 24px;overflow:hidden;
  transition:background .35s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease;
}
.lr-public-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 18%)}
.lr-public-card::after{
  content:"";position:absolute;z-index:8;top:-18%;bottom:-18%;left:-48%;width:34%;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.025) 22%,rgba(255,255,255,.17) 50%,rgba(255,255,255,.035) 78%,transparent 100%);
  filter:blur(.4px);mix-blend-mode:screen;transform:translateX(-180%) skewX(-12deg);opacity:0;
  animation:lrPublicGlassSweep 9.2s cubic-bezier(.35,.02,.28,1) infinite;
}
@keyframes lrPublicGlassSweep{
  0%,8%{transform:translateX(-180%) skewX(-12deg);opacity:0}
  12%{opacity:.62}
  29%{transform:translateX(620%) skewX(-12deg);opacity:0}
  100%{transform:translateX(620%) skewX(-12deg);opacity:0}
}
.lr-logo-wrap{display:flex;justify-content:center;align-items:center;min-height:108px;margin-bottom:12px;overflow:visible}
.lr-logo-badge{
  --lr-logo-glow-color:rgba(34,197,94,.72);
  --lr-logo-glow-size:26px;
  min-width:0;min-height:0;width:auto;max-width:min(230px,70%);border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;
  background:transparent;border:0;box-shadow:none;overflow:visible;transition:filter .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,padding .25s ease,border-radius .25s ease;
}
.lr-logo-badge.logo-glow{
  filter:drop-shadow(0 0 var(--lr-logo-glow-size) var(--lr-logo-glow-color)) drop-shadow(0 16px 28px rgba(0,0,0,.22));
}
.lr-logo-badge.logo-box{
  min-width:116px;min-height:116px;max-width:240px;border-radius:30px;padding:14px 18px;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 42px rgba(0,0,0,.18);
}
.lr-logo-badge.logo-box.logo-glow{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 42px rgba(0,0,0,.18),0 0 calc(var(--lr-logo-glow-size) * .75) var(--lr-logo-glow-color);
}
#logo{max-width:190px;max-height:108px;object-fit:contain;display:block}
#name{margin:0;text-align:center;font-size:2rem;line-height:1.02;font-weight:900;letter-spacing:-.045em;text-transform:uppercase}
#bio{margin:12px auto 0;max-width:320px;text-align:center;font-size:.98rem;line-height:1.4;font-style:italic;opacity:.88}
.lr-info-banner{
  margin:26px 0 22px;border-radius:20px;min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;text-align:center;text-transform:uppercase;font-weight:800;letter-spacing:.08em;font-size:.72rem;line-height:1.35;
}
#content{width:100%;margin-top:4px}
.premium-link{
  --lr-btn-color:#050817;
  --lr-btn-highlight:#111a34;
  --lr-btn-shade:#02040c;
  --lr-btn-text:#ffffff;
  --lr-btn-border:rgba(255,255,255,.16);
  --lr-btn-glow:rgba(90,155,255,.20);
  --lr-btn-sheen:rgba(255,255,255,.10);
  --lr-btn-icon-bg:rgba(255,255,255,.10);
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:48px 1fr 42px;
  align-items:center;
  column-gap:12px;
  min-height:74px;
  width:100%;
  margin-bottom:14px;
  padding:10px 14px 10px 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  text-transform:uppercase;
  overflow:hidden;
  color:var(--lr-btn-text);
  background:
    radial-gradient(circle at 16% 0%, var(--lr-btn-sheen), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 38%),
    linear-gradient(135deg, var(--lr-btn-highlight) 0%, var(--lr-btn-color) 48%, var(--lr-btn-shade) 100%);
  border:1px solid var(--lr-btn-border);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -16px 26px rgba(0,0,0,.18),
    0 18px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,255,255,.025),
    0 0 28px var(--lr-btn-glow);
  transform:translateZ(0);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease, background .25s ease, color .25s ease;
}
.premium-link::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent, var(--lr-btn-sheen), transparent),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,0) 42%);
  opacity:.68;
}
.premium-link::after{
  content:"";
  position:absolute;
  inset:-60% -35%;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 34%, var(--lr-btn-sheen) 48%, transparent 62%);
  transform:translateX(-72%) rotate(0.001deg);
  opacity:0;
  transition:transform .55s ease, opacity .28s ease;
}
.premium-link:hover{
  transform:translateY(-3px) scale(1.012);
  filter:saturate(1.08) brightness(1.04);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -16px 28px rgba(0,0,0,.16),
    0 24px 44px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.045),
    0 0 36px var(--lr-btn-glow);
}
.premium-link:hover::after{opacity:.7;transform:translateX(72%)}
.premium-link:active{transform:translateY(-1px) scale(.992)}
.premium-link .link-icon-wrap,
.premium-link .link-arrow-wrap{
  display:grid;
  place-items:center;
  border-radius:999px;
  color:inherit;
  background:var(--lr-btn-icon-bg);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 10px 18px rgba(0,0,0,.16);
  backdrop-filter:blur(8px);
}
.premium-link .link-icon-wrap{width:44px;height:44px;font-size:1.08rem;justify-self:start}
.premium-link .link-arrow-wrap{width:36px;height:36px;font-size:.82rem;justify-self:end;opacity:.92;transition:transform .2s ease, opacity .2s ease, background .2s ease}
.premium-link:hover .link-arrow-wrap{transform:translateX(2px);opacity:1;background:rgba(255,255,255,.15)}
.premium-link .link-icon{display:block;line-height:1}
.premium-link .link-arrow{display:block;line-height:1}
.premium-link .link-label{display:block;min-width:0;font-size:.94rem;line-height:1.08;text-align:center;letter-spacing:.035em;text-shadow:0 1px 10px rgba(0,0,0,.16)}
.preview-link-card,.preview-promo-card{pointer-events:none;cursor:default}
.lr-footer-wrap{margin-top:10px;padding-top:0;text-align:center}
.lr-footer-link{display:block;text-decoration:none;transition:transform .18s ease}
.lr-footer-link:hover{transform:translateY(-2px)}
.lr-footer-kicker{font-size:.60rem;letter-spacing:.27em;text-transform:uppercase;opacity:.80;margin-bottom:3px}
.lr-footer-brand{font-size:1.50rem;line-height:1;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin:0}
.lr-footer-divider{width:54%;height:1px;margin:6px auto 5px;opacity:.64}
.lr-footer-sub{display:none}
.lr-footer-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.lr-footer-cta{margin-top:4px;font-size:.72rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase;animation:footerPulse 2.2s infinite}
.lr-empty-state{
  padding:22px 18px;border-radius:24px;border:1px dashed rgba(148,163,184,.22);text-align:center;color:rgba(226,232,240,.7);
  background:rgba(15,23,42,.24);
}

@keyframes footerPulse{
  0%{opacity:.82;transform:scale(1)}
  50%{opacity:1;transform:scale(1.02)}
  100%{opacity:.82;transform:scale(1)}
}
@keyframes previewPulse{
  0%{opacity:.82;transform:scale(1);text-shadow:0 0 0 rgba(255,255,255,0)}
  50%{opacity:1;transform:scale(1.02);text-shadow:0 0 12px rgba(255,255,255,.24)}
  100%{opacity:.82;transform:scale(1);text-shadow:0 0 0 rgba(255,255,255,0)}
}

@media (prefers-reduced-motion: reduce){
  .lr-public-card::after{animation:none!important;display:none!important}
  .premium-link,.premium-link::after,.lr-footer-cta{animation:none!important;transition:none!important}
}

@media (max-width: 1024px){
  .lr-admin-main{padding:18px}
}
@media (max-width: 480px){
  .lr-public-body{padding:14px 8px 20px}
  .lr-public-card{border-radius:32px;padding:24px 16px 20px}
  #name{font-size:1.8rem}
  #bio{font-size:.92rem}
  .premium-link{min-height:68px;grid-template-columns:44px 1fr 38px;padding:9px 12px 9px 14px}
  .premium-link .link-icon-wrap{width:40px;height:40px;font-size:1rem}
  .premium-link .link-arrow-wrap{width:34px;height:34px;font-size:.76rem}
  .premium-link .link-label{font-size:.86rem}
  .lr-info-banner{font-size:.66rem}
  .lr-footer-brand{font-size:1.42rem;letter-spacing:.17em}
  .lr-footer-sub{font-size:.68rem}
  .lr-footer-chip{font-size:.68rem;min-height:32px;padding:0 12px}
  .lr-footer-cta{font-size:.74rem}
}

#btnSave{position:relative;z-index:1}

body.lr-color-modal-open{overflow:hidden}

#qrcode svg{overflow:visible}

/* Linkroot public landing page */
.lr-home-body{
  margin:0;
  min-height:100vh;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#e5edf8;
  background:
    radial-gradient(circle at 12% 8%, rgba(14,165,233,.16), transparent 24%),
    radial-gradient(circle at 88% 10%, rgba(124,58,237,.16), transparent 24%),
    radial-gradient(circle at 50% 95%, rgba(34,197,94,.10), transparent 26%),
    linear-gradient(180deg,#02060b 0%,#07111f 42%,#03070c 100%);
  overflow-x:hidden;
}
.lr-home-noise{
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg, black, transparent 80%);
}
.lr-home-header{
  position:relative;
  z-index:20;
  width:min(1180px, calc(100% - 32px));
  margin:18px auto 0;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:28px;
  background:rgba(2,6,23,.58);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}
.lr-home-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.16em;
}
.lr-home-brand-mark{
  width:42px;
  height:42px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#7c3aed,#0ea5e9);
  box-shadow:0 16px 30px rgba(14,165,233,.18);
}
.lr-home-nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.lr-home-nav a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  color:rgba(226,232,240,.78);
  text-decoration:none;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.lr-home-nav a:hover{
  background:rgba(255,255,255,.07);
  color:#fff;
  transform:translateY(-1px);
}
.lr-home-admin-link{
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.48);
}
.lr-home-main{
  position:relative;
  z-index:2;
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
}
.lr-home-hero{
  min-height:calc(100vh - 110px);
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(330px, .72fr);
  gap:42px;
  align-items:center;
  padding:70px 0 56px;
}
.lr-home-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.18);
  background:rgba(14,165,233,.08);
  color:#bae6fd;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.lr-home-hero h1{
  max-width:760px;
  margin:22px 0 18px;
  font-size:clamp(3rem, 7vw, 6.7rem);
  line-height:.88;
  letter-spacing:-.075em;
  font-weight:900;
  color:#fff;
}
.lr-home-lead{
  max-width:710px;
  margin:0;
  color:rgba(203,213,225,.82);
  font-size:clamp(1.05rem, 1.7vw, 1.3rem);
  line-height:1.62;
}
.lr-home-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:30px;
}
.lr-home-primary-btn,
.lr-home-secondary-btn{
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 22px;
  border-radius:18px;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.82rem;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease;
}
.lr-home-primary-btn{
  color:#fff;
  background:linear-gradient(135deg,#25d366,#128c7e);
  box-shadow:0 20px 42px rgba(18,140,126,.28);
}
.lr-home-secondary-btn{
  color:#e5edf8;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(15,23,42,.62);
}
.lr-home-primary-btn:hover,
.lr-home-secondary-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
}
.lr-home-trust-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px;
}
.lr-home-trust-row span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(2,6,23,.38);
  color:rgba(226,232,240,.76);
  font-size:.78rem;
  font-weight:800;
}
.lr-home-hero-visual{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}
.lr-home-phone-glow{
  position:absolute;
  width:360px;
  height:620px;
  border-radius:70px;
  background:linear-gradient(180deg, rgba(14,165,233,.34), rgba(124,58,237,.28));
  filter:blur(36px);
  opacity:.66;
}
.lr-home-phone{
  position:relative;
  width:min(390px, 100%);
  min-height:690px;
  padding:28px 20px 24px;
  border-radius:48px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg, rgba(10,15,29,.96), rgba(2,6,23,.96));
  box-shadow:0 34px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
}
.lr-home-phone::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.05), transparent 18%);
}
.lr-home-phone > *{position:relative;z-index:1}
.lr-home-phone-top{
  width:118px;
  height:22px;
  margin:0 auto 26px;
  border-radius:999px;
  background:#020617;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.lr-home-demo-logo{
  width:98px;
  height:98px;
  margin:0 auto 18px;
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#7c3aed,#0ea5e9);
  color:#fff;
  font-size:2rem;
  font-weight:900;
  letter-spacing:-.08em;
  box-shadow:0 18px 42px rgba(14,165,233,.18);
}
.lr-home-phone h2{
  margin:0;
  text-align:center;
  color:#fff;
  font-size:1.84rem;
  line-height:1;
  font-weight:900;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.lr-home-phone p{
  margin:10px auto 0;
  max-width:270px;
  text-align:center;
  color:rgba(203,213,225,.84);
  line-height:1.4;
}
.lr-home-demo-banner{
  margin:22px 0 18px;
  min-height:56px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px;
  color:rgba(226,232,240,.9);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  text-transform:uppercase;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
}
.lr-home-demo-link{
  position:relative;
  min-height:66px;
  margin-bottom:12px;
  padding:0 52px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(180deg,#020617,#111827);
  border:1px solid rgba(226,232,240,.18);
  box-shadow:0 16px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.04);
  font-weight:900;
  text-transform:uppercase;
}
.lr-home-demo-link i:first-child{position:absolute;left:22px;font-size:1.1rem;color:#67e8f9}
.lr-home-demo-link i:last-child{position:absolute;right:22px;font-size:.9rem;color:#cbd5e1}
.lr-home-demo-footer{
  margin-top:26px;
  text-align:center;
  color:#fff;
}
.lr-home-demo-footer strong{
  display:block;
  font-size:1.45rem;
  letter-spacing:.22em;
}
.lr-home-demo-footer span{
  display:block;
  margin-top:8px;
  color:rgba(203,213,225,.74);
  font-size:.76rem;
  letter-spacing:.20em;
  text-transform:uppercase;
}
.lr-home-section{
  padding:72px 0 34px;
}
.lr-home-section-head{
  max-width:820px;
  margin-bottom:28px;
}
.lr-home-section-head h2,
.lr-home-cta-panel h2{
  margin:18px 0 0;
  color:#fff;
  font-size:clamp(2rem, 4vw, 4rem);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:900;
}
.lr-home-feature-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}
.lr-home-feature-card{
  min-height:230px;
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg, rgba(15,23,42,.68), rgba(2,6,23,.46));
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
.lr-home-feature-card > i{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#7c3aed,#0ea5e9);
  margin-bottom:18px;
}
.lr-home-feature-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:1.05rem;
  font-weight:900;
  letter-spacing:-.02em;
}
.lr-home-feature-card p{
  margin:0;
  color:rgba(203,213,225,.76);
  line-height:1.55;
  font-size:.93rem;
}
.lr-home-cta-panel{
  margin:56px 0 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:34px;
  border-radius:34px;
  border:1px solid rgba(125,211,252,.18);
  background:linear-gradient(135deg, rgba(14,165,233,.12), rgba(124,58,237,.10)), rgba(2,6,23,.62);
  box-shadow:0 20px 54px rgba(0,0,0,.30);
}
.lr-home-cta-panel p{
  max-width:650px;
  margin:14px 0 0;
  color:rgba(203,213,225,.78);
  line-height:1.58;
}
.lr-home-cta-button{
  flex:0 0 auto;
}
.lr-home-footer{
  position:relative;
  z-index:2;
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
  padding:18px 0 34px;
  text-align:center;
  color:rgba(226,232,240,.78);
  font-size:.82rem;
  line-height:1.6;
}
.lr-home-footer-inner{
  padding:15px 18px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(15,23,42,.46);
  border-radius:20px;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.lr-whatsapp-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  max-width:350px;
  padding:12px 18px 12px 14px;
  border-radius:999px;
  text-decoration:none;
  color:#ffffff;
  background:linear-gradient(135deg,#25d366,#128c7e);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 34px rgba(18,140,126,.34);
  font-weight:900;
  letter-spacing:.01em;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
  animation:lrWhatsappPulse 2s infinite;
}
.lr-whatsapp-float:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 20px 42px rgba(18,140,126,.44);
  filter:brightness(1.04);
}
.lr-whatsapp-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  font-size:1.1rem;
}
.lr-whatsapp-text{
  font-size:.9rem;
  line-height:1.2;
}
@keyframes lrWhatsappPulse{
  0%{box-shadow:0 0 0 0 rgba(37,211,102,.45),0 16px 34px rgba(18,140,126,.34)}
  70%{box-shadow:0 0 0 16px rgba(37,211,102,0),0 16px 34px rgba(18,140,126,.34)}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 16px 34px rgba(18,140,126,.34)}
}
@media (max-width: 980px){
  .lr-home-hero{grid-template-columns:1fr;gap:34px;padding:54px 0 46px}
  .lr-home-hero-copy{text-align:center}
  .lr-home-lead{margin-left:auto;margin-right:auto}
  .lr-home-actions,.lr-home-trust-row{justify-content:center}
  .lr-home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lr-home-cta-panel{align-items:flex-start;flex-direction:column}
}
@media (max-width: 680px){
  .lr-home-header{align-items:flex-start;flex-direction:column;border-radius:24px}
  .lr-home-nav{justify-content:flex-start;width:100%}
  .lr-home-nav a{font-size:.7rem;padding:0 10px}
  .lr-home-main,.lr-home-header,.lr-home-footer{width:min(100% - 24px,1180px)}
  .lr-home-hero{padding:42px 0 34px}
  .lr-home-hero h1{font-size:clamp(2.75rem, 15vw, 4rem)}
  .lr-home-actions a{width:100%}
  .lr-home-phone{min-height:620px;border-radius:38px;padding:24px 16px 20px}
  .lr-home-feature-grid{grid-template-columns:1fr}
  .lr-home-cta-panel{padding:24px;border-radius:28px}
  .lr-whatsapp-float{right:12px;left:12px;bottom:12px;max-width:none;justify-content:center;padding:12px 16px}
  .lr-whatsapp-text{font-size:.84rem}
  .lr-home-footer{padding-bottom:96px}
}


/* =========================================================
   Linkroot Public Launch Branding
   Logo assets expected:
   img/logo.png
   img/logo-mark.png
   img/favicon.png
   ========================================================= */

.lr-home-logo-img{
  display:block;
  width:min(220px, 58vw);
  height:auto;
  max-height:72px;
  object-fit:contain;
  filter:drop-shadow(0 14px 24px rgba(14,165,233,.12));
}

.lr-home-brand{
  min-height:64px;
  padding:6px 10px;
}

.lr-home-demo-logo{
  background:rgba(2,6,23,.75);
  border:1px solid rgba(125,211,252,.20);
  overflow:hidden;
}

.lr-home-demo-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.lr-admin-login-logo{
  width:min(280px, 100%);
  height:auto;
  display:block;
  margin:0 auto 18px;
  border-radius:22px;
  filter:drop-shadow(0 16px 30px rgba(14,165,233,.12));
}

.lr-admin-header-card{
  min-height:0;
}

.lr-admin-header-logo{
  width:min(190px, 100%);
  height:auto;
  display:block;
  margin:0 0 8px;
  filter:drop-shadow(0 12px 22px rgba(14,165,233,.10));
}

@media (max-width: 680px){
  .lr-home-logo-img{
    width:min(210px, 72vw);
  }
  .lr-home-brand{
    width:100%;
    justify-content:center;
  }
  .lr-admin-header-logo{
    width:min(185px, 72vw);
  }
}


/* Linkroot Pro palette upgrades */
.lr-bg-mode-panel{
  position:relative;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.12);
  background:linear-gradient(180deg, rgba(2,6,23,.54), rgba(15,23,42,.36));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.lr-angle-value{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(125,211,252,.22);
  background:rgba(14,165,233,.08);
  color:#bae6fd;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
}
.lr-gradient-range{
  width:100%;
  accent-color:#0ea5e9;
}
#gradient-options{transition:opacity .18s ease, filter .18s ease}
#gradient-options.is-muted{opacity:.45;filter:saturate(.65)}
.lr-palette-note{
  display:flex;
  gap:8px;
  align-items:flex-start;
  color:rgba(191,219,254,.66);
  font-size:.70rem;
  line-height:1.45;
  font-weight:700;
}

/* =========================================================
   LINKROOT PRO SUITE ADD-ONS
   Templates · Promo · QR Premium · Analytics · Footer Modes
   ========================================================= */
.lr-template-panel,
.lr-mini-panel,
.lr-analytics-mini{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.12);
  background:linear-gradient(180deg, rgba(15,23,42,.54), rgba(2,6,23,.46));
  border-radius:24px;
  padding:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.lr-template-panel::before,
.lr-mini-panel::before,
.lr-analytics-mini::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 20% 0%, rgba(14,165,233,.08), transparent 36%);
}
.lr-template-panel>* , .lr-mini-panel>* , .lr-analytics-mini>*{position:relative;z-index:1}
.lr-template-btn{
  min-height:74px;
  border:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg, rgba(15,23,42,.82), rgba(2,6,23,.72));
  border-radius:18px;
  color:#e5edf8;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.lr-template-btn i{font-size:18px;color:#7dd3fc;text-shadow:0 0 18px rgba(14,165,233,.28)}
.lr-template-btn:hover{transform:translateY(-2px);border-color:rgba(125,211,252,.38);box-shadow:0 18px 32px rgba(2,132,199,.12);background:linear-gradient(180deg, rgba(30,41,59,.92), rgba(2,6,23,.82))}
.lr-switch-wrap{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(2,6,23,.58);
  border-radius:999px;
  min-height:34px;
  padding:0 12px;
  color:rgba(226,232,240,.88);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.lr-switch-wrap input{accent-color:#0ea5e9}
.lr-native-color-label{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 10px 0 12px;
  border-radius:14px;
  background:rgba(2,6,23,.58);
  border:1px solid rgba(148,163,184,.12);
  color:rgba(226,232,240,.82);
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.lr-native-color-label input[type="color"]{
  appearance:none;
  -webkit-appearance:none;
  width:32px;
  height:28px;
  padding:0;
  border:0;
  border-radius:9px;
  overflow:hidden;
  background:transparent;
  cursor:pointer;
}
.lr-native-color-label input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.lr-native-color-label input[type="color"]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.16);border-radius:9px}
.lr-native-color-label.small{min-height:36px;font-size:.56rem;border-radius:12px;background:rgba(15,23,42,.40)}
.lr-row-color-tools{padding-top:2px}
.lr-status-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(15,23,42,.68);
  color:#cbd5e1;
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.lr-status-chip.published{background:rgba(22,163,74,.14);border-color:rgba(34,197,94,.24);color:#86efac}
.lr-status-chip.vip{background:rgba(124,58,237,.18);border-color:rgba(167,139,250,.28);color:#c4b5fd}
.lr-status-chip.draft,.lr-status-chip.ready{background:rgba(14,165,233,.14);border-color:rgba(56,189,248,.24);color:#7dd3fc}
.lr-status-chip.archived{background:rgba(100,116,139,.16);border-color:rgba(148,163,184,.22);color:#cbd5e1}
.lr-status-chip.needs-update{background:rgba(245,158,11,.16);border-color:rgba(251,191,36,.24);color:#fde68a}
.lr-status-chip.suspended{background:rgba(239,68,68,.16);border-color:rgba(248,113,113,.30);color:#fecaca}
.lr-status-chip.inactive,.lr-status-chip.deleted{background:rgba(15,23,42,.74);border-color:rgba(148,163,184,.28);color:#94a3b8}
.lr-action-hub-menu button.danger,.lr-action-hub-menu button[data-action-hub="delete"]{color:#fecaca}
.lr-action-hub-menu button.danger i,.lr-action-hub-menu button[data-action-hub="delete"] i{color:#f87171}
.lr-action-hub-menu button.danger:hover,.lr-action-hub-menu button[data-action-hub="delete"]:hover{background:rgba(239,68,68,.12);color:#fff}
.lr-client-lifecycle{padding:12px;border-radius:20px;background:rgba(15,23,42,.32);border:1px solid rgba(255,255,255,.07)}
.lr-life-btn.danger{border-color:rgba(248,113,113,.28)!important;color:#fecaca!important;background:rgba(239,68,68,.08)!important}
.lr-life-btn.danger:hover{background:rgba(239,68,68,.14)!important;border-color:rgba(248,113,113,.44)!important}
.premium-promo-card{
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:18px;
  margin:4px 0 18px;
  color:var(--promo-text,#fff);
  background:
    radial-gradient(circle at 14% 0%, rgba(255,255,255,.10), transparent 34%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--promo-color,#7c3aed) 84%, #ffffff 8%) 0%,
      var(--promo-color,#7c3aed) 44%,
      color-mix(in srgb, var(--promo-color,#7c3aed) 46%, #050816 54%) 100%);
  border:1px solid var(--promo-border, rgba(255,255,255,.15));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -18px 26px rgba(0,0,0,.15), 0 20px 34px rgba(0,0,0,.20);
}
.premium-promo-card::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,0) 42%);opacity:.72}
.premium-promo-card>*{position:relative;z-index:1}
.premium-promo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.premium-promo-badge,.premium-promo-countdown,.premium-promo-chip,.premium-promo-cta{backdrop-filter:blur(8px)}
.premium-promo-badge{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.premium-promo-countdown{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(5,8,22,.22);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--promo-muted, rgba(255,255,255,.80))}
.premium-promo-headline{font-size:24px;font-weight:900;line-height:1.02;letter-spacing:-.04em;margin-bottom:8px}
.premium-promo-description{font-size:13px;line-height:1.35;color:var(--promo-muted, rgba(255,255,255,.82));margin-bottom:12px}
.premium-promo-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.premium-promo-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--promo-chip, rgba(255,255,255,.10));border:1px solid var(--promo-chip-border, rgba(255,255,255,.14));font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--promo-text,#fff)}
.premium-promo-cta{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.20);padding:0 14px;color:inherit;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 18px rgba(0,0,0,.12)}
.lr-footer-link.is-white-label .lr-footer-kicker,
.lr-footer-link.is-white-label .lr-footer-sub,
.lr-footer-link.is-white-label .lr-footer-chip,
.lr-footer-link.is-white-label .lr-footer-cta{display:none}
.lr-footer-link.is-white-label .lr-footer-brand{font-size:16px;letter-spacing:.08em;opacity:.86}
.lr-analytics-mini{padding:16px}
.lr-analytics-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(148,163,184,.08);padding:9px 0;color:rgba(226,232,240,.74);font-size:.72rem;font-weight:700}
.lr-analytics-line:last-child{border-bottom:0}
.lr-analytics-line b{color:#fff;font-weight:900;font-size:.76rem;text-align:right;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width: 640px){
  .premium-promo-headline{font-size:21px}
  .premium-promo-description{font-size:12px}
}


.lr-range-label{
  display:grid;
  gap:8px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(2,6,23,.58);
  color:rgba(226,232,240,.80);
  font-size:.62rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:900;
}
.lr-range-label span{color:#7dd3fc;font-size:.68rem;letter-spacing:.08em}
.lr-range-label input[type="range"]{width:100%;accent-color:#0ea5e9}

/* QR Premium Fix: better styling controls and stronger visual stage */
.lr-check-line{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(2,6,23,.58);
  color:rgba(226,232,240,.84);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.lr-check-line input{accent-color:#0ea5e9}
.lr-qr-stage{
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.lr-qrcode-core{
  width:240px;
  height:240px;
  padding:16px;
  border-radius:30px;
  transition:background .22s ease,box-shadow .22s ease,transform .22s ease;
}
.lr-qrcode-core:hover{transform:translateY(-1px)}
.lr-qrcode-core svg{
  width:208px !important;
  height:208px !important;
  min-width:208px;
  min-height:208px;
  max-width:208px;
  max-height:208px;
}
@media (max-width: 420px){
  .lr-qrcode-core{width:220px;height:220px;padding:12px}
  .lr-qrcode-core svg{width:196px!important;height:196px!important;min-width:196px;min-height:196px;max-width:196px;max-height:196px}
}

/* Linkroot Action Hub + Quick Wheel */
.lr-action-hub{position:relative;z-index:70}
.lr-action-hub-toggle{
  min-height:42px;display:inline-flex;align-items:center;gap:10px;padding:0 15px;border-radius:999px;
  background:linear-gradient(135deg,rgba(25,217,255,.12),rgba(124,58,237,.15));
  border:1px solid rgba(255,255,255,.13);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(0,0,0,.22);transition:.2s ease;
}
.lr-action-hub-toggle:hover,.lr-action-hub.open .lr-action-hub-toggle{transform:translateY(-1px);border-color:rgba(25,217,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 38px rgba(25,217,255,.12)}
.lr-action-hub-menu{
  position:absolute;right:0;top:calc(100% + 12px);width:min(330px,calc(100vw - 32px));padding:12px;border-radius:24px;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(4,8,20,.96));border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 0 1px rgba(25,217,255,.05);backdrop-filter:blur(20px);overflow:hidden;
}
.lr-action-hub-menu::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(25,217,255,.12),transparent 42%),radial-gradient(circle at bottom left,rgba(124,58,237,.15),transparent 45%);pointer-events:none}
.lr-action-hub-menu>*{position:relative;z-index:1}
.lr-action-hub-menu button{
  width:100%;min-height:44px;padding:0 13px;border:0;border-radius:16px;display:flex;align-items:center;gap:11px;
  background:transparent;color:#dbeafe;font-size:12px;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:.18s ease;
}
.lr-action-hub-menu button i{width:18px;color:#67e8f9;text-align:center}.lr-action-hub-menu button:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}
.lr-action-hub-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);margin:8px 4px}
/* Floating Quick Wheel: compact in corner, expands away from the edge so all actions are visible */
.lr-quick-wheel{
  position:fixed;
  right:22px;
  bottom:24px;
  z-index:80;
  width:76px;
  height:76px;
  transition:right .42s cubic-bezier(.2,.8,.2,1), bottom .42s cubic-bezier(.2,.8,.2,1), transform .28s ease;
}
.lr-quick-wheel.open{
  right:min(190px, calc(50vw - 32px));
  bottom:min(190px, calc(50vh - 32px));
}
.lr-quick-wheel.open::before{
  content:"";
  position:absolute;
  inset:-162px;
  border-radius:999px;
  pointer-events:none;
  background:radial-gradient(circle, rgba(25,217,255,.11), transparent 58%);
  filter:blur(4px);
  opacity:.9;
}
.lr-quick-wheel-toggle{
  position:absolute;right:0;bottom:0;width:64px;height:64px;border-radius:999px;border:1px solid rgba(255,255,255,.16);
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 38%),linear-gradient(135deg,#7c3aed,#19d9ff);
  color:white;display:grid;place-items:center;font-size:22px;box-shadow:0 20px 55px rgba(25,217,255,.25),0 0 0 7px rgba(255,255,255,.035);cursor:pointer;transition:.25s ease;
}
.lr-quick-wheel-toggle:hover,.lr-quick-wheel.open .lr-quick-wheel-toggle{transform:translateY(-3px) rotate(12deg);box-shadow:0 28px 70px rgba(25,217,255,.36),0 0 0 9px rgba(255,255,255,.05)}
.lr-quick-wheel-menu{position:absolute;right:6px;bottom:6px;width:64px;height:64px;transform-origin:center;transition:transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.lr-quick-wheel.open .lr-quick-wheel-menu{pointer-events:auto}
.lr-wheel-item{
  --angle:calc((360deg / 7) * var(--i));
  position:absolute;left:0;top:0;width:62px;height:62px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(5,8,22,.95));color:#fff;
  display:grid;place-items:center;gap:0;font-size:17px;box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;
  opacity:0;transform:rotate(var(--angle)) translate(0) rotate(calc(var(--angle) * -1)) scale(.65);transition:.35s cubic-bezier(.2,.8,.2,1);
}
.lr-wheel-item span{position:absolute;top:67px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:#dbeafe;text-shadow:0 2px 10px #000;opacity:0;transition:.2s ease}
.lr-wheel-item i{color:#67e8f9}.lr-quick-wheel.open .lr-wheel-item{opacity:1;transform:rotate(var(--angle)) translate(-122px) rotate(calc(var(--angle) * -1)) scale(1)}
.lr-quick-wheel.open .lr-wheel-item span{opacity:.92}.lr-wheel-item:hover{background:linear-gradient(135deg,rgba(25,217,255,.24),rgba(124,58,237,.34));border-color:rgba(25,217,255,.34);transform:rotate(var(--angle)) translate(-128px) rotate(calc(var(--angle) * -1)) scale(1.05)!important}
@media(max-width:720px){
  .lr-action-hub-menu{right:auto;left:0}
  .lr-quick-wheel{right:14px;bottom:14px}
  .lr-quick-wheel.open{right:min(132px, calc(50vw - 26px));bottom:min(152px, calc(50vh - 26px))}
  .lr-quick-wheel.open::before{inset:-120px;opacity:.72}
  .lr-quick-wheel.open .lr-wheel-item{transform:rotate(var(--angle)) translate(-96px) rotate(calc(var(--angle) * -1)) scale(.92)}
  .lr-wheel-item:hover{transform:rotate(var(--angle)) translate(-100px) rotate(calc(var(--angle) * -1)) scale(.98)!important}
  .lr-wheel-item span{display:none}
}



/* Promo Pro + Footer stack layout fix
   Promo stays full-width on top.
   Footer / Plan stays full-width below.
   This prevents the right panel from getting cut off on narrower admin widths. */
.lr-promo-footer-row{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
}
.lr-promo-panel,
.lr-footer-plan-panel{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:auto !important;
  height:auto !important;
  align-self:stretch !important;
}
.lr-footer-plan-panel{
  align-self:stretch !important;
}
.lr-footer-plan-panel .grid.grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
@media (max-width:540px){
  .lr-footer-plan-panel .grid.grid-cols-2{
    grid-template-columns:1fr !important;
  }
}


/* Linkroot Promo Pro coupon link */
.premium-promo-chip-link{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, filter .18s ease;
}
.premium-promo-chip-link:hover{
  transform:translateY(-1px);
  filter:brightness(1.08) saturate(1.08);
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.26)!important;
}
.premium-promo-chip-link i{
  margin-left:6px;
  font-size:.82em;
}

/* Promo Pro coupon tools */
.lr-coupon-tools{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
}
.lr-coupon-tool-btn{
  min-height:42px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.16);
  background:rgba(15,23,42,.46);
  color:#e5edff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.lr-coupon-tool-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(56,189,248,.34);
  background:rgba(15,23,42,.72);
  box-shadow:0 12px 26px rgba(8,145,178,.10);
}
.lr-coupon-download-btn{
  background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(14,165,233,.24));
  border-color:rgba(56,189,248,.24);
}
.lr-coupon-help{
  color:rgba(203,213,225,.62);
  font-size:11px;
  line-height:1.45;
  font-weight:700;
}
@media (max-width:760px){
  .lr-coupon-tools{
    grid-template-columns:1fr;
  }
}


/* Public coupon download pulse */
.premium-promo-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.premium-promo-actions .premium-promo-cta{margin:0}
.premium-promo-download{position:relative;overflow:hidden;animation:linkrootPulse 1.8s ease-in-out infinite;background:rgba(255,255,255,.22)!important}
.premium-promo-download::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 rgba(255,255,255,.34);animation:linkrootPulseRing 1.8s ease-out infinite}
.premium-promo-download:hover{animation-play-state:paused;transform:translateY(-2px)}
@keyframes linkrootPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.06)}}
@keyframes linkrootPulseRing{0%{box-shadow:0 0 0 0 rgba(255,255,255,.32)}70%{box-shadow:0 0 0 14px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}


/* Download Coupon Pro Styling */
.lr-promo-style-pro{border:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.26);border-radius:22px;padding:12px;margin-top:8px}
.lr-promo-style-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#dbeafe;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.lr-promo-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.lr-style-control{display:grid;gap:6px;min-width:0}
.lr-style-control-wide{grid-column:1/-1}
.lr-style-control span{font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(226,232,240,.70)}
.lr-style-control input[type="text"],.lr-style-control input[type="color"]{width:100%;height:42px;border-radius:15px;border:1px solid rgba(148,163,184,.13);background:rgba(2,6,23,.62);color:#fff;outline:none}
.lr-style-control input[type="text"]{padding:0 12px;font-size:.78rem;font-weight:800}
.lr-style-control input[type="color"]{padding:4px;cursor:pointer}
.premium-promo-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.premium-promo-actions .premium-promo-cta{margin:0}
.premium-promo-code-chip{background:var(--promo-code-bg,#fff)!important;color:var(--promo-code-text,#111827)!important;border-color:var(--promo-code-border,#f8c85f)!important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.16),0 0 18px var(--promo-code-glow,rgba(248,200,95,.28));text-shadow:none!important}
.premium-promo-download{position:relative;overflow:hidden;animation:linkrootPulse 1.8s ease-in-out infinite;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.40),transparent 34%),linear-gradient(135deg,var(--promo-download-color,#f8c85f),color-mix(in srgb,var(--promo-download-color,#f8c85f) 72%,#000 28%))!important;color:var(--promo-download-text,#111827)!important;border-color:rgba(255,255,255,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 12px 24px rgba(0,0,0,.20),0 0 28px var(--promo-download-glow,rgba(248,200,95,.42))!important;text-shadow:none}
.premium-promo-download::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 var(--promo-download-glow,rgba(248,200,95,.38));animation:linkrootPulseRing 1.8s ease-out infinite}
.premium-promo-download:hover{animation-play-state:paused;transform:translateY(-2px)}
@media(max-width:520px){.lr-promo-style-grid{grid-template-columns:1fr}.premium-promo-actions{gap:8px}.premium-promo-download{width:100%}}


/* Linkroot Hours Pro */
.lr-row-hours{
  width:100%;
  min-height:138px;
  resize:vertical;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(2,6,23,.58);
  color:#fff;
  padding:14px 16px;
  outline:none;
  font-size:.82rem;
  line-height:1.55;
  font-weight:700;
}
.lr-row-hours:focus{
  border-color:rgba(34,211,238,.46);
  box-shadow:0 0 0 4px rgba(34,211,238,.08);
}
.hours-helper{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:rgba(203,213,225,.66);
  font-size:.68rem;
  line-height:1.45;
  font-weight:800;
  padding:2px 4px 0;
}
.link-row.is-hours-row{
  border-color:rgba(34,211,238,.18);
  box-shadow:0 0 0 1px rgba(34,211,238,.04),0 16px 36px rgba(0,0,0,.16);
}
.lr-hours-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:17px;
  margin:0 0 14px;
  color:var(--hours-text,#fff);
  background:
    radial-gradient(circle at 14% 0%,rgba(255,255,255,.10),transparent 34%),
    linear-gradient(135deg,var(--hours-color,#475569),rgba(5,8,22,.72));
  border:1px solid var(--hours-border,rgba(255,255,255,.16));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -16px 24px rgba(0,0,0,.18),0 16px 30px rgba(0,0,0,.22),0 0 24px var(--hours-glow,rgba(71,85,105,.22));
}
.lr-hours-card::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 42%);opacity:.68}
.lr-hours-card>*{position:relative;z-index:1}
.lr-hours-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.lr-hours-head span{display:inline-flex;align-items:center;gap:8px}
.lr-hours-list{display:grid;gap:7px}
.lr-hours-line,.lr-hours-preview-line{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:7px 10px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);font-size:12px}
.lr-hours-line span,.lr-hours-preview-line span{font-weight:900;opacity:.92}
.lr-hours-line b,.lr-hours-preview-line b{font-weight:900;text-align:right}
.lr-hours-line.is-closed b{color:#fca5a5}
.lr-hours-note{margin-top:10px;font-size:10px;line-height:1.5;opacity:.72}
.preview-hours-card{pointer-events:none;cursor:default}

/* QR Persistence Lab — per-client QR save feedback */
.lr-qr-save-status{
  display:inline-flex;align-items:center;gap:6px;
  font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  color:#94a3b8;white-space:nowrap;
}
.lr-qr-save-status::before{content:"";width:6px;height:6px;border-radius:999px;background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.10)}
.lr-qr-save-status[data-state="saving"]{color:#7dd3fc}
.lr-qr-save-status[data-state="saving"]::before{background:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.12),0 0 12px rgba(56,189,248,.34)}
.lr-qr-save-status[data-state="saved"]{color:#86efac}
.lr-qr-save-status[data-state="saved"]::before{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12),0 0 12px rgba(34,197,94,.28)}
.lr-qr-save-status[data-state="pending"]{color:#facc15}
.lr-qr-save-status[data-state="pending"]::before{background:#eab308;box-shadow:0 0 0 3px rgba(234,179,8,.10)}
.lr-qr-save-status[data-state="error"]{color:#fda4af}
.lr-qr-save-status[data-state="error"]::before{background:#fb7185;box-shadow:0 0 0 3px rgba(251,113,133,.12)}


/* QR FRAME PRO LAB V2 */
.is-hidden-control{display:none!important}
.lr-qr-frame-pro{
  padding:10px;border-radius:18px;border:1px solid rgba(148,163,184,.12);
  background:linear-gradient(180deg,rgba(15,23,42,.52),rgba(2,6,23,.42));
}
.lr-qr-frame-pro-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#e2e8f0;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.lr-qr-frame-pro-head small{font-size:8px;color:#86efac;letter-spacing:.14em;padding:4px 7px;border:1px solid rgba(34,197,94,.16);border-radius:999px;background:rgba(34,197,94,.07)}
.lr-qr-stage-badge{--lr-frame-bg:rgba(255,255,255,.06);--lr-frame-fg:#fff;max-width:100%;width:max-content;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.lr-qr-stage-badge[data-style="pill"]{background:var(--lr-frame-bg);border-color:color-mix(in srgb,var(--lr-frame-bg) 78%,white 22%);color:var(--lr-frame-fg);box-shadow:0 8px 18px color-mix(in srgb,var(--lr-frame-bg) 18%,transparent)}
.lr-qr-stage-badge[data-style="outline"]{background:transparent;border-color:var(--lr-frame-bg);color:var(--lr-frame-fg)}
.lr-qr-stage-badge[data-style="plain"]{background:transparent;border-color:transparent;color:var(--lr-frame-fg);box-shadow:none}
.lr-qr-stage-badge span{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
\n\n/* =========================================================\n   PORTAL PREMIUM CONTROLS LAB V1\n   Visible action library · grouped controls · template reveal\n   ========================================================= */\n.lr-template-grid-pro .lr-template-btn-premium{\n  position:relative;\n  border-color:rgba(167,139,250,.18);\n  background:\n    radial-gradient(circle at 50% 0%,rgba(124,58,237,.12),transparent 54%),\n    linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.76));\n}\n.lr-template-btn small{\n  position:absolute;right:8px;top:8px;min-width:26px;height:16px;padding:0 6px;border-radius:999px;\n  display:inline-flex;align-items:center;justify-content:center;\n  background:rgba(124,58,237,.14);border:1px solid rgba(167,139,250,.18);\n  color:#c4b5fd;font-size:.45rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;\n}\n.lr-button-library-note{\n  display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 4px 2px;\n}\n.lr-button-library-note span{\n  min-height:25px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;\n  border:1px solid rgba(148,163,184,.10);background:rgba(2,6,23,.34);\n  color:rgba(191,219,254,.62);font-size:.52rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;\n}\n.lr-button-library-note i{font-size:.62rem;color:#7dd3fc}\n.lr-dropdown-menu{width:270px;max-height:390px;padding:8px 0;}\n.lr-dropdown-section{padding:3px 8px 7px;}\n.lr-dropdown-section + .lr-dropdown-section{border-top:1px solid rgba(148,163,184,.08);padding-top:8px;}\n.lr-dropdown-section-title{\n  min-height:28px;padding:0 7px;display:flex;align-items:center;gap:8px;\n  color:rgba(148,163,184,.62);font-size:.54rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;\n}\n.lr-dropdown-section-title i{width:14px;text-align:center;color:#818cf8}\n.lr-dropdown-item{border-radius:11px;margin:2px 0;padding:10px 10px;}\n.lr-dropdown-item em{\n  margin-left:auto;font-style:normal;border-radius:999px;padding:3px 6px;\n  background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.14);\n  color:#67e8f9;font-size:.43rem;font-weight:900;letter-spacing:.10em;\n}\n.link-row[data-button-group="contact"]{--row-accent:34,211,238}\n.link-row[data-button-group="social"]{--row-accent:129,140,248}\n.link-row[data-button-group="sales"]{--row-accent:52,211,153}\n.link-row[data-button-group="info"]{--row-accent:96,165,250}\n.link-row[data-button-group="special"]{--row-accent:251,191,36}\n.link-row::after{\n  content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:1px;pointer-events:none;\n  background:linear-gradient(90deg,transparent,rgba(var(--row-accent,148,163,184),.22),transparent);\n}\n.lr-row-color-head{\n  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px 0;\n  color:rgba(203,213,225,.55);font-size:.53rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;\n}\n.lr-row-color-head span{display:inline-flex;align-items:center;gap:6px}.lr-row-color-head span i{color:#a78bfa}\n.lr-row-color-sync{\n  min-height:27px;padding:0 9px;border-radius:999px;border:1px solid rgba(167,139,250,.14);\n  background:rgba(124,58,237,.07);color:#c4b5fd;font-size:.48rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;\n  display:inline-flex;align-items:center;gap:5px;transition:.18s ease;\n}\n.lr-row-color-sync:hover{transform:translateY(-1px);border-color:rgba(167,139,250,.34);background:rgba(124,58,237,.13)}\n.lr-row-palette-flash{animation:lrPaletteFlash .68s ease}\n@keyframes lrPaletteFlash{0%{box-shadow:0 0 0 0 rgba(124,58,237,0)}38%{box-shadow:0 0 0 3px rgba(124,58,237,.12),0 0 28px rgba(124,58,237,.14)}100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}}\n.hours-helper div{display:grid;gap:3px}.hours-helper strong{color:#67e8f9;font-size:.55rem;letter-spacing:.12em}.hours-helper span{display:block}\n.link-row.is-hours-row .lr-row-color-head span::after{\n  content:"HOURS PRO";margin-left:5px;padding:3px 6px;border-radius:999px;\n  color:#67e8f9;background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.12);font-size:.43rem;\n}\n@media(max-width:560px){\n  .lr-dropdown-menu{width:min(290px,calc(100vw - 46px));}\n  .lr-button-library-note{gap:5px}.lr-button-library-note span{font-size:.48rem;padding:0 7px}\n}\n

/* =========================================================
   ANALYTICS PRO LAB
   Existing aggregate Firestore counters, surfaced as a
   compact business dashboard. No tracking model changes.
   ========================================================= */
.lr-analytics-pro{
  padding:16px;
  background:
    radial-gradient(circle at 12% 0%, rgba(32,200,255,.10), transparent 34%),
    radial-gradient(circle at 92% 4%, rgba(124,58,237,.09), transparent 30%),
    linear-gradient(180deg, rgba(15,23,42,.74), rgba(2,6,23,.72));
  border-color:rgba(125,211,252,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 34px rgba(0,0,0,.16);
}
.lr-analytics-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}
.lr-analytics-caption{margin-top:4px;color:rgba(148,163,184,.64);font-size:.60rem;line-height:1.35;font-weight:700}
.lr-analytics-live{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:0 9px;border-radius:999px;border:1px solid rgba(52,211,153,.18);background:rgba(6,78,59,.18);color:#86efac;font-size:.52rem;font-weight:950;letter-spacing:.12em}
.lr-analytics-live i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.78)}
.lr-analytics-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:9px}
.lr-analytics-hero{position:relative;overflow:hidden;min-height:92px;padding:12px;border-radius:17px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.lr-analytics-hero::after{content:"";position:absolute;width:72px;height:72px;right:-30px;top:-34px;border-radius:50%;background:rgba(32,200,255,.08);filter:blur(2px)}
.lr-analytics-hero:nth-child(2)::after{background:rgba(124,58,237,.12)}
.lr-analytics-hero span{display:block;color:rgba(191,219,254,.62);font-size:.52rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.lr-analytics-hero strong{display:block;margin-top:5px;color:#f8fafc;font-size:1.72rem;line-height:1;font-weight:950;letter-spacing:-.06em}
.lr-analytics-hero small{display:block;margin-top:7px;color:rgba(148,163,184,.62);font-size:.50rem;font-weight:700;line-height:1.2}
.lr-analytics-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px}
.lr-analytics-action{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;min-height:41px;padding:7px 9px;border-radius:14px;border:1px solid rgba(148,163,184,.09);background:rgba(2,6,23,.52);color:rgba(226,232,240,.74)}
.lr-analytics-action i{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:rgba(56,189,248,.08);color:#7dd3fc;font-size:.62rem}
.lr-analytics-action:nth-child(2) i{color:#fdba74;background:rgba(249,115,22,.08)}
.lr-analytics-action:nth-child(3) i{color:#c4b5fd;background:rgba(124,58,237,.09)}
.lr-analytics-action:nth-child(4) i{color:#f0abfc;background:rgba(192,38,211,.08)}
.lr-analytics-action:nth-child(5) i{color:#f9a8d4;background:rgba(219,39,119,.08)}
.lr-analytics-action:nth-child(6) i{color:#cbd5e1;background:rgba(148,163,184,.08)}
.lr-analytics-action span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.53rem;font-weight:850}
.lr-analytics-action b{color:#fff;font-size:.66rem;font-weight:950}
.lr-analytics-insights{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:7px;margin-bottom:8px}
.lr-analytics-insight{min-height:59px;padding:9px 10px;border-radius:14px;border:1px solid rgba(125,211,252,.10);background:linear-gradient(135deg,rgba(14,165,233,.055),rgba(2,6,23,.50))}
.lr-analytics-insight.is-rate{background:linear-gradient(135deg,rgba(124,58,237,.07),rgba(2,6,23,.50));border-color:rgba(167,139,250,.10)}
.lr-analytics-insight span{display:block;color:rgba(148,163,184,.66);font-size:.48rem;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
.lr-analytics-insight b{display:block;margin-top:5px;color:#f8fafc;font-size:.66rem;font-weight:950;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr-analytics-insight.is-rate b{font-size:.88rem;color:#c4b5fd}
.lr-analytics-insight small{display:block;margin-top:2px;color:rgba(148,163,184,.54);font-size:.44rem;font-weight:700}
.lr-analytics-last{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:14px;border:1px solid rgba(148,163,184,.09);background:rgba(2,6,23,.46)}
.lr-analytics-last span{display:inline-flex;align-items:center;gap:6px;color:rgba(148,163,184,.70);font-size:.51rem;font-weight:850}
.lr-analytics-last span i{color:#7dd3fc}
.lr-analytics-last b{max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.55rem;font-weight:950;text-align:right}
@media(max-width:1150px){.lr-analytics-action-grid{grid-template-columns:1fr}.lr-analytics-insights{grid-template-columns:1fr}.lr-analytics-hero strong{font-size:1.5rem}}


/* =========================================================
   QR DELIVERY ART / BACKGROUND PRO LAB V1
   Per-client production-art backgrounds. Export-safe: native
   SVG gradients/shapes only; no external images or SVG filters.
   ========================================================= */
.lr-delivery-art-pro{
  padding:11px;border-radius:19px;border:1px solid rgba(125,211,252,.12);
  background:
    radial-gradient(circle at 90% 0%,rgba(124,58,237,.08),transparent 34%),
    linear-gradient(180deg,rgba(15,23,42,.58),rgba(2,6,23,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.lr-delivery-art-pro .lr-qr-frame-pro-head small{color:#fcd34d;border-color:rgba(245,158,11,.17);background:rgba(245,158,11,.06)}
.lr-art-sync{
  min-height:38px;padding:0 11px;border-radius:14px;display:flex;align-items:center;gap:9px;
  border:1px solid rgba(125,211,252,.10);background:rgba(2,6,23,.42);cursor:pointer;
  color:rgba(203,213,225,.76);font-size:.55rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
}
.lr-art-sync input{accent-color:#38bdf8;width:14px;height:14px}.lr-art-sync span{display:flex;align-items:center;gap:7px}.lr-art-sync i{color:#7dd3fc}
.lr-native-color-label.is-art-locked{opacity:.42;filter:saturate(.5)}
#qrArtColorGrid[data-synced="true"]{position:relative}
#qrArtColorGrid[data-synced="true"]::after{content:"SYNC QR";position:absolute;right:7px;top:-7px;padding:2px 6px;border-radius:999px;background:#052e3b;border:1px solid rgba(34,211,238,.16);color:#67e8f9;font-size:.42rem;font-weight:950;letter-spacing:.12em}
.lr-art-note{margin-top:9px;padding:8px 9px;border-radius:13px;display:flex;align-items:flex-start;gap:7px;background:rgba(2,6,23,.36);border:1px solid rgba(148,163,184,.07);color:rgba(148,163,184,.66);font-size:.50rem;font-weight:700;line-height:1.38}
.lr-art-note i{margin-top:1px;color:#a78bfa}
.lr-qr-stage{transition:background .26s ease,border-color .26s ease,box-shadow .26s ease,color .26s ease}
.lr-qr-stage[data-art-tone="light"] .lr-qr-stage-client{color:#475569}
.lr-qr-stage[data-art-tone="light"] .lr-qr-stage-title{color:#0f172a}
.lr-qr-stage[data-art-tone="light"] .lr-qr-stage-subtitle{color:#475569}
.lr-qr-stage[data-art-tone="light"]{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 20px 44px rgba(15,23,42,.16)}
@media(max-width:560px){.lr-delivery-art-pro{padding:10px}.lr-art-note{font-size:.47rem}}


/* =========================================================
   LOGO DISPLAY LAB V1
   Public logo is free by default. Box is optional per client.
   ========================================================= */
.lr-logo-style-panel{
  margin-top:12px;padding:14px;border-radius:20px;border:1px solid rgba(34,211,238,.14);
  background:radial-gradient(circle at 0 0,rgba(34,211,238,.08),transparent 42%),linear-gradient(180deg,rgba(15,23,42,.62),rgba(2,6,23,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.lr-logo-style-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.lr-logo-style-head div{display:grid;gap:2px}
.lr-logo-style-head span:first-child{color:#67e8f9;font-size:.54rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.lr-logo-style-head strong{color:#f8fafc;font-size:.82rem;font-weight:950;letter-spacing:-.02em}
.lr-logo-switch{min-height:34px;padding:0 10px;border-radius:999px;border:1px solid rgba(125,211,252,.16);background:rgba(2,6,23,.38);display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#cbd5e1;font-size:.56rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.lr-logo-switch input{width:15px;height:15px;accent-color:#22c55e}
.lr-logo-style-grid{display:grid;grid-template-columns:minmax(140px,.72fr) minmax(180px,1fr);gap:10px;align-items:center}
.lr-logo-box-option{grid-column:1/-1;justify-content:flex-start;border-style:dashed;color:#93a4b8}
.lr-logo-style-note{margin:10px 0 0;color:#7f91a9;font-size:.55rem;line-height:1.45;font-weight:750;display:flex;gap:7px;align-items:flex-start}
.lr-logo-style-note i{margin-top:2px;color:#a3e635}
#pre-logo.lr-preview-logo-free{border-radius:0;background:transparent;border:0;padding:0;box-shadow:none;transition:filter .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,padding .25s ease,border-radius .25s ease}
#pre-logo.lr-preview-logo-glow{filter:drop-shadow(0 0 var(--lr-preview-logo-glow-size,26px) var(--lr-preview-logo-glow-color,rgba(34,197,94,.72))) drop-shadow(0 15px 25px rgba(0,0,0,.22))}
#pre-logo.lr-preview-logo-box{padding:12px 15px;border-radius:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 32px rgba(0,0,0,.16)}
@media(max-width:720px){.lr-logo-style-grid{grid-template-columns:1fr}.lr-logo-style-head{align-items:stretch}.lr-logo-switch{justify-content:center}}

/* =========================================================
   BRAND HARMONY LAB V1
   Logo color intelligence · harmony previews · palette handoff
   ========================================================= */
.lr-brand-harmony{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(56,189,248,.14);
  border-radius:24px;
  padding:17px;
  background:
    radial-gradient(circle at 6% 0%,rgba(34,211,238,.07),transparent 38%),
    radial-gradient(circle at 96% 0%,rgba(124,58,237,.08),transparent 36%),
    linear-gradient(180deg,rgba(8,15,31,.86),rgba(3,8,20,.74));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.12);
}
.lr-brand-harmony::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(112deg,transparent 0 43%,rgba(255,255,255,.018) 49%,transparent 56%);
}
.lr-brand-harmony-head,.lr-brand-harmony-toolbar{
  position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.lr-brand-harmony-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.lr-brand-harmony-status,.lr-brand-harmony-reanalyze{
  min-height:31px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;
  font-size:.5rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;
}
.lr-brand-harmony-status{border:1px solid rgba(56,189,248,.13);background:rgba(2,6,23,.42);color:#bae6fd}
.lr-brand-harmony-status[data-state="ready"]{color:#6ee7b7;border-color:rgba(16,185,129,.22);background:rgba(6,78,59,.16)}
.lr-brand-harmony-status[data-state="error"]{color:#fca5a5;border-color:rgba(248,113,113,.2);background:rgba(127,29,29,.14)}
.lr-brand-harmony-reanalyze{border:1px solid rgba(167,139,250,.16);background:rgba(124,58,237,.07);color:#c4b5fd;transition:.18s ease}
.lr-brand-harmony-reanalyze:hover{transform:translateY(-1px);background:rgba(124,58,237,.13);border-color:rgba(167,139,250,.32)}
.lr-brand-detected-block{position:relative;z-index:1;margin-top:15px;padding:13px;border-radius:18px;border:1px solid rgba(148,163,184,.08);background:rgba(2,6,23,.36)}
.lr-brand-mini-label{color:rgba(148,163,184,.72);font-size:.52rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.lr-brand-detected-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}
.lr-brand-color-chip{
  min-width:0;display:flex;align-items:center;gap:8px;padding:8px;border-radius:14px;
  background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.08);text-align:left;transition:.18s ease;
}
.lr-brand-color-chip:hover{transform:translateY(-1px);border-color:rgba(56,189,248,.24);background:rgba(15,23,42,.78)}
.lr-brand-color-swatch{width:29px;height:29px;flex:0 0 29px;border-radius:10px;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 14px rgba(0,0,0,.16)}
.lr-brand-color-chip span:last-child{min-width:0;display:grid;gap:2px}
.lr-brand-color-chip b{overflow:hidden;text-overflow:ellipsis;color:#e2e8f0;font-size:.5rem;letter-spacing:.06em;text-transform:uppercase}
.lr-brand-color-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:.45rem;font-weight:800}
.lr-brand-harmony-toolbar{margin-top:15px;align-items:center}
.lr-brand-harmony-toolbar p{margin-top:4px;color:#64748b;font-size:.63rem;line-height:1.45}
.lr-brand-sync-toggle{
  min-height:33px;padding:0 10px;border-radius:12px;border:1px solid rgba(34,211,238,.11);background:rgba(2,6,23,.34);
  display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.5rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer
}
.lr-brand-sync-toggle input{accent-color:#0ea5e9}
.lr-brand-sync-toggle i{color:#67e8f9}
.lr-brand-harmony-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}
.lr-brand-harmony-card{
  min-width:0;padding:12px;border-radius:19px;border:1px solid rgba(148,163,184,.09);
  background:linear-gradient(180deg,rgba(15,23,42,.66),rgba(2,6,23,.58));transition:.2s ease;
}
.lr-brand-harmony-card:hover{transform:translateY(-2px);border-color:rgba(125,211,252,.18);box-shadow:0 14px 32px rgba(0,0,0,.16)}
.lr-brand-harmony-card.is-selected{border-color:rgba(52,211,153,.28);box-shadow:0 0 0 1px rgba(52,211,153,.05),0 14px 34px rgba(0,0,0,.16)}
.lr-brand-harmony-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.lr-brand-harmony-kicker{display:block;color:#64748b;font-size:.43rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.lr-brand-harmony-card h4{margin-top:2px;color:#f8fafc;font-size:.76rem;font-weight:900;letter-spacing:.015em}
.lr-brand-harmony-check{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:rgba(56,189,248,.06);color:#7dd3fc;font-size:.62rem}
.lr-brand-harmony-card.is-selected .lr-brand-harmony-check{background:rgba(16,185,129,.09);color:#6ee7b7}
.lr-brand-harmony-mini{
  --bh-bg:#0a0f1d;--bh-g1:#0ea5e9;--bh-g2:#7c3aed;--bh-btn:#111827;--bh-text:#fff;--bh-btn-text:#fff;
  position:relative;overflow:hidden;height:84px;margin:10px 0;border-radius:14px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(135deg,var(--bh-bg),color-mix(in srgb,var(--bh-g1) 36%,var(--bh-bg)),color-mix(in srgb,var(--bh-g2) 34%,var(--bh-bg)));
  padding:13px;color:var(--bh-text)
}
.lr-brand-harmony-mini-glow{position:absolute;width:80px;height:80px;border-radius:999px;right:-13px;top:-25px;background:var(--bh-g2);opacity:.22;filter:blur(22px)}
.lr-brand-harmony-mini-title{position:relative;font-size:.62rem;font-weight:950;letter-spacing:.14em}
.lr-brand-harmony-mini-line{position:relative;width:54%;height:5px;margin-top:8px;border-radius:999px;background:linear-gradient(90deg,var(--bh-g1),var(--bh-g2));opacity:.82}
.lr-brand-harmony-mini-button{position:absolute;left:13px;bottom:11px;min-width:66px;height:22px;border-radius:999px;background:var(--bh-btn);color:var(--bh-btn-text);display:grid;place-items:center;font-size:.44rem;font-weight:900;letter-spacing:.12em}
.lr-brand-harmony-card>p{min-height:34px;color:#7c8ba1;font-size:.58rem;line-height:1.45}
.lr-brand-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}
.lr-brand-role-grid span{min-width:0;display:grid;grid-template-columns:12px 1fr;column-gap:6px;align-items:center;color:#94a3b8;font-size:.46rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.lr-brand-role-grid i{grid-row:1/3;width:12px;height:12px;border-radius:4px;border:1px solid rgba(255,255,255,.14)}
.lr-brand-role-grid small{grid-column:2;color:#526074;font-size:.42rem;letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr-brand-harmony-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.lr-brand-harmony-card-actions button{
  min-height:31px;border-radius:11px;border:1px solid rgba(148,163,184,.10);background:rgba(2,6,23,.48);color:#cbd5e1;
  display:flex;align-items:center;justify-content:center;gap:6px;font-size:.48rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:.18s ease
}
.lr-brand-harmony-card-actions button:hover{transform:translateY(-1px);border-color:rgba(125,211,252,.22)}
.lr-brand-harmony-card-actions .is-primary{background:linear-gradient(135deg,#22d3ee,#6366f1);border-color:rgba(125,211,252,.34);color:#06111d;box-shadow:0 8px 20px rgba(14,165,233,.10)}
.lr-brand-preview-bar{position:relative;z-index:1;margin-top:10px;min-height:38px;padding:7px 9px 7px 11px;border-radius:13px;border:1px solid rgba(251,191,36,.16);background:rgba(120,53,15,.10);display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fde68a;font-size:.5rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.lr-brand-preview-bar span{display:flex;align-items:center;gap:7px}.lr-brand-preview-bar button{min-height:27px;padding:0 9px;border-radius:9px;border:1px solid rgba(251,191,36,.18);background:rgba(2,6,23,.35);color:#fde68a;font-size:.46rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.lr-brand-empty{grid-column:1/-1;padding:13px;border-radius:13px;border:1px dashed rgba(148,163,184,.10);color:#64748b;font-size:.58rem;text-align:center;background:rgba(2,6,23,.22)}
@supports not (background:color-mix(in srgb,#000 50%,#fff)){
  .lr-brand-harmony-mini{background:linear-gradient(135deg,var(--bh-bg),var(--bh-g1),var(--bh-g2))}
}
@media(max-width:720px){
  .lr-brand-detected-colors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lr-brand-harmony-cards{grid-template-columns:1fr}
}
@media(max-width:430px){
  .lr-brand-harmony{padding:13px;border-radius:20px}
  .lr-brand-harmony-actions{width:100%}
  .lr-brand-harmony-status,.lr-brand-harmony-reanalyze{flex:1;justify-content:center}
  .lr-brand-detected-colors{grid-template-columns:1fr 1fr}
  .lr-brand-sync-toggle{width:100%}
  .lr-brand-preview-bar{align-items:stretch;flex-direction:column}.lr-brand-preview-bar button{width:100%}
}


/* =========================================================
   BRAND HARMONY → PALETA PRO PICKER BRIDGE V1
   Detected logo colors inside all six Paleta Pro pickers
   ========================================================= */
.lr-picker-brand-colors{
  margin:0 0 15px;padding:13px;border-radius:18px;
  border:1px solid rgba(52,211,153,.14);
  background:
    radial-gradient(circle at 10% 0%,rgba(34,211,238,.08),transparent 44%),
    linear-gradient(180deg,rgba(15,23,42,.78),rgba(2,6,23,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.lr-picker-brand-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.lr-picker-brand-head>div{display:grid;gap:3px;min-width:0}
.lr-picker-brand-head span:first-child{
  color:#e2e8f0;font-size:.60rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;
}
.lr-picker-brand-head b{
  color:#67e8f9;font-size:.52rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
}
.lr-picker-brand-count{
  flex:0 0 auto;min-height:27px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;
  border:1px solid rgba(52,211,153,.18);background:rgba(16,185,129,.09);color:#6ee7b7;
  font-size:.48rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;
}
.lr-picker-brand-count.is-empty{border-color:rgba(167,139,250,.15);background:rgba(124,58,237,.07);color:#c4b5fd}
.lr-picker-brand-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.lr-picker-brand-swatch{
  position:relative;min-width:0;padding:7px 5px 6px;border-radius:13px;border:1px solid rgba(148,163,184,.11);
  background:rgba(2,6,23,.55);display:grid;justify-items:center;gap:6px;transition:.16s ease;overflow:hidden;
}
.lr-picker-brand-swatch:hover{transform:translateY(-1px);border-color:rgba(103,232,249,.30);background:rgba(15,23,42,.78)}
.lr-picker-brand-swatch>i{
  display:block;width:100%;height:31px;border-radius:9px;border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 16px rgba(0,0,0,.18);
}
.lr-picker-brand-swatch>span{min-width:0;width:100%;display:grid;gap:2px;text-align:center;color:#e2e8f0;font-size:.43rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.lr-picker-brand-swatch small{overflow:hidden;text-overflow:ellipsis;color:rgba(148,163,184,.75);font-size:.42rem;font-weight:850;letter-spacing:.02em}
.lr-picker-brand-swatch em{
  position:absolute;right:5px;top:5px;width:18px;height:18px;border-radius:999px;display:grid;place-items:center;
  background:#22c55e;color:#02120a;border:2px solid rgba(2,6,23,.82);font-style:normal;font-size:.42rem;
}
.lr-picker-brand-swatch.is-active{border-color:rgba(52,211,153,.48);box-shadow:0 0 0 2px rgba(16,185,129,.08),inset 0 1px 0 rgba(255,255,255,.03)}
.lr-picker-brand-tip{margin:9px 1px 0;display:flex;align-items:flex-start;gap:7px;color:rgba(148,163,184,.72);font-size:.50rem;line-height:1.45;font-weight:750}
.lr-picker-brand-tip i{color:#67e8f9;margin-top:2px}
.lr-picker-brand-empty{
  min-height:48px;border-radius:13px;border:1px dashed rgba(148,163,184,.12);display:flex;align-items:center;padding:9px 11px;
  color:rgba(148,163,184,.72);font-size:.55rem;line-height:1.45;font-weight:750;
}
.lr-picker-brand-empty strong{color:#c4b5fd;margin:0 3px}
@media(max-width:520px){
  .lr-picker-brand-head{align-items:flex-start;flex-direction:column}
  .lr-picker-brand-swatches{grid-template-columns:repeat(5,minmax(48px,1fr));overflow-x:auto;padding-bottom:3px}
  .lr-picker-brand-swatch{min-width:52px}
}

/* =========================================================
   PALETTE PRO -> QR SYNC LAB V1
   Connect final manual art direction to QR + Delivery Art.
   ========================================================= */
.lr-palette-sync-panel{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(56,189,248,.18);
    border-radius:22px;
    padding:16px;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.10), transparent 34%),
        linear-gradient(145deg, rgba(9,18,35,.88), rgba(5,10,22,.94));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.lr-palette-sync-panel::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(110deg, transparent 18%, rgba(255,255,255,.028) 42%, transparent 64%);
    transform:translateX(-72%);
}
.lr-palette-sync-head{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
}
.lr-palette-sync-kicker{
    display:block;
    margin-bottom:4px;
    color:#67e8f9;
    font-size:9px;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.lr-palette-sync-head h4{
    margin:0;
    color:#f8fafc;
    font-size:15px;
    font-weight:900;
    letter-spacing:-.02em;
}
.lr-palette-sync-head p{
    margin:5px 0 0;
    max-width:470px;
    color:#718096;
    font-size:10px;
    line-height:1.55;
}
.lr-palette-sync-badge{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:1px solid rgba(52,211,153,.20);
    border-radius:999px;
    padding:7px 10px;
    background:rgba(16,185,129,.07);
    color:#6ee7b7;
    font-size:8px;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
}
.lr-palette-sync-map{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-top:14px;
}
.lr-palette-sync-map>span{
    min-width:0;
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-areas:"dot label" "dot value";
    align-items:center;
    column-gap:8px;
    padding:9px 10px;
    border:1px solid rgba(148,163,184,.11);
    border-radius:14px;
    background:rgba(2,8,23,.54);
}
.lr-sync-dot{
    grid-area:dot;
    width:22px;
    height:22px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.14);
}
.lr-sync-dot.is-white{box-shadow:inset 0 0 0 1px rgba(15,23,42,.16)}
.lr-palette-sync-map b{
    grid-area:label;
    overflow:hidden;
    color:#94a3b8;
    font-size:7px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.lr-palette-sync-map small{
    grid-area:value;
    margin-top:1px;
    color:#f8fafc;
    font-size:9px;
    font-weight:900;
    letter-spacing:.02em;
}
.lr-palette-sync-actions{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:11px;
}
.lr-palette-sync-btn{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border:1px solid rgba(148,163,184,.15);
    border-radius:14px;
    padding:9px 12px;
    background:#07101f;
    color:#dbeafe;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.lr-palette-sync-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(56,189,248,.36);
    background:#091629;
    box-shadow:0 12px 28px rgba(0,0,0,.20);
}
.lr-palette-sync-btn.is-primary{
    border-color:rgba(103,232,249,.24);
    background:linear-gradient(135deg,#58d9ef 0%,#5089ff 52%,#7558f5 100%);
    color:#03101d;
    box-shadow:0 10px 26px rgba(59,130,246,.14);
}
.lr-palette-sync-btn i{font-size:13px}
.lr-palette-sync-btn span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.12}
.lr-palette-sync-btn b{font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.lr-palette-sync-btn small{margin-top:3px;font-size:7px;font-weight:800;opacity:.68;letter-spacing:.03em}
.lr-palette-sync-note{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    gap:7px;
    margin:10px 2px 0;
    color:#64748b;
    font-size:8px;
    line-height:1.5;
}
.lr-palette-sync-note i{margin-top:2px;color:#a78bfa}
@media (max-width:760px){
    .lr-palette-sync-head{flex-direction:column}
    .lr-palette-sync-map{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
    .lr-palette-sync-actions{grid-template-columns:1fr}
}


/* =========================================================
   PRINT SAFE QR LAB V1
   Brand-assisted solid ink selection without designer lock-in.
   ========================================================= */
.lr-print-safe-qr{
    position:relative;
    z-index:1;
    margin-top:14px;
    padding:14px;
    border-radius:18px;
    border:1px solid rgba(251,191,36,.18);
    background:
        radial-gradient(circle at 100% 0%,rgba(245,158,11,.08),transparent 34%),
        linear-gradient(145deg,rgba(13,16,25,.88),rgba(7,10,17,.94));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.lr-print-safe-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.lr-print-safe-kicker{display:flex;align-items:center;gap:6px;color:#fbbf24;font-size:8px;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}
.lr-print-safe-head h5{margin:0;color:#f8fafc;font-size:13px;font-weight:950;letter-spacing:-.015em}
.lr-print-safe-head p{margin:4px 0 0;max-width:450px;color:#718096;font-size:9px;line-height:1.5;font-weight:650}
.lr-print-safe-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;border:1px solid rgba(251,191,36,.18);background:rgba(245,158,11,.07);color:#fde68a;font-size:7px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}
.lr-print-safe-recommendation{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.055);background:rgba(2,6,23,.34)}
.lr-print-safe-rec-copy>span,.lr-print-safe-label{display:block;color:#64748b;font-size:7px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.lr-print-safe-rec-color{margin-top:5px;display:grid;grid-template-columns:24px auto;column-gap:8px;align-items:center}
.lr-print-safe-rec-color>i{grid-row:1/3;width:24px;height:24px;border-radius:8px;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.lr-print-safe-rec-color>i.is-empty{background:repeating-linear-gradient(45deg,rgba(148,163,184,.12),rgba(148,163,184,.12) 4px,transparent 4px,transparent 8px)!important}
.lr-print-safe-rec-color b{color:#f8fafc;font-size:10px;font-weight:950;line-height:1.1}
.lr-print-safe-rec-color small{margin-top:2px;color:#64748b;font-size:7px;font-weight:700;line-height:1.3}
.lr-print-safe-mini-btn,.lr-print-safe-current-btn{border:1px solid rgba(251,191,36,.18);border-radius:11px;padding:8px 10px;background:rgba(245,158,11,.07);color:#fde68a;font-size:7px;font-weight:950;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:.18s ease}
.lr-print-safe-mini-btn:hover,.lr-print-safe-current-btn:hover{transform:translateY(-1px);border-color:rgba(251,191,36,.36);background:rgba(245,158,11,.12)}
.lr-print-safe-mini-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}
.lr-print-safe-detected-block{margin-top:11px}
.lr-print-safe-swatches{display:flex;gap:7px;overflow-x:auto;margin-top:7px;padding-bottom:2px}
.lr-print-safe-swatch{position:relative;min-width:68px;padding:7px;border-radius:12px;border:1px solid rgba(148,163,184,.10);background:rgba(2,6,23,.30);display:grid;grid-template-columns:20px 1fr;align-items:center;gap:6px;text-align:left;transition:.16s ease}
.lr-print-safe-swatch:hover{border-color:rgba(103,232,249,.25);transform:translateY(-1px)}
.lr-print-safe-swatch>i{width:20px;height:20px;border-radius:7px;border:1px solid rgba(255,255,255,.14)}
.lr-print-safe-swatch>span{color:#cbd5e1;font-size:7px;font-weight:900}
.lr-print-safe-swatch>b{position:absolute;right:4px;top:3px;color:#fbbf24;font-size:5px;font-weight:950;letter-spacing:.06em}
.lr-print-safe-swatch.is-recommended{border-color:rgba(251,191,36,.22);box-shadow:inset 0 0 0 1px rgba(245,158,11,.035)}
.lr-print-safe-swatch.is-active{border-color:rgba(52,211,153,.38);box-shadow:0 0 0 2px rgba(16,185,129,.06),inset 0 1px 0 rgba(255,255,255,.04)}
.lr-print-safe-empty{display:block;color:#64748b;font-size:8px;font-weight:700;line-height:1.4;padding:4px 0}
.lr-print-safe-custom{margin-top:11px;display:grid;grid-template-columns:minmax(115px,1fr) minmax(145px,1.25fr) auto;gap:8px;align-items:center}
.lr-print-safe-custom>div>small{display:block;margin-top:3px;color:#475569;font-size:7px;font-weight:700}
.lr-print-safe-color-field{display:grid;grid-template-columns:28px 18px 1fr;align-items:center;gap:7px;min-height:38px;padding:5px 8px;border-radius:12px;border:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.34);cursor:pointer}
.lr-print-safe-color-field>input[type="color"]{width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.lr-print-safe-color-field>input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.lr-print-safe-color-field>input[type="color"]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.18);border-radius:8px}
.lr-print-safe-color-field>span{width:16px;height:16px;border-radius:999px;border:1px solid rgba(255,255,255,.18)}
.lr-print-safe-color-field>input[type="text"]{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#f8fafc;font-size:10px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.lr-print-safe-toggle{margin-top:11px;display:flex;align-items:flex-start;gap:9px;padding:10px;border-radius:13px;border:1px solid rgba(56,189,248,.12);background:rgba(14,165,233,.045);cursor:pointer}
.lr-print-safe-toggle input{margin-top:2px;accent-color:#22d3ee}
.lr-print-safe-toggle span{display:block;color:#cbd5e1;font-size:8px;line-height:1.35}
.lr-print-safe-toggle b{display:block;color:#e2e8f0;font-size:8px;font-weight:950}
.lr-print-safe-toggle small{display:block;margin-top:3px;color:#64748b;font-size:7px;font-weight:700;line-height:1.4}
.lr-print-safe-apply{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 12px;border-radius:14px;border:1px solid rgba(251,191,36,.24);background:linear-gradient(135deg,rgba(180,83,9,.19),rgba(245,158,11,.10));color:#fef3c7;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:.18s ease}
.lr-print-safe-apply:hover{transform:translateY(-1px);border-color:rgba(251,191,36,.40);box-shadow:0 12px 26px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.05)}
.lr-print-safe-apply>i{font-size:14px;color:#fbbf24}
.lr-print-safe-apply>span{text-align:left}
.lr-print-safe-apply b{display:block;font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.lr-print-safe-apply small{display:block;margin-top:2px;color:#a8a29e;font-size:7px;font-weight:750}
.lr-print-safe-freedom{margin:8px 1px 0;display:flex;align-items:flex-start;gap:6px;color:#64748b;font-size:7px;line-height:1.45;font-weight:700}
.lr-print-safe-freedom i{color:#6ee7b7;margin-top:1px}
@media(max-width:620px){
    .lr-print-safe-head,.lr-print-safe-recommendation{align-items:flex-start;flex-direction:column}
    .lr-print-safe-custom{grid-template-columns:1fr}
    .lr-print-safe-current-btn{width:100%}
}


/* ============================================================
   HIDDEN ENGINE CONSOLE V4
   Surfaces native engines already present in Linkroot.
   ============================================================ */
.lr-engine-console{
  margin-top:16px;padding:16px;border:1px solid rgba(56,189,248,.18);
  border-radius:24px;background:
    radial-gradient(circle at 12% 0%,rgba(34,211,238,.08),transparent 34%),
    linear-gradient(145deg,rgba(8,15,31,.86),rgba(10,13,30,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.lr-engine-console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.lr-engine-console-head h4{margin:3px 0 2px;font-size:15px;font-weight:900;color:#f8fafc}
.lr-engine-console-head p{margin:0;font-size:10px;line-height:1.55;color:#64748b;max-width:560px}
.lr-engine-kicker{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:950;letter-spacing:.17em;color:#67e8f9}
.lr-engine-live{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(52,211,153,.18);background:rgba(16,185,129,.08);font-size:8px;font-weight:950;letter-spacing:.13em;color:#6ee7b7}
.lr-engine-live i{font-size:6px;color:#34d399;filter:drop-shadow(0 0 5px rgba(52,211,153,.6))}
.lr-engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lr-engine-card{min-width:0;padding:13px;border:1px solid rgba(148,163,184,.13);border-radius:18px;background:rgba(2,6,23,.46)}
.lr-engine-card-title{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.lr-engine-card-title>div{display:flex;flex-direction:column;min-width:0}
.lr-engine-card-title b{font-size:11px;color:#f8fafc}
.lr-engine-card-title small{margin-top:2px;font-size:8px;color:#64748b}
.lr-engine-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,rgba(34,211,238,.16),rgba(124,58,237,.13));border:1px solid rgba(103,232,249,.16);color:#67e8f9}
.lr-engine-textarea{margin-top:7px;resize:vertical;min-height:126px;line-height:1.45}
.lr-engine-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.lr-engine-btn{min-height:36px;padding:0 9px;border-radius:11px;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.72);color:#cbd5e1;font-size:8px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;transition:.16s ease}
.lr-engine-btn:hover{transform:translateY(-1px);border-color:rgba(103,232,249,.28);color:#fff}
.lr-engine-btn.is-primary{background:linear-gradient(135deg,#22d3ee,#6366f1);color:#06111b;border-color:transparent}
.lr-engine-note{margin:8px 1px 0;font-size:8px;line-height:1.45;color:#64748b}
.lr-share-preview-stage{position:relative;min-height:177px;display:grid;place-items:center;overflow:hidden;border-radius:15px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(145deg,#020617,#0b1020)}
.lr-share-preview-stage img{display:none;width:100%;height:177px;object-fit:contain}
.lr-share-preview-stage.has-image img{display:block}
.lr-share-preview-stage.has-image #socialStudioEmpty{display:none}
#socialStudioEmpty{display:flex;flex-direction:column;align-items:center;gap:7px;color:#475569;font-size:8px;text-align:center}
#socialStudioEmpty i{font-size:24px;color:#334155}
.lr-contact-inspector{display:grid;gap:6px}
.lr-contact-inspector span{display:grid;grid-template-columns:22px 66px minmax(0,1fr);align-items:center;gap:5px;min-height:30px;padding:5px 7px;border-radius:10px;background:rgba(15,23,42,.56);border:1px solid rgba(148,163,184,.09)}
.lr-contact-inspector i{color:#67e8f9;font-size:10px;text-align:center}
.lr-contact-inspector b{font-size:8px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}
.lr-contact-inspector em{font-style:normal;font-size:9px;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1180px){.lr-engine-grid{grid-template-columns:1fr}}


/* ============================================================
   PROMO PRO ACCORDION + COMPACT PALETTE
   ============================================================ */
.lr-promo-panel{padding:0!important;overflow:hidden}
.lr-promo-accordion-head{display:flex;align-items:center;gap:10px;padding:13px 14px;background:radial-gradient(circle at 8% 0%,rgba(251,191,36,.08),transparent 30%),rgba(2,6,23,.15)}
.lr-promo-accordion-toggle{flex:1;min-width:0;display:grid;grid-template-columns:34px minmax(150px,.85fr) minmax(110px,1fr) 24px;align-items:center;gap:10px;text-align:left;background:none;border:0;color:inherit;cursor:pointer;padding:0}
.lr-promo-accordion-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#fbbf24;background:rgba(245,158,11,.10);border:1px solid rgba(251,191,36,.16)}
.lr-promo-accordion-copy{display:flex;flex-direction:column;min-width:0}
.lr-promo-accordion-copy .lr-section-title{margin:0!important}
.lr-promo-accordion-copy small{font-size:9px;color:#64748b;margin-top:2px}
.lr-promo-summary{justify-self:end;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 10px;border-radius:999px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.12);font-size:8px;font-weight:850;color:#94a3b8}
.lr-promo-chevron{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#64748b;background:rgba(15,23,42,.46);transition:transform .18s ease,color .18s ease}
.lr-promo-panel.is-open .lr-promo-chevron{transform:rotate(180deg);color:#f8fafc}
.lr-promo-enable-switch{flex:0 0 auto;margin-left:2px}
.lr-promo-accordion-body{border-top:1px solid rgba(148,163,184,.10)}
.lr-promo-body-inner{padding:13px 14px 14px}
.lr-promo-code-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 122px;gap:8px;align-items:stretch}
.lr-promo-main-color{min-height:48px;padding:6px 8px;display:grid;grid-template-columns:auto 28px 1fr;align-items:center;gap:6px;border-radius:15px;background:rgba(2,6,23,.62);border:1px solid rgba(148,163,184,.13);cursor:pointer}
.lr-promo-main-color span{font-size:8px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}
.lr-promo-main-color input[type="color"]{width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer}
.lr-promo-main-color b{font-size:8px;color:#e2e8f0;white-space:nowrap}
.lr-coupon-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.lr-coupon-tool-btn{min-height:36px;border-radius:12px;font-size:8px;padding:0 8px}
.lr-coupon-help{display:none}
.lr-promo-style-pro{border:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.26);border-radius:18px;padding:10px;margin-top:7px}
.lr-promo-style-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.lr-promo-style-title{margin:0!important;font-size:.62rem}
.lr-promo-style-head p{margin:3px 0 0;font-size:8px;color:#64748b;line-height:1.4}
.lr-promo-download-text-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:8px}
.lr-promo-download-text-row>span{font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#94a3b8}
.lr-promo-download-text-row input{width:100%;height:36px;padding:0 10px;border-radius:12px;border:1px solid rgba(148,163,184,.13);background:rgba(2,6,23,.62);color:#fff;outline:none;font-size:.72rem;font-weight:800}
.lr-promo-compact-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.lr-promo-color-chip{min-width:0;min-height:38px;display:grid;grid-template-columns:minmax(0,1fr) 25px 62px;align-items:center;gap:6px;padding:5px 7px;border-radius:12px;background:rgba(15,23,42,.52);border:1px solid rgba(148,163,184,.10);cursor:pointer}
.lr-promo-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.055em;color:#94a3b8}
.lr-promo-swatch{width:25px;height:25px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.lr-promo-swatch input[type="color"]{width:35px;height:35px;margin:-5px;padding:0;border:0;background:none;cursor:pointer}
.lr-promo-color-chip b{font-size:8px;color:#e2e8f0;text-align:right}
@media(max-width:760px){
  .lr-promo-accordion-toggle{grid-template-columns:34px 1fr 24px}
  .lr-promo-summary{display:none}
  .lr-promo-code-row{grid-template-columns:1fr 1fr}
  .lr-promo-main-color{grid-column:1/-1}
}
@media(max-width:520px){
  .lr-promo-accordion-head{align-items:flex-start;flex-wrap:wrap}
  .lr-promo-accordion-toggle{width:100%;flex-basis:100%}
  .lr-promo-enable-switch{margin-left:44px}
  .lr-promo-code-row,.lr-promo-compact-palette{grid-template-columns:1fr}
  .lr-promo-download-text-row{grid-template-columns:1fr}
}


/* ============================================================
   LINKROOT V5 · MODULAR ACCORDION CONSOLE
   Existing modules are moved into these shells at runtime.
   IDs, inputs, handlers and persistence remain untouched.
   ============================================================ */
.lr-workspace-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:0 0 14px;padding:10px 12px;border:1px solid rgba(103,232,249,.13);
  border-radius:18px;background:linear-gradient(145deg,rgba(8,15,31,.72),rgba(13,18,36,.72))
}
.lr-workspace-toolbar-copy{display:flex;align-items:center;gap:9px;min-width:0}
.lr-workspace-toolbar-icon{
  width:30px;height:30px;display:grid;place-items:center;border-radius:10px;
  color:#67e8f9;background:rgba(34,211,238,.09);border:1px solid rgba(103,232,249,.14)
}
.lr-workspace-toolbar-copy b{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0}
.lr-workspace-toolbar-copy small{display:block;margin-top:2px;font-size:8px;color:#64748b}
.lr-workspace-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.lr-workspace-toolbar-btn{
  min-height:30px;padding:0 10px;border-radius:10px;border:1px solid rgba(148,163,184,.13);
  background:rgba(15,23,42,.62);color:#94a3b8;font-size:7px;font-weight:950;
  letter-spacing:.07em;text-transform:uppercase
}
.lr-workspace-toolbar-btn:hover{color:#fff;border-color:rgba(103,232,249,.26)}

.lr-admin-accordion{
  border:1px solid rgba(148,163,184,.13);border-radius:22px;overflow:hidden;
  background:linear-gradient(145deg,rgba(10,16,32,.62),rgba(8,12,27,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.lr-admin-accordion + .lr-admin-accordion{margin-top:10px}
.lr-admin-accordion-head{
  width:100%;min-height:66px;display:grid;
  grid-template-columns:38px minmax(120px,.85fr) minmax(100px,1fr) 28px;
  align-items:center;gap:10px;padding:11px 13px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer
}
.lr-admin-accordion-icon{
  width:36px;height:36px;display:grid;place-items:center;border-radius:12px;
  color:#67e8f9;background:linear-gradient(145deg,rgba(34,211,238,.10),rgba(99,102,241,.09));
  border:1px solid rgba(103,232,249,.14)
}
.lr-admin-accordion-copy{display:flex;flex-direction:column;min-width:0}
.lr-admin-accordion-title{font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#e5e7eb}
.lr-admin-accordion-subtitle{margin-top:3px;font-size:8px;line-height:1.3;color:#64748b}
.lr-admin-accordion-summary{
  justify-self:end;max-width:100%;padding:7px 9px;border-radius:999px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(148,163,184,.11);
  background:rgba(2,6,23,.46);font-size:7px;font-weight:850;color:#94a3b8
}
.lr-admin-accordion-chevron{
  width:26px;height:26px;display:grid;place-items:center;border-radius:9px;
  background:rgba(15,23,42,.54);color:#64748b;transition:transform .18s ease,color .18s ease
}
.lr-admin-accordion.is-open .lr-admin-accordion-chevron{transform:rotate(180deg);color:#f8fafc}
.lr-admin-accordion-body{border-top:1px solid rgba(148,163,184,.08)}
.lr-admin-accordion-inner{padding:13px}
.lr-admin-accordion-body[hidden]{display:none!important}

/* Remove redundant outer spacing/panel weight after a native section is placed inside a shell. */
.lr-admin-accordion-inner > #links-editor-zone,
.lr-admin-accordion-inner > #palette-editor-zone{margin:0!important}
.lr-admin-accordion-inner > .lr-mini-panel{margin:0!important}

/* Right-side QR controls stay compact while the actual QR artwork remains permanently visible. */
#qr-container .lr-admin-accordion{margin-bottom:12px}
#qr-container .lr-admin-accordion-inner{padding:10px}
#qr-container > .lr-qr-stage{margin-top:2px}

/* Analytics collapsed header can live inside the QR card without adding excessive height. */
#analytics-card.lr-accordion-source{margin-top:0!important}

/* Subtle visual identity by module. */
.lr-admin-accordion[data-accordion-key="branding"] .lr-admin-accordion-icon{color:#7dd3fc}
.lr-admin-accordion[data-accordion-key="portal"] .lr-admin-accordion-icon{color:#c4b5fd}
.lr-admin-accordion[data-accordion-key="palette"] .lr-admin-accordion-icon{color:#5eead4}
.lr-admin-accordion[data-accordion-key="footer"] .lr-admin-accordion-icon{color:#fca5a5}
.lr-admin-accordion[data-accordion-key="qr"] .lr-admin-accordion-icon{color:#a78bfa}
.lr-admin-accordion[data-accordion-key="analytics"] .lr-admin-accordion-icon{color:#67e8f9}

@media(max-width:760px){
  .lr-admin-accordion-head{grid-template-columns:36px 1fr 26px}
  .lr-admin-accordion-summary{grid-column:2/4;grid-row:2;justify-self:start;max-width:100%}
  .lr-workspace-toolbar{align-items:flex-start;flex-direction:column}
  .lr-workspace-toolbar-actions{width:100%;justify-content:flex-start}
}


/* ============================================================
   V5.1 PRO INTELLIGENCE
   Platform Library · QR Health · Analytics Insights
   ============================================================ */

/* Platform Library */
.lr-platform-library{
  margin-top:12px;padding:14px;border:1px solid rgba(139,92,246,.15);border-radius:22px;
  background:radial-gradient(circle at 100% 0%,rgba(124,58,237,.08),transparent 34%),rgba(2,6,23,.30)
}
.lr-platform-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.lr-platform-library-head h4{margin:3px 0 2px;font-size:13px;font-weight:900;color:#f8fafc}
.lr-platform-library-head p{margin:0;font-size:9px;line-height:1.5;color:#64748b}
.lr-platform-toolbar{display:grid;gap:8px}
.lr-platform-search-wrap{position:relative}
.lr-platform-search-wrap>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:10px}
.lr-platform-search-wrap input{
  width:100%;height:39px;padding:0 12px 0 34px;border-radius:13px;border:1px solid rgba(148,163,184,.13);
  background:rgba(2,6,23,.65);color:#e2e8f0;outline:none;font-size:10px
}
.lr-platform-search-wrap input:focus{border-color:rgba(103,232,249,.28);box-shadow:0 0 0 3px rgba(34,211,238,.05)}
.lr-platform-categories{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.lr-platform-category{
  flex:0 0 auto;min-height:28px;padding:0 9px;border-radius:999px;border:1px solid rgba(148,163,184,.11);
  background:rgba(15,23,42,.54);color:#64748b;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.055em
}
.lr-platform-category.is-active{color:#06111b;border-color:transparent;background:linear-gradient(135deg,#67e8f9,#818cf8)}
.lr-platform-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px;
  max-height:222px;overflow:auto;padding-right:2px
}
.lr-platform-card{
  min-width:0;display:grid;grid-template-columns:29px minmax(0,1fr) 24px;align-items:center;gap:6px;
  min-height:43px;padding:6px;border-radius:12px;border:1px solid rgba(148,163,184,.10);
  background:rgba(15,23,42,.44);color:#cbd5e1;text-align:left
}
.lr-platform-card:hover{border-color:rgba(103,232,249,.24);background:rgba(15,23,42,.68)}
.lr-platform-card-icon{
  width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--lr-platform-accent,#38bdf8) 14%,transparent);
  color:var(--lr-platform-accent,#38bdf8);border:1px solid color-mix(in srgb,var(--lr-platform-accent,#38bdf8) 24%,transparent)
}
.lr-platform-card-copy{min-width:0}
.lr-platform-card-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#e2e8f0}
.lr-platform-card-copy small{display:block;margin-top:1px;font-size:6px;color:#64748b;text-transform:uppercase}
.lr-platform-add{
  width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(34,211,238,.08);color:#67e8f9;font-size:9px
}
.lr-platform-library-foot{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:7px;color:#64748b}
.lr-platform-library-foot span:last-child{color:#67e8f9}

/* QR Health */
.lr-qr-health{
  margin-top:10px;padding:10px;border-radius:16px;border:1px solid rgba(52,211,153,.14);
  background:linear-gradient(145deg,rgba(4,17,19,.60),rgba(3,9,20,.54));text-align:left
}
.lr-qr-health-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.lr-qr-health-head>div{display:flex;flex-direction:column}
.lr-qr-health-head b{margin-top:3px;font-size:11px;color:#e2e8f0}
.lr-qr-health-head small{font-size:7px;color:#64748b;margin-top:1px}
.lr-qr-health-grade{
  width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-size:15px;font-weight:1000;
  background:rgba(52,211,153,.10);color:#6ee7b7;border:1px solid rgba(52,211,153,.20)
}
.lr-qr-health-grade[data-grade="good"]{background:rgba(56,189,248,.10);color:#7dd3fc;border-color:rgba(56,189,248,.2)}
.lr-qr-health-grade[data-grade="warning"]{background:rgba(251,191,36,.10);color:#fcd34d;border-color:rgba(251,191,36,.2)}
.lr-qr-health-grade[data-grade="risk"]{background:rgba(248,113,113,.10);color:#fca5a5;border-color:rgba(248,113,113,.2)}
.lr-qr-health-score-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:9px 0}
.lr-qr-health-score{display:flex;align-items:baseline;gap:2px}
.lr-qr-health-score strong{font-size:22px;color:#f8fafc;line-height:1}
.lr-qr-health-score span{font-size:8px;color:#64748b}
.lr-qr-health-score-row>b{font-size:8px;color:#94a3b8}
.lr-qr-health-meter{height:7px;border-radius:999px;background:rgba(148,163,184,.10);overflow:hidden}
.lr-qr-health-meter i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#34d399,#22d3ee);transition:width .18s ease}
.lr-qr-health-checks{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.lr-qr-health-check{
  display:grid;grid-template-columns:19px 1fr;gap:5px;align-items:center;min-height:30px;padding:5px 6px;
  border-radius:9px;background:rgba(15,23,42,.45);border:1px solid rgba(148,163,184,.08)
}
.lr-qr-health-check i{font-size:8px;text-align:center}
.lr-qr-health-check.is-ok i{color:#34d399}
.lr-qr-health-check.is-warn i{color:#fbbf24}
.lr-qr-health-check.is-risk i{color:#f87171}
.lr-qr-health-check span{font-size:7px;color:#94a3b8;line-height:1.25}
.lr-qr-health-note{margin:7px 0 0;font-size:6.5px;line-height:1.4;color:#64748b}

/* Analytics Insights */
.lr-analytics-pro-insights{
  margin-top:9px;padding:9px;border:1px solid rgba(103,232,249,.10);border-radius:13px;
  background:rgba(2,6,23,.25)
}
.lr-analytics-pro-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px}
.lr-analytics-pro-title span{font-size:7px;font-weight:950;letter-spacing:.10em;color:#67e8f9}
.lr-analytics-pro-title small{font-size:5.5px;color:#475569;text-align:right}
.lr-analytics-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.lr-analytics-pro-kpi{padding:7px;border-radius:10px;background:rgba(15,23,42,.54);border:1px solid rgba(148,163,184,.08)}
.lr-analytics-pro-kpi span{display:block;font-size:6px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
.lr-analytics-pro-kpi strong{display:block;margin-top:2px;font-size:14px;color:#e2e8f0}
.lr-analytics-pro-kpi small{font-size:5.5px;color:#475569}
.lr-analytics-breakdown{display:grid;gap:4px;margin-top:7px}
.lr-analytics-break-row{display:grid;grid-template-columns:68px 1fr 30px;align-items:center;gap:5px}
.lr-analytics-break-row span{font-size:6px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr-analytics-break-track{height:5px;border-radius:999px;background:rgba(148,163,184,.09);overflow:hidden}
.lr-analytics-break-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#8b5cf6)}
.lr-analytics-break-row b{font-size:6px;color:#94a3b8;text-align:right}
.lr-analytics-health-line{display:flex;justify-content:space-between;gap:8px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(148,163,184,.07)}
.lr-analytics-health-line span{font-size:6px;color:#64748b}
.lr-analytics-health-line b{font-size:6px;color:#cbd5e1;text-align:right}

@media(max-width:760px){
  .lr-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lr-qr-health-checks{grid-template-columns:1fr}
}


/* ============================================================
   V5.1 QR PANEL WIDTH FIX
   The V5 accordion shell added an extra nesting level around QR Studio.
   Give the right-side production console enough width and recover
   horizontal space inside the expanded QR module.
   ============================================================ */
#qr-container{
  width:100%!important;
  max-width:410px!important;
}

/* The native QR mini-panel already has its own padding.
   Avoid double-padding introduced by the accordion wrapper. */
#qr-container .lr-admin-accordion[data-accordion-key="qr"] .lr-admin-accordion-inner{
  padding:6px!important;
}

#qr-container .lr-admin-accordion[data-accordion-key="qr"] .lr-mini-panel{
  width:100%!important;
  max-width:none!important;
}

/* Let technical labels use the recovered width instead of clipping. */
#qr-container .lr-admin-accordion-body,
#qr-container .lr-admin-accordion-inner,
#qr-container .lr-mini-panel{
  min-width:0;
}

#qr-container select,
#qr-container input,
#qr-container button{
  min-width:0;
}

#qr-container .lr-section-title,
#qr-container p,
#qr-container label,
#qr-container small{
  overflow-wrap:anywhere;
}

/* Keep the compact closed header clean even with the wider module. */
#qr-container .lr-admin-accordion-head{
  grid-template-columns:38px minmax(120px,.9fr) minmax(120px,1fr) 28px;
}

/* At medium laptop widths use the available right column without overflowing. */
@media (max-width:1450px){
  #qr-container{max-width:390px!important}
}

@media (max-width:1180px){
  #qr-container{max-width:100%!important}
}


/* ============================================================
   V5.2 PLATFORM LIBRARY PREMIUM
   App-style drawer, recommended shelf, wrapped categories,
   invisible scrollbars and no horizontal browser bars.
   ============================================================ */
.lr-platform-library{
  position:relative;margin-top:12px;padding:14px;border-radius:22px;
  border:1px solid rgba(139,92,246,.16);
  background:
    radial-gradient(circle at 90% 0%,rgba(99,102,241,.10),transparent 34%),
    radial-gradient(circle at 0% 100%,rgba(34,211,238,.07),transparent 28%),
    linear-gradient(145deg,rgba(4,8,24,.72),rgba(8,10,28,.86));
  overflow:hidden;
}
.lr-platform-library-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px
}
.lr-platform-library-brand{display:flex;align-items:center;gap:10px;min-width:0}
.lr-platform-library-icon{
  width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;
  background:linear-gradient(145deg,rgba(34,211,238,.14),rgba(99,102,241,.14));
  border:1px solid rgba(103,232,249,.16);color:#67e8f9;font-size:13px
}
.lr-platform-library-brand>div{min-width:0}
.lr-platform-library-head h4{margin:3px 0 1px;font-size:13px;font-weight:950;color:#f8fafc}
.lr-platform-library-head p{margin:0;font-size:8px;line-height:1.4;color:#64748b}
.lr-platform-library-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.lr-platform-count-pill{
  min-height:27px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;
  border:1px solid rgba(148,163,184,.10);background:rgba(15,23,42,.58);
  color:#94a3b8;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase
}

.lr-platform-featured{
  padding:9px;border-radius:16px;border:1px solid rgba(148,163,184,.09);
  background:rgba(2,6,23,.30)
}
.lr-platform-featured-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.lr-platform-featured-head span{font-size:7px;font-weight:950;letter-spacing:.08em;color:#c4b5fd}
.lr-platform-featured-head small{font-size:6px;color:#475569}
.lr-platform-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.lr-platform-featured .lr-platform-card{min-height:40px}
.lr-platform-featured .lr-platform-card-copy small{display:none}

.lr-platform-library-toggle{
  width:100%;min-height:40px;margin-top:8px;display:grid;
  grid-template-columns:auto 1fr 24px;align-items:center;gap:8px;padding:0 10px;
  border-radius:13px;border:1px solid rgba(103,232,249,.12);
  background:linear-gradient(145deg,rgba(15,23,42,.62),rgba(9,15,31,.72));
  color:#cbd5e1;text-align:left;cursor:pointer
}
.lr-platform-library-toggle>span{font-size:8px;font-weight:950;letter-spacing:.075em;color:#e2e8f0}
.lr-platform-library-toggle>small{font-size:7px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr-platform-library-toggle>i{
  width:24px;height:24px;display:grid;place-items:center;border-radius:8px;
  background:rgba(34,211,238,.06);color:#67e8f9;transition:transform .18s ease
}
.lr-platform-library.is-open .lr-platform-library-toggle>i{transform:rotate(180deg)}
.lr-platform-library.is-open .lr-platform-library-toggle>span i:before{content:"\f068"}

.lr-platform-library-body{
  margin-top:8px;padding-top:9px;border-top:1px solid rgba(148,163,184,.08)
}
.lr-platform-library-body[hidden]{display:none!important}

.lr-platform-toolbar{display:grid;gap:7px}
.lr-platform-search-wrap{position:relative}
.lr-platform-search-wrap>i{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);
  color:#64748b;font-size:10px;pointer-events:none
}
.lr-platform-search-wrap input{
  width:100%;height:39px;padding:0 12px 0 34px;border-radius:13px;
  border:1px solid rgba(148,163,184,.12);background:rgba(2,6,23,.60);
  color:#e2e8f0;outline:none;font-size:9px
}
.lr-platform-search-wrap input:focus{border-color:rgba(103,232,249,.30);box-shadow:0 0 0 3px rgba(34,211,238,.05)}

.lr-platform-categories{
  display:flex!important;flex-wrap:wrap!important;gap:5px!important;
  overflow:visible!important;padding:0!important
}
.lr-platform-category{
  flex:0 0 auto;min-height:27px;padding:0 8px;border-radius:999px;
  border:1px solid rgba(148,163,184,.10);background:rgba(15,23,42,.50);
  color:#64748b;font-size:6.5px;font-weight:950;text-transform:uppercase;letter-spacing:.045em;
  cursor:pointer
}
.lr-platform-category.is-active{
  color:#06111b;border-color:transparent;background:linear-gradient(135deg,#67e8f9,#818cf8)
}

.lr-platform-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;margin-top:8px!important;max-height:280px!important;
  overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 0 0!important;
  scrollbar-width:none!important;-ms-overflow-style:none!important
}
.lr-platform-grid::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.lr-platform-categories::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}

.lr-platform-card{
  min-width:0;display:grid;grid-template-columns:29px minmax(0,1fr) 23px;align-items:center;gap:6px;
  min-height:43px;padding:6px;border-radius:12px;border:1px solid rgba(148,163,184,.09);
  background:linear-gradient(145deg,rgba(15,23,42,.46),rgba(8,13,28,.56));
  color:#cbd5e1;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease
}
.lr-platform-card:hover{transform:translateY(-1px);border-color:rgba(103,232,249,.22);background:rgba(15,23,42,.68)}
.lr-platform-card.is-added{border-color:rgba(52,211,153,.13)}
.lr-platform-card-icon{
  width:29px;height:29px;display:grid;place-items:center;border-radius:9px;
  background:color-mix(in srgb,var(--lr-platform-accent,#38bdf8) 14%,transparent);
  color:var(--lr-platform-accent,#38bdf8);
  border:1px solid color-mix(in srgb,var(--lr-platform-accent,#38bdf8) 24%,transparent)
}
.lr-platform-card-copy{min-width:0}
.lr-platform-card-copy b{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:7.5px;color:#e2e8f0
}
.lr-platform-card-copy small{display:block;margin-top:1px;font-size:5.5px;color:#64748b;text-transform:uppercase}
.lr-platform-add{
  width:23px;height:23px;display:grid;place-items:center;border-radius:8px;
  background:rgba(34,211,238,.07);color:#67e8f9;font-size:8px
}
.lr-platform-card.is-added .lr-platform-add{background:rgba(52,211,153,.08);color:#6ee7b7}
.lr-platform-library-foot{
  display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding-top:7px;
  border-top:1px solid rgba(148,163,184,.06);font-size:6px;color:#475569
}
.lr-platform-library-foot span:first-child{color:#67e8f9}

@media(max-width:840px){
  .lr-platform-featured-grid,.lr-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .lr-platform-library-head{align-items:flex-start;flex-direction:column}
  .lr-platform-library-meta{justify-content:flex-start}
  .lr-platform-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lr-platform-library-toggle{grid-template-columns:auto 24px}
  .lr-platform-library-toggle>small{display:none}
}


/* ============================================================
   V5.3 ENGINE TOOLS ACCORDION
   ============================================================ */
.lr-engine-grid{display:block!important}
.lr-engine-accordion-list{display:grid;gap:7px}
.lr-engine-card.lr-engine-accordion{
  padding:0!important;overflow:hidden;border-radius:16px;
  background:linear-gradient(145deg,rgba(2,6,23,.48),rgba(8,13,28,.62))
}
.lr-engine-accordion-head{
  width:100%;min-height:58px;display:grid;
  grid-template-columns:34px minmax(120px,.95fr) minmax(90px,1fr) 26px;
  align-items:center;gap:9px;padding:10px 11px;border:0;background:transparent;color:inherit;
  text-align:left;cursor:pointer
}
.lr-engine-accordion-copy{display:flex;flex-direction:column;min-width:0}
.lr-engine-accordion-copy b{font-size:10px;color:#f8fafc}
.lr-engine-accordion-copy small{margin-top:2px;font-size:7px;color:#64748b}
.lr-engine-accordion-summary{
  justify-self:end;max-width:100%;padding:6px 8px;border-radius:999px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.10);
  color:#94a3b8;font-size:7px;font-weight:850
}
.lr-engine-accordion-chevron{
  width:26px;height:26px;display:grid;place-items:center;border-radius:9px;
  background:rgba(15,23,42,.54);color:#64748b;transition:transform .18s ease,color .18s ease
}
.lr-engine-accordion.is-open .lr-engine-accordion-chevron{transform:rotate(180deg);color:#f8fafc}
.lr-engine-accordion-body{border-top:1px solid rgba(148,163,184,.08)}
.lr-engine-accordion-body[hidden]{display:none!important}
.lr-engine-accordion-inner{padding:11px}

/* Give the expanded tool the full available width. */
.lr-engine-accordion .lr-engine-textarea{min-height:150px}
.lr-engine-accordion .lr-share-preview-stage{min-height:240px}
.lr-engine-accordion .lr-share-preview-stage img{height:240px}
.lr-engine-accordion .lr-contact-inspector{grid-template-columns:1fr 1fr}
.lr-engine-accordion .lr-engine-actions{grid-template-columns:1fr 1fr}

/* Soft visual accents per tool. */
.lr-engine-accordion[data-engine-tool="hours"] .lr-engine-icon{color:#67e8f9}
.lr-engine-accordion[data-engine-tool="social"] .lr-engine-icon{color:#a78bfa}
.lr-engine-accordion[data-engine-tool="contact"] .lr-engine-icon{color:#5eead4}

@media(max-width:620px){
  .lr-engine-accordion-head{grid-template-columns:34px 1fr 26px}
  .lr-engine-accordion-summary{grid-column:2/4;grid-row:2;justify-self:start}
  .lr-engine-accordion .lr-contact-inspector{grid-template-columns:1fr}
}


/* ============================================================
   V5.8 COUPON DOM EXPORT ENGINE
   Export clone only. Public live promo layout remains untouched.
   ============================================================ */
.lr-coupon-export-stage{
  position:fixed;
  left:-99999px;
  top:0;
  width:1080px;
  height:1080px;
  pointer-events:none;
  opacity:0;
  overflow:hidden;
  z-index:-1;
}
.lr-coupon-export-canvas{
  width:1080px;
  height:1080px;
  box-sizing:border-box;
  padding:58px;
  display:flex;
  flex-direction:column;
  gap:28px;
  justify-content:flex-start;
  background:var(--lr-export-bg,#0a0f1d);
  font-family:Inter,Arial,sans-serif;
  color:#fff;
}
.lr-coupon-export-brand{
  display:grid;
  justify-items:center;
  gap:18px;
  padding-top:4px;
}
.lr-coupon-export-logo-box{
  width:240px;
  height:150px;
  border-radius:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:rgba(255,255,255,.13);
  border:2px solid rgba(255,255,255,.18);
}
.lr-coupon-export-logo-box img{
  max-width:182px;
  max-height:100px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.lr-coupon-export-name{
  max-width:860px;
  text-align:center;
  font-size:42px;
  line-height:1.02;
  font-weight:900;
  text-transform:uppercase;
}
.lr-coupon-export-tagline{
  max-width:800px;
  text-align:center;
  font-size:22px;
  line-height:1.15;
  font-weight:650;
  opacity:.84;
}
.lr-coupon-export-card{
  width:100%;
  min-height:0;
  padding:34px 40px 34px;
  border-radius:44px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:22px;
  border:2px solid rgba(255,255,255,.15);
  background:var(--lr-export-card-bg,#0f172a);
}
.lr-coupon-export-topline,
.lr-coupon-export-code-row,
.lr-coupon-export-action-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}
.lr-coupon-export-badge,
.lr-coupon-export-expiry,
.lr-coupon-export-code,
.lr-coupon-export-validity,
.lr-coupon-export-action,
.lr-coupon-export-download{
  min-height:58px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  box-sizing:border-box;
}
.lr-coupon-export-badge{
  justify-self:start;
  background:rgba(255,255,255,.15);
  border:2px solid rgba(255,255,255,.18);
  font-size:18px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.lr-coupon-export-expiry{
  background:rgba(0,0,0,.18);
  font-size:17px;
  font-weight:800;
  white-space:nowrap;
}
.lr-coupon-export-title{
  font-size:clamp(34px,5.2vw,54px);
  line-height:1.02;
  font-weight:900;
  max-width:100%;
  overflow-wrap:anywhere;
}
.lr-coupon-export-description{
  font-size:23px;
  line-height:1.15;
  font-weight:650;
  opacity:.82;
}
.lr-coupon-export-code{
  min-width:0;
  justify-content:center;
  font-size:24px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background:var(--lr-export-code-bg,#fff);
  color:var(--lr-export-code-text,#111827);
  border:3px solid var(--lr-export-code-border,#f8c85f);
}
.lr-coupon-export-validity{
  background:rgba(255,255,255,.12);
  border:2px solid rgba(255,255,255,.15);
  font-size:17px;
  font-weight:850;
  white-space:nowrap;
}
.lr-coupon-export-action{
  background:rgba(255,255,255,.12);
  border:2px solid rgba(255,255,255,.18);
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
}
.lr-coupon-export-download{
  background:var(--lr-export-download-bg,#f8c85f);
  color:var(--lr-export-download-text,#111827);
  border:2px solid rgba(255,255,255,.20);
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
}
.lr-coupon-export-footer{
  margin-top:auto;
  padding-top:18px;
  border-top:2px solid rgba(255,255,255,.10);
  text-align:center;
  font-size:16px;
  font-weight:900;
  opacity:.58;
}


/* ============================================================
   V6.2 TICKET COUPON ENGINE — ADMIN STYLE CONTROLS
   ============================================================ */
.lr-ticket-style-pro{
  border:1px solid rgba(248,200,95,.14);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(19,14,4,.38),rgba(4,8,20,.46));
  padding:10px;
}
.lr-ticket-style-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px
}
.lr-ticket-style-head p{margin:2px 0 0;font-size:7px;line-height:1.45;color:#64748b}
.lr-ticket-flat-badge{
  flex:0 0 auto;min-height:26px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;
  border-radius:999px;border:1px solid rgba(248,200,95,.18);background:rgba(248,200,95,.08);
  color:#f8c85f;font-size:6px;font-weight:950;letter-spacing:.08em
}
.lr-ticket-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.lr-ticket-logo-toggle{
  margin-top:8px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;padding:8px 9px;
  border-radius:12px;border:1px solid rgba(148,163,184,.09);background:rgba(2,6,23,.32)
}
.lr-ticket-logo-toggle input{margin-top:2px}
.lr-ticket-logo-toggle span{display:flex;flex-direction:column;gap:2px}
.lr-ticket-logo-toggle b{font-size:7px;color:#cbd5e1}
.lr-ticket-logo-toggle small{font-size:6px;line-height:1.4;color:#64748b}
.lr-ticket-style-note{display:flex;gap:6px;margin-top:7px;font-size:6px;line-height:1.4;color:#64748b}
.lr-ticket-style-note i{color:#f8c85f;margin-top:1px}
@media(max-width:520px){.lr-ticket-color-grid{grid-template-columns:1fr}}


/* ============================================================
   V6.3 COUPON TEMPLATE SELECTOR + POPUP PREVIEW
   ============================================================ */
.lr-ticket-template-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin:0 0 9px;
}
.lr-ticket-template-field{
  min-height:42px;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(2,6,23,.38);
  border-radius:12px;
  padding:6px 9px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:9px;
}
.lr-ticket-template-field>span{
  font-size:6px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#64748b;
}
.lr-ticket-template-field select{
  min-width:0;
  width:100%;
  background:transparent;
  border:0;
  outline:0;
  color:#e2e8f0;
  font-size:8px;
  font-weight:900;
  text-align:right;
  cursor:pointer;
}
.lr-ticket-template-field select option{background:#0b1220;color:#e2e8f0}
.lr-ticket-preview-btn{
  min-width:90px;
  border:1px solid rgba(34,211,238,.20);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(124,58,237,.14));
  color:#dffbff;
  font-size:7px;
  font-weight:950;
  letter-spacing:.08em;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  transition:.18s ease;
}
.lr-ticket-preview-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(34,211,238,.44);
  box-shadow:0 10px 26px rgba(2,132,199,.12);
}
.lr-ticket-preview-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.lr-ticket-preview-modal.is-open{display:flex}
.lr-ticket-preview-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.82);
  backdrop-filter:blur(10px);
}
.lr-ticket-preview-dialog{
  position:relative;
  width:min(1100px,96vw);
  max-height:94vh;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.16);
  background:#07101d;
  box-shadow:0 34px 100px rgba(0,0,0,.55);
}
.lr-ticket-preview-topbar{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid rgba(148,163,184,.10);
}
.lr-ticket-preview-topbar>div{display:flex;flex-direction:column;gap:2px}
.lr-ticket-preview-kicker{
  font-size:7px;
  font-weight:950;
  letter-spacing:.16em;
  color:#22d3ee;
}
.lr-ticket-preview-topbar strong{font-size:14px;color:#f8fafc}
.lr-ticket-preview-close{
  width:38px;height:38px;border-radius:12px;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(15,23,42,.72);
  color:#cbd5e1;
}
.lr-ticket-preview-stage{
  min-height:420px;
  max-height:calc(94vh - 62px);
  overflow:auto;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 20% 0%,rgba(34,211,238,.08),transparent 34%),
    #050b14;
}
.lr-ticket-preview-canvas{
  width:100%;
  display:grid;
  place-items:center;
}
.lr-ticket-preview-canvas img{
  display:block;
  max-width:100%;
  max-height:76vh;
  width:auto;
  height:auto;
  filter:drop-shadow(0 22px 50px rgba(0,0,0,.42));
}
.lr-ticket-preview-loading{
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#64748b;
  font-size:11px;
}
@media(max-width:640px){
  .lr-ticket-template-toolbar{grid-template-columns:1fr}
  .lr-ticket-preview-btn{min-height:40px}
  .lr-ticket-preview-stage{padding:12px}
}


/* ============================================================
   V6.3.4 — VERTICAL TICKET TEXT FINE TUNE
   ============================================================ */
.lr-ticket-text-tune{
  margin:0 0 9px;
  border:1px solid rgba(34,211,238,.12);
  border-radius:13px;
  background:rgba(2,6,23,.30);
  overflow:hidden;
}
.lr-ticket-text-tune summary{
  list-style:none;
  min-height:38px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  cursor:pointer;
  user-select:none;
}
.lr-ticket-text-tune summary::-webkit-details-marker{display:none}
.lr-ticket-text-tune summary span{
  display:flex;align-items:center;gap:6px;
  color:#cbd5e1;
  font-size:7px;
  font-weight:950;
  letter-spacing:.08em;
}
.lr-ticket-text-tune summary span i{color:#22d3ee}
.lr-ticket-text-tune summary>i{font-size:7px;color:#64748b;transition:.18s ease}
.lr-ticket-text-tune[open] summary>i{transform:rotate(180deg)}
.lr-ticket-text-tune-body{
  padding:9px 10px 10px;
  border-top:1px solid rgba(148,163,184,.08);
}
.lr-ticket-tune-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.lr-ticket-range-control{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:8px;
  border-radius:11px;
  border:1px solid rgba(148,163,184,.09);
  background:rgba(15,23,42,.42);
}
.lr-ticket-range-control>span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  font-size:6px;
  font-weight:900;
  letter-spacing:.06em;
  color:#64748b;
}
.lr-ticket-range-control>span b{
  color:#22d3ee;
  font-size:7px;
}
.lr-ticket-range-control input[type=range]{width:100%;accent-color:#22d3ee}
.lr-ticket-lines-control{
  margin-top:7px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:10px;
  padding:8px 9px;
  border-radius:11px;
  border:1px solid rgba(148,163,184,.09);
  background:rgba(15,23,42,.42);
}
.lr-ticket-lines-control span{display:flex;flex-direction:column;gap:2px}
.lr-ticket-lines-control b{
  font-size:6px;font-weight:950;letter-spacing:.06em;color:#94a3b8
}
.lr-ticket-lines-control small{font-size:6px;line-height:1.35;color:#64748b}
.lr-ticket-lines-control select{
  min-width:84px;
  height:30px;
  border-radius:9px;
  border:1px solid rgba(148,163,184,.12);
  background:#07101d;
  color:#e2e8f0;
  font-size:7px;
  font-weight:900;
  padding:0 7px;
}
.lr-ticket-text-reset{
  width:100%;
  min-height:32px;
  margin-top:7px;
  border-radius:10px;
  border:1px solid rgba(148,163,184,.10);
  background:rgba(15,23,42,.50);
  color:#94a3b8;
  font-size:6px;
  font-weight:950;
  letter-spacing:.08em;
}
.lr-ticket-text-reset:hover{color:#e2e8f0;border-color:rgba(34,211,238,.22)}
@media(max-width:520px){.lr-ticket-tune-grid{grid-template-columns:1fr}}

.lr-ticket-text-control-list{display:flex;flex-direction:column;gap:6px}
.lr-ticket-text-row{display:grid;grid-template-columns:minmax(92px,.9fr) minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:center;padding:8px;border-radius:11px;border:1px solid rgba(148,163,184,.09);background:rgba(15,23,42,.42)}
.lr-ticket-text-name{font-size:6px;font-weight:950;letter-spacing:.07em;color:#cbd5e1}
.lr-ticket-mini-range{display:flex;flex-direction:column;gap:4px}
.lr-ticket-mini-range>span{display:flex;justify-content:space-between;gap:5px;font-size:5.5px;font-weight:900;color:#64748b}
.lr-ticket-mini-range>span b{color:#22d3ee;font-size:6.5px}
.lr-ticket-mini-range input[type=range]{width:100%;accent-color:#22d3ee}
@media(max-width:600px){.lr-ticket-text-row{grid-template-columns:1fr}}

.lr-native-palette-fallback{min-height:170px;border-radius:16px;border:1px solid rgba(148,163,184,.12);background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.08),transparent 45%),rgba(2,6,23,.42);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}
.lr-native-palette-copy{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.lr-native-palette-copy b{font-size:10px;color:#e2e8f0}
.lr-native-palette-copy small{font-size:7px;color:#64748b}
.lr-native-palette-input{width:150px;height:82px;padding:0;border:0;border-radius:15px;background:transparent;cursor:pointer}
.lr-native-palette-input::-webkit-color-swatch-wrapper{padding:0}
.lr-native-palette-input::-webkit-color-swatch{border:1px solid rgba(255,255,255,.18);border-radius:15px}
.lr-native-palette-input::-moz-color-swatch{border:1px solid rgba(255,255,255,.18);border-radius:15px}

/* V6.3.8 — zero-CDN native palette engine */
.lr-native-palette-engine{display:grid;gap:10px;width:100%}
.lr-native-palette-preview{width:100%;min-height:82px;padding:10px 12px;border-radius:15px;border:1px solid rgba(148,163,184,.14);background:linear-gradient(145deg,rgba(15,23,42,.84),rgba(2,6,23,.72));display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;color:#e2e8f0;text-align:left;cursor:pointer}
.lr-native-palette-preview:hover{border-color:rgba(34,211,238,.32);transform:translateY(-1px)}
.lr-native-palette-preview-swatch{width:48px;height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.lr-native-palette-preview-copy{display:flex;flex-direction:column;gap:3px}
.lr-native-palette-preview-copy b{font-size:9px;font-weight:950;letter-spacing:.08em}
.lr-native-palette-preview-copy small{font-size:7px;color:#64748b}
.lr-native-palette-preview>i{color:#22d3ee;font-size:14px}
.lr-native-palette-input{position:absolute!important;width:1px!important;height:1px!important;opacity:.01!important;pointer-events:none!important}

/* V6.3.9 — palette popovers stay next to the clicked control */
.lr-color-popover{
  position:fixed!important;
  width:min(340px,calc(100vw - 24px))!important;
  max-height:calc(100vh - 24px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  z-index:100000!important;
}
.lr-color-modal-open{overflow:hidden}
@media(max-width:640px){
  .lr-color-popover{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-height:calc(100vh - 24px)!important;
  }
}

html.lr-color-modal-open,body.lr-color-modal-open{overflow:hidden!important}
.lr-color-picker-backdrop,#lrColorPickerBackdrop{
position:fixed!important;inset:0!important;z-index:100000!important;
background:rgba(2,6,23,.78)!important;backdrop-filter:blur(8px)!important;
-webkit-backdrop-filter:blur(8px)!important}
.lr-color-popover{
position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
transform:translate(-50%,-50%)!important;width:min(390px,calc(100vw - 28px))!important;
max-height:min(720px,calc(100vh - 28px))!important;overflow-y:auto!important;
overscroll-behavior:contain!important;z-index:100001!important;margin:0!important;
box-shadow:0 30px 90px rgba(0,0,0,.60)!important}
.lr-color-popover.hidden{display:none!important}
@media(max-width:640px){.lr-color-popover{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important}}


/* ============================================================
   V6.3.11 — PALETA PRO BODY PORTAL
   The popup is physically moved to BODY so fixed positioning is
   relative to the viewport, never to a transformed admin panel.
   ============================================================ */
html.lr-color-modal-open,
body.lr-color-modal-open{overflow:hidden!important}

body > .lr-color-popover{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate3d(-50%,-50%,0)!important;
  width:min(390px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:auto!important;
  margin:0!important;
  z-index:2147483001!important;
  isolation:isolate!important;
}

body > #lrColorPickerBackdrop{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  background:rgba(2,6,23,.80)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

body > .lr-color-popover.hidden,
body > #lrColorPickerBackdrop.hidden{
  display:none!important;
}

@media(max-width:640px){
  body > .lr-color-popover{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
  }
}

html.lr-universal-color-open,body.lr-universal-color-open{overflow:hidden!important}
.lr-universal-color-modal{position:fixed;inset:0;z-index:2147483500;display:flex;align-items:center;justify-content:center;padding:16px}
.lr-universal-color-modal.hidden{display:none!important}
.lr-universal-color-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.82);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.lr-universal-color-dialog{position:relative;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:hidden;border-radius:22px;border:1px solid rgba(34,211,238,.16);background:#07101d;box-shadow:0 34px 100px rgba(0,0,0,.58)}
.lr-universal-color-topbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(148,163,184,.09)}
.lr-universal-color-topbar>div{display:flex;flex-direction:column;gap:2px}
.lr-universal-color-kicker{font-size:6px;font-weight:950;letter-spacing:.16em;color:#22d3ee}
.lr-universal-color-topbar strong{font-size:12px;color:#f8fafc}
.lr-universal-color-topbar small{font-size:7px;color:#64748b}
.lr-universal-color-close{width:36px;height:36px;border-radius:11px;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.72);color:#cbd5e1}
.lr-universal-color-body{max-height:calc(100dvh - 90px);overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.lr-universal-detected{border:1px solid rgba(34,211,238,.14);border-radius:16px;padding:11px;background:rgba(2,6,23,.34)}
.lr-universal-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.lr-universal-section-head>div{display:flex;flex-direction:column;gap:2px}
.lr-universal-section-head b{font-size:8px;color:#e2e8f0}
.lr-universal-section-head small{font-size:6px;color:#22d3ee;font-weight:900}
.lr-universal-section-head>span{font-size:6px;font-weight:900;color:#6ee7b7;border:1px solid rgba(16,185,129,.22);background:rgba(16,185,129,.10);padding:6px 8px;border-radius:999px}
.lr-universal-detected-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.lr-universal-detected-color{border:1px solid rgba(148,163,184,.10);border-radius:10px;background:rgba(15,23,42,.40);padding:6px 4px;color:#cbd5e1;display:flex;flex-direction:column;align-items:center;gap:3px}
.lr-universal-detected-swatch{width:100%;aspect-ratio:1.35;border-radius:8px;border:1px solid rgba(255,255,255,.14)}
.lr-universal-detected-color b{font-size:5.5px}
.lr-universal-detected-color small{font-size:5px;color:#64748b}
.lr-universal-empty{font-size:7px;color:#64748b;padding:8px;text-align:center}
.lr-universal-native-trigger{min-height:70px;padding:10px 12px;border-radius:15px;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.46);display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;color:#e2e8f0;text-align:left}
.lr-universal-preview-swatch{width:48px;height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.16)}
.lr-universal-native-copy{display:flex;flex-direction:column;gap:2px}
.lr-universal-native-copy b{font-size:8px}
.lr-universal-native-copy small{font-size:6px;color:#64748b}
.lr-universal-native-trigger>i{color:#22d3ee}
.lr-universal-hidden-color{position:absolute!important;width:1px!important;height:1px!important;opacity:.01!important;pointer-events:none!important}
.lr-universal-hex{min-height:42px;border-radius:12px;border:1px solid rgba(148,163,184,.10);background:rgba(15,23,42,.46);padding:0 10px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}
.lr-universal-hex span{font-size:7px;font-weight:900;color:#64748b}
.lr-universal-hex input{background:transparent;border:0;outline:0;color:#f8fafc;font-size:11px;font-weight:900;text-transform:uppercase}
.lr-universal-rgb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.lr-universal-rgb-grid label{min-height:42px;border-radius:11px;border:1px solid rgba(148,163,184,.10);background:rgba(15,23,42,.46);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:0 9px}
.lr-universal-rgb-grid span{font-size:6px;font-weight:900;color:#64748b}
.lr-universal-rgb-grid input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f8fafc;font-size:10px;font-weight:900}
.lr-universal-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.lr-universal-preset{aspect-ratio:1;border-radius:10px;border:1px solid rgba(255,255,255,.14)}
input[type="color"].lr-universal-color-source{opacity:0!important;width:1px!important;height:1px!important;position:absolute!important;pointer-events:none!important}


/* ============================================================
   V6.5 — IDENTITY ECOSYSTEM
   ============================================================ */
.lr-identity-distribution{
  margin-bottom:12px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(34,211,238,.16);
  background:linear-gradient(145deg,rgba(8,47,73,.20),rgba(30,27,75,.18));
}
.lr-identity-distribution-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px
}
.lr-identity-distribution-head>div{display:flex;flex-direction:column;gap:2px}
.lr-identity-distribution-head span{
  font-size:6px;font-weight:950;letter-spacing:.16em;color:#22d3ee
}
.lr-identity-distribution-head b{font-size:11px;color:#f8fafc}
.lr-identity-distribution-head small{font-size:7px;line-height:1.35;color:#64748b}
.lr-identity-distribution-head button{
  min-height:34px;padding:0 11px;border-radius:10px;
  border:1px solid rgba(34,211,238,.18);
  background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(124,58,237,.18));
  color:#e0f2fe;font-size:6px;font-weight:950;letter-spacing:.06em;
}
.lr-identity-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.lr-identity-status-grid>span{
  min-height:46px;padding:7px 8px;border-radius:11px;
  border:1px solid rgba(16,185,129,.16);background:rgba(16,185,129,.07);
  display:grid;grid-template-columns:8px 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center
}
.lr-identity-status-grid i{
  width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 12px rgba(52,211,153,.45);
  grid-row:1/3
}
.lr-identity-status-grid b{font-size:6px;color:#d1fae5}
.lr-identity-status-grid small{font-size:5.5px;color:#6ee7b7}
.lr-identity-status-grid>span.is-custom{border-color:rgba(251,146,60,.20);background:rgba(251,146,60,.07)}
.lr-identity-status-grid>span.is-custom i{background:#fb923c;box-shadow:0 0 12px rgba(251,146,60,.35)}
.lr-identity-status-grid>span.is-custom b{color:#ffedd5}
.lr-identity-status-grid>span.is-custom small{color:#fdba74}

.lr-identity-mode-bar{
  margin-bottom:9px;padding:9px;border-radius:13px;
  border:1px solid rgba(16,185,129,.16);background:rgba(16,185,129,.06);
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
.lr-identity-mode-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.lr-identity-mode-state{
  font-size:5.5px;font-weight:950;letter-spacing:.10em;color:#6ee7b7
}
.lr-identity-mode-state i{font-size:5px;margin-right:3px}
.lr-identity-mode-copy b{font-size:7px;color:#e2e8f0}
.lr-identity-mode-copy small{font-size:5.5px;color:#64748b}
.lr-identity-mode-actions{display:flex;gap:5px;align-items:center}
.lr-identity-mode-actions button{
  min-height:30px;padding:0 8px;border-radius:9px;
  border:1px solid rgba(148,163,184,.10);background:rgba(15,23,42,.48);
  color:#64748b;font-size:5.5px;font-weight:900
}
.lr-identity-mode-actions button.is-active{
  border-color:rgba(16,185,129,.26);color:#a7f3d0;background:rgba(16,185,129,.11)
}
.lr-identity-mode-bar.is-custom{
  border-color:rgba(251,146,60,.18);background:rgba(251,146,60,.06)
}
.lr-identity-mode-bar.is-custom .lr-identity-mode-state{color:#fdba74}
.lr-identity-mode-bar.is-custom .lr-identity-mode-actions button.is-active{
  border-color:rgba(251,146,60,.28);color:#fed7aa;background:rgba(251,146,60,.12)
}
.lr-identity-restore{width:30px;padding:0!important}

.lr-row-identity-bar{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:7px 8px;border-radius:11px;
  border:1px solid rgba(16,185,129,.14);background:rgba(16,185,129,.05)
}
.lr-row-identity-copy{display:flex;flex-direction:column;gap:2px}
.lr-row-identity-state{font-size:5.5px;font-weight:950;letter-spacing:.08em;color:#6ee7b7}
.lr-row-identity-copy small{font-size:5.5px;color:#64748b}
.lr-row-identity-actions{display:flex;gap:5px}
.lr-row-identity-actions button{
  min-height:28px;padding:0 8px;border-radius:8px;border:1px solid rgba(148,163,184,.10);
  background:rgba(15,23,42,.50);color:#64748b;font-size:5.5px;font-weight:900
}
.lr-row-identity-actions button.is-active{
  color:#a7f3d0;border-color:rgba(16,185,129,.24);background:rgba(16,185,129,.10)
}
.lr-row-is-custom .lr-row-identity-bar{
  border-color:rgba(251,146,60,.18);background:rgba(251,146,60,.05)
}
.lr-row-is-custom .lr-row-identity-state{color:#fdba74}
.lr-row-is-custom .lr-row-identity-actions button.is-active{
  color:#fed7aa;border-color:rgba(251,146,60,.28);background:rgba(251,146,60,.10)
}
.lr-row-color-tools.is-hidden-by-identity{display:none!important}

@media(max-width:720px){
  .lr-identity-distribution-head,.lr-identity-mode-bar,.lr-row-identity-bar{align-items:stretch;flex-direction:column}
  .lr-identity-status-grid{grid-template-columns:1fr}
  .lr-identity-mode-actions,.lr-row-identity-actions{width:100%}
  .lr-identity-mode-actions button,.lr-row-identity-actions button{flex:1}
}


/* ============================================================
   V6.5.1 — IDENTITY COLOR CARDS
   Same visual logic as Palette & Identity everywhere.
   ============================================================ */
.lr-identity-color-card{
  position:relative!important;
  min-height:58px!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  border:1px solid rgba(148,163,184,.11)!important;
  background:rgba(7,16,29,.72)!important;
  display:grid!important;
  grid-template-columns:26px 1fr auto!important;
  align-items:center!important;
  gap:8px!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease!important;
}
.lr-identity-color-card:hover{
  border-color:rgba(34,211,238,.30)!important;
  transform:translateY(-1px);
  box-shadow:0 10px 26px rgba(2,132,199,.08);
}
.lr-identity-color-card-dot{
  width:24px;
  height:24px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 0 0 3px rgba(255,255,255,.025), inset 0 0 0 1px rgba(0,0,0,.12);
  flex:none;
}
.lr-identity-color-card-label{
  min-width:0;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:7px;
  align-items:center;
}
.lr-identity-color-card-kicker{
  grid-row:1/3;
  font-size:5.4px;
  line-height:.95;
  font-weight:950;
  letter-spacing:.08em;
  color:#64748b;
}
.lr-identity-color-card-name{
  min-width:0;
  font-size:6px;
  line-height:1;
  font-weight:950;
  letter-spacing:.06em;
  color:#94a3b8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lr-identity-color-card-hex{
  font-size:8px;
  line-height:1.15;
  font-weight:950;
  color:#f8fafc;
  letter-spacing:.03em;
}
.lr-identity-color-card::after{
  content:'⌄';
  color:#64748b;
  font-size:11px;
  font-weight:900;
  align-self:center;
}
.lr-identity-color-card > input[type="color"]{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none!important;
}
.lr-identity-color-card > span:not(.lr-identity-color-card-dot):not(.lr-identity-color-card-label),
.lr-identity-color-card > b:not(.lr-identity-color-card-name),
.lr-identity-color-card > small:not(.lr-identity-color-card-hex){
  /* Legacy label text is visually superseded by the identity card. */
}

/* Portal Actions are narrower, so compress slightly. */
.link-row .lr-identity-color-card{
  min-height:52px!important;
  padding:7px 9px!important;
  grid-template-columns:22px 1fr auto!important;
}
.link-row .lr-identity-color-card-dot{
  width:21px;height:21px;
}

/* QR Premium gets the exact compact Palette Pro feel. */
#qrColor,
#qrColor2,
#qrCornerColor,
#qrBgColor,
#qrFrameBgColor,
#qrFrameTextColor{
  pointer-events:none!important;
}

@media(max-width:640px){
  .lr-identity-color-card{
    min-height:54px!important;
    grid-template-columns:24px 1fr auto!important;
  }
}


/* ============================================================
   V6.5.2 — COMPACT COLOR CARDS
   QR Premium keeps the same visual language without forcing the
   full Palette Pro geometry into narrow two-column cards.
   ============================================================ */

/* Base reset for cards inserted into constrained controls */
.lr-identity-color-card--compact{
  min-height:64px!important;
  height:64px!important;
  padding:9px 11px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 12px!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:9px!important;
  overflow:hidden!important;
  white-space:normal!important;
}

.lr-identity-color-card--compact .lr-identity-color-card-dot{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:50%!important;
  align-self:center!important;
}

.lr-identity-color-card--compact .lr-identity-color-card-label{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:2px!important;
  min-width:0!important;
  line-height:1!important;
}

.lr-identity-color-card--compact .lr-identity-color-card-kicker{
  display:none!important;
}

.lr-identity-color-card--compact .lr-identity-color-card-name{
  display:block!important;
  width:100%!important;
  font-size:7px!important;
  line-height:1.05!important;
  font-weight:950!important;
  color:#cbd5e1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  letter-spacing:.04em!important;
}

.lr-identity-color-card--compact .lr-identity-color-card-hex{
  display:block!important;
  width:100%!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:950!important;
  color:#f8fafc!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  letter-spacing:.02em!important;
}

.lr-identity-color-card--compact::after{
  content:'⌄'!important;
  display:block!important;
  font-size:9px!important;
  color:#64748b!important;
  line-height:1!important;
  align-self:center!important;
}

/* Prevent any legacy label fragments from consuming vertical space */
.lr-identity-color-card--compact{
  font-size:0!important;
}
.lr-identity-color-card--compact .lr-identity-color-card-dot,
.lr-identity-color-card--compact .lr-identity-color-card-label{
  font-size:initial!important;
}

/* QR Premium: force sane two-column tiles */
#qrColor,
#qrColor2,
#qrCornerColor,
#qrBgColor,
#qrFrameBgColor,
#qrFrameTextColor{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none!important;
}

/* Portal Actions: slightly roomier inline version */
.lr-identity-color-card--inline{
  min-height:48px!important;
  height:48px!important;
  padding:7px 9px!important;
  grid-template-columns:22px minmax(0,1fr) 10px!important;
  gap:7px!important;
}
.lr-identity-color-card--inline .lr-identity-color-card-kicker{display:none!important}
.lr-identity-color-card--inline .lr-identity-color-card-name{font-size:6px!important}
.lr-identity-color-card--inline .lr-identity-color-card-hex{font-size:7px!important}
.lr-identity-color-card--inline .lr-identity-color-card-dot{
  width:20px!important;height:20px!important;min-width:20px!important
}

/* Full cards remain visually aligned with Palette & Identity. */
.lr-identity-color-card--full{
  min-height:58px!important;
}

/* Right column/narrow screens */
@media(max-width:1100px){
  .lr-identity-color-card--compact{
    min-height:60px!important;
    height:60px!important;
    padding:8px 9px!important;
    grid-template-columns:24px minmax(0,1fr) 10px!important;
    gap:7px!important;
  }
  .lr-identity-color-card--compact .lr-identity-color-card-dot{
    width:22px!important;height:22px!important;min-width:22px!important
  }
  .lr-identity-color-card--compact .lr-identity-color-card-name{font-size:6.5px!important}
  .lr-identity-color-card--compact .lr-identity-color-card-hex{font-size:7.5px!important}
}


/* ============================================================
   V6.5.3 — QR PICKER / DELIVERY CLEANUP
   ============================================================ */
#qrArtColor1,
#qrArtColor2{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none!important;
}

/* Universal modal target title should never become one giant run-on line. */
.lr-universal-color-topbar strong{
  max-width:300px;
  white-space:normal!important;
  overflow-wrap:anywhere;
  line-height:1.15!important;
}
#universalColorApplying{
  display:block;
  max-width:280px;
  white-space:normal!important;
  overflow-wrap:anywhere;
  line-height:1.25!important;
}

/* Compact QR cards: ensure legacy text nodes cannot render vertically. */
.lr-identity-color-card--compact{
  text-orientation:mixed!important;
  writing-mode:horizontal-tb!important;
}
.lr-identity-color-card--compact *{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}


/* ============================================================
   V6.5.4 — PORTAL ACTIONS BULK IDENTITY
   ============================================================ */
.lr-portal-bulk-identity{
  margin:10px 0 12px;
  padding:10px;
  border-radius:15px;
  border:1px solid rgba(34,211,238,.14);
  background:linear-gradient(145deg,rgba(8,47,73,.14),rgba(30,27,75,.12));
}
.lr-portal-bulk-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.lr-portal-bulk-head>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.lr-portal-bulk-head>div>span{
  font-size:5.5px;
  font-weight:950;
  letter-spacing:.14em;
  color:#22d3ee;
}
.lr-portal-bulk-head b{
  font-size:8px;
  color:#e2e8f0;
}
.lr-portal-bulk-head small{
  font-size:5.5px;
  color:#64748b;
}
.lr-portal-bulk-status{
  font-size:5.5px;
  font-weight:950;
  color:#6ee7b7;
  border:1px solid rgba(16,185,129,.18);
  background:rgba(16,185,129,.08);
  border-radius:999px;
  padding:6px 8px;
  white-space:nowrap;
}
.lr-portal-bulk-status i{
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:4px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 10px rgba(52,211,153,.45);
}
.lr-portal-bulk-buttons{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:7px;
}
.lr-portal-bulk-buttons button{
  min-height:46px;
  padding:8px 10px;
  border-radius:11px;
  border:1px solid rgba(148,163,184,.10);
  background:rgba(15,23,42,.54);
  color:#cbd5e1;
  display:grid;
  grid-template-columns:24px 1fr;
  gap:8px;
  align-items:center;
  text-align:left;
}
.lr-portal-bulk-buttons button>i{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(34,211,238,.08);
  color:#22d3ee;
}
.lr-portal-bulk-buttons button>span{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.lr-portal-bulk-buttons button b{
  font-size:6px;
  letter-spacing:.05em;
}
.lr-portal-bulk-buttons button small{
  font-size:5.5px;
  color:#64748b;
}
.lr-portal-bulk-buttons button.is-primary{
  border-color:rgba(124,58,237,.24);
  background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(124,58,237,.16));
}
.lr-portal-bulk-buttons button.is-primary>i{
  color:#c4b5fd;
  background:rgba(124,58,237,.12);
}

/* confirmation modal */
.lr-identity-confirm{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.lr-identity-confirm.hidden{display:none!important}
.lr-identity-confirm-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.82);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.lr-identity-confirm-card{
  position:relative;
  width:min(390px,calc(100vw - 28px));
  border-radius:19px;
  border:1px solid rgba(251,146,60,.20);
  background:#07101d;
  box-shadow:0 28px 90px rgba(0,0,0,.56);
  padding:16px;
}
.lr-identity-confirm-icon{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  color:#fdba74;
  background:rgba(251,146,60,.10);
  border:1px solid rgba(251,146,60,.18);
  margin-bottom:10px;
}
.lr-identity-confirm-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.lr-identity-confirm-copy>span{
  font-size:6px;font-weight:950;letter-spacing:.14em;color:#fb923c;
}
.lr-identity-confirm-copy h3{
  margin:0;
  font-size:14px;
  color:#f8fafc;
}
.lr-identity-confirm-copy p{
  margin:2px 0 0;
  font-size:8px;
  line-height:1.55;
  color:#94a3b8;
}
.lr-identity-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:7px;
  margin-top:14px;
}
.lr-identity-confirm-actions button{
  min-height:40px;
  border-radius:11px;
  border:1px solid rgba(148,163,184,.11);
  background:rgba(15,23,42,.52);
  color:#cbd5e1;
  font-size:7px;
  font-weight:900;
}
.lr-identity-confirm-actions button.is-primary{
  border-color:rgba(251,146,60,.24);
  background:rgba(251,146,60,.12);
  color:#fed7aa;
}

@media(max-width:640px){
  .lr-portal-bulk-head{align-items:flex-start;flex-direction:column}
  .lr-portal-bulk-buttons{grid-template-columns:1fr}
}

/* V6.5.6 — client switch feedback */
.lr-project-item.is-loading{
  opacity:.72;
  pointer-events:none;
  border-color:rgba(34,211,238,.34)!important;
}
.lr-project-item.is-loading::after{
  content:'CARGANDO…';
  font-size:5px;
  font-weight:950;
  letter-spacing:.12em;
  color:#22d3ee;
}

/* V6.5.7 — project list recovery status */
#site-search-count[data-source="firestore-live"]{color:#6ee7b7!important}
#site-search-count[data-source="firestore-fallback"]{color:#facc15!important}
#site-search-count[data-source="error"]{color:#fb7185!important}

/* V6.5.8 — instant client switching */
.lr-project-item.is-loading{
  position:relative;
}
.lr-project-item.is-loading::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(34,211,238,.45);
}
.lr-project-item.active{
  border-color:rgba(167,139,250,.65)!important;
  background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(30,41,59,.40))!important;
}

/* V6.5.9 — core-first switch */
.lr-project-item.is-loading{
  cursor:progress!important;
}

/* V6.6.0 — isolated project state */
.lr-project-item.active{
  box-shadow:inset 0 0 0 1px rgba(167,139,250,.28),0 8px 24px rgba(76,29,149,.10);
}


/* ============================================================
   V6.6.1 — QR WORKBENCH
   Preview first + compact one-open-at-a-time tool accordions.
   ============================================================ */
.lr-qr-workbench{
  padding-bottom:12px!important;
}

.lr-qr-preview-sticky{
  position:sticky;
  top:14px;
  z-index:15;
  margin-bottom:12px;
  padding:9px;
  border-radius:18px;
  border:1px solid rgba(34,211,238,.18);
  background:rgba(5,13,25,.96);
  box-shadow:0 18px 42px rgba(0,0,0,.30);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.lr-qr-preview-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 3px 8px;
  text-align:left;
}
.lr-qr-preview-label>div{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.lr-qr-preview-label span{
  font-size:6px;
  font-weight:950;
  letter-spacing:.13em;
  color:#22d3ee;
}
.lr-qr-preview-label small{
  font-size:5.5px;
  color:#64748b;
}
.lr-qr-preview-label>i{
  color:#facc15;
  font-size:10px;
}

.lr-qr-preview-sticky .lr-qr-stage{
  margin:0!important;
  transform:none!important;
}

.lr-qr-tool-stack{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.lr-qr-tool{
  border:1px solid rgba(148,163,184,.10);
  border-radius:14px;
  background:rgba(2,6,23,.30);
  overflow:hidden;
  transition:border-color .18s ease, background .18s ease;
}
.lr-qr-tool.is-open{
  border-color:rgba(34,211,238,.20);
  background:rgba(8,47,73,.08);
}

.lr-qr-tool-head{
  width:100%;
  min-height:54px;
  padding:8px 9px;
  border:0;
  background:transparent;
  color:#e2e8f0;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto 14px;
  gap:8px;
  align-items:center;
  text-align:left;
}
.lr-qr-tool-icon{
  width:30px;
  height:30px;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#67e8f9;
  background:rgba(8,145,178,.09);
  border:1px solid rgba(34,211,238,.12);
}
.lr-qr-tool-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.lr-qr-tool-copy b{
  font-size:7px;
  font-weight:950;
  letter-spacing:.04em;
  color:#f8fafc;
}
.lr-qr-tool-copy small{
  font-size:5.5px;
  color:#64748b;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lr-qr-tool-summary{
  max-width:88px;
  padding:5px 7px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.10);
  background:rgba(15,23,42,.52);
  color:#94a3b8;
  font-size:5.5px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lr-qr-tool-chevron{
  color:#64748b;
  font-size:8px;
  transition:transform .18s ease;
}
.lr-qr-tool.is-open .lr-qr-tool-chevron{
  transform:rotate(180deg);
  color:#22d3ee;
}

.lr-qr-tool-body{
  display:none;
  padding:0 9px 10px;
  border-top:1px solid rgba(148,163,184,.07);
}
.lr-qr-tool.is-open .lr-qr-tool-body{
  display:block;
  padding-top:9px;
}

/* Avoid nested legacy boxes adding unnecessary height inside accordion tools. */
.lr-qr-tool .lr-qr-health{
  margin-top:0!important;
}
.lr-qr-tool .lr-delivery-art-pro,
.lr-qr-tool .lr-qr-frame-pro{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

/* Keep the preview readable while the user scrolls through tools. */
@media(max-height:760px){
  .lr-qr-preview-sticky{
    position:relative;
    top:auto;
  }
}

@media(max-width:640px){
  .lr-qr-tool-head{
    grid-template-columns:28px minmax(0,1fr) 12px;
  }
  .lr-qr-tool-summary{
    display:none;
  }
}

/* ============================================================
   V6.6.2 — QR PANEL BACKGROUND CONTROL
   ============================================================ */
.lr-qr-panel-bg-control{
  padding:9px;
  border-radius:12px;
  border:1px solid rgba(34,211,238,.12);
  background:rgba(8,47,73,.08);
}
.lr-qr-panel-bg-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}
.lr-qr-panel-bg-head>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.lr-qr-panel-bg-head b{
  font-size:6px;
  color:#e2e8f0;
  letter-spacing:.08em;
}
.lr-qr-panel-bg-head small{
  font-size:5.5px;
  line-height:1.3;
  color:#64748b;
}
.lr-qr-panel-bg-head>span{
  font-size:5px;
  font-weight:950;
  color:#6ee7b7;
  border:1px solid rgba(16,185,129,.18);
  background:rgba(16,185,129,.08);
  border-radius:999px;
  padding:4px 6px;
}


/* ============================================================
   V6.6.3 — QR PREVIEW TEXT PARITY
   Live preview must match exported SVG/PDF alignment.
   ============================================================ */
.lr-qr-stage{
  text-align:center!important;
}

.lr-qr-stage-top,
.lr-qr-stage-footer{
  width:100%;
  text-align:center!important;
}

.lr-qr-stage-client,
.lr-qr-stage-title,
.lr-qr-stage-subtitle{
  width:100%;
  display:block;
  text-align:center!important;
  margin-left:auto;
  margin-right:auto;
}

.lr-qr-stage-client{
  max-width:100%;
  overflow-wrap:anywhere;
}

.lr-qr-stage-title,
.lr-qr-stage-subtitle{
  max-width:100%;
  overflow-wrap:anywhere;
}

.lr-qr-stage-badge{
  margin-left:auto;
  margin-right:auto;
}

/* V6.6.4 — Analytics Pro tenant isolation */
#analyticsClientContext{
  display:inline-block;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ============================================================
   V6.6.5 — QR LEGACY RECOVERY / SAFE HYDRATION
   ============================================================ */
.lr-qr-source-badge,
.lr-qr-protection-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:4px 7px;
  font-size:5px;
  font-weight:950;
  letter-spacing:.08em;
  white-space:nowrap;
}
.lr-qr-source-badge{
  color:#93c5fd;
  border:1px solid rgba(59,130,246,.18);
  background:rgba(59,130,246,.08);
}
.lr-qr-source-badge[data-source="saved"]{
  color:#6ee7b7;
  border-color:rgba(16,185,129,.22);
  background:rgba(16,185,129,.08);
}
.lr-qr-source-badge[data-source="legacy-recovered"]{
  color:#fde68a;
  border-color:rgba(245,158,11,.24);
  background:rgba(245,158,11,.09);
}
.lr-qr-protection-status{
  color:#94a3b8;
  border:1px solid rgba(148,163,184,.10);
  background:rgba(15,23,42,.38);
}
.lr-qr-protection-status[data-state="protected"]{
  color:#fda4af;
  border-color:rgba(244,63,94,.24);
  background:rgba(127,29,29,.16);
}