/* =========================================================
   ВОЙНЫ МАФИЙ — новая админка
   Класть файл сюда: /css/admin_mafia.css
========================================================= */
.wm-admin-page{
    max-width:480px;
    margin:0 auto 12px;
    padding:6px;
    color:#e8dfcf;
    font-family:Arial, Verdana, sans-serif;
    font-size:13px;
    text-shadow:0 1px 3px #000;
    box-sizing:border-box;
}
.wm-admin-head{
    display:flex;
    gap:9px;
    align-items:center;
    margin:7px 0 9px;
    padding:10px;
    border-radius:12px;
    border:1px solid rgba(201,149,66,.38);
    background:
        radial-gradient(circle at 15% 0%, rgba(142,28,24,.45), transparent 36%),
        linear-gradient(180deg,rgba(28,21,17,.98),rgba(7,7,7,.98));
    box-shadow:0 8px 22px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05);
}
.wm-admin-icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:linear-gradient(180deg,#8f1d19,#2b0907);
    border:1px solid #c99542;
    color:#ffd28a;
    font-size:20px;
    box-shadow:0 0 12px rgba(201,149,66,.2);
}
.wm-admin-name{
    font-weight:bold;
    font-size:17px;
    color:#fff;
    text-shadow:0 1px 3px #000;
}
.wm-admin-sub{
    color:#a99b83;
    font-size:11px;
    margin-top:2px;
}
.wm-admin-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin:7px 0 10px;
}
.wm-admin-nav a{
    display:block;
    padding:8px 6px;
    border-radius:9px;
    text-align:center;
    color:#f2d39a!important;
    text-decoration:none!important;
    background:linear-gradient(180deg,#211b16,#0e0e0e);
    border:1px solid rgba(201,149,66,.32);
    font-weight:bold;
}
.wm-admin-page .ttl,
.wm-admin-page span.ttl,
.wm-admin-page div.ttl{
    display:block;
    margin:7px 0;
    padding:8px 9px;
    color:#ffd28a;
    font-weight:bold;
    border-radius:9px;
    border-left:3px solid #c99542;
    background:linear-gradient(90deg,rgba(102,24,18,.95),rgba(17,13,11,.75));
    box-sizing:border-box;
}
.wm-admin-page .hr{
    border:0!important;
    border-bottom:1px solid rgba(201,149,66,.22)!important;
    margin:8px 0!important;
}
.wm-admin-page .menu,
.wm-admin-card,
.wm-admin-page .battle,
.wm-admin-page details,
.wm-admin-page form,
.wm-admin-page .payments-dark,
.wm-admin-page .block{
    background:linear-gradient(180deg,rgba(25,21,18,.96),rgba(8,8,8,.98));
    border:1px solid rgba(201,149,66,.25);
    border-radius:10px;
    padding:8px;
    margin:7px 0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    box-sizing:border-box;
}
.wm-admin-page form[style*="display:inline"],
.wm-admin-page td form,
.wm-admin-page .menu form{
    background:none;
    border:0;
    box-shadow:none;
    padding:0;
    margin:0;
}
.wm-admin-page table{
    width:100%!important;
    border-collapse:separate!important;
    border-spacing:0 6px!important;
    overflow:hidden;
}
.wm-admin-page th{
    color:#ffd28a;
    background:#1a1410;
    border:1px solid rgba(201,149,66,.3)!important;
    padding:7px 5px!important;
    font-size:12px;
}
.wm-admin-page td{
    background:linear-gradient(180deg,#151210,#0b0b0b);
    border-top:1px solid rgba(201,149,66,.20)!important;
    border-bottom:1px solid rgba(201,149,66,.20)!important;
    padding:7px 5px!important;
    vertical-align:top;
}
.wm-admin-page tr td:first-child{border-left:1px solid rgba(201,149,66,.20)!important;border-radius:8px 0 0 8px;}
.wm-admin-page tr td:last-child{border-right:1px solid rgba(201,149,66,.20)!important;border-radius:0 8px 8px 0;}
.wm-admin-page a{color:#ffbf68!important;text-decoration:none;}
.wm-admin-page a:hover{color:#ffe1a3!important;}
.wm-admin-page .btn,
.wm-admin-page .btn-mini,
.wm-admin-page button,
.wm-admin-page input[type=submit],
.wm-admin-page a.btn{
    display:inline-block;
    background:linear-gradient(180deg,#8f1d19,#3b0b08);
    border:1px solid #c99542!important;
    border-radius:8px;
    color:#fff3d7!important;
    padding:7px 10px;
    margin:3px 1px;
    text-decoration:none!important;
    font-weight:bold;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 2px 8px rgba(0,0,0,.3);
    cursor:pointer;
}
.wm-admin-page .btn.full,
.wm-admin-page a.full{
    display:block!important;
    width:auto!important;
    text-align:center;
}
.wm-admin-page input[type=text],
.wm-admin-page input[type=password],
.wm-admin-page input[type=number],
.wm-admin-page input[type=file],
.wm-admin-page textarea,
.wm-admin-page select{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    background:#0c0b0a!important;
    border:1px solid rgba(201,149,66,.36)!important;
    border-radius:8px;
    color:#f5e8cf!important;
    padding:7px;
    margin:3px 0;
    outline:none;
}
.wm-admin-page textarea{min-height:82px;resize:vertical;}
.wm-admin-page .ok,
.wm-admin-page .message,
.wm-admin-page .alert-success{
    background:rgba(23,79,36,.88)!important;
    border:1px solid #43894e!important;
    border-radius:9px;
    color:#d6ffd8!important;
    padding:8px;
    margin:7px 0;
}
.wm-admin-page .error,
.wm-admin-page .alert-error{
    background:rgba(90,13,13,.88)!important;
    border:1px solid #b54132!important;
    border-radius:9px;
    color:#ffd0c8!important;
    padding:8px;
    margin:7px 0;
}
.wm-admin-page summary{
    cursor:pointer;
    padding:8px;
    color:#ffd28a;
    font-weight:bold;
    list-style:none;
}
.wm-admin-page img{
    vertical-align:middle;
    border-radius:5px;
}
.wm-admin-page img[width="40"],
.wm-admin-page img[width="50"],
.wm-admin-page img.preview{
    border:1px solid rgba(201,149,66,.42);
    background:#090909;
    padding:1px;
}
.wm-admin-scroll{
    overflow-x:auto;
    width:100%;
}
@media(max-width:420px){
    .wm-admin-page{font-size:12px;padding:5px;}
    .wm-admin-nav{grid-template-columns:1fr;}
    .wm-admin-page table{font-size:11px;}
    .wm-admin-page th,.wm-admin-page td{padding:6px 4px!important;}
    .wm-admin-page .btn,.wm-admin-page button{padding:6px 8px;font-size:12px;}
}