/* Descolou Admin - KARCIZ-aligned theme (tokens + components + legacy normalization).
   Loaded by admin/includes/head.php after /assets/css/tailwind.css. Admin only.
   Reference: karciz.dexignzone.com - teal #13B497, Poppins, borderless soft-shadow cards, slate panels. */

:root{
  --adm-bg:#f5f5f5;
  --adm-surface:#ffffff;
  --adm-surface-2:#f6f7f7;
  --adm-thead-bg:#f2f2f2;
  --adm-row-hover:#f2f2f2;
  --adm-border:#ededed;
  --adm-text:#222b40;
  --adm-muted:#888888;
  --adm-accent:#13b497;
  --adm-accent-strong:#0f9d85;
  --adm-accent-soft:rgba(19,180,151,.12);
  --adm-on-accent:#ffffff;
  --adm-warning:#ff9f0f;
  --adm-success:#37d159;
  --adm-danger:#ff6746;
  --adm-info:#2b98d6;
  --adm-radius:12px;
  --adm-shadow:0 4px 14px rgba(82,63,105,.07);
}
html.dark{
  --adm-bg:#252a2e;
  --adm-surface:#2f363e;
  --adm-surface-2:#3a434d;
  --adm-thead-bg:#262b32;
  --adm-row-hover:#262b32;
  --adm-border:#3d4650;
  --adm-text:#ffffff;
  --adm-muted:#b0b0b0;
  --adm-accent:#13b497;
  --adm-accent-strong:#16c79f;
  --adm-accent-soft:rgba(19,180,151,.18);
  --adm-shadow:0 6px 18px rgba(0,0,0,.28);
}

body{ font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; }
.adm-canvas{ background:var(--adm-bg); }
.adm-content{ background:var(--adm-bg); }
.adm-surface{ background:var(--adm-surface); }

/* Cards: borderless, 12px radius, single soft shadow (KARCIZ) */
.adm-card{ background:var(--adm-surface); border:none; border-radius:var(--adm-radius); box-shadow:var(--adm-shadow); }
.adm-card-hover{ transition:box-shadow .18s ease, transform .18s ease; }
.adm-card-hover:hover{ box-shadow:0 10px 26px rgba(82,63,105,.14); transform:translateY(-2px); }
html.dark .adm-card-hover:hover{ box-shadow:0 12px 28px rgba(0,0,0,.42); }

