/* Pozla.Net shared UI rules. Source: /UI_DESIGN_SYSTEM.md */
:root {
    --pozla-black:#18181b;--pozla-black-hover:#27272a;--pozla-gold:#d4af37;--pozla-gold-dark:#b58a24;
    --pozla-gold-soft:#fff7dc;--pozla-white:#fff;--pozla-page:#f7f7f5;--pozla-surface-soft:#faf9f6;
    --pozla-text:#18181b;--pozla-muted:#71717a;--pozla-border:#d4af37;--pozla-danger:#dc2626;
    --pozla-danger-soft:#fff1f2;--pozla-success:#15803d;--pozla-success-soft:#f0fdf4;
    --pozla-radius:14px;--pozla-radius-lg:20px;--pozla-shadow:0 14px 36px rgba(24,24,27,.08);
    --pozla-focus:0 0 0 4px rgba(212,175,55,.15);--pozla-display:"Smooch Sans",sans-serif;--pozla-body:"Roboto",sans-serif;
}
html,body{color:var(--pozla-text);font-family:var(--pozla-body)}
h1,h2,h3,h4,h5,h6,.page-title,.section-title,.card-title,.modal-title,.swal2-title{font-family:var(--pozla-display)!important;font-weight:600!important;letter-spacing:.02em!important}

/* Boş Konuşma / Sohbet Seçim Ekranı Tipografi Standardı (Smooch Sans Boyutlandırması) */
.chat-empty,
.chat-empty-thread {
    margin: auto !important;
    text-align: center !important;
    padding: 40px 24px !important;
}
.chat-empty span,
.chat-empty-thread span {
    color: #d4af37 !important;
    font-size: 2.5rem !important;
    display: inline-block !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
}
.chat-empty h2,
.chat-empty-thread h3 {
    margin: 6px 0 8px !important;
    color: #18181b !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.15 !important;
}
.chat-empty p,
.chat-empty-thread p {
    margin: 0 !important;
    color: #71717a !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.3 !important;
}

/* =========================================================================
   POZLA ADMIN & DASHBOARD GLOBAL TYPOGRAPHY UNIFICATION (SMOOCH SANS)
   ========================================================================= */
body.admin-body,
.admin-layout,
.admin-main,
.admin-content,
.admin-sidebar,
.admin-topbar,
.admin-dashboard-footer,
body.admin-body *:not(.nav-svg):not(.fa):not(.bi):not([class*="icon"]):not(svg) {
    font-family: var(--pozla-display) !important;
    letter-spacing: 0.02em;
}

body.admin-body h1, body.admin-body h2, body.admin-body h3, body.admin-body h4, body.admin-body h5, body.admin-body h6,
body.admin-body .page-heading-title, body.admin-body .page-title, body.admin-body .section-title, body.admin-body .card-title,
body.admin-body strong, body.admin-body b, body.admin-body .fw-bold {
    font-weight: 700 !important;
}

body.admin-body p, body.admin-body span, body.admin-body label, body.admin-body a, body.admin-body td, body.admin-body th,
body.admin-body input, body.admin-body select, body.admin-body textarea, body.admin-body button, body.admin-body .form-control,
body.admin-body .form-select, body.admin-body .badge, body.admin-body .btn {
    font-family: var(--pozla-display) !important;
}

/* Public desktop header: authenticated and anonymous menus stay on one line. */
.site-header .public-chat-link {
    column-gap: 6px;
}

.site-header .public-chat-link .chat-unread-badge {
    margin-left: 0 !important;
}

@media (min-width: 992px) {
    .site-header .navbar > .container {
        width: calc(100% - 28px);
        max-width: 1320px;
        flex-wrap: nowrap;
        gap: 18px;
    }
    .site-header .navbar-collapse {
        min-width: 0;
        flex-wrap: nowrap;
    }
    .site-header .navbar-nav {
        flex: 0 1 auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        margin-right: auto !important;
        margin-left: auto !important;
    }
    .site-header .nav-item,
    .site-header .nav-link,
    .site-header .nav-actions,
    .site-header .nav-actions .btn,
    .site-header .nav-actions form {
        white-space: nowrap !important;
    }
    .site-header .nav-link {
        margin: 0 .22rem !important;
        padding: .4rem .38rem !important;
    }
    .site-header .nav-actions {
        flex: 0 0 auto;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 6px;
    }
    .site-header .nav-actions .btn {
        padding: .55rem .85rem !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }
    .site-header .nav-actions .btn svg {
        flex-shrink: 0;
    }
}

@media (min-width: 992px) and (max-width: 1180px) {
    .site-header .navbar > .container { gap: 8px; }
    .site-header .nav-link { font-size: 1.12rem !important; }
    .site-header .nav-actions .btn {
        padding-right: .55rem !important;
        padding-left: .55rem !important;
        font-size: 1.08rem !important;
    }
    .site-header .site-logo-img { height: 34px; }
}

/* Menus */
/* Menus */
.footer-nav-col a,.admin-nav,.admin-nav-label,.admin-nav-link,
.admin-nav-link>span:not(.nav-svg):not(.active-indicator),.social-nav-group,
.admin-quick-add-menu a,.admin-quick-add-menu button{font-family:var(--pozla-display)!important}
/* Sidebar Typography Force */
aside.admin-sidebar .admin-nav-link,
aside.admin-sidebar .admin-nav-link.social-sub-link,
aside.admin-sidebar .admin-nav-link.social-sub-link span:not(.nav-svg) {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.02em !important;
}
aside.admin-sidebar .admin-nav-link.social-sub-link .nav-svg {
    font-size: 1.2rem !important;
}

aside.admin-sidebar .admin-nav-label,
aside.admin-sidebar .admin-nav-section-label {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    
    color: #a1a1aa !important;
    margin-bottom: 8px !important;
}


.admin-nav-link.social-sub-link{
    min-height:44px!important;
    padding:9px 11px!important;
    font-size:1.15rem!important;
    font-weight:650!important;
    line-height:1.15!important;
}
.admin-nav-link.social-sub-link .nav-svg{
    width:22px!important;
    min-width:22px!important;
    font-size:1rem!important;
}

/* Forms: registration page input language */
:where(.admin-content,main,.auth-page,.site-main) :where(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],input[type="url"],input[type="search"],select,textarea):not(.select2-search__field):not([type="range"]):not([type="file"]){width:100%;min-height:50px;padding:0 16px;color:var(--pozla-text);background:var(--pozla-white);border:1px solid var(--pozla-border);border-radius:12px;outline:none;font-family:var(--pozla-display)!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.2;letter-spacing:.015em;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
:where(.admin-content,main,.auth-page,.site-main) select option{font-family:var(--pozla-display)!important;font-size:1.2rem!important;font-weight:700!important}
:where(.admin-content,main,.auth-page,.site-main) textarea{min-height:112px;padding-top:13px;padding-bottom:13px;resize:vertical}
:where(.admin-content,main,.auth-page,.site-main) :where(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="date"],input[type="time"],input[type="url"],input[type="search"],select,textarea):not(.select2-search__field):focus{background:var(--pozla-white);border-color:var(--pozla-gold);box-shadow:var(--pozla-focus)}
/* Date & Time inputs: cross-platform custom indicator with 16px inward spacing and full touch hit-target */
input[type="date"],
input[type="time"],
input[type="datetime-local"] {
    position: relative !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 16px) center !important;
    background-size: 16px 16px !important;
    padding-right: 44px !important;
    padding-inline-end: 44px !important;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b58a24' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
}

