/* =========================================================
   SeaOfBattle Premium Theme v13
   Cleaned + optimized final CSS
   ========================================================= */

:root{
    --gold:#f3c95b;
    --gold2:#b7882d;
    --gold3:#ffd861;
    --bg:#080402;
    --bg2:#110803;
    --panel:#120d08e8;
    --panel2:rgba(38,27,17,.95);
    --line:#6b4b17;
    --line2:rgba(218,170,58,.35);
    --text:#fff6cf;
    --muted:#b99b55;
    --green:#0f8f51;
    --red:#b22222;
    --blue:#5ab0ff;
    --shadow:0 18px 45px rgba(0,0,0,.58);
}

*{box-sizing:border-box}

html{
    min-height:100%;
    scroll-behavior:smooth;
}

body{
    margin:0;
    min-height:100%;
    font-family:Arial,Helvetica,sans-serif;
    color:var(--text);
    background-color:var(--bg2);
    background-image:
        radial-gradient(circle at 50% 0%, rgba(243,201,91,.10), transparent 32%),
        radial-gradient(circle at 10% 20%, rgba(122,70,22,.18), transparent 24%),
        linear-gradient(rgba(69,34,9,.34) 2px, transparent 2px),
        linear-gradient(90deg, rgba(69,34,9,.34) 2px, transparent 2px);
    background-size:auto, auto, 54px 54px, 54px 54px;
    display:flex;
    flex-direction:column;
}

body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 20% 10%, rgba(255,216,97,.08), transparent 25%),
        radial-gradient(circle at 80% 30%, rgba(255,132,32,.05), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 35%);
    z-index:-1;
}

