/* =====================================================================
   SMMGOAL — smg-polish.css
   Visual bug-fix + redesign override layer. Load LAST (after main CSS,
   /CSS/style.css and Font Awesome). Pure overrides: no PerfectPanel
   form/JS behaviour depends on anything in here.
   Sections: 0 tokens · 1 global · 2 guest header · 3 landing · 4 login
   modal · 5 sign up · 6 footer · 7 floating widgets · 8 theme toggle ·
   9 panel shell · 10 panel forms/buttons/tables · 11 panel pages ·
   12 dark mode · 13 responsive · 14 reduced motion
   ===================================================================== */

/* ---------- 0. Tokens ---------- */
:root{
  --smg-p:#175cff; --smg-p-600:#0f4ae0; --smg-p-700:#0b3bb8;
  --smg-p-50:#eef3ff; --smg-p-100:#dce7ff; --smg-p-200:#b9cdff;
  --smg-cyan:#00b3ff;
  --smg-ink:#0b1b3f;          /* headings  (16:1 on white) */
  --smg-text:#26324b;         /* body      (12:1) */
  --smg-muted:#4f5b73;        /* secondary (6.9:1) */
  --smg-subtle:#6b768c;       /* tertiary  (4.6:1) */
  --smg-bg:#ffffff; --smg-bg-alt:#f5f8fd; --smg-surface:#ffffff; --smg-surface-2:#f7f9fc;
  --smg-border:#e3e8f1; --smg-border-strong:#d3dbe8;
  --smg-radius:18px; --smg-radius-sm:12px;
  --smg-shadow-sm:0 1px 2px rgba(11,27,63,.06),0 2px 8px rgba(11,27,63,.05);
  --smg-shadow:0 10px 30px rgba(11,27,63,.08);
  --smg-shadow-lg:0 24px 60px rgba(11,27,63,.14);
  --smg-ring:0 0 0 4px rgba(23,92,255,.15);
  --smg-font:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --smg-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
  --smg-ok:#127a43; --smg-ok-bg:#e3f6ec;
  --smg-info:#1550d6; --smg-info-bg:#e6eeff;
  --smg-warn:#8a5a00; --smg-warn-bg:#fff3d6;
  --smg-orange:#a84a00; --smg-orange-bg:#ffead9;
  --smg-bad:#b42318; --smg-bad-bg:#fde7e5;
  --smg-violet:#6633cc; --smg-violet-bg:#efe7ff;
  --smg-grey:#4a5568; --smg-grey-bg:#edf0f5;
}

/* ---------- 1. Global ---------- */
/* #3 — no blank/washed page: kill preloaders + scroll-reveal hiding */
#preloader,.preloader,body > .loader,.loader .spinner{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.wow,[data-wow-delay],[data-aos],.animated{visibility:visible!important;opacity:1!important;transform:none!important;animation:none!important}