/* Global Select / Combo dropdown arrow with 16px inward spacing */
select:not([multiple]):not([size]),
select:not([multiple])[size="1"],
select.auth-input,
.auth-input select,
.filter-field select,
.filter-field select.auth-input,
.form-select:not([multiple]):not([size]),
.form-select-luxury:not([multiple]):not([size]),
.admin-form-select:not([multiple]):not([size]),
.sub-filter-select:not([multiple]):not([size]),
.flag-mini-select:not([multiple]):not([size]),
.ann-form-select:not([multiple]):not([size]),
.ann-edit-select:not([multiple]):not([size]),
.cmp-form-select:not([multiple]):not([size]),
.pkg-form-select:not([multiple]):not([size]),
.pkg-copy-select:not([multiple]):not([size]),
.audit-filter-select:not([multiple]):not([size]),
.project-filters select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 16px) center !important;
    background-size: 16px 16px !important;
    padding-right: 44px !important;
    padding-inline-end: 44px !important;
    cursor: pointer !important;
}
select:not([multiple]):not([size]):focus,
select:not([multiple])[size="1"]:focus,
select.auth-input:focus,
.auth-input select:focus,
.filter-field select:focus,
.filter-field select.auth-input:focus,
.form-select:focus,
.form-select-luxury:focus,
.admin-form-select:focus,
.sub-filter-select:focus,
.flag-mini-select:focus,
.ann-form-select:focus,
.ann-edit-select:focus,
.cmp-form-select:focus,
.pkg-form-select:focus,
.pkg-copy-select:focus,
.audit-filter-select:focus,
.project-filters select:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b58a24' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
select::-ms-expand {
    display: none !important;
}
:where(.admin-content,main,.auth-page,.site-main) :where(input,select,textarea):disabled{color:#a1a1aa;background:#f4f4f5;cursor:not-allowed}
::placeholder{color:#8b8b93;opacity:1;font-family:var(--pozla-display)!important;font-size:1.22rem!important;font-weight:600!important;letter-spacing:.015em}
.form-field>label,.auth-label,.auth-label-with-note span,.form-label,label.control-label{color:var(--pozla-text)!important;font-family: var(--pozla-display) !important;font-size:1.28rem!important;font-weight:800!important;line-height:1!important;letter-spacing:.02em}
.field-validation-error,.validation-message,.auth-field-error,.text-danger[data-valmsg-for]{display:block;margin-top:6px;color:var(--pozla-danger)!important;font-family: var(--pozla-display) !important;font-size:1.12rem!important;font-weight:800!important}

/* Icon-bearing auth inputs keep dedicated space for both prefix and password controls. */
.input-with-icon{position:relative!important;display:flex!important;align-items:center!important}
.input-with-icon>.auth-input{padding-left:46px!important;padding-right:46px!important}
.input-with-icon>.input-prefix-icon{
    position:absolute!important;z-index:2!important;top:50%!important;left:16px!important;
    display:grid!important;place-items:center!important;width:20px!important;height:20px!important;
    margin:0!important;padding:0!important;color:#8b8b93!important;line-height:0!important;
    transform:translateY(-50%)!important;pointer-events:none!important
}
.input-with-icon>.input-prefix-icon svg{display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important}
.input-with-icon>.password-toggle-btn{
    position:absolute!important;z-index:2!important;top:50%!important;right:12px!important;
    display:grid!important;place-items:center!important;width:32px!important;height:32px!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;
    box-shadow:none!important;transform:translateY(-50%)!important
}
.input-with-icon>.password-toggle-btn:hover{background:transparent!important;box-shadow:none!important;transform:translateY(-50%)!important}
.auth-label-with-note{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.auth-label-with-note span{color:var(--pozla-text)!important;font-family: var(--pozla-display) !important;font-size:1.28rem!important;font-weight:800!important;line-height:1!important;letter-spacing:.02em!important}
.auth-label-with-note small{display:inline-flex!important;align-items:center!important;min-height:22px!important;padding:2px 10px!important;border:1px solid #e8dfc6!important;border-radius:999px!important;color:#8b6717!important;background:#fff8e4!important;font-family: var(--pozla-display) !important;font-size:1.08rem!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
.register-page .register-compact-form{gap:14px!important}
.register-page .register-compact-form .auth-input-group{gap:5px!important}
.register-page .register-compact-form .auth-grid-2{gap:11px 13px!important}
.register-page .auth-card-header p{margin-bottom:18px!important}
.auth-page-wrapper .auth-inner-container{max-width:1160px!important}
.auth-page-wrapper .auth-grid-modern{grid-template-columns:1fr minmax(400px,510px)!important;gap:46px!important;align-items:center!important}
.auth-page-wrapper .auth-card-side{max-width:510px!important;width:100%!important;margin-left:auto!important}
.auth-page-wrapper .modern-auth-card{padding:30px 26px!important;border-radius:18px!important;box-shadow:0 15px 40px rgba(0,0,0,.25)!important}
.auth-page-wrapper .auth-card-header p{white-space:normal!important;margin-bottom:18px!important}
.register-page .password-strength-container:not(.active){height:0!important;margin:0!important;overflow:hidden!important}
.register-page .password-strength-container.active{margin:6px 0 0!important}
.auth-page-wrapper .btn-auth-submit{margin-top:0!important}
@media(max-width:991px){.auth-page-wrapper .auth-grid-modern{display:flex!important;gap:38px!important}.auth-page-wrapper .auth-card-side{width:min(100%,510px)!important;margin:0 auto!important}.auth-page-wrapper .auth-card-header p{white-space:normal!important}}
@media(max-width:576px){.auth-page-wrapper .register-compact-form{gap:12px!important}.auth-label-with-note small{font-size:.86rem!important}.auth-page-wrapper .modern-auth-card{padding:26px 18px!important}}

/* Authentication pages: brand belongs to the dark story column, forms stay visually focused. */
.auth-brand-header{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;margin:0 0 22px 0!important;width:fit-content!important}
.auth-side-logo{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;margin:0!important;color:#fff!important;text-decoration:none!important}
.auth-side-logo img{display:block!important;width:auto!important;height:52px!important;max-width:195px!important;object-fit:contain!important;margin:0!important}
.auth-brand-header .eyebrow-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;transform:translateX(-10px)!important}
/* ==========================================================================
   AUTHENTICATION PAGES: SMOOCH SANS LUXURY TYPOGRAPHY ENFORCEMENT
   ========================================================================== */
.auth-page-wrapper,
.auth-page-wrapper * {
    font-family: "Smooch Sans", sans-serif;
}
.auth-brand-side h1{margin-top:8px!important;margin-bottom:12px!important;font-family: var(--pozla-display) !important;font-size:clamp(2.5rem,4.2vw,3.85rem)!important;font-weight:800!important;line-height:1.05!important;letter-spacing:.01em!important}
.auth-brand-side h1 em{font-family: var(--pozla-display) !important;font-style:normal!important;font-weight:800!important;color:#d4af37!important}
.auth-brand-lead{margin-bottom:22px!important;line-height:1.35!important;font-family: var(--pozla-display) !important;font-size:1.36rem!important;font-weight:700!important;color:#c4c4cc!important}
.auth-perks-list{gap:13px!important;margin-bottom:24px!important}
.auth-perk-item strong{font-family: var(--pozla-display) !important;font-size:1.32rem!important;font-weight:800!important;line-height:1.15!important;color:#fff!important}
.auth-perk-item span{font-family: var(--pozla-display) !important;font-size:1.18rem!important;font-weight:700!important;line-height:1.25!important;color:#a1a1aa!important}
.auth-quote-card{padding:16px 20px!important}
.auth-quote-card p{line-height:1.3!important;font-family: var(--pozla-display) !important;font-size:1.25rem!important;font-weight:700!important;color:#e4e4e7!important}
.auth-quote-card small{font-family: var(--pozla-display) !important;font-size:1.15rem!important;font-weight:800!important;color:#d4af37!important}
.auth-tab-link{font-family: var(--pozla-display) !important;font-size:1.32rem!important;font-weight:800!important;letter-spacing:.02em!important}
.auth-card-header{text-align:center!important}
.auth-card-header h2{text-align:center!important;font-family: var(--pozla-display) !important;font-size:2.35rem!important;font-weight:800!important;line-height:1.1!important;color:#18181b!important;margin-bottom:6px!important}
.auth-card-header p{text-align:center!important;margin:0 auto 20px!important;font-family: var(--pozla-display) !important;font-size:1.26rem!important;font-weight:700!important;line-height:1.25!important;color:#71717a!important}
.auth-label{font-family: var(--pozla-display) !important;font-size:1.28rem!important;font-weight:800!important;color:#18181b!important}
.auth-label-with-note small{font-family: var(--pozla-display) !important;font-size:1.05rem!important;font-weight:800!important}
.auth-forgot-link{font-family: var(--pozla-display) !important;font-size:1.18rem!important;font-weight:800!important;color:#b58a24!important}
.auth-input{font-family: var(--pozla-display) !important;font-size:1.28rem!important;font-weight:800!important;color:#18181b!important;letter-spacing:.015em!important}
.auth-input::placeholder{font-family: var(--pozla-display) !important;font-size:1.22rem!important;font-weight:700!important;color:#a1a1aa!important}
.auth-field-error{font-family: var(--pozla-display) !important;font-size:1.12rem!important;font-weight:800!important;color:#dc2626!important}
.validation-summary-alert,.validation-summary-alert li{font-family: var(--pozla-display) !important;font-size:1.18rem!important;font-weight:800!important}
.remember-checkbox-label,.remember-checkbox-label span{font-family: var(--pozla-display) !important;font-size:1.24rem!important;font-weight:800!important;color:#52525b!important}
.btn-auth-submit,.btn-auth-submit span{font-family: var(--pozla-display) !important;font-size:1.45rem!important;font-weight:800!important;letter-spacing:.02em!important}
.auth-card-footer p{font-family: var(--pozla-display) !important;font-size:1.24rem!important;font-weight:700!important;color:#71717a!important}
.auth-card-footer a{font-family: var(--pozla-display) !important;font-size:1.24rem!important;font-weight:800!important;color:#b58a24!important}
.password-strength-text{font-family: var(--pozla-display) !important;font-size:1.15rem!important;font-weight:800!important}
.eyebrow-pill{font-family: var(--pozla-display) !important;font-size:1.15rem!important;font-weight:800!important;letter-spacing:.05em!important}

/* =========================================================================
   SESSION WARNING DIALOG - MENÜ TİPOGRAFİSİ & DERİN SİYAH BACKDROP
   ========================================================================= */
.session-warning {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 30000 !important;
    display: grid !important;
    place-items: center !important;
    padding: 24px !important;
}

.session-warning-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.88) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    opacity: 1 !important;
    z-index: 1 !important;
}

.session-warning-dialog {
    position: relative !important;
    z-index: 2 !important;
    width: min(100%, 510px) !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .85), 0 0 0 1px rgba(212, 175, 55, 0.35) !important;
    background: linear-gradient(145deg, #18181b 0%, #0e0e10 72%) !important;
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

.session-warning-dialog,
.session-warning-dialog * {
    font-family: var(--pozla-display) !important;
}

.session-warning-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 24px 14px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.22) !important;
}

.session-warning-brand-wrap {
    display: inline-flex !important;
    align-items: center !important;
    height: 38px !important;
}



.session-warning-logo-img {
    height: 34px !important;
    max-width: 140px !important;
    width: auto !important;
    object-fit: contain !important;
    display: inline-block !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4)) !important;
}

.swal2-confirm,
.pozla-swal-btn-confirm,
.swal2-cancel,
.pozla-swal-btn-cancel,
.pozla-swal-btn-danger {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    line-height: 1 !important;
    min-height: 44px !important;
    padding: 10px 22px !important;
    border-radius: 11px !important;
}

/* Chat Toplu Duyuru / Dağıtım Tanıtım Kartı */
.chat-broadcast-card {
    width: 100% !important;
    max-width: 700px !important;
    padding: 30px 32px !important;
}
@media (min-width: 640px) {
    .chat-broadcast-features li {
        white-space: nowrap !important;
    }
}

.session-warning-security {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    color: #e4e4e7 !important;
}

.session-warning-kicker {
    font-family: var(--pozla-display) !important;
    font-size: 1.20rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    color: #d4af37 !important;
}

.session-warning h2#session-warning-title {
    font-family: var(--pozla-display) !important;
    font-size: clamp(2.2rem, 5vw, 2.75rem) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.01em !important;
    color: #ffffff !important;
    margin: 6px 0 10px !important;
}

.session-warning-content p#session-warning-description {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.015em !important;
    color: #d4d4d8 !important;
    max-width: 420px !important;
}

.session-warning-clock span[data-session-countdown] {
    font-family: var(--pozla-display) !important;
    font-size: 2.6rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    color: #ffffff !important;
}

.session-warning-actions button {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    min-height: 48px !important;
}

.session-warning-actions button span {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

.session-warning-continue {
    border: 1.5px solid #d4af37 !important;
    color: #111111 !important;
    background: linear-gradient(135deg, #f1d05d, #d4af37) !important;
    box-shadow: 0 10px 24px rgba(212, 175, 55, 0.25) !important;
}

.session-warning-logout {
    border: 1.5px solid #d4af37 !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

.session-warning-logout:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    border-color: #f1d05d !important;
    color: #f1d05d !important;
}

.session-warning-feedback {
    font-family: var(--pozla-display) !important;
    font-size: 1.22rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

/* Select2 (Smooch Sans 1.25rem Bold Standard) */
.select2-container .select2-selection--single{min-height:44px!important;height:44px!important;color:var(--pozla-text)!important;background:var(--pozla-white)!important;border:1px solid var(--pozla-border)!important;border-radius:11px!important;font-family:var(--pozla-display)!important;display:flex!important;align-items:center!important}
.select2-container .select2-selection--multiple{min-height:44px!important;height:auto!important;color:var(--pozla-text)!important;background:var(--pozla-white)!important;border:1px solid var(--pozla-border)!important;border-radius:11px!important;font-family:var(--pozla-display)!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 42px 0 16px!important;color:var(--pozla-text)!important;font-family:var(--pozla-display)!important;font-size:1.25rem!important;font-weight:700!important;line-height:42px!important;letter-spacing:.015em}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--pozla-text)!important;font-family:var(--pozla-display)!important;font-size:1.25rem!important;font-weight:700!important}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:0!important;right:12px!important;width:24px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.select2-container--open .select2-selection--single,.select2-container--open .select2-selection--multiple{border-color:var(--pozla-gold)!important;box-shadow:var(--pozla-focus)!important}
.select2-dropdown{overflow:hidden;border:1px solid var(--pozla-gold)!important;border-radius:12px!important;box-shadow:var(--pozla-shadow);font-family:var(--pozla-display)!important}
.select2-results__option{padding:10px 16px!important;font-family:var(--pozla-display)!important;font-size:1.22rem!important;font-weight:700!important;color:var(--pozla-text)!important;letter-spacing:.015em}
.select2-container--default .select2-results__option--highlighted[aria-selected]{color:var(--pozla-white)!important;background:var(--pozla-black)!important}

/* Checkbox cards: project selection categories & Global Checkbox Standard */
.form-check-premium{display:flex!important;align-items:flex-start!important;gap:13px!important;margin-bottom:16px!important;padding:16px 18px!important;background:var(--pozla-surface-soft)!important;border:1px solid #eeeae2!important;border-radius:var(--pozla-radius)!important;cursor:pointer!important;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.form-check-premium:hover,.form-check-premium:has(input:checked){background:var(--pozla-gold-soft)!important;border-color:rgba(212,175,55,.7)!important}.form-check-premium:focus-within{box-shadow:var(--pozla-focus)!important}

input[type="checkbox"]:not(.edit-switch input):not(#selectAllPhotosChk):not(.photo-item-select-chk):not(.custom-select-all-label input):not(.photo-card-checkbox-wrap input),
.form-check-input[type="checkbox"],
.form-check-premium input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    flex: 0 0 20px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 1.5px solid var(--pozla-gold) !important;
    border-radius: 5px !important;
    background-color: var(--pozla-white) !important;
    outline: none !important;
    cursor: pointer !important;
    display: inline-grid !important;
    place-content: center !important;
    transition: all 0.18s ease !important;
    vertical-align: middle !important;
}

input[type="checkbox"]:not(.edit-switch input):not(#selectAllPhotosChk):not(.photo-item-select-chk):not(.custom-select-all-label input):not(.photo-card-checkbox-wrap input):checked,
.form-check-input[type="checkbox"]:checked,
.form-check-premium input[type="checkbox"]:checked {
    background-color: var(--pozla-gold) !important;
    border-color: var(--pozla-gold) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.2' d='m4.5 10 3.8 3.8 7.2-7.6'/%3e%3c/svg%3e") !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

input[type="checkbox"]:not(.edit-switch input):not(#selectAllPhotosChk):not(.photo-item-select-chk):not(.custom-select-all-label input):not(.photo-card-checkbox-wrap input):focus,
.form-check-input[type="checkbox"]:focus,
.form-check-premium input[type="checkbox"]:focus {
    border-color: var(--pozla-gold-dark) !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.22) !important;
}

.form-check-premium strong{display:block;color:var(--pozla-text)!important;font-size:.9rem!important}.form-check-premium small{display:block;margin-top:3px!important;color:var(--pozla-muted)!important;font-size:.77rem!important;line-height:1.45}

.btn,button,[role="button"],input[type="submit"],
.btn span,button span,[role="button"] span{
    font-family: var(--pozla-display) !important;
    font-size: 1.22rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
}

:where(.admin-content,main,.auth-page,.site-main) :where(.btn-dark,.btn-primary,.btn-primary-soft,.btn-submit,.btn-auth-submit,.social-save-btn,.campaign-form-submit,.assign-package-submit,.override-form-submit,.jobs-filter-submit,button[type="submit"]):not(.btn-danger):not(.btn-outline-danger):not(.btn-danger-soft):not(.danger-action-gradient):not(.sidebar-logout-btn):not(.admin-profile-menu-item):not(.icon-button):not([aria-label]){
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:40px;
    padding:8px 18px;
    color:var(--pozla-white)!important;
    background:var(--pozla-black)!important;
    border:1px solid var(--pozla-black)!important;
    border-radius:11px;
    box-shadow:0 6px 16px rgba(24,24,27,.12);
    font-family: var(--pozla-display) !important;
    font-size:1.22rem!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    text-decoration:none!important;
    cursor:pointer;
    transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease;
}

:where(.admin-content,main,.auth-page,.site-main) :where(.btn-dark,.btn-primary,.btn-primary-soft,.btn-submit,.btn-auth-submit,.social-save-btn,.campaign-form-submit,.assign-package-submit,.override-form-submit,.jobs-filter-submit,button[type="submit"]):not(.btn-danger):not(.btn-outline-danger):not(.btn-danger-soft):not(.danger-action-gradient):not(.sidebar-logout-btn):not(.admin-profile-menu-item):not(.icon-button):not([aria-label]):hover{
    color:var(--pozla-white)!important;
    background:var(--pozla-black-hover)!important;
    border-color:var(--pozla-black-hover)!important;
    box-shadow:0 10px 22px rgba(24,24,27,.18);
    transform:translateY(-1px);
}

:where(.admin-content,main,.auth-page,.site-main) :where(.btn-dark,.btn-primary,.btn-primary-soft,.btn-submit,.btn-auth-submit,.social-save-btn,.campaign-form-submit,.assign-package-submit,.override-form-submit,.jobs-filter-submit,button[type="submit"]) svg{
    width:15px;
    height:15px;
    color:var(--pozla-gold);
    stroke:var(--pozla-gold);
    flex-shrink:0;
    transition:transform .18s ease;
}

.btn-danger,.btn-danger-soft,.btn-outline-danger{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:40px;
    padding:8px 18px;
    border-radius:11px;
    font-family: var(--pozla-display) !important;
    font-size:1.22rem!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    cursor:pointer;
    transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.btn-danger,.btn-danger-soft{
    color:var(--pozla-danger)!important;
    background:var(--pozla-danger-soft)!important;
    border:1px solid #fecaca!important;
}
.btn-danger:hover,.btn-danger-soft:hover{
    background:#fee2e2!important;
    transform:translateY(-1px);
    box-shadow:0 6px 16px rgba(220,38,38,.15);
}

/* Alerts and empty states: Projects / Photos */
.alert,.validation-summary-alert,.account-info-alert,.jobs-alert-success{position:relative;margin:18px 0;padding:17px 20px 17px 66px!important;color:#555!important;background:linear-gradient(135deg,var(--pozla-white),#fdfbf7)!important;border:1px solid #ede5d5!important;border-radius:16px!important;box-shadow:0 4px 18px rgba(0,0,0,.035)!important;font-family:var(--pozla-body);line-height:1.5}
.alert::before,.validation-summary-alert::before,.account-info-alert::before,.jobs-alert-success::before{content:"i";position:absolute;top:50%;left:18px;display:grid;place-items:center;width:34px;height:34px;color:var(--pozla-white);background:linear-gradient(135deg,var(--pozla-gold),var(--pozla-gold-dark));border-radius:10px;box-shadow:0 4px 12px rgba(181,138,36,.22);font-family:var(--pozla-display);font-size:1.35rem;font-weight:800;transform:translateY(-50%)}
.participant-empty-alert::before,.photo-empty-alert::before,.participant-credit-alert::before,.selection-empty-alert::before,.selection-version-empty-alert::before,.subscription-empty-alert::before,.archive-empty-alert::before,.category-empty-alert::before,.delivery-empty-alert::before{content:none!important;display:none!important}
.photo-empty-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0 0 16px;padding:16px 22px!important;border:1px solid var(--pozla-gold)!important;border-radius:16px!important;background:linear-gradient(135deg,#fff 0%,#fdfbf7 100%)!important;box-shadow:0 4px 18px rgba(212,175,55,.08)!important;box-sizing:border-box;font-family:var(--pozla-display)!important}
.photo-empty-alert-wrap{display:flex;align-items:center;gap:16px;min-width:0}
.photo-empty-alert-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;color:#fff;background:linear-gradient(135deg,var(--pozla-gold),var(--pozla-gold-dark));border-radius:13px;box-shadow:0 4px 12px rgba(181,138,36,.25)}
.photo-empty-alert-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.photo-empty-alert-heading{margin:0 0 3px!important;color:var(--pozla-gold-dark)!important;font-family:var(--pozla-display)!important;font-size:1.6rem!important;font-weight:700!important;line-height:1.15!important}
.photo-empty-alert-desc{margin:0!important;color:var(--pozla-muted)!important;font-family:var(--pozla-display)!important;font-size:1.3rem!important;font-weight:600!important;line-height:1.35!important}
.photo-empty-alert.alert-danger-variant{border-color:#fecaca!important;background:linear-gradient(135deg,#fff,var(--pozla-danger-soft))!important}
.photo-empty-alert.alert-danger-variant .photo-empty-alert-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}
.photo-empty-alert.alert-danger-variant .photo-empty-alert-heading{color:#dc2626!important}
@media(max-width:700px){.photo-empty-alert{align-items:stretch;flex-direction:column}.photo-empty-alert-wrap{align-items:flex-start}.photo-empty-alert>a{width:100%}}
.alert-danger,.validation-summary-alert{color:#991b1b!important;background:linear-gradient(135deg,#fff,var(--pozla-danger-soft))!important;border-color:#fecaca!important}.alert-danger::before,.validation-summary-alert::before{content:"!";background:linear-gradient(135deg,#ef4444,#b91c1c)}
.alert-success,.jobs-alert-success{color:#166534!important;background:linear-gradient(135deg,#fff,var(--pozla-success-soft))!important;border-color:#bbf7d0!important}.alert-success::before,.jobs-alert-success::before{content:"?";background:linear-gradient(135deg,#22c55e,var(--pozla-success))}

/* Popups: session warning and message deletion confirmation */
.swal2-container{z-index:10000005!important;font-family:var(--pozla-body)!important;backdrop-filter:blur(7px)}.swal2-popup{width:min(92vw,480px)!important;padding:30px 30px 26px!important;overflow:hidden;background:var(--pozla-white)!important;border:1px solid rgba(212,175,55,.45)!important;border-radius:24px!important;box-shadow:0 30px 80px rgba(0,0,0,.28)!important}.swal2-title{color:var(--pozla-text)!important;font-size:1.85rem!important;line-height:1.1!important}.swal2-html-container{color:var(--pozla-muted)!important;font-size:.91rem!important;line-height:1.6!important}.swal2-actions{gap:10px!important}.swal2-confirm,.swal2-cancel{min-height:42px!important;padding:9px 22px!important;border-radius:11px!important;font-family:var(--pozla-display)!important;font-size:1.2rem!important;font-weight:700!important;line-height:1!important}.swal2-confirm{color:var(--pozla-white)!important;background:var(--pozla-black)!important}.swal2-cancel{color:var(--pozla-text)!important;background:var(--pozla-white)!important;border:1px solid var(--pozla-border)!important}

.pozla-swal-popup .pozla-swal-text {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: .02em !important;
}

.swal2-icon.pozla-swal-icon-gold.swal2-info {
    color: #b58a24 !important;
    border-color: #b58a24 !important;
}

.swal2-icon.pozla-swal-icon-gold.swal2-info .swal2-icon-content {
    color: #b58a24 !important;
}

.swal2-confirm.pozla-swal-btn-danger {
    color: #ffffff !important;
    background: linear-gradient(135deg, #f87171, #dc2626) !important;
    border-color: #dc2626 !important;
    box-shadow: 0 6px 20px rgba(220, 38, 38, .38) !important;
}

.swal2-confirm.pozla-swal-btn-danger:hover,
.swal2-confirm.pozla-swal-btn-danger:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
}

.danger-action-gradient.danger-action-gradient {
    color: #ffffff !important;
    background: linear-gradient(135deg, #f87171, #dc2626) !important;
    border-color: #dc2626 !important;
    box-shadow: 0 6px 20px rgba(220, 38, 38, .3) !important;
}

.danger-action-gradient.danger-action-gradient span,
.danger-action-gradient.danger-action-gradient svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.danger-action-gradient.danger-action-gradient:hover,
.danger-action-gradient.danger-action-gradient:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ef4444, #b91c1c) !important;
    border-color: #b91c1c !important;
    box-shadow: 0 8px 22px rgba(185, 28, 28, .36) !important;
}

/* Loading lens: no white disc/glow behind the aperture. */
.pozla-global-loader .loader-spinner-ring{
    background:transparent!important;
    box-shadow:none!important;
}
.pozla-global-loader .loader-spinner-ring::before{
    border-color:transparent!important;
    border-top-color:var(--pozla-gold-dark)!important;
    border-right-color:var(--pozla-gold)!important;
}
.pozla-global-loader .loader-inner-circle{
    box-shadow:none!important;
}
.pozla-global-loader .loader-brand-letter{
    background:radial-gradient(circle,#070708 0 22%,#2b2b30 23% 46%,#111 47% 100%)!important;
}
.pozla-global-loader .loader-content {
    max-width: 390px !important;
    padding: 34px 36px 30px !important;
}
.pozla-global-loader strong,
#pozla-loader-title {
    font-family: var(--pozla-display), "Smooch Sans", sans-serif !important;
    font-size: 1.95rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
    margin-bottom: 6px !important;
    display: block !important;
    line-height: 1.15 !important;
}
.pozla-global-loader p,
#pozla-loader-sub {
    font-family: var(--pozla-display), "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #52525b !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* Shared company-logo editor (Network Profilim + Hesab?m). */
.account-company-logo-card{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:22px;padding:22px 24px!important}
.account-company-logo-preview{display:grid;place-items:center;width:88px;height:88px;overflow:hidden;color:#18181b;background:#d4af37 center/cover no-repeat;border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px rgba(24,24,27,.18);font-family:var(--pozla-display);font-size:2.25rem;font-weight:800}
.account-company-logo-preview.has-logo{background-color:#18181b}.account-company-logo-copy h2{margin:2px 0 4px;font-size:1.8rem}.account-company-logo-copy p{max-width:650px;margin:0;color:var(--pozla-muted);font-size:.86rem;line-height:1.55}.account-company-logo-button{cursor:pointer}.account-company-logo-button input{display:none!important}
.watermark-logo-delete-form{display:flex;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid var(--pozla-border)}
.cropper-modal-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(12,12,14,.88);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s ease}
.cropper-modal-overlay.active{opacity:1;pointer-events:auto}.cropper-modal-dialog{display:flex;flex-direction:column;width:100%;max-width:820px;overflow:hidden;background:#18181b;border:1px solid rgba(212,175,55,.28);border-radius:20px;box-shadow:0 25px 65px rgba(0,0,0,.6);transform:translateY(18px) scale(.98);transition:transform .25s cubic-bezier(.16,1,.3,1)}.cropper-modal-overlay.active .cropper-modal-dialog{transform:translateY(0) scale(1)}
.cropper-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;background:#1f1f23;border-bottom:1px solid rgba(255,255,255,.08)}.cropper-badge{display:inline-block;margin-bottom:4px;padding:3px 9px;color:#e4c466;background:rgba(212,175,55,.15);border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.08em}.cropper-modal-header h3{margin:0;color:#fff;font-family:var(--pozla-display);font-size:1.6rem;line-height:1.1}.cropper-dimension-hint{margin:4px 0 0;color:#a1a1aa;font-size:.82rem}.cropper-dimension-hint strong{color:#f4f4f5}
.cropper-close-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;flex:0 0 34px!important;flex-shrink:0!important;aspect-ratio:1/1!important;border-radius:50%!important;padding:0!important;margin:0!important;line-height:0!important;font-size:0!important;color:#d4d4d8!important;background:#27272a!important;border:1px solid rgba(255,255,255,.15)!important;box-sizing:border-box!important;cursor:pointer!important;transition:all .15s ease!important}.cropper-close-btn:hover{color:#fff!important;background:#3f3f46!important;border-color:rgba(255,255,255,.3)!important;transform:scale(1.05)!important}.cropper-close-btn svg{width:14px!important;height:14px!important;stroke:currentColor!important;display:block!important;margin:0 auto!important;flex-shrink:0!important;pointer-events:none!important}.cropper-modal-body{padding:20px 24px;background:#141416}.cropper-canvas-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:380px;overflow:hidden;background:#09090b;border:1px solid rgba(255,255,255,.06);border-radius:12px}.cropper-canvas-wrapper img{display:block;max-width:100%}
.cropper-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.cropper-tools-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cropper-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;color:#e4e4e7;background:#1f1f23;border:1px solid #27272a;border-radius:9px;font-family:var(--pozla-display);font-size:1rem;font-weight:650;cursor:pointer;transition:all .15s ease}.cropper-tool-btn:hover{color:#fff;background:#27272a;border-color:#d4af37}.cropper-zoom-group{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#1f1f23;border:1px solid #27272a;border-radius:9px}.cropper-zoom-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;color:#fff;background:#27272a;border:0;border-radius:6px;font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer}.cropper-zoom-btn:hover{color:#111;background:#d4af37}.cropper-slider{width:120px;accent-color:#d4af37;cursor:pointer}
.cropper-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#1f1f23;border-top:1px solid rgba(255,255,255,.08)}.cropper-btn-secondary,.cropper-btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 20px;border-radius:11px;font-family:var(--pozla-display);font-size:1.2rem;font-weight:700;line-height:1;cursor:pointer;transition:all .15s ease}.cropper-btn-secondary{color:#d4d4d8;background:transparent;border:1px solid #3f3f46}.cropper-btn-secondary:hover{color:#fff;background:#27272a}.cropper-btn-primary{color:#111;background:linear-gradient(135deg,#f2d16b,#d4af37);border:0;box-shadow:0 4px 16px rgba(212,175,55,.25)}.cropper-btn-primary:hover{background:linear-gradient(135deg,#ffe082,#e5bf47);transform:translateY(-1px)}

/* Quick Add Button (Firma/Admin ?st Bar "Olu?tur" Butonu) & Panel Header Action Buttons */
.admin-quick-add-wrap {
    position: relative;
    margin-right: 6px;
}
.admin-quick-add-btn,
.admin-quick-add-btn span,
.btn-panel-header-action,
.btn-panel-header-action span,
.panel-card-header > a,
.panel-card-header > a span,
.btn-header-action,
.btn-header-action span,
.btn-filter-submit,
.btn-filter-submit span,
.btn-clear-filter,
.btn-clear-filter span,
.header-action-badge,
.header-action-badge span,
.header-action-badge strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
}
.admin-quick-add-btn,
.btn-panel-header-action,
.panel-card-header > a,
.btn-header-action.primary,
.btn-filter-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 8px 18px !important;
    border: 1px solid var(--pozla-black) !important;
    border-radius: 11px !important;
    background: var(--pozla-black) !important;
    color: var(--pozla-white) !important;
    cursor: pointer !important;
    box-shadow: 0 6px 16px rgba(24, 24, 27, .12) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.btn-header-action.outline,
.btn-clear-filter,
.header-action-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 8px 18px !important;
    border: 1px solid #dedbd3 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #18181b !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.admin-quick-add-btn svg,
.btn-panel-header-action svg,
.panel-card-header > a svg,
.btn-header-action.primary svg,
.btn-filter-submit svg,
.header-action-badge svg {
    width: 16px !important;
    height: 16px !important;
    color: var(--pozla-gold) !important;
    stroke: var(--pozla-gold) !important;
    flex-shrink: 0 !important;
    display: block !important;
    transition: transform .18s ease !important;
}
.btn-header-action.outline svg,
.btn-clear-filter svg {
    width: 16px !important;
    height: 16px !important;
    color: #71717a !important;
    stroke: #71717a !important;
    flex-shrink: 0 !important;
    display: block !important;
    transition: stroke .18s ease !important;
}
.admin-quick-add-btn:hover,
.btn-panel-header-action:hover,
.panel-card-header > a:hover,
.btn-header-action.primary:hover,
.btn-filter-submit:hover {
    background: var(--pozla-black-hover) !important;
    border-color: var(--pozla-black-hover) !important;
    color: var(--pozla-white) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(24, 24, 27, .18) !important;
    text-decoration: none !important;
}
.btn-header-action.outline:hover,
.btn-clear-filter:hover {
    background: #fbf9f4 !important;
    border-color: #d4af37 !important;
    color: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(212, 175, 55, 0.15) !important;
}
.btn-header-action.outline:hover svg,
.btn-clear-filter:hover svg {
    stroke: #b58a24 !important;
}
.admin-quick-add-btn:hover svg {
    transform: rotate(90deg);
}
.btn-panel-header-action:hover svg,
.panel-card-header > a:hover svg {
    transform: translateX(3px);
}

/* Form Right-Aligned Actions Container (Edit.cshtml standard) */
.admin-form-actions-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-top: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Project Luxury Tabs Navigation (UI_DESIGN_SYSTEM.md) */
.project-luxury-tab-bar {
    background: #ffffff !important;
    border: 1px solid #d4af37 !important;
    border-radius: 14px !important;
    padding: 6px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02) !important;
}
.project-tabs-left {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}
.project-tab-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 6px 18px !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #18181b !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.02em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.18s ease !important;
}
.project-tab-pill span {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.02em !important;
    color: inherit !important;
}
.project-tab-pill svg {
    stroke: #71717a !important;
    width: 17px !important;
    height: 17px !important;
    flex-shrink: 0 !important;
    display: block !important;
    transition: stroke 0.18s ease !important;
}
.project-tab-pill:hover {
    background: #fbf9f4 !important;
    color: #b58a24 !important;
    text-decoration: none !important;
}
.project-tab-pill:hover span {
    color: #b58a24 !important;
}
.project-tab-pill:hover svg {
    stroke: #b58a24 !important;
}
.project-tab-pill.active {
    background: #d4af37 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35) !important;
}
.project-tab-pill.active span {
    color: #ffffff !important;
    font-weight: 600 !important;
}
.project-tab-pill.active svg {
    stroke: #ffffff !important;
}

.project-more-dropdown {
    position: relative !important;
    display: inline-block !important;
}
.project-more-btn {
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 11px !important;
    border: 1px solid #dedbd3 !important;
    background: #ffffff !important;
    color: #18181b !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
    outline: none !important;
}
.project-more-btn svg {
    stroke: #18181b !important;
    width: 17px !important;
    height: 17px !important;
}
.project-more-btn:hover {
    background: #fbf9f4 !important;
    color: #b58a24 !important;
    border-color: #d4af37 !important;
}
.project-more-btn:hover svg {
    stroke: #b58a24 !important;
}
.project-more-btn.active,
.project-more-dropdown.open .project-more-btn {
    background: #d4af37 !important;
    color: #ffffff !important;
    border-color: #d4af37 !important;
    box-shadow: 0 4px 16px rgba(212, 175, 55, 0.35) !important;
}
.project-more-btn.active svg,
.project-more-dropdown.open .project-more-btn svg {
    stroke: #ffffff !important;
}
.project-more-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    min-width: 220px !important;
    background: #ffffff !important;
    border: 1px solid #dedbd3 !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.09) !important;
    padding: 6px !important;
    z-index: 1000 !important;
    display: none !important;
}
.project-more-dropdown.open .project-more-menu {
    display: block !important;
}
.project-more-menu a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #18181b !important;
    text-decoration: none !important;
    transition: all 0.15s ease !important;
}
.project-more-menu a span {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: inherit !important;
}
.project-more-menu a svg {
    stroke: #71717a !important;
    width: 16px !important;
    height: 16px !important;
}
.project-more-menu a:hover,
.project-more-menu a.active {
    background: #fbf3dc !important;
    color: #8b6717 !important;
    text-decoration: none !important;
}
.project-more-menu a:hover svg,
.project-more-menu a.active svg {
    stroke: #8b6717 !important;
}
.admin-quick-add-btn:focus-visible,
.btn-panel-header-action:focus-visible,
.panel-card-header > a:focus-visible,
.btn-header-action:focus-visible,
.admin-quick-add-wrap:has(.admin-quick-add-menu:not([hidden])) .admin-quick-add-btn {
    border-color: var(--pozla-gold) !important;
    box-shadow: var(--pozla-focus) !important;
}
.admin-quick-add-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    width: max-content !important;
    min-width: 300px !important;
    background: var(--pozla-white) !important;
    border: 1px solid rgba(212, 175, 55, .32) !important;
    border-radius: 16px !important;
    padding: 8px !important;
    box-shadow: 0 18px 45px rgba(24, 24, 27, .14) !important;
    z-index: 1000 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}
.admin-quick-add-menu[hidden] {
    display: none !important;
}
.quick-add-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 9px 14px !important;
    border-radius: 11px !important;
    text-decoration: none !important;
    color: var(--pozla-text) !important;
    white-space: nowrap !important;
    transition: background-color .15s ease, transform .15s ease, color .15s ease !important;
}
.quick-add-item:hover {
    background: var(--pozla-gold-soft) !important;
    color: var(--pozla-text) !important;
    transform: translateX(2px) !important;
}
.quick-add-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: rgba(212, 175, 55, .14) !important;
    color: var(--pozla-gold-dark) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}
.quick-add-icon svg {
    width: 19px !important;
    height: 19px !important;
    stroke: currentColor !important;
    display: block !important;
}
.quick-add-item:hover .quick-add-icon {
    background: var(--pozla-gold) !important;
    color: #18181b !important;
    transform: scale(1.05);
}
.quick-add-item strong {
    display: block !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: var(--pozla-text) !important;
    white-space: nowrap !important;
}
.quick-add-item small {
    display: block !important;
    margin-top: 2px !important;
    font-family: var(--pozla-body) !important;
    color: var(--pozla-muted) !important;
    font-size: .78rem !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}

/* Topbar Profile Pill & Dropdown Menu */
.admin-profile-wrap {
    position: relative;
}
.admin-profile-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 5px 12px 5px 6px !important;
    border-radius: 99px !important;
    background: var(--pozla-white) !important;
    border: 1px solid var(--pozla-border) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    cursor: pointer !important;
    text-align: left !important;
    transition: all 0.18s ease !important;
}
.admin-profile-pill:hover {
    border-color: var(--pozla-gold) !important;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.15) !important;
    transform: translateY(-1px) !important;
}
.admin-profile-wrap:has(.admin-profile-menu:not([hidden])) .admin-profile-pill,
.admin-profile-pill:focus-visible {
    border-color: var(--pozla-gold) !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2) !important;
}
.admin-avatar {
    position: relative !important;
    overflow: hidden !important;
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #f2d16b, #b78c20) !important;
    color: #111111 !important;
    font-weight: 800 !important;
    font-size: 0.88rem !important;
    flex-shrink: 0 !important;
}
.admin-avatar.has-image,
.admin-avatar:has(> img:not([style*="display: none"])),
.chat-shell .chat-avatar.has-image,
.chat-shell .chat-avatar:has(> img:not([style*="display: none"])) {
    background: transparent !important;
    color: transparent !important;
}
.admin-avatar.has-image .avatar-fallback,
.admin-avatar:has(> img:not([style*="display: none"])) .avatar-fallback,
.chat-shell .chat-avatar.has-image .avatar-fallback,
.chat-shell .chat-avatar:has(> img:not([style*="display: none"])) .avatar-fallback {
    display: none !important;
}
.admin-avatar img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    background: #ffffff !important;
}
.admin-profile-info {
    display: flex !important;
    flex-direction: column !important;
    max-width: 160px !important;
}
.admin-profile-info strong {
    font-family: var(--pozla-body) !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--pozla-text) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.admin-profile-info small {
    font-family: var(--pozla-body) !important;
    font-size: 0.72rem !important;
    color: var(--pozla-muted) !important;
    line-height: 1.2 !important;
}
.admin-profile-arrow {
    display: grid !important;
    place-items: center !important;
    color: var(--pozla-muted) !important;
    transition: transform 0.18s ease, color 0.18s ease !important;
    margin-left: 2px !important;
}
.admin-profile-wrap:has(.admin-profile-menu:not([hidden])) .admin-profile-arrow {
    transform: rotate(180deg) !important;
    color: var(--pozla-gold) !important;
}
.admin-profile-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    width: max-content !important;
    min-width: 240px !important;
    background: var(--pozla-white) !important;
    border: 1px solid rgba(212, 175, 55, 0.32) !important;
    border-radius: 16px !important;
    padding: 8px !important;
    box-shadow: 0 18px 45px rgba(24, 24, 27, 0.14) !important;
    z-index: 1000 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}
.admin-profile-menu[hidden] {
    display: none !important;
}
.admin-profile-menu-header {
    padding: 8px 12px 6px !important;
    text-align: left !important;
}
.admin-profile-menu-header strong {
    display: block !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: var(--pozla-text) !important;
    line-height: 1.15 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
}
.admin-profile-menu-header small {
    display: block !important;
    margin-top: 1px !important;
    font-family: "Roboto", sans-serif !important;
    color: var(--pozla-muted) !important;
    font-size: 0.78rem !important;
    text-align: left !important;
}
.admin-profile-menu-divider {
    height: 1px !important;
    background: #ebe7de !important;
    margin: 4px 6px !important;
}
.admin-profile-menu-item,
.admin-profile-menu-item span:not(.profile-menu-icon) {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    text-align: left !important;
}
.admin-profile-menu-item {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 6px 12px !important;
    min-height: 44px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    text-decoration: none !important;
    color: var(--pozla-text) !important;
    background: transparent !important;
    width: 100% !important;
    text-align: left !important;
    cursor: pointer !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    transition: background-color 0.18s ease, transform 0.18s ease, color 0.18s ease !important;
}
.admin-profile-menu-item:hover {
    background: var(--pozla-gold-soft) !important;
    color: var(--pozla-text) !important;
    transform: translateX(3px) !important;
    box-shadow: none !important;
}
.profile-menu-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    border-radius: 10px !important;
    background: rgba(212, 175, 55, 0.14) !important;
    color: var(--pozla-gold-dark) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease !important;
}
.profile-menu-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
    display: block !important;
}
.admin-profile-menu-item:hover .profile-menu-icon {
    background: var(--pozla-gold) !important;
    color: #18181b !important;
    transform: scale(1.05);
}
.admin-profile-logout-form {
    display: block !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
}
.admin-profile-menu-item.logout-item {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-height: 44px !important;
    padding: 6px 12px !important;
    border-radius: 11px !important;
    background: var(--pozla-black) !important;
    color: var(--pozla-white) !important;
    border: 1px solid var(--pozla-black) !important;
    box-shadow: 0 4px 12px rgba(24, 24, 27, 0.15) !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
    width: 100% !important;
    text-align: left !important;
}
.admin-profile-menu-item.logout-item:hover {
    background: var(--pozla-black-hover) !important;
    border-color: var(--pozla-black-hover) !important;
    color: var(--pozla-white) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(24, 24, 27, 0.22) !important;
}
.admin-profile-menu-item.logout-item .profile-menu-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    background: transparent !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.admin-profile-menu-item.logout-item .profile-menu-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
    display: block !important;
}
.admin-profile-menu-item.logout-item:hover .profile-menu-icon {
    background: transparent !important;
    color: #ffffff !important;
    transform: scale(1.08);
}
.admin-profile-menu-item.logout-item:hover .profile-menu-icon svg {
    stroke: #ffffff !important;
}

:where(.admin-content,main) :where(.panel-card,.form-section,.admin-card,.settings-card){border-color:var(--pozla-border);border-radius:var(--pozla-radius-lg);box-shadow:var(--pozla-shadow)}
@media(max-width:700px){.site-header .nav-link,.admin-nav-link,.sidebar-site-link,.admin-nav-link.social-sub-link{font-size:1.1rem!important}.alert,.validation-summary-alert,.account-info-alert,.jobs-alert-success{padding:16px 16px 16px 60px!important}}
@media(max-width:700px){.account-company-logo-card{grid-template-columns:auto 1fr;padding:18px!important}.account-company-logo-button{grid-column:1/-1;width:100%}.cropper-canvas-wrapper{height:260px}.cropper-toolbar{flex-direction:column;align-items:stretch}.cropper-tools-group{justify-content:center}.cropper-zoom-group{justify-content:center;width:100%}}

/* ==========================================================================
   LEGAL (PRIVACY / TERMS) & SUPPORT PAGES STYLING
   ========================================================================== */
.legal-page-shell,
.support-page-shell {
    min-height: 80vh;
    background: #fdfdfc;
    color: #18181b;
    padding-bottom: 80px;
}
.legal-hero-banner,
.support-hero-banner {
    position: relative;
    background: linear-gradient(135deg, #09090b 0%, #121214 50%, #18181b 100%);
    padding: 70px 0 60px;
    color: #ffffff;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
    overflow: hidden;
}
.legal-hero-banner::before,
.support-hero-banner::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.legal-hero-badge,
.support-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    border-radius: 99px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.35);
    color: #d4af37;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.legal-hero-banner h1,
.support-hero-banner h1 {
    font-family: var(--pozla-display) !important;
    font-size: clamp(2.6rem, 5vw, 3.8rem) !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.05 !important;
    margin: 0 0 14px !important;
    letter-spacing: 0.01em !important;
}
.legal-hero-banner p,
.support-hero-banner p {
    font-family: "Roboto", sans-serif;
    font-size: 1.05rem;
    color: #a1a1aa;
    max-width: 680px;
    line-height: 1.6;
    margin: 0 0 16px;
}
.legal-meta-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.8rem;
    color: #71717a;
}

/* Legal Content Grid */
.legal-content-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 48px;
    margin-top: 48px;
}
.legal-main-body {
    background: #ffffff;
    border: 1px solid #ede8df;
    border-radius: 20px;
    padding: 40px 48px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}
.legal-section-block {
    margin-bottom: 40px;
    scroll-margin-top: 100px;
}
.legal-section-block:last-child {
    margin-bottom: 0;
}
.legal-section-block h2 {
    font-family: var(--pozla-display) !important;
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
    margin: 0 0 14px !important;
    padding-bottom: 8px;
    border-bottom: 2px solid #f4f0e6;
}
.legal-section-block p {
    font-family: "Roboto", sans-serif;
    font-size: 0.94rem;
    color: #4b5563;
    line-height: 1.7;
    margin: 0 0 14px;
}
.legal-list {
    margin: 0 0 16px;
    padding-left: 20px;
}
.legal-list li {
    font-family: "Roboto", sans-serif;
    font-size: 0.92rem;
    color: #4b5563;
    line-height: 1.65;
    margin-bottom: 8px;
}
.legal-feature-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 20px 0;
}
.legal-card {
    padding: 20px;
    border-radius: 14px;
    background: #fdfbf7;
    border: 1px solid #ede5d5;
}
.legal-card-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(212, 175, 55, 0.15);
    color: #b58a24;
    display: grid;
    place-items: center;
    margin-bottom: 12px;
}
.legal-card h3 {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    margin: 0 0 6px !important;
}
.legal-card p {
    font-size: 0.84rem !important;
    color: #6b7280 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}
.legal-alert-box {
    padding: 16px 20px;
    border-radius: 12px;
    background: #fffbeb;
    border-left: 4px solid #d4af37;
    margin: 20px 0;
}
.legal-alert-box strong {
    display: block;
    color: #b45309;
    font-size: 0.88rem;
    margin-bottom: 4px;
}
.legal-alert-box span {
    font-size: 0.84rem;
    color: #92400e;
    line-height: 1.5;
}

/* Sidebar Widgets */
.legal-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.legal-nav-widget,
.legal-contact-widget {
    background: #ffffff;
    border: 1px solid #d4af37;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);
}
.legal-nav-widget h3,
.legal-contact-widget h3 {
    font-family: var(--pozla-display) !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    margin: 0 0 14px !important;
}
.legal-nav-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.legal-nav-widget a {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    color: #4b5563;
    font-size: 0.88rem;
    text-decoration: none;
    transition: all 0.15s ease;
}
.legal-nav-widget a:hover {
    background: #fff7dc;
    color: #b58a24;
    transform: translateX(4px);
}
.legal-contact-widget p {
    font-size: 0.84rem;
    color: #6b7280;
    line-height: 1.55;
    margin: 0 0 16px;
}
.btn-legal-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 18px;
    border-radius: 11px;
    background: #18181b;
    color: #ffffff !important;
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.22rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(24, 24, 27, 0.12);
    transition: all 0.18s ease;
}
.btn-legal-contact:hover {
    background: #27272a;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(24, 24, 27, 0.18);
}

/* Support Page Categories & FAQ */
.support-content-container {
    margin-top: 48px;
}
.support-categories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 50px;
}
.support-category-card {
    background: #ffffff;
    border: 1px solid #d4af37;
    border-radius: 18px;
    padding: 28px 24px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    transition: all 0.22s ease;
}
.support-category-card:hover {
    transform: translateY(-3px);
    border-color: rgba(212, 175, 55, 0.45);
    box-shadow: 0 10px 25px rgba(181, 138, 36, 0.1);
}
.support-cat-icon {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15), rgba(181, 138, 36, 0.08));
    color: #b58a24;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
}
.support-category-card h3 {
    font-family: var(--pozla-display) !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    margin: 0 0 8px !important;
}
.support-category-card p {
    font-family: "Roboto", sans-serif;
    font-size: 0.84rem;
    color: #6b7280;
    line-height: 1.55;
    margin: 0 0 18px;
    flex: 1;
}
.cat-link {
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.18rem;
    font-weight: 700;
    color: #b58a24;
    text-decoration: none;
    transition: all 0.15s ease;
}
.cat-link:hover {
    color: #18181b;
    transform: translateX(3px);
}

/* FAQ Accordion */
.support-faq-section {
    background: #ffffff;
    border: 1px solid #d4af37;
    border-radius: 22px;
    padding: 40px 48px;
    margin-bottom: 40px;
}
.faq-header {
    margin-bottom: 28px;
}
.faq-kicker {
    display: block;
    color: #b58a24;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 6px;
}
.faq-header h2 {
    font-family: var(--pozla-display) !important;
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
    margin: 0 !important;
}
.faq-accordion-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.faq-accordion-item details {
    border: 1px solid #d4af37;
    border-radius: 14px;
    background: #fdfdfc;
    overflow: hidden;
    transition: border-color 0.2s ease;
}
.faq-accordion-item details[open] {
    border-color: rgba(212, 175, 55, 0.4);
    background: #ffffff;
}
.faq-accordion-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #18181b;
    cursor: pointer;
    list-style: none;
}
.faq-accordion-item summary::-webkit-details-marker {
    display: none;
}
.faq-toggle-icon {
    font-size: 1.5rem;
    color: #b58a24;
    font-weight: 400;
}
.faq-body {
    padding: 0 24px 20px;
    font-family: "Roboto", sans-serif;
    font-size: 0.92rem;
    color: #4b5563;
    line-height: 1.65;
}

/* Contact Support CTA */
.support-contact-banner {
    background: linear-gradient(135deg, #18181b 0%, #1f1f23 100%);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 20px;
    padding: 36px 44px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.contact-banner-content h2 {
    font-family: var(--pozla-display) !important;
    font-size: 2.4rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 16px !important;
    line-height: 1.15 !important;
}
.contact-banner-content p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    color: #d4d4d8 !important;
    line-height: 1.35 !important;
    margin: 0 0 24px !important;
}
.btn-support-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 12px;
    background: #d4af37;
    color: #18181b !important;
    font-family: "Smooch Sans", sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(212, 175, 55, 0.25);
    transition: all 0.18s ease;
    white-space: nowrap;
}
.btn-support-action:hover {
    background: #f2d16b;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(212, 175, 55, 0.35);
}

@media (max-width: 991px) {
    .legal-content-grid {
        grid-template-columns: 1fr;
    }
    .support-categories-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .support-contact-banner {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 576px) {
    .support-categories-grid {
        grid-template-columns: 1fr;
    }
    .legal-main-body,
    .support-faq-section {
        padding: 24px 20px;
    }
}

.btn-remove-crew,
button.btn-remove-crew,
form.remove-crew-form button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #f87171 0%, #dc2626 52%, #b91c1c 100%) !important;
    border: 1px solid #dc2626 !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 3px 10px rgba(220, 38, 38, 0.3) !important;
}
.btn-remove-crew svg,
button.btn-remove-crew svg,
form.remove-crew-form button svg {
    stroke: #ffffff !important;
    width: 17px !important;
    height: 17px !important;
    display: block !important;
    margin: auto !important;
}
.btn-remove-crew:hover,
button.btn-remove-crew:hover,
form.remove-crew-form button:hover {
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 58%, #991b1b 100%) !important;
    border-color: #b91c1c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.4) !important;
}

.btn-trash-header-pill,
button.btn-trash-header-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 20px !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #b91c1c 100%) !important;
    border: 1px solid #dc2626 !important;
    color: #ffffff !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.01em !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    outline: none !important;
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.3) !important;
    text-decoration: none !important;
}
.btn-trash-header-pill span,
button.btn-trash-header-pill span {
    color: #ffffff !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}
.btn-trash-header-pill svg,
button.btn-trash-header-pill svg {
    stroke: #ffffff !important;
    width: 17px !important;
    height: 17px !important;
    display: block !important;
    transition: transform 0.2s ease !important;
}
.btn-trash-header-pill:hover,
button.btn-trash-header-pill:hover {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 50%, #991b1b 100%) !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(185, 28, 28, 0.45) !important;
}
.btn-trash-header-pill:hover svg,
button.btn-trash-header-pill:hover svg {
    stroke: #ffffff !important;
    transform: scale(1.1) !important;
}

/* ==========================================================================
   PREMIUM SITE FOOTER SMOOCH SANS TYPOGRAPHY ENHANCEMENTS
   ========================================================================== */
.site-footer-premium,
.site-footer-premium * {
    font-family: "Smooch Sans", sans-serif;
}
.site-footer-premium .footer-nav-col h3,
.site-footer-premium .footer-tech-col h3 {
    font-family: var(--pozla-display) !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: 0.02em !important;
    margin-bottom: 18px !important;
}
.site-footer-premium .footer-links a {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #a1a1aa !important;
    line-height: 1.2 !important;
    transition: all 0.2s ease !important;
}
.site-footer-premium .footer-links a:hover {
    color: #d4af37 !important;
    transform: translateX(4px) !important;
}
.site-footer-premium .footer-tech-badge {
    padding: 10px 16px !important;
    border-radius: 12px !important;
    background: #121214 !important;
    border: 1px solid #27272a !important;
}
.site-footer-premium .footer-tech-badge span {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #e4e4e7 !important;
    line-height: 1 !important;
}
.site-footer-premium .footer-brand-text {
    font-family: var(--pozla-display) !important;
    font-size: 1.28rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #a1a1aa !important;
}
.site-footer-premium .footer-trust-pill {
    padding: 6px 14px !important;
}
.site-footer-premium .footer-trust-pill span {
    font-family: var(--pozla-display) !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #d4d4d8 !important;
}
.site-footer-premium .footer-copyright {
    font-family: var(--pozla-display) !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
}
.site-footer-premium .footer-legal-links a {
    font-family: var(--pozla-display) !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
}
.site-footer-premium .footer-legal-links a:hover {
    color: #d4af37 !important;
}

/* ==========================================================================
   HOMEPAGE POZLA NETWORK & COMMUNITY SHOWCASE STYLES (LUXURY PILLARS)
   ========================================================================== */
.section-network-social {
    padding: 90px 0;
    background: radial-gradient(circle at 10% 20%, rgba(212, 175, 55, 0.06), transparent 35%), #faf9f6;
    border-top: 1px solid #ede8dc;
    border-bottom: 1px solid #ede8dc;
}
.network-showcase-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 24px;
    align-items: stretch;
}
.network-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 34px 28px;
    border-radius: 22px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.04);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.network-card:hover {
    transform: translateY(-5px);
    border-color: rgba(212, 175, 55, 0.45);
    box-shadow: 0 20px 48px rgba(212, 175, 55, 0.12);
}
.network-featured-card {
    border-color: rgba(212, 175, 55, 0.5) !important;
    background: radial-gradient(circle at 100% 0, rgba(212, 175, 55, 0.1), transparent 50%), #ffffff;
    box-shadow: 0 16px 42px rgba(212, 175, 55, 0.08);
}
.network-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.network-icon-box {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #18181b;
    color: #d4af37;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(24, 24, 27, 0.15);
}
.network-icon-box.gold-box {
    background: linear-gradient(135deg, #f2d16b, #b78c20);
    color: #18181b;
    box-shadow: 0 6px 16px rgba(212, 175, 55, 0.35);
}
.network-pill-tag {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 12px !important;
    border-radius: 99px !important;
    background: #f8f1df !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    color: #8b6717 !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.network-pill-tag.tag-gold {
    background: linear-gradient(135deg, #f2d16b, #b78c20) !important;
    color: #111111 !important;
    border: 0 !important;
}
.network-card h3 {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.85rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.01em !important;
}
.network-card p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    margin-bottom: 20px !important;
}
.network-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.network-feature-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.28rem !important;
    font-weight: 700 !important;
    color: #3f3f46 !important;
    line-height: 1.35 !important;
}
.network-feature-list li span {
    color: #d4af37 !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
    margin-top: 1px !important;
}
.network-feature-list li strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.32rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
}
.network-stories-preview {
    display: flex;
    flex-direction: column;
    padding: 14px;
    background: #faf9f6;
    border: 1px solid #ede8dc;
    border-radius: 16px;
    margin-bottom: 16px;
    gap: 10px;
}
.stories-avatar-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}
.story-avatar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    flex: 1;
    text-align: center;
}
.story-ring {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    padding: 2px;
    background: linear-gradient(135deg, #d4af37, #f5a623);
    display: grid;
    place-items: center;
}
.story-ring.empty-ring {
    background: #dedbd3;
}
.story-avatar-text {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #18181b;
    color: #ffffff;
    display: grid;
    place-items: center;
    font-family: var(--pozla-display) !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    border: 2px solid #ffffff;
}
.story-avatar-item small {
    font-family: var(--pozla-body) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #3f3f46 !important;
    white-space: nowrap !important;
    line-height: 1.1 !important;
    margin-top: 2px !important;
}
.story-pulse-note {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.22rem !important;
    font-weight: 800 !important;
    color: #8b6717 !important;
    padding-top: 8px;
    border-top: 1px dashed #e7e2d6;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}
.job-mini-preview {
    padding: 14px 16px;
    background: #faf9f6;
    border: 1px solid #ede8dc;
    border-radius: 16px;
    margin-bottom: 16px;
}
.job-preview-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}
.job-role-pill {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #8b6717;
    background: #fdf6e2;
    border: 1px solid #eedeb5;
    padding: 3px 8px;
    border-radius: 6px;
    line-height: 1 !important;
    white-space: nowrap !important;
}
.job-fee-badge {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #15803d !important;
    white-space: nowrap !important;
}
.job-mini-preview strong {
    display: block !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
}
.job-preview-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    font-family: var(--pozla-body) !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: #71717a !important;
    margin-bottom: 10px !important;
}
.job-preview-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2px;
}
.job-applicant-count {
    font-family: var(--pozla-body) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
}
.job-mini-link {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.22rem !important;
    font-weight: 800 !important;
    color: #d4af37 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.specialty-pills-preview {
    padding: 12px 14px;
    background: #faf9f6;
    border: 1px solid #ede8dc;
    border-radius: 16px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.profile-preview-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    padding: 6px 12px;
    border-radius: 10px;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
}
.profile-preview-chip strong {
    font-family: "Smooch Sans", sans-serif !important;
    color: #8b6717 !important;
}
.spec-pills-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}
.spec-pill {
    padding: 4px 11px;
    border-radius: 99px;
    background: #ffffff;
    border: 1px solid #dedbd3;
    color: #3f3f46;
    font-family: var(--pozla-display) !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}
