/* KRKTICARET — admin + bayi panel teması
   Anasayfa paleti: ink + signal orange + steel (teal/indigo override) */

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

:root {
    --krk-ink: #0e1116;
    --krk-ink-2: #161a22;
    --krk-ink-3: #1e2430;
    --krk-bone: #f2f4f7;
    --krk-mute: #9aa3b2;
    --krk-orange: #ff5c1a;
    --krk-orange-deep: #e0450a;
    --krk-orange-soft: #fff4ed;
    --krk-steel: #3d8bff;
    --krk-glow: rgba(255, 92, 26, 0.35);
    --krk-font-display: 'Syne', 'Manrope', system-ui, sans-serif;
    --krk-font-body: 'Manrope', system-ui, sans-serif;

    /* panel-shell / filament-admin-shell tokens */
    --pz-brand: #ff5c1a;
    --pz-brand-dark: #e0450a;
    --pz-brand-2: #e0450a;
    --pz-brand-soft: #fff4ed;
    --pz-ink: #0e1116;
    --pz-muted: #64748b;
    --pz-line: #e2e8f0;
    --pz-surface: #ffffff;
    --pz-canvas: #f2f4f7;
    --pz-shadow: 0 18px 40px -28px rgba(14, 17, 22, 0.35);
    --pz-font: 'Manrope', 'Plus Jakarta Sans', system-ui, sans-serif;
    --pz-radius: 0.85rem;

    /* filament-admin.css tokens */
    --pz-admin-brand: #ff5c1a;
    --pz-admin-brand-soft: #fff4ed;
    --pz-admin-radius: 0.85rem;
}

/* —— Bayi paneli —— */
body.pz-panel-body {
    font-family: var(--krk-font-body) !important;
    background:
        radial-gradient(900px 420px at 100% -10%, rgba(255, 92, 26, 0.10), transparent 52%),
        radial-gradient(700px 360px at -8% 18%, rgba(61, 139, 255, 0.06), transparent 48%),
        var(--krk-bone) !important;
    color: var(--krk-ink);
}

body.pz-panel-body .pz-top-progress {
    background: linear-gradient(90deg, var(--krk-orange), #ff9a66) !important;
}

body.pz-panel-body .pz-sidebar {
    background: #fff;
    border-right: 1px solid var(--pz-line);
}

body.pz-panel-body .pz-sidebar-head {
    background: linear-gradient(180deg, #fff 0%, var(--krk-orange-soft) 140%);
}

body.pz-panel-body .krk-panel-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    text-decoration: none;
}
body.pz-panel-body .krk-panel-brand__img {
    display: block;
    height: 2rem;
    width: auto;
    max-width: 9.5rem;
    object-fit: contain;
}
body.pz-panel-body .krk-panel-brand__meta {
    min-width: 0;
}
body.pz-panel-body .krk-panel-brand__title {
    font-family: var(--krk-font-display);
    font-weight: 800;
    font-size: 0.95rem;
    letter-spacing: -0.02em;
    color: var(--krk-ink);
    line-height: 1.15;
}
body.pz-panel-body .krk-panel-brand__sub {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--krk-mute);
}

body.pz-panel-body .pz-side-item.is-active,
body.pz-panel-body .pz-side-item[aria-current="page"],
body.pz-panel-body a.pz-side-item.bg-brand-50,
body.pz-panel-body .pz-side-item.active {
    background: var(--krk-orange-soft) !important;
    color: var(--krk-orange-deep) !important;
    box-shadow: inset 3px 0 0 0 var(--krk-orange);
}

body.pz-panel-body .text-brand-600,
body.pz-panel-body .text-brand-700,
body.pz-panel-body .hover\:text-brand-600:hover {
    color: var(--krk-orange-deep) !important;
}
body.pz-panel-body .bg-brand-50 { background-color: var(--krk-orange-soft) !important; }
body.pz-panel-body .bg-brand-100 { background-color: #ffe4d4 !important; }
body.pz-panel-body .from-brand-600 { --tw-gradient-from: #e0450a !important; }
body.pz-panel-body .to-brand-800 { --tw-gradient-to: #8f2c0c !important; }
body.pz-panel-body .shadow-teal-200\/40 { --tw-shadow-color: rgba(255, 92, 26, 0.25) !important; }

body.pz-panel-body .pz-btn-primary,
body.pz-panel-body .btn-brand,
body.pz-panel-body button.bg-brand-600,
body.pz-panel-body a.bg-brand-600 {
    background: linear-gradient(135deg, var(--krk-orange) 0%, var(--krk-orange-deep) 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 10px 24px -14px var(--krk-glow);
}

body.pz-panel-body .pz-workspace__tab.is-active {
    color: var(--krk-orange-deep) !important;
    border-color: rgba(255, 92, 26, 0.35) !important;
    background: var(--krk-orange-soft) !important;
}

/* —— Filament admin (paylaşılan token; asıl skin krk-admin.css) —— */
html, body, .fi-body, .fi-simple-layout, .fi-main {
    font-family: var(--krk-font-body) !important;
}

.fi-btn-color-primary,
.fi-ac-btn-action.fi-color-primary,
button.fi-btn.fi-color-primary {
    --c-400: 255, 122, 61;
    --c-500: 255, 92, 26;
    --c-600: 224, 69, 10;
}

/* —— Auth (login / register) —— */
body.krk-auth {
    font-family: var(--krk-font-body);
}
.krk-auth__hero {
    background:
        radial-gradient(700px 360px at 90% 10%, rgba(255, 92, 26, 0.28), transparent 55%),
        linear-gradient(155deg, #0e1116 0%, #161a22 45%, #1e2430 100%);
}
.krk-auth__eyebrow {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #ff9a66;
    margin-bottom: 0.75rem;
}
.krk-auth__title {
    font-family: var(--krk-font-display);
    font-size: clamp(1.75rem, 2.4vw, 2.35rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    margin-bottom: 1rem;
}
.krk-auth__lead {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.05rem;
    line-height: 1.55;
    max-width: 28rem;
}
.krk-auth__form {
    background:
        radial-gradient(600px 280px at 100% 0%, rgba(255, 92, 26, 0.08), transparent 50%),
        linear-gradient(180deg, #f8fafc 0%, #f2f4f7 100%);
}
.krk-auth .bg-brand-600,
.krk-auth button[type="submit"].bg-brand-600,
.krk-auth a.bg-brand-600 {
    background: linear-gradient(135deg, #ff5c1a 0%, #e0450a 100%) !important;
}
.krk-auth .text-brand-600,
.krk-auth a.text-brand-600 {
    color: #e0450a !important;
}