/* Filled-teal hero KPI card */
.adm-hero{ background:linear-gradient(135deg,#18caa2 0%, #13b497 55%, #0fa088 100%); color:#fff; border-radius:var(--adm-radius); box-shadow:var(--adm-shadow); position:relative; overflow:hidden; }
.adm-hero-num{ font-weight:300; letter-spacing:-.5px; }
.adm-stripes{ height:9px; border-radius:9999px; background:rgba(255,255,255,.2); background-image:repeating-linear-gradient(45deg, rgba(255,255,255,.85) 0 6px, rgba(255,255,255,.12) 6px 12px); }
.adm-trend{ color:#ffd24a; font-weight:600; }

.adm-nested{ background:var(--adm-surface-2); border-radius:calc(var(--adm-radius) - 4px); }
.adm-heading{ color:var(--adm-text); }
.adm-muted{ color:var(--adm-muted); }
.adm-accent-text{ color:var(--adm-accent); }
.adm-icon-tile{ display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:var(--adm-accent-soft); color:var(--adm-accent); }
.adm-icon-hero{ display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:rgba(255,255,255,.18); color:#fff; }
.adm-chip{ display:inline-flex; align-items:center; gap:.5rem; height:2.25rem; padding:0 .85rem; border-radius:9999px; background:var(--adm-surface-2); color:var(--adm-muted); }
.adm-badge-soft{ display:inline-flex; align-items:center; gap:.25rem; padding:.15rem .55rem; border-radius:9999px; font-size:.72rem; font-weight:600; background:var(--adm-accent-soft); color:var(--adm-accent); }
.adm-btn-accent{ display:inline-flex; align-items:center; gap:.4rem; padding:.5rem 1.1rem; border-radius:9999px; background:var(--adm-accent); color:#fff; font-weight:500; font-size:.85rem; box-shadow:0 6px 16px -8px rgba(19,180,151,.7); transition:background .15s ease; }
.adm-btn-accent:hover{ background:var(--adm-accent-strong); }

/* Sidebar active: teal text + soft teal pill, no glowing bar */
.adm-nav-active{ color:var(--adm-accent) !important; background:var(--adm-accent-soft) !important; border-radius:8px; }

.adm-divider{ border-color:var(--adm-border) !important; }
.adm-divide > * + *{ border-color:var(--adm-border); }
.adm-row{ transition:background .15s ease; }
.adm-row:hover{ background:var(--adm-row-hover); }
/* Tabelas: cabecalho e hover das linhas usam o mesmo matiz do fundo da tabela, so que mais escuro.
   Sobrescreve as utilitarias legadas (bg-gray-50 / dark:bg-neutral-*) para dar consistencia a todas as tabelas. */
table thead{ background-color:var(--adm-thead-bg) !important; }
table tbody > tr:hover{ background-color:var(--adm-row-hover) !important; }
.adm-link{ color:var(--adm-accent); font-weight:500; }
.adm-link:hover{ color:var(--adm-accent-strong); }
.adm-focus:focus{ outline:none; border-color:var(--adm-accent); box-shadow:0 0 0 3px var(--adm-accent-soft); }
.adm-scroll::-webkit-scrollbar{ width:6px; height:6px; }
.adm-scroll::-webkit-scrollbar-track{ background:transparent; }
.adm-scroll::-webkit-scrollbar-thumb{ background:var(--adm-border); border-radius:9999px; }


/* Normalize legacy admin utilities to KARCIZ tokens (surfaces, text, accents, badges) */
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #ededed;box-sizing:border-box}
input::-moz-placeholder,textarea::-moz-placeholder{color:#a6abb5;opacity:1}
input::placeholder,textarea::placeholder{color:#a6abb5;opacity:1}
.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(240 241 243/var(--tw-divide-opacity,1))}
.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(237 237 237/var(--tw-divide-opacity,1))}
.divide-gray-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(246 247 248/var(--tw-divide-opacity,1))}
.divide-neutral-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(227 230 234/var(--tw-divide-opacity,1))}
.border-amber-300{--tw-border-opacity:1;border-color:rgb(255 200 87/var(--tw-border-opacity,1))}
.border-blue-100{--tw-border-opacity:1;border-color:rgb(215 238 249/var(--tw-border-opacity,1))}
.border-blue-400{--tw-border-opacity:1;border-color:rgb(99 183 228/var(--tw-border-opacity,1))}
.border-blue-500{--tw-border-opacity:1;border-color:rgb(43 152 214/var(--tw-border-opacity,1))}
.border-emerald-600{--tw-border-opacity:1;border-color:rgb(15 157 133/var(--tw-border-opacity,1))}
.border-gray-100{--tw-border-opacity:1;border-color:rgb(240 241 243/var(--tw-border-opacity,1))}
.border-gray-200{--tw-border-opacity:1;border-color:rgb(237 237 237/var(--tw-border-opacity,1))}
.border-gray-300{--tw-border-opacity:1;border-color:rgb(217 220 225/var(--tw-border-opacity,1))}
.border-gray-800{--tw-border-opacity:1;border-color:rgb(47 57 80/var(--tw-border-opacity,1))}
.border-green-100{--tw-border-opacity:1;border-color:rgb(226 249 232/var(--tw-border-opacity,1))}
.border-neutral-200{--tw-border-opacity:1;border-color:rgb(227 230 234/var(--tw-border-opacity,1))}
.border-neutral-300{--tw-border-opacity:1;border-color:rgb(214 218 222/var(--tw-border-opacity,1))}
.border-red-100{--tw-border-opacity:1;border-color:rgb(255 228 222/var(--tw-border-opacity,1))}
.border-red-300{--tw-border-opacity:1;border-color:rgb(255 179 161/var(--tw-border-opacity,1))}
.border-red-400{--tw-border-opacity:1;border-color:rgb(255 138 112/var(--tw-border-opacity,1))}
.border-teal-500{--tw-border-opacity:1;border-color:rgb(19 180 151/var(--tw-border-opacity,1))}
.border-teal-600{--tw-border-opacity:1;border-color:rgb(19 180 151/var(--tw-border-opacity,1))}
.border-yellow-400{--tw-border-opacity:1;border-color:rgb(255 210 74/var(--tw-border-opacity,1))}
.bg-amber-300{--tw-bg-opacity:1;background-color:rgb(255 200 87/var(--tw-bg-opacity,1))}
.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(255 181 46/var(--tw-bg-opacity,1))}
.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(215 238 249/var(--tw-bg-opacity,1))}
.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(234 245 251/var(--tw-bg-opacity,1))}
.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(43 152 214/var(--tw-bg-opacity,1))}
.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(35 128 184/var(--tw-bg-opacity,1))}
.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(31 111 158/var(--tw-bg-opacity,1))}
.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(19 180 151/var(--tw-bg-opacity,1))}
.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(15 157 133/var(--tw-bg-opacity,1))}
.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(240 241 243/var(--tw-bg-opacity,1))}
.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(237 237 237/var(--tw-bg-opacity,1))}
.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(217 220 225/var(--tw-bg-opacity,1))}
.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(166 171 181/var(--tw-bg-opacity,1))}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(246 247 248/var(--tw-bg-opacity,1))}
.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(47 57 80/var(--tw-bg-opacity,1))}
.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(34 43 64/var(--tw-bg-opacity,1))}
.bg-green-100{--tw-bg-opacity:1;background-color:rgb(226 249 232/var(--tw-bg-opacity,1))}
.bg-green-500{--tw-bg-opacity:1;background-color:rgb(55 209 89/var(--tw-bg-opacity,1))}
.bg-green-600{--tw-bg-opacity:1;background-color:rgb(43 184 76/var(--tw-bg-opacity,1))}
.bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(227 230 234/var(--tw-bg-opacity,1))}
.bg-neutral-300{--tw-bg-opacity:1;background-color:rgb(214 218 222/var(--tw-bg-opacity,1))}
.bg-neutral-400{--tw-bg-opacity:1;background-color:rgb(176 176 176/var(--tw-bg-opacity,1))}
.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(37 42 46/var(--tw-bg-opacity,1))}
.bg-red-100{--tw-bg-opacity:1;background-color:rgb(255 228 222/var(--tw-bg-opacity,1))}
.bg-red-50{--tw-bg-opacity:1;background-color:rgb(255 242 239/var(--tw-bg-opacity,1))}
.bg-red-500{--tw-bg-opacity:1;background-color:rgb(255 103 70/var(--tw-bg-opacity,1))}
.bg-red-600{--tw-bg-opacity:1;background-color:rgb(255 103 70/var(--tw-bg-opacity,1))}
.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(19 180 151/var(--tw-bg-opacity,1))}
.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(19 180 151/var(--tw-bg-opacity,1))}
.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(255 210 74/var(--tw-bg-opacity,1))}
.from-amber-400{--tw-gradient-from:#ffb52e var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,191,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-emerald-500{--tw-gradient-from:#13b497 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-neutral-200{--tw-gradient-from:#e3e6ea var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,90%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-teal-500{--tw-gradient-from:#13b497 var(--tw-gradient-from-position);--tw-gradient-to:rgba(20,184,166,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-emerald-600{--tw-gradient-to:#0f9d85 var(--tw-gradient-to-position)}
.to-teal-600{--tw-gradient-to:#13b497 var(--tw-gradient-to-position)}
.text-amber-300{--tw-text-opacity:1;color:rgb(255 200 87/var(--tw-text-opacity,1))}
.text-amber-400{--tw-text-opacity:1;color:rgb(255 181 46/var(--tw-text-opacity,1))}
.text-amber-500{--tw-text-opacity:1;color:rgb(255 159 15/var(--tw-text-opacity,1))}
.text-amber-900{--tw-text-opacity:1;color:rgb(255 159 15/var(--tw-text-opacity,1))}
.text-blue-400{--tw-text-opacity:1;color:rgb(99 183 228/var(--tw-text-opacity,1))}
.text-blue-500{--tw-text-opacity:1;color:rgb(43 152 214/var(--tw-text-opacity,1))}
.text-blue-600{--tw-text-opacity:1;color:rgb(35 128 184/var(--tw-text-opacity,1))}
.text-blue-700{--tw-text-opacity:1;color:rgb(31 111 158/var(--tw-text-opacity,1))}
.text-blue-800{--tw-text-opacity:1;color:rgb(26 92 133/var(--tw-text-opacity,1))}
.text-blue-900{--tw-text-opacity:1;color:rgb(43 152 214/var(--tw-text-opacity,1))}
.text-emerald-600{--tw-text-opacity:1;color:rgb(15 157 133/var(--tw-text-opacity,1))}
.text-emerald-900{--tw-text-opacity:1;color:rgb(19 180 151/var(--tw-text-opacity,1))}
.text-gray-300{--tw-text-opacity:1;color:rgb(217 220 225/var(--tw-text-opacity,1))}
.text-gray-400{--tw-text-opacity:1;color:rgb(166 171 181/var(--tw-text-opacity,1))}
.text-gray-500{--tw-text-opacity:1;color:rgb(136 136 136/var(--tw-text-opacity,1))}
.text-gray-600{--tw-text-opacity:1;color:rgb(110 118 136/var(--tw-text-opacity,1))}
.text-gray-700{--tw-text-opacity:1;color:rgb(74 84 104/var(--tw-text-opacity,1))}
.text-gray-800{--tw-text-opacity:1;color:rgb(47 57 80/var(--tw-text-opacity,1))}
.text-gray-900{--tw-text-opacity:1;color:rgb(34 43 64/var(--tw-text-opacity,1))}
.text-green-500{--tw-text-opacity:1;color:rgb(55 209 89/var(--tw-text-opacity,1))}
.text-green-600{--tw-text-opacity:1;color:rgb(43 184 76/var(--tw-text-opacity,1))}
.text-green-800{--tw-text-opacity:1;color:rgb(29 122 58/var(--tw-text-opacity,1))}
.text-neutral-300{--tw-text-opacity:1;color:rgb(214 218 222/var(--tw-text-opacity,1))}
.text-neutral-400{--tw-text-opacity:1;color:rgb(176 176 176/var(--tw-text-opacity,1))}
.text-neutral-500{--tw-text-opacity:1;color:rgb(154 161 169/var(--tw-text-opacity,1))}
.text-neutral-600{--tw-text-opacity:1;color:rgb(74 84 94/var(--tw-text-opacity,1))}
.text-neutral-700{--tw-text-opacity:1;color:rgb(61 70 80/var(--tw-text-opacity,1))}
.text-neutral-800{--tw-text-opacity:1;color:rgb(47 54 62/var(--tw-text-opacity,1))}
.text-neutral-900{--tw-text-opacity:1;color:rgb(37 42 46/var(--tw-text-opacity,1))}
.text-red-400{--tw-text-opacity:1;color:rgb(255 138 112/var(--tw-text-opacity,1))}
.text-red-500{--tw-text-opacity:1;color:rgb(255 103 70/var(--tw-text-opacity,1))}
.text-red-600{--tw-text-opacity:1;color:rgb(255 103 70/var(--tw-text-opacity,1))}
.text-red-700{--tw-text-opacity:1;color:rgb(217 79 51/var(--tw-text-opacity,1))}
.text-red-800{--tw-text-opacity:1;color:rgb(176 61 36/var(--tw-text-opacity,1))}
.text-red-900{--tw-text-opacity:1;color:rgb(255 103 70/var(--tw-text-opacity,1))}
.text-teal-500{--tw-text-opacity:1;color:rgb(19 180 151/var(--tw-text-opacity,1))}
.text-teal-600{--tw-text-opacity:1;color:rgb(19 180 151/var(--tw-text-opacity,1))}
.text-teal-700{--tw-text-opacity:1;color:rgb(15 157 133/var(--tw-text-opacity,1))}
.text-yellow-400{--tw-text-opacity:1;color:rgb(255 210 74/var(--tw-text-opacity,1))}
.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(136 136 136/var(--tw-placeholder-opacity,1))}
.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(136 136 136/var(--tw-placeholder-opacity,1))}
.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(217 220 225/var(--tw-ring-opacity,1))}
.ring-neutral-200{--tw-ring-opacity:1;--tw-ring-color:rgb(227 230 234/var(--tw-ring-opacity,1))}
.file\:bg-teal-600::file-selector-button{--tw-bg-opacity:1;background-color:rgb(19 180 151/var(--tw-bg-opacity,1))}
.file\:text-teal-700::file-selector-button{--tw-text-opacity:1;color:rgb(15 157 133/var(--tw-text-opacity,1))}
.placeholder\:text-neutral-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(176 176 176/var(--tw-text-opacity,1))}
.placeholder\:text-neutral-400::placeholder{--tw-text-opacity:1;color:rgb(176 176 176/var(--tw-text-opacity,1))}
.focus-within\:ring-teal-500:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(19 180 151/var(--tw-ring-opacity,1))}
.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:rgb(217 220 225/var(--tw-border-opacity,1))}
.hover\:border-neutral-200:hover{--tw-border-opacity:1;border-color:rgb(227 230 234/var(--tw-border-opacity,1))}
.hover\:border-neutral-300:hover{--tw-border-opacity:1;border-color:rgb(214 218 222/var(--tw-border-opacity,1))}
.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(255 179 161/var(--tw-border-opacity,1))}
.hover\:border-teal-500:hover{--tw-border-opacity:1;border-color:rgb(19 180 151/var(--tw-border-opacity,1))}
.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(215 238 249/var(--tw-bg-opacity,1))}
.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(234 245 251/var(--tw-bg-opacity,1))}
.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(31 111 158/var(--tw-bg-opacity,1))}
.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(26 92 133/var(--tw-bg-opacity,1))}
.hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:rgb(19 180 151/var(--tw-bg-opacity,1))}
.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(240 241 243/var(--tw-bg-opacity,1))}
.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(237 237 237/var(--tw-bg-opacity,1))}
.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(246 247 248/var(--tw-bg-opacity,1))}
.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(47 57 80/var(--tw-bg-opacity,1))}
.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(226 249 232/var(--tw-bg-opacity,1))}
.hover\:bg-neutral-200:hover{--tw-bg-opacity:1;background-color:rgb(227 230 234/var(--tw-bg-opacity,1))}
.hover\:bg-neutral-300:hover{--tw-bg-opacity:1;background-color:rgb(214 218 222/var(--tw-bg-opacity,1))}
.hover\:bg-neutral-400:hover{--tw-bg-opacity:1;background-color:rgb(176 176 176/var(--tw-bg-opacity,1))}
.hover\:bg-neutral-700:hover{--tw-bg-opacity:1;background-color:rgb(61 70 80/var(--tw-bg-opacity,1))}
.hover\:bg-neutral-800:hover{--tw-bg-opacity:1;background-color:rgb(47 54 62/var(--tw-bg-opacity,1))}
.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(255 228 222/var(--tw-bg-opacity,1))}
.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(255 242 239/var(--tw-bg-opacity,1))}
.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(255 103 70/var(--tw-bg-opacity,1))}
.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(217 79 51/var(--tw-bg-opacity,1))}
.hover\:bg-teal-500:hover{--tw-bg-opacity:1;background-color:rgb(19 180 151/var(--tw-bg-opacity,1))}
.hover\:bg-teal-700:hover{--tw-bg-opacity:1;background-color:rgb(15 157 133/var(--tw-bg-opacity,1))}
.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(35 128 184/var(--tw-text-opacity,1))}
.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(31 111 158/var(--tw-text-opacity,1))}
.hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(26 92 133/var(--tw-text-opacity,1))}
.hover\:text-blue-900:hover{--tw-text-opacity:1;color:rgb(43 152 214/var(--tw-text-opacity,1))}
.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(136 136 136/var(--tw-text-opacity,1))}
.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(110 118 136/var(--tw-text-opacity,1))}
.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(74 84 104/var(--tw-text-opacity,1))}
.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(34 43 64/var(--tw-text-opacity,1))}
.hover\:text-green-900:hover{--tw-text-opacity:1;color:rgb(55 209 89/var(--tw-text-opacity,1))}
.hover\:text-neutral-200:hover{--tw-text-opacity:1;color:rgb(227 230 234/var(--tw-text-opacity,1))}
.hover\:text-neutral-600:hover{--tw-text-opacity:1;color:rgb(74 84 94/var(--tw-text-opacity,1))}
.hover\:text-neutral-700:hover{--tw-text-opacity:1;color:rgb(61 70 80/var(--tw-text-opacity,1))}
.hover\:text-neutral-900:hover{--tw-text-opacity:1;color:rgb(37 42 46/var(--tw-text-opacity,1))}
.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(255 103 70/var(--tw-text-opacity,1))}
.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(255 103 70/var(--tw-text-opacity,1))}
.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(217 79 51/var(--tw-text-opacity,1))}
.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(176 61 36/var(--tw-text-opacity,1))}
.hover\:text-red-900:hover{--tw-text-opacity:1;color:rgb(255 103 70/var(--tw-text-opacity,1))}
.hover\:text-teal-500:hover{--tw-text-opacity:1;color:rgb(19 180 151/var(--tw-text-opacity,1))}
.hover\:text-teal-600:hover{--tw-text-opacity:1;color:rgb(19 180 151/var(--tw-text-opacity,1))}
.hover\:text-teal-700:hover{--tw-text-opacity:1;color:rgb(15 157 133/var(--tw-text-opacity,1))}
.hover\:file\:bg-teal-700::file-selector-button:hover{--tw-bg-opacity:1;background-color:rgb(15 157 133/var(--tw-bg-opacity,1))}
.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(43 152 214/var(--tw-border-opacity,1))}
.focus\:border-teal-500:focus{--tw-border-opacity:1;border-color:rgb(19 180 151/var(--tw-border-opacity,1))}
.focus\:text-blue-700:focus{--tw-text-opacity:1;color:rgb(31 111 158/var(--tw-text-opacity,1))}
.focus\:placeholder-gray-400:focus::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(166 171 181/var(--tw-placeholder-opacity,1))}
.focus\:placeholder-gray-400:focus::placeholder{--tw-placeholder-opacity:1;color:rgb(166 171 181/var(--tw-placeholder-opacity,1))}
.focus\:ring-amber-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 159 15/var(--tw-ring-opacity,1))}
.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(150 208 239/var(--tw-ring-opacity,1))}
.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(43 152 214/var(--tw-ring-opacity,1))}
.focus\:ring-blue-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(31 111 158/var(--tw-ring-opacity,1))}
.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(237 237 237/var(--tw-ring-opacity,1))}
.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(55 209 89/var(--tw-ring-opacity,1))}
.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 103 70/var(--tw-ring-opacity,1))}
.focus\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(19 180 151/var(--tw-ring-opacity,1))}
.focus\:ring-yellow-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 224 102/var(--tw-ring-opacity,1))}
.active\:bg-neutral-200:active{--tw-bg-opacity:1;background-color:rgb(227 230 234/var(--tw-bg-opacity,1))}
.group:hover .group-hover\:text-gray-500{--tw-text-opacity:1;color:rgb(136 136 136/var(--tw-text-opacity,1))}
.group:hover .group-hover\:text-teal-600{--tw-text-opacity:1;color:rgb(19 180 151/var(--tw-text-opacity,1))}
.dark\:divide-neutral-700:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(61 70 80/var(--tw-divide-opacity,1))}
.dark\:divide-neutral-800:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(47 54 62/var(--tw-divide-opacity,1))}
.dark\:border-blue-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(35 128 184/var(--tw-border-opacity,1))}
.dark\:border-blue-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(31 111 158/var(--tw-border-opacity,1))}
.dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(26 92 133/var(--tw-border-opacity,1))}
.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(110 118 136/var(--tw-border-opacity,1))}
.dark\:border-green-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(43 184 76/var(--tw-border-opacity,1))}
.dark\:border-green-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(29 122 58/var(--tw-border-opacity,1))}
.dark\:border-neutral-500:is(.dark *){--tw-border-opacity:1;border-color:rgb(154 161 169/var(--tw-border-opacity,1))}
.dark\:border-neutral-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(74 84 94/var(--tw-border-opacity,1))}
.dark\:border-neutral-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(61 70 80/var(--tw-border-opacity,1))}
.dark\:border-neutral-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(47 54 62/var(--tw-border-opacity,1))}
.dark\:border-neutral-900:is(.dark *){--tw-border-opacity:1;border-color:rgb(37 42 46/var(--tw-border-opacity,1))}
.dark\:border-red-500:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 103 70/var(--tw-border-opacity,1))}
.dark\:border-red-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 103 70/var(--tw-border-opacity,1))}
.dark\:border-red-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(176 61 36/var(--tw-border-opacity,1))}
.dark\:border-teal-500:is(.dark *){--tw-border-opacity:1;border-color:rgb(19 180 151/var(--tw-border-opacity,1))}
.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(43 152 214/var(--tw-bg-opacity,1))}
.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(74 84 104/var(--tw-bg-opacity,1))}
.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(47 57 80/var(--tw-bg-opacity,1))}
.dark\:bg-green-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 209 89/var(--tw-bg-opacity,1))}
.dark\:bg-neutral-500:is(.dark *){--tw-bg-opacity:1;background-color:rgb(154 161 169/var(--tw-bg-opacity,1))}
.dark\:bg-neutral-600:is(.dark *){--tw-bg-opacity:1;background-color:rgb(74 84 94/var(--tw-bg-opacity,1))}
.dark\:bg-neutral-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(61 70 80/var(--tw-bg-opacity,1))}
.dark\:bg-neutral-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(47 54 62/var(--tw-bg-opacity,1))}
.dark\:bg-neutral-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(37 42 46/var(--tw-bg-opacity,1))}
.dark\:bg-yellow-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 159 15/var(--tw-bg-opacity,1))}
.dark\:from-neutral-700:is(.dark *){--tw-gradient-from:#3d4650 var(--tw-gradient-from-position);--tw-gradient-to:rgba(64,64,64,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.dark\:via-neutral-800:is(.dark *){--tw-gradient-to:rgba(38,38,38,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#2f363e var(--tw-gradient-via-position),var(--tw-gradient-to)}
.dark\:via-neutral-900:is(.dark *){--tw-gradient-to:hsla(0,0%,9%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#252a2e var(--tw-gradient-via-position),var(--tw-gradient-to)}
.dark\:to-neutral-900:is(.dark *){--tw-gradient-to:#252a2e var(--tw-gradient-to-position)}
.dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:rgb(255 200 87/var(--tw-text-opacity,1))}
.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(255 181 46/var(--tw-text-opacity,1))}
.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(150 208 239/var(--tw-text-opacity,1))}
.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:rgb(99 183 228/var(--tw-text-opacity,1))}
.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(237 237 237/var(--tw-text-opacity,1))}
.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(217 220 225/var(--tw-text-opacity,1))}
.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(166 171 181/var(--tw-text-opacity,1))}
.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(136 136 136/var(--tw-text-opacity,1))}
.dark\:text-gray-900:is(.dark *){--tw-text-opacity:1;color:rgb(34 43 64/var(--tw-text-opacity,1))}
.dark\:text-green-500:is(.dark *){--tw-text-opacity:1;color:rgb(55 209 89/var(--tw-text-opacity,1))}
.dark\:text-neutral-200:is(.dark *){--tw-text-opacity:1;color:rgb(227 230 234/var(--tw-text-opacity,1))}
.dark\:text-neutral-300:is(.dark *){--tw-text-opacity:1;color:rgb(214 218 222/var(--tw-text-opacity,1))}
.dark\:text-neutral-400:is(.dark *){--tw-text-opacity:1;color:rgb(176 176 176/var(--tw-text-opacity,1))}
.dark\:text-neutral-500:is(.dark *){--tw-text-opacity:1;color:rgb(154 161 169/var(--tw-text-opacity,1))}
.dark\:text-neutral-600:is(.dark *){--tw-text-opacity:1;color:rgb(74 84 94/var(--tw-text-opacity,1))}
.dark\:text-neutral-700:is(.dark *){--tw-text-opacity:1;color:rgb(61 70 80/var(--tw-text-opacity,1))}
.dark\:text-neutral-900:is(.dark *){--tw-text-opacity:1;color:rgb(37 42 46/var(--tw-text-opacity,1))}
.dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(255 179 161/var(--tw-text-opacity,1))}
.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(255 138 112/var(--tw-text-opacity,1))}
.dark\:text-teal-500:is(.dark *){--tw-text-opacity:1;color:rgb(19 180 151/var(--tw-text-opacity,1))}
.dark\:text-yellow-300:is(.dark *){--tw-text-opacity:1;color:rgb(255 224 102/var(--tw-text-opacity,1))}
.dark\:text-yellow-400:is(.dark *){--tw-text-opacity:1;color:rgb(255 210 74/var(--tw-text-opacity,1))}
.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(166 171 181/var(--tw-placeholder-opacity,1))}
.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(166 171 181/var(--tw-placeholder-opacity,1))}
.dark\:placeholder-neutral-400:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(176 176 176/var(--tw-placeholder-opacity,1))}
.dark\:placeholder-neutral-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(176 176 176/var(--tw-placeholder-opacity,1))}
.dark\:ring-neutral-600:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(74 84 94/var(--tw-ring-opacity,1))}
.dark\:ring-neutral-800:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(47 54 62/var(--tw-ring-opacity,1))}
.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#2f3950}
.dark\:ring-offset-neutral-800:is(.dark *){--tw-ring-offset-color:#2f363e}
.dark\:file\:bg-neutral-700:is(.dark *)::file-selector-button{--tw-bg-opacity:1;background-color:rgb(61 70 80/var(--tw-bg-opacity,1))}
.dark\:file\:text-neutral-300:is(.dark *)::file-selector-button{--tw-text-opacity:1;color:rgb(214 218 222/var(--tw-text-opacity,1))}
.dark\:placeholder\:text-neutral-500:is(.dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(154 161 169/var(--tw-text-opacity,1))}
.dark\:placeholder\:text-neutral-500:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(154 161 169/var(--tw-text-opacity,1))}
.dark\:hover\:border-neutral-500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(154 161 169/var(--tw-border-opacity,1))}
.dark\:hover\:border-neutral-600:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(74 84 94/var(--tw-border-opacity,1))}
.dark\:hover\:border-neutral-700:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(61 70 80/var(--tw-border-opacity,1))}
.dark\:hover\:border-red-700:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(217 79 51/var(--tw-border-opacity,1))}
.dark\:hover\:border-red-900:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 103 70/var(--tw-border-opacity,1))}
.dark\:hover\:border-teal-500:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(19 180 151/var(--tw-border-opacity,1))}
.dark\:hover\:border-teal-700:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(15 157 133/var(--tw-border-opacity,1))}
.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(74 84 104/var(--tw-bg-opacity,1))}
.dark\:hover\:bg-neutral-200:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(227 230 234/var(--tw-bg-opacity,1))}
.dark\:hover\:bg-neutral-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(74 84 94/var(--tw-bg-opacity,1))}
.dark\:hover\:bg-neutral-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(61 70 80/var(--tw-bg-opacity,1))}
.dark\:hover\:bg-neutral-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(47 54 62/var(--tw-bg-opacity,1))}
.dark\:hover\:bg-neutral-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(37 42 46/var(--tw-bg-opacity,1))}
.dark\:hover\:text-blue-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(150 208 239/var(--tw-text-opacity,1))}
.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(217 220 225/var(--tw-text-opacity,1))}
.dark\:hover\:text-neutral-200:hover:is(.dark *){--tw-text-opacity:1;color:rgb(227 230 234/var(--tw-text-opacity,1))}
.dark\:hover\:text-neutral-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(214 218 222/var(--tw-text-opacity,1))}
.dark\:hover\:text-red-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 179 161/var(--tw-text-opacity,1))}
.dark\:hover\:text-red-400:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 138 112/var(--tw-text-opacity,1))}
.dark\:focus\:border-teal-500:focus:is(.dark *){--tw-border-opacity:1;border-color:rgb(19 180 151/var(--tw-border-opacity,1))}
.dark\:focus\:ring-blue-500:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(43 152 214/var(--tw-ring-opacity,1))}
.dark\:focus\:ring-blue-900:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(43 152 214/var(--tw-ring-opacity,1))}
.dark\:focus\:ring-gray-700:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(74 84 104/var(--tw-ring-opacity,1))}
.dark\:focus\:ring-teal-500:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(19 180 151/var(--tw-ring-opacity,1))}
.dark\:focus\:ring-teal-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(19 180 151/var(--tw-ring-opacity,1))}
.dark\:focus\:ring-yellow-900:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(255 159 15/var(--tw-ring-opacity,1))}
.dark\:focus\:ring-offset-neutral-900:focus:is(.dark *){--tw-ring-offset-color:#252a2e}
.dark\:active\:bg-neutral-700:active:is(.dark *){--tw-bg-opacity:1;background-color:rgb(61 70 80/var(--tw-bg-opacity,1))}
.sm\:dark\:bg-neutral-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(47 54 62/var(--tw-bg-opacity,1))}
/* Internal pages: KARCIZ card feel (12px panels + softer shadow) */
.rounded-lg{border-radius:12px}
.shadow-sm{--tw-shadow:0 4px 14px rgba(82,63,105,.07);--tw-shadow-colored:0 4px 14px var(--tw-shadow-color)}
html.dark .shadow-sm{--tw-shadow:0 6px 18px rgba(0,0,0,.28);--tw-shadow-colored:0 6px 18px var(--tw-shadow-color)}

