/* ============================================================================
   STIRSHAKEN.AI — shield-app.css   (ONE-SYSTEM SKIN)
   ----------------------------------------------------------------------------
   Loads AFTER style.css and cinematic.css in app/layouts/header.php.
   It restyles the application's EXISTING class vocabulary — no markup changes,
   no new page files. Every PHP route inherits this look the moment the file
   loads: home, services, checker, blog, about, contact, legal, auth.

   Colors are untouched on purpose: your purple (#7C3AED family) on your
   surfaces (#050816 / #0B1120) stays the identity. What changes is the
   finish — enterprise typography (Space Grotesk / Inter / IBM Plex Mono),
   instrument-grade density, hairline borders, disciplined glow, and the
   live verification-network layer behind the content.
   ========================================================================== */

:root{
  --f-disp:"Space Grotesk", Syne, Inter, system-ui, sans-serif;
  --f-body:Inter, "DM Sans", system-ui, -apple-system, sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --sh-r:6px;
  --sh-line:rgba(159,95,241,.18);
  --sh-line-soft:rgba(159,95,241,.09);
  --sh-panel:linear-gradient(175deg, rgba(17,22,44,.92), rgba(7,10,24,.94));
  --sh-ease:cubic-bezier(.22,.68,.24,1);
}

/* ---- base type ----------------------------------------------------------- */
body{font-family:var(--f-body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:var(--f-disp);font-weight:500;letter-spacing:-.018em}
b,strong{font-weight:600}
::selection{background:rgba(124,58,237,.32);color:#fff}

/* ---- ambient verification network (canvas injected by header edit) ------- */
#netCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;
  pointer-events:none;opacity:0;transition:opacity 2s ease .3s}
#netCanvas.on{opacity:.95}
.navbar,main,.footer,.mobile-menu,.cookie-banner{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){#netCanvas{display:none}}

/* ---- navbar -------------------------------------------------------------- */
.navbar{background:rgba(5,8,22,.72);backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid var(--sh-line-soft)}
.nav-link{font-family:var(--f-mono);font-size:11px;letter-spacing:.09em;
  text-transform:uppercase;font-weight:500}
.nav-logo-img{filter:drop-shadow(0 0 14px rgba(124,58,237,.45))}
.nav-btn-portal{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.09em;
  text-transform:uppercase;border-radius:var(--sh-r)}
.nav-btn-start{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.10em;
  text-transform:uppercase;border-radius:var(--sh-r)}
.nav-drop-head{font-family:var(--f-mono)}
.mobile-nav-link{font-family:var(--f-mono);letter-spacing:.07em;text-transform:uppercase;font-size:14px}

/* ---- buttons ------------------------------------------------------------- */
.btn-primary,.btn-outline,.btn-ghost,.btn-check,.cookie-accept,.cookie-reject{
  font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.10em;
  text-transform:uppercase;border-radius:var(--sh-r);
  transition:transform .35s var(--sh-ease), box-shadow .35s var(--sh-ease),
             background .35s var(--sh-ease), border-color .35s var(--sh-ease)}
.btn-primary{background:linear-gradient(180deg, rgba(124,58,237,.92), rgba(109,40,217,.88));
  border:1px solid var(--c-purple-light, #9F5FF1);box-shadow:none}
.btn-primary:hover{transform:translateY(-1px);
  box-shadow:0 10px 38px -12px rgba(124,58,237,.75)}
.btn-outline{border:1px solid var(--sh-line);background:rgba(10,14,32,.5)}
.btn-outline:hover{border-color:var(--c-purple-light,#9F5FF1);transform:translateY(-1px)}
.btn-sm{font-size:10.5px;padding-top:9px;padding-bottom:9px}

/* ---- hero / page-hero ---------------------------------------------------- */
.page-hero{position:relative}
.hero-eyebrow,.section-label{font-family:var(--f-mono);font-size:10.5px;
  letter-spacing:.22em;text-transform:uppercase;font-weight:500;
  color:var(--c-purple-light,#9F5FF1)}
.hero-inner h1,.page-hero h1{font-family:var(--f-disp);font-weight:500;
  letter-spacing:-.025em;line-height:1.12}
.hero-sub{font-weight:300;line-height:1.75}
.gradient-text{background:linear-gradient(135deg,#FFFFFF 0%,#D9C6FF 40%,var(--c-purple-light,#9F5FF1) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-trust{font-family:var(--f-mono);font-size:10px;letter-spacing:.10em;text-transform:uppercase}
.mesh-bg{opacity:.5}
.mesh-bg::after{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),
    linear-gradient(90deg, rgba(124,58,237,.05) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 80% 62% at 50% 0%,#000 15%,transparent 78%);
  mask-image:radial-gradient(ellipse 80% 62% at 50% 0%,#000 15%,transparent 78%)}

/* ---- sections ------------------------------------------------------------ */
.section-title{font-family:var(--f-disp);font-weight:500;letter-spacing:-.02em}
.section-sub{font-weight:300;line-height:1.75}

/* ---- cards → instrument panels ------------------------------------------- */
.benefit-card,.service-card,.glass-card,.floating-card,.stat-card,.info-card,
.blog-card,.result-card,.checker-box,.hcc-card,.testimonial-card,.why-feature{
  background:var(--sh-panel);border:1px solid var(--sh-line);
  border-radius:var(--sh-r);position:relative;overflow:hidden;
  transition:transform .35s var(--sh-ease), border-color .35s var(--sh-ease),
             box-shadow .35s var(--sh-ease)}
.benefit-card::before,.service-card::before,.checker-box::before,.hcc-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--c-purple,#7C3AED),transparent);
  opacity:.55}
.benefit-card:hover,.service-card:hover,.blog-card:hover,.why-feature:hover{
  transform:translateY(-4px);border-color:var(--b-live, rgba(159,95,241,.42));
  box-shadow:0 20px 50px -24px rgba(124,58,237,.5)}
.service-name,.benefit-title,.blog-title{font-family:var(--f-disp);font-weight:500}
.service-link,.blog-read-link{font-family:var(--f-mono);font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase}
.blog-cat{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
.blog-meta{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em}

/* ---- stats / KPIs: tabular mono ----------------------------------------- */
.stat-number,.mini-stat-num,.kpi,.score-ring,.score-ring-lg,.timeline-num{
  font-family:var(--f-disp);font-variant-numeric:tabular-nums}
.stat-label,.mini-stat-label{font-family:var(--f-mono);font-size:9.5px;
  letter-spacing:.16em;text-transform:uppercase}
.badge,.trust-badge,.status-dot + span,.pill-select{font-family:var(--f-mono);
  letter-spacing:.08em}
.badge,.trust-badge{border-radius:4px;text-transform:uppercase;font-size:10px}

/* ---- checker ------------------------------------------------------------- */
.checker-title{font-family:var(--f-disp)}
.checker-sub{font-weight:300}
.checker-field,.checker-inputs input{font-family:var(--f-mono)}
.result-label{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}

/* ---- forms ---------------------------------------------------------------- */
.form-group label{font-family:var(--f-mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;font-weight:500}
.form-control{background:rgba(4,7,18,.72);border:1px solid var(--sh-line);
  border-radius:4px;transition:border-color .3s, box-shadow .3s}
.form-control:focus{border-color:var(--c-purple-light,#9F5FF1);
  box-shadow:0 0 0 3px rgba(124,58,237,.14);outline:0}
.form-wrap{background:var(--sh-panel);border:1px solid var(--sh-line);
  border-radius:var(--sh-r)}

/* ---- faq / timeline / testimonials --------------------------------------- */
.faq-item{background:rgba(9,13,30,.6);border:1px solid var(--sh-line);border-radius:var(--sh-r)}
.faq-question{font-family:var(--f-body);font-weight:500}
.faq-icon{color:var(--c-purple-light,#9F5FF1)}
.timeline-step-title{font-family:var(--f-disp);font-weight:500}
.timeline-num{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;
  color:var(--c-purple-light,#9F5FF1)}
.t-name{font-family:var(--f-disp)}
.t-role{font-family:var(--f-mono);font-size:10px;letter-spacing:.10em;text-transform:uppercase}

/* ---- tables / prose ------------------------------------------------------- */
.table-wrap{border:1px solid var(--sh-line);border-radius:var(--sh-r);overflow:hidden}
.table-wrap th{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase}
.table-wrap td{font-variant-numeric:tabular-nums}
.prose h2,.prose h3{font-family:var(--f-disp)}

/* ---- footer --------------------------------------------------------------- */
.footer{border-top:1px solid var(--sh-line-soft);
  background:linear-gradient(180deg, rgba(6,9,24,.4), rgba(3,5,14,.96))}
.footer-col h4{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.20em;
  text-transform:uppercase;color:var(--c-purple-light,#9F5FF1);font-weight:500}
.footer-link{font-weight:300;transition:color .25s}
.footer-copy,.footer-legal a{font-family:var(--f-mono);font-size:10px;
  letter-spacing:.10em;text-transform:uppercase}
.social-link{border:1px solid var(--sh-line);border-radius:4px;
  transition:border-color .3s, transform .3s}
.social-link:hover{border-color:var(--c-purple-light,#9F5FF1);transform:translateY(-2px)}

/* ---- cookie banner / toast ------------------------------------------------ */
.cookie-banner{background:rgba(7,10,24,.97);border:1px solid var(--sh-line);
  border-radius:var(--sh-r);backdrop-filter:blur(16px)}
.toast{border-radius:var(--sh-r);font-family:var(--f-mono);font-size:12px}

/* ---- auth / alerts -------------------------------------------------------- */
.alert{border-radius:4px}
.alert-error,.alert-success{font-size:13px}

/* ---- accessibility -------------------------------------------------------- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible{outline:2px solid var(--c-purple-light,#9F5FF1);
  outline-offset:3px;border-radius:2px}

/* ---- motion discipline ----------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
}

/* ---- mobile polish --------------------------------------------------------- */
@media (max-width:768px){
  .nav-link{font-size:10.5px}
  .hero-inner h1,.page-hero h1{letter-spacing:-.02em}
}


/* ============================================================================
   CINEMATIC LAYER v2 — flowing light, depth, motion. All of it disabled
   under prefers-reduced-motion; none of it blocks reading or clicking.
   ========================================================================== */

/* ---- aurora: two slow-drifting light fields behind everything ------------ */
@media (prefers-reduced-motion: no-preference){
  body::before, body::after{
    content:"";position:fixed;z-index:0;pointer-events:none;
    width:70vmax;height:70vmax;border-radius:50%;
    filter:blur(60px);mix-blend-mode:screen;will-change:transform;
  }
  body::before{
    top:-30vmax;left:-18vmax;
    background:radial-gradient(circle at 50% 50%, rgba(124,58,237,.16), rgba(124,58,237,.05) 45%, transparent 70%);
    animation:sh-aur-a 64s ease-in-out infinite alternate;
  }
  body::after{
    bottom:-34vmax;right:-20vmax;
    background:radial-gradient(circle at 50% 50%, rgba(41,200,224,.10), rgba(109,40,217,.06) 45%, transparent 70%);
    animation:sh-aur-b 78s ease-in-out infinite alternate;
  }
  @keyframes sh-aur-a{
    0%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(12vmax,8vmax,0) scale(1.15)}
    100%{transform:translate3d(4vmax,16vmax,0) scale(.95)}
  }
  @keyframes sh-aur-b{
    0%{transform:translate3d(0,0,0) scale(1)}
    50%{transform:translate3d(-10vmax,-8vmax,0) scale(1.12)}
    100%{transform:translate3d(-16vmax,-2vmax,0) scale(1.02)}
  }
}

/* ---- flowing gradient headline ------------------------------------------- */
@media (prefers-reduced-motion: no-preference){
  .gradient-text{
    background:linear-gradient(110deg,#FFFFFF 0%,#D9C6FF 25%,#9F5FF1 45%,#29c8e0 60%,#D9C6FF 75%,#FFFFFF 100%);
    background-size:220% 100%;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:sh-flow 7s linear infinite;
  }
  @keyframes sh-flow{to{background-position:220% 0}}
}

/* ---- hero scanline sweep --------------------------------------------------- */
@media (prefers-reduced-motion: no-preference){
  .page-hero{position:relative;overflow:hidden}
  .page-hero::after{
    content:"";position:absolute;left:-10%;right:-10%;top:-40%;height:34%;
    background:linear-gradient(180deg,transparent,rgba(159,95,241,.055),transparent);
    transform:rotate(-2deg);pointer-events:none;
    animation:sh-scan 9s cubic-bezier(.4,0,.6,1) infinite;
  }
  @keyframes sh-scan{
    0%{top:-40%;opacity:0} 12%{opacity:1} 55%{top:120%;opacity:1}
    56%{opacity:0} 100%{top:120%;opacity:0}
  }
}

/* ---- primary button: light sweep on hover --------------------------------- */
.btn-primary{position:relative;overflow:hidden}
@media (prefers-reduced-motion: no-preference){
  .btn-primary::after{
    content:"";position:absolute;top:-20%;bottom:-20%;width:34%;left:-60%;
    background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);
    transform:skewX(-18deg);pointer-events:none;transition:none;
  }
  .btn-primary:hover::after{animation:sh-sheen .85s ease forwards}
  @keyframes sh-sheen{to{left:130%}}
}

/* ---- floating cards drift -------------------------------------------------- */
@media (prefers-reduced-motion: no-preference){
  .floating-card{animation:sh-float 7s ease-in-out infinite}
  .floating-card:nth-child(2n){animation-duration:8.6s;animation-delay:1.1s}
  .floating-card:nth-child(3n){animation-duration:9.8s;animation-delay:2s}
  @keyframes sh-float{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-9px)}
  }
}

/* ---- hero H1 breathing glow ------------------------------------------------ */
@media (prefers-reduced-motion: no-preference){
  .page-hero h1, .hero-inner h1{
    animation:sh-breathe 6s ease-in-out infinite;
  }
  @keyframes sh-breathe{
    0%,100%{text-shadow:0 0 0 rgba(159,95,241,0)}
    50%{text-shadow:0 0 44px rgba(159,95,241,.35)}
  }
}

/* ---- film grain (very subtle, above content) ------------------------------- */
@media (prefers-reduced-motion: no-preference){
  html::after{
    content:"";position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.035;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
    animation:sh-grain 9s steps(10) infinite;
  }
  @keyframes sh-grain{
    0%,100%{transform:translate(0,0)} 10%{transform:translate(-4%,-6%)}
    30%{transform:translate(5%,-3%)} 50%{transform:translate(-6%,4%)}
    70%{transform:translate(4%,6%)} 90%{transform:translate(-3%,2%)}
  }
}

/* ---- tilt targets get depth ------------------------------------------------- */
.benefit-card,.service-card,.glass-card,.stat-card,.blog-card,.info-card,
.testimonial-card,.why-feature{transform-style:preserve-3d}


/* ============================================================================
   SHIELD TRACE — the hero's live evaluation panel (component: .shield-trace)
   ========================================================================== */
.hero-inner h1, .page-hero h1{text-wrap:balance}
.shield-trace{font-family:var(--f-mono);font-size:12px;max-width:470px;width:100%;
  border:1px solid var(--sh-line);border-radius:var(--sh-r);overflow:hidden;
  background:linear-gradient(175deg,rgba(17,22,44,.94),rgba(7,10,24,.96));
  box-shadow:0 44px 90px -42px rgba(0,0,0,.9), 0 0 60px -30px rgba(124,58,237,.5);
  position:relative}
.shield-trace::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--c-purple,#7C3AED),transparent);opacity:.7}
.st-head{display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:13px 18px;border-bottom:1px solid var(--sh-line-soft)}
.st-head b{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:#e4d9ff;font-weight:500}
.st-live{display:inline-flex;align-items:center;gap:7px;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:#34D399}
.st-live i{width:6px;height:6px;border-radius:50%;background:#34D399;
  box-shadow:0 0 8px #34D399;animation:st-pulse 2s ease-in-out infinite}
@keyframes st-pulse{50%{opacity:.35}}
.st-row{display:grid;grid-template-columns:20px minmax(0,1fr) 62px 46px;gap:12px;
  align-items:center;padding:10px 18px;border-bottom:1px solid var(--sh-line-soft);
  opacity:0;transform:translateX(-8px)}
.st-row:last-of-type{border-bottom:0}
.st-row.on{opacity:1;transform:none;
  transition:opacity .45s var(--sh-ease),transform .45s var(--sh-ease)}
@media (prefers-reduced-motion:reduce){.st-row{opacity:1;transform:none}}
.st-ic{width:15px;height:15px;border-radius:50%;border:1px solid var(--sh-line);
  display:grid;place-items:center;font-size:9px}
.st-row.pass .st-ic{border-color:rgba(52,211,153,.55);color:#34D399}
.st-row.gap  .st-ic{border-color:rgba(245,165,36,.55);color:#F5A524}
.st-rule{color:var(--muted,#8b95ad);font-size:10px;letter-spacing:.04em}
.st-rule b{display:block;color:#e9eefb;font-weight:500;font-size:12px;letter-spacing:0}
.st-src{color:#5b6884;font-size:9px;text-align:right;letter-spacing:.06em;text-transform:uppercase}
.st-d{text-align:right;font-variant-numeric:tabular-nums;font-size:11px}
.st-row.pass .st-d{color:#34D399}.st-row.gap .st-d{color:#F5A524}
.st-foot{display:grid;grid-template-columns:1fr;gap:12px;padding:15px 18px 13px;
  background:rgba(124,58,237,.06)}
.st-k{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#6b7994;display:block}
.st-score{display:flex;align-items:baseline;gap:11px;margin-top:3px}
.st-score b{font-family:var(--f-disp);font-size:42px;font-weight:600;line-height:1;
  color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 34px rgba(159,95,241,.55)}
.st-score span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#34D399}
.st-bar{height:4px;border-radius:2px;background:rgba(255,255,255,.07);overflow:hidden}
.st-bar i{display:block;height:100%;width:0;
  background:linear-gradient(90deg,#6D28D9,#9F5FF1);
  box-shadow:0 0 14px rgba(124,58,237,.85);
  transition:width 1.4s var(--sh-ease)}
.st-note{padding:10px 18px;font-size:9px;color:#525f78;letter-spacing:.08em;
  text-transform:uppercase;border-top:1px solid var(--sh-line-soft)}
@media (max-width:1024px){.shield-trace{margin-inline:auto}}


/* ============================================================================
   UX LAYER v4 — clickable task cards + global responsiveness (all screens)
   ========================================================================== */
.siaw-task-row{cursor:pointer;transition:border-color .25s,background .25s}
.siaw-task-row:hover{border-color:rgba(159,95,241,.45);background:rgba(124,58,237,.06)}
.siaw-task-row:focus-visible{outline:2px solid var(--c-purple-light,#9F5FF1);outline-offset:2px}
.siaw-task-desc{font-size:11.5px;color:var(--muted,#8b95ad);margin-top:3px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.siaw-task-row.open .siaw-task-desc{display:block;-webkit-line-clamp:unset;overflow:visible;
  font-size:12.5px;color:#c9d3e6}
.siaw-task-actions{display:none;margin-top:10px}
.siaw-task-row.open .siaw-task-actions{display:flex;gap:8px;flex-wrap:wrap}
.siaw-task-row.open{border-color:rgba(159,95,241,.5)}

/* --- responsive: workspace --- */
@media(max-width:1100px){.siaw-grid{grid-template-columns:1fr !important}}
@media(max-width:700px){
  .siaw-task-row{flex-direction:column;align-items:stretch !important;gap:10px}
  .siaw-chat-messages{max-height:52vh}
}

/* --- responsive: global touch & small screens --- */
@media(max-width:700px){
  .btn-primary,.btn-outline,.btn-sm,.nav-btn-portal,.nav-btn-start{min-height:42px}
  .form-control,input,select,textarea{font-size:16px !important} /* stops iOS zoom */
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table-wrap table{min-width:560px}
  .dash-content,.container{padding-left:14px !important;padding-right:14px !important}
  .stats-grid,.services-grid,.two-col{grid-template-columns:1fr !important}
  h1{font-size:clamp(24px,7vw,34px) !important}
}
@media(min-width:1800px){.container,.wrap{max-width:1440px}}


/* ============================================================================
   DENSITY LAYER v5 — compact CRM: everything in one look (admin + portal)
   ========================================================================== */
.dash-content{padding-top:18px !important}
.dash-content h2{font-size:19px !important;margin-bottom:4px !important}
.dash-content h3{font-size:14.5px !important}
.dash-sidebar{width:228px !important}
.dash-nav a{padding-top:7px !important;padding-bottom:7px !important;font-size:12.5px !important}
.dash-nav .nav-group-label,.dash-nav h4{font-size:9px !important;margin:12px 0 4px !important}
.dash-content .table-wrap th{padding:8px 12px !important;font-size:10px !important}
.dash-content .table-wrap td{padding:8px 12px !important;font-size:12.5px !important}
.dash-content .stat-card,.dash-content .glass-card{padding:14px 16px !important}
.dash-content .stat-number{font-size:24px !important}
.dash-content .btn-primary,.dash-content .btn-outline{padding:9px 16px !important;font-size:11px !important}
.dash-content .alert{padding:10px 14px !important;font-size:12.5px !important}
.dash-content p{font-size:13px}
.siaw-task-row{padding:12px 14px !important}
.siaw-side-panel h3{font-size:13px !important}
@media(min-width:1500px){.dash-content{max-width:1360px;margin-inline:auto}}