/**
 * Kodii+ Standalone Theme v1.5.0

 * - v1.5.0 (2026-06-06): Kodii+ Plugin Shortcode Design Integration.
 *   Adds the native Kodii+ shortcode design layer for calculators, calculator lists, coding logs, transactions, subscriptions and account-related shortcode output while keeping external shortcodes neutral.
 * - v1.4.19 (2026-06-06): Dashboard Terminology Update. Renamed the Account Status statistics card title from 'Your statistics' to 'Calculation Count'.
 * - v1.4.18 (2026-06-06): Account Status Wrapper Neutralization. Fully neutralizes technical shortcode wrapper styling around Account Status statistic cards.
 * - v1.4.17 (2026-06-06): Account Status Card Polish. Removes shared wrappers around statistics output and improves spacing inside Account Status.
 * - v1.4.15 (2026-06-06): Dashboard Adaptive Section Layout. Adds adaptive dashboard section grid rules, full-width account status, and no-empty-column behavior.
 * - v1.4.13 (2026-06-06): Header Height Cache/Rendering Fix. Forces asset cache busting and applies final high-specificity header height rules.
 * - v1.4.12 (2026-06-05): Header Height Setting Fix. Strengthens Small/Medium/Large frontend header height rules.
 * - v1.4.11 (2026-06-05): Editable Header Height. Adds Small/Medium/Large header height presets.
 * - v1.4.7 (2026-06-05): Editable Logo Setting. Adds Theme Settings based header logo selection.
 * - v1.4.6 (2026-06-05): Navigation Divider Wrap Fix. Hides the primary/role inline divider when the role menu wraps to a second row.
 * - v1.4.5 (2026-06-05): Navigation Flex-Wrap Fix. Keeps primary and role navigation in one line while space is available, restores the inline divider between both menu groups and wraps only when required.
 * Changelog:
  * v1.4.8 (2026-06-05): Adds Header Logo Size presets (small/medium/large) controlled through Theme Settings.
 * - v1.4.4 (2026-06-05): Navigation Wrap Polish. Aligns wrapped primary/role menus at the logo divider, extends the divider across all menu lines and centers the logo vertically to the full menu block.
 * - v1.4.3 (2026-06-05): Integrated Role Navigation Wrap. Moves User/Admin role menus back into the header navigation with controlled wrapping and no separate secondary bar.
 * - v1.4.2 (2026-06-05): Secondary Role Navigation Bar. Moves User/Admin role menus below the header into a compact toolbar and prevents header overflow.
 * - v1.4.1 (2026-06-05): Navigation Role Menu Fix. Adds separate User/Admin additional menus.
 * - v1.4.0 (2026-06-01): Navigation & Unified Design System Foundation. Adds multi-menu navigation, unifies Kodii+ plugin shortcode styling under the theme, preserves external shortcode neutrality and improves wpDataTables compatibility.
 * - v1.3.1 (2026-06-01): Theme Integration & Dashboard Control.
 *   Protects Kodii+ plugin shortcode styling, removes visible shortcode wrapper frames,
 *   adds dashboard control styles and keeps navigation WordPress-menu-driven.
 * - v1.2.2 (2026-05-30): Targeted Page Header Cleanup.
 *   Restores Kodii+ Theme page headers and limits cleanup to Divi/Builder remnants.
 * - v1.2.1 (2026-05-30): Global Page Header Legacy Cleanup.
 *   Was too broad and is superseded by v1.2.2.
 * - v1.2.0 (2026-05-30): Dashboard Foundation and global Divi legacy cleanup.
 * - v1.1.9 (2026-05-30): Header Navigation Bugfix.
 * - v1.1.8 (2026-05-30): Landingpage Foundation.
 *   Rebuilds the public front page as a dedicated English Kodii+ landing page and keeps the header WordPress-menu-driven.
 * - v1.1.7 (2026-05-30): Radius-system adjustment for the standalone theme.
 *   Keeps the Kodii+ plugin color hierarchy but replaces inherited 5px plugin radii with
 *   consistent moderate theme radii for cards, tables, forms and actions.
 * - v1.1.6 (2026-05-30): Design-system reconciliation with the Kodii+ WordPress plugin.
 *   Restores the intended three-layer hierarchy without destructive border/layer removal.
 * - v1.1.1 (2026-05-29): Landingpage, English-only frontend copy, logged-in redirect and
 *   Kodii+ color hierarchy balancing across dashboard/tool containers.
 * - v1.1.0 (2026-05-29): Ergänzt Page-Hero-Beschreibungen, Dashboard-/Tool-/Data-Profile,
 *   Template-Shells und sichtbare Stabilisierung nach Entfernung von Divi-Builder-Resten.
 * - v1.0.0 (2026-05-29): Initiales Theme-CSS mit automotive Premium-Look, Shortcode-Kompatibilität,
 *   Header/Footer, Cards, Tabellen, Buttons, Inputs, Dashboard-/Tool-Modi und Sidebar-Vorbereitung.
 */
