/* ═══════════════════════════════════════════════════════
   DPH STUDIO — MODERN THEME  "Widget Glow"
   ═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

    /* ── LIGHT: "Widget Clear" — soft grey + teal-blue gradient + glow ── */
    :root{
      --bg-base:#eef0f6;--bg-surface:#ffffff;--bg-surface2:#e4e8f4;
      --accent:#0055dd;--accent-dim:rgba(0,85,221,.09);--accent-glow:rgba(0,85,221,.22);
      --accent2:#7c3aed;--text-base:#080b18;--text-muted2:#556080;
      --border-dim:rgba(0,85,221,.08);--border-mid:rgba(0,85,221,.18);
      --c-success:#007744;--c-danger:#cc0033;--c-warning:#997700;
      --gradient-primary:linear-gradient(135deg,#00bcd4 0%,#0055dd 100%);
      --gradient-secondary:linear-gradient(135deg,#7c3aed 0%,#db2777 100%);
      --gradient-success:linear-gradient(135deg,#00c97a 0%,#007744 100%);
      --card-shadow:0 4px 18px rgba(0,85,221,.10),0 1px 4px rgba(0,0,0,.06);
      --card-shadow-hover:0 8px 36px rgba(0,85,221,.22),0 2px 8px rgba(0,0,0,.08)
    }

    /* ── DARK: "Widget Forge" — near-black + teal-blue gradient + neon glow ── */
    [data-bs-theme="dark"]{
      --bg-base:#0c0d12;--bg-surface:#13151e;--bg-surface2:#1a1d2a;
      --accent:#00d4c8;--accent-dim:rgba(0,212,200,.09);--accent-glow:rgba(0,212,200,.32);
      --accent2:#7c3aed;--text-base:#e8eeff;--text-muted2:#4a5580;
      --border-dim:rgba(0,212,200,.08);--border-mid:rgba(0,212,200,.20);
      --c-success:#00cc88;--c-danger:#ff3366;--c-warning:#ffbb00;
      --gradient-primary:linear-gradient(135deg,#00d4c8 0%,#0066ff 100%);
      --gradient-secondary:linear-gradient(135deg,#7c3aed 0%,#db2777 100%);
      --gradient-success:linear-gradient(135deg,#00cc88 0%,#00884d 100%);
      --card-shadow:0 4px 20px rgba(0,212,200,.12);
      --card-shadow-hover:0 8px 40px rgba(0,212,200,.28),0 0 0 1px rgba(0,212,200,.20)
    }

    /* ── TYPOGRAPHY ── */
    body{font-family:'Syne',system-ui,sans-serif!important;background-color:var(--bg-base)!important;background-image:none!important}
    h1,h2,h3,h4,h5,h6{font-family:'Syne',sans-serif!important;font-weight:700!important}
    code,.mono,.font-monospace,.stat-num,.stat-hero{font-family:'IBM Plex Mono','JetBrains Mono',monospace!important}

    /* ── NAVBAR — gradient bottom line ── */
    .navbar{position:relative!important;background:var(--bg-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:none!important;box-shadow:0 2px 16px rgba(0,0,0,.06)!important}
    [data-bs-theme="dark"] .navbar{box-shadow:0 2px 20px rgba(0,212,200,.08)!important}
    .navbar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary)}
    [data-bs-theme="dark"] .navbar::after{filter:drop-shadow(0 0 6px var(--accent))}
    .navbar-brand{font-family:'Syne',sans-serif!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important}
    .navbar-brand .acc{background:var(--gradient-primary)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
    .nav-link-custom{border-radius:8px!important;font-family:'Syne',sans-serif!important;font-size:.73rem!important;letter-spacing:.07em!important;text-transform:uppercase!important;font-weight:600!important}
    .theme-btn{border-radius:8px!important;border:1px solid var(--border-mid)!important}

    /* ── CARDS — rounded widgets + gradient top strip + glow ── */
    .card{
      border-radius:14px!important;
      border:1px solid var(--border-mid)!important;
      border-top:3px solid transparent!important;
      background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,
                 var(--gradient-primary) border-box!important;
      box-shadow:var(--card-shadow)!important;
      transition:box-shadow .25s ease,transform .2s ease!important
    }
    .card:hover{
      box-shadow:var(--card-shadow-hover)!important;
      transform:translateY(-2px)!important
    }
    .card-header{
      border-radius:11px 11px 0 0!important;
      font-family:'Syne',sans-serif!important;font-weight:700!important;
      letter-spacing:.07em!important;text-transform:uppercase!important;font-size:.75rem!important
    }
    /* gradient headers — obě témata */
    .card-header.bg-primary{background:var(--gradient-primary)!important;color:#fff!important;border-bottom:none!important}
    .card-header.bg-success{background:var(--gradient-success)!important;color:#fff!important;border-bottom:none!important}
    [data-bs-theme="dark"] .card-header.bg-primary{background:var(--gradient-primary)!important;color:#fff!important}
    [data-bs-theme="dark"] .card-header.bg-success{background:var(--gradient-success)!important;color:#fff!important}

    /* ── BUTTONS — gradient + rounded + glow ── */
    .btn{border-radius:8px!important;font-family:'Syne',sans-serif!important;letter-spacing:.07em!important;text-transform:uppercase!important;font-size:.73rem!important;font-weight:700!important;transition:all .2s ease!important}
    .btn-primary{background:var(--gradient-primary)!important;border:none!important;color:#fff!important;box-shadow:0 4px 14px var(--accent-glow)!important}
    .btn-primary:hover,.btn-primary:focus{background:transparent!important;border:2px solid var(--accent)!important;color:var(--accent)!important;box-shadow:0 0 18px var(--accent-glow)!important}
    .btn-success{background:var(--gradient-success)!important;border:none!important;color:#fff!important;box-shadow:0 4px 14px rgba(0,204,120,.22)!important}
    .btn-success:hover{background:transparent!important;border:2px solid var(--c-success)!important;color:var(--c-success)!important;box-shadow:0 0 16px rgba(0,204,120,.22)!important}
    .btn-outline-secondary,.btn-outline-primary{border-radius:8px!important}
    .btn-outline-primary{color:var(--accent)!important;border-color:var(--accent)!important}
    .btn-outline-primary:hover{background:var(--accent-dim)!important;color:var(--accent)!important;box-shadow:0 0 12px var(--accent-glow)!important}

    /* ── FORMS ── */
    .form-control,.form-select{border-radius:8px!important;border:1px solid var(--border-mid)!important;border-bottom:2px solid var(--border-mid)!important;font-family:'IBM Plex Mono',monospace!important;font-size:.82rem!important;background:var(--bg-surface2)!important;color:var(--text-base)!important}
    .form-control:focus,.form-select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important;background:var(--bg-surface)!important;color:var(--text-base)!important}
    .form-label{font-family:'Syne',sans-serif!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important;font-size:.71rem!important}

    /* ── TABLES ── */
    .table th{font-family:'Syne',sans-serif!important;letter-spacing:.09em!important;font-size:.64rem!important}
    .table td{font-family:'IBM Plex Mono',monospace!important;font-size:.79rem!important}

    /* ── MISC ── */
    .alert{border-radius:10px!important;border-left-width:3px!important;box-shadow:var(--card-shadow)!important}
    .stat-block{border-radius:12px!important;border-top:3px solid transparent!important;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--gradient-primary) border-box!important;box-shadow:var(--card-shadow)!important}
    .stat-lbl{font-family:'Syne',sans-serif!important;letter-spacing:.09em!important}
    .stat-hero{font-size:2.2rem!important;letter-spacing:-1px!important}
    .badge{border-radius:6px!important;letter-spacing:.07em!important;text-transform:uppercase!important;font-size:.63rem!important}
    .badge.bg-primary{background:var(--gradient-primary)!important;color:#fff!important;border:none!important}
    .badge.bg-secondary{background:var(--bg-surface2)!important;border:1px solid var(--border-mid)!important;color:var(--accent)!important}
    .badge.bg-success{background:var(--gradient-success)!important;color:#fff!important;border:none!important}
    .toggle-pill{border-radius:20px!important;font-family:'Syne',sans-serif!important;letter-spacing:.07em!important;text-transform:uppercase!important;font-size:.70rem!important;box-shadow:var(--card-shadow)!important;transition:box-shadow .2s ease!important}
    .toggle-pill:hover{box-shadow:0 4px 20px var(--accent-glow)!important}
    code,kbd{border-radius:6px!important;font-family:'IBM Plex Mono',monospace!important}
    .summary-box{border-radius:12px!important;border-top:3px solid transparent!important;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--gradient-primary) border-box!important;box-shadow:var(--card-shadow)!important}
    .list-group-item:first-child{border-radius:10px 10px 0 0!important}
    .list-group-item:last-child{border-radius:0 0 10px 10px!important}
    ::-webkit-scrollbar-thumb{border-radius:4px!important}
    [data-bs-theme="dark"] ::-webkit-scrollbar-track{background:#0c0d12!important}
    [data-bs-theme="dark"] ::-webkit-scrollbar-thumb{background:rgba(0,212,200,.22)!important}