/* id.mezad.net (Mezad ID) styles: one cacheable file, linked from mid_sayfa() in sayfa.php.
   Was built in PHP on every request (17 KB inline per page). Agent: Claude Code */
:root{--ink:#0A0F1C;--gold:#FFB800;--gold-ink:#8A6500;--ground:#F3F4F7;--card:#FFFFFF;--line:#C9CFDA;--soft:#4A5468;--err-bg:#FDECEC;--err:#A4161A;--ok-bg:#E3F4EA;--ok:#146B41}
@media (prefers-color-scheme:dark){:root{--ink:#E8ECF4;--ground:#0D1424;--card:#141C30;--line:#2E3A57;--soft:#A9B3C7;--gold-ink:#FFC940;--err-bg:#3A1518;--err:#FFB3B5;--ok-bg:#12301F;--ok:#8EE0B0}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--ground);color:var(--ink);font:16px/1.6 "Noto Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif}
.mid{min-height:100vh;display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr)}
.mid-yan{background:#0A0F1C;color:#fff;padding:48px 44px;display:flex;flex-direction:column;gap:22px}
.mid-marka{font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:16px;letter-spacing:.5px;align-self:flex-start}
.mid-marka i{font-style:normal;color:#FFB800}
.mid-baslik{margin:18px 0 0;font-family:"Reem Kufi","Noto Sans Arabic",sans-serif;font-size:46px;line-height:1.12;text-wrap:balance}
.mid-baslik em{font-style:normal;color:#FFB800}
.mid-yan-p{margin:0;color:#B9C2D3;font-size:16px;line-height:1.8;max-width:38ch}
.mid-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;color:#DCE2EC;font-size:15px}
.mid-liste li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}
.mid-liste li:before{content:"";width:24px;height:24px;border-radius:7px;background:#1B2440 url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M6 12.5l4 4 8-9%27 fill=%27none%27 stroke=%27%23FFB800%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/16px no-repeat;margin-top:2px}
.mid-ana{padding:56px 64px;display:flex;align-items:flex-start}
.mid-kutu{width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px}
.mid-kutu h2{margin:0;font-family:"Reem Kufi","Noto Sans Arabic",sans-serif;font-size:30px;line-height:1.25;text-wrap:balance}
.mid-kutu p{margin:0;color:var(--soft)}
form{display:flex;flex-direction:column;gap:14px;margin:0}
label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
input[type=text],input[type=email],input[type=password],input[type=tel]{font:inherit;font-weight:400;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);width:100%}
input[dir=ltr]{text-align:start}
[dir=rtl] input[dir=ltr]{text-align:right}
.mid-ipucu{font-weight:400;font-size:13px;color:var(--soft)}
.mid-kod{font-family:ui-monospace,Menlo,monospace!important;font-size:24px!important;letter-spacing:8px;text-align:center!important}
button,.mid-btn{font:inherit;font-weight:700;font-size:16px;min-height:50px;border-radius:12px;border:0;background:#0A0F1C;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;padding:0 18px}
@media (prefers-color-scheme:dark){button,.mid-btn{background:#FFB800;color:#0A0F1C}}
.mid-ikinci{background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)!important;font-weight:600}
.mid-ikinci svg{width:20px;height:20px;flex:none}
.mid-bag{background:none!important;color:var(--gold-ink)!important;min-height:44px;padding:0;font-weight:600;font-size:14px;align-self:flex-start;text-decoration:underline}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #FFB800;outline-offset:2px}
.mid-ayrac{display:flex;align-items:center;gap:12px;color:var(--soft);font-size:13px}
.mid-ayrac:before,.mid-ayrac:after{content:"";flex:1;height:1px;background:var(--line)}
.mid-hata{background:var(--err-bg);color:var(--err);border-radius:12px;padding:12px 14px;font-size:14px}
.mid-bilgi{background:var(--ok-bg);color:var(--ok);border-radius:12px;padding:12px 14px;font-size:14px}
.mid-alt{font-size:14px;color:var(--soft)}
.mid-alt a,.mid-geri{color:var(--gold-ink);font-weight:600}
.mid-geri{font-size:14px;margin-top:8px}
.mid-pazarlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.mid-pazarlar a{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;min-height:48px}
.mid-pazarlar a:hover{border-color:#FFB800}
.mid-cc{font-family:ui-monospace,Menlo,monospace;width:32px;height:32px;border-radius:8px;background:#0A0F1C;color:#FFB800;display:grid;place-items:center;flex:none;font-size:12px}
@media (max-width:820px){.mid{grid-template-columns:minmax(0,1fr);min-height:0}
.mid-yan{padding:20px 16px;gap:8px}
.mid-baslik{font-size:26px;margin:4px 0 0}
.mid-yan-p,.mid-liste{display:none}
.mid-ana{padding:24px 16px 40px}
.mid-kutu{max-width:none}
.mid-kutu h2{font-size:24px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.mid-ana.mid-genis .mid-kutu{max-width:860px}
.mid-dil{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-end;margin:-20px 0 0;font-size:13px}
.mid-dil a,.mid-dil span{color:var(--soft);text-decoration:none;padding:6px 8px;border-bottom:2px solid transparent;min-height:32px}
.mid-dil a:hover{color:var(--ink)}
.mid-dil span{color:var(--ink);font-weight:700;border-bottom-color:#FFB800}
.mid-kim{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;flex-wrap:wrap}
.mid-kim form{display:contents}
.mid-av{width:44px;height:44px;border-radius:50%;background:#0A0F1C;color:#FFB800;display:grid;place-items:center;font-weight:700;font-size:18px;flex:none}
.mid-kim-m{flex:1 1 200px;min-width:0}
.mid-kim-m b{display:block;overflow-wrap:anywhere}
.mid-kim-m small{color:var(--soft)}
.mid-rozet{display:inline-block;white-space:nowrap;font-size:12px;font-weight:700;color:var(--ok);background:var(--ok-bg);border-radius:6px;padding:0 8px;margin-inline-start:4px;vertical-align:middle}
.mid-kucuk{min-height:36px!important;padding:0 10px!important;font-size:13px!important;font-weight:600!important;background:var(--card)!important;color:var(--soft)!important;border:1px solid var(--line)!important;border-radius:8px!important;text-decoration:none;display:inline-flex;align-items:center}
.mid-istek{background:var(--card);border:1px dashed #FFB800;border-radius:12px;padding:12px 14px}
.mid-istek form{flex-direction:row;align-items:flex-end;flex-wrap:wrap}
.mid-istek label{flex:1;min-width:200px}
.mid-istek-sat{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mid-istek-sat span{flex:1;min-width:200px;font-size:14px}
.mid-sari{background:#FFB800!important;color:#0A0F1C!important;padding:0 18px;text-decoration:none;white-space:nowrap}
.mid-mesaj-ozet{background:var(--ok-bg);color:var(--ok)!important;border-radius:10px;padding:10px 12px;font-weight:600}
.mid-devam{display:flex;align-items:center;gap:14px;background:var(--card);border:2px solid #FFB800;border-radius:14px;padding:14px 16px;flex-wrap:wrap}
.mid-devam-m{flex:1;min-width:160px}
.mid-devam-m b{display:block;font-size:18px}
.mid-devam-m small{display:block;color:var(--soft)}
.mid-devam .mid-btn{min-height:46px}
.mid-cc-b{width:44px;height:44px;font-size:13px;border-radius:10px}
.mid-cips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--soft)}
.mid-cips a{display:inline-flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}
.mid-cips i{font:700 11px ui-monospace,Menlo,monospace;font-style:normal;background:#0A0F1C;color:#FFB800;border-radius:5px;padding:2px 5px}
.mid-cips em{font-style:normal;font-size:12px;color:var(--soft)}
.mid-tum-h{margin:14px 0 0;font-size:17px}
.mid-ara{flex-direction:row!important;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 12px}
.mid-ara input{border:0!important;background:none!important;flex:1;padding:12px 0!important;outline:0}
.mid-grup h4{margin:6px 0 8px;font-size:13px;color:var(--soft)}
.mid-pz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.mid-pz a{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px;color:var(--ink);text-decoration:none;min-height:52px}
.mid-pz a:hover{border-color:#FFB800}
.mid-pz-m{flex:1;min-width:0}
.mid-pz-m b{display:block;font-size:14.5px}
.mid-pz-m small{display:block;font-size:12px;color:var(--soft)}
.mid-pz em{font-style:normal;color:var(--soft);font-size:18px}
.mid-pz a.on small,.mid-pz a.mesaj small{color:var(--ok);font-weight:600}
.mid-pz a.ayri small,.mid-devam.ayri .mid-pz-durum{color:var(--gold-ink);font-weight:600}
.mid-pz-durum{font-style:normal}
.mid-alt-not{font-size:13px;border-top:1px solid var(--line);padding-top:12px}
.mid-pz-hata p{margin:0 0 8px;color:inherit!important}
.mid-pz-hata-d{display:flex;gap:8px;flex-wrap:wrap}
.mid-pz-hata-d .mid-btn{min-height:42px;padding:0 14px;text-decoration:none}
.mid-adim{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.mid-adim li{display:flex;gap:12px;align-items:flex-start;color:#DCE2EC}
.mid-adim b{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#1B2440;color:#FFB800;font-size:14px}
.mid-adim li.ok b{background:#FFB800;color:#0A0F1C}
.mid-adim small{display:block;color:#9AA3B5;font-size:13px}
.mid-sec{flex-direction:row!important;gap:10px!important;align-items:flex-start;font-weight:600}
.mid-sec input{width:20px;height:20px;margin-top:3px;accent-color:#FFB800}
.mid-sec small{display:block;font-weight:400;color:var(--soft);font-size:13px}
.mid-cihaz{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mid-cihaz li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.mid-cihaz small{display:block;color:var(--soft)}
.mid-devam-d{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
.mid-koyu{background:#0A0F1C!important;color:#fff!important;min-height:46px}
.mid-pz li{position:relative}
.mid-pz li form{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);display:block}
.mid-pz a{padding-inline-end:44px}
.mid-yildiz{min-height:36px!important;width:36px;padding:0!important;background:none!important;color:#9AA3B5!important;font-size:20px!important;border-radius:8px!important}
.mid-yildiz.on{color:#FFB800!important}
.mid-yildiz:hover{background:var(--ground)!important}
.mid-pz-ek{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.mid-pz-ek:empty{display:none}
.mid-cip{font-size:12px;font-weight:700;border-radius:6px;padding:0 7px}
.mid-cip.g{background:var(--ok-bg);color:var(--ok)}
.mid-cip.a{background:#FFF4D6;color:#8A6500}
.mid-l ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mid-l li a{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--ink);text-decoration:none;min-height:48px}
.mid-l li.yeni a{border-color:#FFB800}
.mid-l-cc{font:700 11px ui-monospace,Menlo,monospace;font-style:normal;background:#0A0F1C;color:#FFB800;border-radius:5px;padding:2px 5px;flex:none}
.mid-l-m{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}
.mid-l li small{flex:1 1 100%;color:var(--soft);font-size:12px}
.mid-l-u{color:#8A6500!important}
.mid-l-yok{font-style:normal;color:var(--soft);font-size:12px}
.mid-l-btn{margin-inline-start:auto}
.mid-l-siparis{background:#FFF4D6;border:1px solid #FFE08A;border-radius:12px;padding:10px 12px;display:grid;gap:8px}
.mid-l-siparis>b{color:#8A6500}
.mid-l-btn{font-style:normal;font-weight:700;font-size:13px;border-radius:8px;padding:6px 10px}
.mid-l-btn.y{background:#FFB800;color:#0A0F1C}
.mid-l-btn.d{background:#0A0F1C;color:#fff}
.mid-fav{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.mid-fav-f{width:54px;height:42px;border-radius:8px;background:linear-gradient(135deg,#d9dee7,#b9c2d3);flex:none;overflow:hidden;grid-row:span 2}
.mid-fav-f img{width:100%;height:100%;object-fit:cover}
.mid-fav li.kapali a{opacity:.7}
.mid-fav li a{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:10px;row-gap:2px}
.mid-fav li small{grid-column:2}
.mid-ic{display:flex;flex-wrap:wrap;gap:6px}
.mid-ic a{font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:5px 10px}
.mid-ic a:hover{border-color:#FFB800}
html{scroll-behavior:smooth}
.mid-tum-h{scroll-margin-top:12px}
.mid-sabit{font-weight:700}
.mid-fayda{color:var(--ink)!important;font-weight:600}
@media (max-width:820px){.mid-devam-d{width:100%}
.mid-devam-d .mid-btn{flex:1 1 100%;white-space:normal;text-align:center}
.mid-dil{margin:-8px 0 0;justify-content:center}
.mid-kim .mid-kucuk{flex:1 1 0;justify-content:center}
.mid-adim{display:none}
.mid-pz{grid-template-columns:repeat(2,minmax(0,1fr))}
.mid-pz-m b,.mid-pz-m small{overflow-wrap:anywhere}
.mid-devam .mid-btn{width:100%}}
.mid-yollar{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mid-yol{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.mid-yol>div{flex:1;min-width:0}
.mid-yol b{display:block}
.mid-yol small{display:block;color:var(--soft);overflow-wrap:anywhere}
.mid-yol form{display:block;margin:0}
.mid-ac{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.mid-ac summary{cursor:pointer;font-weight:600;min-height:32px;display:flex;align-items:center}
.mid-ac[open] summary{margin-bottom:10px}
.mid-ac summary::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 17.2V21h3.8L17.8 9.9l-3.8-3.8L3 17.2zm15.7-9.4a1 1 0 0 0 0-1.4l-1.1-1.1a1 1 0 0 0-1.4 0l-1.1 1.1 3.8 3.8 1.1-1.1z'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 17.2V21h3.8L17.8 9.9l-3.8-3.8L3 17.2zm15.7-9.4a1 1 0 0 0 0-1.4l-1.1-1.1a1 1 0 0 0-1.4 0l-1.1 1.1 3.8 3.8 1.1-1.1z'/%3E%3C/svg%3E") center/16px no-repeat}
.mid-ac:not([open]) > :not(summary){display:none !important}
.mid-menu{display:none}
.mid-ayar{display:flex;flex-direction:column;gap:14px}
.mid-ayar-ic{display:flex;flex-direction:column;gap:14px;min-width:0}
.mid-kart{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}
.mid-kart>h3{margin:0;font-size:20px;line-height:1.3}
.mid-kart-p{margin:0;color:var(--soft);font-size:14px}
.mid-eylem{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mid-eylem button{flex:1 1 140px}
.mid-iptal{color:var(--gold-ink);font-weight:700;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.mid-sabit{margin:0;font-size:18px;font-weight:700;overflow-wrap:anywhere}
@media (min-width:900px){
.mid-ana.mid-ayar-sayfa .mid-kutu{max-width:1040px}
.mid-ayar{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.mid-menu{display:flex;flex-direction:column;gap:4px;position:sticky;top:20px}
.mid-menu a{color:var(--ink);text-decoration:none;font-weight:700;padding:10px 12px;border-radius:10px;border:1px solid transparent}
.mid-menu a:hover{border-color:var(--line);background:var(--card)}
}
.mid-kirmizi{background:#fff!important;color:var(--err)!important;border:1px solid #f0c4c5!important}
.mid-sil{border:1px solid #f0c4c5;border-radius:12px;padding:12px 14px;background:var(--card);display:flex;flex-direction:column;gap:8px}
.mid-sil>b{color:var(--err)}
.mid-anahtar-btn svg{width:20px;height:20px;flex:none}
.mid-davet{display:grid;gap:8px}
.mid-davet code{font:600 14px ui-monospace,Menlo,monospace;background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:10px;text-align:center;overflow-wrap:anywhere}
.mid-davet-d{display:flex;gap:8px}
.mid-davet-d>*{flex:1}
.mid-satir2{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.mid-satir2 label{flex:1;min-width:200px}
.mid-satir2 button{min-height:48px}
.mid-vt-r{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.mid-vt li a{color:var(--ink)}
.mid-b1 body{font-size:17px}
.mid-b1 .mid-kutu p,.mid-b1 label,.mid-b1 small{font-size:105%!important}
.mid-b2 body{font-size:19px}
.mid-b2 .mid-kutu p,.mid-b2 label,.mid-b2 small{font-size:115%!important}
.mid-b2 .mid-kutu h2{font-size:34px}
.mid-kontrast{--soft:#1F2937;--line:#6B7280;--gold-ink:#5C4300}
.mid-kontrast .mid-pz a,.mid-kontrast .mid-kim,.mid-kontrast .mid-yol{border-width:2px}
.mid-kontrast a{text-decoration:underline}
@media (prefers-color-scheme:dark){.mid-kontrast{--soft:#E5E7EB;--line:#9CA3AF;--gold-ink:#FFD24D}}
.mid-tur{background:#0A0F1C;color:#fff;border-radius:14px;padding:14px 16px;display:grid;gap:10px}
.mid-tur small{color:#9AA3B5}
.mid-tur-a b{display:block;font-size:17px;margin:2px 0}
.mid-tur-a span{color:#DCE2EC;font-size:14px}
.mid-tur-n{display:flex;gap:5px;margin-top:8px}
.mid-tur-n i{width:7px;height:7px;border-radius:4px;background:#3a4459}
.mid-tur-n i.on{background:#FFB800;width:18px}
.mid-tur-d{display:flex;gap:8px}
.mid-tur-d button{flex:1;min-height:44px}
.mid-tur-atla{background:none!important;color:#fff!important;border:1px solid #3a4459!important}
.mid-tur form{display:block}
.mid-qr{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}
.mid-qr-k{width:132px;height:132px;flex:none;background:#fff;border-radius:8px}
.mid-qr-k svg{width:100%;height:100%}
.mid-qr small{display:block;color:var(--soft);font-size:13px}
.mid-qr-y{color:var(--gold-ink)!important}
.mid-qr-d{display:flex;gap:8px}
.mid-qr-d button{flex:1}
.mid-qr-soru{font-size:17px;color:var(--ink)!important;font-weight:600}
.mid-uyg{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.mid-uyg>div{flex:1;min-width:180px}
.mid-uyg small{display:block;color:var(--soft)}
.mid-uyg .mid-sari{min-height:40px}
.mid-yedek{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card);display:grid;gap:8px}
.mid-yedek-k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.mid-yedek-k code{font:700 14px ui-monospace,Menlo,monospace;text-align:center;border:1px dashed var(--line);border-radius:8px;padding:6px}
.mid-boy{border:0;padding:0;margin:0;display:flex;gap:8px;align-items:center}
.mid-boy legend{font-weight:600;font-size:14px;margin-bottom:6px}
.mid-boy label{flex-direction:row;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:4px 12px;background:var(--card)}
.mid-gecmis li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.mid-gecmis li b{flex:1 1 100%}
.mid-g-hata{border-color:#f0c4c5!important}
.mid-g-hata b{color:var(--err)}
textarea{font:inherit;font-weight:400;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);width:100%;resize:vertical}
.mid-yardim-l{font-size:13px;margin-top:4px!important}
.mid-yardim-l a{color:var(--soft)}