/* #1 — readable type */
body.smg-guest{font-family:var(--smg-font)!important;font-size:15px;line-height:1.65;color:var(--smg-text);background:var(--smg-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.smg-panel{font-family:var(--smg-font)!important;font-size:14px;line-height:1.6;color:var(--smg-text);-webkit-font-smoothing:antialiased}
body.smg-guest h1,body.smg-guest h2,body.smg-guest h3,body.smg-guest h4,body.smg-guest h5,body.smg-guest h6,
body.smg-panel h1,body.smg-panel h2,body.smg-panel h3,body.smg-panel h4,body.smg-panel h5,body.smg-panel h6{font-family:var(--smg-font);color:var(--smg-ink);letter-spacing:-.01em}
body.smg-guest input,body.smg-guest select,body.smg-guest textarea,body.smg-guest button,
body.smg-panel input,body.smg-panel select,body.smg-panel textarea,body.smg-panel button,
body.smg-panel table td,body.smg-panel table th,body.smg-guest table td,body.smg-guest table th{font-family:var(--smg-font)!important}
.themecolor{color:var(--smg-ink)!important}
.themecolor2,.text-purple-haze,.lead.themecolor2{color:var(--smg-muted)!important}
body.smg-guest p{color:inherit}
body.smg-guest a{color:var(--smg-p)}
body.smg-guest ::selection,body.smg-panel ::selection{background:var(--smg-p-100);color:var(--smg-ink)}
:focus-visible{outline:3px solid rgba(23,92,255,.45);outline-offset:2px}

/* #2 — wider container on public pages */
@media (min-width:1200px){body.smg-guest .container{max-width:1200px}}
@media (min-width:1400px){body.smg-guest .container{max-width:1240px}}

/* Buttons (guest + shared) */
body.smg-guest .btn,body.smg-panel .btn{font-family:var(--smg-font);font-weight:600;border-radius:var(--smg-radius-sm);transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}
body.smg-guest .btn-primary{background:var(--smg-p)!important;border:1.5px solid var(--smg-p)!important;color:#fff!important;padding:11px 22px;border-radius:var(--smg-radius-sm)!important;box-shadow:0 8px 20px rgba(23,92,255,.22)}
body.smg-guest .btn-primary:hover,body.smg-guest .btn-primary:focus{background:var(--smg-p-600)!important;border-color:var(--smg-p-600)!important;transform:translateY(-1px);box-shadow:0 12px 26px rgba(23,92,255,.28)}
.smg-btn-ghost{background:transparent!important;border:1.5px solid var(--smg-border-strong)!important;color:var(--smg-ink)!important;padding:10px 20px;border-radius:var(--smg-radius-sm)!important}
.smg-btn-ghost:hover,.smg-btn-ghost:focus{border-color:var(--smg-p)!important;color:var(--smg-p)!important;background:var(--smg-p-50)!important}
.smg-btn-lg{padding:14px 26px!important;font-size:1rem!important}
.smg-btn-white{background:#fff!important;color:var(--smg-p-700)!important;border:1.5px solid #fff!important}
.smg-btn-white:hover{background:var(--smg-p-50)!important}
.smg-btn-outline-white{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.7)!important}
.smg-btn-outline-white:hover{background:rgba(255,255,255,.12)!important;border-color:#fff!important}

/* ---------- 2. Guest header (#4 #5) ---------- */
body.smg-guest .main-header .navbar{padding:12px 0!important;background:rgba(255,255,255,.9)!important;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--smg-border)}
body.smg-guest .main-header .navbar.affix{position:fixed;background:rgba(255,255,255,.96)!important;box-shadow:var(--smg-shadow-sm);animation:none!important}
body.smg-guest .main-header .navbar > .container{gap:12px;flex-wrap:nowrap}
body.smg-guest .main-header .navbar-brand{order:0;margin-right:8px}
body.smg-guest .main-header .logonew{max-width:170px;height:auto}
body.smg-guest .main-header .navbar-collapse{order:1;flex-grow:1}
body.smg-guest .main-header .smg-theme-wrap{order:2;gap:0!important}
body.smg-guest .main-header .lh-55px.btn-header{order:3;list-style:none;margin:0!important;padding:0!important;line-height:normal!important}
body.smg-guest .main-header .action-btns{order:4;display:flex;align-items:center;gap:8px;margin:0!important;white-space:nowrap}
body.smg-guest .main-header .action-btns .btn{padding:9px 18px!important;font-size:.92rem!important;margin:0!important;box-shadow:none}
body.smg-guest .main-header .navbar-toggler{order:5;font-size:1.35rem;color:var(--smg-ink)!important;padding:6px 8px}
body.smg-guest .main-header .main-menu{gap:2px}
body.smg-guest .main-header .main-menu .nav-link{font-size:.95rem;font-weight:500;color:var(--smg-text)!important;padding:9px 14px!important;border-radius:10px}
body.smg-guest .main-header .main-menu .nav-link .navbar-icon{display:none}  /* cleaner text nav */
body.smg-guest .main-header .main-menu .nav-link:hover,body.smg-guest .main-header .main-menu li.active .nav-link{color:var(--smg-p)!important;background:var(--smg-p-50)}
/* language selector: one compact pill */
body.smg-guest .header__lang.nav-link{padding:0!important}
body.smg-guest .lang{width:auto!important}
body.smg-guest .lang__current{width:auto!important;height:40px!important;line-height:1!important;padding:0 12px!important;display:inline-flex!important;align-items:center;gap:6px;border-radius:999px!important;background:var(--smg-surface-2)!important;border:1px solid var(--smg-border)!important;box-shadow:none!important;font-family:var(--smg-font)!important;font-size:.85rem!important;font-weight:600!important;color:var(--smg-ink)!important;cursor:pointer}
body.smg-guest .lang__current:before{display:none!important}
body.smg-guest .lang__current .lang--icon{display:inline-flex;color:var(--smg-p)}
body.smg-guest .lang__current .lang--icon i{font-size:15px!important}
body.smg-guest .lang__list{left:auto!important;right:0}
/* offcanvas */
body.smg-guest .offcanvas{background:var(--smg-surface)}
body.smg-guest .offcanvas .main-menu .nav-link{font-weight:500;font-size:1rem}

/* ---------- 3. Landing ---------- */
.smg-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--smg-p-50);color:var(--smg-p-700);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
.smg-eyebrow i{font-size:.8rem}
/* #16 hero mesh background */
.smg-hero{position:relative;overflow:hidden;padding:150px 0 72px!important;
  background:
    radial-gradient(900px 480px at 85% 10%,rgba(0,179,255,.16),transparent 60%),
    radial-gradient(700px 420px at 8% 0%,rgba(23,92,255,.14),transparent 60%),
    radial-gradient(600px 400px at 60% 100%,rgba(124,77,255,.10),transparent 60%),
    linear-gradient(180deg,#f4f7ff 0%,#ffffff 100%)}
.smg-hero__title{font-size:clamp(2.2rem,4.4vw,3.6rem)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.025em!important;margin:0 0 18px!important}
.smg-grad-text{background:linear-gradient(90deg,var(--smg-p) 0%,var(--smg-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.smg-hero__lead{font-size:1.15rem!important;line-height:1.65;max-width:540px;margin:0 0 28px}
.smg-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}   /* #10 no big gap */
.smg-hero__signin{font-size:.93rem;color:var(--smg-muted);margin:0 0 24px}
.smg-hero__signin a{font-weight:600;text-decoration:none}
.smg-badges{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.smg-badges li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--smg-surface);border:1px solid var(--smg-border);box-shadow:var(--smg-shadow-sm);font-size:.88rem;font-weight:600;color:var(--smg-ink)}
.smg-badges li i{color:var(--smg-p)}
/* #9 platform composition instead of mascot */
.smg-orbit{position:relative;height:440px;max-width:520px;margin:0 auto}
.smg-orbit:before{content:"";position:absolute;inset:40px;border-radius:50%;border:2px dashed var(--smg-p-100)}
.smg-orbit:after{content:"";position:absolute;inset:110px;border-radius:50%;background:radial-gradient(circle,rgba(23,92,255,.14),transparent 70%)}
.smg-orbit__core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;padding:22px;border-radius:22px;background:var(--smg-surface);box-shadow:var(--smg-shadow-lg);border:1px solid var(--smg-border);text-align:center}
.smg-orbit__core > i{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--smg-p);color:#fff;font-size:20px;margin-bottom:10px}
.smg-orbit__core strong{display:block;font-size:1rem;color:var(--smg-ink);margin-bottom:12px}
.smg-orbit__bars{display:flex;align-items:flex-end;justify-content:center;gap:7px;height:56px}
.smg-orbit__bars i{display:block;width:16px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,var(--smg-cyan),var(--smg-p))}
.smg-orbit__bars i:nth-child(1){height:30%}.smg-orbit__bars i:nth-child(2){height:45%}.smg-orbit__bars i:nth-child(3){height:58%}.smg-orbit__bars i:nth-child(4){height:76%}.smg-orbit__bars i:nth-child(5){height:100%}
.smg-tile{position:absolute;z-index:3;width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;box-shadow:0 14px 30px rgba(11,27,63,.18);animation:smg-float 6s ease-in-out infinite}
.smg-tile--ig{left:6%;top:12%;background:linear-gradient(135deg,#feda75,#fa7e1e 30%,#d62976 60%,#962fbf 85%,#4f5bd5)}
.smg-tile--tt{right:8%;top:6%;background:#111;box-shadow:-3px -3px 0 #25f4ee,3px 3px 0 #fe2c55,0 14px 30px rgba(11,27,63,.18);animation-delay:-1s}
.smg-tile--yt{right:0;top:44%;background:#ff0033;animation-delay:-2s}
.smg-tile--sp{right:14%;bottom:4%;background:#1db954;animation-delay:-3s}
.smg-tile--fb{left:16%;bottom:2%;background:#1877f2;width:58px;height:58px;font-size:24px;animation-delay:-4s}
.smg-tile--tg{left:0;top:48%;background:#29a9eb;width:58px;height:58px;font-size:26px;animation-delay:-5s}
.smg-tile--tw{left:44%;top:0;background:#1da1f2;width:52px;height:52px;font-size:22px;border-radius:16px;animation-delay:-2.5s}
@keyframes smg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* platform strip */
.smg-platforms-strip{padding:28px 0;background:var(--smg-surface);border-top:1px solid var(--smg-border);border-bottom:1px solid var(--smg-border)}
.smg-platforms-strip__label{text-align:center;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--smg-subtle);margin:0 0 14px}
.smg-logo-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;list-style:none;margin:0;padding:0}
.smg-logo-row li{display:inline-flex;align-items:center;gap:9px;color:var(--smg-muted);font-weight:600;font-size:.98rem;transition:color .15s}
.smg-logo-row li i{font-size:22px}
.smg-logo-row li:hover{color:var(--smg-p)}

/* sections (#16 alternating) */
.smg-section{padding:88px 0}
.smg-section--alt{background:var(--smg-bg-alt)}
.smg-section--tight{padding:24px 0 96px}
.smg-heading{text-align:center;max-width:720px;margin:0 auto 44px}
.smg-heading h2{font-size:clamp(1.75rem,3vw,2.45rem)!important;font-weight:700!important;line-height:1.2;margin:0 0 12px}
.smg-heading p{font-size:1.02rem;color:var(--smg-muted);margin:0}

/* #11 stats */
.smg-stats-section{padding:56px 0 64px}
.smg-stat{display:flex;align-items:center;gap:18px;height:100%;padding:24px 26px;border-radius:var(--smg-radius);background:var(--smg-surface);border:1px solid var(--smg-border);box-shadow:var(--smg-shadow)}
.smg-stat__icon{flex:none;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--smg-p) 0%,var(--smg-cyan) 100%);color:#fff;font-size:24px;box-shadow:0 10px 22px rgba(23,92,255,.25)}
.smg-stat__num{font-size:2.1rem;font-weight:800;line-height:1.1;color:var(--smg-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.smg-stat__label{font-size:.95rem;font-weight:500;color:var(--smg-muted);margin-top:2px}

/* #12 #14 cards */
.smg-card{height:100%;padding:32px;border-radius:var(--smg-radius);background:var(--smg-surface);border:1px solid var(--smg-border);box-shadow:var(--smg-shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}
.smg-card h3{font-size:1.18rem!important;font-weight:600!important;color:var(--smg-ink);margin:0 0 10px}
.smg-card p{font-size:.98rem;line-height:1.7;color:var(--smg-muted);margin:0}
.smg-card--center{text-align:center}
.smg-card--center .smg-icon{margin:0 auto 20px}
.smg-card--row{display:flex;align-items:flex-start;gap:20px}
.smg-card--row .smg-card__body{display:flex;flex-direction:column;align-items:flex-start;height:100%}
.smg-card--row p{margin-bottom:20px}
.smg-card--row .btn{margin-top:auto}
.smg-card--hover:hover,.smg-card:hover{transform:translateY(-4px);box-shadow:var(--smg-shadow);border-color:var(--smg-p-200)}
.smg-icon{flex:none;width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--smg-p-50),var(--smg-p-100));color:var(--smg-p);font-size:23px}

/* #15 popular services */
.smg-svc{display:flex;flex-direction:column;gap:6px;height:100%;padding:24px;border-radius:var(--smg-radius);background:var(--smg-surface);border:1px solid var(--smg-border);box-shadow:var(--smg-shadow-sm);text-decoration:none!important;transition:transform .2s,box-shadow .2s,border-color .2s}
.smg-svc:hover{transform:translateY(-4px);box-shadow:var(--smg-shadow);border-color:var(--smg-p-200)}
.smg-svc__icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:10px}
.smg-svc__name{font-size:1.06rem;font-weight:600;color:var(--smg-ink)}
.smg-svc__meta{font-size:.9rem;color:var(--smg-muted)}
.smg-svc__link{margin-top:auto;padding-top:12px;font-size:.93rem;font-weight:600;color:var(--smg-p);display:inline-flex;align-items:center;gap:6px}
.smg-svc:hover .smg-svc__link i{transform:translateX(3px)}
.smg-svc__link i{transition:transform .15s}
.smg-c-ig{background:linear-gradient(135deg,#feda75,#fa7e1e 30%,#d62976 60%,#962fbf 85%,#4f5bd5);color:#fff}
.smg-c-tt{background:#111;color:#fff}
.smg-c-yt{background:#ff0033;color:#fff}
.smg-c-sp{background:#1db954;color:#fff}
.smg-c-tg{background:#29a9eb;color:#fff}

/* #13 steps with connector */
.smg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;counter-reset:none}
.smg-steps:before{content:"";position:absolute;top:38px;left:12.5%;right:12.5%;height:2px;background:repeating-linear-gradient(90deg,var(--smg-p-200) 0 10px,transparent 10px 18px);z-index:0}
.smg-step{position:relative;z-index:1;text-align:center;padding:0 6px}
.smg-step__icon{position:relative;width:76px;height:76px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--smg-surface);border:2px solid var(--smg-p-100);box-shadow:var(--smg-shadow);color:var(--smg-p);font-size:28px}
.smg-step__num{position:absolute;top:-4px;right:-4px;width:26px;height:26px;border-radius:50%;background:var(--smg-p);color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--smg-surface)}
.smg-step h3{font-size:1.1rem!important;font-weight:600!important;margin:0 0 8px;color:var(--smg-ink)}
.smg-step p{font-size:.96rem;line-height:1.65;color:var(--smg-muted);margin:0}

/* #15 FAQ */
.smg-faq{max-width:820px;margin:0 auto}
.smg-faq__item{background:var(--smg-surface);border:1px solid var(--smg-border);border-radius:14px;margin-bottom:12px;box-shadow:var(--smg-shadow-sm);transition:border-color .15s}
.smg-faq__item[open]{border-color:var(--smg-p-200)}
.smg-faq__item summary{list-style:none;cursor:pointer;padding:18px 56px 18px 22px;position:relative;font-weight:600;font-size:1.02rem;color:var(--smg-ink)}
.smg-faq__item summary::-webkit-details-marker{display:none}
.smg-faq__item summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--smg-p-50);color:var(--smg-p);font-size:20px;font-weight:500;line-height:28px;text-align:center;transition:transform .2s}
.smg-faq__item[open] summary:after{content:"−"}
.smg-faq__body{padding:0 22px 20px;color:var(--smg-muted);font-size:.97rem;line-height:1.7}
.smg-faq__body a{font-weight:600}

/* final CTA */
.smg-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;padding:48px 52px;border-radius:24px;color:#fff;
  background:radial-gradient(600px 300px at 90% 0%,rgba(0,179,255,.55),transparent 60%),linear-gradient(120deg,var(--smg-p-700) 0%,var(--smg-p) 60%,#3b82ff 100%);box-shadow:0 24px 50px rgba(23,92,255,.28)}
.smg-cta h2{color:#fff!important;font-size:clamp(1.6rem,2.6vw,2.2rem)!important;font-weight:700!important;margin:0 0 6px}
.smg-cta p{color:rgba(255,255,255,.88);margin:0;font-size:1.02rem}
.smg-cta__btns{display:flex;flex-wrap:wrap;gap:12px}

/* legacy landing bits possibly still rendered by other pages */
body.smg-guest .hero-section.page-header{background:linear-gradient(180deg,#f4f7ff 0%,#fff 100%)}
body.smg-guest .bgthemeblock{border-radius:var(--smg-radius);border:1px solid var(--smg-border);box-shadow:var(--smg-shadow-sm)}
lottie-player,tgs-player{display:none!important}  /* #9 mascot removed everywhere */

/* ---------- 4. Login modal (#18) ---------- */
.my_modal{background:rgba(9,18,40,.55)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.my_modal-dialog{max-width:440px!important;margin:8vh auto!important;padding:0 14px}
.my_modal-content.smg-modal{border:0!important;border-radius:22px!important;background:var(--smg-surface)!important;box-shadow:var(--smg-shadow-lg)!important;overflow:hidden}
.smg-modal .my_modal-header{padding:32px 30px 28px!important;border-radius:0!important;position:relative}
.smg-modal__head{text-align:center;margin-bottom:22px}
.smg-modal__logo{display:inline-flex;width:52px;height:52px;border-radius:16px;align-items:center;justify-content:center;background:var(--smg-p-50);color:var(--smg-p);font-size:24px;margin-bottom:12px}
.smg-modal .about__title{font-size:1.55rem!important;font-weight:700!important;color:var(--smg-ink)!important;margin:0 0 4px!important;text-align:center}
.smg-modal__sub{font-size:.93rem;color:var(--smg-muted);margin:0}
.smg-modal .input-wrapper{margin-bottom:16px}
.smg-label{display:block;font-size:.86rem;font-weight:600;color:var(--smg-text);margin:0 0 6px}
.my_modal .inlogin{display:block;width:100%;height:50px!important;padding:0 16px!important;border-radius:var(--smg-radius-sm)!important;border:1.5px solid var(--smg-border-strong)!important;background:var(--smg-surface)!important;color:var(--smg-ink)!important;font-family:var(--smg-font)!important;font-size:.96rem!important;font-weight:500!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
.my_modal .inlogin:focus{border-color:var(--smg-p)!important;box-shadow:var(--smg-ring)!important;outline:0}
.smg-modal__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 18px;font-size:.9rem}
.smg-modal__row .form-check{margin:0;padding-left:1.6em}
.smg-modal__row .form-check-label{color:var(--smg-text)}
.smg-modal .forget-pass{font-weight:600;text-decoration:none}
.smg-modal .auth-foot{font-size:.93rem;color:var(--smg-muted)}
.smg-modal .auth-foot a{font-weight:600}
.my_modal .close{top:14px!important;right:16px!important;width:36px;height:36px;line-height:34px!important;padding:0!important;text-align:center;border-radius:50%!important;font-size:24px!important;opacity:1!important;color:var(--smg-muted)!important;text-shadow:none!important;background:var(--smg-surface-2)}
.my_modal .close:hover{color:var(--smg-ink)!important;background:var(--smg-p-50)}
/* password show / hide (#17 #18) */
.smg-pass{position:relative}
.smg-pass input{padding-right:50px!important}
.smg-pass__toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--smg-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}
.smg-pass__toggle:hover{color:var(--smg-p);background:var(--smg-p-50)}

/* ---------- 5. Sign up (#17) ---------- */
.smg-auth{padding:140px 0 88px;
  background:radial-gradient(700px 400px at 90% 0%,rgba(0,179,255,.12),transparent 60%),radial-gradient(600px 400px at 0% 10%,rgba(23,92,255,.10),transparent 60%),linear-gradient(180deg,#f4f7ff,#fff)}
.smg-auth__aside h2{font-size:clamp(1.8rem,3vw,2.5rem)!important;font-weight:800!important;line-height:1.15;margin:0 0 20px}
.smg-checklist{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px}
.smg-checklist li{display:flex;align-items:center;gap:12px;font-size:1.02rem;color:var(--smg-text);font-weight:500}
.smg-checklist i{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--smg-ok-bg);color:var(--smg-ok);font-size:12px;flex:none}
.smg-auth__icons{display:flex;gap:12px}
.smg-auth__icons span{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:var(--smg-shadow-sm)}
.auth-card.smg-auth-card{max-width:520px!important;margin:0 auto;padding:36px!important;border-radius:22px!important;border:1px solid var(--smg-border)!important;background:var(--smg-surface)!important;box-shadow:var(--smg-shadow-lg)!important}
.smg-auth-card__title{font-size:1.85rem!important;font-weight:700!important;color:var(--smg-ink)!important;margin:0 0 6px!important}
.smg-auth-card .auth-subtitle{color:var(--smg-muted);font-size:.97rem;margin:0 0 24px}
.smg-auth-card .form-control{height:50px!important;border-radius:var(--smg-radius-sm)!important;border:1.5px solid var(--smg-border-strong)!important;background:var(--smg-surface)!important;color:var(--smg-ink)!important;padding:0 16px!important;font-size:.96rem!important;font-weight:500!important;box-shadow:none!important}
.smg-auth-card .form-control:focus{border-color:var(--smg-p)!important;box-shadow:var(--smg-ring)!important}
.smg-auth-card .form-control::placeholder,.my_modal .inlogin::placeholder{color:#8a94a8;font-weight:400}
.smg-optional{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--smg-grey-bg);color:var(--smg-grey);font-size:.72rem;font-weight:600;text-transform:lowercase;vertical-align:middle}
.smg-field--wa .smg-label i{color:#128c4b}
.smg-help{display:block;margin-top:6px;font-size:.82rem;color:var(--smg-subtle)}
.smg-auth-card .form-check{padding-left:1.7em}
.smg-auth-card .form-check-label{font-size:.92rem;color:var(--smg-text)}
.smg-auth-card .btn-primary{height:52px;margin-top:4px}
.smg-auth-card .auth-foot{text-align:center;margin-top:18px;font-size:.93rem;color:var(--smg-muted)}
.smg-auth-card .auth-foot a{font-weight:600}

/* ---------- 6. Footer (#7) ---------- */
body.smg-guest .footer-style-one{background:var(--smg-bg-alt)!important;border-top:1px solid var(--smg-border);box-shadow:none!important;padding:64px 0 96px!important}
body.smg-guest .footer-style-one .row.pb-60{padding-bottom:28px!important}
body.smg-guest .footer-style-one .footer-about .footer-disc{width:auto!important;max-width:360px;padding-top:18px!important;font-size:.95rem!important;line-height:1.7;color:var(--smg-muted)!important}
body.smg-guest .footer-style-one .col-lg-8 .row > [class*="col-"]{display:block!important}
body.smg-guest .footer-style-one .footer-widget-title{font-size:1rem!important;font-weight:700!important;color:var(--smg-ink)!important;margin:0 0 14px!important}
body.smg-guest .footer-style-one .footer-links{gap:10px!important;margin:0}
body.smg-guest .footer-style-one .footer-widget .footer-links li a{margin:0!important;font-size:.94rem!important;font-weight:500!important;color:var(--smg-muted)!important}
body.smg-guest .footer-style-one .footer-widget .footer-links li a:hover{color:var(--smg-p)!important}
body.smg-guest .footer-style-one .footer-social-links{gap:10px!important;margin:0!important;justify-content:flex-start!important}
body.smg-guest .footer-style-one .footer-social-links li{margin:0!important}
body.smg-guest .footer-style-one .footer-social-links a{width:40px!important;height:40px!important;color:var(--smg-ink)!important;background:var(--smg-surface)!important;border:1px solid var(--smg-border)!important;font-size:16px;box-shadow:none!important}
body.smg-guest .footer-style-one .footer-social-links a:hover{color:#fff!important;background:var(--smg-p)!important;border-color:var(--smg-p)!important}
.smg-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding-top:24px;border-top:1px solid var(--smg-border)}
.smg-copyright{margin:0;font-size:.9rem;color:var(--smg-muted);white-space:nowrap}
.smg-payments{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.smg-payments li{width:84px;height:52px;border-radius:12px;background:#0f1d3a;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--smg-shadow-sm)}
.smg-payments img{width:76px!important;height:76px!important;max-width:none!important;max-height:none!important;object-fit:contain;opacity:1!important;filter:none!important}

/* ---------- 7. Floating widgets (#6) ---------- */
.integration-fixed__bottom-left:has(.whatsapp-container),.integration-fixed.smg-wa-fixed{left:auto!important;right:0!important;bottom:0!important;padding:18px!important}
.whatsapp-container .whatsapp-button{width:50px!important;height:50px!important;transform:none!important;box-shadow:0 8px 20px rgba(18,140,75,.35)!important}
.whatsapp-container .whatsapp-button svg{width:24px;height:24px}
body.smg-panel .integration-fixed__bottom-left:has(.whatsapp-container),body.smg-panel .integration-fixed.smg-wa-fixed{bottom:56px!important}  /* clear the panel footer bar */

/* ---------- 8. Theme toggle: the "empty circle" (#4 #20 #27) ---------- */
.theme-switch-one.style__two{width:40px!important;height:40px!important;margin:0;border:1px solid var(--smg-border)!important;background:var(--smg-surface-2);border-radius:50%!important;cursor:pointer;flex:none}
.theme-switch-one.style__two .slider{border-radius:50%!important}
.theme-switch-one.style__two .slider:before,
.theme-switch-one.style__two input:checked + .slider:before{content:"\f185";font-family:"Font Awesome 6 Pro","Font Awesome 5 Pro";font-weight:900;position:absolute;inset:0!important;left:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;margin:0!important;background:none!important;transform:none!important;display:flex;align-items:center;justify-content:center;font-size:16px;color:#f5a400;border-radius:50%}
.theme-switch-one.style__two input:checked + .slider:before{content:"\f186";color:var(--smg-ink)}
.theme-switch-one.style__two:hover{border-color:var(--smg-p)!important}

/* ---------- 9. Panel shell (#19 #20) ---------- */
body.smg-panel{background:var(--smg-bg-alt)!important}
body.smg-panel .header-wrapper{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--smg-border);box-shadow:none!important;height:72px}
body.smg-panel .header-inner-wrapper,body.smg-panel .header-right{height:100%}
body.smg-panel .header-left{display:flex;align-items:center;gap:14px}
body.smg-panel .header-left .setting-wrapper{gap:0!important}
body.smg-panel .toggle-btn span,body.smg-panel .toggle-btn span:before,body.smg-panel .toggle-btn span:after{background:var(--smg-ink)!important}
body.smg-panel .header-controls{gap:14px}
body.smg-panel .header-links{width:auto!important;min-width:0;height:72px!important;padding:0!important}
body.smg-panel .header-controls{padding-right:20px}
body.smg-panel .header-controls .lh-55px{list-style:none;line-height:normal!important}
body.smg-panel .header-controls .header__lang.nav-link{padding:0!important}
body.smg-panel .lang{width:auto!important}
body.smg-panel .lang--icon{position:static!important;display:inline-flex!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important}
body.smg-panel .lang--icon img{position:static!important;width:16px!important;height:auto;margin:0!important}
body.smg-panel .lang--name{position:static!important}
body.smg-panel .user-info-box{top:64px!important}
body.smg-panel .header-controls .setting-wrapper{width:auto!important}
body.smg-panel .stylebalance{margin-right:0!important;width:auto!important;min-width:120px;padding:9px 16px!important;border-radius:12px!important;font-weight:700;font-size:.92rem;background:var(--smg-p)!important;color:#fff!important}
body.smg-panel .btn-header{margin-right:0!important}
body.smg-panel .lang__current{width:auto!important;height:40px!important;line-height:1!important;padding:0 12px!important;display:inline-flex!important;align-items:center;gap:6px;border-radius:999px!important;background:var(--smg-surface-2)!important;border:1px solid var(--smg-border)!important;box-shadow:none!important;font-size:.82rem!important;color:var(--smg-ink)!important}
body.smg-panel .lang__current:before{display:none!important}
body.smg-panel .user-info{display:inline-flex!important;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--smg-border);background:var(--smg-surface);text-decoration:none!important}
body.smg-panel .user-info img.user-img{width:36px!important;height:36px!important}
body.smg-panel .user-info .blink-animation{display:none}
.smg-user-meta{display:flex;flex-direction:column;line-height:1.15}
.smg-user-meta__name{font-size:.88rem;font-weight:600;color:var(--smg-ink)}
.smg-user-meta__bal{font-size:.8rem;font-weight:700;color:var(--smg-ok)}
/* sidebar */
body.smg-panel .sidebar-wrapper{background:var(--smg-surface)!important;border-right:1px solid var(--smg-border);box-shadow:none!important}
body.smg-panel .side-menu-wrap ul.main-menu{padding:12px 0}
body.smg-panel .side-menu-wrap ul li.smg-nav-item{display:block;width:100%;position:relative}
body.smg-panel .side-menu-wrap ul li.smg-nav-item > a{display:flex!important;align-items:center;gap:12px;margin:2px 14px;padding:11px 14px!important;border-radius:12px;font-size:14px!important;font-weight:500;color:var(--smg-text)!important;background:transparent;line-height:1.3;position:relative;text-decoration:none!important}
body.smg-panel .side-menu-wrap ul li.smg-nav-item > a .icon-menu{flex:none;width:24px;margin:0!important;display:inline-flex!important;align-items:center;justify-content:center;background:none!important;box-shadow:none!important;height:auto!important}
body.smg-panel .side-menu-wrap ul li.smg-nav-item > a .icon-menu i{font-size:16px!important;width:20px;text-align:center;color:var(--smg-subtle)!important;line-height:1;margin:0!important;position:static!important;transform:none!important}
body.smg-panel .side-menu-wrap ul li.smg-nav-item > a .menu-text{flex:1 1 auto;display:flex!important;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.smg-panel .side-menu-wrap ul li.smg-nav-item:hover > a{background:var(--smg-surface-2);color:var(--smg-ink)!important}
body.smg-panel .side-menu-wrap ul li.smg-nav-item.active > a{background:var(--smg-p-50);color:var(--smg-p)!important;font-weight:600}
body.smg-panel .side-menu-wrap ul li.smg-nav-item.active > a .icon-menu i,body.smg-panel .side-menu-wrap ul li.smg-nav-item:hover > a .icon-menu i{color:var(--smg-p)!important}
body.smg-panel .side-menu-wrap ul li.smg-nav-item.active > a:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--smg-p)}
/* tickets / notification badge readable */
body.smg-panel .side-menu-wrap .badge,body.smg-panel .side-menu-wrap .label,body.smg-panel .side-menu-wrap .menu-text span[class*="badge"]{margin-left:auto;min-width:22px;height:22px;padding:0 7px!important;border-radius:999px!important;background:#c42b1c!important;color:#fff!important;font-size:11.5px!important;font-weight:700!important;line-height:22px!important;box-shadow:none!important;text-align:center}
body.mini-sidebar:not(.sidebar-hover) .side-menu-wrap ul li.smg-nav-item > a{justify-content:center;margin:2px 10px;padding:11px 0!important}
/* content area */
body.smg-panel .main-content{padding-top:100px}
body.smg-panel .page-title-wrapper{margin-bottom:18px}
body.smg-panel .page-title{font-size:1.45rem!important;font-weight:700!important;color:var(--smg-ink)!important}
body.smg-panel .ad-footer-btm{position:static!important;margin-top:16px;background:transparent!important;border-top:1px solid var(--smg-border)}
body.smg-panel .ad-footer-btm p{color:var(--smg-subtle)!important;font-size:.85rem;margin:0}

/* ---------- 10. Panel forms / buttons / tables ---------- */
body.smg-panel .card,body.smg-panel .card.chart-card{border:1px solid var(--smg-border)!important;border-radius:var(--smg-radius)!important;background:var(--smg-surface)!important;box-shadow:var(--smg-shadow-sm)!important;margin-bottom:24px}
body.smg-panel .card .card-body{padding:24px!important}
body.smg-panel .card-header{background:transparent!important;border-bottom:1px solid var(--smg-border)!important;padding:18px 24px!important}
body.smg-panel .card-header h4{font-size:1.05rem!important;font-weight:600!important;margin:0}
body.smg-panel label,body.smg-panel .control-label,body.smg-panel .form-label{font-size:13px!important;font-weight:600!important;color:var(--smg-text)!important;margin-bottom:7px!important}
body.smg-panel .form-group{margin-bottom:18px}
body.smg-panel .form-control,body.smg-panel input.form-control,body.smg-panel select.form-control,body.smg-panel .form-shadow{height:48px!important;padding:0 14px!important;border-radius:var(--smg-radius-sm)!important;border:1.5px solid var(--smg-border-strong)!important;background-color:var(--smg-surface)!important;color:var(--smg-ink)!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
body.smg-panel textarea.form-control{height:auto!important;min-height:120px;padding:12px 14px!important;line-height:1.55}
body.smg-panel .form-control:focus,body.smg-panel .form-shadow:focus{border-color:var(--smg-p)!important;box-shadow:var(--smg-ring)!important;outline:0}
body.smg-panel .form-control::placeholder{color:#8a94a8;font-weight:400}
/* #24 #25 custom select arrow */
body.smg-panel select.form-control,body.smg-guest select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234f5b73' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:14px!important}
/* #24 read-only = summary, not an active input */
body.smg-panel .form-control[readonly],body.smg-panel .form-control:disabled,body.smg-panel input[readonly]{background-color:var(--smg-surface-2)!important;border:1.5px dashed var(--smg-border-strong)!important;color:var(--smg-ink)!important;font-weight:700!important;cursor:default;box-shadow:none!important}
body.smg-panel .form-control[readonly]:focus{box-shadow:none!important;border-color:var(--smg-border-strong)!important}
/* buttons */
body.smg-panel .fill-btn,body.smg-panel .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 26px!important;border:0!important;border-radius:var(--smg-radius-sm)!important;background:var(--smg-p)!important;color:#fff!important;font-weight:600!important;font-size:14px!important;box-shadow:0 6px 16px rgba(23,92,255,.22)!important;text-decoration:none!important}
body.smg-panel .fill-btn:hover,body.smg-panel .btn-primary:hover{background:var(--smg-p-600)!important}
body.smg-panel .btn-xs,body.smg-panel .btn-sm{min-height:32px!important;padding:0 12px!important;font-size:12.5px!important;border-radius:9px!important}
body.smg-panel #order-form .fill-btn{width:100%;min-height:52px;font-size:15px!important}
/* tables */
body.smg-panel .table{font-size:14px;color:var(--smg-text);margin-bottom:0;border-collapse:separate;border-spacing:0}
body.smg-panel .table > thead > tr > th,body.smg-panel .table thead th{background:var(--smg-surface-2)!important;color:var(--smg-muted)!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;padding:12px 14px!important;border-bottom:1px solid var(--smg-border)!important;border-top:0!important;white-space:nowrap}
body.smg-panel .table td{padding:14px!important;border-top:1px solid var(--smg-border)!important;vertical-align:middle!important;color:var(--smg-text)}
body.smg-panel .table-striped > tbody > tr:nth-of-type(odd) > *{--bs-table-accent-bg:transparent;background-color:transparent}
body.smg-panel .table tbody tr:hover > td{background:#f9fbff}
body.smg-panel .table a{color:var(--smg-p);font-weight:500}
body.smg-panel .table-responsive,body.smg-panel .well{border-radius:var(--smg-radius-sm)}
body.smg-panel .card-body .well{overflow-x:auto;background:transparent;border:0;box-shadow:none;padding:0}
/* status badges (#23 #25) — classes added by smg-polish.js */
.smg-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.4;white-space:nowrap;background:var(--smg-grey-bg);color:var(--smg-grey)}
.smg-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.85}
.smg-badge--completed,.smg-badge--answered,.smg-badge--success{background:var(--smg-ok-bg);color:var(--smg-ok)}
.smg-badge--inprogress{background:var(--smg-info-bg);color:var(--smg-info)}
.smg-badge--pending{background:var(--smg-warn-bg);color:var(--smg-warn)}
.smg-badge--partial{background:var(--smg-orange-bg);color:var(--smg-orange)}
.smg-badge--canceled,.smg-badge--error,.smg-badge--rejected{background:var(--smg-bad-bg);color:var(--smg-bad)}
.smg-badge--processing{background:var(--smg-violet-bg);color:var(--smg-violet)}
.smg-badge--closed{background:var(--smg-grey-bg);color:var(--smg-grey)}
/* pagination */
body.smg-panel .pagination{gap:6px;margin-top:18px;flex-wrap:wrap}
body.smg-panel .pagination li a{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--smg-border);background:var(--smg-surface);color:var(--smg-text);font-weight:600;text-decoration:none}
body.smg-panel .pagination li.active a{background:var(--smg-p);border-color:var(--smg-p);color:#fff}
/* alerts */
body.smg-panel .alert{border-radius:var(--smg-radius-sm);border:1px solid transparent;font-size:14px}
/* dropdown menus */
body.smg-panel .dropdown-menu,body.smg-guest .dropdown-menu{border-radius:var(--smg-radius-sm);border:1px solid var(--smg-border);box-shadow:var(--smg-shadow);padding:6px}
body.smg-panel .dropdown-item{border-radius:8px;padding:9px 12px;font-size:14px;color:var(--smg-text);white-space:normal}
body.smg-panel .dropdown-item:hover{background:var(--smg-p-50);color:var(--smg-p)}

/* ---------- 11. Panel pages ---------- */
/* #21 platform filter chips (new order + services) */
.content_block.mk-icons777{margin-bottom:6px}
.content_block.mk-icons777 > div{display:flex!important;flex-wrap:wrap;gap:8px;height:auto!important;margin:0 0 8px!important}
.content_block.mk-icons777 .fitweb{position:relative;width:auto!important;min-width:48px;height:44px;max-height:none!important;margin:0!important;padding:0 14px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border-radius:12px!important;border:1.5px solid var(--smg-border)!important;background:var(--smg-surface)!important;color:var(--smg-muted)!important;text-decoration:none!important;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}
.content_block.mk-icons777 .fitweb p{margin:0!important;font-size:13px!important;font-weight:700!important;letter-spacing:.04em;color:inherit!important}
.content_block.mk-icons777 .fitweb i{font-size:18px;line-height:1}
.content_block.mk-icons777 .fitweb img{max-width:20px!important;margin:0!important}
.content_block.mk-icons777 .fitweb:hover{border-color:var(--smg-p-200)!important;background:var(--smg-p-50)!important;transform:translateY(-1px)}
.content_block.mk-icons777 .fitweb.is-active{border-color:var(--smg-p)!important;background:var(--smg-p)!important;color:#fff!important;box-shadow:0 6px 14px rgba(23,92,255,.25)}
.content_block.mk-icons777 .fitweb.is-active i{color:#fff!important}
.content_block.mk-icons777 .fitweb.is-active img{filter:brightness(0) invert(1)}
.smg-fl{font-size:12.5px;font-weight:600;color:inherit;white-space:nowrap}
.content_block.mk-icons777 .fitweb[data-smg-label]:hover:after{content:attr(data-smg-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:8px;background:var(--smg-ink);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:20}
/* #21 description box: soft, normal spacing */
body.smg-panel .descpt,body.smg-panel #pn{line-height:1.7!important;border:1px solid var(--smg-border)!important;border-left:4px solid var(--smg-p)!important;background:var(--smg-surface-2)!important;box-shadow:none!important;border-radius:var(--smg-radius-sm)!important;padding:14px 18px!important;color:var(--smg-text)!important;font-size:14px;line-height:1.6;margin-bottom:18px!important}
body.smg-panel #pn.smg-desc-html{white-space:normal!important}
body.smg-panel #pn:empty{display:none}
body.smg-panel .newselect button.form-control{background:var(--smg-surface)!important;text-align:left}
body.smg-panel .newselect .dropdown-menu{max-height:360px;overflow-y:auto;width:100%}
body.smg-panel label.terms,body.smg-panel .control-label.terms{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;font-weight:500!important;cursor:pointer}
body.smg-panel label.terms input[type=checkbox]{margin:0!important;width:18px;height:18px;flex:none;position:static!important;opacity:1!important;accent-color:var(--smg-p)}
/* summary card */
.smg-summary__title{font-size:1.05rem!important;font-weight:700!important;display:flex;align-items:center;gap:10px;margin:0 0 16px!important}
.smg-summary__title i{color:var(--smg-p)}
.smg-summary__list{margin:0 0 18px;display:grid;gap:0;border:1px solid var(--smg-border);border-radius:var(--smg-radius-sm);overflow:hidden}
.smg-summary__list > div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 14px;border-top:1px solid var(--smg-border)}
.smg-summary__list > div:first-child{border-top:0}
.smg-summary__list dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--smg-subtle);margin:0}
.smg-summary__list dd{margin:0;font-size:14px;font-weight:500;color:var(--smg-ink);word-break:break-word}
.smg-summary__charge{font-weight:800!important;color:var(--smg-p)!important;font-size:16px!important}
.smg-summary__tips{margin:0 0 18px;padding-left:20px;color:var(--smg-muted);font-size:13.5px;line-height:1.7}
.smg-summary__links{display:flex;flex-wrap:wrap;gap:8px}
.smg-summary__links .btn{display:inline-flex!important;align-items:center;gap:6px;padding:7px 14px!important;font-size:13px!important;font-weight:600!important}
@media (min-width:1200px){.smg-order-aside .smg-summary{position:sticky;top:96px}}
/* #22 services */
body.smg-panel #service-table tr.smg-cat-row > td,
body.smg-panel #service-table tr[data-filter-table-category-id][style*="gradient"] > td{background:var(--smg-p-50)!important;border-top:12px solid var(--smg-surface)!important;padding:12px 16px!important}
body.smg-panel #service-table tr[data-filter-table-category-id][style*="gradient"],body.smg-panel #service-table tr.smg-cat-row{background-image:none!important;background:transparent!important}
body.smg-panel #service-table tr.smg-cat-row strong,body.smg-panel #service-table tr[style*="gradient"] strong{color:var(--smg-ink)!important;font-size:14.5px;font-weight:700}
body.smg-panel #service-table tr.smg-cat-row .category-description,body.smg-panel #service-table tr[style*="gradient"] .category-description{color:var(--smg-muted)!important;opacity:1!important}
body.smg-panel #service-table tr.smg-cat-row > td:first-child{border-left:4px solid var(--smg-p)!important;border-radius:10px 0 0 10px}
body.smg-panel #service-table td.service-name{font-weight:500;color:var(--smg-ink);min-width:260px}
body.smg-panel #service-table td.service-name span[class^="fs-"],body.smg-panel #service-table td.service-name span[class=""]{margin-right:6px;color:var(--smg-p)}
body.smg-panel #service-table .smg-details-btn,.smg-details-btn{min-height:34px!important;padding:0 14px!important;font-size:13px!important;border-radius:10px!important;background:var(--smg-p-50)!important;color:var(--smg-p)!important;border:1px solid var(--smg-p-100)!important;box-shadow:none!important;white-space:nowrap;display:inline-flex!important;align-items:center;gap:6px}
.smg-details-btn:hover{background:var(--smg-p)!important;color:#fff!important}
body.smg-panel #service-table td.text-center[style*="250px"]{width:120px!important}
@media (min-width:1200px){
  body.smg-panel .card-body:has(#service-table),body.smg-panel .table-responsive:has(#service-table),body.smg-guest .table-responsive:has(#service-table){overflow:visible!important}
  body.smg-panel #service-table thead th{position:sticky;top:72px;z-index:3}
  body.smg-guest #service-table thead th{position:sticky;top:64px;z-index:3}
}
body.smg-guest #service-table thead th{background:var(--smg-surface-2);color:var(--smg-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:12px 14px}
body.smg-guest #service-table tr[data-filter-table-category-id] > td[colspan]{background:var(--smg-p-50);border-left:4px solid var(--smg-p)}
/* services search bar */
body.smg-panel .servicesadap .input-group{flex-wrap:nowrap}
body.smg-panel .servicesadap .form-shadow{border-radius:12px 0 0 12px!important;margin-top:0!important}
body.smg-panel .servicesadap .fill-btn{height:48px!important;margin-top:0!important;border-radius:0 12px 12px 0!important;box-shadow:none!important}
body.smg-panel li.search .fill-btn{margin:0 0 0 8px!important;padding:0 18px!important;height:48px}
body.smg-panel .nav.nav-pills{gap:8px;align-items:center;margin-bottom:16px;flex-wrap:nowrap}
body.smg-panel .nav.nav-pills > li.servicesadap{flex:1 1 auto;max-width:560px}
body.smg-panel .nav.nav-pills > li.search{flex:none;float:none!important}
body.smg-panel li.search .dropdown-toggle{display:inline-flex;align-items:center;gap:8px}
@media (max-width:767.98px){body.smg-panel .nav.nav-pills{flex-wrap:wrap}}
body.smg-panel #history-search .col-sm-8{flex:1 1 auto;width:auto;max-width:none;padding:0}
body.smg-panel #history-search .col-sm-4{flex:none;width:auto;padding:0}
body.smg-panel #history-search .form-control{margin:0!important;height:48px!important}
body.smg-panel li.search.form-border{float:none!important;max-width:560px}
body.smg-panel .smg-nowrap{white-space:nowrap}
/* #23 orders filter tabs */
body.smg-panel .dd-flex{display:flex;flex-wrap:wrap;gap:8px}
body.smg-panel .dd-flex .btn{margin:0!important;min-height:38px;padding:0 16px!important;display:inline-flex;align-items:center;border-radius:999px!important;font-size:13.5px!important;font-weight:600!important;box-shadow:none!important;text-shadow:none!important}
body.smg-panel .dd-flex .btn.btn-default-light{background:var(--smg-surface)!important;border:1.5px solid var(--smg-border)!important;color:var(--smg-text)!important}
body.smg-panel .dd-flex .btn.btn-default-light:hover{border-color:var(--smg-p-200)!important;color:var(--smg-p)!important}
body.smg-panel .dd-flex .btn.btn-default{background:var(--smg-p)!important;border:1.5px solid var(--smg-p)!important;color:#fff!important}
body.smg-panel #history-search .input-group{gap:8px;flex-wrap:nowrap}
body.smg-panel #history-search .fill-btn{height:48px;margin:0!important}
/* #26 API docs */
body.smg-panel .center-big-content-block h2,body.smg-guest .center-big-content-block h2{font-size:1.5rem;font-weight:700}
body.smg-panel .center-big-content-block h4,body.smg-guest .center-big-content-block h4{font-size:1.08rem;margin:28px 0 12px;color:var(--smg-ink)}
.center-big-content-block .table-bordered{border:1px solid var(--smg-border)!important;border-radius:var(--smg-radius-sm);overflow:hidden}
.center-big-content-block .table-bordered td,.center-big-content-block .table-bordered th{border-color:var(--smg-border)!important}
.center-big-content-block .table td:first-child{font-family:var(--smg-mono)!important;font-size:13px;font-weight:600;color:var(--smg-p-700)}
.center-big-content-block a{color:var(--smg-p)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.center-big-content-block a.fill-btn,.center-big-content-block a.btn{text-decoration:none;color:#fff!important}
body.smg-panel pre,body.smg-guest pre,.smg-code{position:relative;background:#0f172a!important;color:#e2e8f0!important;border:1px solid #1e293b!important;border-radius:14px!important;padding:18px 20px!important;font-family:var(--smg-mono)!important;font-size:13px!important;line-height:1.6;box-shadow:none!important;overflow:auto;white-space:pre;max-height:460px}
.smg-copy-btn{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#cbd5e1;font-family:var(--smg-font);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;z-index:2}
.smg-copy-btn:hover{background:#334155;color:#fff}
.smg-pre-wrap{position:relative}
/* tickets / viewticket */
body.smg-panel .ticket-message,body.smg-panel .ticket-message-block{border-radius:var(--smg-radius-sm)}

/* ---------- 12. Dark mode (existing theme-dark-active switch) ---------- */
.theme-dark-active{
  --smg-ink:#f1f4fa; --smg-text:#d6dbe6; --smg-muted:#a9b2c5; --smg-subtle:#8d97ab;
  --smg-bg:#0f1218; --smg-bg-alt:#131720; --smg-surface:#181d27; --smg-surface-2:#1e2430;
  --smg-border:#2a3242; --smg-border-strong:#364052;
  --smg-p-50:rgba(23,92,255,.16); --smg-p-100:rgba(23,92,255,.28); --smg-p-200:rgba(23,92,255,.45); --smg-p-700:#9db8ff;
  --smg-shadow-sm:0 1px 2px rgba(0,0,0,.3); --smg-shadow:0 10px 30px rgba(0,0,0,.35); --smg-shadow-lg:0 24px 60px rgba(0,0,0,.5);
  --smg-ok:#5fd394; --smg-ok-bg:rgba(34,197,94,.14); --smg-info:#8fb2ff; --smg-info-bg:rgba(59,130,246,.16);
  --smg-warn:#f5c56b; --smg-warn-bg:rgba(245,158,11,.16); --smg-orange:#ffad72; --smg-orange-bg:rgba(249,115,22,.16);
  --smg-bad:#ff8a80; --smg-bad-bg:rgba(239,68,68,.16); --smg-violet:#c4a6ff; --smg-violet-bg:rgba(139,92,246,.18);
  --smg-grey:#c3cad8; --smg-grey-bg:rgba(148,163,184,.16);
}
body.smg-guest.theme-dark-active .main-header .navbar,body.smg-guest.theme-dark-active .main-header .navbar.affix{background:rgba(15,18,24,.9)!important}
body.smg-panel.theme-dark-active .header-wrapper{background:rgba(24,29,39,.92)!important}
.theme-dark-active .smg-hero{background:radial-gradient(900px 480px at 85% 10%,rgba(0,179,255,.14),transparent 60%),radial-gradient(700px 420px at 8% 0%,rgba(23,92,255,.18),transparent 60%),linear-gradient(180deg,#0f1424 0%,#0f1218 100%)}
.theme-dark-active .smg-auth{background:linear-gradient(180deg,#0f1424,#0f1218)}
.theme-dark-active .smg-tile--tt{background:#000}
body.smg-panel.theme-dark-active .table tbody tr:hover > td{background:rgba(255,255,255,.02)}
body.smg-panel.theme-dark-active select.form-control,body.smg-guest.theme-dark-active select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a9b2c5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important}
.theme-dark-active .smg-payments li{background:#0b1426;border:1px solid var(--smg-border)}

/* ---------- 13. Responsive ---------- */
@media (max-width:1199.98px){
  body.smg-guest .main-header .navbar > .container{justify-content:space-between!important}
  body.smg-guest .main-header .smg-theme-wrap{margin-left:auto}
}
@media (max-width:991.98px){
  .smg-hero{padding:120px 0 56px!important}
  .smg-section{padding:64px 0}
  .smg-steps{grid-template-columns:repeat(2,1fr);row-gap:36px}
  .smg-steps:before{display:none}
  .smg-cta{padding:36px 28px}
  .smg-footer-bottom{justify-content:center;text-align:center}
  .smg-copyright{white-space:normal;width:100%}
  .smg-payments{justify-content:center}
  body.smg-panel .header-wrapper{left:0}
}
@media (max-width:767.98px){
  .smg-user-meta{display:none}
  body.smg-panel .user-info{padding:3px;border:0}
  .smg-card--row{flex-direction:column}
  .smg-stat__num{font-size:1.8rem}
  .content_block.mk-icons777 .fitweb{min-width:44px;padding:0 10px!important}
}
@media (max-width:575.98px){
  .smg-hero__title{font-size:2rem!important}
  .smg-hero__cta .btn{flex:1 1 100%}
  .smg-steps{grid-template-columns:1fr}
  .smg-card{padding:24px}
  .auth-card.smg-auth-card{padding:24px!important}
  .smg-auth{padding:104px 0 56px}
  .smg-modal .my_modal-header{padding:26px 20px 22px!important}
  .smg-logo-row{gap:10px 20px}
  .smg-logo-row li span{display:none}
  .smg-cta__btns .btn{flex:1 1 100%}
}

/* ---------- 14. Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .smg-tile{animation:none}
  .smg-card,.smg-svc,.btn{transition:none!important}
  .smg-card:hover,.smg-svc:hover{transform:none}
}

/* ---------- 15. Mobile nav + panel polish (Oct 20 follow-up) ---------- */
body.smg-guest .main-header .navbar-toggler{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px!important;border:1px solid var(--smg-border)!important;
  background:var(--smg-surface)!important;z-index:20;order:99;margin-left:8px;
}
body.smg-guest .main-header .navbar-toggler .far{font-size:1.15rem;line-height:1}
@media (min-width:1200px){
  body.smg-guest .main-header .navbar-toggler{display:none!important}
}
/* Keep header to one tidy row on phones */
@media (max-width:1199.98px){
  body.smg-guest .main-header .navbar > .container{
    flex-wrap:nowrap!important;gap:8px!important;padding-left:16px!important;padding-right:16px!important;
  }
  body.smg-guest .main-header .navbar-brand{flex:0 0 auto;max-width:42%}
  body.smg-guest .main-header .logonew{max-width:140px!important}
  body.smg-guest .main-header .navbar-collapse,
  body.smg-guest .main-header .collapse.navbar-collapse{display:none!important}
  body.smg-guest .main-header .clearfix{display:none!important}
  /* orphan language <li> + desktop Sign in/up: hide below xl; use offcanvas */
  body.smg-guest .main-header > .navbar > .container > li.btn-header,
  body.smg-guest .main-header .action-btns.d-none,
  body.smg-guest .main-header > .navbar > .container > .action-btns{
    display:none!important;
  }
  body.smg-guest .main-header .smg-theme-wrap{margin-left:auto!important;gap:0!important}
  body.smg-guest .main-header .smg-theme-toggle{transform:scale(.92)}
}
@media (max-width:575.98px){
  body.smg-guest .main-header .logonew{max-width:118px!important}
  body.smg-guest .main-header .navbar{padding:8px 0!important}
  body.smg-guest .smg-hero{padding-top:100px!important}
  body.smg-guest .smg-hero__visual{margin-top:24px;transform:scale(.9);transform-origin:center top}
  body.smg-guest .smg-stats{grid-template-columns:1fr!important}
  body.smg-guest .integration-fixed__bottom-left,
  body.smg-guest .smg-wa-fixed{bottom:16px!important;right:16px!important;left:auto!important;width:46px!important;height:46px!important}
}
/* Offcanvas: full-height, readable, sticky CTAs */
body.smg-guest .offcanvas{
  width:min(100vw,320px)!important;border-left:1px solid var(--smg-border);
  box-shadow:-12px 0 40px rgba(15,23,42,.12);
}
body.smg-guest .offcanvas-header{padding:20px 20px 12px!important;margin:0!important}
body.smg-guest .offcanvas-body{padding:12px 20px 28px!important;display:flex;flex-direction:column}
body.smg-guest .offcanvas .main-menu{flex-direction:column!important;align-items:stretch!important;width:100%;gap:4px;margin:0;padding:0}
body.smg-guest .offcanvas .main-menu li{width:100%;list-style:none}
body.smg-guest .offcanvas .main-menu .nav-link{
  display:flex!important;align-items:center;gap:10px;width:100%;
  padding:14px 14px!important;border-radius:12px;color:var(--smg-ink)!important;font-size:1.02rem!important;
}
body.smg-guest .offcanvas .main-menu .nav-link:hover,
body.smg-guest .offcanvas .main-menu li.active .nav-link{background:var(--smg-p-50);color:var(--smg-p)!important}
body.smg-guest .offcanvas .main-menu .navbar-icon{display:inline-flex!important;width:22px;justify-content:center;opacity:.7}
body.smg-guest .offcanvas .action-btns .btn{width:100%;padding:12px 16px!important;font-size:1rem!important;border-radius:12px}
body.smg-guest .offcanvas .close-btn{
  width:40px;height:40px;border-radius:10px;border:1px solid var(--smg-border);
  background:var(--smg-surface-2);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;
}

/* Panel mobile header / sidebar → see section 16 */

/* Clickable order links */
body.smg-panel td.smg-order-link,
body.smg-panel td.width-40{
  max-width:320px;
}
body.smg-panel a.smg-order-link__a{
  color:var(--smg-p)!important;font-weight:500;text-decoration:underline;text-underline-offset:2px;
  display:inline-block;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;
}
body.smg-panel a.smg-order-link__a:hover{color:#0b3fcc!important}

/* ---------- 16. Panel mobile sidebar overlay (critical) ---------- */
@media (max-width:991.98px){
  html body.smg-panel,html body.smg-panel .page-wrapper{overflow-x:hidden!important;max-width:100vw}
  /* Fixed header clears content; never let title sit under the bar */
  body.smg-panel .header-wrapper{
    position:fixed!important;top:0!important;
    left:0!important;right:0!important;width:100%!important;max-width:100vw!important;
    height:64px!important;padding:0 10px!important;z-index:1060!important;
    background:rgba(255,255,255,.98)!important;
  }
  body.smg-panel.theme-dark-active .header-wrapper{background:rgba(24,29,39,.98)!important}
  body.smg-panel .header-inner-wrapper,body.smg-panel .header-right{
    width:100%!important;max-width:100%;height:64px!important;
    display:flex!important;align-items:center;justify-content:space-between;gap:8px;
  }
  body.smg-panel .header-left{flex:0 0 auto;min-width:0;z-index:2}
  body.smg-panel .header-controls{
    flex:0 1 auto;min-width:0;max-width:calc(100% - 56px);
    justify-content:flex-end;padding-right:4px!important;gap:6px!important;
    overflow:hidden;
  }
  body.smg-panel .header-controls .btn-header{margin-right:0!important}
  body.smg-panel .header-controls .setting-wrapper{width:auto!important;max-width:none!important;flex:0 1 auto;min-width:0}
  body.smg-panel .header-controls .lang--name{font-size:12px}
  body.smg-panel .stylebalance{
    min-width:0!important;width:auto!important;max-width:96px;padding:7px 10px!important;
    font-size:.82rem!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  body.smg-panel .toggle-btn{
    display:inline-flex!important;align-items:center;justify-content:center;
    width:44px!important;height:44px!important;min-width:44px;border-radius:12px;
    border:1px solid var(--smg-border)!important;background:var(--smg-surface)!important;
    position:relative;z-index:2;margin:0!important;flex:none;
  }
  body.smg-panel .toggle-btn span,body.smg-panel .toggle-btn:before,body.smg-panel .toggle-btn:after{
    display:block!important;background:var(--smg-ink)!important;
  }
  /* Clear fixed header — force padding so page title is never under the bar */
  body.smg-panel .main-content{
    padding-top:80px!important;padding-left:12px!important;padding-right:12px!important;
    margin-left:0!important;width:100%!important;max-width:100%!important;
  }
  body.smg-panel .page-title-wrapper{
    display:block!important;position:relative!important;z-index:1!important;
    margin:0 0 14px!important;padding:0!important;width:100%!important;
  }
  body.smg-panel .page-title-box{
    display:block!important;width:100%!important;max-width:100%!important;flex:none!important;
  }
  body.smg-panel h4.page-title,body.smg-panel .page-title{
    font-size:1.2rem!important;line-height:1.3!important;margin:0!important;
    padding:0!important;overflow:visible!important;text-overflow:unset!important;
    white-space:normal!important;max-width:100%!important;position:static!important;
  }
  /* Slide-over sidebar instead of crushed rail */
  body.smg-panel .sidebar-wrapper{
    position:fixed!important;top:0!important;bottom:0!important;left:0!important;
    width:280px!important;max-width:86vw!important;height:100%!important;
    z-index:1070!important;transform:translateX(-105%)!important;
    transition:transform .22s ease!important;box-shadow:12px 0 40px rgba(15,23,42,.18);
    overflow-y:auto!important;background:var(--smg-surface)!important;
  }
  body.smg-panel:not(.mini-sidebar) .sidebar-wrapper,
  body.smg-panel.sidebar-open .sidebar-wrapper{
    transform:translateX(0)!important;
  }
  body.smg-panel .sidebar-wrapper .side-menu-wrap ul li.smg-nav-item.active > a:before{left:0}
  body.smg-panel .content-wrapper,
  body.smg-panel .dashboard-main-wrapper,
  body.smg-panel .page-content,
  body.smg-panel .container-fluid{
    margin-left:0!important;padding-left:12px!important;padding-right:12px!important;
    width:100%!important;max-width:100%!important;
  }
  body.smg-panel .card .card-body{padding:14px!important}
  /* Backdrop when menu open */
  body.smg-panel:not(.mini-sidebar)::before{
    content:"";position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1065;pointer-events:auto;
  }
  body.smg-panel.mini-sidebar::before{display:none}
  body.smg-panel .integration-fixed__bottom-left,
  body.smg-panel .smg-wa-fixed{bottom:14px!important;right:14px!important;left:auto!important;z-index:1030}

  /* Orders / wide tables: horizontal scroll, no char-per-line wrap */
  body.smg-panel .table-responsive,
  body.smg-panel .card-body .well,
  body.smg-panel .well{
    overflow-x:auto!important;-webkit-overflow-scrolling:touch;margin:0!important;padding-bottom:6px!important;
  }
  body.smg-panel .table,
  body.smg-panel .custom-table{
    min-width:720px!important;width:max-content!important;max-width:none!important;
  }
  body.smg-panel .table th,body.smg-panel .table td,
  body.smg-panel .custom-table th,body.smg-panel .custom-table td{
    white-space:nowrap!important;vertical-align:middle!important;
  }
  body.smg-panel td.smg-order-link,body.smg-panel td.width-40{
    max-width:220px!important;min-width:140px;
  }
  body.smg-panel a.smg-order-link__a{
    max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;
    word-break:normal!important;
  }
}
@media (max-width:575.98px){
  body.smg-panel .smg-user-meta{display:none!important}
  body.smg-panel .header-controls .lang--icon{display:none}
  body.smg-panel .header-controls .lh-55px{margin:0!important}
  body.smg-panel .stylebalance{max-width:84px;padding:6px 8px!important;font-size:.78rem!important}
  body.smg-panel .main-content{padding-top:76px!important}
}