:root{
  --kodii-blue:#088be4;
  --kodii-blue-dark:#066cb1;
  --kodii-sky:#9bdffe;
  --kodii-frame:#044e80;
  --kodii-ink:#02304f;
  --kodii-white:#ffffff;
  --kodii-surface:#f7fbff;
  --kodii-surface-2:#eef7fc;
  --kodii-border:rgba(2,48,79,.14);
  --kodii-muted:#658196;
  --kodii-success:#1f9d66;
  --kodii-warning:#d89415;
  --kodii-danger:#d94646;
  --kodii-radius-sm:8px;
  --kodii-radius:14px;
  --kodii-radius-lg:22px;
  --kodii-shadow:0 14px 36px rgba(2,48,79,.16);
  --kodii-shadow-soft:0 8px 22px rgba(2,48,79,.10);
  --kodii-max:1180px;
  --kodii-wide:1420px;
  --kodii-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --kodii-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.kodii-theme{margin:0;background:radial-gradient(circle at top left,rgba(8,139,228,.34),transparent 34rem),linear-gradient(145deg,#02304f 0%,#044e80 42%,#021d31 100%);color:var(--kodii-ink);font-family:var(--kodii-font);font-size:16px;line-height:1.58;min-height:100vh}
a{color:var(--kodii-blue-dark);text-decoration:none;transition:color .18s ease,opacity .18s ease}a:hover{color:var(--kodii-blue)}img{max-width:100%;height:auto}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}
.kodii-site-shell{min-height:100vh;display:flex;flex-direction:column}.kodii-main{flex:1;width:100%}
.kodii-site-header{position:sticky;top:0;z-index:50;background:rgba(2,48,79,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(155,223,254,.22);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.admin-bar .kodii-site-header{top:32px}.kodii-header-inner{max-width:var(--kodii-wide);margin:0 auto;min-height:84px;padding:14px clamp(18px,3vw,36px);display:flex;align-items:center;justify-content:space-between;gap:28px}.kodii-header-brand img{display:block;width:auto}.kodii-brand{display:flex;align-items:center}.kodii-brand-size-small img{max-width:120px;max-height:42px}.kodii-brand-size-medium img{max-width:160px;max-height:54px}.kodii-brand-size-large img{max-width:200px;max-height:68px}.kodii-primary-nav{display:flex;align-items:center}.kodii-menu,.kodii-footer-menu{list-style:none;margin:0;padding:0}.kodii-menu{display:flex;align-items:center;gap:6px}.kodii-menu a{display:inline-flex;align-items:center;min-height:42px;padding:8px 14px;border-radius:999px;color:rgba(255,255,255,.86);font-weight:650;font-size:.95rem;letter-spacing:.01em}.kodii-menu li.current-menu-item>a,.kodii-menu li.current_page_item>a,.kodii-menu a:hover{color:#fff;background:rgba(155,223,254,.14);box-shadow:inset 0 0 0 1px rgba(155,223,254,.18)}
.kodii-nav-toggle{display:none;width:46px;height:42px;border:1px solid rgba(155,223,254,.26);border-radius:12px;background:rgba(255,255,255,.06);padding:9px;cursor:pointer}.kodii-nav-toggle span:not(.screen-reader-text){display:block;height:2px;background:#fff;border-radius:2px;margin:5px 0;transition:transform .18s ease,opacity .18s ease}.kodii-nav-open .kodii-nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.kodii-nav-open .kodii-nav-toggle span:nth-child(2){opacity:0}.kodii-nav-open .kodii-nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.kodii-page-wrap{padding:clamp(28px,4vw,56px) clamp(16px,3vw,32px)}.kodii-page-container{max-width:var(--kodii-max);margin:0 auto}.kodii-layout-tool .kodii-page-container,.kodii-layout-dashboard .kodii-page-container{max-width:var(--kodii-wide)}.kodii-content-card{background:linear-gradient(180deg,#fff 0%,var(--kodii-surface) 100%);border:1px solid rgba(255,255,255,.62);border-radius:var(--kodii-radius-lg);box-shadow:var(--kodii-shadow);padding:clamp(22px,3.5vw,42px);overflow:hidden}.kodii-layout-tool .kodii-content-card{padding:clamp(16px,2.4vw,28px)}.kodii-page-header{margin-bottom:26px}.kodii-eyebrow{margin:0 0 8px;color:var(--kodii-blue-dark);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.kodii-page-header h1,.kodii-hero h1{margin:0;color:var(--kodii-ink);font-weight:850;letter-spacing:-.035em;line-height:1.05}.kodii-page-header h1{font-size:clamp(2rem,4vw,3.3rem)}.kodii-entry-content>*:first-child{margin-top:0}.kodii-entry-content>*:last-child{margin-bottom:0}
.kodii-hero{padding:clamp(54px,8vw,100px) clamp(18px,4vw,42px) 26px}.kodii-hero-grid{max-width:var(--kodii-wide);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(28px,5vw,70px);align-items:center}.kodii-hero-copy{color:#fff}.kodii-hero-copy .kodii-eyebrow{color:var(--kodii-sky)}.kodii-hero h1{font-size:clamp(3rem,7vw,6rem);color:#fff;text-shadow:0 18px 46px rgba(0,0,0,.22)}.kodii-hero-copy p:not(.kodii-eyebrow){max-width:720px;color:rgba(255,255,255,.82);font-size:clamp(1.05rem,1.6vw,1.3rem)}.kodii-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.kodii-hero-panel{min-height:360px;border-radius:32px;padding:26px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(155,223,254,.08));border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 70px rgba(0,0,0,.24);display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:stretch}.kodii-cluster-card{border-radius:22px;background:rgba(255,255,255,.92);padding:22px;box-shadow:var(--kodii-shadow-soft);display:flex;flex-direction:column;justify-content:space-between;min-height:150px}.kodii-cluster-card:nth-child(2){grid-column:span 2}.kodii-cluster-card span{color:var(--kodii-blue-dark);font-weight:850;letter-spacing:.14em;font-size:.75rem}.kodii-cluster-card strong{font-family:var(--kodii-mono);font-size:clamp(1.8rem,4vw,3.2rem);color:var(--kodii-ink);line-height:1}.kodii-cluster-card small{color:var(--kodii-muted);font-weight:700}
.kodii-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;border-radius:999px;border:1px solid transparent;font-weight:800;line-height:1.1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.kodii-button:hover{transform:translateY(-1px)}.kodii-button-primary{background:linear-gradient(135deg,var(--kodii-blue),var(--kodii-blue-dark));color:#fff!important;box-shadow:0 10px 22px rgba(8,139,228,.25)}.kodii-button-secondary{background:rgba(255,255,255,.1);border-color:rgba(155,223,254,.24);color:#fff!important}.kodii-content-card .kodii-button-secondary{background:#fff;border-color:var(--kodii-border);color:var(--kodii-ink)!important}
.kodii-auth-form-card input[type=text],.kodii-auth-form-card input[type=email],.kodii-auth-form-card input[type=password],.kodii-auth-form-card select,.kodii-auth-form-card textarea{max-width:100%;border:1px solid var(--kodii-border);border-radius:12px;background:#fff;color:var(--kodii-ink);min-height:42px;padding:10px 13px;font:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);transition:border-color .18s ease,box-shadow .18s ease}.kodii-auth-form-card textarea{min-height:120px}.kodii-auth-form-card input:focus,.kodii-auth-form-card textarea:focus,.kodii-auth-form-card select:focus{outline:none;border-color:rgba(8,139,228,.62);box-shadow:0 0 0 4px rgba(8,139,228,.13)}
.kodii-entry-content > table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--kodii-border);border-radius:var(--kodii-radius);overflow:hidden;box-shadow:var(--kodii-shadow-soft)}.kodii-entry-content > table th,.kodii-entry-content > table td{padding:12px 14px;border-bottom:1px solid rgba(2,48,79,.09);vertical-align:middle}.kodii-entry-content > table th{background:linear-gradient(180deg,#f3faff,#eaf5fb);color:var(--kodii-ink);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:850}.kodii-entry-content > table tr:last-child td{border-bottom:0}.kodii-entry-content > table tr:hover td{background:rgba(155,223,254,.11)}
.kodii-plus-frontend{--kodii-local-gap:18px}.kodii-plus-frontend,.kodii-plus-frontend .kodii-plus-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}.kodii-plus-shortcode-controls{margin-bottom:18px}
.kodii-site-footer{padding:28px clamp(18px,3vw,36px);color:rgba(255,255,255,.8)}.kodii-footer-inner{max-width:var(--kodii-wide);margin:0 auto;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid rgba(155,223,254,.16);padding-top:22px}.kodii-footer-brand{display:flex;flex-direction:column;gap:2px}.kodii-footer-brand strong{color:#fff}.kodii-footer-brand span{font-size:.9rem;color:rgba(255,255,255,.66)}.kodii-footer-menu{display:flex;gap:16px;flex-wrap:wrap}.kodii-footer-menu a{color:rgba(255,255,255,.72)}.kodii-footer-menu a:hover{color:#fff}
.kodii-empty-state{text-align:center}.kodii-pagination{margin-top:22px;color:#fff}.kodii-pagination a,.kodii-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:10px;margin:0 3px;background:rgba(255,255,255,.94)}
@media (max-width: 980px){.admin-bar .kodii-site-header{top:0}.kodii-nav-toggle{display:block}.kodii-primary-nav{position:absolute;left:16px;right:16px;top:calc(100% + 8px);display:none;background:rgba(2,48,79,.98);border:1px solid rgba(155,223,254,.2);border-radius:18px;padding:14px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.kodii-nav-open .kodii-primary-nav{display:block}.kodii-menu{display:flex;flex-direction:column;align-items:stretch}.kodii-menu a{width:100%;justify-content:flex-start}.kodii-hero-grid{grid-template-columns:1fr}.kodii-hero-panel{min-height:auto}.kodii-footer-inner{flex-direction:column;align-items:flex-start}.kodii-page-wrap{padding-top:24px}}
@media (max-width: 680px){.kodii-header-inner{min-height:74px}.kodii-brand-size-small img{max-width:108px;max-height:38px}.kodii-brand-size-medium img{max-width:138px;max-height:44px}.kodii-brand-size-large img{max-width:166px;max-height:52px}.kodii-content-card{padding:18px;border-radius:18px}.kodii-hero{padding-top:38px}.kodii-hero-panel{grid-template-columns:1fr}.kodii-cluster-card:nth-child(2){grid-column:auto}.kodii-hero-actions{flex-direction:column}.kodii-button{width:100%}.kodii-entry-content > table{display:block;overflow-x:auto;white-space:nowrap}.kodii-entry-content > table th,.kodii-entry-content > table td{padding:10px 12px}}


/* Kodii+ Standalone Theme v1.1.0 – Template-/Stabilitätslayer */
.kodii-template-shell{position:relative}
.kodii-template-dashboard .kodii-content-card,.kodii-template-tool .kodii-content-card,.kodii-template-data .kodii-content-card,.kodii-template-admin .kodii-content-card{background:linear-gradient(180deg,rgba(255,255,255,.98),#f6fbff 100%)}
.kodii-page-description{max-width:820px;margin:12px 0 0;color:#4b6f86;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.65}
.kodii-page-header-dashboard,.kodii-page-header-tool,.kodii-page-header-data,.kodii-page-header-admin{padding:clamp(18px,2.6vw,28px);border-radius:var(--kodii-radius-lg);background:linear-gradient(135deg,#ffffff 0%,#edf8ff 100%);border:1px solid var(--kodii-border);box-shadow:var(--kodii-shadow-soft)}
.kodii-page-header-tool{background:linear-gradient(135deg,#02304f 0%,#044e80 100%);border-color:rgba(155,223,254,.2)}
.kodii-page-header-tool .kodii-eyebrow,.kodii-page-header-tool .kodii-page-description{color:rgba(255,255,255,.76)}
.kodii-page-header-tool h1{color:#fff}
.kodii-page-header-admin{background:linear-gradient(135deg,#031f35 0%,#054d7d 100%);border-color:rgba(155,223,254,.22)}
.kodii-page-header-admin .kodii-eyebrow,.kodii-page-header-admin .kodii-page-description{color:rgba(255,255,255,.76)}
.kodii-page-header-admin h1{color:#fff}
.kodii-entry-dashboard,.kodii-entry-tool,.kodii-entry-data,.kodii-entry-admin{margin-top:clamp(18px,2vw,28px)}
.kodii-entry-content:empty{display:none}
.kodii-entry-content .et_pb_section,.kodii-entry-content .et_pb_row,.kodii-entry-content .et_pb_column,.kodii-entry-content .et_pb_text{display:contents}

/* Kodii+ Standalone Theme v1.1.1 – Landing page and Kodii+ color balancing
 * Changelog:
 * - v1.1.7 (2026-05-30): Radius-system adjustment for the standalone theme.
 *   Keeps the Kodii+ plugin color hierarchy but replaces inherited 5px plugin radii with
 *   consistent moderate theme radii for cards, tables, forms and actions.
 * - v1.1.6 (2026-05-30): Design-system reconciliation with the Kodii+ WordPress plugin.
 *   Restores the intended three-layer hierarchy without destructive border/layer removal.
 * - v1.1.1 (2026-05-29): Public landing page replaces dummy previews and stored builder content.
 *   Dashboard/tool cards now use the Kodii+ dark frame -> blue content area -> light inner card color hierarchy.
 */
.kodii-landing-hero{padding:clamp(54px,8vw,104px) clamp(18px,4vw,42px) clamp(26px,4vw,44px)}
.kodii-landing-grid{max-width:var(--kodii-wide);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:clamp(30px,5vw,72px);align-items:center}
.kodii-landing-copy{color:#fff}.kodii-landing-copy .kodii-eyebrow{color:var(--kodii-sky)}
.kodii-landing-copy h1{margin:0;color:#fff;font-size:clamp(2.8rem,6vw,5.7rem);line-height:1.03;letter-spacing:-.055em;font-weight:880;text-shadow:0 18px 46px rgba(0,0,0,.24)}
.kodii-landing-lead{max-width:760px;color:rgba(255,255,255,.82);font-size:clamp(1.05rem,1.55vw,1.28rem);line-height:1.7;margin:22px 0 0}
.kodii-button-ghost{background:rgba(155,223,254,.12);border-color:rgba(155,223,254,.30);color:#fff!important}
.kodii-button-ghost:hover{background:rgba(155,223,254,.18)}
.kodii-automotive-panel{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px;border-radius:32px;background:linear-gradient(145deg,rgba(155,223,254,.14),rgba(2,48,79,.18));border:1px solid rgba(155,223,254,.24);box-shadow:0 24px 70px rgba(0,0,0,.24);overflow:hidden}
.kodii-automotive-panel:before{content:"";position:absolute;inset:-40% -20% auto auto;width:360px;height:360px;background:radial-gradient(circle,rgba(155,223,254,.24),transparent 64%);pointer-events:none}
.kodii-automotive-card{position:relative;z-index:1;min-height:172px;border-radius:24px;padding:22px;background:linear-gradient(180deg,#ffffff 0%,#edf8ff 100%);border:1px solid rgba(255,255,255,.82);box-shadow:var(--kodii-shadow-soft);display:flex;flex-direction:column;gap:10px;justify-content:flex-start}
.kodii-automotive-card-main{grid-column:span 2;min-height:190px;background:linear-gradient(135deg,#9bdffe 0%,#ffffff 70%)}
.kodii-automotive-card span{color:var(--kodii-blue-dark);font-size:.74rem;text-transform:uppercase;letter-spacing:.15em;font-weight:850}.kodii-automotive-card strong{font-size:clamp(1.35rem,2.4vw,2.15rem);line-height:1.08;color:var(--kodii-ink);font-weight:880;letter-spacing:-.035em}.kodii-automotive-card p{margin:0;color:#456a82;line-height:1.55;font-weight:600}
.kodii-landing-section{padding:clamp(28px,5vw,70px) clamp(18px,4vw,42px)}.kodii-landing-container{max-width:var(--kodii-wide);margin:0 auto}.kodii-section-heading{max-width:820px;margin-bottom:24px}.kodii-section-heading h2,.kodii-cta-card h2{margin:0;color:#fff;font-size:clamp(2rem,4vw,3.55rem);line-height:1.08;letter-spacing:-.04em}.kodii-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kodii-feature-card{background:linear-gradient(180deg,#ffffff 0%,#eef7fc 100%);border:1px solid rgba(255,255,255,.72);border-radius:var(--kodii-radius-lg);padding:clamp(20px,2.6vw,30px);box-shadow:var(--kodii-shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.kodii-feature-card:hover{transform:translateY(-2px);box-shadow:var(--kodii-shadow)}.kodii-feature-card h3{margin:0 0 10px;color:var(--kodii-ink);font-size:1.25rem;letter-spacing:-.025em}.kodii-feature-card p{margin:0;color:#4b6f86;font-weight:600}.kodii-landing-cta{padding:clamp(28px,5vw,70px) clamp(18px,4vw,42px) clamp(46px,7vw,96px)}.kodii-cta-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(24px,4vw,42px);border-radius:30px;background:linear-gradient(135deg,#044e80 0%,#02304f 100%);border:1px solid rgba(155,223,254,.24);box-shadow:0 24px 70px rgba(0,0,0,.22)}.kodii-cta-card .kodii-eyebrow{color:var(--kodii-sky)}.kodii-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.kodii-button-light{background:#fff!important;color:var(--kodii-ink)!important;border-color:rgba(255,255,255,.72)!important}

body.kodii-layout-dashboard .kodii-content-card,
body.kodii-layout-tool .kodii-content-card,
body.kodii-layout-dashboard .kodii-template-dashboard .kodii-content-card,
body.kodii-layout-tool .kodii-template-tool .kodii-content-card,
.kodii-template-data .kodii-content-card,
.kodii-template-admin .kodii-content-card{background:linear-gradient(180deg,#044e80 0%,#02304f 100%);border:2px solid rgba(155,223,254,.20);box-shadow:0 20px 56px rgba(0,0,0,.24)}
body.kodii-layout-dashboard .kodii-page-header,
body.kodii-layout-tool .kodii-page-header,
.kodii-template-data .kodii-page-header,
.kodii-template-admin .kodii-page-header{background:linear-gradient(135deg,#9bdffe 0%,#ffffff 100%);border:1px solid rgba(155,223,254,.72);box-shadow:var(--kodii-shadow-soft)}
body.kodii-layout-dashboard .kodii-page-header h1,
body.kodii-layout-tool .kodii-page-header h1,
.kodii-template-data .kodii-page-header h1,
.kodii-template-admin .kodii-page-header h1{color:var(--kodii-ink)}
body.kodii-layout-dashboard .kodii-page-header .kodii-page-description,
body.kodii-layout-tool .kodii-page-header .kodii-page-description,
.kodii-template-data .kodii-page-header .kodii-page-description,
.kodii-template-admin .kodii-page-header .kodii-page-description{color:#456a82}
body.kodii-layout-dashboard .kodii-page-header .kodii-eyebrow,
body.kodii-layout-tool .kodii-page-header .kodii-eyebrow,
.kodii-template-data .kodii-page-header .kodii-eyebrow,
.kodii-template-admin .kodii-page-header .kodii-eyebrow{color:var(--kodii-blue-dark)}

@media (max-width:980px){.kodii-landing-grid{grid-template-columns:1fr}.kodii-feature-grid{grid-template-columns:1fr}.kodii-cta-card{flex-direction:column;align-items:flex-start}.kodii-automotive-panel{grid-template-columns:1fr}.kodii-automotive-card-main{grid-column:auto}}
@media (max-width:680px){.kodii-landing-hero{padding-top:40px}.kodii-automotive-panel{padding:16px;border-radius:24px}.kodii-automotive-card{border-radius:18px}.kodii-cta-actions,.kodii-cta-actions .kodii-button{width:100%}}


/* Kodii+ Standalone Theme v1.1.6 – Plugin-aligned design system
 * Changelog: v1.1.6 restores the intended Kodii+ hierarchy after the v1.1.5 layer removal was too aggressive.
 * Layer model:
 *   1) Global dark automotive platform background
 *   2) Theme platform frame (#044e80 / #02304f)
 *   3) Kodii+ plugin cards using the plugin palette (#e6f4fb, #cfe9f6, #02304f)
 */
body.kodii-theme.kodii-layout-dashboard .kodii-content-card,
body.kodii-theme.kodii-layout-tool .kodii-content-card,
body.kodii-theme .kodii-template-dashboard .kodii-content-card,
body.kodii-theme .kodii-template-tool .kodii-content-card,
body.kodii-theme .kodii-template-data .kodii-content-card,
body.kodii-theme .kodii-template-admin .kodii-content-card{
  background: #044e80 !important;
  border: 2px solid #02304f !important;
  border-radius: 22px !important;
  box-shadow: 0 20px 56px rgba(0,0,0,.22) !important;
  padding: clamp(18px,2.6vw,32px) !important;
}

body.kodii-theme.kodii-layout-dashboard .kodii-page-header,
body.kodii-theme.kodii-layout-tool .kodii-page-header,
body.kodii-theme .kodii-template-data .kodii-page-header,
body.kodii-theme .kodii-template-admin .kodii-page-header{
  background: linear-gradient(180deg,#cfe9f6 0%,#9bdffe 100%) !important;
  border: 1px solid #02304f !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(2,48,79,.16) !important;
  padding: clamp(16px,2.2vw,24px) !important;
}

body.kodii-theme.kodii-layout-dashboard .kodii-page-header h1,
body.kodii-theme.kodii-layout-tool .kodii-page-header h1,
body.kodii-theme .kodii-template-data .kodii-page-header h1,
body.kodii-theme .kodii-template-admin .kodii-page-header h1,
body.kodii-theme.kodii-layout-dashboard .kodii-page-header .kodii-page-description,
body.kodii-theme.kodii-layout-tool .kodii-page-header .kodii-page-description,
body.kodii-theme .kodii-template-data .kodii-page-header .kodii-page-description,
body.kodii-theme .kodii-template-admin .kodii-page-header .kodii-page-description{
  color:#02304f !important;
}

body.kodii-theme .kodii-profile-dashboard .kodii-plus-frontend,
body.kodii-theme .kodii-profile-tool .kodii-plus-frontend,
body.kodii-theme .kodii-profile-data .kodii-plus-frontend,
body.kodii-theme .kodii-profile-admin .kodii-plus-frontend{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}

/* Keep theme landing/marketing cards modern, but do not affect plugin cards. */
body.kodii-theme .kodii-feature-card,
body.kodii-theme .kodii-automotive-card,
body.kodii-theme .kodii-cluster-card{
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 8px 22px rgba(2,48,79,.10) !important;
}


/* Kodii+ Standalone Theme v1.1.7 – Theme radius reconciliation
 * Changelog: v1.1.7 keeps the Kodii+ plugin color hierarchy from v1.1.6,
 * but replaces copied 5px plugin corner radii with the standalone theme's
 * moderate modern radius system. This avoids a technical/demo-token look
 * such as visible "corner radius" styling while preserving the plugin palette.
 */
body.kodii-theme{
  --kodii-radius-sm: 8px;
  --kodii-radius: 12px;
  --kodii-radius-lg: 18px;
}

body.kodii-theme .kodii-plus-frontend,
body.kodii-theme .kodii-plus-frontend .kodii-plus-shell{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Kodii+ Standalone Theme v1.1.9 – Landingpage Foundation
 * Changelog: v1.1.9 rebuilds the public landing page as a dedicated English template,
 * keeps the primary menu managed by WordPress and adds contextual header actions.
 */
.kodii-header-inner{position:relative}
.kodii-header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.kodii-header-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border-radius:999px;border:1px solid rgba(155,223,254,.25);color:rgba(255,255,255,.88);font-weight:800;font-size:.92rem;line-height:1;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.kodii-header-action:hover{color:#fff;background:rgba(155,223,254,.14);transform:translateY(-1px)}
.kodii-header-action-primary{background:linear-gradient(135deg,var(--kodii-blue),var(--kodii-blue-dark));border-color:rgba(155,223,254,.3);color:#fff;box-shadow:0 10px 22px rgba(8,139,228,.22)}
.kodii-header-action-primary:hover{background:linear-gradient(135deg,#12a0ff,var(--kodii-blue-dark));box-shadow:0 13px 26px rgba(8,139,228,.28)}
.kodii-landing-foundation .kodii-landing-copy h1{max-width:900px}
.kodii-landing-foundation .kodii-landing-lead{max-width:820px}
.kodii-landing-platform-panel{isolation:isolate}
.kodii-landing-trust .kodii-section-heading h2,
.kodii-landing-workshop .kodii-split-copy h2,
.kodii-landing-subscriptions h2{color:#fff}
.kodii-trust-grid .kodii-feature-card{min-height:210px}
.kodii-split-section{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:clamp(22px,4vw,52px);align-items:center;padding:clamp(22px,3.5vw,42px);border-radius:var(--kodii-radius-lg);background:linear-gradient(135deg,rgba(155,223,254,.16),rgba(2,48,79,.22));border:1px solid rgba(155,223,254,.22);box-shadow:0 20px 56px rgba(0,0,0,.18)}
.kodii-split-copy p:not(.kodii-eyebrow){color:rgba(255,255,255,.82);font-size:1.05rem;max-width:780px}
.kodii-workshop-list{display:grid;gap:14px}
.kodii-workshop-item{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,#ffffff 0%,#eef7fc 100%);border:1px solid rgba(255,255,255,.72);border-radius:var(--kodii-radius);padding:18px 20px;box-shadow:var(--kodii-shadow-soft)}
.kodii-workshop-item span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:999px;background:#02304f;color:#9bdffe;font-family:var(--kodii-mono);font-weight:900;font-size:.92rem}
.kodii-workshop-item strong{color:var(--kodii-ink);font-size:1.05rem;letter-spacing:-.02em}
.kodii-subscription-card{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:clamp(24px,4vw,42px);border-radius:var(--kodii-radius-lg);background:linear-gradient(135deg,#9bdffe 0%,#ffffff 76%);border:1px solid rgba(255,255,255,.7);box-shadow:var(--kodii-shadow)}
.kodii-subscription-card h2{margin:0;color:var(--kodii-ink);font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.04em}
.kodii-subscription-card p:not(.kodii-eyebrow){margin:14px 0 0;color:#456a82;font-weight:650;max-width:760px}
.kodii-landing-foundation .kodii-button,
.kodii-cta-card .kodii-button,
.kodii-subscription-card .kodii-button{white-space:nowrap}
@media (max-width:1180px){.kodii-header-inner{gap:16px}.kodii-menu a{padding-left:11px;padding-right:11px}.kodii-header-actions{gap:8px}.kodii-header-action{padding-left:12px;padding-right:12px}}
@media (max-width:980px){.kodii-header-actions{margin-left:auto}.kodii-primary-nav{right:16px;left:16px}.kodii-nav-open .kodii-primary-nav{display:block}.kodii-split-section{grid-template-columns:1fr}.kodii-subscription-card{flex-direction:column;align-items:flex-start}.kodii-subscription-card .kodii-button{width:100%}}
@media (max-width:680px){.kodii-header-inner{min-height:76px}.kodii-header-actions{order:3;width:100%;justify-content:flex-start}.kodii-header-inner{flex-wrap:wrap}.kodii-nav-toggle{margin-left:auto}.kodii-primary-nav{top:calc(100% + 8px)}.kodii-landing-copy h1{font-size:clamp(2.45rem,13vw,3.25rem)}.kodii-workshop-item{align-items:flex-start}.kodii-hero-actions .kodii-button{width:100%}}

/* Kodii+ Standalone Theme v1.1.9 – Header Navigation Bugfix */
.kodii-header-actions:empty{display:none!important}

/* Kodii+ Standalone Theme v1.2.0 – Dashboard Foundation
 * Changelog: v1.2.0 adds the first dedicated Kodii+ dashboard workspace and global Divi legacy cleanup.
 */
body.kodii-theme [class^="et_pb_"],
body.kodii-theme [class*=" et_pb_"],
body.kodii-theme .et_builder_inner_content,
body.kodii-theme .et-l,
body.kodii-theme .et_pb_section,
body.kodii-theme .et_pb_row,
body.kodii-theme .et_pb_column,
body.kodii-theme .et_pb_module{
  display:none !important;
}
body.kodii-theme .kodii-plus-frontend [class^="et_pb_"],
body.kodii-theme .kodii-plus-frontend [class*=" et_pb_"],
body.kodii-theme .kodii-dashboard-foundation [class^="et_pb_"],
body.kodii-theme .kodii-dashboard-foundation [class*=" et_pb_"]{
  display:none !important;
}
.kodii-dashboard-foundation{padding:clamp(28px,4vw,58px) clamp(16px,3vw,34px)}
.kodii-dashboard-container{max-width:var(--kodii-wide);margin:0 auto;display:flex;flex-direction:column;gap:22px}
.kodii-dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:#044e80;border:2px solid #02304f;border-radius:22px;box-shadow:0 20px 56px rgba(0,0,0,.22);padding:clamp(22px,3.2vw,40px);color:#fff;position:relative;overflow:hidden}
.kodii-dashboard-hero:before{content:"";position:absolute;inset:-30% -20% auto auto;width:540px;height:540px;background:radial-gradient(circle,rgba(155,223,254,.28),transparent 68%);pointer-events:none}.kodii-dashboard-hero>*{position:relative;z-index:1}
.kodii-dashboard-hero .kodii-eyebrow{color:#9bdffe}.kodii-dashboard-hero h1{margin:0;color:#fff;font-size:clamp(2.1rem,4.4vw,4rem);line-height:1.05;letter-spacing:-.045em}.kodii-dashboard-hero p:not(.kodii-eyebrow){max-width:760px;margin:12px 0 0;color:rgba(255,255,255,.84);font-weight:600}.kodii-dashboard-hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.kodii-dashboard-hero-actions .kodii-button-secondary{background:rgba(255,255,255,.10);border-color:rgba(155,223,254,.34);color:#fff!important}
.kodii-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kodii-dashboard-kpi{background:linear-gradient(180deg,#cfe9f6 0%,#9bdffe 100%);border:1px solid #02304f;border-radius:14px;box-shadow:0 8px 22px rgba(2,48,79,.16);padding:20px;color:#02304f;min-height:158px;display:flex;flex-direction:column;justify-content:space-between}.kodii-dashboard-kpi span{font-size:.74rem;text-transform:uppercase;letter-spacing:.15em;font-weight:850;color:#066cb1}.kodii-dashboard-kpi strong{display:block;font-size:1.42rem;line-height:1.1;letter-spacing:-.035em;color:#02304f}.kodii-dashboard-kpi p{margin:10px 0 0;color:#315b75;font-weight:650;font-size:.94rem}
.kodii-dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kodii-dashboard-actions a{display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,#ffffff 0%,#e6f4fb 100%);border:1px solid #02304f;border-radius:14px;padding:17px 18px;box-shadow:0 8px 22px rgba(2,48,79,.14);transition:transform .18s ease,box-shadow .18s ease}.kodii-dashboard-actions a:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(2,48,79,.18)}.kodii-dashboard-actions span{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:#066cb1;font-weight:850}.kodii-dashboard-actions strong{color:#02304f;font-size:1.08rem;letter-spacing:-.02em}
.kodii-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:22px}.kodii-dashboard-panel{background:#044e80;border:2px solid #02304f;border-radius:22px;box-shadow:0 20px 56px rgba(0,0,0,.20);padding:clamp(18px,2.5vw,30px);color:#02304f}.kodii-dashboard-panel-heading{background:linear-gradient(180deg,#cfe9f6 0%,#9bdffe 100%);border:1px solid #02304f;border-radius:14px;box-shadow:0 8px 22px rgba(2,48,79,.16);padding:16px 18px;margin-bottom:18px}.kodii-dashboard-panel-heading h2{margin:0;color:#02304f;font-size:clamp(1.45rem,2.3vw,2.15rem);line-height:1.1;letter-spacing:-.035em}.kodii-dashboard-panel-heading .kodii-eyebrow{margin-bottom:6px}.kodii-dashboard-shortcode{background:transparent;color:#02304f}.kodii-dashboard-panel .kodii-plus-frontend,.kodii-dashboard-panel .kodii-plus-frontend .kodii-plus-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}.kodii-dashboard-empty{background:#e6f4fb;border:1px solid #02304f;border-radius:5px;padding:18px;color:#02304f}.kodii-dashboard-empty strong{display:block;margin-bottom:5px}.kodii-dashboard-empty p{margin:0;color:#315b75;font-weight:650}.kodii-dashboard-link-list{display:grid;gap:10px}.kodii-dashboard-link-list a{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:12px 14px;background:#e6f4fb;border:1px solid #02304f;border-radius:5px;color:#02304f;font-weight:800}.kodii-dashboard-link-list a:hover{background:#cfe9f6;color:#02304f}.kodii-dashboard-status-output{margin-top:16px}.kodii-dashboard-activity{margin-top:0}
body.kodii-page-dashboard .kodii-page-wrap{display:none!important}
body.kodii-page-dashboard .kodii-main{background:transparent}
@media (max-width:1120px){.kodii-dashboard-kpis,.kodii-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.kodii-dashboard-grid{grid-template-columns:1fr}.kodii-dashboard-hero{align-items:flex-start;flex-direction:column}.kodii-dashboard-hero-actions{justify-content:flex-start}}
@media (max-width:640px){.kodii-dashboard-foundation{padding:22px 14px}.kodii-dashboard-kpis,.kodii-dashboard-actions{grid-template-columns:1fr}.kodii-dashboard-hero-actions,.kodii-dashboard-hero-actions .kodii-button{width:100%}.kodii-dashboard-panel{border-radius:18px;padding:16px}.kodii-dashboard-hero{border-radius:18px}}


/* v1.2.2: Targeted Divi Legacy Cleanup
   Hide only real Divi/Builder remnants. Kodii+ Theme page headers remain visible. */
.kodii-theme .et_builder_inner_content > .et_pb_section:first-child:empty,
.kodii-theme .et_pb_section.kodii-divi-legacy-start,
.kodii-theme .kodii-divi-legacy-start {
  display: none !important;
}

/* Kodii+ Standalone Theme v1.2.3 – Authentication Foundation
 * Changelog:
 * - v1.2.3 (2026-05-30): Adds dedicated Login/Register/Subscriptions layouts and styles.
 *   Divi/rdivi authentication leftovers are no longer part of these pages.
 */
.kodii-auth-page{padding:clamp(34px,5vw,72px) clamp(16px,3vw,34px)}
.kodii-auth-container{max-width:var(--kodii-wide);margin:0 auto}
.kodii-auth-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);gap:clamp(22px,4vw,48px);align-items:stretch;background:linear-gradient(180deg,#044e80 0%,#02304f 100%);border:2px solid rgba(155,223,254,.22);border-radius:var(--kodii-radius-lg);box-shadow:0 22px 62px rgba(0,0,0,.24);padding:clamp(20px,3.5vw,42px);overflow:hidden;position:relative}
.kodii-auth-panel:before{content:"";position:absolute;inset:-35% auto auto -18%;width:520px;height:520px;background:radial-gradient(circle,rgba(155,223,254,.22),transparent 66%);pointer-events:none}.kodii-auth-panel>*{position:relative;z-index:1}.kodii-auth-panel-wide{grid-template-columns:minmax(280px,.64fr) minmax(0,1.36fr)}
.kodii-auth-copy{color:#fff;display:flex;flex-direction:column;justify-content:center}.kodii-auth-copy .kodii-eyebrow{color:var(--kodii-sky)}.kodii-auth-copy h1{margin:0;color:#fff;font-size:clamp(2.35rem,4.8vw,4.7rem);line-height:1.04;letter-spacing:-.052em}.kodii-auth-copy p:not(.kodii-eyebrow){max-width:640px;margin:18px 0 0;color:rgba(255,255,255,.82);font-weight:650;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.72}.kodii-auth-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.kodii-auth-links a{color:#fff;font-weight:850;border-bottom:1px solid rgba(155,223,254,.45);padding-bottom:2px}.kodii-auth-links a:hover{color:var(--kodii-sky)}
.kodii-auth-form-card{background:linear-gradient(180deg,#ffffff 0%,#eaf7fd 100%);border:1px solid rgba(255,255,255,.72);border-radius:var(--kodii-radius-lg);box-shadow:var(--kodii-shadow);padding:clamp(18px,3vw,34px);color:var(--kodii-ink);min-height:280px}.kodii-auth-form-card form{margin:0}.kodii-auth-form-card label{display:block;color:var(--kodii-ink);font-weight:800;margin-bottom:7px}.kodii-auth-form-card input[type=text],.kodii-auth-form-card input[type=email],.kodii-auth-form-card input[type=password],.kodii-auth-form-card select,.kodii-auth-form-card textarea{width:100%}.kodii-auth-form-card .login-remember label{display:flex;align-items:center;gap:8px;font-weight:700}.kodii-auth-form-card input[type=submit],.kodii-auth-form-card button[type=submit]{margin-top:10px;background:linear-gradient(135deg,var(--kodii-blue),var(--kodii-blue-dark));color:#fff!important;border-color:transparent;border-radius:999px;font-weight:850;box-shadow:0 10px 22px rgba(8,139,228,.25)}
.kodii-auth-notice{background:#e6f4fb;border:1px solid #02304f;border-radius:var(--kodii-radius);padding:18px;color:#02304f}.kodii-auth-notice strong{display:block;font-size:1.08rem;margin-bottom:6px}.kodii-auth-notice p{margin:0 0 14px;color:#315b75;font-weight:650}.kodii-auth-section-heading{margin-bottom:18px}.kodii-auth-section-heading h2{margin:0;color:var(--kodii-ink);font-size:clamp(1.5rem,2.6vw,2.35rem);letter-spacing:-.035em}.kodii-auth-section-heading p{margin:8px 0 0;color:#4b6f86;font-weight:650}
.kodii-membership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kodii-membership-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:linear-gradient(180deg,#fff 0%,#eef7fc 100%);border:1px solid var(--kodii-border);border-radius:var(--kodii-radius);box-shadow:var(--kodii-shadow-soft);padding:20px;min-height:220px}.kodii-membership-card h3{margin:0;color:var(--kodii-ink);font-size:1.32rem;line-height:1.15;letter-spacing:-.025em}.kodii-membership-card p:not(.kodii-eyebrow){margin:0;color:#4b6f86;font-weight:650;line-height:1.58}.kodii-membership-card .kodii-button{margin-top:auto}.kodii-membership-card .kodii-eyebrow{margin-bottom:-4px}
.kodii-subscriptions-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:#044e80;border:2px solid #02304f;border-radius:var(--kodii-radius-lg);box-shadow:0 20px 56px rgba(0,0,0,.22);padding:clamp(22px,3.2vw,40px);color:#fff;margin-bottom:22px;position:relative;overflow:hidden}.kodii-subscriptions-hero:before{content:"";position:absolute;inset:-45% -20% auto auto;width:560px;height:560px;background:radial-gradient(circle,rgba(155,223,254,.24),transparent 68%);pointer-events:none}.kodii-subscriptions-hero>*{position:relative;z-index:1}.kodii-subscriptions-hero .kodii-eyebrow{color:#9bdffe}.kodii-subscriptions-hero h1{margin:0;color:#fff;font-size:clamp(2.25rem,4.6vw,4.4rem);line-height:1.05;letter-spacing:-.052em}.kodii-subscriptions-hero p:not(.kodii-eyebrow){max-width:780px;margin:14px 0 0;color:rgba(255,255,255,.84);font-weight:650;line-height:1.68}.kodii-subscriptions-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.kodii-subscriptions-panel{display:block}.kodii-subscriptions-content{margin-bottom:24px}.kodii-subscriptions-content .kodii-plus-frontend,.kodii-subscriptions-content .kodii-plus-frontend .kodii-plus-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}
body.kodii-page-login .kodii-page-wrap,body.kodii-page-register .kodii-page-wrap,body.kodii-page-subscriptions .kodii-page-wrap{display:none!important}
@media (max-width:980px){.kodii-auth-panel,.kodii-auth-panel-wide{grid-template-columns:1fr}.kodii-membership-grid{grid-template-columns:1fr}.kodii-subscriptions-hero{align-items:flex-start;flex-direction:column}.kodii-subscriptions-actions{justify-content:flex-start}.kodii-auth-copy{justify-content:flex-start}}
@media (max-width:680px){.kodii-auth-page{padding:22px 14px}.kodii-auth-panel,.kodii-subscriptions-hero{border-radius:18px;padding:18px}.kodii-auth-form-card{border-radius:18px;padding:18px}.kodii-subscriptions-actions,.kodii-subscriptions-actions .kodii-button{width:100%}}


/* Kodii+ Standalone Theme v1.2.5 - Editable Content Polish */
.kodii-card-link {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .85rem;
    font-weight: 700;
    color: var(--kodii-accent, #088be4);
    text-decoration: none;
}
.kodii-card-link:hover {
    text-decoration: underline;
}
.kodii-dashboard-kpis.kodii-dashboard-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kodii-dashboard-kpis.kodii-dashboard-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.kodii-dashboard-kpis.kodii-dashboard-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kodii-auth-helper {
    font-size: .95rem;
    opacity: .82;
}
@media (max-width: 980px) {
    .kodii-dashboard-kpis.kodii-dashboard-columns-2,
    .kodii-dashboard-kpis.kodii-dashboard-columns-3,
    .kodii-dashboard-kpis.kodii-dashboard-columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .kodii-dashboard-kpis.kodii-dashboard-columns-2,
    .kodii-dashboard-kpis.kodii-dashboard-columns-3,
    .kodii-dashboard-kpis.kodii-dashboard-columns-4 {
        grid-template-columns: 1fr;
    }
}

/* Kodii+ Standalone Theme v1.3.0 - Dashboard Foundation Ausbau
 * Changelog:
 * - v1.3.0 (2026-05-30): Enhances the Dashboard workspace with stronger hero status, quick actions, account status and activity layout.
 */
.kodii-dashboard-v130 .kodii-dashboard-container{
    gap:clamp(18px,2.4vw,28px);
}
.kodii-dashboard-workspace-hero{
    align-items:stretch;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(220px,.28fr);
}
.kodii-dashboard-workspace-hero .kodii-dashboard-hero-copy{
    align-self:center;
}
.kodii-dashboard-hero-status{
    align-self:center;
    display:grid;
    gap:10px;
    min-width:210px;
}
.kodii-dashboard-hero-status div{
    background:rgba(155,223,254,.14);
    border:1px solid rgba(155,223,254,.34);
    border-radius:var(--kodii-radius);
    padding:13px 15px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.kodii-dashboard-hero-status span{
    display:block;
    color:rgba(255,255,255,.72);
    font-size:.72rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    font-weight:850;
}
.kodii-dashboard-hero-status strong{
    display:block;
    margin-top:4px;
    color:#fff;
    font-size:1.14rem;
    letter-spacing:-.02em;
}
.kodii-dashboard-workspace-hero .kodii-dashboard-hero-actions{
    grid-column:1 / -1;
    justify-content:flex-start;
    padding-top:4px;
}
.kodii-dashboard-v130 .kodii-dashboard-kpi{
    position:relative;
    overflow:hidden;
}
.kodii-dashboard-v130 .kodii-dashboard-kpi:after{
    content:"";
    position:absolute;
    right:-44px;
    top:-44px;
    width:120px;
    height:120px;
    border-radius:999px;
    background:rgba(255,255,255,.32);
    pointer-events:none;
}
.kodii-dashboard-v130 .kodii-dashboard-kpi > *{
    position:relative;
    z-index:1;
}
.kodii-dashboard-action-panel{
    padding:clamp(16px,2vw,24px);
}
.kodii-dashboard-panel-heading-inline{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
}
.kodii-dashboard-panel-heading-inline > p{
    margin:0;
    max-width:520px;
    color:#315b75;
    font-weight:650;
    line-height:1.58;
}
.kodii-dashboard-actions-v130{
    margin-top:0;
}
.kodii-dashboard-actions-v130 a{
    min-height:98px;
}
.kodii-dashboard-workspace-grid{
    grid-template-columns:minmax(0,1.58fr) minmax(300px,.72fr);
}
.kodii-dashboard-v130 .kodii-dashboard-panel-heading p:not(.kodii-eyebrow){
    margin:8px 0 0;
    color:#315b75;
    font-weight:650;
    line-height:1.55;
}
.kodii-dashboard-link-list-v130 a{
    gap:12px;
}
.kodii-dashboard-link-list-v130 a span{
    min-width:0;
}
.kodii-dashboard-link-list-v130 a strong{
    font-size:1.1rem;
    color:#066cb1;
}
.kodii-dashboard-activity-output{
    min-height:90px;
}
@media (max-width:1120px){
    .kodii-dashboard-workspace-hero{
        grid-template-columns:1fr;
    }
    .kodii-dashboard-hero-status{
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:100%;
    }
    .kodii-dashboard-panel-heading-inline{
        align-items:flex-start;
        flex-direction:column;
    }
}
@media (max-width:640px){
    .kodii-dashboard-hero-status{
        grid-template-columns:1fr;
    }
    .kodii-dashboard-panel-heading-inline > p{
        max-width:none;
    }
}


/* Kodii+ Standalone Theme v1.3.1 - Plugin Style Protection Layer
 * Changelog: v1.3.1 keeps all Kodii+ plugin shortcode components visually owned by the plugin.
 * The theme only neutralizes the technical wrapper frame around shortcode output.
 */
body.kodii-theme .kodii-plugin-output,
body.kodii-theme .kodii-plus-frontend,
body.kodii-theme .kodii-plus-frontend .kodii-plus-shell{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
}

body.kodii-theme .kodii-plugin-output{
  color: inherit;
}

body.kodii-theme .kodii-plugin-output .kodii-plus-frontend,
body.kodii-theme .kodii-plugin-output .kodii-plus-shell{
  max-width: none !important;
}

.kodii-dashboard-hero-status strong{
  font-size: clamp(1rem, 1.6vw, 1.3rem);
  word-break: normal;
}

.kodii-subscriptions-panel .kodii-auth-section-heading{
  background: linear-gradient(180deg,#cfe9f6 0%,#9bdffe 100%);
  border: 1px solid #02304f;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(2,48,79,.16);
  padding: 16px 18px;
}
.kodii-subscriptions-panel .kodii-auth-section-heading .kodii-eyebrow{
  margin:0 0 6px;
}


/* Kodii+ Standalone Theme v1.4.0 - Navigation & Unified Design System Foundation
 * Changelog: v1.4.0 makes WordPress menus authoritative, supports admin-only menus,
 * gives the standalone theme visual control over Kodii+ plugin shortcodes, keeps external
 * shortcode output neutral by default, and improves wpDataTables compatibility.
 */
.kodii-primary-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.kodii-role-nav-wrap{display:flex;align-items:center;margin-left:6px;padding-left:10px;border-left:1px solid rgba(155,223,254,.18)}.kodii-menu-additional a{background:transparent;border:0;box-shadow:none}.kodii-menu-user a{color:rgba(155,223,254,.92)}.kodii-menu-admin a{color:rgba(255,255,255,.72)}.kodii-menu-additional li.current-menu-item>a,.kodii-menu-additional li.current_page_item>a,.kodii-menu-additional a:hover{background:rgba(155,223,254,.14);box-shadow:inset 0 0 0 1px rgba(155,223,254,.18);color:#fff}.kodii-menu .sub-menu{position:absolute;z-index:100;display:none;min-width:220px;margin:0;padding:8px;list-style:none;background:#02304f;border:1px solid rgba(155,223,254,.24);border-radius:14px;box-shadow:0 18px 42px rgba(0,0,0,.22)}.kodii-menu li{position:relative}.kodii-menu li:hover>.sub-menu,.kodii-menu li:focus-within>.sub-menu{display:block}.kodii-menu .sub-menu a{display:flex;width:100%;border-radius:10px;white-space:nowrap}.kodii-dashboard-navigation-panel{padding:clamp(16px,2vw,24px)}.kodii-dashboard-menu-card{margin-top:16px}.kodii-dashboard-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;list-style:none;margin:0;padding:0}.kodii-dashboard-menu li{margin:0}.kodii-dashboard-menu a{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:14px 16px;border-radius:var(--kodii-radius);background:linear-gradient(180deg,#fff,#eef7fc);border:1px solid var(--kodii-border);box-shadow:var(--kodii-shadow-soft);color:var(--kodii-ink);font-weight:850}.kodii-dashboard-menu a:hover{transform:translateY(-1px);color:var(--kodii-blue-dark)}
.kodii-eyebrow{font-size:.7rem;letter-spacing:.145em;margin-bottom:6px}.kodii-subscriptions-panel .kodii-auth-section-heading{padding:13px 16px}.kodii-auth-section-heading h2,.kodii-dashboard-panel-heading h2{line-height:1.14}
body.kodii-theme .kodii-plugin-output,body.kodii-theme .kodii-plus-frontend,body.kodii-theme .kodii-plus-frontend .kodii-plus-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;outline:0!important;max-width:none!important}.kodii-plus-frontend .kodii-plus-card,.kodii-plugin-output .kodii-plus-card{background:linear-gradient(180deg,#ffffff 0%,#eef7fc 100%)!important;border:1px solid var(--kodii-border)!important;border-radius:var(--kodii-radius)!important;box-shadow:var(--kodii-shadow-soft)!important;color:var(--kodii-ink)!important}.kodii-plus-frontend .kodii-plus-card-section-title,.kodii-plus-frontend h1,.kodii-plus-frontend h2,.kodii-plus-frontend h3,.kodii-plugin-output h1,.kodii-plugin-output h2,.kodii-plugin-output h3{color:var(--kodii-ink)!important}.kodii-plus-frontend label,.kodii-plus-frontend .kodii-plus-label,.kodii-plugin-output label{color:var(--kodii-ink)!important}.kodii-plus-frontend input[type=text],.kodii-plus-frontend input[type=email],.kodii-plus-frontend input[type=password],.kodii-plus-frontend input[type=number],.kodii-plus-frontend select,.kodii-plus-frontend textarea,.kodii-plugin-output input[type=text],.kodii-plugin-output input[type=email],.kodii-plugin-output input[type=password],.kodii-plugin-output input[type=number],.kodii-plugin-output select,.kodii-plugin-output textarea{background:#fff!important;color:var(--kodii-ink)!important;border:1px solid var(--kodii-border)!important;border-radius:12px!important;box-shadow:none!important}.kodii-plus-frontend input::placeholder,.kodii-plus-frontend textarea::placeholder{color:var(--kodii-muted)!important}.kodii-plus-frontend button,.kodii-plus-frontend input[type=submit],.kodii-plus-frontend .button,.kodii-plus-frontend .kodii-plus-button,.kodii-plugin-output button,.kodii-plugin-output input[type=submit],.kodii-plugin-output .button{border-radius:999px!important;font-weight:850!important}.kodii-plus-frontend table,.kodii-plugin-output table{color:var(--kodii-ink)!important}.kodii-plus-frontend table th,.kodii-plugin-output table th{background:#eaf5fb!important;color:var(--kodii-ink)!important}.kodii-plus-frontend table td,.kodii-plugin-output table td{color:var(--kodii-ink)!important}.kodii-plus-frontend .kodii-plus-badge,.kodii-plugin-output .kodii-plus-badge{border-radius:999px!important;font-weight:850!important}
/* External shortcode compatibility: do not force Kodii+ visual rules on third-party outputs. */
body.kodii-theme .wpDataTablesWrapper,body.kodii-theme .wpDataTables,body.kodii-theme .dataTables_wrapper{display:block!important;visibility:visible!important;opacity:1!important;max-width:100%;overflow-x:auto;color:inherit}.wpDataTablesWrapper table,.dataTables_wrapper table{width:100%!important}.wpDataTablesWrapper input,.wpDataTablesWrapper select,.dataTables_wrapper input,.dataTables_wrapper select{max-width:100%}
@media (max-width:980px){.kodii-primary-nav{width:100%;display:none;align-items:stretch}.kodii-nav-open .kodii-primary-nav{display:flex}.kodii-role-nav-wrap{margin-left:0;padding-left:0;border-left:0}.kodii-menu,.kodii-menu-admin,.kodii-menu-user{width:100%;flex-direction:column;align-items:stretch}.kodii-menu .sub-menu{position:static;display:block;margin:4px 0 0 14px;box-shadow:none}.kodii-menu a{justify-content:flex-start}}


/* Kodii+ Standalone Theme v1.4.2 - Secondary Role Navigation Bar
 * Changelog: v1.4.2 moves role-specific additional menus out of the header and into
 * a dedicated secondary role navigation bar for both normal users and administrators.
 */
.kodii-header-inner{
  flex-wrap:nowrap;
}
.kodii-primary-nav{
  flex:1 1 auto;
  justify-content:flex-end;
  min-width:0;
}
.kodii-primary-nav > .kodii-menu-primary,
.kodii-primary-nav > .kodii-menu-fallback{
  flex-wrap:wrap;
  justify-content:flex-end;
}
.kodii-primary-nav .kodii-role-nav-wrap{
  display:none!important;
}
.kodii-role-bar{
  position:sticky;
  top:85px;
  z-index:45;
  background:linear-gradient(180deg,rgba(4,78,128,.96) 0%,rgba(2,48,79,.96) 100%);
  border-bottom:1px solid rgba(155,223,254,.20);
  box-shadow:0 10px 24px rgba(0,0,0,.10);
  backdrop-filter:blur(14px);
}
.admin-bar .kodii-role-bar{
  top:117px;
}
.kodii-role-bar-inner{
  max-width:var(--kodii-wide);
  margin:0 auto;
  padding:8px clamp(18px,3vw,36px);
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.kodii-role-bar .kodii-menu{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:nowrap;
  min-width:max-content;
}
.kodii-role-bar .kodii-menu a{
  min-height:34px;
  padding:6px 0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  color:rgba(255,255,255,.82);
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.012em;
  white-space:nowrap;
  position:relative;
}
.kodii-role-bar .kodii-menu-user a{
  color:rgba(155,223,254,.94);
}
.kodii-role-bar .kodii-menu-admin a{
  color:rgba(255,255,255,.86);
}
.kodii-role-bar .kodii-menu a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:1px;
  height:2px;
  background:currentColor;
  opacity:0;
  transform:scaleX(.55);
  transition:opacity .18s ease,transform .18s ease;
  transform-origin:center;
}
.kodii-role-bar .kodii-menu li.current-menu-item>a,
.kodii-role-bar .kodii-menu li.current_page_item>a,
.kodii-role-bar .kodii-menu a:hover{
  color:#fff;
}
.kodii-role-bar .kodii-menu li.current-menu-item>a:after,
.kodii-role-bar .kodii-menu li.current_page_item>a:after,
.kodii-role-bar .kodii-menu a:hover:after{
  opacity:.72;
  transform:scaleX(1);
}
.kodii-role-bar .kodii-menu .sub-menu{
  top:100%;
  left:0;
}
.kodii-role-bar .kodii-menu .sub-menu a{
  padding:8px 10px;
  border-radius:8px;
}
.kodii-role-bar .kodii-menu .sub-menu a:after{
  display:none;
}
@media (max-width:980px){
  .kodii-role-bar{
    position:relative;
    top:auto!important;
  }
  .kodii-role-bar-inner{
    padding-top:9px;
    padding-bottom:9px;
  }
  .kodii-role-bar .kodii-menu{
    gap:16px;
    flex-direction:row;
    align-items:center;
  }
  .kodii-role-bar .kodii-menu .sub-menu{
    position:static;
    display:block;
    min-width:0;
    margin:4px 0 0 10px;
    padding:6px;
    box-shadow:none;
  }
}


/* Kodii+ Standalone Theme v1.4.3 - Integrated Role Navigation Wrap
 * Changelog: v1.4.3 replaces the separate secondary role navigation bar from v1.4.2
 * with an integrated header role menu that may wrap as a complete second line.
 * Role menu items never break internally and keep the main-menu visual language.
 */
.kodii-role-bar{
  display:none!important;
}
.kodii-header-inner{
  flex-wrap:nowrap;
  align-items:center;
}
.kodii-primary-nav{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  align-items:center;
  justify-content:flex-end;
  gap:6px 12px;
  flex-wrap:wrap;
}
.kodii-primary-nav > .kodii-menu-primary,
.kodii-primary-nav > .kodii-menu-fallback{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex:0 1 auto;
  flex-wrap:wrap;
}
.kodii-primary-nav .kodii-role-nav-wrap{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  flex:0 1 auto;
  max-width:100%;
  margin-left:8px;
  padding-left:10px;
  border-left:1px solid rgba(155,223,254,.18);
}
.kodii-primary-nav .kodii-role-nav-wrap .kodii-menu{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}
.kodii-primary-nav .kodii-role-nav-wrap .kodii-menu a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:7px 12px;
  border-radius:999px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(155,223,254,.92);
  font-size:.9rem;
  font-weight:750;
  line-height:1;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
}
.kodii-primary-nav .kodii-role-nav-wrap .kodii-menu-admin a{
  color:rgba(255,255,255,.76);
}
.kodii-primary-nav .kodii-role-nav-wrap .kodii-menu li.current-menu-item>a,
.kodii-primary-nav .kodii-role-nav-wrap .kodii-menu li.current_page_item>a,
.kodii-primary-nav .kodii-role-nav-wrap .kodii-menu a:hover{
  color:#fff;
  background:rgba(155,223,254,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(155,223,254,.18)!important;
}
.kodii-primary-nav .kodii-role-nav-wrap .kodii-menu .sub-menu{
  top:100%;
  left:0;
}
.kodii-primary-nav .kodii-role-nav-wrap .kodii-menu .sub-menu a{
  border-radius:10px;
  width:100%;
  justify-content:flex-start;
}
@media (max-width:980px){
  .kodii-header-inner{
    flex-wrap:wrap;
  }
  .kodii-primary-nav{
    width:100%;
    display:none;
    align-items:stretch;
    justify-content:flex-start;
  }
  .kodii-nav-open .kodii-primary-nav{
    display:flex;
  }
  .kodii-primary-nav > .kodii-menu-primary,
  .kodii-primary-nav > .kodii-menu-fallback,
  .kodii-primary-nav .kodii-role-nav-wrap,
  .kodii-primary-nav .kodii-role-nav-wrap .kodii-menu{
    width:100%;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
  }
  .kodii-primary-nav .kodii-role-nav-wrap{
    margin-left:0;
    padding-left:0;
    padding-top:10px;
    margin-top:8px;
    border-left:0;
    border-top:1px solid rgba(155,223,254,.18);
  }
  .kodii-primary-nav .kodii-role-nav-wrap .kodii-menu a{
    width:100%;
    justify-content:flex-start;
  }
}


/* Kodii+ Standalone Theme v1.4.4 - Navigation Wrap Polish
 * Changelog: v1.4.4 aligns primary navigation and status-specific role navigation as one
 * shared left-aligned menu block next to the logo divider. The divider spans the full menu
 * block height and the logo is vertically centered against the complete wrapped navigation.
 */
@media (min-width:981px){
  .kodii-site-header .kodii-header-inner{
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
  }
  .kodii-site-header .kodii-header-brand{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:stretch;
    padding-right:22px;
  }
  .kodii-site-header .kodii-primary-nav{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    align-content:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:4px 0;
    margin-left:0;
    padding-left:20px;
    border-left:1px solid rgba(155,223,254,.26);
  }
  .kodii-site-header .kodii-primary-nav > .kodii-menu-primary,
  .kodii-site-header .kodii-primary-nav > .kodii-menu-fallback{
    flex:0 0 100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:6px;
    min-width:0;
  }
  .kodii-site-header .kodii-primary-nav .kodii-role-nav-wrap{
    flex:0 0 100%;
    max-width:100%;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    margin:0;
    padding:0;
    border-left:0;
  }
  .kodii-site-header .kodii-primary-nav .kodii-role-nav-wrap .kodii-menu{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:6px;
    min-width:0;
  }
  .kodii-site-header .kodii-menu a,
  .kodii-site-header .kodii-primary-nav .kodii-role-nav-wrap .kodii-menu a{
    white-space:nowrap;
    word-break:keep-all;
    overflow-wrap:normal;
  }
  .kodii-site-header .kodii-primary-nav .kodii-role-nav-wrap:empty{
    display:none!important;
  }
}


/* Kodii+ Standalone Theme v1.4.5 - Navigation Flex-Wrap Fix
 * Changelog: v1.4.5 keeps primary navigation and User/Admin role navigation in one
 * shared header row while space is available. The role menu only wraps when width is
 * insufficient, and the inline divider between primary and role navigation is restored
 * for the single-line state. Existing logo/menu divider behavior from v1.4.4 is kept.
 */
@media (min-width:981px){
  .kodii-site-header .kodii-header-inner{
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
  }
  .kodii-site-header .kodii-header-brand{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:stretch;
    padding-right:22px;
  }
  .kodii-site-header .kodii-primary-nav{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    align-content:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:6px 12px;
    margin-left:0;
    padding-left:20px;
    border-left:1px solid rgba(155,223,254,.26);
  }
  .kodii-site-header .kodii-primary-nav > .kodii-menu-primary,
  .kodii-site-header .kodii-primary-nav > .kodii-menu-fallback{
    flex:0 1 auto;
    width:auto;
    max-width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:6px;
    min-width:0;
  }
  .kodii-site-header .kodii-primary-nav .kodii-role-nav-wrap{
    flex:0 1 auto;
    width:auto;
    max-width:100%;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    margin:0;
    padding-left:12px;
    border-left:1px solid rgba(155,223,254,.22);
    min-width:0;
  }
  .kodii-site-header .kodii-primary-nav .kodii-role-nav-wrap .kodii-menu{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:6px;
    min-width:0;
  }
  .kodii-site-header .kodii-menu a,
  .kodii-site-header .kodii-primary-nav .kodii-role-nav-wrap .kodii-menu a{
    white-space:nowrap;
    word-break:keep-all;
    overflow-wrap:normal;
  }
  .kodii-site-header .kodii-primary-nav .kodii-role-nav-wrap:empty{
    display:none!important;
  }
}
@media (max-width:980px){
  .kodii-site-header .kodii-primary-nav .kodii-role-nav-wrap{
    padding-left:0;
    border-left:0;
  }
}


/* Kodii+ Standalone Theme v1.4.6 - Navigation Divider Wrap Fix
 * Changelog: v1.4.6 hides the inline divider between primary navigation and
 * User/Admin role navigation when the role menu is moved to a second line.
 * The logo/menu divider from v1.4.4 remains unchanged and spans the full menu block.
 */
@media (min-width:981px){
  .kodii-site-header .kodii-primary-nav.kodii-role-wrapped .kodii-role-nav-wrap{
    flex-basis:100%;
    padding-left:0;
    border-left:0;
    margin-left:0;
  }
}


/* Kodii+ Standalone Theme v1.4.8 - Editable Logo Size
 * Changelog: Applies small, medium and large size presets to all header logo sources.
 */
.kodii-header-brand .kodii-brand img,.kodii-header-brand .custom-logo-link img{height:auto;object-fit:contain}
.kodii-header-brand .kodii-brand-size-small img{max-width:120px;max-height:42px}
.kodii-header-brand .kodii-brand-size-medium img{max-width:160px;max-height:54px}
.kodii-header-brand .kodii-brand-size-large img{max-width:200px;max-height:68px}
@media (max-width:680px){
  .kodii-header-brand .kodii-brand-size-small img{max-width:108px;max-height:38px}
  .kodii-header-brand .kodii-brand-size-medium img{max-width:138px;max-height:44px}
  .kodii-header-brand .kodii-brand-size-large img{max-width:166px;max-height:52px}
}


/* Kodii+ Standalone Theme v1.4.9 - Editable Logo Size Fix
 * Changelog: The logo size selector now applies explicit frontend widths instead of only max-width constraints,
 * so Small, Medium and Large visibly affect the selected logo, WordPress Custom Logo and fallback logo.
 */
.kodii-header-brand .kodii-brand-size-small img{width:120px!important;max-width:120px!important;height:auto!important;max-height:42px!important;object-fit:contain}
.kodii-header-brand .kodii-brand-size-medium img{width:160px!important;max-width:160px!important;height:auto!important;max-height:54px!important;object-fit:contain}
.kodii-header-brand .kodii-brand-size-large img{width:200px!important;max-width:200px!important;height:auto!important;max-height:68px!important;object-fit:contain}
@media (max-width:680px){
  .kodii-header-brand .kodii-brand-size-small img{width:108px!important;max-width:108px!important;max-height:38px!important}
  .kodii-header-brand .kodii-brand-size-medium img{width:138px!important;max-width:138px!important;max-height:44px!important}
  .kodii-header-brand .kodii-brand-size-large img{width:166px!important;max-width:166px!important;max-height:52px!important}
}


/* Kodii+ Standalone Theme v1.4.10 - Logo Size Rendering Fix
 * Changelog: Applies Header Logo Size to the actual logo wrapper and image via CSS variables
 * and concrete dimensions so Small, Medium and Large remain visibly different in the frontend.
 */
.kodii-site-header .kodii-header-brand .kodii-brand{width:var(--kodii-header-logo-width,165px)!important;max-width:var(--kodii-header-logo-width,165px)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}
.kodii-site-header .kodii-header-brand .kodii-brand img,.kodii-site-header .kodii-header-brand .kodii-brand.custom-logo-link img{display:block!important;width:var(--kodii-header-logo-width,165px)!important;max-width:var(--kodii-header-logo-width,165px)!important;height:auto!important;max-height:var(--kodii-header-logo-height,54px)!important;object-fit:contain!important}
.kodii-site-header .kodii-header-brand .kodii-brand-size-small{--kodii-header-logo-width:120px;--kodii-header-logo-height:42px}
.kodii-site-header .kodii-header-brand .kodii-brand-size-medium{--kodii-header-logo-width:165px;--kodii-header-logo-height:54px}
.kodii-site-header .kodii-header-brand .kodii-brand-size-large{--kodii-header-logo-width:220px;--kodii-header-logo-height:68px}
@media (max-width:680px){
  .kodii-site-header .kodii-header-brand .kodii-brand-size-small{--kodii-header-logo-width:108px;--kodii-header-logo-height:38px}
  .kodii-site-header .kodii-header-brand .kodii-brand-size-medium{--kodii-header-logo-width:138px;--kodii-header-logo-height:44px}
  .kodii-site-header .kodii-header-brand .kodii-brand-size-large{--kodii-header-logo-width:166px;--kodii-header-logo-height:52px}
}


/* Kodii+ Standalone Theme v1.4.11 - Editable Header Height
 * Changelog: Applies Small / Medium / Large header height presets. Small keeps the v1.4.10 height,
 * Medium increases vertical space by about 10%, and Large by about 20%. The logo remains vertically
 * centered against the full header/menu block.
 */
@media (min-width:981px){
  .kodii-site-header.kodii-header-height-small .kodii-header-inner{min-height:84px;padding-top:14px;padding-bottom:14px}
  .kodii-site-header.kodii-header-height-medium .kodii-header-inner{min-height:92px;padding-top:18px;padding-bottom:18px}
  .kodii-site-header.kodii-header-height-large .kodii-header-inner{min-height:101px;padding-top:22px;padding-bottom:22px}
  .kodii-site-header.kodii-header-height-medium .kodii-header-brand,
  .kodii-site-header.kodii-header-height-large .kodii-header-brand{align-self:stretch;align-items:center}
}
@media (max-width:980px){
  .kodii-site-header.kodii-header-height-small .kodii-header-inner{min-height:76px;padding-top:12px;padding-bottom:12px}
  .kodii-site-header.kodii-header-height-medium .kodii-header-inner{min-height:84px;padding-top:15px;padding-bottom:15px}
  .kodii-site-header.kodii-header-height-large .kodii-header-inner{min-height:91px;padding-top:18px;padding-bottom:18px}
}


/* Kodii+ Standalone Theme v1.4.12 - Header Height Setting Fix
 * Changelog: Ensures the Header Height setting visibly affects the frontend by applying
 * stronger rules to both the header wrapper and inner header layout. Backend labels are
 * simplified to Small, Medium and Large in functions.php.
 */
@media (min-width:981px){
  .kodii-site-header.kodii-header-height-small{--kodii-header-min-height:84px;--kodii-header-pad-y:14px}
  .kodii-site-header.kodii-header-height-medium{--kodii-header-min-height:96px;--kodii-header-pad-y:20px}
  .kodii-site-header.kodii-header-height-large{--kodii-header-min-height:108px;--kodii-header-pad-y:26px}
  .kodii-site-header.kodii-header-height-small,
  .kodii-site-header.kodii-header-height-medium,
  .kodii-site-header.kodii-header-height-large{
    min-height:var(--kodii-header-min-height)!important;
  }
  .kodii-site-header.kodii-header-height-small .kodii-header-inner,
  .kodii-site-header.kodii-header-height-medium .kodii-header-inner,
  .kodii-site-header.kodii-header-height-large .kodii-header-inner{
    min-height:var(--kodii-header-min-height)!important;
    padding-top:var(--kodii-header-pad-y)!important;
    padding-bottom:var(--kodii-header-pad-y)!important;
  }
  .kodii-site-header.kodii-header-height-small .kodii-header-brand,
  .kodii-site-header.kodii-header-height-medium .kodii-header-brand,
  .kodii-site-header.kodii-header-height-large .kodii-header-brand{
    min-height:calc(var(--kodii-header-min-height) - (2 * var(--kodii-header-pad-y)))!important;
    align-self:stretch!important;
    align-items:center!important;
  }
}
@media (max-width:980px){
  .kodii-site-header.kodii-header-height-small{--kodii-header-min-height:76px;--kodii-header-pad-y:12px}
  .kodii-site-header.kodii-header-height-medium{--kodii-header-min-height:84px;--kodii-header-pad-y:15px}
  .kodii-site-header.kodii-header-height-large{--kodii-header-min-height:92px;--kodii-header-pad-y:18px}
  .kodii-site-header.kodii-header-height-small,
  .kodii-site-header.kodii-header-height-medium,
  .kodii-site-header.kodii-header-height-large{
    min-height:var(--kodii-header-min-height)!important;
  }
  .kodii-site-header.kodii-header-height-small .kodii-header-inner,
  .kodii-site-header.kodii-header-height-medium .kodii-header-inner,
  .kodii-site-header.kodii-header-height-large .kodii-header-inner{
    min-height:var(--kodii-header-min-height)!important;
    padding-top:var(--kodii-header-pad-y)!important;
    padding-bottom:var(--kodii-header-pad-y)!important;
  }
}


/* Kodii+ Standalone Theme v1.4.13 - Header Height Cache/Rendering Fix
 * Changelog: Final high-specificity frontend rules for Header Height. The selected size
 * is written as CSS variables on .kodii-site-header and the theme asset version is updated
 * to avoid stale cached CSS.
 */
@media (min-width:981px){
  body .kodii-site-shell .kodii-site-header.kodii-header-height-small{--kodii-header-height-desktop:84px!important;--kodii-header-pad-y:14px!important}
  body .kodii-site-shell .kodii-site-header.kodii-header-height-medium{--kodii-header-height-desktop:96px!important;--kodii-header-pad-y:20px!important}
  body .kodii-site-shell .kodii-site-header.kodii-header-height-large{--kodii-header-height-desktop:108px!important;--kodii-header-pad-y:26px!important}
  body .kodii-site-shell .kodii-site-header[class*="kodii-header-height-"]{min-height:var(--kodii-header-height-desktop)!important}
  body .kodii-site-shell .kodii-site-header[class*="kodii-header-height-"] > .kodii-header-inner{min-height:var(--kodii-header-height-desktop)!important;padding-top:var(--kodii-header-pad-y)!important;padding-bottom:var(--kodii-header-pad-y)!important;box-sizing:border-box!important}
  body .kodii-site-shell .kodii-site-header[class*="kodii-header-height-"] .kodii-header-brand{align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important}
}
@media (max-width:980px){
  body .kodii-site-shell .kodii-site-header.kodii-header-height-small{--kodii-header-height-mobile:76px!important;--kodii-header-pad-y:12px!important}
  body .kodii-site-shell .kodii-site-header.kodii-header-height-medium{--kodii-header-height-mobile:84px!important;--kodii-header-pad-y:15px!important}
  body .kodii-site-shell .kodii-site-header.kodii-header-height-large{--kodii-header-height-mobile:92px!important;--kodii-header-pad-y:18px!important}
  body .kodii-site-shell .kodii-site-header[class*="kodii-header-height-"]{min-height:var(--kodii-header-height-mobile)!important}
  body .kodii-site-shell .kodii-site-header[class*="kodii-header-height-"] > .kodii-header-inner{min-height:var(--kodii-header-height-mobile)!important;padding-top:var(--kodii-header-pad-y)!important;padding-bottom:var(--kodii-header-pad-y)!important;box-sizing:border-box!important}
}


/* Kodii+ Standalone Theme v1.4.15 - Dashboard Adaptive Section Layout
 * Changelog: v1.4.15 makes dashboard sections adapt to visible content.
 * Account Status becomes a full-width section and remaining sections no longer leave empty grid columns when other sections are disabled.
 */
body.kodii-theme .kodii-dashboard-adaptive-grid{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:22px;
    align-items:start;
}
body.kodii-theme .kodii-dashboard-adaptive-grid > .kodii-dashboard-panel{
    min-width:0;
}
body.kodii-theme .kodii-dashboard-adaptive-grid > .kodii-dashboard-panel-main{
    grid-column:1 / -1;
}
body.kodii-theme .kodii-dashboard-adaptive-grid > .kodii-dashboard-panel-side{
    grid-column:1 / -1;
}
body.kodii-theme .kodii-dashboard-adaptive-grid:not(.has-account-status) > .kodii-dashboard-panel-main,
body.kodii-theme .kodii-dashboard-adaptive-grid:not(.has-calculator-access) > .kodii-dashboard-panel-side{
    grid-column:1 / -1;
}
body.kodii-theme .kodii-dashboard-adaptive-grid .kodii-dashboard-panel{
    height:auto;
}
@media (min-width:1180px){
    body.kodii-theme .kodii-dashboard-adaptive-grid.kodii-dashboard-grid{
        grid-template-columns:repeat(12,minmax(0,1fr));
    }
}
@media (max-width:980px){
    body.kodii-theme .kodii-dashboard-adaptive-grid{
        grid-template-columns:1fr;
    }
    body.kodii-theme .kodii-dashboard-adaptive-grid > .kodii-dashboard-panel-main,
    body.kodii-theme .kodii-dashboard-adaptive-grid > .kodii-dashboard-panel-side{
        grid-column:1 / -1;
    }
}


/* Kodii+ Standalone Theme v1.4.16 - Dashboard Hybrid Sidebar Layout
 * Changelog: Restores Account Status as a right 1/3 sidebar while visible dashboard
 * sections flow naturally beside it and then full-width below it. If Account Status is
 * disabled, all sections use the full dashboard width without empty columns.
 */
body.kodii-theme .kodii-dashboard-hybrid-layout{
    display:block;
    clear:both;
    margin-top:22px;
}
body.kodii-theme .kodii-dashboard-hybrid-layout::after{
    content:"";
    display:block;
    clear:both;
}
body.kodii-theme .kodii-dashboard-hybrid-layout .kodii-dashboard-flow-section{
    margin:0 0 22px;
    min-width:0;
    overflow:hidden;
}
body.kodii-theme .kodii-dashboard-hybrid-layout.has-account-status .kodii-dashboard-account-sidebar{
    float:right;
    width:min(34%, 420px);
    min-width:300px;
    margin:0 0 22px 22px;
    box-sizing:border-box;
}
body.kodii-theme .kodii-dashboard-hybrid-layout:not(.has-account-status) .kodii-dashboard-flow-section{
    width:100%;
}
body.kodii-theme .kodii-dashboard-hybrid-layout.has-account-status .kodii-dashboard-flow-section{
    box-sizing:border-box;
}
body.kodii-theme .kodii-dashboard-hybrid-layout.has-account-status .kodii-dashboard-flow-section:has(.kodii-dashboard-activity-output){
    /* Activity sections can flow beside the sidebar first and automatically expand once below it. */
}
@media (max-width:1120px){
    body.kodii-theme .kodii-dashboard-hybrid-layout.has-account-status .kodii-dashboard-account-sidebar{
        float:none;
        width:100%;
        min-width:0;
        margin:0 0 22px;
    }
    body.kodii-theme .kodii-dashboard-hybrid-layout .kodii-dashboard-flow-section{
        overflow:visible;
        width:100%;
    }
}


/* Kodii+ Standalone Theme v1.4.17 - Account Status Card Polish
 * Changelog: Removes shared visual wrapper styling around Account Status statistic shortcode output,
 * increases the spacing after account quick links, and keeps individual statistic cards aligned with
 * the Kodii+ dashboard card system. No statistic logic is changed.
 */
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output{
    margin-top:28px!important;
}
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-link-list + .kodii-dashboard-status-output{
    margin-top:30px!important;
}
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output.kodii-plugin-output{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    border-radius:0!important;
}
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output > .kodii-plus-card,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output > .kodii-card,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output > .kodii-plus-frontend > .kodii-plus-shell,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output > .kodii-plus-frontend > .kodii-plus-shell > .kodii-plus-card:first-child:last-child{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
    border-radius:0!important;
}
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-card,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-card{
    margin-bottom:18px;
}
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-card:last-child,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-card:last-child{
    margin-bottom:0;
}
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output h2,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output h3{
    margin-top:0;
}


/* Kodii+ Standalone Theme v1.4.19 - Account Status Wrapper Neutralization
 * Changelog: Removes the remaining visible technical shortcode container styling around Account Status
 * statistic output. The wrappers stay in the DOM for shortcode compatibility, but they no longer
 * draw a shared background, border, radius, shadow or padding between/around statistic cards.
 * Individual statistic cards remain visible and keep their own card styling.
 */
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output.kodii-plugin-output,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-frontend,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-shell,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-content,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-inner,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-card-wrap,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-cards,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-section{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
    padding:0!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0!important;
}
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-frontend::before,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-frontend::after,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-shell::before,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-shell::after,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-content::before,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-content::after{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-plus-card,
body.kodii-theme .kodii-dashboard-account-sidebar .kodii-dashboard-status-output .kodii-card{
    display:block;
    width:100%;
}
\n\n/* Kodii+ Standalone Theme v1.5.0 - Kodii+ Plugin Shortcode Design Integration\n * Changelog: Establishes the standalone theme as the leading frontend design layer for\n * Kodii+ plugin shortcode output. The rules below are intentionally scoped to Kodii+\n * shortcode wrappers/classes so third-party shortcodes such as wpDataTables remain neutral.\n * No shortcode logic, calculations, data queries or MemberPress access logic are changed.\n */\nbody.kodii-theme .kodii-plugin-output,\nbody.kodii-theme .kodii-plus-frontend{\n    --kodii-shortcode-surface:#ffffff;\n    --kodii-shortcode-surface-soft:#eef7fc;\n    --kodii-shortcode-surface-blue:#e6f4fb;\n    --kodii-shortcode-border:rgba(2,48,79,.16);\n    --kodii-shortcode-heading:#02304f;\n    --kodii-shortcode-muted:#5b788c;\n    color:var(--kodii-ink);\n}\nbody.kodii-theme .kodii-plus-frontend,\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-shell,\nbody.kodii-theme .kodii-plugin-output{\n    background:transparent!important;\n    border:0!important;\n    box-shadow:none!important;\n    outline:0!important;\n    padding:0!important;\n    margin-left:0!important;\n    margin-right:0!important;\n    border-radius:0!important;\n    max-width:none!important;\n}\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-card,\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-panel,\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-box,\nbody.kodii-theme .kodii-plus-frontend .kodii-card,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-card,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-panel,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-box,\nbody.kodii-theme .kodii-plugin-output .kodii-card{\n    background:linear-gradient(180deg,var(--kodii-shortcode-surface) 0%,var(--kodii-shortcode-surface-soft) 100%)!important;\n    border:1px solid var(--kodii-shortcode-border)!important;\n    border-radius:var(--kodii-radius)!important;\n    box-shadow:var(--kodii-shadow-soft)!important;\n    color:var(--kodii-ink)!important;\n}\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-card + .kodii-plus-card,\nbody.kodii-theme .kodii-plus-frontend .kodii-card + .kodii-card,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-card + .kodii-plus-card,\nbody.kodii-theme .kodii-plugin-output .kodii-card + .kodii-card{\n    margin-top:18px;\n}\nbody.kodii-theme .kodii-plus-frontend h1,\nbody.kodii-theme .kodii-plus-frontend h2,\nbody.kodii-theme .kodii-plus-frontend h3,\nbody.kodii-theme .kodii-plus-frontend h4,\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-card-section-title,\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-section-title,\nbody.kodii-theme .kodii-plugin-output h1,\nbody.kodii-theme .kodii-plugin-output h2,\nbody.kodii-theme .kodii-plugin-output h3,\nbody.kodii-theme .kodii-plugin-output h4,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-card-section-title,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-section-title{\n    color:var(--kodii-shortcode-heading)!important;\n    letter-spacing:-.02em;\n}\nbody.kodii-theme .kodii-plus-frontend p,\nbody.kodii-theme .kodii-plus-frontend li,\nbody.kodii-theme .kodii-plus-frontend td,\nbody.kodii-theme .kodii-plus-frontend th,\nbody.kodii-theme .kodii-plugin-output p,\nbody.kodii-theme .kodii-plugin-output li,\nbody.kodii-theme .kodii-plugin-output td,\nbody.kodii-theme .kodii-plugin-output th{\n    color:var(--kodii-ink);\n}\nbody.kodii-theme .kodii-plus-frontend small,\nbody.kodii-theme .kodii-plus-frontend .description,\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-muted,\nbody.kodii-theme .kodii-plugin-output small,\nbody.kodii-theme .kodii-plugin-output .description,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-muted{\n    color:var(--kodii-shortcode-muted)!important;\n}\nbody.kodii-theme .kodii-plus-frontend label,\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-label,\nbody.kodii-theme .kodii-plugin-output label,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-label{\n    color:var(--kodii-ink)!important;\n    font-weight:750;\n}\nbody.kodii-theme .kodii-plus-frontend input[type=text],\nbody.kodii-theme .kodii-plus-frontend input[type=email],\nbody.kodii-theme .kodii-plus-frontend input[type=password],\nbody.kodii-theme .kodii-plus-frontend input[type=number],\nbody.kodii-theme .kodii-plus-frontend input[type=search],\nbody.kodii-theme .kodii-plus-frontend input[type=url],\nbody.kodii-theme .kodii-plus-frontend select,\nbody.kodii-theme .kodii-plus-frontend textarea,\nbody.kodii-theme .kodii-plugin-output input[type=text],\nbody.kodii-theme .kodii-plugin-output input[type=email],\nbody.kodii-theme .kodii-plugin-output input[type=password],\nbody.kodii-theme .kodii-plugin-output input[type=number],\nbody.kodii-theme .kodii-plugin-output input[type=search],\nbody.kodii-theme .kodii-plugin-output input[type=url],\nbody.kodii-theme .kodii-plugin-output select,\nbody.kodii-theme .kodii-plugin-output textarea{\n    background:#ffffff!important;\n    color:var(--kodii-ink)!important;\n    border:1px solid var(--kodii-shortcode-border)!important;\n    border-radius:12px!important;\n    box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;\n}\nbody.kodii-theme .kodii-plus-frontend input:focus,\nbody.kodii-theme .kodii-plus-frontend select:focus,\nbody.kodii-theme .kodii-plus-frontend textarea:focus,\nbody.kodii-theme .kodii-plugin-output input:focus,\nbody.kodii-theme .kodii-plugin-output select:focus,\nbody.kodii-theme .kodii-plugin-output textarea:focus{\n    border-color:var(--kodii-blue)!important;\n    box-shadow:0 0 0 3px rgba(8,139,228,.16)!important;\n    outline:0!important;\n}\nbody.kodii-theme .kodii-plus-frontend input::placeholder,\nbody.kodii-theme .kodii-plus-frontend textarea::placeholder,\nbody.kodii-theme .kodii-plugin-output input::placeholder,\nbody.kodii-theme .kodii-plugin-output textarea::placeholder{\n    color:var(--kodii-muted)!important;\n}\nbody.kodii-theme .kodii-plus-frontend button,\nbody.kodii-theme .kodii-plus-frontend input[type=submit],\nbody.kodii-theme .kodii-plus-frontend .button,\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-button,\nbody.kodii-theme .kodii-plugin-output button,\nbody.kodii-theme .kodii-plugin-output input[type=submit],\nbody.kodii-theme .kodii-plugin-output .button,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-button{\n    border-radius:999px!important;\n    font-weight:850!important;\n    border:1px solid var(--kodii-blue-dark)!important;\n    background:linear-gradient(135deg,var(--kodii-blue),var(--kodii-blue-dark))!important;\n    color:#fff!important;\n    box-shadow:0 10px 22px rgba(8,139,228,.20)!important;\n}\nbody.kodii-theme .kodii-plus-frontend button:hover,\nbody.kodii-theme .kodii-plus-frontend input[type=submit]:hover,\nbody.kodii-theme .kodii-plus-frontend .button:hover,\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-button:hover,\nbody.kodii-theme .kodii-plugin-output button:hover,\nbody.kodii-theme .kodii-plugin-output input[type=submit]:hover,\nbody.kodii-theme .kodii-plugin-output .button:hover,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-button:hover{\n    filter:brightness(1.04);\n    transform:translateY(-1px);\n}\nbody.kodii-theme .kodii-plus-frontend table,\nbody.kodii-theme .kodii-plugin-output table{\n    width:100%;\n    border-collapse:separate!important;\n    border-spacing:0!important;\n    color:var(--kodii-ink)!important;\n    background:#fff!important;\n    border:1px solid var(--kodii-shortcode-border)!important;\n    border-radius:var(--kodii-radius)!important;\n    overflow:hidden;\n    box-shadow:var(--kodii-shadow-soft)!important;\n}\nbody.kodii-theme .kodii-plus-frontend table th,\nbody.kodii-theme .kodii-plugin-output table th{\n    background:linear-gradient(180deg,#eaf5fb 0%,#dff1f9 100%)!important;\n    color:var(--kodii-ink)!important;\n    font-weight:850!important;\n    border-bottom:1px solid var(--kodii-shortcode-border)!important;\n}\nbody.kodii-theme .kodii-plus-frontend table td,\nbody.kodii-theme .kodii-plugin-output table td{\n    background:#fff;\n    color:var(--kodii-ink)!important;\n    border-bottom:1px solid rgba(2,48,79,.08)!important;\n}\nbody.kodii-theme .kodii-plus-frontend table tr:nth-child(even) td,\nbody.kodii-theme .kodii-plugin-output table tr:nth-child(even) td{\n    background:#f7fbff;\n}\nbody.kodii-theme .kodii-plus-frontend table tr:last-child td,\nbody.kodii-theme .kodii-plugin-output table tr:last-child td{\n    border-bottom:0!important;\n}\nbody.kodii-theme .kodii-plus-frontend .widefat,\nbody.kodii-theme .kodii-plugin-output .widefat{\n    border-color:var(--kodii-shortcode-border)!important;\n}\nbody.kodii-theme .kodii-plus-frontend .kodii-plus-badge,\nbody.kodii-theme .kodii-plus-frontend .badge,\nbody.kodii-theme .kodii-plus-frontend .status,\nbody.kodii-theme .kodii-plugin-output .kodii-plus-badge,\nbody.kodii-theme .kodii-plugin-output .badge,\nbody.kodii-theme .kodii-plugin-output .status{\n    border-radius:999px!important;\n    font-weight:850!important;\n}\n/* Calculator-specific harmonization: only visual layer, no logic changes. */\nbody.kodii-theme .kodii-plus-frontend [class*="calculator"],\nbody.kodii-theme .kodii-plugin-output [class*="calculator"]{\n    color:var(--kodii-ink);\n}\nbody.kodii-theme .kodii-plus-frontend [class*="calculator"] .kodii-plus-card-section-title,\nbody.kodii-theme .kodii-plugin-output [class*="calculator"] .kodii-plus-card-section-title{\n    color:var(--kodii-ink)!important;\n}\nbody.kodii-theme .kodii-plus-frontend [class*="result"],\nbody.kodii-theme .kodii-plus-frontend [class*="hex"],\nbody.kodii-theme .kodii-plugin-output [class*="result"],\nbody.kodii-theme .kodii-plugin-output [class*="hex"]{\n    color:var(--kodii-ink);\n}\n/* Third-party shortcode compatibility: keep external wrappers visible and functional. */\nbody.kodii-theme .wpDataTablesWrapper,\nbody.kodii-theme .wpDataTablesWrapper *,\nbody.kodii-theme .dataTables_wrapper,\nbody.kodii-theme .dataTables_wrapper *{\n    visibility:visible;\n}\nbody.kodii-theme .wpDataTablesWrapper,\nbody.kodii-theme .dataTables_wrapper{\n    display:block!important;\n    opacity:1!important;\n    max-width:100%;\n    overflow-x:auto;\n}\nbody.kodii-theme .wpDataTablesWrapper table,\nbody.kodii-theme .dataTables_wrapper table{\n    width:100%!important;\n    max-width:100%;\n    table-layout:auto;\n}\nbody.kodii-theme .wpDataTablesWrapper input,\nbody.kodii-theme .wpDataTablesWrapper select,\nbody.kodii-theme .dataTables_wrapper input,\nbody.kodii-theme .dataTables_wrapper select{\n    max-width:100%;\n}\n@media (max-width:780px){\n    body.kodii-theme .kodii-plus-frontend table,\n    body.kodii-theme .kodii-plugin-output table{\n        display:block;\n        overflow-x:auto;\n        white-space:nowrap;\n    }\n}\n