::selection{background:var(--gold3);color:#140d04}
a{color:var(--gold3);text-decoration:none}
a:hover{color:#fff;text-shadow:0 0 10px var(--gold3)}

.page-wrap{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.content{
    flex:1;
    min-height:calc(100vh - 230px);
}

.container{
    max-width:1180px;
    margin:0 auto;
    padding:46px 18px;
}

.narrow{max-width:980px}

/* Header */
.topbar{
    min-height:82px;
    background:linear-gradient(#100b07,#050403);
    border-bottom:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:space-around;
    gap:20px;
    padding:0 20px;
}

.brand{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    color:inherit;
}

.brand img{
    width:64px;
    height:42px;
    object-fit:contain;
}

.brand b{
    font-size:29px;
    color:var(--gold);
    text-shadow:0 2px 3px #000;
}

.brand small{
    display:block;
    color:#fff;
    font-size:12px;
}

.online b{
    display:block;
    color:#fff;
    letter-spacing:1px;
}

.online span{
    font-weight:900;
    font-size:18px;
    letter-spacing:2px;
}

.toplinks a,.footer a{color:var(--gold);text-decoration:none}

/* Navigation */
.nav{
    background:linear-gradient(#17100a,#090604);
    border-bottom:1px solid var(--line);
    position:sticky;
    top:0;
    z-index:50;
}

.hamb{display:none}

.navlinks{
    display:flex;
    justify-content:center;
}

.nav a{
    color:var(--gold);
    text-decoration:none;
    font-weight:800;
    padding:20px 28px;
    border-left:1px solid #2d1d0d;
    position:relative;
    transition:background .22s ease,color .22s ease,letter-spacing .22s ease,box-shadow .22s ease;
}

.nav a:last-child{border-right:1px solid #2d1d0d}

.nav a.active,
.nav a:hover{
    background:linear-gradient(#2a1b0d,#120b05);
    color:#fff;
}

.nav a:hover{
    letter-spacing:.45px;
    box-shadow:inset 0 -3px 0 rgba(255,216,97,.55);
}

.nav a.active{
    background:linear-gradient(180deg,rgba(255,207,75,.13),rgba(255,207,75,.05));
    box-shadow:inset 0 -3px 0 var(--gold3),0 8px 22px rgba(255,216,97,.24);
}

.nav a.active:after{
    content:"";
    position:absolute;
    left:20%;
    right:20%;
    bottom:0;
    height:4px;
    background:var(--gold);
    box-shadow:0 0 14px var(--gold);
}

/* Hero */
.hero{
    min-height:500px;
    background:
        linear-gradient(90deg,rgba(0,0,0,.78),rgba(80,58,15,.38)),
        url('/assets/img/hero-realistic.svg') center/cover no-repeat;
    border-bottom:1px solid var(--line);
    display:flex;
    align-items:center;
}

.hero-inner{
    max-width:1180px;
    margin:auto;
    width:100%;
    padding:50px 25px;
}

.hero h1{
    font-size:52px;
    max-width:600px;
    line-height:1.05;
    color:var(--gold);
    text-shadow:0 4px 4px #000;
}

.hero p{
    font-size:19px;
    max-width:580px;
}

.hero-split{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    align-items:center;
    gap:28px;
}

.hero-video-card{
    background:linear-gradient(135deg,rgba(30,20,11,.94),rgba(5,5,5,.94));
    border:1px solid var(--line);
    border-radius:12px;
    padding:18px;
    box-shadow:0 18px 50px #000;
}

/* Buttons */
.btn,.button,button{
    display:inline-block;
    padding:14px 26px;
    border-radius:8px;
    border:1px solid #f5d46e;
    background:linear-gradient(#ffe26c,#b67b1d);
    color:#160d04!important;
    text-decoration:none;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 4px 10px #000;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
    position:relative;
    overflow:hidden;
}

.btn.secondary{
    background:#0b0907;
    color:var(--gold)!important;
}

.btn:hover,.button:hover,button:hover{
    transform:translateY(-2px);
    box-shadow:0 0 24px rgba(255,216,97,.32),0 10px 24px rgba(0,0,0,.45);
    filter:saturate(1.1);
}

.btn:active,.button:active,button:active{transform:scale(.97)}

/* Layouts */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-top:28px;
}

.stats-compact{
    grid-template-columns:repeat(2,minmax(220px,1fr));
    max-width:760px;
}

.stat-card{
    display:flex;
    align-items:baseline;
    gap:10px;
}

.stat-card b,
.stat b{
    display:block;
    font-size:30px;
}

.stat-card span{font-size:17px}

/* Cards */
.stat,.card,.panel{
    background:linear-gradient(135deg,var(--panel2),rgba(8,7,6,.95));
    border:1px solid var(--line);
    border-radius:9px;
    box-shadow:0 0 30px #000;
    padding:24px;
}

.card,.panel,.stat,.download-card,.video-card,.guide-item,.ticket-row,.package{
    position:relative;
    overflow:hidden;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,filter .25s ease;
}

.card:before,.panel:before,.stat:before,.package:before,.download-card:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,transparent,rgba(255,216,97,.07),transparent);
    transform:translateX(-120%);
    transition:transform .65s ease;
    pointer-events:none;
}

.card:hover,.panel:hover,.stat:hover,.download-card:hover,.video-card:hover,.guide-item:hover,.ticket-row:hover,.package:hover{
    transform:translateY(-4px);
    border-color:var(--gold3);
    box-shadow:0 0 28px rgba(255,216,97,.16),var(--shadow);
}

.card:hover:before,.panel:hover:before,.stat:hover:before,.package:hover:before,.download-card:hover:before{
    transform:translateX(120%);
}

.card h2,.card h3,h1,h2,h3{color:var(--gold)}
.muted{color:var(--muted)}
.compact{padding:14px}

/* Forms */
.form{max-width:720px;margin:auto}

.form input,.form textarea,.form select,
.admin input,.admin textarea,.admin select,
.server-select,.form-control{
    width:100%;
    padding:13px 14px;
    border-radius:8px;
    background:#090806;
    border:1px solid #5d4216;
    color:#fff;
    margin:8px 0 14px;
}

.form-control:focus,input:focus,select:focus,textarea:focus{
    outline:none;
    border-color:var(--gold3)!important;
    box-shadow:0 0 0 3px rgba(255,216,97,.10),0 0 15px rgba(255,216,97,.28);
}

.form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.admin input[type="checkbox"]{
    width:auto;
    margin-right:6px;
}

.admin input[type="file"],
input[type=file].form-control,
.card input[type=file],
.account-card input[type=file]{
    display:block;
    height:auto;
    padding:12px;
    color:#e8d18b;
    background:#090806;
    border:1px dashed var(--line);
    margin-top:8px;
}

/* Tables */
.table{
    width:100%;
    border-collapse:collapse;
    background:#090706;
}

.table th,.table td{
    border:1px solid #34230d;
    padding:12px;
    text-align:left;
}

.table th{
    color:var(--gold);
    background:#171009;
}

.table tbody tr{
    transition:background .18s ease,color .18s ease;
}

.table tbody tr:hover{
    background:rgba(255,216,97,.065);
}

/* Status */
.badge{
    display:inline-block;
    background:#0f8a4b;
    color:#fff;
    border-radius:20px;
    padding:4px 10px;
    font-weight:bold;
}

.badge.green{background:var(--green)}
.package .badge,.card .badge{box-shadow:0 0 14px rgba(15,138,75,.28)}

.notice,.success{
    padding:12px;
    border:1px solid #3f8c42;
    background:#102812;
    border-radius:8px;
    margin:10px 0;
    color:#d9ffd6;
}

.alert,.error{
    padding:12px 16px;
    border:1px solid #d24b4b;
    background:#3a1111;
    border-radius:10px;
    margin:12px 0;
    color:#ffd7d7;
}

/* Media / videos */
.video-box iframe{
    width:100%;
    height:360px;
    border:1px solid var(--line);
    border-radius:8px;
}

.video-frame,.mini-video,.video-thumb{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    border:1px solid #7c5615;
    border-radius:12px;
    background:#050505;
}

.video-frame iframe,.mini-video iframe,.video-thumb iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.video-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:18px;
}

.video-card{padding:14px}

/* Images */
.card img,.package-image,.card-image,.detail-image,.guide-item img{
    transition:transform .35s ease,filter .35s ease;
}

.card:hover img,.package:hover img,.guide-item:hover img{
    transform:scale(1.035);
    filter:saturate(1.08) contrast(1.03);
}

.card-image{
    width:100%;
    height:170px;
    object-fit:cover;
    border-radius:14px;
    margin-bottom:14px;
    border:1px solid rgba(218,170,58,.35);
}

.detail-image{
    width:100%;
    max-height:380px;
    object-fit:cover;
    border-radius:18px;
    margin-bottom:18px;
    border:1px solid rgba(218,170,58,.35);
}

.package-image{
    width:100%;
    height:135px;
    object-fit:cover;
    border-radius:14px;
    margin-bottom:12px;
    border:1px solid rgba(218,170,58,.28);
}

.avatar-lg{
    width:96px;
    height:96px;
    object-fit:cover;
    border-radius:50%;
    border:2px solid #d9aa3a;
    box-shadow:0 0 22px rgba(217,170,58,.25);
    display:block;
    margin-bottom:12px;
}

.admin-thumb{
    width:82px;
    height:48px;
    object-fit:cover;
    border-radius:8px;
    border:1px solid #b8872e;
}

/* Downloads */
.downloads{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
}

.download-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:18px;
}

.download-card{text-align:center}
.download-card .icon{font-size:48px}
.download-card h2{min-height:52px}
.download-card .btn{margin-top:10px}
.icon-platform{width:72px;height:72px;margin:0 auto 12px;display:block}

/* Shop */
.shop-tabs{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.shop-tabs a{
    border:1px solid var(--line);
    padding:10px 14px;
    border-radius:8px;
    color:var(--gold);
    text-decoration:none;
}

.shop-tabs a.active{
    background:var(--gold);
    color:#170e04;
}

.package{min-height:235px}
.price{
    font-size:21px;
    font-weight:900;
    color:#fff;
    text-shadow:0 0 12px rgba(255,216,97,.28);
}

.bulk-actions{
    display:flex;
    gap:14px;
    align-items:center;
    margin:16px 0 22px;
    flex-wrap:wrap;
}

.select-pack{
    display:inline-flex;
    gap:8px;
    align-items:center;
    margin:8px 10px 8px 0;
}

.disabled-card{
    opacity:.62;
    filter:grayscale(.25);
}

/* Guide */
.breadcrumb{
    color:#c9a653;
    margin-bottom:18px;
}

.guide-page{
    max-width:1180px!important;
    width:100%!important;
    margin:0 auto!important;
    padding-top:38px!important;
}

.guide-hero{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:22px!important;
    margin-bottom:20px!important;
}

.guide-hero h1{margin:0 0 10px!important}

.guide-search,
.guide-filter{
    display:grid!important;
    grid-template-columns:minmax(180px,1fr) 220px auto!important;
    gap:10px!important;
    min-width:520px!important;
    margin:18px 0;
}

.guide-search input,.guide-search select,
.guide-filter input,.guide-filter select{
    height:46px!important;
    padding:0 13px!important;
    border-radius:8px!important;
    background:#080605!important;
    color:var(--text)!important;
    border:1px solid var(--line)!important;
}

.guide-search button{height:46px!important;padding:0 24px!important}

.guide-main,
.guide-layout{
    display:grid!important;
    grid-template-columns:280px minmax(0,1fr)!important;
    gap:22px!important;
    align-items:start!important;
}

.guide-cats,
.guide-sidebar{
    position:sticky!important;
    top:100px!important;
    height:max-content;
    padding:22px!important;
}

.guide-cats h3{margin-top:0!important}

.guide-cat,
.guide-sidebar a{
    display:block!important;
    width:100%!important;
    margin:7px 0!important;
    padding:11px 13px!important;
    border-radius:8px!important;
    border:1px solid rgba(107,75,23,.35)!important;
    color:var(--gold3)!important;
    text-decoration:none!important;
    white-space:normal!important;
    line-height:1.25!important;
}

.guide-cat.active,.guide-cat:hover,
.guide-sidebar a.active,.guide-sidebar a:hover{
    background:linear-gradient(90deg,rgba(255,216,97,.18),rgba(255,216,97,.04))!important;
    color:#fff!important;
    border-color:#d7ad43!important;
    text-shadow:none!important;
}

.guide-posts,
.guide-list{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important;
    gap:18px!important;
    min-width:0!important;
}

.guide-item,
.guide-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:260px!important;
    color:var(--text)!important;
    text-decoration:none!important;
    overflow:hidden!important;
}

.guide-item img,
.guide-card img{
    display:block!important;
    width:100%!important;
    height:155px!important;
    object-fit:cover!important;
    border-radius:8px!important;
    border:1px solid var(--line)!important;
    margin:0 0 12px!important;
}

.guide-chip{
    display:inline-flex!important;
    align-items:center!important;
    align-self:flex-start!important;
    background:rgba(243,201,91,.14)!important;
    border:1px solid rgba(243,201,91,.45)!important;
    color:var(--gold3)!important;
    border-radius:999px!important;
    padding:5px 10px!important;
    font-size:12px!important;
    font-weight:800!important;
    margin-bottom:10px!important;
}

.guide-item h2{
    font-size:23px!important;
    line-height:1.16!important;
    margin:0 0 10px!important;
}

.guide-item p{
    color:var(--text)!important;
    line-height:1.45!important;
    margin:0 0 14px!important;
}

.guide-item .read-more{
    margin-top:auto!important;
    color:var(--gold3)!important;
}

.guide-article,.article{max-width:980px!important}
.article-card{padding:28px!important}
.article-card h1{margin:8px 0 18px!important}

.article-img{
    display:block!important;
    width:100%!important;
    max-height:430px!important;
    object-fit:cover!important;
    border-radius:12px!important;
    border:1px solid var(--line)!important;
    margin:0 0 18px!important;
}

.article-body{
    font-size:17px!important;
    line-height:1.75!important;
    color:var(--text)!important;
    white-space:pre-wrap;
}

.richtext{line-height:1.8}
.empty-card{grid-column:1/-1!important}

/* Tickets */
.ticket-reply{
    border-left:3px solid #d7ad43;
    padding:10px 14px;
    margin:10px 0;
    background:rgba(255,255,255,.03);
}

.ticket-card{
    display:block;
    text-decoration:none;
    color:inherit;
}

.ticket-card .badge{margin-left:8px}

.admin-reply{border-left:3px solid var(--gold3)}
.user-reply{border-left:3px solid var(--blue)}

.notify-dot{
    display:inline-block;
    background:var(--red);
    color:#fff!important;
    border-radius:999px;
    padding:3px 8px;
    margin-left:6px;
    font-weight:900;
}

.ticket-list-admin{display:grid;gap:12px}

.ticket-row{
    display:grid;
    grid-template-columns:1fr 150px;
    align-items:center;
    color:inherit;
    text-decoration:none;
    padding:18px 22px;
}

.ticket-row h2{margin:6px 0}

.ticket-meta{
    text-align:right;
    display:flex;
    flex-direction:column;
    gap:3px;
    color:#d8c17b;
}

.ticket-meta b{
    font-size:24px;
    color:#fff;
}

.ticket-detail{
    max-width:900px;
    margin:auto;
}

.ticket-message{
    background:rgba(255,255,255,.035);
    padding:14px 16px;
    border-radius:8px;
    border-left:3px solid var(--gold);
    margin:12px 0;
}

.status-user_reply{box-shadow:0 0 20px rgba(90,176,255,.15)}
.status-open{box-shadow:0 0 20px rgba(243,201,91,.08)}
.status-closed{opacity:.85}

.ticket-reply img,.ticket-message img{
    max-width:220px;
    border-radius:8px;
    border:1px solid var(--line);
}

/* Admin */
.adminbar{
    background:#1b1208;
    border-bottom:1px solid var(--line);
    padding:12px;
    text-align:center;
}

.adminbar a{
    color:var(--gold);
    margin:0 8px;
}

.admin-card{
    display:block;
    text-decoration:none;
    color:inherit;
    transition:.15s;
}

.admin-card:hover{
    transform:translateY(-2px);
    box-shadow:0 0 28px rgba(243,201,91,.18);
}

.admin .grid2{align-items:start}
.admin .card h2{margin-top:0}
.admin label small{color:var(--muted);margin-left:6px}

.admin-filter .grid-4{
    display:grid;
    grid-template-columns:repeat(4,minmax(160px,1fr));
    gap:12px;
    margin-bottom:12px;
}

.admin-filter input,.admin-filter select{width:100%}

.stats-row{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:14px;
    margin:16px 0 24px;
}

.stats-row .stat-card{
    background:linear-gradient(135deg,rgba(38,27,15,.96),rgba(7,6,5,.96));
    border:1px solid #805a18;
    border-radius:10px;
    padding:16px 18px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.stats-row .stat-card b{
    font-size:24px;
    color:var(--gold3);
}

.stats-row .stat-card span{
    font-size:14px;
    color:var(--text);
}

.stats-row .stat-card:hover{
    transform:translateY(-3px);
    border-color:var(--gold3);
}

.rank-highlight{
    outline:1px solid #d6a63a;
    box-shadow:0 0 22px rgba(214,166,58,.18);
}

/* Maintenance */
.maintenance-screen{
    min-height:100vh;
    display:grid;
    place-items:center;
    padding:20px;
    background:
        radial-gradient(circle at 50% 40%,rgba(218,170,58,.14),transparent 28%),
        #100805;
    background-image:
        linear-gradient(rgba(132,72,20,.24) 2px,transparent 2px),
        linear-gradient(90deg,rgba(132,72,20,.24) 2px,transparent 2px);
    background-size:56px 56px;
}

.site-maintenance-card{
    text-align:center;
    max-width:560px;
}

.mini-game{margin-top:18px}

.mini-game canvas{
    width:100%;
    max-width:420px;
    border:1px solid rgba(218,170,58,.45);
    border-radius:16px;
    background:#061018;
}

/* Footer */
.footer{
    margin-top:auto;
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr;
    gap:28px;
    padding:34px max(22px,12vw);
    background:linear-gradient(180deg,#050302,#0b0703);
    border-top:1px solid var(--line2);
    box-shadow:0 -16px 35px rgba(0,0,0,.35);
    backdrop-filter:blur(5px);
    position:relative;
}

.footer:before{
    content:"";
    position:absolute;
    top:0;
    left:8%;
    right:8%;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,216,97,.65),transparent);
}

.footer a{
    display:block;
    margin:7px 0;
    text-decoration:none;
    color:#ffd45b;
}

.footer a:hover{
    color:#fff;
    text-shadow:0 0 12px #d9aa3a;
}

.footer-links{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.footer-copy{
    grid-column:1/-1;
    border-top:1px solid rgba(218,170,58,.16);
    padding-top:15px;
    color:#9d8650;
    text-align:center;
}

.social-links a{
    display:flex!important;
    align-items:center;
    gap:10px;
}

.social-icon{
    width:24px;
    height:24px;
    display:inline-flex;
    color:var(--gold3);
}

.social-icon svg{
    width:24px;
    height:24px;
}

.footer .footer-links a:hover .social-icon{color:#fff}

/* Scrollbar */
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background:#090705}
::-webkit-scrollbar-thumb{
    background:linear-gradient(#b8872e,#6f4b17);
    border-radius:20px;
    border:2px solid #090705;
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--gold3),#9c6d22)}

/* Responsive */
@media(max-width:950px){
    .hero-split{grid-template-columns:1fr}
    .stats-compact{grid-template-columns:1fr}
    .hero-video-card{max-width:100%}
    .guide-hero{display:block!important}
    .guide-search,.guide-filter{
        grid-template-columns:1fr!important;
        min-width:0!important;
        margin-top:16px!important;
    }
    .guide-main,.guide-layout{grid-template-columns:1fr!important}
    .guide-cats,.guide-sidebar{position:static!important}
    .guide-posts,.guide-list{grid-template-columns:1fr!important}
    .guide-page{padding-left:14px!important;padding-right:14px!important}
}

@media(max-width:850px){
    .topbar{
        height:auto;
        flex-wrap:wrap;
        padding:12px;
        gap:10px;
    }

    .brand b{font-size:22px}
    .brand img{width:48px}

    .hamb{
        display:block;
        margin:10px;
    }

    .navlinks{
        display:none;
        flex-direction:column;
    }

    .menu-open .navlinks{display:flex}

    .nav a{padding:14px}

    .hero h1{font-size:34px}

    .stats,.grid,.grid2,.grid3,.downloads{
        grid-template-columns:1fr!important;
    }

    .footer{
        grid-template-columns:1fr;
        padding:28px 20px;
    }

    .video-box iframe{height:220px}
    .card-image{height:140px}

    .ticket-row{grid-template-columns:1fr}
    .ticket-meta{text-align:left;margin-top:10px}
    .ticket-detail{max-width:100%}

    .adminbar{
        display:flex;
        flex-wrap:wrap;
        gap:8px;
        justify-content:center;
    }

    .admin-filter .grid-4,
    .stats-row{
        grid-template-columns:1fr;
    }

    .container{
        padding-top:30px;
        padding-bottom:34px;
    }

    .btn,.button,button{
        width:100%;
        text-align:center;
    }

    .shop-tabs a{
        flex:1 1 auto;
        text-align:center;
    }
}

@media(max-width:750px){
    .form-grid{grid-template-columns:1fr}
}