.spec-pill.active {
    background: #fff7dc !important;
    border-color: #d4af37 !important;
    color: #8b6717 !important;
    font-weight: 800 !important;
}

.network-card-action {
    padding-top: 18px;
    border-top: 1px solid #f0ece1;
}
.btn-network-action span, .btn-outline-secondary span {
    font-family: "Smooch Sans", sans-serif !important;
    font-weight: 700 !important;
}
.btn-network-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: fit-content !important;
    padding: 9px 20px !important;
    min-height: 42px !important;
    border-radius: 11px !important;
    background: #18181b !important;
    color: #ffffff !important;
    border: 1px solid #18181b !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.22rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(24, 24, 27, 0.12) !important;
    transition: all 0.18s ease !important;
}
.btn-network-action:hover {
    background: #27272a !important;
    color: #ffffff !important;
    border-color: #27272a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(24, 24, 27, 0.18) !important;
    text-decoration: none !important;
}
.btn-network-action svg {
    color: #d4af37 !important;
    stroke: #d4af37 !important;
    width: 16px !important;
    height: 16px !important;
    transition: transform 0.18s ease !important;
}
.btn-network-action:hover svg {
    transform: translateX(3px) !important;
}

/* Audience Grid 4-column responsive layout */
.audience-section .audience-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 18px !important;
}
.audience-card { overflow: visible !important; display: flex !important; flex-direction: column !important; height: 100% !important; }
.audience-footer-tag { margin-top: auto !important; padding-top: 18px !important; border-top: 1px dashed #e8e3d5 !important;
    margin-top: 20px;
    font-family: var(--pozla-display) !important;
    font-size: 1.18rem !important;
    font-weight: 800 !important;
    color: #b58a24;
    letter-spacing: 0.02em;
}
.featured-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 16px;
    border-radius: 99px;
    background: linear-gradient(135deg, #f2d16b, #d4af37);
    color: #111111;
    font-family: var(--pozla-display) !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.25);
    white-space: nowrap;
    border: 1px solid #ffffff;
}

