/* Arnor Garage · yeni görünüm (v2) — ekran düzenleri. Tüm kurallar html.ui-v2 altında. */

/* ---------- Zemin: çapraz çizgiler ve köşebentler yerine temiz, ince nokta dokusu ---------- */
html.ui-v2 body:after{display:none!important}
html.ui-v2 body:before{background:radial-gradient(#ffffff0a 1px,transparent 1.2px) 0 0/22px 22px,radial-gradient(1100px 600px at 100% -10%,#ff78260f,transparent 60%),radial-gradient(800px 600px at -10% 110%,#5aa9ff0a,transparent 60%)!important}
html.ui-v2 main:before{display:none!important}
html.ui-v2 #portal{max-width:1480px;margin:0 auto}

/* Kart: köşebent yok, üstte ince ışık çizgisi */
html.ui-v2 #portal .card,html.ui-v2 #portal #upload-card,html.ui-v2 #portal section.card,html.ui-v2 #portal .credit-shell>.card{
  background:linear-gradient(90deg,#ff782670,#ff782600 34%) top/100% 1px no-repeat,linear-gradient(180deg,#181a20,#131519)!important;
  border:1px solid #ffffff12!important;border-radius:18px!important;box-shadow:0 1px 0 #ffffff08 inset,0 24px 50px -28px #000!important}
html.ui-v2 #portal .card .card,html.ui-v2 #portal .adm-card .card{background:#ffffff04!important;box-shadow:none!important;border-radius:14px!important}
html.ui-v2 #portal .card{padding:28px}

/* Başlıklar */
html.ui-v2 #portal h2{font-size:26px;font-weight:800;letter-spacing:-.6px}
html.ui-v2 #portal .eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ff78261a;color:#ffad73;font-size:10px;letter-spacing:1.8px}
html.ui-v2 #portal .eyebrow:before{display:none}

/* ---------- Üst çubuk: sayfa başlığı ---------- */
html.ui-v2 main>header .ui2-crumb-old{display:none}
html.ui-v2 .ui2-crumb{display:flex;align-items:baseline;gap:10px;margin-right:auto;min-width:0;letter-spacing:0}
html.ui-v2 .ui2-crumb-root{font-size:10.5px;font-weight:800;letter-spacing:2px;color:#6c7483}
html.ui-v2 .ui2-crumb i{font-style:normal;color:#3d434e}
html.ui-v2 .ui2-crumb strong{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.2px;white-space:nowrap}
html.ui-v2 .ui2-crumb small{font-size:12.5px;font-weight:500;color:#7d8594;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Dosya Yükle: iki sütun ---------- */
html.ui-v2 .ui2-upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;margin-bottom:24px}
html.ui-v2 .ui2-upload-layout:has(>#upload-card[hidden]){display:none}
html.ui-v2 .ui2-upload-layout>#upload-card{margin:0}
html.ui-v2 #upload-card .upload-heading{border-bottom:1px solid #ffffff10;padding-bottom:14px}
html.ui-v2 #upload-card .upload-console{gap:18px}
html.ui-v2 #upload-card .metrics>div{border-radius:14px;border:1px solid #ffffff10;background:#ffffff04}
html.ui-v2 #upload-card .drop-zone{flex-direction:column;text-align:center;gap:10px;padding:34px 24px;border:2px dashed #ff78264d;border-radius:18px;background:radial-gradient(400px 160px at 50% 0%,#ff78261a,transparent 70%),#ffffff03;transition:border-color .15s,background .15s}
html.ui-v2 #upload-card .drop-zone:hover,html.ui-v2 #upload-card .drop-zone.dragover,html.ui-v2 #upload-card .drop-zone.is-drag{border-color:#ff7826;background:radial-gradient(400px 160px at 50% 0%,#ff782630,transparent 70%),#ff782608}
html.ui-v2 #upload-card .drop-zone .upload-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(180deg,#ff8a3d,#f06a17);color:#1a0e05;font-size:28px;font-weight:900;box-shadow:0 10px 26px #ff782640}
html.ui-v2 #upload-card .drop-zone b{font-size:17px}
html.ui-v2 #upload-card #upload-submit{display:block;width:100%;max-width:none;padding:15px;border-radius:12px;background:linear-gradient(180deg,#ff8a3d,#f06a17);border-color:#ff8a3d;color:#1a0e05;font-weight:800;letter-spacing:.5px}
html.ui-v2 #upload-card .upload-meta summary{color:#ffad73}

html.ui-v2 .ui2-upload-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}
html.ui-v2 .ui2-side-card{padding:20px;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(180deg,#181a20,#131519)}
html.ui-v2 .ui2-side-card h3{margin:0;font-size:15px;font-weight:800}
html.ui-v2 .ui2-hello{background:radial-gradient(300px 140px at 100% 0%,#ff782626,transparent 70%),linear-gradient(180deg,#1b1c22,#131519);border-color:#ff782633}
html.ui-v2 .ui2-hello-greet{display:block;color:#8d95a4;font-size:12.5px}
html.ui-v2 .ui2-hello-name{display:block;margin:2px 0 14px;font-size:22px;font-weight:800;letter-spacing:-.4px}
html.ui-v2 .ui2-hello-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}
html.ui-v2 .ui2-kpi{display:grid;gap:2px;margin:0;padding:10px 12px;text-align:left;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05;box-shadow:none;color:#fff}
html.ui-v2 .ui2-kpi strong{font-size:18px}
html.ui-v2 .ui2-kpi small{font-size:11px;color:#8d95a4;font-weight:600}
html.ui-v2 .ui2-kpi.is-accent strong{color:#ffad73}
html.ui-v2 .ui2-kpi.is-work strong{color:#ffd27a}
html.ui-v2 .ui2-kpi.is-ok strong{color:#5fd99a}
html.ui-v2 .ui2-kpi:hover{border-color:#ffffff26}
html.ui-v2 .ui2-hello-plan{margin:12px 0 0;color:#ffd27a;font-size:12.5px}
html.ui-v2 .ui2-side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
html.ui-v2 .ui2-link{margin:0;padding:0;border:0;background:none;box-shadow:none;color:#ffad73;font-size:12.5px;font-weight:700}
html.ui-v2 .ui2-side-empty{margin:0;color:#8d95a4;font-size:13px}
html.ui-v2 .ui2-recent{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:10px;border:0;border-radius:12px;background:transparent;box-shadow:none;text-align:left;color:#e6e9ef}
html.ui-v2 .ui2-recent:hover{background:#ffffff07}
html.ui-v2 .ui2-recent svg{width:30px;height:30px;flex:none;padding:6px;border-radius:9px;background:#ffffff08;fill:none;stroke:#aab2c0;stroke-width:1.8}
html.ui-v2 .ui2-recent-text{display:grid;min-width:0;flex:1}
html.ui-v2 .ui2-recent-text strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 .ui2-recent-text small{font-size:11.5px;color:#8d95a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 .ui2-recent-meta{display:flex;align-items:center;gap:8px;min-width:0;margin-top:3px}
html.ui-v2 .ui2-pill{flex:none;padding:3px 8px;border-radius:999px;font-style:normal;font-size:10.5px;font-weight:800;background:#ffffff0d;color:#aab2c0}
html.ui-v2 .ui2-pill.is-ok{background:#5fd99a1f;color:#7fe6ae}
html.ui-v2 .ui2-pill.is-offer{background:#5aa9ff1f;color:#8cc4ff}
html.ui-v2 .ui2-pill.is-work{background:#ffd27a1f;color:#ffd27a}
html.ui-v2 .ui2-pill.is-bad{background:#f16d741f;color:#f59aa0}
html.ui-v2 .ui2-how ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px;counter-reset:how}
html.ui-v2 .ui2-how li{display:grid;grid-template-columns:28px 1fr;column-gap:12px;counter-increment:how}
html.ui-v2 .ui2-how li:before{content:counter(how);grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ff78261f;color:#ffad73;font-weight:800;font-size:13px}
html.ui-v2 .ui2-how li strong{font-size:13px}
html.ui-v2 .ui2-how li small{font-size:12px;color:#8d95a4}

/* ---------- Dosyalarım ---------- */
html.ui-v2 #history-card .history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html.ui-v2 #history-card .history-stat{position:relative;padding:16px 18px 16px 22px;border:1px solid #ffffff10;border-radius:14px;background:#ffffff04;overflow:hidden}
html.ui-v2 #history-card .history-stat:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:#8d95a4}
html.ui-v2 #history-card .history-stat:nth-child(2):before{background:#5fd99a}
html.ui-v2 #history-card .history-stat:nth-child(3):before{background:#ffd27a}
html.ui-v2 #history-card .history-stat:nth-child(4):before{background:#5aa9ff}
html.ui-v2 #history-card .history-stat strong{font-size:26px}
html.ui-v2 #history-card .history-toolbar{padding:10px;border:1px solid #ffffff10;border-radius:14px;background:#0f1115}
html.ui-v2 #history-card .history-empty{padding:34px;text-align:center;color:#8d95a4;border:1px dashed #ffffff1a;border-radius:14px}

/* ---------- Özel Araçlar: büyük kutucuklar ---------- */
html.ui-v2 #tools-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:16px!important}
html.ui-v2 #tools-grid .tool-launch{flex-direction:column;align-items:flex-start;gap:14px;min-height:170px;padding:22px!important;border:1px solid #ffffff12!important;border-radius:18px!important;background:radial-gradient(260px 120px at 0% 0%,#ff78261a,transparent 70%),linear-gradient(180deg,#1a1c22,#131519)!important;box-shadow:none!important;transition:transform .15s,border-color .15s}
html.ui-v2 #tools-grid .tool-launch:hover{transform:translateY(-3px);border-color:#ff782666!important}
html.ui-v2 #tools-grid .tool-launch>img,html.ui-v2 #tools-grid .tool-launch>svg{width:52px;height:52px;padding:8px;border-radius:14px;background:#ffffff08;box-sizing:content-box}
html.ui-v2 #tools-grid .tool-launch strong{font-size:16px}
html.ui-v2 #tools-grid .tool-launch small{font-size:12.5px;color:#9aa2b1;line-height:1.5}
html.ui-v2 #tools-grid .tool-launch-arrow{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff0a;color:#ffad73}

/* ---------- Fiyatlar & ECU Ara ---------- */
html.ui-v2 #prices-card .ecu-filter-card h2{font-size:20px}
html.ui-v2 #prices-card .ecu-filters{padding:14px;border:1px solid #ffffff10;border-radius:14px;background:#0f1115;align-items:end}
html.ui-v2 #prices-card .catalog-banner{border-radius:16px!important;background:radial-gradient(500px 200px at 0% 0%,#ff782630,transparent 70%),linear-gradient(120deg,#22252d,#16181d)!important;border:1px solid #ff78262e!important}
html.ui-v2 #prices-card .catalog-banner h2{font-size:38px;letter-spacing:-1px}
html.ui-v2 #prices-card .price-cell{font-size:15px;font-weight:800;color:#ffad73}
html.ui-v2 #popular-ecus{gap:10px}

/* ---------- Bakiye & Abonelik ---------- */
html.ui-v2 #credit-card .credit-head{background:radial-gradient(500px 220px at 0% 0%,#ff782626,transparent 70%),linear-gradient(180deg,#1b1c22,#131519)!important}
html.ui-v2 #credit-card #credit-summary{font-size:15px}
html.ui-v2 #credit-card .credit-option{border-radius:16px;padding:16px 18px}
html.ui-v2 #credit-card .credit-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative}
html.ui-v2 #credit-card .credit-steps>div{position:relative;padding:16px 18px;border:1px solid #ffffff10;background:#ffffff04}
html.ui-v2 #credit-card .credit-steps>div:first-child{border-radius:14px 0 0 14px}
html.ui-v2 #credit-card .credit-steps>div:last-child{border-radius:0 14px 14px 0}
html.ui-v2 #credit-card .credit-steps>div+div{border-left:0}
html.ui-v2 #credit-card .credit-steps b{background:linear-gradient(180deg,#ff8a3d,#f06a17);color:#1a0e05}
html.ui-v2 #credit-card .plan-card{border-radius:18px;transition:transform .15s}
html.ui-v2 #credit-card .plan-card:hover{transform:translateY(-3px)}

/* ---------- Bilmeniz Gerekenler: kart ızgarası ---------- */
html.ui-v2 #wiki-card .wiki-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
html.ui-v2 #wiki-card .wiki-list-row{margin:0;border:1px solid #ffffff12;border-radius:16px;background:#ffffff04;overflow:hidden;transition:border-color .15s,transform .15s}
html.ui-v2 #wiki-card .wiki-list-row:hover{border-color:#ff782655;transform:translateY(-2px)}
html.ui-v2 #wiki-card .wiki-list-open{position:relative;min-height:96px;padding:18px 18px 18px 70px!important;background:transparent!important}
html.ui-v2 .ui2-wiki-icon{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ff78261c}
html.ui-v2 .ui2-wiki-icon svg{width:20px;height:20px;fill:none;stroke:#ffad73;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html.ui-v2 #wiki-card .wiki-list-open strong{font-size:15px}

/* ---------- İstatistikler ---------- */
html.ui-v2 #statistics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
html.ui-v2 #statistics>.card{position:relative;padding:22px!important;min-height:140px}
html.ui-v2 #statistics .stat-number{display:block;margin-top:8px;font-size:36px;font-weight:800;letter-spacing:-1px}
html.ui-v2 .ui2-stat-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:12px;background:#ff78261c}
html.ui-v2 .ui2-stat-icon svg{width:20px;height:20px;fill:none;stroke:#ffad73;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html.ui-v2 #statistics>.card:nth-child(2) .ui2-stat-icon{background:#5fd99a1c}
html.ui-v2 #statistics>.card:nth-child(2) .ui2-stat-icon svg{stroke:#7fe6ae}
html.ui-v2 #statistics>.card:nth-child(3) .ui2-stat-icon{background:#ffd27a1c}
html.ui-v2 #statistics>.card:nth-child(3) .ui2-stat-icon svg{stroke:#ffd27a}
html.ui-v2 #statistics>.card:nth-child(4) .ui2-stat-icon{background:#5aa9ff1c}
html.ui-v2 #statistics>.card:nth-child(4) .ui2-stat-icon svg{stroke:#8cc4ff}

/* ---------- İletişim ---------- */
html.ui-v2 #contact-card .contact-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ff78261c;color:#ffad73;font-size:20px}
html.ui-v2 #contact-card .contact-hours{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px 28px;align-items:start}
html.ui-v2 #contact-card .contact-clock-head{grid-column:1;grid-row:1 / span 3;padding:22px;border:1px solid #ffffff10;border-radius:16px;background:#ffffff04}
html.ui-v2 #contact-card #contact-clock{font-size:46px;letter-spacing:-1.5px}
html.ui-v2 #contact-card .contact-hours>h2,html.ui-v2 #contact-card #contact-hours-list,html.ui-v2 #contact-card .contact-hours>p,html.ui-v2 #contact-card .contact-hours>a{grid-column:2}
html.ui-v2 #contact-card .contact-day{border-radius:10px}
html.ui-v2 #contact-card .contact-day.today{background:#ff78261a;box-shadow:inset 3px 0 0 #ff7826}

/* ---------- Duyurular ---------- */
html.ui-v2 #announcement-feed>p:only-child{padding:46px 20px;text-align:center;color:#8d95a4;border:1px dashed #ffffff1a;border-radius:16px}

/* ---------- Yönetim ---------- */
html.ui-v2 #admin .adm-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid #ffffff10;border-radius:14px;background:#0f1115}
html.ui-v2 #admin .adm-tabs button{margin:0;padding:9px 14px;border:0;border-radius:10px;background:transparent;box-shadow:none;color:#aab2c0;font-weight:700}
html.ui-v2 #admin .adm-tabs button:hover{color:#fff;background:#ffffff08}
html.ui-v2 #admin .adm-tabs button.active{background:linear-gradient(180deg,#ff8a3d,#f06a17);color:#1a0e05}
html.ui-v2 #admin .adm-kpis{gap:12px}
html.ui-v2 #admin .adm-kpis>*{position:relative;border-radius:14px!important;border:1px solid #ffffff10!important;background:#ffffff04!important;overflow:hidden}
html.ui-v2 #admin .adm-kpis>*:before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,#ff7826,transparent)}

/* ---------- Mobil ---------- */
@media (max-width:1100px){html.ui-v2 .ui2-upload-layout{grid-template-columns:1fr}html.ui-v2 .ui2-upload-side{position:static}}
@media (max-width:960px){
  html.ui-v2 .ui2-crumb small,html.ui-v2 .ui2-crumb-root,html.ui-v2 .ui2-crumb i{display:none}
  html.ui-v2 #history-card .history-summary,html.ui-v2 #statistics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.ui-v2 #credit-card .credit-steps{grid-template-columns:1fr}
  html.ui-v2 #credit-card .credit-steps>div{border-radius:0!important;border-left:1px solid #ffffff10!important}
  html.ui-v2 #contact-card .contact-hours{grid-template-columns:1fr}
  html.ui-v2 #contact-card .contact-clock-head,html.ui-v2 #contact-card .contact-hours>*{grid-column:1!important;grid-row:auto!important}
  html.ui-v2 #portal .card{padding:18px}
  html.ui-v2 #prices-card .catalog-banner h2{font-size:28px}
}

/* ---------- Aydınlatılmış palet: düz siyah yerine antrasit tonlar ---------- */
html.ui-v2{--v2-bg:#1b1d23;--v2-panel:#21242b;--v2-panel-2:#272a33;--v2-line:#ffffff17;--v2-line-2:#ffffff24}
html.ui-v2 body{background:#1b1d23!important}
html.ui-v2 body:before{background:radial-gradient(#ffffff0d 1px,transparent 1.2px) 0 0/22px 22px,radial-gradient(1100px 600px at 100% -10%,#ff782614,transparent 60%),radial-gradient(800px 600px at -10% 110%,#5aa9ff0d,transparent 60%)!important}
html.ui-v2 aside{background:linear-gradient(180deg,#22252c,#1d1f25 70%)!important;border-right-color:#ffffff14}
html.ui-v2 main>header{background:#1b1d23d9!important;border-bottom-color:#ffffff14}
html.ui-v2 #portal .card,html.ui-v2 #portal #upload-card,html.ui-v2 #portal section.card,html.ui-v2 #portal .credit-shell>.card{
  background:linear-gradient(90deg,#ff782670,#ff782600 34%) top/100% 1px no-repeat,linear-gradient(180deg,#2a2d36,#24272f)!important;
  border-color:#ffffff1a!important;box-shadow:0 1px 0 #ffffff0d inset,0 22px 44px -26px #0009!important}
html.ui-v2 #portal .card .card,html.ui-v2 #portal .adm-card .card{background:#ffffff07!important}
html.ui-v2 .ui2-side-card{background:linear-gradient(180deg,#2a2d36,#24272f);border-color:#ffffff1a}
html.ui-v2 .ui2-hello{background:radial-gradient(300px 140px at 100% 0%,#ff78262e,transparent 70%),linear-gradient(180deg,#2c2e37,#24272f)}
html.ui-v2 #tools-grid .tool-launch{background:radial-gradient(260px 120px at 0% 0%,#ff782622,transparent 70%),linear-gradient(180deg,#2c2f38,#252830)!important;border-color:#ffffff1a!important}
html.ui-v2 #prices-card .catalog-banner{background:radial-gradient(500px 200px at 0% 0%,#ff782638,transparent 70%),linear-gradient(120deg,#30333d,#262931)!important}
html.ui-v2 #credit-card .credit-head{background:radial-gradient(500px 220px at 0% 0%,#ff78262e,transparent 70%),linear-gradient(180deg,#2c2e37,#24272f)!important}
/* İç paneller, giriş kutuları, tablolar */
html.ui-v2 #history-card .history-toolbar,html.ui-v2 #prices-card .ecu-filters,html.ui-v2 #admin .adm-tabs{background:#1f2128!important;border-color:#ffffff17!important}
html.ui-v2 input:not([type=checkbox]):not([type=radio]):not([type=range]),html.ui-v2 select,html.ui-v2 textarea{background-color:#1d2027!important;border-color:#ffffff22!important;color:#eef1f6}
html.ui-v2 .table-wrap{background:#22252c}
html.ui-v2 .table-wrap th{background:#2a2d35!important;color:#9aa2b1}
html.ui-v2 .table-wrap td{border-color:#ffffff12}
html.ui-v2 .table-wrap tbody tr:hover td{background:#ffffff08}
html.ui-v2 #history-card .history-stat,html.ui-v2 #upload-card .metrics>div,html.ui-v2 #credit-card .credit-steps>div,html.ui-v2 #wiki-card .wiki-list-row,html.ui-v2 #contact-card .contact-clock-head,html.ui-v2 .ui2-kpi,html.ui-v2 .ui2-chip,html.ui-v2 .ui2-search{background:#ffffff08}
html.ui-v2 #upload-card .drop-zone{background:radial-gradient(400px 160px at 50% 0%,#ff782624,transparent 70%),#ffffff06}
html.ui-v2 .rich-area,html.ui-v2 .rich-toolbar{background-color:#1f2229}
dialog.ui2-palette{background:#23262ef5}
html.ui-v2 dialog.ecu-pick{background:linear-gradient(160deg,#2a2d36,#21242b)}

/* ---------- Profil şeridi (sol alt) ---------- */
html.ui-v2 aside #profile-bar{display:flex!important;align-items:center;gap:11px;width:100%;margin:0!important;padding:10px 12px!important;border:1px solid #ffffff1c!important;border-radius:14px!important;background:linear-gradient(180deg,#2a2d36,#24272f)!important;box-shadow:0 8px 20px -12px #000a!important;cursor:pointer;transition:border-color .15s,background .15s}
html.ui-v2 aside #profile-bar:hover{border-color:#ff782666!important;background:linear-gradient(180deg,#2f323c,#272a33)!important}
html.ui-v2 aside #profile-bar .pbar-avatar{flex:none;width:38px;height:38px;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px #ff782680;background:#33363f}
html.ui-v2 aside #profile-bar .pbar-avatar img{width:100%;height:100%;object-fit:cover}
html.ui-v2 aside #profile-bar[data-role="admin"] .pbar-avatar,html.ui-v2 aside #profile-bar[data-role="engineer"] .pbar-avatar{box-shadow:0 0 0 2px #5aa9ff80}
html.ui-v2 .ui2-pbar-text{display:grid;flex:1;min-width:0;text-align:left;line-height:1.25}
html.ui-v2 .ui2-pbar-text .pbar-name{font-size:13.5px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 .ui2-pbar-role{font-size:11px;font-weight:600;color:#9aa2b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 aside #profile-bar .pbar-credit{flex:none;padding:4px 8px;border-radius:8px;background:#ff78261c;color:#ffad73;font:800 12px/1 system-ui,sans-serif}
html.ui-v2 aside #profile-bar .pbar-chevron{flex:none;opacity:.6}
html.ui-v2.ui-rail aside #profile-bar{justify-content:center;padding:8px!important}
html.ui-v2.ui-rail .ui2-pbar-text{display:none}

/* ---------- Profil penceresi ---------- */
html.ui-v2 dialog.ui2-account{width:min(520px,calc(100vw - 24px));padding:0;border:1px solid #ffffff1f;border-radius:22px;background:linear-gradient(180deg,#2a2d36,#22252c);box-shadow:0 40px 90px #000c;overflow:hidden}
html.ui-v2 dialog.ui2-account::backdrop{background:#0b0c0fb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html.ui-v2 .ui2-account .acc-head{position:relative;align-items:flex-end;gap:16px;padding:46px 22px 18px;border-bottom:0;background:radial-gradient(420px 160px at 0% 0%,#ff782647,transparent 70%),radial-gradient(300px 140px at 100% 0%,#5aa9ff1f,transparent 70%),linear-gradient(180deg,#33241c,#2a2d36)}
html.ui-v2 .ui2-account .acc-avatar{width:76px;height:76px;flex:none;border-radius:22px;box-shadow:0 0 0 3px #2a2d36,0 0 0 5px #ff7826aa,0 14px 30px #0008}
html.ui-v2 .ui2-account .acc-avatar img,html.ui-v2 .ui2-account .acc-avatar .profile-initials{border-radius:20px}
html.ui-v2 .ui2-account .acc-id{gap:4px}
html.ui-v2 .ui2-account #side-name{font-size:22px;font-weight:800;letter-spacing:-.4px;color:#fff}
html.ui-v2 .ui2-account .acc-subtitle{color:#c9ced8;font-weight:600}
html.ui-v2 .ui2-acc-meta{font-size:12px;color:#8d95a4;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ui-v2 .ui2-account #franchise-badge{position:absolute;top:16px;left:22px;margin:0}
html.ui-v2 .ui2-account .acc-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:10px;background:#00000040;border-color:#ffffff22}
html.ui-v2 .ui2-account .acc-body{gap:14px;padding:18px 22px 22px}
html.ui-v2 .ui2-account .acc-balance{grid-template-areas:"label go" "value go" "chip go" "plan plan";padding:18px 20px;border-radius:18px;border:1px solid #ff782655;background:radial-gradient(260px 120px at 100% 0%,#ff782633,transparent 70%),linear-gradient(135deg,#3a2a20,#2c2a2c)}
html.ui-v2 .ui2-account #side-credit{grid-area:value;font:800 34px/1.1 system-ui,sans-serif;letter-spacing:-1px;color:#fff;white-space:nowrap}
html.ui-v2 .ui2-acc-chip{grid-area:chip;justify-self:start;margin-top:4px;padding:3px 9px;border-radius:999px;background:#5fd99a1f;color:#7fe6ae;font-size:11.5px;font-weight:800}
html.ui-v2 .ui2-account .acc-balance-go{padding:11px 16px;border-radius:12px;font-size:13px}
html.ui-v2 .ui2-acc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html.ui-v2 .ui2-acc-stats>div{display:grid;gap:2px;padding:12px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff06;text-align:center}
html.ui-v2 .ui2-acc-stats strong{font-size:20px;color:#fff}
html.ui-v2 .ui2-acc-stats small{font-size:10.5px;color:#8d95a4;font-weight:700;letter-spacing:.3px}
html.ui-v2 .ui2-account .acc-grid{gap:10px}
html.ui-v2 .ui2-account .acc-tile{justify-content:flex-start;gap:12px;height:auto;min-height:64px;padding:12px 14px;border-radius:16px;border:1px solid #ffffff14;background:#ffffff06;text-align:left;transition:border-color .15s,background .15s,transform .15s}
html.ui-v2 .ui2-account .acc-tile:hover{border-color:#ff782666;background:#ff78260d;transform:translateY(-1px)}
html.ui-v2 .ui2-account .acc-tile-icon{width:36px;height:36px;flex:none;border-radius:11px;background:#ff78261c;color:#ffad73}
html.ui-v2 .ui2-account .acc-logout .acc-tile-icon{background:#f16d741c;color:#ff9a90}
html.ui-v2 .ui2-tile-text{display:grid;gap:3px;min-width:0}
html.ui-v2 .ui2-tile-text>span{font-size:14px;font-weight:800}
html.ui-v2 .ui2-tile-text small{font:500 11.5px/1.3 system-ui,sans-serif;color:#8d95a4}
html.ui-v2 .ui2-account .acc-logout{border-color:#f16d7433}
html.ui-v2 .ui2-account .acc-profile{padding:16px;border-radius:16px;border-color:#ffffff14;background:#ffffff05}
html.ui-v2 .ui2-account .acc-session{border-radius:12px;border-color:#ffffff14}
@media (max-width:520px){html.ui-v2 .ui2-acc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}html.ui-v2 .ui2-account .acc-grid{grid-template-columns:1fr}html.ui-v2 .ui2-account #side-credit{font-size:28px}}
html.ui-v2 aside #profile-bar .pbar-avatar{display:grid;place-items:center;border:0!important;padding:0!important}
html.ui-v2 aside #profile-bar .pbar-avatar img,html.ui-v2 aside #profile-bar #profile-initials-mini{width:100%!important;height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
html.ui-v2 aside #profile-bar #profile-initials-mini{display:grid;place-items:center;background:linear-gradient(180deg,#3a3d47,#2c2f38);color:#ffad73;font-weight:800;font-size:15px}
html.ui-v2 aside #profile-bar #profile-initials-mini[hidden]{display:none}
html.ui-v2 aside #profile-bar .pbar-chevron{background:none!important;border:0!important;box-shadow:none!important}
html.ui-v2 .ui2-account .acc-avatar .profile-initials{display:grid;place-items:center;width:100%;height:100%;font-size:28px;font-weight:800;color:#ffad73;background:linear-gradient(180deg,#3a3d47,#2c2f38)}
html.ui-v2 .ui2-account .acc-avatar .profile-initials[hidden]{display:none}