[v-cloak]{display:none}
html,body{overflow-x:clip}
@supports not (overflow:clip){ html,body{overflow-x:hidden} }
body{max-width:100vw}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
input,select,textarea{font-size:16px !important}
@media (max-width:1023px){ table.resp{display:block;overflow-x:auto} }
button{ -webkit-tap-highlight-color: transparent; }

/* ===== AKARYAKIT TEMA ===== */
:root{ --fuel-amber:#FFB300; --fuel-red:#D71920; --carbon:#14161A; }
.carbon{ background-color:#14161A; background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px); background-size:14px 14px; }
.hazard{ height:5px; background:repeating-linear-gradient(-45deg,var(--fuel-amber) 0 14px,#14161A 14px 28px); }
.hazard-thin{ height:3px; background:repeating-linear-gradient(-45deg,var(--fuel-amber) 0 10px,#14161A 10px 20px); }
.sec-title{ display:flex; align-items:center; gap:.55rem; font-weight:800; color:#101828; }
.sec-title::before{ content:''; width:5px; height:1.25rem; border-radius:99px; background:linear-gradient(180deg,var(--fuel-red),#7A0D12); box-shadow:0 0 0 3px rgba(215,25,32,.12); }
.gauge-card{ position:relative; overflow:hidden; }
.gauge-card::after{ content:''; position:absolute; right:-26px; top:-26px; width:110px; height:110px; border-radius:50%;
  background:radial-gradient(circle at center,transparent 52%,rgba(215,25,32,.10) 53%,rgba(215,25,32,.10) 64%,transparent 65%); pointer-events:none; }
.drop-tile{ display:flex; align-items:center; justify-content:center; border-radius:1rem; color:#fff;
  background:linear-gradient(150deg,#E02020,#8F0F16); box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 14px -8px rgba(215,25,32,.7); }
.amber-tile{ display:flex; align-items:center; justify-content:center; border-radius:1rem; color:#3A2A00;
  background:linear-gradient(150deg,#FFC93C,#F59E0B); box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px -8px rgba(245,158,11,.8); }
.carbon-tile{ display:flex; align-items:center; justify-content:center; border-radius:1rem; color:#FFC93C;
  background:linear-gradient(150deg,#23262D,#101216); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.pipe-flow{ background-image:linear-gradient(90deg,var(--fuel-amber) 55%,transparent 45%); background-size:16px 3px; background-repeat:repeat-x; background-position:center; height:3px; }
@keyframes fuelDash{ to{ background-position-x:32px; } }
.pipe-flow.live{ animation:fuelDash 1.1s linear infinite; }
.ring{ --p:0; --c:var(--fuel-red); background:conic-gradient(var(--c) calc(var(--p)*1%),#ECECEC 0); }
.nav-active{ box-shadow:0 0 0 1px rgba(255,179,0,.35),0 8px 20px -10px rgba(215,25,32,.8) !important; }
.card-lift{ transition:transform .15s ease,box-shadow .2s ease; }
.card-lift:hover{ transform:translateY(-2px); box-shadow:0 14px 30px -14px rgba(16,24,40,.35); }
@media (prefers-reduced-motion:reduce){ .pipe-flow.live,.floaty{ animation:none !important; } }