/* archived — yönetim paneli v2: ana sitenin canlı paleti, yumuşak köşeler, renkli ölçü kartları. admin.css'in üstüne biner. */
.adm-body{--adm-ok:#12915b;--adm-danger:#d1365a;--adm-fg:#fff;--adm-side:transparent;background:transparent}
[data-mode="dark"] .adm-body{--adm-fg:var(--on-wine)}
.adm-demo{margin:12px clamp(12px,2vw,24px) 0;border:0;border-radius:99px;background:color-mix(in srgb,var(--peach) 55%,var(--surface));font-weight:500;box-shadow:var(--shadow)}
.adm{grid-template-columns:262px minmax(0,1fr);gap:0;padding:12px clamp(12px,2vw,24px) 0;min-height:calc(100vh - 56px)}
/* kenar çubuğu: yüzen, renkli kart */
.adm-side{top:12px;height:calc(100vh - 80px);border-radius:var(--r-lg);padding:26px 14px 18px;color:#fff;overflow:hidden auto;
  background:radial-gradient(120% 60% at 0% 0%,color-mix(in srgb,var(--wine) 70%,#fff) ,transparent 60%),linear-gradient(170deg,var(--wine),color-mix(in srgb,var(--wine-dark) 70%,#2a0d3f));box-shadow:0 22px 44px -22px color-mix(in srgb,var(--wine) 80%,transparent)}
.adm-side::after{content:"";position:absolute;right:-70px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,#fff 14%,transparent);pointer-events:none}
.adm-brand{font:800 30px/1 var(--display);letter-spacing:-.8px;color:#fff;padding:0 10px}
.adm-brand span{font:500 20px var(--hand);color:color-mix(in srgb,#fff 82%,var(--rose));margin-top:4px}
#admNav{gap:4px;position:relative;z-index:1}
#admNav a{color:color-mix(in srgb,#fff 88%,transparent);border-radius:14px;padding:10px 14px;font-weight:500;transition:background .2s,transform .2s,color .2s}
#admNav a:hover{background:color-mix(in srgb,#fff 16%,transparent);color:#fff;transform:translateX(3px)}
#admNav a.active{background:#fff;color:var(--wine-dark);font-weight:600;box-shadow:0 8px 18px -10px rgba(0,0,0,.4)}
#admNav a.active i{color:var(--wine)}
#admNav b{background:#fff;color:var(--wine-dark)}
#admNav a.active b{background:var(--wine);color:#fff}
.adm-side .tool-btn,.adm-side .lang-pills{border-color:color-mix(in srgb,#fff 45%,transparent);color:#fff;border-radius:99px}
.adm-side .lang-pills button{color:#fff}.adm-side .lang-pills button.active{background:#fff;color:var(--wine-dark)}
.adm-side .tool-btn:hover{background:#fff;color:var(--wine-dark)}
.adm-back{color:#fff;opacity:.85}.adm-back:hover{opacity:1}
.adm-side-foot{position:relative;z-index:1}
/* üst şerit */
.adm-main{padding:0 clamp(12px,2vw,28px) 70px}
.adm-top{border:0;padding:12px 0 22px;margin:0}
.adm-top h1{font:800 clamp(28px,3vw,38px)/1.05 var(--display);letter-spacing:-.8px;position:relative;padding-bottom:12px;display:flex;flex-direction:column}
.adm-top h1::after{content:"";width:74px;height:8px;margin-top:6px;background:var(--wine);-webkit-mask:var(--squiggle) left center/24px 8px repeat-x;mask:var(--squiggle) left center/24px 8px repeat-x}
.adm-sim select,.adm-bar select,.adm-inline select,.adm-tpl-add select,.adm-toggle select,.adm-tpl-add input{border-radius:99px;border:1.5px solid var(--line);background:var(--surface);box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 5%,transparent)}
.adm-me{background:var(--surface);padding:5px 14px 5px 6px;border-radius:99px;box-shadow:var(--shadow)}
/* kartlar */
.adm-card{border:0;border-radius:var(--r-lg);padding:24px 26px;box-shadow:var(--shadow);background:var(--surface)}
.adm-card h2{font:700 20px var(--display);letter-spacing:-.3px;margin-bottom:16px}
.adm-card h2 a,.adm-link{color:var(--wine);font-weight:600}
/* ölçü kartları: her biri farklı bir pastel */
.adm-kpis{gap:16px}
.adm-stat{border:0;border-radius:var(--r-lg);padding:20px 22px 16px;box-shadow:var(--shadow);background:var(--tint,var(--surface))}
.adm-kpis>.adm-stat:nth-child(4n+1){--tint:color-mix(in srgb,var(--rose) 62%,var(--surface))}
.adm-kpis>.adm-stat:nth-child(4n+2){--tint:color-mix(in srgb,var(--lavender) 58%,var(--surface))}
.adm-kpis>.adm-stat:nth-child(4n+3){--tint:color-mix(in srgb,var(--sage) 62%,var(--surface))}
.adm-kpis>.adm-stat:nth-child(4n+4){--tint:color-mix(in srgb,var(--peach) 62%,var(--surface))}
.adm-stat>i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--wine);opacity:1;right:16px;top:16px;font-size:16px}
.adm-stat small{color:color-mix(in srgb,var(--ink) 70%,transparent);font-weight:700}
.adm-stat b{font:800 42px/1 var(--display);letter-spacing:-1px;margin-top:10px;color:var(--ink)}
.adm-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.adm-spark{color:var(--wine-dark)}
/* sekmeler: hap biçimi */
.adm-tabs{border:0;gap:6px;background:color-mix(in srgb,var(--surface) 70%,transparent);padding:5px;border-radius:99px;width:fit-content;max-width:100%;box-shadow:var(--shadow)}
.adm-tabs button{border:0;border-radius:99px;margin:0;padding:8px 16px;color:var(--muted);transition:background .2s,color .2s}
.adm-tabs button:hover{color:var(--ink);background:color-mix(in srgb,var(--rose) 28%,transparent)}
.adm-tabs button.active{background:linear-gradient(135deg,var(--wine),var(--wine-dark));color:var(--on-wine);box-shadow:0 8px 16px -10px var(--wine)}
.adm-tabs button.active em{background:color-mix(in srgb,#fff 28%,transparent);color:inherit}
.adm-range button{box-shadow:none}
/* tablolar */
.adm-tablewrap{border:0;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.adm-table th{background:color-mix(in srgb,var(--rose) 22%,var(--surface));border-bottom:0;color:color-mix(in srgb,var(--ink) 65%,transparent)}
.adm-table td{border-bottom:1px dashed var(--line)}
.adm-table tr[data-row]:hover td{background:color-mix(in srgb,var(--rose) 22%,var(--surface))}
/* ekip kartları */
.adm-team-card{border:0!important;border-radius:var(--r-lg)!important;box-shadow:var(--shadow);background:var(--surface);overflow:hidden}
.adm-team-card:nth-child(3n+1) .adm-team-top{background:color-mix(in srgb,var(--rose) 55%,var(--surface))}
.adm-team-card:nth-child(3n+2) .adm-team-top{background:color-mix(in srgb,var(--lavender) 52%,var(--surface))}
.adm-team-card:nth-child(3n+3) .adm-team-top{background:color-mix(in srgb,var(--sage) 58%,var(--surface))}
.adm-team-top{margin:-1px -1px 12px;padding:14px 16px;border-radius:var(--r) var(--r) 0 0}
.pill{border-radius:99px;font-weight:700}
.pill.ok{background:color-mix(in srgb,var(--adm-ok) 16%,var(--surface));color:var(--adm-ok);border-color:transparent}
.pill.bad{background:color-mix(in srgb,var(--adm-danger) 14%,var(--surface));color:var(--adm-danger);border-color:transparent}
/* düğmeler, listeler */
.adm .btn{border-radius:99px}
.adm .btn-primary{background:linear-gradient(135deg,var(--wine),var(--wine-dark));box-shadow:0 10px 20px -12px var(--wine)}
.adm-queue a:hover{background:color-mix(in srgb,var(--rose) 28%,var(--surface))}
.adm-hbars .adm-hb{background:linear-gradient(90deg,var(--wine),color-mix(in srgb,var(--wine) 55%,var(--lavender)))}
.adm-bulk{border:0;border-radius:var(--r);box-shadow:var(--shadow)}
.adm-drawer{border-radius:var(--r-lg) 0 0 var(--r-lg)}
@media (max-width:900px){.adm{grid-template-columns:1fr;padding:8px}.adm-side{position:relative;top:0;height:auto;flex-direction:column;border-radius:var(--r)}#admNav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-bottom:4px}#admNav a:hover{transform:none}.adm-side-foot{display:flex;flex-wrap:wrap;align-items:center}}
.adm-brand{font:700 26px/1 var(--display)}
.adm-top h1{font:700 clamp(26px,2.6vw,34px)/1.1 var(--display)}
.adm-stat{padding-right:60px}.adm-stat small{white-space:normal;line-height:1.3}
.adm-stat b{font:700 36px/1 var(--display)}
.adm-stat .adm-spark{margin-right:-44px;width:calc(100% + 44px)}
/* sayfa açıklaması */
.adm-help{margin:0 0 18px;border-radius:var(--r-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--lavender) 40%,var(--surface)),color-mix(in srgb,var(--rose) 34%,var(--surface)));box-shadow:var(--shadow)}
.adm-help summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 18px;cursor:pointer;font:700 14px var(--sans);color:var(--ink)}
.adm-help summary::-webkit-details-marker{display:none}
.adm-help summary>i:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--wine)}
.adm-help summary span{flex:1}
.adm-help-chev{transition:transform .25s;color:var(--muted)}.adm-help[open] .adm-help-chev{transform:rotate(180deg)}
.adm-help-body{padding:0 20px 16px 58px;color:color-mix(in srgb,var(--ink) 85%,transparent);font-size:14px;line-height:1.55}
.adm-help-body p{margin:0 0 8px;font-weight:600;color:var(--ink)}
.adm-help-body ul{margin:0 0 10px;padding-left:18px;display:grid;gap:4px}
.adm-help-body small{display:flex;gap:6px;align-items:center;color:var(--wine);font-weight:600;font-size:12.5px}
@media (max-width:700px){.adm-help-body{padding:0 16px 14px}}
.adm-guide-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:99px;padding:9px 16px;font:600 13px var(--sans);color:var(--wine);background:color-mix(in srgb,var(--rose) 45%,var(--surface));cursor:pointer;transition:transform .2s}
.adm-guide-btn:hover{transform:translateY(-2px)}.adm-guide-btn i{font-size:16px}
.adm-guide{display:grid;gap:14px;margin-top:10px;max-height:62vh;overflow:auto;padding-right:4px}
.adm-guide section{background:color-mix(in srgb,var(--rose) 22%,var(--surface));border-radius:var(--r);padding:14px 16px}
.adm-guide section:nth-child(2){background:color-mix(in srgb,var(--lavender) 30%,var(--surface))}
.adm-guide section:nth-child(3){background:color-mix(in srgb,var(--sage) 34%,var(--surface))}
.adm-guide section:nth-child(4){background:color-mix(in srgb,var(--peach) 34%,var(--surface))}
.adm-guide h3{margin:0 0 6px;font:700 15px var(--display);display:flex;gap:8px;align-items:center}.adm-guide h3 i{color:var(--wine)}
.adm-guide p,.adm-guide li{margin:4px 0;font-size:14px;line-height:1.5}.adm-guide ul,.adm-guide ol{margin:4px 0 0;padding-left:20px}
.adm-guide-btn span{white-space:nowrap}
@media (max-width:700px){.adm-guide-btn span{display:none}}