:root{
  --ink:#111217;
  --muted:#6f7279;
  --paper:#fffdfa;
  --cream:#fff4e8;
  --orange:#f46b3d;
  --orange2:#ff9b60;
  --line:#e9e2d9;
  --green:#2da475;
  --shadow:0 24px 70px rgba(50,31,18,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit}
.skr-page{max-width:1500px;margin:0 auto;padding:0 28px 90px}
.skr-header{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.skr-brand img{display:block;width:245px;max-width:42vw;height:auto}
.skr-menu{display:flex;gap:32px}
.skr-menu a{text-decoration:none;font-weight:760;color:#3d4046}
.skr-btn{
  min-height:58px;
  padding:0 25px;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:900;
  border:0;
  cursor:pointer;
  transition:.2s ease;
}
.skr-btn:hover{transform:translateY(-2px)}
.skr-btn-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  box-shadow:0 15px 34px rgba(244,107,61,.27);
}
.skr-btn-dark{background:var(--ink);color:#fff}
.skr-btn-light{background:#fff;border:1px solid rgba(17,18,23,.08)}
.skr-btn-white{background:#fff;color:var(--ink)}
.skr-btn-wide{width:100%}
.skr-hero{
  min-height:710px;
  padding:70px 64px;
  border-radius:38px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:44px;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 8%,rgba(255,255,255,.45),transparent 26%),
    radial-gradient(circle at 14% 96%,rgba(255,255,255,.38),transparent 24%),
    linear-gradient(135deg,#fff3e7 0%,#ffd8bd 52%,#ff9a65 100%);
}
.skr-hero:after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-270px;bottom:-270px;
  border:92px solid rgba(255,255,255,.17);
  border-radius:50%;
}
.skr-hero-copy{position:relative;z-index:2}
.skr-eyebrow{
  display:inline-block;
  color:var(--orange);
  font-size:12px;
  font-weight:950;
  letter-spacing:.18em;
}
.skr-hero h1{
  max-width:920px;
  margin:18px 0 22px;
  font-size:clamp(62px,7.1vw,108px);
  line-height:.90;
  letter-spacing:-.07em;
}
.skr-hero h1 em{font-style:normal;color:#ec5f34}
.skr-hero-copy>p{
  max-width:730px;
  color:#504c49;
  font-size:20px;
  line-height:1.68;
}
.skr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.skr-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;color:#4c4946;font-weight:760;font-size:14px}
.skr-demo{
  position:relative;
  z-index:2;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.skr-demo-card{
  width:min(100%,510px);
  padding:28px;
  border-radius:30px;
  color:#fff;
  background:linear-gradient(150deg,#202127,#111217);
  box-shadow:0 38px 90px rgba(50,25,12,.25);
  transform:rotate(-1.4deg);
}
.skr-demo-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.10)}
.skr-demo-head span{display:block;color:#adb0b6;font-size:13px;margin-bottom:5px}
.skr-demo-head strong{font-size:37px;letter-spacing:-.04em}
.skr-demo-head b{padding:7px 10px;border-radius:999px;background:#2bbd82;color:#081610;font-size:11px;letter-spacing:.08em}
.skr-demo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
.skr-demo-kpis div{padding:14px;border-radius:16px;background:rgba(255,255,255,.055)}
.skr-demo-kpis span{display:block;color:#adb0b6;font-size:11px;margin-bottom:7px}
.skr-bars-demo{height:180px;display:flex;align-items:end;gap:10px;padding:12px 6px 0}
.skr-bars-demo i{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#ff9b61,#f05f33)}
.skr-demo-total{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#f05f33,#ff9b61)}
.skr-demo-total strong{font-size:27px}
.skr-float{position:absolute;padding:12px 16px;border-radius:999px;background:#fff;font-weight:900;box-shadow:0 18px 50px rgba(47,26,15,.18)}
.skr-float-1{top:54px;right:5px}.skr-float-2{left:0;bottom:58px}
.skr-vehicle-strip{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1px;
  margin:22px 0 84px;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  background:var(--line);
}
.skr-vehicle-strip span,.skr-vehicle-strip strong{
  padding:21px;
  text-align:center;
  background:#fff;
  font-size:12px;
  letter-spacing:.10em;
}
.skr-vehicle-strip strong{background:var(--ink);color:#fff}
.skr-section{padding:18px 0 86px}
.skr-section-intro{max-width:900px;margin-bottom:35px}
.skr-section-intro h2,.skr-report-copy h2,.skr-price-copy h2,.skr-final h2{
  margin:11px 0 16px;
  font-size:clamp(44px,5.4vw,78px);
  line-height:.96;
  letter-spacing:-.06em;
}
.skr-section-intro p,.skr-report-copy p,.skr-price-copy p{
  color:var(--muted);
  font-size:18px;
  line-height:1.68;
}
.skr-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.skr-feature-grid article{
  min-height:310px;
  padding:28px;
  border-radius:26px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 14px 42px rgba(38,27,18,.06);
}
.skr-feature-grid article h3{margin:52px 0 13px;font-size:27px;letter-spacing:-.04em}
.skr-feature-grid article p{color:var(--muted);line-height:1.65}
.skr-feature-grid .is-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.skr-feature-grid .is-dark p{color:#b9bbc1}
.skr-feature-grid .is-orange{background:linear-gradient(145deg,#fff0e4,#ffc49f)}
.skr-mini-icon{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 10px;border-radius:14px;background:#f6f2ed;font-weight:950}
.is-dark .skr-mini-icon{background:rgba(255,255,255,.10)}
.skr-report-section{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:54px;
  align-items:center;
  margin-bottom:84px;
  padding:68px;
  border-radius:35px;
  background:linear-gradient(135deg,#f7f3ee,#fffaf4);
  border:1px solid var(--line);
}
.skr-periods{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.skr-periods span{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800}
.skr-paper{
  position:relative;
  width:min(100%,500px);
  min-height:520px;
  padding:34px;
  border-radius:25px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 24px 70px rgba(40,27,15,.12);
  transform:rotate(1.2deg);
}
.skr-paper-brand{display:flex;align-items:center;gap:12px}
.skr-paper-brand img{width:145px;height:auto}
.skr-paper-brand div{display:flex;flex-direction:column}
.skr-paper-brand small{font-size:9px;color:#888b91;letter-spacing:.16em}
.skr-paper h3{font-size:31px;letter-spacing:-.04em;margin:34px 0 26px}
.skr-paper-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.skr-paper-kpis div{padding:16px;border-radius:15px;background:#f8f5f1}
.skr-paper-kpis span{display:block;color:#8b8e94;font-size:11px;margin-bottom:7px}
.skr-paper-kpis strong{font-size:18px}
.skr-paper-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#ff6a3d,#ffb071);margin:18px 0}
.skr-paper-line.w100{width:100%}.skr-paper-line.w82{width:82%}.skr-paper-line.w64{width:64%}.skr-paper-line.w46{width:46%}
.skr-pdf{position:absolute;right:26px;bottom:26px;padding:9px 12px;border-radius:10px;background:var(--ink);color:#fff}
.skr-price-section{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:50px;
  align-items:center;
  padding:70px;
  border-radius:35px;
  background:linear-gradient(135deg,#fff0e4,#ffd3b8);
  margin-bottom:78px;
}
.skr-price-copy h2 em{font-style:normal;color:var(--orange)}
.skr-checkout-card{
  padding:32px;
  border-radius:27px;
  background:#fff;
  border:1px solid rgba(17,18,23,.08);
  box-shadow:0 24px 70px rgba(55,31,16,.12);
}
.skr-secure{font-size:11px;font-weight:950;letter-spacing:.12em;color:var(--green)}
.skr-price-value{font-size:74px;font-weight:950;letter-spacing:-.065em;margin:12px 0 20px}
.skr-checkout-card ul{list-style:none;padding:0;margin:0 0 25px}
.skr-checkout-card li{padding:13px 0;border-bottom:1px solid var(--line);font-weight:760}
.skr-checkout-card li:before{content:"✓";color:var(--green);margin-right:10px}
.skr-pay-note{text-align:center;color:var(--muted);font-size:12px;margin-top:13px;line-height:1.5}
.skr-final{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:60px;
  border-radius:33px;
  color:#fff;
  background:linear-gradient(135deg,#202127,#111217);
}
.skr-final .skr-eyebrow{color:#ff9b61}

/* APP */
.skr-app{max-width:1480px;margin:0 auto;padding:24px 28px 80px}
.skr-app-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.skr-app-brand img{width:220px;display:block}
.skr-app-header nav{display:flex;gap:9px;flex-wrap:wrap}
.skr-app-header nav a{padding:11px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:800}
.skr-app-hero{padding:54px;border-radius:30px;background:linear-gradient(135deg,#fff1e4,#ffc8a5);display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}
.skr-app-hero.compact{display:block}
.skr-app-hero h1{font-size:clamp(46px,5vw,74px);letter-spacing:-.06em;line-height:.96;margin:11px 0 14px}
.skr-app-hero p{max-width:760px;color:#5d5651;font-size:18px;line-height:1.65}
.skr-app-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}
.skr-app-tabs a{padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:850}
.skr-app-tabs a.is-active{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;border-color:transparent}
.skr-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.skr-stat-grid article{min-height:160px;padding:23px;border-radius:23px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(44,30,19,.05);display:flex;flex-direction:column;justify-content:space-between}
.skr-stat-grid article.is-accent{background:var(--ink);color:#fff}
.skr-stat-grid span{color:var(--muted)}
.is-accent span,.is-accent small{color:#b9bbc1}
.skr-stat-grid strong{font-size:31px;letter-spacing:-.04em}
.skr-stat-grid small{color:#9a9da4}
.skr-form-card{padding:30px;border-radius:25px;background:linear-gradient(145deg,#fffdfa,#fff5eb);border:1px solid var(--line);box-shadow:var(--shadow)}
.skr-form-card h2{font-size:34px;letter-spacing:-.04em}
.skr-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}
.skr-fields label span{display:block;font-weight:850;margin-bottom:8px}
.skr-fields label.wide{grid-column:span 2}
.skr-fields input,.skr-fields select{width:100%;height:56px;padding:0 15px;border-radius:14px;border:1px solid #ddd5cc;background:#fff;font-size:16px}
.skr-fields input:focus,.skr-fields select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(244,107,61,.10)}
.skr-live-calc{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;border-radius:18px;background:var(--ink);color:#fff;margin-bottom:18px}
.skr-live-calc div{padding:12px}
.skr-live-calc span{display:block;color:#b8bbc2;font-size:12px;margin-bottom:7px}
.skr-live-calc strong{font-size:19px}
.skr-login-card{max-width:760px;margin:80px auto;padding:54px;border-radius:30px;background:linear-gradient(135deg,#fff1e4,#ffc8a5);text-align:center}
.skr-login-card h1{font-size:54px;letter-spacing:-.055em;line-height:1;margin:13px 0}
.skr-login-card p{color:#5f5853;font-size:18px;line-height:1.6}

@media(max-width:1100px){
  .skr-menu{display:none}
  .skr-hero{grid-template-columns:1fr;padding:50px 36px}
  .skr-demo{min-height:470px}
  .skr-feature-grid{grid-template-columns:repeat(2,1fr)}
  .skr-report-section,.skr-price-section{grid-template-columns:1fr;padding:44px}
  .skr-vehicle-strip{grid-template-columns:1fr 1fr}
  .skr-stat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .skr-page,.skr-app{padding:0 12px 54px}
  .skr-header{min-height:76px}
  .skr-brand img{width:205px;max-width:64vw}
  .skr-header>.skr-btn{display:none}
  .skr-hero{padding:31px 21px;border-radius:24px;min-height:auto}
  .skr-hero h1{font-size:53px}
  .skr-hero-copy>p{font-size:17px}
  .skr-actions{display:grid}
  .skr-actions .skr-btn{width:100%}
  .skr-trust{display:grid;gap:8px}
  .skr-demo{min-height:400px}
  .skr-demo-card{padding:20px}
  .skr-demo-kpis{grid-template-columns:1fr}
  .skr-bars-demo{height:120px}
  .skr-float{font-size:11px}
  .skr-vehicle-strip{grid-template-columns:1fr;margin-bottom:56px}
  .skr-feature-grid{grid-template-columns:1fr}
  .skr-report-section,.skr-price-section{padding:28px 20px;border-radius:24px}
  .skr-paper{min-height:440px;padding:24px}
  .skr-paper-kpis{grid-template-columns:1fr}
  .skr-final{display:block;padding:36px 22px}
  .skr-final .skr-btn{width:100%;margin-top:20px}
  .skr-app-header{display:block;padding:16px 0}
  .skr-app-header nav{margin-top:14px}
  .skr-app-hero{display:block;padding:34px 22px}
  .skr-app-hero .skr-btn{width:100%;margin-top:18px}
  .skr-stat-grid{grid-template-columns:1fr}
  .skr-fields{grid-template-columns:1fr}
  .skr-fields label.wide{grid-column:auto}
  .skr-live-calc{grid-template-columns:1fr 1fr}
}


/* ===== v2.1.0 GLOBAL TRANSPARENT HEADER ===== */
.skr-front-body,
.skr-app-body{
  padding-top:0!important;
}

.skr-global-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  height:92px;
  padding:0 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:linear-gradient(to bottom,rgba(10,11,15,.38),rgba(10,11,15,0));
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:
    transform .38s cubic-bezier(.22,.8,.24,1),
    opacity .28s ease,
    background-color .3s ease,
    backdrop-filter .3s ease,
    box-shadow .3s ease;
  will-change:transform,opacity;
}

.admin-bar .skr-global-header{
  top:32px;
}

.skr-global-header.is-hidden{
  transform:translateY(-115%);
  opacity:0;
  pointer-events:none;
}

.skr-global-header.is-scrolled{
  background:rgba(17,18,23,.86);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 12px 38px rgba(0,0,0,.14);
  border-bottom-color:rgba(255,255,255,.08);
}

.skr-global-brand{
  display:flex;
  align-items:center;
  text-decoration:none!important;
  flex:0 0 auto;
}

.skr-global-brand img{
  width:230px;
  max-width:44vw;
  height:auto;
  display:block;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.12));
}

.skr-global-nav{
  display:flex;
  align-items:center;
  gap:28px;
  margin-left:auto;
}

.skr-global-nav a{
  color:#fff!important;
  text-decoration:none!important;
  font-weight:760;
  font-size:15px;
  letter-spacing:.01em;
  position:relative;
}

.skr-global-nav a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,var(--orange),var(--orange2));
  transition:width .22s ease;
}

.skr-global-nav a:hover:after{
  width:100%;
}

.skr-header-cta{
  margin-left:8px;
  min-height:48px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  text-decoration:none!important;
  color:#fff!important;
  font-weight:900;
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  box-shadow:0 12px 28px rgba(244,107,61,.28);
}

.skr-mobile-toggle{
  display:none;
  margin-left:auto;
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  border-radius:14px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
}

.skr-mobile-toggle span{
  width:20px;
  height:2px;
  border-radius:99px;
  background:#fff;
  display:block;
}

/* Pull all pages up beneath the transparent header */
.skr-page{
  padding-top:0!important;
}

.skr-hero{
  margin-top:0!important;
  padding-top:150px!important;
  border-radius:0 0 38px 38px;
  min-height:760px;
}

.skr-app-shell{
  max-width:none!important;
  width:100%!important;
  padding:0 28px 80px!important;
}

.skr-app-shell > .skr-global-header + .skr-app-hero,
.skr-app-shell > .skr-global-header + .skr-login-card{
  margin-top:0!important;
  padding-top:150px!important;
}

.skr-app-hero{
  border-radius:0 0 30px 30px!important;
  min-height:420px;
}

.skr-login-card{
  margin-top:0!important;
  border-radius:0 0 30px 30px!important;
  padding-top:150px!important;
}

@media(max-width:782px){
  .admin-bar .skr-global-header{
    top:46px;
  }
}

@media(max-width:900px){
  .skr-global-header{
    height:80px;
    padding:0 18px;
  }

  .skr-global-brand img{
    width:195px;
    max-width:62vw;
  }

  .skr-mobile-toggle{
    display:flex;
  }

  .skr-global-nav{
    position:absolute;
    top:80px;
    left:12px;
    right:12px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:12px;
    border-radius:18px;
    background:rgba(17,18,23,.96);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 20px 50px rgba(0,0,0,.2);
  }

  .skr-global-nav.is-open{
    display:flex;
  }

  .skr-global-nav a{
    padding:14px 12px;
  }

  .skr-header-cta{
    display:none;
  }

  .skr-hero{
    padding-top:120px!important;
  }

  .skr-app-shell > .skr-global-header + .skr-app-hero,
  .skr-app-shell > .skr-global-header + .skr-login-card{
    padding-top:120px!important;
  }
}


/* v2.2 hard reset: plugin template owns the complete page */
html, body.skr-front-body, body.skr-app-body{
  width:100%;
  min-height:100%;
  margin:0!important;
  padding:0!important;
  background:#fffdfa!important;
}
body.skr-front-body > *:not(.skr-page):not(script),
body.skr-app-body > *:not(.skr-app):not(script){
  max-width:none;
}


/* ===== v2.3 gratis invitation ===== */
.skr-invite-shell{
  min-height:100vh;
  padding:150px 24px 70px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,177,107,.34),transparent 28%),
    radial-gradient(circle at 90% 95%,rgba(244,107,61,.24),transparent 28%),
    linear-gradient(135deg,#fff8f1,#fff2e4);
}
.skr-invite-card{
  width:min(100%,720px);
  padding:48px;
  border-radius:30px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(17,18,23,.08);
  box-shadow:0 28px 80px rgba(54,34,19,.14);
  backdrop-filter:blur(18px);
}
.skr-invite-card h1{
  margin:12px 0 16px;
  font-size:clamp(42px,6vw,68px);
  line-height:.96;
  letter-spacing:-.06em;
}
.skr-invite-card>p{
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
}
.skr-invite-form{
  display:grid;
  gap:15px;
  margin-top:26px;
}
.skr-invite-form label span{
  display:block;
  margin-bottom:8px;
  font-weight:850;
}
.skr-invite-form input{
  width:100%;
  height:58px;
  padding:0 16px;
  border:1px solid #ddd5cc;
  border-radius:14px;
  background:#fff;
  font-size:16px;
}
.skr-invite-form input:focus{
  outline:none;
  border-color:var(--orange);
  box-shadow:0 0 0 4px rgba(244,107,61,.10);
}
.skr-invite-error{
  margin:18px 0;
  padding:14px 16px;
  border-radius:13px;
  background:#fff0f0;
  color:#a12626;
  border:1px solid #f1c6c6;
  font-weight:700;
}
@media(max-width:720px){
  .skr-invite-shell{padding:120px 12px 40px}
  .skr-invite-card{padding:28px 20px;border-radius:22px}
}


/* ===== v2.4.0 INTERNAL MENU FIX ===== */
.skr-internal-header{
  background:rgba(17,18,23,.72);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.skr-internal-nav{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

.skr-internal-nav a{
  padding:10px 2px;
}

.skr-internal-nav a.is-current{
  color:#ff9b61!important;
}

.skr-internal-nav a.is-current:after{
  width:100%;
}

.skr-internal-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:10px;
}

.skr-header-action{
  min-height:44px;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  text-decoration:none!important;
  color:#fff!important;
  font-weight:850;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
}

.skr-header-action-primary{
  border-color:transparent;
  background:linear-gradient(135deg,var(--orange),var(--orange2));
  box-shadow:0 10px 24px rgba(244,107,61,.22);
}

@media(max-width:1050px){
  .skr-internal-actions{
    display:none;
  }
}

@media(max-width:900px){
  .skr-internal-nav{
    display:none!important;
  }

  .skr-internal-nav.is-open{
    display:flex!important;
  }

  .skr-internal-nav a.is-current{
    background:rgba(255,255,255,.06);
    border-radius:12px;
    padding-left:14px;
    padding-right:14px;
  }
}


/* ===== v3.4.0 AI RECEIPT UPLOAD ===== */
.skr-receipt-ai{
  margin:0 0 26px;
  padding:28px;
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0%,rgba(244,107,61,.16),transparent 36%),
    linear-gradient(135deg,#fffaf5,#fff3e6);
  border:1px solid rgba(244,107,61,.18);
}
.skr-receipt-ai h3{
  margin:8px 0 10px;
  font-size:clamp(28px,4vw,42px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.skr-receipt-ai p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
.skr-upload-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:stretch;
  margin-top:22px;
}
.skr-file-picker{
  min-height:86px;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:16px 18px;
  border:1.5px dashed rgba(17,18,23,.24);
  border-radius:16px;
  background:#fff;
  cursor:pointer;
}
.skr-file-picker input{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
}
.skr-file-picker strong{
  font-size:16px;
}
.skr-file-picker small{
  color:var(--muted);
}
.skr-ai-status{
  min-height:24px;
  margin-top:14px;
  font-weight:750;
}
.skr-ai-status.is-loading{color:#8b5d24}
.skr-ai-status.is-success{color:#237a42}
.skr-ai-status.is-error{color:#a12626}
.skr-ai-review{
  margin:18px 0 20px;
  padding:14px 16px;
  border-radius:14px;
  background:#fff8e8;
  border:1px solid #f2dfad;
  color:#6d5625;
  line-height:1.55;
}
@media(max-width:760px){
  .skr-receipt-ai{padding:20px}
  .skr-upload-row{grid-template-columns:1fr}
  .skr-upload-row .skr-btn{width:100%}
}


/* ===== v3.4.1 FIELD WIDTH FIX ===== */
.skr-expense-form .skr-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(280px,1fr))!important;
  gap:20px!important;
}

.skr-expense-form .skr-fields label{
  width:100%!important;
  min-width:0!important;
  display:block!important;
}

.skr-expense-form .skr-fields label.wide{
  grid-column:1 / -1!important;
}

.skr-expense-form .skr-fields input,
.skr-expense-form .skr-fields select{
  width:100%!important;
  min-width:220px!important;
  max-width:none!important;
  height:58px!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
  font-size:18px!important;
}

.skr-expense-form input[name="amount"],
.skr-expense-form input[name="vat_amount"],
.skr-expense-form input[name="net_amount"],
.skr-expense-form input[name="litres"]{
  width:100%!important;
  min-width:220px!important;
  max-width:none!important;
}

@media(max-width:760px){
  .skr-expense-form .skr-fields{
    grid-template-columns:1fr!important;
  }

  .skr-expense-form .skr-fields label.wide{
    grid-column:auto!important;
  }

  .skr-expense-form .skr-fields input,
  .skr-expense-form .skr-fields select{
    min-width:0!important;
  }
}


/* ===== v3.4.2 UNIFIED BEIGE THEME + HEADER LINE REMOVAL ===== */
:root{
  --skr-beige:#f7efe6;
  --skr-beige-soft:#fbf6f0;
}

/* Same beige tone through the whole Saldoro universe */
html,
body.skr-front-body,
body.skr-app-body,
.skr-page,
.skr-app,
.skr-app-shell,
.skr-front-body .skr-page,
.skr-app-body .skr-app,
.skr-section,
.skr-app-main,
.skr-content,
.skr-dashboard,
.skr-expense-form,
.skr-report-shell{
  background:var(--skr-beige)!important;
}

/* Remove white section blocks where possible */
.skr-card,
.skr-login-card,
.skr-invite-card,
.skr-receipt-ai,
.skr-ai-review,
.skr-stat-card,
.skr-panel,
.skr-table-wrap{
  background:var(--skr-beige-soft)!important;
}

/* Remove every visible line/border under the global header */
.skr-global-header,
.skr-internal-header,
.js-skr-header{
  border-bottom:none!important;
  box-shadow:none!important;
}

/* Some themes/pseudo elements add a divider line */
.skr-global-header::before,
.skr-global-header::after,
.skr-internal-header::before,
.skr-internal-header::after{
  content:none!important;
  display:none!important;
}

/* Keep the front page hero and sections in the same beige family */
.skr-hero,
.skr-front-body section,
.skr-front-body main,
.skr-app-body main{
  background-color:var(--skr-beige)!important;
}

/* Inputs stay slightly lighter for readability */
.skr-fields input,
.skr-fields select,
.skr-invite-form input,
.skr-file-picker{
  background:#fffaf5!important;
}


/* ===== v3.4.4 MOBILE MENU FIX ===== */
@media(max-width:900px){
  .skr-mobile-toggle{
    position:relative!important;
    z-index:10003!important;
    display:flex!important;
    width:48px!important;
    height:48px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:0!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.14)!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  .skr-mobile-toggle span{
    display:block!important;
    width:22px!important;
    height:2px!important;
    border-radius:999px!important;
    background:currentColor!important;
    transition:transform .2s ease, opacity .2s ease!important;
  }

  .skr-mobile-toggle.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg)!important;
  }

  .skr-mobile-toggle.is-open span:nth-child(2){
    opacity:0!important;
  }

  .skr-mobile-toggle.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg)!important;
  }

  .skr-global-nav.js-skr-mobile-menu{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:14px!important;
    right:14px!important;
    z-index:10002!important;
    flex-direction:column!important;
    gap:4px!important;
    padding:12px!important;
    border-radius:18px!important;
    background:rgba(24,24,26,.97)!important;
    box-shadow:0 22px 60px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  .skr-global-nav.js-skr-mobile-menu.is-open{
    display:flex!important;
  }

  .skr-global-nav.js-skr-mobile-menu a{
    display:block!important;
    width:100%!important;
    padding:14px 16px!important;
    border-radius:12px!important;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:800!important;
    pointer-events:auto!important;
  }

  .skr-global-nav.js-skr-mobile-menu a:active{
    background:rgba(255,255,255,.08)!important;
  }

  .skr-global-header{
    overflow:visible!important;
  }
}