
:root{
    --nay:#96b8cc;
    --nay-dark:#183153;
    --nay-dark-2:#27496a;
    --nay-soft:#eef6fa;
    --nay-bg:#f8fbfd;
    --nay-line:#e2e8f0;
    --nay-line-2:#edf2f7;
    --nay-text:#0f172a;
    --nay-muted:#64748b;
    --nay-white:#ffffff;
    --nay-success:#166534;
    --nay-success-bg:#dcfce7;
    --nay-danger:#991b1b;
    --nay-danger-bg:#fee2e2;
    --nay-shadow:0 12px 28px rgba(15,23,42,.06);
    --nay-shadow-lg:0 18px 40px rgba(24,49,83,.18);
    --nay-radius:24px;
}

html,body{background:var(--nay-bg)!important;}
body.admin-body{color:var(--nay-text)!important;}
.page-wrapper{
    min-height:100vh;
    margin-right:280px;
    background:var(--nay-bg);
}
.admin-page-stage{min-height:100vh;}
@media (max-width: 991px){
    .page-wrapper{margin-right:0;}
}

.page-content,
.content-wrapper,
.products-page,
.products-create-page,
.page-wrap,
.ofr-wrap,
.stg-wrap,
.variants-wrapper,
.content-page,
.nay-dashboard-page{
    padding:22px !important;
    background:var(--nay-bg) !important;
}
.products-wrap,
.products-create-wrap,
.ofr-wrap,
.content-wrapper,
.page-content,
.stg-wrap,
.nay-dashboard-content{
    max-width:1440px;
    margin:0 auto;
}

.page-header-box,
.page-topbar,
.page-header,
.page-head,
.module-page-header,
.page-header-card,
.page-wrapper .topbar,
.nay-page-top,
.ofr-page-title,
.page-title-wrap,
.content-header{
    position:relative;
    background:linear-gradient(135deg,var(--nay-dark) 0%,var(--nay-dark-2) 45%,var(--nay) 100%) !important;
    border-radius:26px !important;
    padding:26px !important;
    box-shadow:var(--nay-shadow-lg) !important;
    border:0 !important;
    color:#fff !important;
    margin:0 0 20px !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:18px !important;
    flex-wrap:wrap !important;
    min-height:auto !important;
    height:auto !important;
    position:relative !important;
    top:auto !important;
}
.page-header-box::before,
.page-topbar::before,
.page-header::before,
.page-head::before,
.module-page-header::before,
.page-header-card::before,
.page-wrapper .topbar::before,
.nay-page-top::before,
.ofr-page-title::before,
.page-title-wrap::before,
.content-header::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));
    pointer-events:none;
}
.page-header-box h1,
.page-topbar h1,
.page-header h1,
.page-head h1,
.module-page-header h1,
.page-header-card h1,
.page-wrapper .topbar h1,
.nay-page-top h1,
.ofr-page-title h1,
.page-title-wrap h1,
.content-header h1,
.page-main-title,
.page-title h1,
.page-title-box h1,
.ofr-page-title h1,
.nay-page-top-text h1,
.topbar-title{
    margin:0 0 10px !important;
    font-size:31px !important;
    font-weight:900 !important;
    letter-spacing:-.3px;
    color:#fff !important;
}
.page-header-box p,
.page-topbar p,
.page-header p,
.page-head p,
.module-page-header p,
.page-header-card p,
.page-wrapper .topbar p,
.nay-page-top p,
.ofr-page-title p,
.page-title-wrap p,
.content-header p,
.page-main-subtitle,
.page-title p,
.page-title-box p,
.ofr-muted,
.nay-page-top-text p,
.topbar-meta{
    margin:8px 0 0 !important;
    color:rgba(255,255,255,.88) !important;
    font-size:15px !important;
    line-height:1.8 !important;
}
.page-header-actions,
.top-actions,
.page-actions,
.ofr-actions,
.nay-page-top-actions,
.hero-actions,
.quick-links{
    display:flex !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    align-items:center;
}

.btn,
.btn-modern,
.hero-btn,
.ghost-btn,
.filter-btn,
.nay-btn,
.btnx,
.btn-sm,
.mini-btn,
.quick-links a,
.page-actions a,
.page-header-actions a,
.top-actions a,
.ofr-actions a,
.form-actions a,
.form-actions button,
.actions-inline a,
.actions-inline button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:46px;
    border-radius:14px !important;
    text-decoration:none !important;
    font-weight:800 !important;
    padding:11px 18px !important;
    border:1px solid transparent !important;
    transition:.18s ease !important;
}
.btn:hover,
.btn-modern:hover,
.hero-btn:hover,
.ghost-btn:hover,
.filter-btn:hover,
.nay-btn:hover,
.btnx:hover,
.btn-sm:hover,
.mini-btn:hover,
.quick-links a:hover,
.page-actions a:hover,
.page-header-actions a:hover,
.top-actions a:hover,
.ofr-actions a:hover,
.form-actions a:hover,
.form-actions button:hover,
.actions-inline a:hover,
.actions-inline button:hover{transform:translateY(-1px);}

