/* Phase 48b - Moderation dashboard */
.mod-dashboard{display:grid;gap:22px}
.mod-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.mod-stat{position:relative;overflow:hidden;min-height:112px;padding:18px 20px!important;border:1px solid #2b3b55!important;border-radius:16px!important;background:linear-gradient(145deg,#151e2d,#101722)!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto 1fr!important;column-gap:12px!important;align-items:center!important;box-shadow:0 8px 26px rgba(0,0,0,.12)}
.mod-stat:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;background:#5865f2}
.mod-stat:nth-child(2):before{background:#9b6cff}.mod-stat:nth-child(3):before{background:#31c48d}.mod-stat:nth-child(4):before{background:#45a3ff}
.mod-stat span{grid-column:1;font-size:14px!important;font-weight:700;color:#dfe7f5!important;line-height:1.25}
.mod-stat strong{grid-column:2;grid-row:1/3;font-size:32px!important;line-height:1!important;color:#fff;letter-spacing:-.03em}
.mod-stat small{grid-column:1;font-size:13px!important;color:#8798b3!important;line-height:1.35}
.mod-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.mod-panel{padding:22px!important;border:1px solid #2b3b55!important;border-radius:16px!important;background:#151c28!important}
.mod-panel .panel-head{margin:0 0 18px!important;padding:0 0 16px!important;border-bottom:1px solid #263247!important}
.mod-panel .panel-head h3{margin:0 0 5px!important;font-size:18px!important}.mod-panel .panel-head p{margin:0!important;color:#91a2bd!important}
.mod-form{display:grid!important;gap:16px!important}.mod-form .field{display:grid!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.mod-form .field-label{font-size:14px!important;font-weight:700!important;color:#edf3ff!important}
.mod-form input,.mod-form select,.mod-form textarea,.mod-filter input,.mod-filter select{box-sizing:border-box;width:100%!important;border:1px solid #33445f!important;background:#0d1420!important;color:#f6f8fc!important;border-radius:11px!important;padding:12px 14px!important;font-size:14px!important;outline:none!important;transition:border-color .15s,box-shadow .15s}
.mod-form input:focus,.mod-form select:focus,.mod-form textarea:focus,.mod-filter input:focus,.mod-filter select:focus{border-color:#4f8cff!important;box-shadow:0 0 0 3px rgba(79,140,255,.13)!important}
.mod-form textarea{min-height:112px!important;resize:vertical!important}.mod-form .button{justify-self:start;min-width:150px}
.mod-history-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important}.mod-filter{display:grid!important;grid-template-columns:minmax(210px,1fr) 150px auto!important;gap:8px!important;align-items:center!important;min-width:min(100%,570px)}
.mod-user{display:flex!important;flex-direction:column!important;gap:3px!important}.mod-user small{font-size:12px!important;color:#8293ad!important}.mod-status{display:inline-flex!important;align-items:center!important;padding:5px 9px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important}.mod-status.active{background:rgba(46,204,113,.14)!important;color:#69e19c!important;border:1px solid rgba(46,204,113,.28)!important}.mod-status.closed{background:rgba(127,140,160,.12)!important;color:#aab5c7!important;border:1px solid rgba(127,140,160,.22)!important}
.mod-dashboard .table-wrap{border:1px solid #27364d;border-radius:12px;overflow:auto}.mod-dashboard table{margin:0!important}.mod-dashboard th{background:#101722!important;color:#aab8cc!important}.mod-dashboard td,.mod-dashboard th{padding:13px 14px!important;border-bottom:1px solid #233047!important}.mod-dashboard tbody tr:last-child td{border-bottom:0!important}.mod-dashboard tbody tr:hover td{background:rgba(255,255,255,.018)}
.mod-dashboard>.settings-info-note{border-radius:14px!important;padding:16px 18px!important}
@media(max-width:1100px){.mod-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mod-grid{grid-template-columns:1fr!important}.mod-history-head{align-items:stretch!important;flex-direction:column!important}.mod-filter{min-width:0!important;width:100%!important}}
@media(max-width:680px){.mod-stats{grid-template-columns:1fr!important}.mod-filter{grid-template-columns:1fr!important}.mod-form .button{width:100%}.mod-stat{min-height:96px}}
/* Phase 48d - unified moderation history */
.mod-filter{grid-template-columns:minmax(220px,1fr) 145px 155px auto!important;min-width:min(100%,760px)!important}
.mod-type{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid #34445e;background:#111a28;color:#dce6f7}
.mod-type.warning{border-color:rgba(255,193,7,.3);color:#ffd56a;background:rgba(255,193,7,.08)}
.mod-type.ban{border-color:rgba(237,66,69,.35);color:#ff8d90;background:rgba(237,66,69,.09)}
.mod-type.kick{border-color:rgba(255,145,0,.35);color:#ffbd68;background:rgba(255,145,0,.09)}
.mod-type.timeout{border-color:rgba(88,101,242,.4);color:#9da7ff;background:rgba(88,101,242,.1)}
.mod-type.untimeout{border-color:rgba(49,196,141,.35);color:#75e3b7;background:rgba(49,196,141,.09)}
.mod-status.done{background:rgba(88,101,242,.1)!important;color:#aeb6ff!important;border:1px solid rgba(88,101,242,.25)!important}
@media(max-width:900px){.mod-filter{grid-template-columns:1fr 1fr!important}.mod-filter input{grid-column:1/-1}.mod-filter .button{width:100%}}
@media(max-width:560px){.mod-filter{grid-template-columns:1fr!important}.mod-filter input{grid-column:auto}}

/* Phase 48e: compact history filter - statusfilter removed */
.mod-filter{grid-template-columns:145px minmax(300px,1fr) auto!important;min-width:min(100%,650px)!important}
@media(max-width:900px){.mod-filter{grid-template-columns:145px minmax(0,1fr) auto!important}.mod-filter input{grid-column:auto!important}}
@media(max-width:650px){.mod-filter{grid-template-columns:1fr!important}.mod-filter select,.mod-filter input,.mod-filter .button{width:100%!important}}