/* Componente checkbox customizado do admin (.adm-check): marca animada (dashoffset) + pop ao
   marcar, teal KARCIZ, dark-aware. Estrutura:
   <label class="adm-check"><input type="checkbox"><span class="adm-check-box"><svg viewBox="0 0 16 16"><path d="..."/></svg></span></label>
   Adotar gradualmente nos checkboxes do admin (trocar o input cru por este wrapper). */
.adm-check { display: inline-flex; align-items: center; cursor: pointer; position: relative; user-select: none; }
.adm-check input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; }
.adm-check-box { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 1.15rem; height: 1.15rem; border-radius: .375rem; border: 1.5px solid #d1d5db; background: #fff; color: #fff; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .12s ease; }
.adm-check:hover .adm-check-box { border-color: #13b497; }
.adm-check-box svg { width: .75rem; height: .75rem; pointer-events: none; }
.adm-check-box path { stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; fill: none; stroke-dasharray: 16; stroke-dashoffset: 16; transition: stroke-dashoffset .2s ease .04s; }
.adm-check input:checked + .adm-check-box { background: #13b497; border-color: #13b497; animation: adm-check-pop .24s ease; }
.adm-check input:checked + .adm-check-box path { stroke-dashoffset: 0; }
.adm-check input:active + .adm-check-box { transform: scale(.9); }
.adm-check input:focus-visible + .adm-check-box { box-shadow: 0 0 0 3px rgba(19,180,151,.35); }
@keyframes adm-check-pop { 0% { transform: scale(.82); } 55% { transform: scale(1.12); } 100% { transform: scale(1); } }
html.dark .adm-check-box { background: #2f363e; border-color: #5b6472; }
html.dark .adm-check:hover .adm-check-box { border-color: #13b497; }
html.dark .adm-check input:checked + .adm-check-box { background: #13b497; border-color: #13b497; }

/* Modificador de area de toque (.adm-check-lg): alarga a zona clicavel para ~2.4rem sem
   engordar a linha da tabela (as margens negativas devolvem o excedente a celula). Cao do padrao
   pequeno do macOS para selecao rapida em lotes. */
.adm-check-lg { min-width: 2.4rem; min-height: 2.4rem; justify-content: center; margin: -.55rem 0; }
.adm-check-lg .adm-check-box { width: 1.3rem; height: 1.3rem; }

/* Indeterminado (select-all com selecao parcial): pega o recheio teal e mostra um traco branco em
   vez do check, igual ao comportamento nativo. */
.adm-check input:indeterminate + .adm-check-box { background: #13b497; border-color: #13b497; }
.adm-check input:indeterminate + .adm-check-box::after { content: ""; position: absolute; left: 50%; top: 50%; width: .6rem; height: 2.5px; border-radius: 2px; background: currentColor; transform: translate(-50%, -50%); }
html.dark .adm-check input:indeterminate + .adm-check-box { background: #13b497; border-color: #13b497; }

/* Tela de categorias: acoes da linha so aparecem no hover/focus para a lista respirar.
   Em toque (sem hover) ficam sempre visiveis porque nao existe hover para revelar. */
.cat-actions { opacity: 0; transition: opacity .15s ease; }
.cat-row:hover .cat-actions,
.cat-card:hover .cat-head,
.cat-actions:focus-within { opacity: 1; }
.cat-row { border-radius: .5rem; transition: background-color .12s ease; }
.cat-row:hover { background: rgba(0, 0, 0, .03); }
html.dark .cat-row:hover { background: rgba(255, 255, 255, .04); }
@media (hover: none) {
  .cat-actions { opacity: 1; }
}

/* Tela de categorias: columns em vez de grid, senao card sem subcategoria estica e
   deixa buraco embaixo (grid da altura igual ao maior item da linha). */
.cat-masonry { column-count: 1; column-gap: 1.25rem; }
@media (min-width: 768px) { .cat-masonry { column-count: 2; } }
@media (min-width: 1280px) { .cat-masonry { column-count: 3; } }
.cat-masonry > article { break-inside: avoid; margin-bottom: 1.25rem; }

/* Galeria de ilustracoes: grade rolavel de miniaturas quadradas. */
.cat-illu-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: .75rem; max-height: 22rem; overflow-y: auto; }
.cat-illu-thumb { border-radius: .75rem; overflow: hidden; border: 2px solid transparent; background: rgba(0, 0, 0, .04); padding: 0; cursor: pointer; }
.cat-illu-thumb img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.cat-illu-thumb:hover { border-color: #13b497; }
.cat-illu-thumb.is-current { border-color: #13b497; box-shadow: 0 0 0 2px rgba(19, 180, 151, .35); }
html.dark .cat-illu-thumb { background: rgba(255, 255, 255, .06); }