/* Eyebrow Pill Global Luxury Standard */
.eyebrow-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 5px 15px !important;
    min-height: 30px !important;
    border-radius: 99px !important;
    background: #f8f1df !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    color: #8b6717 !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.32rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    margin-bottom: 16px !important;
    box-shadow: 0 2px 8px rgba(212, 175, 55, 0.08) !important;
    width: auto !important;
    max-width: max-content !important;
}
.eyebrow-pill,
.eyebrow-pill *,
.eyebrow-text {
    font-family: var(--pozla-display) !important;
    font-size: 1.32rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    line-height: 1 !important;
    color: inherit !important;
    white-space: nowrap !important;
}
.eyebrow-pill.eyebrow-dark {
    background: rgba(212, 175, 55, 0.14) !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
    color: #d4af37 !important;
}
.eyebrow-pill.eyebrow-dark .eyebrow-text {
    color: #d4af37 !important;
}
.eyebrow-pill .pulse-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #d4af37 !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7) !important;
    animation: pulseGlow 2s infinite !important;
}

/* Homepage section labels: clean text marker instead of rounded pill badges. */
:is(.hero, .section-workflow, .section-network-social, .simulator-showcase, .feature-band, .visual-stories, .security-section, .audience-section, .section-faq, .cta-section) .eyebrow-pill {
    gap: 10px !important;
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #9f7719 !important;
    font-family: var(--pozla-display) !important;
    margin-bottom: 14px !important;
    max-width: min(100%, max-content) !important;
    text-transform: none !important;
}

:is(.hero, .section-workflow, .section-network-social, .simulator-showcase, .feature-band, .visual-stories, .security-section, .audience-section, .section-faq, .cta-section) .eyebrow-pill .pulse-dot {
    width: 28px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #d4af37, rgba(212, 175, 55, 0.3)) !important;
    box-shadow: none !important;
    animation: none !important;
}

:is(.hero, .section-workflow, .section-network-social, .simulator-showcase, .feature-band, .visual-stories, .security-section, .audience-section, .section-faq, .cta-section) .eyebrow-pill .eyebrow-text {
    color: inherit !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

@media (max-width: 600px) {
    :is(.hero, .section-workflow, .section-network-social, .simulator-showcase, .feature-band, .visual-stories, .security-section, .audience-section, .section-faq, .cta-section) .eyebrow-pill .eyebrow-text {
        font-size: 1.34rem !important;
        white-space: normal !important;
    }
}

@media (max-width: 768px) {
    .cta-text-col h2 .nowrap-desktop {
        white-space: normal !important;
    }
}

/* =========================================================================
   GLOBAL IMAGE & PNG VIEWING STANDARD: PURE WHITE BACKGROUND (#FFFFFF)
   Tüm resim ve şeffaf PNG görüntüleme alanlarında beyaz zemin kuralı
   ========================================================================= */
img:not(.site-logo-img):not(.site-logo-img-footer):not(.site-logo-img-admin):not(.brand-footer img):not(.footer-logo):not(.footer-logo img):not(.auth-side-logo img):not(.session-warning-logo-img):not(.live-wm-logo):not(#liveWatermarkLogo):not(.watermark-logo-overlay):not(.nav-svg):not(.auth-brand-logo) {
    background-color: #ffffff;
}

/* Proje Fotoğrafları Yönetimi ve Tam Ekran Lightbox */
.photo-preview,
.photo-preview img,
.photo-manage-card .photo-preview,
.photo-manage-card .photo-preview img,
.lightbox-image-viewport img,
.photo-lightbox img,
#lightbox-img {
    background-color: #ffffff !important;
}

/* Müşteri Galerisi ve Karşılaştırma Modalı */
.customer-photo-image,
.customer-photo-image img,
.customer-photo-card .customer-photo-image,
.customer-photo-card .customer-photo-image img,
.retouch-pin-image,
.retouch-pin-image img,
#compare-a img,
#compare-b img,
.gallery-compare-modal img {
    background-color: #ffffff !important;
}

/* Sosyal Albümler ve Tam Ekran Düzenleyici */
.social-album-photo-preview,
.social-album-photo-preview img,
.social-album-photo-card .social-album-photo-preview,
.social-album-photo-card .social-album-photo-preview img,
.album-editor-stage img,
#album-editor-image,
.profile-album-cover,
.profile-album-cover img,
#albumViewerImg {
    background-color: #ffffff !important;
}

/* Sosyal Ağ / Feed, Hikaye ve Gönderi Medyaları */
.post-detail-media,
.post-detail-media img,
.post-media,
.post-media img,
.post-preview,
.post-preview img,
.feed-lightbox img,
[data-feed-lightbox] img,
.story-stage > img,
.story-viewer-stage img,
[data-story-image] {
    background-color: #ffffff !important;
}

/* Mesajlaşma Görselleri ve Chat Lightbox */
.chat-image,
.chat-image img,
.chat-lightbox img,
[data-chat-lightbox] img,
.chat-bubble.has-media img {
    background-color: #ffffff !important;
}

/* Profil, Avatar ve Logo Kırpma / Önizleme */
.account-company-logo-preview,
.account-company-logo-img,
.cropper-canvas-wrapper,
.cropper-canvas-wrapper img,
.cropper-view-box,
.cropper-view-box img,
.cropper-face,
.existing-logo-img-wrapper,
.existing-logo-img-wrapper img,
.profile-avatar-wrapper img,
.post-detail-avatar img,
.feed-post .post-avatar img {
    background-color: #ffffff !important;
}

