
/* CERBERHOST 72.1.457 — GLOBAL GUI SYSTEM */
:root{
  --ch457-bg:#050207;
  --ch457-surface:#0a050d;
  --ch457-surface-2:#100716;
  --ch457-surface-3:#170a20;
  --ch457-border:rgba(155,66,198,.28);
  --ch457-border-strong:rgba(188,82,245,.56);
  --ch457-purple:#b84cf5;
  --ch457-purple-2:#8d23d4;
  --ch457-purple-soft:rgba(184,76,245,.12);
  --ch457-text:#f8f2fb;
  --ch457-muted:#9987a2;
  --ch457-good:#5ce7a1;
  --ch457-warn:#f2c56f;
  --ch457-bad:#ff8199;
  --ch457-radius:14px;
  --ch457-radius-sm:10px;
  --ch457-shadow:0 18px 55px rgba(0,0,0,.20);
}

body.ch457-ui.wow-body,
body.ch457-ui.admin-body{
  background:
    radial-gradient(circle at 72% -10%,rgba(113,28,164,.11),transparent 34%),
    linear-gradient(180deg,#050207 0%,#030104 100%);
  color:var(--ch457-text);
}

body.ch457-ui .wow-main{
  min-width:0;
}

body.ch457-ui .wow-topbar{
  border-bottom-color:rgba(151,62,188,.20);
  background:linear-gradient(180deg,rgba(9,3,12,.76),rgba(5,2,7,.48));
  backdrop-filter:blur(8px);
}

body.ch457-ui .wow-topbar h1{
  letter-spacing:-.025em;
}

body.ch457-ui .wow-kicker{
  color:#da68ff;
  letter-spacing:.13em;
  font-weight:900;
}

body.ch457-ui .wow-panel,
body.ch457-ui .ch457-card{
  border:1px solid var(--ch457-border);
  border-radius:var(--ch457-radius);
  background:
    linear-gradient(180deg,rgba(16,7,21,.92),rgba(8,3,11,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015),var(--ch457-shadow);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}

body.ch457-ui .wow-panel:hover,
body.ch457-ui .ch457-card:hover{
  border-color:rgba(184,76,245,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 58px rgba(0,0,0,.23),0 0 28px rgba(137,34,203,.045);
}

body.ch457-ui .wow-panel > header,
body.ch457-ui .ch457-card > header{
  border-bottom-color:rgba(146,61,181,.17);
}

body.ch457-ui .wow-stat-grid > article,
body.ch457-ui [class*="-stats"] > article,
body.ch457-ui [class*="-grid"] > article.wow-panel{
  border-color:var(--ch457-border);
  background:linear-gradient(180deg,rgba(14,6,18,.95),rgba(8,3,10,.98));
  border-radius:13px;
}

body.ch457-ui .wow-stat-grid > article{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.ch457-ui .wow-stat-grid > article:hover{
  transform:translateY(-2px);
  border-color:rgba(184,76,245,.43);
  box-shadow:0 15px 35px rgba(0,0,0,.20),0 0 24px rgba(146,39,211,.055);
}

body.ch457-ui .wow-primary,
body.ch457-ui a.wow-primary,
body.ch457-ui button.wow-primary{
  border:1px solid rgba(208,132,255,.48);
  border-radius:10px;
  background:linear-gradient(135deg,#a421ea 0%,#7817c5 100%);
  color:#fff;
  box-shadow:0 8px 25px rgba(133,28,195,.18),inset 0 1px 0 rgba(255,255,255,.10);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease;
}
body.ch457-ui .wow-primary:hover,
body.ch457-ui a.wow-primary:hover,
body.ch457-ui button.wow-primary:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
  border-color:rgba(226,173,255,.75);
  box-shadow:0 11px 31px rgba(133,28,195,.28),0 0 24px rgba(172,56,236,.13);
}
body.ch457-ui .wow-primary:active,
body.ch457-ui a.wow-primary:active,
body.ch457-ui button.wow-primary:active{
  transform:translateY(0) scale(.99);
}

body.ch457-ui .wow-ghost,
body.ch457-ui a.wow-ghost,
body.ch457-ui button.wow-ghost{
  border:1px solid rgba(151,65,186,.34);
  border-radius:10px;
  background:rgba(17,7,23,.82);
  color:#d9c6e2;
  transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease;
}
body.ch457-ui .wow-ghost:hover,
body.ch457-ui a.wow-ghost:hover,
body.ch457-ui button.wow-ghost:hover{
  border-color:rgba(190,88,244,.62);
  background:rgba(38,13,52,.88);
  color:#fff;
  transform:translateY(-1px);
}

body.ch457-ui .wow-main form button[type="submit"]:not(.wow-primary):not(.wow-ghost):not([data-danger]):not(.wow-logout),
body.ch457-ui .wow-main form input[type="submit"]{
  border:1px solid rgba(201,113,252,.42);
  border-radius:10px;
  background:linear-gradient(135deg,#9320d5,#6d15ae);
  color:#fff;
  min-height:40px;
  padding:0 15px;
  font-weight:850;
  cursor:pointer;
  transition:.16s ease;
}
body.ch457-ui .wow-main form button[type="submit"]:not(.wow-primary):not(.wow-ghost):not([data-danger]):not(.wow-logout):hover,
body.ch457-ui .wow-main form input[type="submit"]:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

body.ch457-ui .wow-main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]),
body.ch457-ui .wow-main select,
body.ch457-ui .wow-main textarea{
  box-sizing:border-box;
  border:1px solid rgba(145,60,178,.34);
  border-radius:10px;
  background:rgba(7,2,9,.92);
  color:#fff;
  min-height:40px;
  outline:none;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body.ch457-ui .wow-main textarea{min-height:90px}
body.ch457-ui .wow-main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
body.ch457-ui .wow-main select:focus,
body.ch457-ui .wow-main textarea:focus{
  border-color:rgba(196,84,252,.78);
  background:#09030d;
  box-shadow:0 0 0 3px rgba(173,59,231,.10),0 0 20px rgba(135,31,193,.07);
}
body.ch457-ui .wow-main input::placeholder,
body.ch457-ui .wow-main textarea::placeholder{color:#725f7b}

body.ch457-ui .wow-main label > span:first-child{
  color:#b69ac2;
  letter-spacing:.035em;
}

body.ch457-ui .ch457-table-scroll{
  width:100%;
  overflow:auto;
  border:1px solid rgba(145,59,178,.20);
  border-radius:12px;
  background:rgba(6,2,8,.62);
}
body.ch457-ui .ch457-table-scroll > table{
  margin:0;
  min-width:760px;
}
body.ch457-ui .wow-main table{
  border-collapse:collapse;
}
body.ch457-ui .wow-main table th{
  color:#c7a8d4;
  font-size:10px;
  letter-spacing:.055em;
  text-transform:uppercase;
  background:rgba(39,13,51,.52);
  border-bottom:1px solid rgba(173,73,214,.24);
}
body.ch457-ui .wow-main table td{
  border-bottom:1px solid rgba(119,51,145,.15);
  color:#d8cadf;
}
body.ch457-ui .wow-main table tbody tr{
  transition:background .15s ease;
}
body.ch457-ui .wow-main table tbody tr:hover{
  background:rgba(140,41,190,.055);
}

body.ch457-ui .panel-flash,
body.ch457-ui [class$="-flash"]{
  border-radius:11px;
  border:1px solid rgba(149,62,182,.32);
  background:rgba(20,7,27,.92);
  box-shadow:0 10px 25px rgba(0,0,0,.13);
}
body.ch457-ui .panel-flash.success,
body.ch457-ui [class$="-flash"].success{
  border-color:rgba(71,182,126,.45);
  background:rgba(6,27,16,.88);
  color:#7be4af;
}
body.ch457-ui .panel-flash.error,
body.ch457-ui [class$="-flash"].error{
  border-color:rgba(201,67,94,.50);
  background:rgba(34,7,14,.90);
  color:#ff9caf;
}

body.ch457-ui .wow-chip,
body.ch457-ui [class*="status"]:is(span,b,em),
body.ch457-ui [class*="-badge"]{
  border-radius:999px;
}

body.ch457-ui details{
  border:1px solid rgba(147,60,180,.23);
  border-radius:11px;
  background:rgba(11,4,15,.65);
  overflow:hidden;
}
body.ch457-ui details > summary{
  cursor:pointer;
  padding:11px 13px;
  color:#c8afd4;
  font-weight:800;
}
body.ch457-ui details[open] > summary{
  border-bottom:1px solid rgba(147,60,180,.18);
  background:rgba(34,12,45,.50);
}

body.ch457-ui .wow-icon-button{
  border-color:rgba(154,66,189,.32);
  background:rgba(13,5,17,.85);
}
body.ch457-ui .wow-icon-button:hover{
  border-color:rgba(188,82,245,.62);
  background:rgba(36,12,48,.92);
}

body.ch457-ui .wow-search{
  border-color:rgba(149,62,183,.30);
  background:rgba(8,3,11,.86);
}
body.ch457-ui .wow-search:focus-within{
  border-color:rgba(190,79,248,.60);
  box-shadow:0 0 0 3px rgba(171,54,227,.08);
}

body.ch457-ui .cerber-global-footer{
  border-top-color:rgba(139,57,168,.18);
  background:linear-gradient(180deg,rgba(5,2,7,.25),rgba(4,1,5,.78));
}

/* CerberID / logowanie / 2FA */
body.ch457-ui.cerberid-body{
  background:radial-gradient(circle at 75% 12%,rgba(123,24,178,.12),transparent 36%),#050207;
}
body.ch457-ui .cerberid-card{
  border:1px solid rgba(170,72,213,.38);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(13,5,17,.97),rgba(7,3,10,.98));
  box-shadow:0 30px 80px rgba(0,0,0,.32),0 0 45px rgba(126,31,184,.05);
}
body.ch457-ui .cerberid-card input:not([type="checkbox"]):not([type="radio"]),
body.ch457-ui .cerberid-card select,
body.ch457-ui .cerberid-card textarea{
  border-radius:10px!important;
  border-color:rgba(163,68,201,.43)!important;
  background:#07020a!important;
}
body.ch457-ui .cerberid-card input:focus,
body.ch457-ui .cerberid-card select:focus,
body.ch457-ui .cerberid-card textarea:focus{
  border-color:#b94df2!important;
  box-shadow:0 0 0 3px rgba(179,58,238,.11)!important;
}

/* Scrollbary wspólne dla treści */
body.ch457-ui .wow-main *{scrollbar-width:thin;scrollbar-color:#8f24ca #09030c}
body.ch457-ui .wow-main *::-webkit-scrollbar{width:8px;height:8px}
body.ch457-ui .wow-main *::-webkit-scrollbar-track{background:#09030c;border-radius:999px}
body.ch457-ui .wow-main *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b640ee,#6d178f);border-radius:999px;border:2px solid #09030c}

@media(max-width:900px){
  body.ch457-ui .wow-topbar{backdrop-filter:none}
  body.ch457-ui .wow-panel,
  body.ch457-ui .ch457-card{border-radius:12px;box-shadow:none}
  body.ch457-ui .wow-primary:hover,
  body.ch457-ui .wow-ghost:hover,
  body.ch457-ui .wow-stat-grid > article:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
  body.ch457-ui *,body.ch457-ui *::before,body.ch457-ui *::after{
    transition-duration:.001ms!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}