.btn-primary,
.btn-modern.primary,
.nay-btn-primary,
.filter-btn,
.page-actions .btn-primary,
.page-header-actions .btn-primary,
.top-actions .btn-modern.primary,
.quick-links a,
.ofr-actions .btn-primary{
    background:#fff !important;
    color:var(--nay-dark) !important;
    box-shadow:none !important;
}
.btn-light,
.btn-light-custom,
.btn-modern.light,
.ghost-btn,
.nay-btn-light,
.page-actions .btn-light,
.page-header-actions .btn-light,
.top-actions .btn-modern.light,
.ofr-actions .btn-light{
    background:rgba(255,255,255,.16) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.18) !important;
}
.btn-danger,
.btn-delete{background:#fef2f2 !important;color:#dc2626 !important;border-color:#fecaca !important;}
.btn-edit{background:#eff6ff !important;color:#1d4ed8 !important;border-color:#dbeafe !important;}
.btn-dark{background:var(--nay-dark) !important;color:#fff !important;border-color:var(--nay-dark) !important;}

.dashboard-stats-grid,
.stats-grid,
.order-grid,
.ofr-grid,
.quick-actions-grid,
.nay-stats-grid,
.grid,
.grid-layout,
.row3,
.row2{
    display:grid !important;
    gap:16px !important;
}
.dashboard-stats-grid,
.stats-grid,
.order-grid,
.ofr-grid,
.quick-actions-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
    margin-bottom:20px !important;
}
.grid-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;}
@media (max-width:1100px){.grid-layout{grid-template-columns:1fr !important;}}

.card,
.card-box,
.panel,
.order-card,
.ofr-card,
.dashboard-stat-card,
.stat-card,
.nay-card,
.custom-card,
.form-card,
.box,
.empty-state-box,
.category-mini-card,
.quick-action-card,
.page-content > .topbar + .card,
.content-wrapper > .card,
.content-wrapper > .box,
.content-wrapper > .order-card{
    background:var(--nay-white) !important;
    border:1px solid var(--nay-line-2) !important;
    border-radius:24px !important;
    box-shadow:var(--nay-shadow) !important;
    overflow:hidden;
}
.card,
.card-box,
.panel,
.form-card,
.box,
.custom-card,
.nay-card{padding:0 !important;}
.card-body,.box-body,.nay-card-body,.card-head + .card-body,.panel-body{padding:22px !important;}
.card-head,
.panel-head,
.section-head,
.nay-card-head{
    padding:18px 20px !important;
    border-bottom:1px solid #f1f5f9 !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    background:linear-gradient(180deg,#fff,#fbfdff) !important;
}
.card-head h2,.card-head h3,.panel-head h2,.section-head h2,.nay-card-head h3,.order-card h3,.ofr-card h3,.dashboard-stat-card h3,.stat-card h3{
    margin:0 !important;
    color:var(--nay-dark) !important;
    font-weight:900 !important;
}

.dashboard-stat-card,
.stat-card,
.order-card,
.ofr-card,
.quick-action-card,
.category-mini-card,
.nay-stat-card{
    position:relative;
    padding:18px 18px 20px !important;
}
.dashboard-stat-card::before,
.stat-card::before,
.order-card::before,
.ofr-card::before,
.quick-action-card::before,
.category-mini-card::before,
.nay-stat-card::before{
    content:'';
    position:absolute;
    top:0;right:0;width:84px;height:84px;
    background:radial-gradient(circle,var(--nay-soft),transparent 70%);
}
.stat-value,.ofr-kpi,.num,.nay-stat-value,.dashboard-stat-card h3,.stat-content h3{
    font-size:32px !important;
    line-height:1 !important;
    font-weight:900 !important;
    color:var(--nay-text) !important;
}
.stat-label,.ofr-card h3,.order-card h3,.nay-stat-label,.stat-content p,.stat-note,.nay-stat-note,.hint,.text-muted,.ofr-muted,.section-head p,.panel-head p{
    color:var(--nay-muted) !important;
}

.filters,
.form-grid,
.form-grid-3,
.row,
.grid,
.nay-form-grid{
    gap:16px !important;
}
.form-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.form-grid-3{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.full-width,.full,.field.full{grid-column:1 / -1 !important;}
@media (max-width:991px){
    .form-grid,.form-grid-3{grid-template-columns:1fr !important;}
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="file"],
input[type="datetime-local"],
input[type="search"],
select,
textarea,
.form-control,
.input,
.select,
.field input,
.field select,
.field textarea,
.nay-input{
    width:100% !important;
    min-height:48px !important;
    padding:12px 14px !important;
    border:1px solid var(--nay-line) !important;
    border-radius:14px !important;
    background:#fff !important;
    font-size:15px !important;
    color:var(--nay-text) !important;
    outline:none !important;
    transition:.15s ease !important;
    box-sizing:border-box !important;
}
textarea{min-height:120px !important;resize:vertical;}
input:focus,select:focus,textarea:focus,.form-control:focus,.input:focus,.select:focus,.field input:focus,.field select:focus,.field textarea:focus,.nay-input:focus{
    border-color:var(--nay) !important;
    box-shadow:0 0 0 4px rgba(150,184,204,.18) !important;
}
.form-group label,.field label,.form-label,label{display:block;font-weight:800;color:#374151;margin-bottom:8px;}
.form-actions{display:flex !important;gap:12px !important;flex-wrap:wrap !important;margin-top:24px !important;}

.table-wrap,
.nay-table-wrap{overflow:auto !important;}
.table,
.table-wrap table,
.nay-table,
.card table,
.panel table,
.box table{
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
    min-width:920px;
    background:#fff;
}
.table thead th,
.table-wrap thead th,
.nay-table thead th,
.card table thead th,
.panel table thead th,
.box table thead th,
.table-wrap table th,
table th{
    position:sticky;
    top:0;
    background:#f8fbfe !important;
    color:#475569 !important;
    font-size:13px !important;
    font-weight:900 !important;
    padding:15px 12px !important;
    border-bottom:1px solid #eaf0f5 !important;
    text-align:center !important;
    white-space:nowrap;
}
.table tbody td,
.table-wrap tbody td,
.nay-table tbody td,
.card table tbody td,
.panel table tbody td,
.box table tbody td,
.table-wrap table td,
table td{
    padding:14px 12px !important;
    border-bottom:1px solid #f1f5f9 !important;
    text-align:center;
    vertical-align:middle;
    color:#1e293b !important;
}
.table tbody tr:hover,
.table-wrap tbody tr:hover,
.nay-table tbody tr:hover,
.card table tbody tr:hover,
.panel table tbody tr:hover,
.box table tbody tr:hover,
.table-wrap table tbody tr:hover,
table tbody tr:hover{background:#fbfeff !important;}

.badge,
.status-badge,
.slug-chip,
.count-chip,
.nay-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    font-size:12px !important;
    font-weight:800 !important;
    border:1px solid #e2e8f0 !important;
    background:#f8fafc !important;
    color:#475569 !important;
}
.badge.green,.status-active,.status-on,.success,.alert-success{background:var(--nay-success-bg) !important;color:var(--nay-success) !important;border-color:#bbf7d0 !important;}
.badge.red,.status-inactive,.status-off,.danger,.alert-danger,.error{background:var(--nay-danger-bg) !important;color:var(--nay-danger) !important;border-color:#fecaca !important;}
.badge.blue{background:#dbeafe !important;color:#1d4ed8 !important;border-color:#bfdbfe !important;}
.badge.gray,.warn{background:#f1f5f9 !important;color:#334155 !important;border-color:#e2e8f0 !important;}
.alert,
.flash,
.nay-alert{margin-bottom:18px !important;padding:14px 16px !important;border-radius:16px !important;font-weight:800 !important;border:1px solid transparent !important;}
.alert-success,.flash.success{background:#ecfdf5 !important;color:#065f46 !important;border-color:#a7f3d0 !important;}
.alert-error,.flash.error,.flash.danger{background:#fef2f2 !important;color:#991b1b !important;border-color:#fecaca !important;}
.flash.info{background:#eff6ff !important;color:#1d4ed8 !important;border-color:#bfdbfe !important;}

.empty,
.empty-state,
.nay-empty{
    padding:42px 16px !important;
    text-align:center !important;
    color:var(--nay-muted) !important;
    font-weight:700 !important;
}
.section-link{font-weight:800;color:var(--nay-dark) !important;text-decoration:none;}

.ofr-wrap .separator{height:1px;background:#e8eef5;margin:22px 0;}
.ofr-wrap .list-clean{margin:0;padding-right:18px;color:#475569;line-height:2;}
.ofr-wrap .btn.btn-dark{background:var(--nay-dark) !important;color:#fff !important;}

@media (max-width:960px){
    .page-content,.content-wrapper,.products-page,.products-create-page,.page-wrap,.ofr-wrap,.stg-wrap,.variants-wrapper,.content-page,.nay-dashboard-page{padding:14px !important;}
    .page-header-box,.page-topbar,.page-header,.page-head,.module-page-header,.page-header-card,.page-wrapper .topbar,.nay-page-top,.ofr-page-title,.page-title-wrap,.content-header{padding:20px !important;border-radius:22px !important;}
    .page-header-box h1,.page-topbar h1,.page-header h1,.page-head h1,.module-page-header h1,.page-header-card h1,.page-wrapper .topbar h1,.nay-page-top h1,.ofr-page-title h1,.page-title-wrap h1,.content-header h1,.page-main-title,.page-title h1,.page-title-box h1,.topbar-title{font-size:24px !important;}
}
@media (max-width:640px){
    .dashboard-stats-grid,.stats-grid,.order-grid,.ofr-grid,.quick-actions-grid{grid-template-columns:1fr !important;}
    .btn,.btn-modern,.hero-btn,.ghost-btn,.filter-btn,.nay-btn,.btnx,.btn-sm,.mini-btn,.quick-links a,.page-actions a,.page-header-actions a,.top-actions a,.ofr-actions a,.form-actions a,.form-actions button,.actions-inline a,.actions-inline button{width:100% !important;}
}