/* PNG uzantılı veya PNG içerikli tüm görseller */
img[src$=".png" i]:not(.auth-side-logo img):not(.site-logo-img):not(.site-logo-img-footer):not(.site-logo-img-admin):not(.brand-footer img):not(.footer-logo):not(.footer-logo img):not(.session-warning-logo-img):not(.live-wm-logo):not(#liveWatermarkLogo),
img[src*=".png?" i]:not(.auth-side-logo img):not(.site-logo-img):not(.site-logo-img-footer):not(.site-logo-img-admin):not(.brand-footer img):not(.footer-logo):not(.footer-logo img):not(.session-warning-logo-img):not(.live-wm-logo):not(#liveWatermarkLogo),
img[src*="format=png" i]:not(.auth-side-logo img):not(.site-logo-img):not(.site-logo-img-footer):not(.site-logo-img-admin):not(.brand-footer img):not(.footer-logo):not(.footer-logo img):not(.session-warning-logo-img):not(.live-wm-logo):not(#liveWatermarkLogo),
img[src*="kind=logo" i]:not(.auth-side-logo img):not(.site-logo-img):not(.site-logo-img-footer):not(.site-logo-img-admin):not(.brand-footer img):not(.footer-logo):not(.footer-logo img):not(.session-warning-logo-img),
img[src*="CompanyLogo" i]:not(.auth-side-logo img):not(.site-logo-img):not(.site-logo-img-footer):not(.site-logo-img-admin):not(.brand-footer img):not(.footer-logo):not(.footer-logo img):not(.session-warning-logo-img) {
    background-color: #ffffff !important;
}

/* Giriş, Kayıt Ol, Header ve Footer Marka Logoları Transparan Zemin Kuralı */
.auth-page-wrapper .auth-side-logo,
.auth-page-wrapper .auth-side-logo img,
.auth-brand-side .auth-side-logo,
.auth-brand-side .auth-side-logo img,
.auth-brand-header .auth-side-logo,
.auth-brand-header .auth-side-logo img,
.auth-side-logo,
.auth-side-logo img,
.site-logo-img,
.site-logo-img-footer,
.site-logo-img-admin,
.brand-footer,
.brand-footer img,
.footer-brand-col img,
.site-footer-premium img,
.site-header .site-logo-img,
.site-footer .footer-logo,
.site-footer .footer-logo img,
.session-warning-logo-img,
.admin-topbar-mobile-logo img {
    background-color: transparent !important;
    background: transparent !important;
}

:is(.feature-band, .cta-section) .eyebrow-pill,
:is(.feature-band, .cta-section) .eyebrow-pill.eyebrow-dark {
    color: #f1c84b !important;
}

:is(.feature-band, .cta-section) .eyebrow-pill .pulse-dot {
    background: linear-gradient(90deg, #f1c84b, rgba(241, 200, 75, 0.35)) !important;
}

/* Landing Page Smooch Sans Typography Enforcement */
.hero h1,
.hero h1 em,
.section-header h2,
.feature-band h2,
.story-copy h2,
.security-intro h2,
.audience-heading h2,
.cta-inner h2,
.step-card h3,
.feature-card h3,
.audience-card h3,
.faq-question span:first-child,
.sim-stat-number,
.sim-stat-label,
.sim-hint,
.trust-item strong,
.trust-item span,
.floating-badge b,
.floating-badge small,
.story-pill strong,
.story-pill span,
.sec-point-item strong,
.sec-badge span,
.slider-counter,
.slider-counter span,
.eyebrow-text,
.eyebrow-pill {
    font-family: var(--pozla-display) !important;
}

.slider-counter,
.slider-counter .current-slide,
.slider-counter .counter-slash,
.slider-counter .total-slides {
    font-family: var(--pozla-display) !important;
    line-height: 1 !important;
}

.faq-question span:first-child {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}
.step-card h3,
.feature-card h3,
.audience-card h3 {
    font-size: 1.7rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}
.hero-trust-badges {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}
.trust-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.trust-item strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #18181b !important;
    white-space: nowrap !important;
    display: block !important;
}
.trust-item span {
    font-family: var(--pozla-display) !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    display: block !important;
}
.sim-stat-number {
    font-size: 2.2rem !important;
    font-weight: 800 !important;
}
.sim-stat-label {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
}
.sim-hint {
    font-family: var(--pozla-display) !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #4b4b50 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
}
.btn-sim-action {
    font-family: var(--pozla-display) !important;
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    background: #18181b !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
}
.floating-badge b {
    font-size: 1.18rem !important;
    font-weight: 800 !important;
}
.floating-badge small {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
}
.sec-point-item strong {
    font-size: 1.25rem !important;
    font-weight: 800 !important;
}
.sec-badge span {
    font-size: 1.18rem !important;
    font-weight: 800 !important;
}
.story-pill strong {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
}
.story-pill span {
    font-size: 1.18rem !important;
    font-weight: 700 !important;
}

@media (max-width: 991px) {
    .network-showcase-grid {
        grid-template-columns: 1fr !important;
    }
    .audience-section .audience-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 576px) {
    .audience-section .audience-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================================
   HOMEPAGE CTA LUXURY CARD STYLES
   ========================================================================== */
.cta-section {
    padding: 90px 0 110px !important;
    background: #09090b !important;
    position: relative !important;
    overflow: hidden !important;
}
.cta-luxury-card {
    position: relative !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.cta-ambient-glow {
    display: none !important;
}
.cta-grid-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}
.cta-text-col h2 {
    font-family: var(--pozla-display) !important;
    font-size: clamp(2.8rem, 4.5vw, 4.2rem) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #18181b !important;
    margin: 16px 0 20px 0 !important;
}
.cta-text-col h2 em {
    font-family: "Smooch Sans", sans-serif !important;
    font-style: normal !important;
    color: #d4af37 !important;
}
.cta-text-col p {
    font-family: var(--pozla-body) !important;
    font-size: 1.15rem !important;
    line-height: 1.6 !important;
    color: #52525b !important;
    margin: 0 auto 32px auto !important;
    max-width: 600px !important;
}
.cta-btn-col {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}
.btn-outline-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 9px 20px !important;
    min-height: 42px !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #18181b !important;
    border: 1px solid #dedbce !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.22rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
}
.btn-outline-secondary:hover {
    background: #fdfdfd !important;
    border-color: #d4af37 !important;
    color: #18181b !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 14px rgba(212, 175, 55, 0.1) !important;
}
.btn-cta-gold svg {
    color: #111111 !important;
    stroke: #111111 !important;
    width: 17px !important;
    height: 17px !important;
    transition: transform 0.2s ease !important;
}
.btn-cta-gold:hover svg {
    transform: translateX(4px) !important;
}
.btn-cta-outline {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 24px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid #d4af37 !important;
    color: #ffffff !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    backdrop-filter: blur(8px) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-cta-outline:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: #d4af37 !important;
    color: #d4af37 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
    text-decoration: none !important;
}

@media (max-width: 991px) {
    .cta-luxury-card {
    position: relative !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
    .cta-grid-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}
    .cta-text-col p {
    font-family: var(--pozla-body) !important;
    font-size: 1.15rem !important;
    line-height: 1.6 !important;
    color: #52525b !important;
    margin: 0 auto 32px auto !important;
    max-width: 600px !important;
}
    .cta-btn-col {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}
}
@media (max-width: 576px) {
    .cta-luxury-card {
    position: relative !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
    
}










.text-gold-smooch { font-family: "Smooch Sans", sans-serif !important; font-size: 1.28rem !important; font-weight: 800 !important; color: #b58a24 !important; letter-spacing: 0.02em !important; }



.btn-outline-secondary svg { width: 16px !important; height: 16px !important; transition: transform 0.18s ease !important; color: #18181b !important; }
.btn-outline-secondary:hover svg { transform: translateX(3px) !important; color: #d4af37 !important; }



.story-pulse-note span { font-family: var(--pozla-display) !important; font-size: 1.35rem !important; font-weight: 800 !important; }


.cta-section { background: #ffffff !important; background-image: radial-gradient(#e4e4e7 1px, transparent 1px) !important; background-size: 24px 24px !important; padding: 120px 0 !important; border-top: 1px solid #f4f4f5 !important; }




/* Premium Account Summary Card V2 */
.account-summary-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding-top: 5px !important;
}
.summary-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    padding: 14px 18px !important;
    background: #faf9f5 !important;
    border: 1px solid #efebe1 !important;
    border-radius: 14px !important;
    transition: all 0.2s ease !important;
}
.summary-item:hover {
    background: #ffffff !important;
    border-color: #d4af37 !important;
    box-shadow: 0 6px 16px rgba(212,175,55,0.08) !important;
    transform: translateY(-2px) !important;
}
.summary-label {
    font-family: var(--pozla-body) !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    color: #8b8b93 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.summary-val {
    font-family: var(--pozla-display) !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
    line-height: 1 !important;
}
.summary-item .role-chip, 
.summary-item .company-code, 
.summary-item .gold-badge, 
.summary-item .secure-badge {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    padding: 6px 14px !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.summary-item .gold-badge {
    background: #fff8e4 !important;
    color: #b58a24 !important;
    border: 1px solid #e8dfc6 !important;
}
.summary-item .secure-badge {
    background: #f0fdf4 !important;
    color: #15803d !important;
    border: 1px solid #bbf7d0 !important;
}
.summary-item .role-chip {
    background: #fdfaf0 !important;
    color: #b58a24 !important;
    border: 1px solid #f2e7c4 !important;
}
.summary-item .company-code {
    background: #f4f4f5 !important;
    color: #18181b !important;
    border: 1px solid #e4e4e7 !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
}


/* Generic Usage Alert Card (from kullanim-hareketleri) */
.usage-alert-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 16px 20px !important;
    background: #fdfbf7 !important;
    border: 1px solid #dec79b !important;
    border-radius: 16px !important;
    margin-bottom: 22px !important;
    flex-wrap: wrap !important;
}
.usage-alert-left {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.usage-alert-badge {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    background: #18181b !important;
    color: #d4af37 !important;
    display: grid !important;
    place-items: center !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(24,24,27,0.1) !important;
}
.usage-alert-text strong {
    display: block !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.55rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #18181b !important;
    margin-bottom: 2px !important;
    line-height: 1.1 !important;
}
.usage-alert-text p {
    margin: 0 !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    color: #52525b !important;
    line-height: 1.3 !important;
}
.usage-alert-card .btn-alert-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 6px 18px !important;
    background: #18181b !important;
    color: #fff !important;
    border: 1px solid #18181b !important;
    border-radius: 11px !important;
    font-family: var(--pozla-display) !important;
    font-weight: 500 !important;
    font-size: 1.3rem !important;
    letter-spacing: 0.03em !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
    white-space: nowrap !important;
}
.usage-alert-card .btn-alert-action:hover {
    background: #27272a !important;
    border-color: #27272a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(24,24,27,0.15) !important;
}
.usage-alert-card .btn-alert-action svg {
    stroke: #d4af37 !important;
    width: 16px !important;
    height: 16px !important;
}

/* Pro Tip Card V2 (Dark Premium) */
.pro-tip-card-v2 {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, #18181b, #09090b) !important;
    border: 1px solid rgba(212, 175, 55, 0.22) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
}
.pro-tip-card-v2::before {
    content: "" !important;
    position: absolute !important;
    top: -50px !important;
    right: -50px !important;
    width: 160px !important;
    height: 160px !important;
    background: radial-gradient(circle, rgba(212,175,55,0.12) 0%, transparent 70%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}
.pro-tip-header-v2 {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}
.tip-icon-v2 {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: rgba(212, 175, 55, 0.15) !important;
    color: #d4af37 !important;
}
.tip-icon-v2 svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
}
.pro-tip-header-v2 strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    color: #ffffff !important;
    line-height: 1 !important;
}
.pro-tip-card-v2 p {
    color: #a1a1aa !important;
    font-size: 0.94rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}
.pro-tip-card-v2 p strong {
    color: #f2d16b !important;
    font-weight: 700 !important;
}

/* Additional fixes for Account Summary labels */
.summary-label {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}
.summary-label svg {
    width: 14px !important;
    height: 14px !important;
    stroke: #8b8b93 !important;
    flex-shrink: 0 !important;
}
.summary-item .gold-badge,
.summary-item .secure-badge,
.summary-item .role-chip,
.summary-item .company-code,
.summary-val {
    white-space: nowrap !important;
}

/* Premium KPI Live Summary Cards */
.live-summary-card {
    background: #ffffff !important;
    border: 1px solid #efebe1 !important;
    border-radius: 16px !important;
    padding: 20px 22px !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(24,24,27,0.03) !important;
}
.live-summary-card:hover {
    background: linear-gradient(180deg, #ffffff 0%, #faf9f5 100%) !important;
    border-color: #d4af37 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(212,175,55,0.12) !important;
}
.summary-card-head {
    margin-bottom: 12px !important;
}
.summary-card-head small {
    font-family: var(--pozla-body) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    
    color: #a1a1aa !important;
}
.summary-card-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: #faf9f6 !important;
    color: #18181b !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #f0ede6 !important;
    transition: all 0.25s ease !important;
}
.live-summary-card:hover .summary-card-icon {
    background: #fff8e4 !important;
    color: #b58a24 !important;
    border-color: #e8dfc6 !important;
}
.summary-card-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
}
.live-summary-card strong {
    font-family: var(--pozla-display) !important;
    font-size: 2.6rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
}
.live-summary-card span {
    font-family: var(--pozla-body) !important;
    font-size: 0.86rem !important;
    font-weight: 500 !important;
    color: #71717a !important;
}
.live-summary-card.low .summary-card-icon {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border-color: #ffe4e6 !important;
}
.live-summary-card.attention .summary-card-icon {
    background: #fffbeb !important;
    color: #d97706 !important;
    border-color: #fef3c7 !important;
}

/* Premium Dashboard Hero Banner Upgrade */
.dashboard-hero-banner {
    background: linear-gradient(150deg, #18181b 0%, #09090b 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    border-radius: 28px !important;
    position: relative !important;
    overflow: hidden !important;
}
.dashboard-hero-banner::before {
    content: "" !important;
    position: absolute !important;
    top: -100px !important;
    left: -100px !important;
    width: 400px !important;
    height: 400px !important;
    background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, transparent 60%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}
.dashboard-hero-banner::after {
    content: "" !important;
    position: absolute !important;
    bottom: -150px !important;
    right: -50px !important;
    width: 500px !important;
    height: 500px !important;
    background: radial-gradient(circle, rgba(212,175,55,0.08) 0%, transparent 70%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}
.banner-badge {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    color: #f2d16b !important;
    backdrop-filter: blur(8px) !important;
    font-family: var(--pozla-body) !important;
    padding: 6px 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}
.banner-content h1 {
    font-family: var(--pozla-display) !important;
    background: linear-gradient(90deg, #ffffff 30%, #d4af37 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 3.8rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    margin-bottom: 16px !important;
}
.banner-content p {
    color: #a1a1aa !important;
    font-size: 1.05rem !important;
    max-width: 600px !important;
}
.btn-panel-primary {
    background: linear-gradient(135deg, #f2d16b, #b78c20) !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.25) !important;
    color: #111 !important;
    transition: all 0.2s ease !important;
}
.btn-panel-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(212, 175, 55, 0.35) !important;
}
.btn-panel-secondary {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #fff !important;
}
.btn-panel-secondary:hover {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.2) !important;
}
.banner-studio-badge {
    background: rgba(24, 24, 27, 0.6) !important;
    backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    border-radius: 24px !important;
}
.studio-avatar-ring {
    background: linear-gradient(135deg, #d4af37, #b78c20) !important;
    border: 3px solid #18181b !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.4) !important;
    color: #111 !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
}
.studio-badge-details strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.6rem !important;
    letter-spacing: 0.02em !important;
    color: #fff !important;
}
.role-pill {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #f2d16b !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

/* Light Premium Gold Hero Banner Override (User Request) */
.dashboard-hero-banner {
    background: linear-gradient(145deg, #ffffff 0%, #faf9f5 100%) !important;
    border: 2px solid #d4af37 !important;
    box-shadow: 0 16px 40px rgba(212, 175, 55, 0.12) !important;
}
.dashboard-hero-banner::before,
.dashboard-hero-banner::after {
    /* Hafif altin sarisi isilti beyaz zeminde */
    background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 60%) !important;
}
.banner-badge {
    background: #fffdf5 !important;
    border: none !important;
    color: #b58a24 !important;
    box-shadow: none !important;
}
.banner-content h1 {
    background: none !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: currentcolor !important;
    color: #18181b !important;
    text-shadow: none !important;
}
.banner-content p {
    color: #52525b !important;
}
.btn-panel-secondary {
    background: #ffffff !important;
    border: 1px solid #18181b !important;
    color: #18181b !important;
}
.btn-panel-secondary:hover {
    background: #18181b !important;
    color: #ffffff !important;
}
.banner-studio-badge {
    background: #ffffff !important;
    border: 1px solid #dec79b !important;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.1) !important;
}
.studio-badge-details strong {
    color: #18181b !important;
}
.studio-badge-details small {
    color: #71717a !important;
}
.role-pill {
    background: #fff8e4 !important;
    color: #b58a24 !important;
    border: 1px solid #dec79b !important;
}
.studio-avatar-ring {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.4) !important;
}

/* Update paragraph font in hero banner */
.banner-content p {
    font-family: var(--pozla-display) !important;
    font-size: 1.6rem !important;
    letter-spacing: 0.02em !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   LIGHT / GOLD SIDEBAR & FOOTER THEME (User Request)
   ========================================================================== */
.admin-sidebar {
    background: #ffffff !important;
    border-right: 1px solid #e8dfc6 !important;
}
.admin-sidebar-header {
    border-bottom: 1px solid #e8dfc6 !important;
    background: #ffffff !important;
}
.admin-brand .brand-sub {
    color: #b58a24 !important;
}
.admin-sidebar .admin-nav-label,
.admin-sidebar .admin-nav-section-label {
    color: #a1a1aa !important;
}
.admin-nav-link {
    color: #27272a !important;
    border: 1px solid transparent !important; /* To prevent layout shift when active */
}
.admin-nav-link:hover {
    background: #faf9f5 !important;
    color: #b58a24 !important;
}
.admin-nav-link.active {
    background: #ffffff !important;
    color: #b58a24 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
}
.admin-nav-link.active svg,
.admin-nav-link.active .nav-svg,
.admin-nav-link.active .nav-svg svg {
    stroke: #d4af37 !important;
    color: #d4af37 !important;
}
.admin-nav-link.active .active-indicator {
    display: none !important; /* Siyah noktayi gizle */
}

/* Scrollbari gizle ama scroll calismaya devam etsin */
.admin-nav::-webkit-scrollbar {
    width: 0px !important;
    background: transparent !important;
}
.admin-nav::-webkit-scrollbar-thumb {
    background: transparent !important;
}
.admin-nav {
    scrollbar-width: none !important; /* Firefox icin */
    -ms-overflow-style: none !important; /* IE icin */
}

.admin-sidebar-bottom {
    background: #ffffff !important;
    border-top: 1px solid #e8dfc6 !important;
}






/* Footer */
.admin-dashboard-footer,
.admin-dashboard-footer * {
    font-family: var(--pozla-display) !important;
}
.admin-dashboard-footer {
    background: #ffffff !important;
    border-top: 1px solid #e8dfc6 !important;
}
.admin-footer-inner {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #52525b !important;
}
.admin-footer-inner strong {
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
}
.admin-footer-right a {
    font-size: 1.35rem !important;
    color: #b58a24 !important;
}
.admin-footer-right a:hover {
    color: #18181b !important;
}

/* Topbar Profile Pill */
.admin-profile-pill {
    background: #faf9f5 !important;
    border-color: #e8dfc6 !important;
    color: #18181b !important;
}

.admin-nav-link.logout-link {
    color: #b58a24 !important;
}
.admin-nav-link.logout-link svg {
    stroke: #b58a24 !important;
}
.admin-nav-link.logout-link:hover {
    background: #faf9f5 !important;
    color: #b58a24 !important;
}
.admin-nav-link.logout-link:hover svg {
    stroke: #b58a24 !important;
}

/* Seamless layout integration and perfect alignment */
.admin-sidebar {
    border-right: 1px solid #e8dfc6 !important;
    padding-top: 0 !important; /* Ust boslugu sifirla ki header tam otursun */
}
.admin-sidebar-header {
    height: 76px !important; /* Topbar (min-height: 76px) ile birebir ayni yukseklik */
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important; /* Icerigi dikey ortala */
    margin-bottom: 22px !important; /* Icerik navlari icin asagi bosluk ver (eski padding yerine) */
}
.admin-topbar {
    height: 76px !important; /* Sabit yukseklik hizalama icin */
    border-bottom: 1px solid #e8dfc6 !important; /* Kenarlik rengi sidebar ile ayni */
    background: #ffffff !important;
}

.dashboard-hero-banner {
    background: linear-gradient(145deg, #ffffff 0%, #faf9f5 100%) !important;
    border: 2px solid #d4af37 !important;
    box-shadow: 0 16px 40px rgba(212, 175, 55, 0.12) !important;
}
.dashboard-hero-banner::before,
.dashboard-hero-banner::after {
    /* Hafif altin sarisi isilti beyaz zeminde */
    background: radial-gradient(circle, rgba(212, 175, 55, 0.08) 0%, transparent 60%) !important;
}
.banner-badge {
    background: #fffdf5 !important;
    border: none !important;
    color: #b58a24 !important;
    box-shadow: none !important;
}
.banner-content h1 {
    background: none !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: currentcolor !important;
    color: #18181b !important;
    text-shadow: none !important;
}
.banner-content p {
    color: #52525b !important;
}
.btn-panel-secondary {
    background: #ffffff !important;
    border: 1px solid #18181b !important;
    color: #18181b !important;
}
.btn-panel-secondary:hover {
    background: #18181b !important;
    color: #ffffff !important;
}
.banner-studio-badge {
    background: #ffffff !important;
    border: 1px solid #dec79b !important;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.1) !important;
}
.studio-badge-details strong {
    color: #18181b !important;
}
.studio-badge-details small {
    color: #71717a !important;
}
.role-pill {
    background: #fff8e4 !important;
    color: #b58a24 !important;
    border: 1px solid #dec79b !important;
}
.studio-avatar-ring {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.4) !important;
}

/* Update paragraph font in hero banner */
.banner-content p {
    font-family: var(--pozla-display) !important;
    font-size: 1.6rem !important;
    letter-spacing: 0.02em !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   LIGHT / GOLD SIDEBAR & FOOTER THEME (User Request)
   ========================================================================== */
.admin-sidebar {
    background: #ffffff !important;
    border-right: 1px solid #e8dfc6 !important;
}
.admin-sidebar-header {
    border-bottom: 1px solid #e8dfc6 !important;
    background: #ffffff !important;
}
.admin-brand .brand-sub {
    color: #b58a24 !important;
}
.admin-sidebar .admin-nav-label,
.admin-sidebar .admin-nav-section-label {
    color: #a1a1aa !important;
}
.admin-nav-link {
    color: #27272a !important;
    border: 1px solid transparent !important; /* To prevent layout shift when active */
}
.admin-nav-link:hover {
    background: #faf9f5 !important;
    color: #b58a24 !important;
}
.admin-nav-link.active {
    background: #ffffff !important;
    color: #b58a24 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
}
.admin-nav-link.active svg {
    stroke: #d4af37 !important;
}
.admin-nav-link.active .active-indicator {
    display: none !important; /* Siyah noktayi gizle */
}

/* Scrollbari gizle ama scroll calismaya devam etsin */
.admin-nav::-webkit-scrollbar {
    width: 0px !important;
    background: transparent !important;
}
.admin-nav::-webkit-scrollbar-thumb {
    background: transparent !important;
}
.admin-nav {
    scrollbar-width: none !important; /* Firefox icin */
    -ms-overflow-style: none !important; /* IE icin */
}

.admin-sidebar-bottom {
    background: #ffffff !important;
    border-top: 1px solid #e8dfc6 !important;
}






/* Footer */
.admin-dashboard-footer,
.admin-dashboard-footer * {
    font-family: var(--pozla-display) !important;
}
.admin-dashboard-footer {
    background: #ffffff !important;
    border-top: 1px solid #e8dfc6 !important;
}
.admin-footer-inner {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #52525b !important;
}
.admin-footer-inner strong {
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
}
.admin-footer-right a {
    font-size: 1.35rem !important;
    color: #b58a24 !important;
}
.admin-footer-right a:hover {
    color: #18181b !important;
}

/* Firma paneli footer bağlantıları: koyu varsayılan, gold hover, çizgisiz. */
.admin-dashboard-footer.studio-footer .admin-footer-right a {
    color: #18181b !important;
    text-decoration: none !important;
}
.admin-dashboard-footer.studio-footer .admin-footer-right a:hover,
.admin-dashboard-footer.studio-footer .admin-footer-right a:focus-visible {
    color: #b58a24 !important;
    text-decoration: none !important;
}

/* Topbar Profile Pill */
.admin-profile-pill {
    background: #faf9f5 !important;
    border-color: #e8dfc6 !important;
    color: #18181b !important;
}

.admin-nav-link.logout-link {
    color: #b58a24 !important;
}
.admin-nav-link.logout-link svg {
    stroke: #b58a24 !important;
}
.admin-nav-link.logout-link:hover {
    background: #faf9f5 !important;
    color: #b58a24 !important;
}
.admin-nav-link.logout-link:hover svg {
    stroke: #b58a24 !important;
}

/* Seamless layout integration and perfect alignment */
.admin-sidebar {
    border-right: 1px solid #e8dfc6 !important;
    padding-top: 0 !important; /* Ust boslugu sifirla ki header tam otursun */
}
.admin-sidebar-header {
    height: 76px !important; /* Topbar (min-height: 76px) ile birebir ayni yukseklik */
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important; /* Icerigi dikey ortala */
    margin-bottom: 22px !important; /* Icerik navlari icin asagi bosluk ver (eski padding yerine) */
}
.admin-topbar {
    height: 76px !important; /* Sabit yukseklik hizalama icin */
    border-bottom: 1px solid #e8dfc6 !important; /* Kenarlik rengi sidebar ile ayni */
    background: #ffffff !important;
}

.admin-nav-link.social-sub-link .nav-svg {
    font-size: 1.1rem !important; /* Scale up geometric icons to match the new 1.35rem text */
}


/* ==========================================================================
   SIDEBAR BOTTOM ACTIONS (Hesabım, Siteye Dön, Güvenli Çıkış)
   White background, gold border, Smooch Sans, uniform typography & icon layout
   ========================================================================== */
.admin-sidebar-bottom {
    background: #ffffff !important;
    border-top: 1px solid #e8dfc6 !important;
    padding: 16px !important;
}

.admin-sidebar-bottom .sidebar-bottom-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}

.summary-label {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #71717a !important;
}
.pro-tip-header-v2 strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #ffffff !important;
    line-height: 1 !important;
}
.pro-tip-card-v2 p {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.4 !important;
    color: #d4d4d8 !important;
    margin: 0 !important;
}
.pro-tip-card-v2 p strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    color: #f2d16b !important;
}
.summary-val {
    font-family: var(--pozla-display) !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #18181b !important;
    line-height: 1 !important;
}

.admin-sidebar-bottom .sidebar-site-link,
.admin-sidebar-bottom .sidebar-logout-btn {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #b58a24 !important;
    background: #ffffff !important;
    border: 1px solid #d4af37 !important;
    border-radius: 10px !important;
    padding: 0 8px !important;
    height: 40px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.admin-sidebar-bottom .sidebar-site-link span,
.admin-sidebar-bottom .sidebar-logout-btn span {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #b58a24 !important;
    white-space: nowrap !important;
}

.admin-sidebar-bottom .sidebar-site-link:hover,
.admin-sidebar-bottom .sidebar-logout-btn:hover {
    background: #fffdf5 !important;
    border-color: #c59b27 !important;
    box-shadow: 0 2px 8px rgba(212, 175, 55, 0.15) !important;
}

.admin-sidebar-bottom .sidebar-site-link svg,
.admin-sidebar-bottom .sidebar-logout-btn svg {
    stroke: #b58a24 !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    flex-shrink: 0 !important;
}

.admin-sidebar-bottom .sidebar-logout-form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.admin-sidebar-bottom .sidebar-logout-btn {
    width: 100% !important;
}

/* Dashboard sidebar: collapsible Social group and compact desktop rail. */
.admin-sidebar-toggle {
    appearance: none;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #18181b !important;
    cursor: pointer;
}
.admin-sidebar-toggle:focus-visible,
.social-nav-toggle:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 4px rgba(212, 175, 55, .18) !important;
}
.sidebar-toggle-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border: 1px solid #e8dfc6;
    border-radius: 9px;
    color: #b58a24;
    transition: transform .22s ease, background-color .18s ease;
}
.sidebar-toggle-icon svg {
    position: absolute;
    inset: 0;
    display: block;
    width: 16px !important;
    height: 16px !important;
    margin: auto !important;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .22s ease;
}
.admin-sidebar-toggle:hover .sidebar-toggle-icon { background: #fff8df; }
.sidebar-section-toggle,
.social-nav-toggle {
    width: 100%;
    min-height: 44px !important;
    margin: 0;
    padding: 10px 14px !important;
    text-align: left;
    background: transparent;
    color: #a1a1aa !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
    cursor: pointer;
}
.admin-sidebar .sidebar-section-toggle > span:not(.nav-svg):not(.sidebar-section-chevron),
.admin-sidebar .social-nav-toggle > span:not(.nav-svg):not(.social-nav-chevron) {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
    color: inherit !important;
}
.admin-sidebar .sidebar-section-toggle .nav-svg,
.admin-sidebar .sidebar-section-toggle .nav-svg svg {
    color: #a1a1aa !important;
    stroke: currentColor !important;
}
.sidebar-section-toggle:hover,
.sidebar-section-toggle:hover .nav-svg,
.sidebar-section-toggle:hover .nav-svg svg { color: #71717a !important; }
.sidebar-section-toggle .sidebar-section-chevron,
.social-nav-toggle .social-nav-chevron {
    display: inline-grid;
    place-items: center;
    margin-left: auto;
    color: #a1a1aa;
    transition: transform .2s ease, color .2s ease;
}
.sidebar-section-toggle[aria-expanded="false"] .sidebar-section-chevron,
.social-nav-toggle[aria-expanded="false"] .social-nav-chevron { transform: rotate(-90deg); }
.social-nav-toggle:hover .social-nav-chevron { color: #71717a; }
.sidebar-section-menu {
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.sidebar-section-menu[hidden],
.social-nav-group[hidden] { display: none !important; }
.admin-sidebar-header { margin-bottom: 6px !important; }
.admin-sidebar .admin-nav { padding-top: 4px; }
.admin-sidebar .social-nav-group {
    gap: 9px;
    margin: 0;
    padding-left: 0;
}
.admin-sidebar .social-nav-group::before { display: none; }
.admin-sidebar .admin-nav-link.social-sub-link {
    min-height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 11px !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
}
.admin-sidebar .admin-nav-link.social-sub-link .nav-svg {
    width: 20px !important;
    min-width: 20px !important;
    color: var(--pozla-gold) !important;
    font-size: 1.1rem !important;
    text-align: center;
}
.admin-sidebar .admin-nav-link.social-sub-link:hover .nav-svg,
.admin-sidebar .admin-nav-link.social-sub-link.active .nav-svg { color: var(--pozla-gold-dark) !important; }
.sidebar-rail-tooltip {
    position: fixed;
    z-index: 1100;
    padding: 8px 12px;
    border: 1px solid rgba(212, 175, 55, .45);
    border-radius: 9px;
    background: #18181b;
    color: #fff;
    box-shadow: 0 10px 26px rgba(24, 24, 27, .2);
    font-family: var(--pozla-display) !important;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .02em;
    white-space: nowrap;
    pointer-events: none;
    transform: translateY(-50%);
    animation: sidebarTooltipIn .14s ease-out;
}
.sidebar-rail-tooltip::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    width: 8px;
    height: 8px;
    background: #18181b;
    border-left: 1px solid rgba(212, 175, 55, .45);
    border-bottom: 1px solid rgba(212, 175, 55, .45);
    transform: translate(4px, -50%) rotate(45deg);
}
.sidebar-rail-tooltip[hidden] { display: none !important; }
@keyframes sidebarTooltipIn {
    from { opacity: 0; transform: translate(6px, -50%); }
    to { opacity: 1; transform: translate(0, -50%); }
}

@media (min-width: 1101px) {
    .admin-layout,
    .admin-sidebar,
    .admin-sidebar-header,
    .admin-main { transition: width .24s ease, grid-template-columns .24s ease; }
    body.admin-sidebar-collapsed .admin-layout { grid-template-columns: 84px minmax(0, 1fr) !important; }
    body.admin-sidebar-collapsed .admin-sidebar { width: 84px; padding-right: 10px !important; padding-left: 10px !important; }
    body.admin-sidebar-collapsed .admin-sidebar-header { padding-right: 10px !important; padding-left: 10px !important; }
    body.admin-sidebar-collapsed .admin-sidebar-toggle { justify-content: center !important; }
    body.admin-sidebar-collapsed .admin-sidebar-toggle .site-logo-img-admin,
    body.admin-sidebar-collapsed .admin-sidebar-toggle .brand-sub,
    body.admin-sidebar-collapsed .admin-nav-label,
    body.admin-sidebar-collapsed .admin-nav-link > span:not(.nav-svg):not(.active-indicator),
    body.admin-sidebar-collapsed .admin-nav-link > b,
    body.admin-sidebar-collapsed .admin-sidebar-bottom span { display: none !important; }
    body.admin-sidebar-collapsed .sidebar-toggle-icon { transform: none; }
    body.admin-sidebar-collapsed .sidebar-toggle-icon svg { transform: rotate(180deg); }
    body.admin-sidebar-collapsed .admin-nav-link,
    body.admin-sidebar-collapsed .sidebar-site-link,
    body.admin-sidebar-collapsed .sidebar-logout-btn { justify-content: center !important; padding-right: 8px !important; padding-left: 8px !important; }
    body.admin-sidebar-collapsed .social-nav-group { margin-left: 0; padding-left: 0; }
    body.admin-sidebar-collapsed .social-nav-group::before { display: none; }
    body.admin-sidebar-collapsed .social-nav-toggle .social-nav-chevron { display: none; }
    body.admin-sidebar-collapsed .sidebar-section-toggle .sidebar-section-chevron { display: none; }
    body.admin-sidebar-collapsed .admin-sidebar-bottom { padding-right: 10px !important; padding-left: 10px !important; }
    body.admin-sidebar-collapsed .admin-sidebar-bottom .sidebar-bottom-actions { grid-template-columns: 1fr !important; }
}

@media (max-width: 1100px) {
    .admin-sidebar-toggle { cursor: default; }
    .sidebar-toggle-icon { display: none; }
    .sidebar-rail-tooltip { display: none !important; }
}

.admin-sidebar-bottom .sidebar-logout-btn {
    width: 100% !important;
}

/* Studio Profile Badge Typography Alignment */
.studio-badge-details strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.55rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #18181b !important;
}
.role-pill {
    font-family: var(--pozla-display) !important;
    font-size: 1.18rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}
.studio-badge-details small {
    font-family: var(--pozla-display) !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #71717a !important;
}



/* ==========================================================================
   RECENT PROJECTS (Guncel Projeler) - Smooch Sans Typography Alignment
   ========================================================================== */
.dashboard-recent-projects a div strong,
.recent-project-info strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.55rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    color: #18181b !important;
    line-height: 1.15 !important;
}

.dashboard-recent-projects a div small,
.recent-project-info small {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    color: #71717a !important;
}

.recent-project-state {
    font-family: var(--pozla-display) !important;
    font-size: 1.18rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.recent-project-date-badge,
.dashboard-recent-projects a time {
    font-family: var(--pozla-display) !important;
    font-size: 1.18rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.btn-panel-header-action {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.page-heading-standard .page-heading-description,
.projects-page .projects-title-row > div > p {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    line-height: 1.35 !important;
    letter-spacing: .02em !important;
    margin: 0 !important;
}

.page-heading-standard .page-heading-title,
.projects-page .projects-title-row > div > h1 {
    font-family: var(--pozla-display) !important;
    font-size: 2.8rem !important;
    font-weight: 700 !important;
    color: #b58a24 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    margin: 0 0 6px !important;
}

/* ==========================================================================
   POZLA LUXURY CHAT & MESSAGING SYSTEM (ADMIN & STUDIO UNIFIED)
   ========================================================================== */
.chat-shell,
.admin-chat-shell,
.company-chat-shell {
    display: grid !important;
    grid-template-columns: 370px minmax(0, 1fr) !important;
    height: calc(100dvh - 155px) !important;
    min-height: 520px !important;
    max-height: calc(100dvh - 155px) !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #d4af37 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 44px rgba(181, 138, 36, 0.08) !important;
    font-family: var(--pozla-display) !important;
    letter-spacing: 0.02em !important;
}

/* Sol Liste (Sidebar) */
.chat-shell .chat-list {
    display: flex !important;
    flex-direction: column !important;
    border-right: 1px solid #d4af37 !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.chat-shell .chat-list > header {
    padding: 22px 20px 16px !important;
    border-bottom: 1px solid #f1efe9 !important;
}

.chat-shell .chat-list > header span {
    font-family: var(--pozla-display) !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #b58a24 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    display: block !important;
}

.chat-shell .chat-list > header h1 {
    font-family: var(--pozla-display) !important;
    font-size: 2.3rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    margin: 2px 0 4px !important;
    line-height: 1.05 !important;
}

.chat-shell .chat-list > header p {
    font-family: var(--pozla-display) !important;
    font-size: 1.22rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.chat-shell .chat-search {
    margin: 12px 16px 10px !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 1px solid #d4af37 !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    transition: all 0.18s ease !important;
}

.chat-shell .chat-search:focus-within {
    border-color: #b58a24 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18) !important;
}

.chat-shell .chat-search svg {
    width: 18px !important;
    height: 18px !important;
    color: #8b6717 !important;
    stroke: #8b6717 !important;
    stroke-width: 2 !important;
    fill: none !important;
    flex-shrink: 0 !important;
}

.chat-shell .chat-search input {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #18181b !important;
    border: none !important;
    outline: none !important;
    width: 100% !important;
    background: transparent !important;
    padding: 0 !important;
}

.chat-shell .chat-conversations {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 6px 0 !important;
}

.chat-shell .chat-broadcast-item {
    margin: 6px 14px 10px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, #fffdf7 0%, #fbf3dc 100%) !important;
    border: 1px solid #d4af37 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(181, 138, 36, 0.08) !important;
    transition: all 0.18s ease !important;
}

.chat-shell .chat-broadcast-item:hover,
.chat-shell .chat-broadcast-item.active {
    background: #fbf3dc !important;
    border-color: #b58a24 !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.18) !important;
}

.chat-shell .chat-broadcast-badge {
    font-family: var(--pozla-display) !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    background: #d4af37 !important;
    color: #18181b !important;
    letter-spacing: 0.05em !important;
}

.chat-shell .chat-new-group-btn {
    margin: 4px 14px 10px !important;
    height: 42px !important;
    min-height: 42px !important;
    border: 1px solid #d4af37 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #8b6717 !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    width: calc(100% - 28px) !important;
    transition: all 0.18s ease !important;
    box-sizing: border-box !important;
}

.chat-shell .chat-new-group-btn:hover {
    background: #fbf3dc !important;
    border-color: #b58a24 !important;
    box-shadow: 0 2px 10px rgba(181, 138, 36, 0.12) !important;
}

.chat-shell .chat-groups-section-title {
    padding: 10px 18px 4px !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.10rem !important;
    font-weight: 800 !important;
    color: #a1a1aa !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

.chat-shell .chat-conversation {
    margin: 3px 10px !important;
    padding: 11px 13px !important;
    border-radius: 13px !important;
    border: 1px solid transparent !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
    cursor: pointer !important;
}

.chat-shell .chat-conversation:hover {
    background: #fbf9f4 !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
}

.chat-shell .chat-conversation.active {
    background: #fbf3dc !important;
    border-color: #d4af37 !important;
    box-shadow: 0 3px 12px rgba(181, 138, 36, 0.12) !important;
}

.chat-shell .chat-avatar {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 13px !important;
    background: linear-gradient(145deg, #fffdf7, #fbf2d8) !important;
    border: 1px solid rgba(212, 175, 55, 0.65) !important;
    color: #8b6717 !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 3px 10px rgba(181, 138, 36, 0.12) !important;
}

.chat-shell .chat-avatar.broadcast-avatar,
.chat-shell .chat-avatar.group-avatar {
    font-size: 1.3rem !important;
}

.chat-shell .chat-conversation-copy {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.chat-shell .chat-conversation-copy strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    line-height: 1.15 !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.chat-shell .chat-conversation-copy small {
    font-family: var(--pozla-display) !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    line-height: 1.25 !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.chat-shell .chat-conversation > b {
    min-width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: #d4af37 !important;
    color: #18181b !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 6px !important;
}

.chat-shell .chat-group-badge {
    font-family: var(--pozla-display) !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    background: #fbf3dc !important;
    border: 1px solid rgba(181, 138, 36, 0.3) !important;
    color: #8b6717 !important;
}

/* Sağ Panel (Thread) */
.chat-shell .chat-thread {
    display: flex !important;
    flex-direction: column !important;
    background: #faf9f6 !important;
    overflow: hidden !important;
}

.chat-shell .chat-thread-head {
    height: 78px !important;
    min-height: 78px !important;
    padding: 0 24px !important;
    border-bottom: 1px solid #d4af37 !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    background: #ffffff !important;
}

.chat-shell .chat-thread-head .chat-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 13px !important;
}

.chat-shell .chat-thread-head h2 {
    font-family: var(--pozla-display) !important;
    font-size: 2.1rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    margin: 0 0 2px !important;
    line-height: 1.1 !important;
}

.chat-shell .chat-thread-head small {
    font-family: var(--pozla-display) !important;
    font-size: 1.18rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.chat-shell .chat-thread-head small i {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
    display: inline-block !important;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.25) !important;
}

.chat-shell .chat-clear-button {
    margin-left: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 20px !important;
    border-radius: 11px !important;
    border: none !important;
    background: linear-gradient(135deg, #f87171 0%, #dc2626 52%, #b91c1c 100%) !important;
    color: #ffffff !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.28) !important;
    transition: all 0.18s ease !important;
}

.chat-shell .chat-clear-button svg {
    width: 17px !important;
    height: 17px !important;
    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: none !important;
    stroke-width: 2 !important;
}

.chat-shell .chat-clear-button:hover {
    background: linear-gradient(135deg, #ef4444 0%, #b91c1c 58%, #991b1b 100%) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 8px 22px rgba(220, 38, 38, 0.40) !important;
    transform: translateY(-1px) !important;
}

/* Mesajlar Alanı */
.chat-shell .chat-messages {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 24px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    background: #faf9f6 !important;
}

/* Tarih Ayracı */
.chat-shell .chat-date-separator {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 16px 0 !important;
    position: relative !important;
}

.chat-shell .chat-date-separator::before,
.chat-shell .chat-date-separator::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #d4af37) !important;
    width: 35% !important;
}

.chat-shell .chat-date-separator::before { left: 5% !important; }
.chat-shell .chat-date-separator::after { right: 5% !important; transform: rotate(180deg) !important; }

.chat-shell .chat-date-separator span {
    position: relative !important;
    z-index: 2 !important;
    padding: 4px 16px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #d4af37 !important;
    color: #8b6717 !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(181, 138, 36, 0.08) !important;
}

/* Mesaj Satırları */
.chat-shell .chat-message {
    display: flex !important;
    width: 100% !important;
    margin: 4px 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.chat-shell .chat-message:has(.chat-reactions:not(:empty)) {
    margin-bottom: 24px !important;
}

/* ALICI (Theirs / Incoming - SOL HİZALI) */
.chat-shell .chat-message.theirs,
.chat-shell .chat-message:not(.mine) {
    justify-content: flex-start !important;
}

.chat-shell .chat-message.theirs .chat-bubble,
.chat-shell .chat-message:not(.mine) .chat-bubble {
    background: #ffffff !important;
    border: 1px solid rgba(212, 175, 55, 0.45) !important;
    border-radius: 4px 18px 18px 18px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    max-width: min(76%, 620px) !important;
    min-width: 80px !important;
    width: fit-content !important;
    padding: 10px 16px 8px !important;
    position: relative !important;
}

.chat-shell .chat-message.theirs .chat-bubble::before,
.chat-shell .chat-message:not(.mine) .chat-bubble::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -6px !important;
    right: auto !important;
    border-top: 8px solid #ffffff !important;
    border-left: 6px solid transparent !important;
    border-right: 0 !important;
}

/* GÖNDEREN (Mine / Outgoing - SAĞ HİZALI) */
.chat-shell .chat-message.mine {
    justify-content: flex-end !important;
}

.chat-shell .chat-message.mine .chat-bubble {
    background: linear-gradient(135deg, #fff9e6 0%, #fdf2cc 100%) !important;
    border: 1px solid #d4af37 !important;
    border-radius: 18px 4px 18px 18px !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.12) !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    max-width: min(76%, 620px) !important;
    min-width: 80px !important;
    width: fit-content !important;
    padding: 10px 16px 8px !important;
    position: relative !important;
}

.chat-shell .chat-message.mine .chat-bubble::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: -6px !important;
    left: auto !important;
    border-top: 8px solid #fdf2cc !important;
    border-right: 6px solid transparent !important;
    border-left: 0 !important;
}

/* Bubble İçi Metin */
.chat-shell .chat-bubble p {
    font-family: var(--pozla-display) !important;
    font-size: 1.32rem !important;
    font-weight: 600 !important;
    line-height: 1.38 !important;
    color: #18181b !important;
    margin: 0 0 4px !important;
    word-break: break-word !important;
    white-space: pre-wrap !important;
}

/* Silinmiş Mesaj */
.chat-shell .chat-message.deleted .chat-bubble {
    background: #fbfaf7 !important;
    border: 1px dashed rgba(212, 175, 55, 0.4) !important;
    box-shadow: none !important;
}

.chat-shell .chat-message.deleted .chat-bubble em {
    color: #8b8b93 !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.20rem !important;
    font-style: italic !important;
    font-weight: 600 !important;
}

/* Footer & Zaman Bilgisi */
.chat-shell .chat-bubble footer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    margin-top: 3px !important;
}

.chat-shell .chat-bubble footer time {
    font-family: var(--pozla-display) !important;
    font-size: 1.08rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
}

.chat-shell .chat-ticks {
    font-size: 1.10rem !important;
    font-weight: 800 !important;
    color: #a1a1aa !important;
    line-height: 1 !important;
}

.chat-shell .chat-ticks.read {
    color: #0284c7 !important;
}

.chat-shell .chat-message-menu-trigger {
    width: 20px !important;
    height: 20px !important;
    border-radius: 5px !important;
    border: none !important;
    background: transparent !important;
    color: #b58a24 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
}

.chat-shell .chat-message-menu-trigger svg {
    width: 14px !important;
    height: 14px !important;
}

/* Tepkiler (Reactions) */
.chat-shell .chat-reactions {
    position: absolute !important;
    bottom: -20px !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
}

.chat-shell .chat-message.theirs .chat-reactions,
.chat-shell .chat-message:not(.mine) .chat-reactions {
    left: 10px !important;
    right: auto !important;
}

.chat-shell .chat-message.mine .chat-reactions {
    right: 10px !important;
    left: auto !important;
}

.chat-shell .chat-reaction-circle {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1.5px solid #d4af37 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.chat-shell .chat-reaction-circle span {
    font-size: 16px !important;
    line-height: 1 !important;
}

.chat-shell .chat-reactions button.mine .chat-reaction-circle {
    background: #fbf3dc !important;
    border-color: #b58a24 !important;
}

/* Dosya Ekleri */
.chat-shell .chat-file {
    min-width: 270px !important;
    max-width: 360px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(212, 175, 55, 0.45) !important;
    background: linear-gradient(135deg, #ffffff 0%, #fffaf0 100%) !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.08) !important;
    transition: all 0.2s ease !important;
}

.chat-shell .chat-message.mine .chat-file {
    background: rgba(255, 255, 255, 0.7) !important;
    border-color: #d4af37 !important;
}

.chat-shell .chat-file:hover {
    border-color: #d4af37 !important;
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.16) !important;
    transform: translateY(-1px) !important;
}

.chat-shell .chat-file > span {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 11px !important;
    background: #fbf3dc !important;
    border: 1px solid rgba(181, 138, 36, 0.35) !important;
    color: #8b6717 !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.chat-shell .chat-file strong {
    font-family: var(--pozla-display) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.chat-shell .chat-file small {
    font-family: var(--pozla-display) !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: #8b6717 !important;
    display: block !important;
}

/* Görsel Eki */
.chat-shell .chat-image {
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    max-width: 320px !important;
    margin-bottom: 6px !important;
    cursor: pointer !important;
    padding: 0 !important;
    background: transparent !important;
    display: block !important;
}

.chat-shell .chat-image img {
    display: block !important;
    max-width: 100% !important;
    max-height: 280px !important;
    object-fit: cover !important;
    border-radius: 11px !important;
}

/* Alt Composer (Mesaj Yazma Alanı) */
.chat-shell .chat-compose {
    height: 72px !important;
    min-height: 72px !important;
    padding: 10px 18px !important;
    background: #ffffff !important;
    border-top: 1px solid #d4af37 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

.chat-shell .chat-attach {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(212, 175, 55, 0.45) !important;
    background: #fdfbf7 !important;
    color: #8b6717 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: all 0.18s ease !important;
    margin: 0 !important;
}

.chat-shell .chat-attach:hover {
    border-color: #d4af37 !important;
    background: #fbf3dc !important;
}

.chat-shell .chat-attach svg {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 2 !important;
    stroke: #8b6717 !important;
    fill: none !important;
}

.chat-shell .chat-compose-emoji {
    position: relative !important;
}

.chat-shell .chat-compose-emoji > button {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(212, 175, 55, 0.45) !important;
    background: #fdfbf7 !important;
    color: #8b6717 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.3rem !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    transition: all 0.18s ease !important;
    padding: 0 !important;
}

.chat-shell .chat-compose-emoji > button:hover {
    border-color: #d4af37 !important;
    background: #fbf3dc !important;
}

.chat-shell .chat-compose {
    display: flex !important;
    align-items: center !important;
    min-height: 64px !important;
    height: 64px !important;
    padding: 10px 18px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-top: 1px solid #d4af37 !important;
    gap: 10px !important;
}
.chat-shell .chat-input-wrap {
    flex: 1 !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    border: 1px solid #d4af37 !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: all 0.18s ease !important;
}
.chat-shell .chat-input-wrap:focus-within {
    border-color: #b58a24 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18) !important;
}
.chat-shell .chat-input-wrap textarea {
    flex: 1 !important;
    font-family: var(--pozla-display) !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    color: #18181b !important;
    border: none !important;
    outline: none !important;
    resize: none !important;
    width: 100% !important;
    min-width: 80px !important;
    background: transparent !important;
    line-height: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    display: flex !important;
    align-items: center !important;
}
.chat-shell .chat-input-wrap textarea::-webkit-scrollbar {
    display: none !important;
}
.chat-shell [data-chat-file-label] {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}
.chat-shell [data-chat-file-label]:empty {
    display: none !important;
}
.chat-shell .chat-file-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 32px !important;
    padding: 0 10px !important;
    background: #fbf3dc !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    border-radius: 8px !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #8b6717 !important;
    letter-spacing: 0.01em !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    max-width: 260px !important;
    white-space: nowrap !important;
}
.chat-shell .chat-file-pill span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #8b6717 !important;
    line-height: 1 !important;
}
.chat-shell .chat-file-pill svg {
    width: 16px !important;
    height: 16px !important;
    stroke: #8b6717 !important;
    flex-shrink: 0 !important;
}
.chat-shell .chat-file-remove-btn {
    border: none !important;
    background: transparent !important;
    color: #b91c1c !important;
    font-size: 1.45rem !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    padding: 0 2px !important;
    margin-left: 2px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.15s ease, color 0.15s ease !important;
    flex-shrink: 0 !important;
}
.chat-shell .chat-file-remove-btn:hover {
    color: #dc2626 !important;
    transform: scale(1.2) !important;
}
.chat-shell .chat-send {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
    border: 1px solid #d4af37 !important;
    background: linear-gradient(135deg, #d4af37 0%, #b58a24 100%) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(181, 138, 36, 0.25) !important;
    flex-shrink: 0 !important;
    transition: all 0.18s ease !important;
    padding: 0 !important;
}
.chat-shell .chat-send:hover {
    box-shadow: 0 6px 18px rgba(181, 138, 36, 0.35) !important;
    transform: translateY(-1px) !important;
}
.chat-shell .chat-send svg {
    width: 20px !important;
    height: 20px !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
@media (max-width: 800px) {
    .chat-shell,
    .admin-chat-shell,
    .company-chat-shell {
        height: calc(100dvh - 92px) !important;
        max-height: calc(100dvh - 92px) !important;
        grid-template-columns: 1fr !important;
    }
    .chat-shell .chat-bubble { max-width: 92% !important; }
    .chat-shell .chat-bubble.has-media,
    .chat-shell .chat-bubble:has(.chat-image),
    .chat-shell .chat-bubble:has(.chat-file) {
        width: auto !important;
        min-width: 0 !important;
        max-width: 88% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        padding: 5px 5px 6px 5px !important;
    }
    .chat-shell .chat-bubble p { font-size: 1.20rem !important; }
    .chat-shell .chat-file {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 8px 10px !important;
        gap: 10px !important;
        border-radius: 11px !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
    }
    .chat-shell .chat-file > span {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        border-radius: 9px !important;
        font-size: 1.15rem !important;
        flex-shrink: 0 !important;
    }
    .chat-shell .chat-file div {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
    }
    .chat-shell .chat-file strong {
        font-family: var(--pozla-display), "Smooch Sans", sans-serif !important;
        font-size: 1.15rem !important;
        font-weight: 700 !important;
        color: #18181b !important;
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        max-width: 100% !important;
        line-height: 1.2 !important;
    }
    .chat-shell .chat-file small {
        font-family: var(--pozla-display), "Smooch Sans", sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        color: #8b6717 !important;
        display: block !important;
        line-height: 1.2 !important;
        margin-top: 1px !important;
    }
    .chat-shell .chat-message.theirs .chat-file {
        background: #faf9f5 !important;
        border: 1px solid rgba(212, 175, 55, 0.35) !important;
    }
    .chat-shell .chat-message.mine .chat-file {
        background: rgba(255, 255, 255, 0.85) !important;
        border: 1px solid #d4af37 !important;
    }
}

/* Toplu Mesaj & Duyuru Tanıtım Kartı Tipografi (Smooch Sans) */
.chat-broadcast-card {
    max-width: 530px !important;
    padding: 28px 26px !important;
}
.chat-broadcast-card h3 {
    margin: 0 0 10px !important;
    color: #18181b !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.15rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.15 !important;
}
.chat-broadcast-card p {
    margin: 0 0 18px !important;
    color: #52525b !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.3 !important;
}
.chat-broadcast-card p strong {
    font-weight: 800 !important;
    color: #18181b !important;
}
.chat-broadcast-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.chat-broadcast-features li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #27272a !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.28rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.25 !important;
}
.chat-broadcast-features li span {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #d4af37 !important;
    color: #18181b !important;
    display: grid !important;
    place-items: center !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}

/* ==========================================================================
   POZLA LUXURY FLOATING TOAST & NOTIFICATION SYSTEM (MENU FONT: SMOOCH SANS)
   ========================================================================== */
.pozla-toast-container {
    position: fixed !important;
    top: 24px !important;
    right: 24px !important;
    z-index: 999999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    pointer-events: none !important;
    max-width: 440px !important;
    width: calc(100% - 48px) !important;
}

.pozla-toast-card {
    pointer-events: auto !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    background: #ffffff !important;
    border: 1.5px solid #d4af37 !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.14), 0 4px 16px rgba(212, 175, 55, 0.18) !important;
    font-family: "Smooch Sans", sans-serif !important;
    letter-spacing: 0.02em !important;
    animation: pozlaToastIn 0.32s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    transition: transform 0.25s ease, opacity 0.25s ease !important;
    box-sizing: border-box !important;
}

.pozla-toast-card.dismissing {
    animation: pozlaToastOut 0.25s ease forwards !important;
}

@keyframes pozlaToastIn {
    from {
        opacity: 0;
        transform: translateY(-16px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes pozlaToastOut {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(-16px) scale(0.95);
    }
}

.pozla-toast-card .toast-icon-wrap {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    border-radius: 11px !important;
    background: #fbf3dc !important;
    border: 1px solid rgba(181, 138, 36, 0.35) !important;
    color: #b58a24 !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pozla-toast-card .toast-icon-wrap svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 2.5 !important;
    display: block !important;
    margin: auto !important;
}

.pozla-toast-card.toast-success .toast-icon-wrap,
.pozla-toast-card.pozla-toast-success .toast-icon-wrap {
    background: #ecfdf5 !important;
    border-color: rgba(5, 150, 105, 0.4) !important;
    color: #059669 !important;
}

.pozla-toast-card.toast-success,
.pozla-toast-card.pozla-toast-success {
    border-color: #059669 !important;
}

.pozla-toast-card.toast-error .toast-icon-wrap,
.pozla-toast-card.pozla-toast-error .toast-icon-wrap {
    background: #fef2f2 !important;
    border-color: rgba(220, 38, 38, 0.4) !important;
    color: #dc2626 !important;
}

.pozla-toast-card.toast-error,
.pozla-toast-card.pozla-toast-error {
    border-color: #dc2626 !important;
}

.pozla-toast-card.toast-warning .toast-icon-wrap,
.pozla-toast-card.pozla-toast-warning .toast-icon-wrap {
    background: #fffbeb !important;
    border-color: rgba(217, 119, 6, 0.4) !important;
    color: #d97706 !important;
}

.pozla-toast-card.toast-warning,
.pozla-toast-card.pozla-toast-warning {
    border-color: #d97706 !important;
}

.pozla-toast-card.toast-info .toast-icon-wrap,
.pozla-toast-card.pozla-toast-info .toast-icon-wrap {
    background: #fbf3dc !important;
    border-color: rgba(181, 138, 36, 0.4) !important;
    color: #b58a24 !important;
}

.pozla-toast-card.toast-info,
.pozla-toast-card.pozla-toast-info {
    border-color: #b58a24 !important;
}

.pozla-toast-card .toast-body {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.pozla-toast-card .toast-title {
    display: block !important;
    color: #18181b !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.55rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.01em !important;
    margin: 0 !important;
}

.pozla-toast-card .toast-message {
    margin: 0 !important;
    color: #52525b !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.01em !important;
}

.pozla-toast-card .toast-close-btn {
    background: transparent !important;
    border: none !important;
    color: #a1a1aa !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 4px !important;
    margin: -4px -4px 0 0 !important;
    transition: color 0.18s ease !important;
    align-self: flex-start !important;
}

.pozla-toast-card .toast-close-btn:hover {
    color: #18181b !important;
}

.pozla-toast-card .toast-progress {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: rgba(181, 138, 36, 0.15) !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pozla-toast-card .toast-progress-bar {
    height: 100% !important;
    background: #d4af37 !important;
    width: 100% !important;
    animation: pozlaProgressAnim 4.2s linear forwards !important;
}

.pozla-toast-card.toast-success .toast-progress-bar,
.pozla-toast-card.pozla-toast-success .toast-progress-bar { background: #059669 !important; }
.pozla-toast-card.toast-error .toast-progress-bar,
.pozla-toast-card.pozla-toast-error .toast-progress-bar { background: #dc2626 !important; }
.pozla-toast-card.toast-warning .toast-progress-bar,
.pozla-toast-card.pozla-toast-warning .toast-progress-bar { background: #d97706 !important; }
.pozla-toast-card.toast-info .toast-progress-bar,
.pozla-toast-card.pozla-toast-info .toast-progress-bar { background: #b58a24 !important; }

@keyframes pozlaProgressAnim {
    from { width: 100%; }
    to { width: 0%; }
}

/* SweetAlert2 Modal / Toast Typography & Luxury Harmonization */
.swal2-container,
.swal2-popup,
.pozla-swal-popup {
    font-family: "Smooch Sans", sans-serif !important;
    letter-spacing: 0.02em !important;
    border-radius: 18px !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16) !important;
}

.swal2-title,
.pozla-swal-title {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    color: #b58a24 !important;
    letter-spacing: 0.01em !important;
}

.swal2-html-container,
.pozla-swal-text {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #52525b !important;
    letter-spacing: 0.02em !important;
}

.swal2-confirm,
.pozla-swal-btn-confirm,
.swal2-cancel,
.pozla-swal-btn-cancel,
.pozla-swal-btn-danger {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    line-height: 1 !important;
    min-height: 44px !important;
    padding: 10px 22px !important;
    border-radius: 11px !important;
}

/* Anasayfa Hero Başlık ve Alt Metin Düzeni */
.hero h1,
.hero h1 span,
.hero h1 em {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: clamp(2.4rem, 3.6vw, 3.8rem) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: 0.005em !important;
    color: #b58a24 !important;
    font-style: normal !important;
}
.hero h1 {
    max-width: 680px !important;
    margin: 22px 0 24px !important;
}
.hero h1 .nowrap-desktop {
    white-space: nowrap !important;
}
.hero-video-link {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    color: #18181b !important;
    letter-spacing: 0.01em !important;
    text-decoration: none !important;
}
.hero-video-link span:last-child {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    color: #18181b !important;
    letter-spacing: 0.01em !important;
}
.hero-video-link:hover,
.hero-video-link:hover span:last-child {
    color: #18181b !important;
}
.hero-video-link:hover .play-btn svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
}
.hero-lead {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    max-width: 650px !important;
}
@media (max-width: 640px) {
    .hero h1 .nowrap-desktop {
        white-space: normal !important;
    }
}

@media (max-width: 991px) {
    .hero-actions .hero-video-link {
        width: 100% !important;
        min-height: 48px !important;
        height: 48px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        font-size: 1.35rem !important;
        font-weight: 700 !important;
        border: 1.5px solid #d4af37 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        color: #18181b !important;
        box-shadow: 0 4px 14px rgba(212, 175, 55, 0.12) !important;
        text-decoration: none !important;
    }
    .hero-actions .hero-video-link:hover,
    .hero-actions .hero-video-link:focus,
    .hero-actions .hero-video-link:active {
        background: #fffdf6 !important;
        border-color: #b58a24 !important;
        color: #18181b !important;
    }
    .hero-actions .hero-video-link span,
    .hero-actions .hero-video-link span:last-child,
    .hero-actions .hero-video-link .hero-video-link-text {
        color: #18181b !important;
        font-weight: 700 !important;
    }
    .hero-actions .hero-video-link:hover span,
    .hero-actions .hero-video-link:hover span:last-child,
    .hero-actions .hero-video-link:hover .hero-video-link-text {
        color: #18181b !important;
    }
    .hero-actions .hero-video-link .play-btn {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        border-radius: 50% !important;
        background: rgba(212, 175, 55, 0.15) !important;
        border: 1px solid rgba(212, 175, 55, 0.35) !important;
        color: #b58a24 !important;
        display: inline-grid !important;
        place-items: center !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }
    .hero-actions .hero-video-link .play-btn svg {
        width: 15px !important;
        height: 15px !important;
        stroke: #b58a24 !important;
        color: #b58a24 !important;
    }
    .hero-actions .hero-video-link:hover .play-btn {
        background: rgba(212, 175, 55, 0.25) !important;
        transform: scale(1.05) !important;
    }
    .hero-actions .hero-video-link:hover .play-btn svg {
        stroke: #b58a24 !important;
        color: #b58a24 !important;
    }

    /* Mobil Slider & Kontrol Barı (02/03) Kesilmeyi Önleme */
    .hero-visual {
        min-height: auto !important;
        width: 100% !important;
        overflow: visible !important;
        margin-top: 10px !important;
        padding-bottom: 34px !important;
        position: relative !important;
    }
    .hero-slider {
        min-height: auto !important;
        width: 100% !important;
        position: relative !important;
        overflow: visible !important;
    }
    .hero-slides-wrapper {
        height: 380px !important;
        border-radius: 20px !important;
        box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2) !important;
        overflow: hidden !important;
        position: relative !important;
    }
    .hero-slider-bar {
        position: absolute !important;
        right: 12px !important;
        bottom: -20px !important;
        z-index: 25 !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 14px !important;
        border-radius: 99px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        border: 1.5px solid rgba(212, 175, 55, 0.45) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }
    .hero-slider-bar .slider-counter {
        font-size: 1.25rem !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 3px !important;
    }
    .hero-slider-bar .slider-arrow {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
    }
    .hero-slider-bar .slider-arrow svg {
        width: 14px !important;
        height: 14px !important;
    }
    .floating-badge {
        display: flex !important;
        z-index: 20 !important;
    }
    .badge-top-right {
        top: -14px !important;
        right: 12px !important;
        padding: 8px 12px !important;
        gap: 8px !important;
    }
    .badge-top-right .badge-icon {
        width: 28px !important;
        height: 28px !important;
    }
    .badge-top-right b {
        font-size: 0.78rem !important;
    }
    .badge-top-right small {
        font-size: 0.68rem !important;
    }
    .badge-bottom-left {
        left: 12px !important;
        bottom: -20px !important;
        padding: 8px 12px !important;
        gap: 8px !important;
        max-width: calc(100% - 165px) !important;
        box-sizing: border-box !important;
    }
    .badge-bottom-left .badge-icon {
        width: 28px !important;
        height: 28px !important;
    }
    .badge-bottom-left b {
        font-size: 0.78rem !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .badge-bottom-left small {
        font-size: 0.68rem !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* İnteraktif Simülatör (#simulator) Mobil Taşma ve Galeri Düzeni */
    .section-simulator {
        padding: 44px 0 !important;
        overflow: hidden !important;
        width: 100% !important;
    }
    .section-simulator .container {
        padding: 0 16px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .simulator-wrapper {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 24px 16px !important;
        border-radius: 20px !important;
        gap: 24px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    }
    .simulator-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .simulator-sidebar h2 {
        font-family: "Smooch Sans", sans-serif !important;
        font-size: clamp(1.85rem, 5.8vw, 2.35rem) !important;
        line-height: 1.12 !important;
        color: #b58a24 !important;
        font-weight: 600 !important;
        margin: 12px 0 14px !important;
    }
    .simulator-sidebar p {
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.35rem !important;
        line-height: 1.35 !important;
        color: #52525b !important;
        margin-bottom: 20px !important;
    }
    .simulator-stats-box {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
        margin: 18px 0 !important;
        padding: 12px 6px !important;
        background: #fdfaf3 !important;
        border: 1px solid rgba(212, 175, 55, 0.28) !important;
        border-radius: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .sim-stat {
        padding: 4px 2px !important;
        text-align: center !important;
    }
    .sim-stat-number {
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.95rem !important;
        font-weight: 800 !important;
        color: #b58a24 !important;
        line-height: 1 !important;
    }
    .sim-stat-label {
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.05rem !important;
        font-weight: 700 !important;
        color: #71717a !important;
        line-height: 1.15 !important;
        margin-top: 4px !important;
    }
    .simulator-features {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .sim-feat-item {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.25rem !important;
        font-weight: 600 !important;
        color: #3f3f46 !important;
        line-height: 1.25 !important;
    }
    .sim-feat-icon {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        border-radius: 50% !important;
        background: rgba(212, 175, 55, 0.15) !important;
        color: #b58a24 !important;
        font-weight: 800 !important;
        font-size: 0.75rem !important;
        display: grid !important;
        place-items: center !important;
        flex-shrink: 0 !important;
    }
    .simulator-display {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .sim-gallery-window {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 18px !important;
        border: 1.5px solid rgba(212, 175, 55, 0.35) !important;
        overflow: hidden !important;
        box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08) !important;
    }
    .sim-gallery-topbar {
        padding: 10px 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: #faf8f3 !important;
        border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important;
    }
    .gallery-title-chip {
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.18rem !important;
        font-weight: 700 !important;
        color: #18181b !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 155px !important;
    }
    .gallery-cart-status {
        padding: 3px 8px !important;
        border-radius: 99px !important;
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.15rem !important;
        font-weight: 800 !important;
    }
    .sim-photos-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 12px !important;
        background: #fafaf8 !important;
        box-sizing: border-box !important;
    }
    .sim-photo-card {
        position: relative !important;
        aspect-ratio: 4 / 3 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        cursor: pointer !important;
        border: 2px solid transparent !important;
        box-sizing: border-box !important;
    }
    .sim-photo-card.selected {
        border-color: #d4af37 !important;
    }
    .sim-photo-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }
    .sim-photo-tag {
        position: absolute !important;
        bottom: 6px !important;
        left: 6px !important;
        font-size: 0.65rem !important;
        padding: 2px 6px !important;
        border-radius: 6px !important;
        background: rgba(0, 0, 0, 0.65) !important;
        color: #ffffff !important;
        font-weight: 600 !important;
    }
    .sim-selected-badge {
        position: absolute !important;
        top: 6px !important;
        left: 6px !important;
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.05rem !important;
        font-weight: 800 !important;
        padding: 2px 7px !important;
        border-radius: 6px !important;
        background: #d4af37 !important;
        color: #111111 !important;
    }
    .sim-heart-btn {
        position: absolute !important;
        top: 6px !important;
        right: 6px !important;
        width: 28px !important;
        height: 28px !important;
        border-radius: 50% !important;
        display: grid !important;
        place-items: center !important;
        background: rgba(255, 255, 255, 0.9) !important;
        border: none !important;
    }
    .sim-gallery-footer {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
        text-align: center !important;
        padding: 12px 14px !important;
        box-sizing: border-box !important;
    }
    .sim-gallery-footer .btn-sim-action {
        width: 100% !important;
        min-height: 46px !important;
        height: 46px !important;
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.35rem !important;
        font-weight: 700 !important;
        justify-content: center !important;
        border-radius: 11px !important;
    }
    .sim-hint {
        white-space: normal !important;
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.15rem !important;
        color: #71717a !important;
        margin: 0 !important;
    }

    /* Görsel Hikayeler (#visual-stories) Mobil Rozet Konumları */
    .story-float {
        max-width: calc(100% - 20px) !important;
        box-sizing: border-box !important;
        font-size: 1.05rem !important;
        font-weight: 700 !important;
        padding: 6px 10px !important;
        border-radius: 10px !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
    }
    .story-float-top {
        top: -10px !important;
        right: 10px !important;
        z-index: 5 !important;
    }
    .story-float-bottom {
        bottom: 10px !important;
        left: 10px !important;
        z-index: 5 !important;
    }
    .story-float-camera {
        right: 10px !important;
        bottom: 10px !important;
        z-index: 5 !important;
    }

    /* SSS (FAQ) Akordiyon Mobil Sızmayı Önleme & Tipografi */
    .faq-item {
        border-radius: 16px !important;
        margin-bottom: 12px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        border: 1px solid rgba(212, 175, 55, 0.35) !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    }
    .faq-item.active {
        border-color: #b58a24 !important;
        box-shadow: 0 8px 24px rgba(212, 175, 55, 0.15) !important;
    }
    .faq-question {
        width: 100% !important;
        min-height: 54px !important;
        padding: 16px 18px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        background: transparent !important;
        border: none !important;
        text-align: left !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }
    .faq-question span:first-child {
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.4rem !important;
        font-weight: 700 !important;
        color: #18181b !important;
        line-height: 1.25 !important;
        flex: 1 !important;
    }
    .faq-item.active .faq-question span:first-child {
        color: #b58a24 !important;
    }
    .faq-icon {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        border-radius: 50% !important;
        background: rgba(212, 175, 55, 0.12) !important;
        color: #b58a24 !important;
        display: grid !important;
        place-items: center !important;
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        flex-shrink: 0 !important;
        transition: transform 0.3s ease, background 0.3s ease !important;
    }
    .faq-item.active .faq-icon {
        transform: rotate(45deg) !important;
        background: #b58a24 !important;
        color: #ffffff !important;
    }
    .faq-answer {
        max-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }
    .faq-answer p {
        font-family: "Smooch Sans", sans-serif !important;
        font-size: 1.25rem !important;
        font-weight: 600 !important;
        color: #52525b !important;
        line-height: 1.4 !important;
        letter-spacing: 0.01em !important;
        padding: 0 18px 18px !important;
        margin: 0 !important;
    }
}

/* Lüks Altın Çerçeveli 'Nasıl Çalışır' Adım Kartları ve Başlık Düzeni */
.section-workflow .section-header {
    max-width: 860px !important;
    margin: 0 auto 55px !important;
}
.section-workflow .section-header h2 {
    max-width: 860px !important;
    margin: 14px auto 16px !important;
    white-space: normal !important;
}
.section-subtext {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    max-width: 760px !important;
    margin: 0 auto !important;
}
.steps-flow {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr auto 1fr !important;
    align-items: stretch !important;
    gap: 16px !important;
}
.step-card {
    position: relative !important;
    padding: 34px 28px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.08) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}
.step-card:hover {
    transform: translateY(-5px) !important;
    border-color: #b58a24 !important;
    box-shadow: 0 16px 36px rgba(212, 175, 55, 0.18) !important;
}
.step-card.active-step {
    border: 1.5px solid #d4af37 !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffdf6 100%) !important;
    box-shadow: 0 8px 30px rgba(212, 175, 55, 0.15) !important;
}
.step-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 22px !important;
}
.step-num {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: rgba(212, 175, 55, 0.12) !important;
    border: 1px solid #d4af37 !important;
    color: #b58a24 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    line-height: 1 !important;
}
.step-icon-box {
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    background: #18181b !important;
    color: #d4af37 !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
    transition: all 0.25s ease !important;
}
.step-card:hover .step-icon-box {
    background: #d4af37 !important;
    color: #18181b !important;
    border-color: #b58a24 !important;
    transform: scale(1.05) !important;
}
.step-card h3 {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
    line-height: 1.15 !important;
    margin: 0 0 12px !important;
    letter-spacing: 0.01em !important;
}
.step-card p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.32rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    line-height: 1.35 !important;
    margin: 0 0 20px !important;
    letter-spacing: 0.01em !important;
    flex-grow: 1 !important;
}
.step-highlights {
    list-style: none !important;
    padding: 16px 0 0 0 !important;
    margin: auto 0 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    border-top: 1px solid #f3eedf !important;
}
.step-highlights li {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #27272a !important;
    line-height: 1.25 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.step-highlights li span {
    color: #d4af37 !important;
    font-size: 0.95rem !important;
}
.step-connector {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 32px !important;
    align-self: center !important;
}
.connector-line {
    width: 100% !important;
    height: 2px !important;
    background: linear-gradient(90deg, #d4af37, #f2d16b, #d4af37) !important;
}
.connector-dot {
    position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #d4af37 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 0 0 1px #d4af37 !important;
}
@media (max-width: 991px) {
    .steps-flow {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .step-connector {
        display: none !important;
    }
}

/* Canlı Deneyim Yeşil Badge */
.eyebrow-pill.eyebrow-green {
    background: #ecfdf5 !important;
    border: 1px solid #a7f3d0 !important;
}
.eyebrow-pill.eyebrow-green .pulse-dot {
    background: #10b981 !important;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.25) !important;
}
.eyebrow-pill.eyebrow-green .eyebrow-text {
    color: #059669 !important;
    font-weight: 700 !important;
}

/* Simülatör Bölümü Menü Tipografisi (Smooch Sans) */
.simulator-sidebar p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
}
.sim-stat-number {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.3rem !important;
    font-weight: 800 !important;
    color: #b58a24 !important;
    line-height: 1 !important;
}
.sim-stat-label {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    line-height: 1.2 !important;
}
.sim-feat-item span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.32rem !important;
    font-weight: 600 !important;
    color: #27272a !important;
    line-height: 1.25 !important;
    letter-spacing: 0.01em !important;
}
.sim-gallery-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 18px !important;
}
.sim-hint {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    white-space: nowrap !important;
}
.btn-sim-action {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    padding: 6px 14px !important;
}

/* Gelişmiş Stüdyo Özellikleri (feature-card) Menü Tipografisi (Smooch Sans) */
.feature-card h3 {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.85rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    letter-spacing: 0.01em !important;
    margin: 0 0 10px !important;
}
.feature-card p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    color: #d4d4d8 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    margin-bottom: 18px !important;
}
.feat-badge {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    color: #f2d16b !important;
    padding: 3px 12px !important;
}
.feature-header-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 50px !important;
    max-width: 100% !important;
}
.feature-header-grid h2,
.feature-header-grid h2 span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: clamp(2.1rem, 2.85vw, 2.95rem) !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: 0.005em !important;
    color: #d4af37 !important;
    margin: 14px 0 0 !important;
}
.feature-header-grid h2 .nowrap-desktop {
    white-space: nowrap !important;
}
.feature-lead-text {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    color: #a1a1aa !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    max-width: 860px !important;
    margin: 0 !important;
}
@media (max-width: 991px) {
    .feature-header-grid h2 .nowrap-desktop {
        white-space: normal !important;
    }
}

/* Story / Hikaye Bölümleri Menü Tipografisi (Smooch Sans) */
.story-copy h2,
.story-copy h2 span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: clamp(2.2rem, 3.4vw, 3.5rem) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: 0.005em !important;
    margin: 16px 0 20px !important;
}
.story-copy h2 .nowrap-desktop {
    white-space: nowrap !important;
}
.story-copy > p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
}
.story-pill span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #27272a !important;
}
.story-float {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
}
@media (max-width: 640px) {
    .story-copy h2 .nowrap-desktop {
        white-space: normal !important;
    }
}

/* Kurumsal Güvenlik Bölümü Düzeni & Menü Tipografisi (Smooch Sans) */
.security-card-main {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px !important;
    align-items: center !important;
    padding: 48px 48px !important;
    background: #ffffff !important;
    border: 1px solid #e7e4dc !important;
    border-radius: 26px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}
.security-intro {
    padding-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.security-intro h2,
.security-intro h2 span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: clamp(2rem, 2.7vw, 2.85rem) !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: 0.005em !important;
    margin: 14px 0 16px !important;
}
.security-intro p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.42rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
}
.sec-badge {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    padding: 6px 16px !important;
}
.security-points-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
}
.sec-point-item {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
    padding: 16px 20px !important;
    border-radius: 16px !important;
    background: #fbfbf9 !important;
    border: 1px solid #e7e4dc !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.sec-icon {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 50% !important;
    background: #b58a24 !important;
    color: #ffffff !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
}
.sec-point-item strong {
    display: block !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
}
.sec-point-item span {
    display: block !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.28rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    line-height: 1.3 !important;
}
@media (max-width: 991px) {
    .security-card-main {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
        padding: 32px 24px !important;
    }
}

/* Her Ölçekte Fotoğraf Dünyası (audience-card) Lüks Tasarımı & Menü Tipografisi */
.audience-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-bottom: 50px !important;
}
.audience-heading h2,
.audience-heading h2 span {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: clamp(2.5rem, 3.8vw, 4.2rem) !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: 0.005em !important;
    color: #b58a24 !important;
    margin: 14px 0 0 !important;
}
.audience-heading h2 .nowrap-desktop {
    white-space: nowrap !important;
}
.audience-heading p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    max-width: 860px !important;
    margin: 0 !important;
}
@media (max-width: 991px) {
    .audience-heading h2 .nowrap-desktop {
        white-space: normal !important;
    }
}

.audience-card {
    position: relative !important;
    padding: 32px 26px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1px solid #d4af37 !important;
    box-shadow: 0 6px 24px rgba(212, 175, 55, 0.08) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
.audience-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 36px rgba(212, 175, 55, 0.16) !important;
    border-color: #b58a24 !important;
}
.audience-featured {
    background: linear-gradient(180deg, #fdfbf7, #ffffff) !important;
    border: 1.5px solid #d4af37 !important;
    box-shadow: 0 12px 32px rgba(212, 175, 55, 0.15) !important;
}
.featured-badge {
    position: absolute !important;
    top: -12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(135deg, #f2d16b, #b78c20) !important;
    color: #111111 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    padding: 3px 14px !important;
    border-radius: 99px !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.35) !important;
    white-space: nowrap !important;
}
.audience-card-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
}
.audience-symbol-box {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #18181b !important;
    color: #d4af37 !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    transition: all 0.25s ease !important;
}
.audience-card:hover .audience-symbol-box {
    background: #d4af37 !important;
    color: #18181b !important;
}
.audience-index {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #fdfaf3 !important;
    border: 1.5px solid #d4af37 !important;
    color: #8b6717 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
}
.audience-card h3 {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    color: #18181b !important;
    line-height: 1.15 !important;
    margin: 0 0 10px !important;
}
.audience-card p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.32rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    margin-bottom: 20px !important;
    flex-grow: 1 !important;
}
.audience-footer-tag {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    color: #b58a24 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(212, 175, 55, 0.25) !important;
}

/* Sıkça Sorulan Sorular (FAQ) Menü Tipografisi (Smooch Sans) */
.faq-question span:first-child {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.55rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    letter-spacing: 0.01em !important;
    line-height: 1.25 !important;
}
.faq-item.active .faq-question span:first-child {
    color: #b58a24 !important;
}
.faq-answer p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    padding: 0 26px 22px !important;
}

/* CTA Bölümü 2 Satırlı Başlık ve Menü Tipografisi (Smooch Sans) */
.cta-text-col h2,
.cta-text-col h2 span,
.cta-text-col h2 em {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: clamp(2.2rem, 3.5vw, 3.5rem) !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.005em !important;
    text-align: center !important;
}
.cta-text-col h2 {
    max-width: 900px !important;
    margin: 16px auto 20px auto !important;
}
.cta-text-col h2 span {
    color: #18181b !important;
}
.cta-text-col h2 .nowrap-desktop {
    white-space: nowrap !important;
}
.cta-text-col h2 em {
    font-style: normal !important;
    color: #b58a24 !important;
}
.cta-text-col p {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    max-width: 720px !important;
    margin: 0 auto 32px auto !important;
    text-align: center !important;
}
.cta-text-col .eyebrow-pill,
.cta-text-col .eyebrow-text {
    color: #b58a24 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
}
.cta-text-col .eyebrow-pill .pulse-dot {
    background: linear-gradient(90deg, #b58a24, rgba(181, 138, 36, 0.35)) !important;
}
.cta-btn-col .btn-network-action,
.cta-btn-col .btn-outline-secondary {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
/* =========================================================================
   POZLA ADMIN SIDEBAR & LOGO LUXURY THEME RESTORATION
   ========================================================================= */
.admin-sidebar {
    background: #09090b !important;
}
.admin-sidebar-header {
    background: transparent !important;
    border-bottom: 1px solid #1f1f23 !important;
}
.admin-sidebar .admin-sidebar-toggle,
.admin-sidebar .brand,
.admin-sidebar-header .brand {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.admin-sidebar .site-logo-img-admin,
.admin-sidebar-header img,
.admin-brand img,
.site-logo-img-admin,
.site-header .site-logo-img,
.site-header a.brand,
.site-header .brand,
.site-logo-img {
    background-color: transparent !important;
    background: transparent !important;
}
.admin-sidebar .brand-sub {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #e4c466 !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}
.admin-sidebar .sidebar-toggle-icon {
    background: #18181b !important;
    border: 1px solid #27272a !important;
    color: #a1a1aa !important;
}

/* Sidebar Section Headers (Ana Menü, Sosyal, Firma Yönetimi) */
.admin-sidebar .sidebar-section-toggle,
.admin-sidebar .social-nav-toggle,
button.admin-nav-link.sidebar-section-toggle {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    color: #a1a1aa !important;
    box-shadow: none !important;
}
.admin-sidebar .sidebar-section-toggle:hover,
.admin-sidebar .social-nav-toggle:hover,
button.admin-nav-link.sidebar-section-toggle:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #e4e4e7 !important;
}

/* Sidebar Nav Links */
.admin-sidebar .admin-nav-link {
    background: transparent !important;
    background-color: transparent !important;
    color: #d4d4d8 !important;
    border: none !important;
    box-shadow: none !important;
}
.admin-sidebar .admin-nav-link:hover {
    background: #18181b !important;
    color: #ffffff !important;
}
.admin-sidebar .admin-nav-link .nav-svg {
    color: #a1a1aa !important;
}
.admin-sidebar .admin-nav-link:hover .nav-svg {
    color: #d4af37 !important;
}

/* Active Link (Altın Gradyan Zemin, Siyah Metin ve İkon) */
.admin-sidebar .admin-nav-link.active,
.admin-sidebar .admin-nav-link.active.chat-nav-link,
.admin-sidebar .admin-nav-link.active.social-sub-link {
    background: linear-gradient(135deg, #f2d16b, #d4af37) !important;
    background-color: #d4af37 !important;
    color: #111111 !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    border: none !important;
}
.admin-sidebar .admin-nav-link.active *,
.admin-sidebar .admin-nav-link.active .nav-svg,
.admin-sidebar .admin-nav-link.active span,
.admin-sidebar .admin-nav-link.active svg {
    color: #111111 !important;
    stroke: #111111 !important;
}
.admin-sidebar .admin-nav-link.active .active-indicator {
    background: #111111 !important;
}

/* Sidebar Bottom (Hesabım, Siteye Dön, Güvenli Çıkış) */
.admin-sidebar-bottom {
    background: #09090b !important;
    border-top: 1px solid #1f1f23 !important;
}
.admin-sidebar-bottom .sidebar-site-link {
    background: #18181b !important;
    border: 1px solid #27272a !important;
    color: #d4d4d8 !important;
}
.admin-sidebar-bottom .sidebar-site-link:hover {
    background: #27272a !important;
    border-color: #d4af37 !important;
    color: #ffffff !important;
}
.admin-sidebar-bottom .sidebar-logout-btn {
    background: #18181b !important;
    border: 1px solid #27272a !important;
    color: #f43f5e !important;
}
.admin-sidebar-bottom .sidebar-logout-btn:hover {
    background: rgba(244, 63, 94, 0.12) !important;
    border-color: #f43f5e !important;
    color: #fb7185 !important;
}

/* =========================================================================
   Mesaj Bilgisi Modalı (Lüks & Okunaklı Tipografi Standardı)
   ========================================================================= */
.chat-info-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 31010 !important;
    display: grid !important;
    place-items: center !important;
    padding: 20px !important;
    background: rgba(8, 8, 10, 0.75) !important;
    backdrop-filter: blur(8px) !important;
}
.chat-info-modal[hidden] {
    display: none !important;
}
.chat-info-modal > div {
    position: relative !important;
    width: min(100%, 480px) !important;
    padding: 32px 30px 28px !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    border-radius: 20px !important;
    color: #ffffff !important;
    background: linear-gradient(145deg, #1c1c20 0%, #111114 100%) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.65), 0 0 20px rgba(212, 175, 55, 0.12) !important;
}
.chat-info-modal > div > button {
    position: absolute !important;
    top: 16px !important;
    right: 18px !important;
    border: 0 !important;
    color: #a1a1aa !important;
    background: transparent !important;
    font-size: 2rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: color 0.15s ease, transform 0.15s ease !important;
}
.chat-info-modal > div > button:hover {
    color: #ffffff !important;
    transform: scale(1.15) !important;
}
.chat-info-modal > div > span {
    display: inline-block !important;
    color: #d4af37 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}
.chat-info-modal h3 {
    margin: 4px 0 22px !important;
    color: #ffffff !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.15 !important;
}
.chat-info-modal dl {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}
.chat-info-modal dl > div {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 14px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.chat-info-modal dt {
    color: #a1a1aa !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    margin: 0 !important;
}
.chat-info-modal dd {
    margin: 0 !important;
    color: #f4f4f5 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    text-align: right !important;
    letter-spacing: 0.02em !important;
}

/* =========================================================================
   Mesaj Seçim Modu & Tekil Lüks Altın Onay Kutusu (Mesaja Bitişik Hizalama)
   ========================================================================= */
.chat-messages .chat-message {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 6px 0 !important;
}

.chat-messages .chat-message.mine {
    justify-content: flex-end !important;
    flex-direction: row !important;
}

.chat-messages .chat-message.mine .chat-select-checkbox {
    order: 0 !important;
    margin: 0 10px 0 0 !important;
    flex: 0 0 24px !important;
}

.chat-messages .chat-message.mine .chat-bubble {
    order: 1 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

.chat-messages .chat-message.theirs {
    justify-content: flex-start !important;
    flex-direction: row !important;
}

.chat-messages .chat-message.theirs .chat-select-checkbox {
    order: 0 !important;
    margin: 0 10px 0 0 !important;
    flex: 0 0 24px !important;
}

.chat-messages .chat-message.theirs .chat-bubble {
    order: 1 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

.chat-messages.selection-mode .chat-message {
    display: flex !important;
    width: 100% !important;
    cursor: pointer !important;
}

.chat-messages.selection-mode .chat-message.mine {
    justify-content: flex-end !important;
}

.chat-messages.selection-mode .chat-message.theirs {
    justify-content: flex-start !important;
}

.chat-select-checkbox {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    user-select: none !important;
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
}

.chat-messages.selection-mode .chat-select-checkbox {
    display: inline-flex !important;
}

.chat-messages.selection-mode .chat-message-menu-trigger {
    pointer-events: none !important;
    opacity: 0.3 !important;
}

.chat-messages.selection-mode .chat-message.selected .chat-bubble {
    outline: 2px solid #d4af37 !important;
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.18) !important;
}

.chat-select-checkbox input[type="checkbox"],
.chat-select-checkbox input {
    display: none !important;
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.chat-check-circle {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    border: 2px solid #d4af37 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.15s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    box-sizing: border-box !important;
}

.chat-select-checkbox:hover .chat-check-circle {
    border-color: #b58a24 !important;
    transform: scale(1.08) !important;
}

.chat-select-checkbox input:checked + .chat-check-circle {
    background: #d4af37 !important;
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.28) !important;
}

.chat-select-checkbox input:checked + .chat-check-circle::after {
    content: "✓" !important;
    color: #09090b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

/* =========================================================================
   POZLA LUXURY SWEETALERT2 MODAL & ICONS (GOLD STANDARD)
   ========================================================================= */
.pozla-swal-popup {
    border-radius: 22px !important;
    border: 1px solid rgba(212, 175, 55, 0.45) !important;
    background: #ffffff !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(212, 175, 55, 0.15) !important;
    padding: 30px 26px 26px !important;
    font-family: "Roboto", sans-serif !important;
}

/* SweetAlert2 Warning & Info & Question Icons -> Luxury Gold Standard */
.swal2-icon.swal2-warning {
    border-color: #d4af37 !important;
    color: #d4af37 !important;
    background: rgba(212, 175, 55, 0.06) !important;
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.12) !important;
}

.swal2-icon.swal2-warning .swal2-icon-content {
    color: #d4af37 !important;
    font-family: "Smooch Sans", "Roboto", sans-serif !important;
    font-size: 3.6rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.swal2-icon.swal2-info {
    border-color: #d4af37 !important;
    color: #d4af37 !important;
    background: rgba(212, 175, 55, 0.06) !important;
}

.swal2-icon.swal2-info .swal2-icon-content {
    color: #d4af37 !important;
}

.swal2-icon.swal2-question {
    border-color: #d4af37 !important;
    color: #d4af37 !important;
    background: rgba(212, 175, 55, 0.06) !important;
}

.swal2-icon.swal2-question .swal2-icon-content {
    color: #d4af37 !important;
}

.pozla-swal-title {
    color: #b58a24 !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    margin: 14px 0 6px !important;
    padding: 0 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.1 !important;
}

.pozla-swal-text {
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    letter-spacing: 0.01em !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
}

.pozla-swal-btn-confirm {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 30px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: #18181b !important;
    color: #ffffff !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    cursor: pointer !important;
    margin: 6px 8px !important;
    transition: all 0.15s ease !important;
    box-shadow: 0 4px 14px rgba(24, 24, 27, 0.18) !important;
}

.pozla-swal-btn-confirm:hover {
    background: #27272a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(24, 24, 27, 0.25) !important;
}

.pozla-swal-btn-danger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 30px !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: #ffffff !important;
    cursor: pointer !important;
    margin: 6px 8px !important;
    transition: all 0.15s ease !important;
    box-shadow: 0 4px 16px rgba(220, 38, 38, 0.28) !important;
}

.pozla-swal-btn-danger:hover {
    background: linear-gradient(135deg, #f87171, #dc2626) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(220, 38, 38, 0.38) !important;
}

.pozla-swal-btn-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 13px 28px !important;
    border: 1px solid #d4af37 !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    color: #18181b !important;
    font-family: "Smooch Sans", sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    cursor: pointer !important;
    margin: 6px 8px !important;
    transition: all 0.15s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.pozla-swal-btn-cancel:hover {
    background: #fbf9f4 !important;
    color: #18181b !important;
    border-color: #b58a24 !important;
}

/* =========================================================================
   POZLA GLOBAL PAGE BOTTOM SPACING & SELECT2 DROPDOWN SAFETY PADDING
   ========================================================================= */
.admin-content {
    padding: 20px 24px 140px !important;
    min-height: calc(100vh - 180px) !important;
    box-sizing: border-box !important;
}

.project-edit-page,
.project-detail-layout,
.project-trash-container,
.projects-page,
.auth-page-container {
    padding-bottom: 60px !important;
}

.crew-card,
.project-edit-card:last-of-type,
.modern-readiness-card {
    margin-bottom: 24px !important;
}

.select2-container--open {
    z-index: 100050 !important;
}

.select2-dropdown {
    z-index: 100050 !important;
    border: 1px solid #d4af37 !important;
    border-radius: 13px !important;
    box-shadow: 0 18px 45px rgba(28, 23, 14, 0.18) !important;
}

.select2-dropdown.select2-dropdown--above {
    box-shadow: 0 -18px 45px rgba(28, 23, 14, 0.18) !important;
}

/* =========================================================================
   POZLA UNIVERSAL CIRCULAR CLOSE (X) BUTTON STANDARD
   Guarantees 100% true circular geometry and dead-centered X icon
   across all modals, lightboxes, croppers, and device viewports.
   ========================================================================= */
.cropper-close-btn,
.modal-close,
.story-editor-close,
.chat-group-modal-close,
.customer-preview-close,
.upload-progress-close,
[data-feed-close],
[data-chat-lightbox-close],
[data-chat-info-close] {
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.cropper-close-btn svg,
.modal-close svg,
.story-editor-close svg,
.chat-group-modal-close svg,
.customer-preview-close svg,
.upload-progress-close svg,
[data-feed-close] svg,
[data-chat-lightbox-close] svg,
[data-chat-info-close] svg {
    display: block !important;
    margin: 0 auto !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
    stroke: currentColor !important;
}

.upload-progress-close {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    border: 1px solid #dcd8ce !important;
    background: #ffffff !important;
    color: #71717a !important;
    line-height: 0 !important;
    font-size: 0 !important;
    cursor: pointer !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.15s ease !important;
}
.upload-progress-close:hover {
    background: #f4f4f5 !important;
    color: #18181b !important;
    border-color: #b58a24 !important;
}
.upload-progress-close svg {
    width: 14px !important;
    height: 14px !important;
}

/* Modal close button standard */
.modal-close {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    flex: 0 0 34px !important;
    background: #f4f4f5 !important;
    border: 1px solid #e4e4e7 !important;
    color: #71717a !important;
    line-height: 0 !important;
    font-size: 1.3rem !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}
.modal-close:hover {
    background: #e4e4e7 !important;
    color: #18181b !important;
    border-color: #d4d4d8 !important;
    transform: scale(1.05) !important;
}
.modal-close svg {
    width: 14px !important;
    height: 14px !important;
}

/* =========================================================================
   POZLA ATTENTION CENTER STANDARD (panel/ilgilenilmesi-gerekenler)
   ========================================================================= */
.attention-center-page {
    padding: 24px 0 60px;
}

.attention-center-page,
.attention-center-page * {
    font-family: "Smooch Sans", sans-serif !important;
    letter-spacing: 0.02em;
}

.attention-heading.page-heading-standard {
    margin-bottom: 24px !important;
}

/* Metrik Özet Sayaçları (3 Kolon) */
.attention-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 28px !important;
}

.attention-stat-card {
    background: #ffffff !important;
    border: 1px solid #d4af37 !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    box-shadow: 0 4px 18px rgba(212, 175, 55, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
}

.attention-stat-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.16) !important;
}

.attention-stat-card.danger {
    border-color: #fca5a5 !important;
    background: linear-gradient(135deg, #ffffff 0%, #fffbfb 100%) !important;
}

.attention-stat-card.danger:hover {
    border-color: #ef4444 !important;
    box-shadow: 0 8px 24px rgba(239, 68, 68, 0.14) !important;
}

.attention-stat-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.attention-stat-label {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #71717a !important;
    line-height: 1.2 !important;
}

.attention-stat-val {
    font-size: 2.8rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #18181b !important;
}

.attention-stat-card.danger .attention-stat-val {
    color: #dc2626 !important;
}

.attention-stat-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 13px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
    background: rgba(212, 175, 55, 0.14) !important;
    color: #b58a24 !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    transition: all 0.2s ease !important;
}

.attention-stat-card.danger .attention-stat-icon {
    background: #fff1f2 !important;
    color: #dc2626 !important;
    border-color: #fecaca !important;
}

.attention-stat-card:hover .attention-stat-icon {
    transform: scale(1.05) !important;
}

.attention-stat-icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
    display: block !important;
}

/* Ana 2 Sütunlu Grid */
.attention-main-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
}

/* Panel Kartı */
.attention-panel-card {
    background: #ffffff !important;
    border: 1px solid #d4af37 !important;
    border-radius: 16px !important;
    padding: 24px 26px !important;
    box-shadow: 0 4px 18px rgba(212, 175, 55, 0.08) !important;
    display: flex !important;
    flex-direction: column !important;
}

.attention-panel-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    border-bottom: 1px solid #f1efe9 !important;
    padding-bottom: 16px !important;
    margin-bottom: 18px !important;
    flex-wrap: wrap !important;
}

.attention-panel-title-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.attention-kicker {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
    width: fit-content !important;
}

.attention-kicker.danger {
    color: #dc2626 !important;
}

.attention-kicker.gold {
    color: #b58a24 !important;
}

.attention-panel-title {
    margin: 0 !important;
    font-size: 1.85rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    line-height: 1.15 !important;
}

.attention-panel-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 12px !important;
    border-radius: 8px !important;
    background: #fbf3dc !important;
    border: 1px solid rgba(181, 138, 36, 0.3) !important;
    color: #b58a24 !important;
    font-size: 1.18rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.attention-panel-badge.danger {
    background: #fff1f2 !important;
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

/* Liste Kartları */
.attention-items-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.attention-item-row {
    background: #ffffff !important;
    border: 1px solid #d4af37 !important;
    border-radius: 13px !important;
    padding: 16px 18px !important;
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
}

.attention-item-row:hover {
    background: #fdfbf7 !important;
    border-color: #b58a24 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.12) !important;
}

.attention-item-left {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-width: 0 !important;
    flex: 1 !important;
}

.attention-item-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 11px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.attention-item-icon.danger {
    background: #fff1f2 !important;
    border: 1px solid #fecaca !important;
    color: #dc2626 !important;
}

.attention-item-icon.gold {
    background: #fbf3dc !important;
    border: 1px solid rgba(181, 138, 36, 0.3) !important;
    color: #b58a24 !important;
}

.attention-item-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-width: 0 !important;
}

.attention-item-name {
    font-size: 1.38rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

.attention-item-name:hover {
    color: #b58a24 !important;
}

.attention-item-meta {
    font-size: 1.20rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    line-height: 1.3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.attention-last-reminder-tag {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #b58a24 !important;
    background: rgba(212, 175, 55, 0.12) !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
}

.attention-delivery-note {
    margin-top: 6px !important;
    font-size: 1.20rem !important;
    font-weight: 600 !important;
    color: #52525b !important;
    background: #fdfbf7 !important;
    border-left: 3px solid #d4af37 !important;
    padding: 6px 12px !important;
    border-radius: 0 8px 8px 0 !important;
    word-break: break-word !important;
}

/* Butonlar */
.btn-attention-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 11px !important;
    background: #18181b !important;
    color: #ffffff !important;
    border: 1px solid #18181b !important;
    font-size: 1.22rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(24, 24, 27, 0.12) !important;
    transition: all 0.18s ease !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.btn-attention-action:hover {
    background: #27272a !important;
    border-color: #27272a !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px rgba(24, 24, 27, 0.20) !important;
    text-decoration: none !important;
}

.btn-attention-action svg {
    width: 15px !important;
    height: 15px !important;
    stroke: #d4af37 !important;
}

.btn-attention-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #18181b !important;
    border: 1px solid #d4af37 !important;
    font-size: 1.22rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.18s ease !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.btn-attention-secondary:hover {
    background: #fff8e4 !important;
    border-color: #b58a24 !important;
    color: #18181b !important;
    transform: translateY(-1px) !important;
    text-decoration: none !important;
}

.btn-attention-disabled {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 11px !important;
    background: #f4f4f5 !important;
    color: #71717a !important;
    border: 1px solid #e4e4e7 !important;
    font-size: 1.20rem !important;
    font-weight: 600 !important;
    cursor: not-allowed !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* Boş Durum Kartı (Empty State) */
.attention-empty-card {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 18px 20px !important;
    background: #fdfbf7 !important;
    border: 1px dashed rgba(212, 175, 55, 0.45) !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
}

.attention-empty-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
    color: #059669 !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}

.attention-empty-icon svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
}

.attention-empty-text h4 {
    margin: 0 0 2px !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #18181b !important;
    line-height: 1.2 !important;
}

.attention-empty-text p {
    margin: 0 !important;
    font-size: 1.20rem !important;
    font-weight: 600 !important;
    color: #71717a !important;
    line-height: 1.25 !important;
}

/* Duyarlı / Mobil Kırılımlar */
@media (max-width: 991px) {
    .attention-center-page {
        padding: 12px 0 40px !important;
    }
    .attention-summary-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        margin-bottom: 20px !important;
    }
    .attention-main-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .attention-panel-card {
        padding: 18px 16px !important;
    }
    .attention-item-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
        padding: 14px 14px !important;
    }
    .attention-item-left {
        align-items: flex-start !important;
    }
    .btn-attention-action,
    .btn-attention-secondary,
    .btn-attention-disabled {
        width: 100% !important;
        min-height: 44px !important;
        height: 44px !important;
    }
    .attention-items-list form {
        width: 100% !important;
    }
}

@media (max-width: 540px) {
    .attention-summary-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}



/* Form check premium grid and full width rules */
.form-check-premium.full,
.form-grid .form-check-premium {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}