/* admin/assets/admin-light.css */
:root{
  --bg:#f6f7fb;
  --card:#ffffff;
  --muted:#475467;
  --text:#101828;
  --line:#e5e7eb;
  --accent:#2563eb;
  --danger:#ff0000;
  --ok:#000;
  --radius:16px;
}

*{box-sizing:border-box}
html,body{
  margin:0;
  padding:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  background:var(--bg);
  color:var(--text);
}
a{color:inherit;text-decoration:none}
code{
  background:#f2f4f7;
  border:1px solid var(--line);
  padding:.15rem .35rem;
  border-radius:10px;
}

/* Topbar */
.topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.82);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.topbar__inner{
  max-width:1100px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:18px;
  padding:14px 18px;
}
.brand{font-weight:800;letter-spacing:.2px}
.topnav{
  margin-left:auto;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.topnav a{
  opacity:.95;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid transparent;
}
.topnav a:hover{
  border-color:var(--line);
  background:rgba(37,99,235,.06);
}

/* Layout + cards */
.wrap{max-width:1100px;margin:0 auto;padding:18px}
.card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px;
  box-shadow:0 10px 30px rgba(16,24,40,.08);
}
.card--narrow{max-width:520px;margin:0 auto}
.card--sub{margin-top:14px}
.card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px
}

h1{margin:0 0 10px;font-size:22px}
h2{margin:0 0 8px;font-size:18px}
h3{margin:14px 0 8px;font-size:15px;color:var(--muted)}
p{margin:0 0 10px}

.muted{color:var(--muted);font-size:13px}

/* Alerts / flash */
.flash{
  margin:0 0 14px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
}
.flash--ok{
  border-color:rgba(20,184,166,.35);
  background:rgba(20,184,166,.08);
}
.flash--error{
  border-color:rgba(220,38,38,.35);
  background:rgba(220,38,38,.08);
}
.alert{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  margin:10px 0;
  background:#fff;
}
.alert--error{
  border-color:rgba(220,38,38,.35);
  background:rgba(220,38,38,.08);
}
.alert ul{margin:0;padding-left:18px}

/* Forms */
.form label{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.form span{font-size:12px;color:var(--muted)}
input,select,button{font:inherit}
input[type="text"],input[type="password"],input[type="search"],input:not([type]),select{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#ffffff;
  color:var(--text);
  outline:none;
}
input:focus,select:focus{
  border-color:rgba(37,99,235,.55);
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
}

/* Actions + buttons */
.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:14px;
 /* background:linear-gradient(180deg, rgba(37,99,235,.98), rgba(37,99,235,.78));
  border:1px solid rgba(37,99,235,.30);*/
    background: #cc00ff;
  color:#fff;
  cursor:pointer;
    border: none;
}
.btn:hover{filter:brightness(1.03)}
.btn--ghost{
  background:#fff;
  border-color:var(--line);
  color:var(--text);
}
.btn--ghost:hover{background:#f9fafb}
.btn--danger{
 /* background:linear-gradient(180deg, rgba(220,38,38,.98), rgba(220,38,38,.78));
  border-color:rgba(220,38,38,.30);*/
    background: #FF0000;
}
.btn--small{padding:8px 10px;border-radius:12px;font-size:13px}

/* Grids */
.grid{display:grid;grid-template-columns:1fr;gap:10px}
.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.grid2 .card{height:fit-content}
@media (max-width: 900px){
  .grid2{grid-template-columns:1fr}
}
.grid2 label{margin:0}
.colspan2{grid-column: 1 / -1}

/* Tables */
.tablewrap{
  overflow:auto;
  border-radius:14px;
  border:1px solid var(--line);
  margin-top:12px;
  background:#fff;
}
.table{width:100%;border-collapse:collapse;min-width:860px}
.table th,.table td{
  padding:12px 10px;
  border-bottom:1px solid var(--line);
  vertical-align:middle
}
.table th{
  font-size:12px;
  color:var(--muted);
  text-align:left;
  background:#f9fafb;
}
.table tr:hover td{background:#f3f4f6}
.td-actions{white-space:nowrap}
.td-logo{width:70px}
.logo{
  width:42px;height:42px;object-fit:contain;border-radius:12px;
  background:#ffffff;border:1px solid var(--line);padding:6px
}
.name{font-weight:700}

/* Filters */
.filters{
  display:grid;
  grid-template-columns:1fr 220px 180px auto auto;
  gap:10px;
  align-items:end;
  margin:10px 0 0
}
.filters label{margin:0}
@media (max-width: 980px){
  .filters{grid-template-columns:1fr 1fr}
}

.list{margin:0;padding-left:18px;color:var(--muted)}
.fileline{margin-top:6px;font-size:13px}
.fileline a{color:var(--accent);text-decoration:underline}

/* Measures */
.measures{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width: 900px){ .measures{grid-template-columns:1fr} }
.measure{
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  background:#f9fafb;
}
.measure label{margin:0}
.switchline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0
}

/* Switch */
.switch{position:relative;display:inline-block;width:48px;height:28px;vertical-align:middle}
.switch input{opacity:0;width:0;height:0}
.slider{
  position:absolute;
  cursor:pointer;
  top:0;left:0;right:0;bottom:0;
  background:#e5e7eb;
  border:1px solid var(--line);
  transition:.2s;
  border-radius:999px
}
.slider:before{
  position:absolute;
  content:"";
  height:22px;width:22px;
  left:3px;bottom:2px;
  background:#fff;
  border:1px solid rgba(16,24,40,.10);
  transition:.2s;
  border-radius:999px
}
.switch input:checked + .slider{
  background:rgba(20,184,166,.22);
  border-color:rgba(20,184,166,.35)
}
.switch input:checked + .slider:before{transform:translateX(19px)}