/* Arnor Garage · yeni görünüm (v2) — tüm kurallar html.ui-v2 altında; klasik görünüm etkilenmez.
 */


html.ui-v2{
  --v2-bg:#0b0c0f;--v2-panel:#14161b;--v2-panel-2:#181b21;--v2-line:#ffffff12;--v2-line-2:#ffffff1c;
  --v2-text:#eef1f6;--v2-dim:#9aa2b1;--v2-faint:#6c7483;--v2-accent:#ff7826;--v2-accent-2:#ffa45c;
  --v2-side:264px;--v2-radius:16px;
}
html.ui-v2.ui-rail{--v2-side:80px}
html.ui-v2 body{background:var(--v2-bg);color:var(--v2-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.ui-v2 body:before{background:radial-gradient(900px 520px at 100% -10%,#ff78260f,transparent 60%),radial-gradient(700px 500px at -10% 110%,#5aa9ff08,transparent 60%)}
html.ui-v2 ::selection{background:#ff782655;color:#fff}
html.ui-v2 *{scrollbar-width:thin;scrollbar-color:#ffffff22 transparent}

/* ---------- Yan menü: Garaj paneli ---------- */
html.ui-v2 aside{width:var(--v2-side);padding:18px 14px 14px;gap:0;background:linear-gradient(180deg,#101116,#0b0c0f 70%);border-right:1px solid var(--v2-line);box-shadow:none;transition:width .22s ease;overflow:hidden}
html.ui-v2 aside .brand-image{margin:0 4px;flex-shrink:0}
html.ui-v2 aside .brand-divider{display:none}
html.ui-v2 .ui2-top{display:flex;justify-content:flex-end;margin:-6px 0 6px}
html.ui-v2 .ui2-rail-toggle{display:inline-grid;place-items:center;width:28px;height:28px;margin:0;padding:0;border:1px solid var(--v2-line-2);border-radius:8px;background:#ffffff06;color:var(--v2-dim);box-shadow:none}
html.ui-v2 .ui2-rail-toggle:hover{color:#fff;border-color:#ff782655}
html.ui-v2 .ui2-rail-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
html.ui-v2.ui-rail .ui2-rail-toggle svg{transform:rotate(180deg)}

html.ui-v2 aside nav{display:flex;flex-direction:column;gap:12px;margin:0!important;padding:0;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0}
html.ui-v2 aside nav button{flex:none!important;max-height:none!important;min-height:0!important;width:100%;margin:0!important;padding:8px 10px!important;gap:12px;justify-content:flex-start;border:0;border-radius:10px;background:transparent;color:#c3c9d4;font-size:13.5px;font-weight:600;letter-spacing:0;text-align:left;box-shadow:none;position:relative;transition:background .15s,color .15s}
html.ui-v2 aside nav button span:first-child{width:22px;height:22px;flex:none;border:0;border-radius:0;background:transparent;box-shadow:none;color:#8d95a4}
html.ui-v2 aside nav button span:first-child svg{width:19px;height:19px}
html.ui-v2 aside nav button:hover{background:#ffffff08;color:#fff}
html.ui-v2 aside nav button:hover span:first-child{color:#e6e9ef}
html.ui-v2 aside nav button.active{background:linear-gradient(90deg,#ff782624,#ff782608 70%,transparent);color:#fff;box-shadow:inset 0 0 0 1px #ff78262a}
html.ui-v2 aside nav button.active span:first-child{color:var(--v2-accent-2);background:transparent;box-shadow:none}
html.ui-v2 aside nav button.active:after{content:'';position:absolute;left:0;right:auto;top:9px;bottom:9px;width:3px;height:auto;transform:none;border-radius:0 3px 3px 0;background:var(--v2-accent);box-shadow:0 0 10px #ff7826}

/* Ana düğme: Dosya Yükle */
html.ui-v2 .ui2-cta-wrap{padding-top:2px}
html.ui-v2 aside nav button.ui2-cta{justify-content:center;padding:12px 14px!important;border-radius:12px;background:linear-gradient(180deg,#ff8a3d,#f06a17);color:#1a0e05;font-weight:800;font-size:14px;box-shadow:0 8px 22px #ff782633,inset 0 1px 0 #ffffff55}
html.ui-v2 aside nav button.ui2-cta span:first-child{color:#1a0e05}
html.ui-v2 aside nav button.ui2-cta:hover{background:linear-gradient(180deg,#ff9952,#f5741f);color:#1a0e05;transform:translateY(-1px)}
html.ui-v2 aside nav button.ui2-cta.active{box-shadow:0 0 0 2px #ffb27d88,0 8px 22px #ff782640}
html.ui-v2 aside nav button.ui2-cta.active:after{display:none}
html.ui-v2 aside nav button.ui2-cta.active span:first-child{color:#1a0e05}

/* Hızlı geçiş */
html.ui-v2 .ui2-search{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:9px 11px;border:1px solid var(--v2-line-2);border-radius:10px;background:#ffffff05;color:var(--v2-faint);font-size:13px;font-weight:500;box-shadow:none;text-align:left}
html.ui-v2 .ui2-search:hover{border-color:#ffffff30;color:var(--v2-dim)}
html.ui-v2 .ui2-search svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
html.ui-v2 .ui2-search span{flex:1}
html.ui-v2 .ui2-search kbd,html.ui-v2 .ui2-pal-head kbd{font:600 10.5px/1 ui-monospace,Consolas,monospace;padding:4px 6px;border:1px solid var(--v2-line-2);border-bottom-width:2px;border-radius:6px;color:var(--v2-dim);background:#ffffff06}

/* Durum çipleri */
html.ui-v2 .ui2-head{display:flex;flex-direction:column;gap:8px;margin:0 0 12px;flex-shrink:0}
html.ui-v2 .ui2-chips{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
html.ui-v2 .ui2-chip{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border:1px solid var(--v2-line);border-radius:10px;background:#ffffff04;color:var(--v2-dim);font-size:11.5px;font-weight:600;box-shadow:none;min-width:0}
html.ui-v2 .ui2-chip:hover{border-color:var(--v2-line-2);color:#fff}
html.ui-v2 .ui2-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 .ui2-chip-eng i{width:8px;height:8px;flex:none;border-radius:50%;background:#f16d74;box-shadow:0 0 0 3px #f16d7422}
html.ui-v2 .ui2-chip-eng.is-on i{background:#5fd99a;box-shadow:0 0 0 3px #5fd99a22,0 0 10px #5fd99a88}
html.ui-v2 .ui2-chip-bal{flex-direction:column;align-items:flex-end;gap:1px;padding:6px 10px}
html.ui-v2 .ui2-chip-bal small{font-size:9px;letter-spacing:1.2px;color:var(--v2-faint)}
html.ui-v2 .ui2-chip-bal strong{font-size:13px;color:var(--v2-accent-2)}

/* Gruplar */
html.ui-v2 .ui2-groups{display:flex;flex-direction:column;gap:12px;margin-top:4px}
html.ui-v2 .ui2-group{display:flex;flex-direction:column;gap:2px}
html.ui-v2 .ui2-group-title{display:flex;align-items:center;gap:8px;margin:0 10px 4px;font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--v2-faint)}
html.ui-v2 .ui2-group-title:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--v2-line-2),transparent)}
html.ui-v2 .ui2-group-staff .ui2-group-title{color:#ff9a52b0}
html.ui-v2 .ui2-badge,html.ui-v2 aside nav .manual-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:var(--v2-accent);color:#1a0e05;font-size:11px;font-weight:800;position:static}
html.ui-v2 aside nav button[data-view="contact"]{flex-wrap:nowrap}
html.ui-v2 aside nav button[data-view="contact"] .contact-presence{margin-left:auto}

/* Alt bölüm */
html.ui-v2 .ui2-classic{display:flex;align-items:center;gap:8px;margin:10px 0 8px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--v2-faint);font-size:11.5px;font-weight:600;box-shadow:none;align-self:flex-start}
html.ui-v2 .ui2-classic:hover{color:#ffb27d;background:#ffffff06}
html.ui-v2 .ui2-classic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html.ui-v2 aside .aside-bottom{margin:0!important;border-radius:12px;border:1px solid var(--v2-line-2);border-top:1px solid var(--v2-line-2);background:linear-gradient(180deg,#181a20,#121418);box-shadow:none}

/* Daraltılmış menü (yalnız simgeler) */
html.ui-v2.ui-rail aside{padding-left:12px;padding-right:12px}
html.ui-v2.ui-rail aside .brand-image{opacity:0;height:0;margin:0;aspect-ratio:auto}
html.ui-v2.ui-rail .ui2-top{justify-content:center;margin:0 0 10px}
html.ui-v2.ui-rail aside nav button{justify-content:center;padding:10px 0!important;font-size:0;gap:0}
html.ui-v2.ui-rail aside nav button span:first-child{width:24px;height:24px}
html.ui-v2.ui-rail aside nav button .contact-presence,html.ui-v2.ui-rail .ui2-search span,html.ui-v2.ui-rail .ui2-search kbd,html.ui-v2.ui-rail .ui2-chip-bal,html.ui-v2.ui-rail .ui2-chip span,html.ui-v2.ui-rail .ui2-classic span,html.ui-v2.ui-rail .ui2-group-title{display:none}
html.ui-v2.ui-rail .ui2-group{border-top:1px solid var(--v2-line);padding-top:8px}
html.ui-v2.ui-rail .ui2-search{justify-content:center;padding:10px 0}
html.ui-v2.ui-rail .ui2-chips{grid-template-columns:1fr}
html.ui-v2.ui-rail .ui2-head{align-items:stretch}
html.ui-v2.ui-rail .ui2-chip{justify-content:center;padding:10px 0}
html.ui-v2.ui-rail .ui2-badge,html.ui-v2.ui-rail aside nav .manual-count{position:absolute;top:2px;right:6px;min-width:16px;height:16px;font-size:9.5px;padding:0 4px}
html.ui-v2.ui-rail .ui2-classic{align-self:center}
html.ui-v2.ui-rail aside .aside-bottom .pbar-name,html.ui-v2.ui-rail aside .aside-bottom .pbar-credit,html.ui-v2.ui-rail aside .aside-bottom .pbar-chevron{display:none}
html.ui-v2.ui-rail aside .aside-bottom{justify-content:center;padding:8px!important}

/* ---------- Ana alan ---------- */
html.ui-v2 main{margin-left:var(--v2-side);width:calc(100% - var(--v2-side));transition:margin-left .22s ease,width .22s ease;padding:0 clamp(20px,2.6vw,56px) 36px}
html.ui-v2 main>header{position:sticky;top:0;z-index:4;height:64px;margin:0 calc(-1 * clamp(20px,2.6vw,56px)) 26px;padding:0 clamp(20px,2.6vw,56px);border:0;border-bottom:1px solid var(--v2-line);border-radius:0;background:#0b0c0fcc;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:none;font-size:10.5px;letter-spacing:2px;color:var(--v2-faint)}
html.ui-v2 main>header #engineer-status{border-radius:999px}

/* Kartlar: ince üst vurgu çizgisi, yumuşak gölge, büyük köşe */
html.ui-v2 .card{border:1px solid var(--v2-line);border-top:1px solid var(--v2-line);border-radius:var(--v2-radius);background:linear-gradient(90deg,#ff782666,#ff782600 38%) top/100% 1px no-repeat,linear-gradient(180deg,var(--v2-panel-2),var(--v2-panel));box-shadow:0 1px 0 #ffffff07 inset,0 24px 48px -24px #000c}
html.ui-v2 .card:not([hidden]){animation:v2-rise .28s ease both}
@keyframes v2-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
html.ui-v2 .card .card{animation:none}
html.ui-v2 .eyebrow{letter-spacing:2.2px}
html.ui-v2 h1,html.ui-v2 h2{letter-spacing:-.4px}

/* Form alanları ve düğmeler */
html.ui-v2 input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html.ui-v2 select,html.ui-v2 textarea{border-radius:10px;transition:border-color .15s,box-shadow .15s}
html.ui-v2 input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,html.ui-v2 select:focus,html.ui-v2 textarea:focus{outline:none;border-color:#ff7826aa;box-shadow:0 0 0 3px #ff78262a}
html.ui-v2 main button{border-radius:10px;transition:transform .12s,box-shadow .15s,background .15s,border-color .15s}
html.ui-v2 main button:not(:disabled):active{transform:translateY(1px)}
html.ui-v2 :focus-visible{outline:2px solid #ffa45c;outline-offset:2px}

/* Tablolar */
html.ui-v2 .table-wrap{border-radius:12px;border:1px solid var(--v2-line);overflow:auto}
html.ui-v2 .table-wrap table{border-collapse:collapse}
html.ui-v2 .table-wrap th{position:sticky;top:0;z-index:1;background:#15171c;font-size:10.5px;letter-spacing:1.3px;color:var(--v2-faint)}
html.ui-v2 .table-wrap tbody tr{transition:background .12s}
html.ui-v2 .table-wrap tbody tr:hover td{background:#ffffff05}

/* Bildirim ve diyaloglar */
html.ui-v2 #notice{border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html.ui-v2 dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* ---------- Hızlı geçiş penceresi ---------- */
dialog.ui2-palette{width:min(620px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 80px));margin:12vh auto auto;padding:0;border:1px solid #ffffff1f;border-radius:16px;background:#121418f2;color:#eef1f6;box-shadow:0 40px 90px #000d;overflow:hidden}
dialog.ui2-palette[open]{display:flex}
dialog.ui2-palette::backdrop{background:#000a}
.ui2-pal-box{display:flex;flex-direction:column;width:100%;min-height:0}
.ui2-pal-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #ffffff14}
.ui2-pal-head svg{width:18px;height:18px;flex:none;fill:none;stroke:#9aa2b1;stroke-width:2;stroke-linecap:round}
.ui2-pal-head input{flex:1;margin:0;padding:6px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff;font-size:16px}
.ui2-pal-list{overflow:auto;padding:8px;min-height:0}
.ui2-pal-kind{margin:8px 10px 4px;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#6c7483}
.ui2-pal-item{display:grid;gap:2px;width:100%;margin:0;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#dfe3ea;text-align:left;box-shadow:none}
.ui2-pal-item strong{font-size:14px}
.ui2-pal-item small{color:#8790a0;font-size:12px;font-weight:500}
.ui2-pal-item.is-sel{background:#ff78261c;box-shadow:inset 0 0 0 1px #ff782640}
.ui2-pal-item.is-sel strong{color:#fff}
.ui2-pal-empty{margin:14px;color:#8790a0}
.ui2-pal-foot{padding:9px 16px;border-top:1px solid #ffffff10;color:#6c7483;font-size:11px}

/* ---------- Mobil ---------- */
@media (max-width:960px){
  html.ui-v2 aside,html.ui-v2.ui-rail aside{width:100%;padding:14px}
  html.ui-v2.ui-rail aside .brand-image{opacity:1;height:auto;aspect-ratio:3/1}
  html.ui-v2 .ui2-top,html.ui-v2 .ui2-classic{display:none}
  html.ui-v2 aside nav{overflow:visible}
  html.ui-v2 .ui2-groups{flex-direction:row;flex-wrap:wrap;gap:10px}
  html.ui-v2 .ui2-group{flex:1 1 150px}
  html.ui-v2.ui-rail aside nav button{justify-content:flex-start;padding:9px 10px!important;font-size:13.5px;gap:12px}
  html.ui-v2.ui-rail .ui2-group-title,html.ui-v2.ui-rail .ui2-search span,html.ui-v2.ui-rail .ui2-chip span,html.ui-v2.ui-rail .ui2-chip-bal{display:revert}
  html.ui-v2 main,html.ui-v2.ui-rail main{margin-left:0;width:100%;padding:0 14px 24px}
  html.ui-v2 main>header{position:relative;margin:0 -14px 18px;padding:0 14px;height:auto;min-height:56px}
}
@media (prefers-reduced-motion:reduce){html.ui-v2 *{animation:none!important;transition:none!important}}
html.ui-v2 body.hex-workspace main{padding-left:12px;padding-right:12px}
html.ui-v2 body.hex-workspace main>header{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
html.ui-v2 main>header{max-width:none;width:auto}
html.ui-v2 aside nav button.ui2-cta.active{box-shadow:0 0 0 2px #ffb27d70,0 6px 16px #ff782630}
@media (max-width:960px){html.ui-v2 main>header>span:first-child,html.ui-v2 main>header>.app-history-nav+span{display:none}}