/* ══════════════════════════════════════════════════════════════════
 * ARTİEKRAN Portal — PANEL TEMASI v40 (3.33)
 *
 * Bütün panel CSS dosyalarından SONRA yüklenir; yalnızca görünümü değiştirir.
 * Kaldırmak için index.php'deki tema-v40.css satırını silmeniz yeterli.
 *
 *   1. Yazı tipleri ve temel ölçüler (elle)
 *   2. Renkler: özgün dosyalardaki her renkli bildirimin yeni paletteki
 *      karşılığı (gen_tema.py ile üretildi). Panel açık temadadır.
 *   3. Son dokunuşlar (elle)
 *
 * Renk sistemi: lacivert zemin + kobalt vurgu; durum renkleri (yeşil=çalışıyor,
 * kırmızı=sorun, sarı=uyarı) markadan bağımsız kalır.
 * ══════════════════════════════════════════════════════════════════ */

@font-face{font-family:"Archivo FM";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(site/font/archivo-latin-ext-wdth-normal.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo FM";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(site/font/archivo-latin-wdth-normal.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono FM";font-style:normal;font-display:swap;font-weight:100 800;
  src:url(site/font/jetbrains-mono-latin-ext-wght-normal.woff2) format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono FM";font-style:normal;font-display:swap;font-weight:100 800;
  src:url(site/font/jetbrains-mono-latin-wght-normal.woff2) format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --fm-yazi:"Archivo FM","Helvetica Neue",Arial,system-ui,sans-serif;
  --fm-mono:"JetBrains Mono FM",ui-monospace,Menlo,Consolas,monospace;
  --fm-vurgu:#2d3fe0;
  --fm-canli:#ff3b30;
}
body,button,input,select,textarea{font-family:var(--fm-yazi)}
body{font-stretch:100%;-webkit-font-smoothing:antialiased}
code,kbd,samp,pre{font-family:var(--fm-mono)}
/* --- otomatik: özgün renkli bildirimlerin yeni paletteki karşılığı (açık) --- */
:root{--bg:#f4f5f8}
:root{--text:#141b45}
:root{--muted:#64748b}
:root{--line:#dbdee8}
:root{--red:#e11d48}
.center{background:linear-gradient(145deg,#070a1d,#394cc6)}
.login{background:#ffffff}
.login{box-shadow:0 20px 60px rgba(0,0,0,0.4)}
.brand b{color:#ffffff}
.login button,.primary{color:#ffffff}
.alert{background:#ecfdf5}
.alert{color:#047857}
.alert.bad{background:#fff1f2}
.alert.bad{color:#be123c}
.top{color:#ffffff}
.top button{background:rgba(255,255,255,0.094)}
.top button{color:#ffffff}
aside button.active{color:#1d37e2}
.metric,.card{background:#ffffff}
.metric,.card{border-radius:16px}
.row{border-bottom:1px solid #edeff4}
.badge{background:#ecfdf5}
.badge{color:#047857}
.badge.off{background:#fff1f2}
.badge.off{color:#be123c}
@media(max-width:760px){
aside{border-right:0}
aside{border-bottom:1px solid var(--line)}
}
.media-card{background:#ffffff}
.media-thumb{background:#0d112d}
.media-play{background:rgba(0,0,0,0.6)}
.media-play{color:#ffffff}
.media-check{background:rgba(255,255,255,0.949)}
.preview{background:rgba(6,8,24,0.91)}
.preview>button{background:rgba(255,255,255,0.133)}
.preview>button{color:#ffffff}
.preview #previewName{color:#ffffff}
:root{--nav:#090e31}
:root{--nav2:#0d1441}
:root{--teal:#1d37e2}
:root{--cyan:#5e71ea}
body{background:linear-gradient(135deg,#f3f4fc 0%,#ecedf9 100%)}
.top{box-shadow:0 8px 30px rgba(9,14,49,0.149)}
.brand small{color:#919bdf}
aside{background:linear-gradient(180deg,#ffffff,#f6f7fd)}
aside{box-shadow:8px 0 32px rgba(20,27,69,0.039)}
aside button i{background:#e9ebf9}
aside button.active{background:linear-gradient(100deg,#dfe3fa,#eef0fc)}
aside button.active i{color:#ffffff}
.metric,.card{border:1px solid #dbdee9}
.metric,.card{box-shadow:0 8px 26px rgba(20,26,68,0.039)}
.metric:after{background:rgba(29,55,226,0.098)}
.metric b{color:#1d37e2}
.primary{background:linear-gradient(100deg,#0d1441,#1d37e2)}
.primary{box-shadow:0 8px 18px rgba(29,55,226,0.157)}
.primary:hover{box-shadow:0 12px 25px rgba(29,55,226,0.208)}
.drop-zone{border:2px dashed #8590db !important}
.drop-zone{border-radius:18px !important}
.drop-zone{background:linear-gradient(145deg,#f6f7fe,#edeffa)}
.drop-zone:hover,.drop-zone.drag{background:#eaecfd}
.drop-zone small,.drop-zone em{color:#64748b}
.upload-icon{background:linear-gradient(135deg,var(--teal),#1d37e2)}
.upload-icon{color:#ffffff}
.upload-icon{box-shadow:0 10px 24px rgba(29,55,226,0.212)}
.progress-box{background:#edeffa}
.progress-head span{color:#1d37e2}
.progress-track{background:#ccd1f0}
.progress-track i{background:linear-gradient(90deg,var(--teal),#2b42d4)}
.progress-foot{color:#64748b}
.progress-foot button{background:#ffffff}
.progress-foot button{color:#be123c}
.media-tools input,.media-tools select{background:#ffffff}
.media-card:hover{box-shadow:0 14px 30px rgba(16,21,53,0.125)}
.media-thumb:after{background:rgba(6,8,24,0.722)}
.media-thumb:after{color:#ffffff}
@media(max-width:760px){
aside{border:1px solid #dbdee9}
aside{border-radius:18px}
aside{box-shadow:0 10px 35px rgba(9,14,49,0.208)}
}
.wizard-steps b{background:#e8eaf1}
.wizard-steps b{color:#64748b}
.wizard-steps b.active{background:linear-gradient(100deg,#0d1441,#1d37e2)}
.wizard-steps b.active{color:#ffffff}
.queue-item{border:1px solid #dbdee9}
.queue-item{border-radius:11px}
.queue-item{background:#f6f7fd}
.queue-item .handle{color:#94a3b8}
.queue-item input{border:1px solid #dbdee8}
.queue-item input{border-radius:8px}
.empty{color:#94a3b8}
.empty{border:1px dashed #cbd5e1}
.empty{border-radius:12px}
.screen-preview{border:8px solid #121840}
.screen-preview{border-radius:14px}
.screen-preview{background:#050b0e}
.screen-preview{box-shadow:0 15px 30px rgba(16,21,53,0.157)}
.publish-summary{background:#eff0fa}
.publish-summary{color:#394cc6}
.saved-row{border-bottom:1px solid #edeff4}
.saved-row button{background:#e7e9f8}
.saved-row button{color:#1d37e2}
.wall-order>div{border:1px solid #d0d5f2}
.wall-order>div{border-radius:10px}
.wall-order>div{background:#ffffff}
.preview #previewBody img,.preview #previewBody video{background:#05090b}
.screen-orientation-control select{border:1px solid #d7dbe7}
.screen-orientation-control select{border-radius:10px}
.screen-orientation-control select{background:#ffffff}
.screen-orientation-control select{color:#394cc6}
.screen-orientation-control select:focus{border-color:#1e38e1}
.screen-orientation-control select:focus{outline:3px solid rgba(30,56,225,0.12)}
.screen-orientation-control select.saved{border-color:#1e38e1}
.screen-orientation-control select.saved{background:#eef0fe}
.screen-orientation-control small{color:#7b829b}
.source-guide{border:1px solid #cdd1f0}
.source-guide{border-radius:16px}
.source-guide{background:#ffffff}
.source-card{border:1px solid #cdd1f0 !important}
.source-card{background:#f6f7fd !important}
.source-card{color:#12173c !important}
.source-card span{color:#656c85}
.source-card.active{border-color:#1b36e4 !important}
.source-card.active{background:#e9ebfa !important}
.source-card.active{box-shadow:0 0 0 2px rgba(27,54,228,0.12)}
.external-box{border:1px solid #b8bfeb}
.external-box{border-radius:16px}
.external-box{background:#ffffff}
.source-badge{background:#e8eaf8}
.source-badge{color:#1330ec}
.external-grid label small{color:#656c85}
.external-thumb{background:#10163a}
.external-thumb{color:#ffffff}
.external-thumb b{color:#1b36e4}
.sync-option{border:1px solid #b8bfeb}
.sync-option{border-radius:12px}
.sync-option{background:#eceefa}
.sync-option small{color:#586079}
.external-preview{background:#10163a}
.external-preview{color:#ffffff}
.external-preview b{color:#1d38e2}
.queue-external{background:#10163a}
.queue-external{color:#1f38e0}
.ms-suz button{border:1px solid #d7dbe7}
.ms-suz button{border-radius:9px}
.ms-suz button{background:#ffffff}
.ms-suz button{color:#394cc6}
.ms-suz button:hover{border-color:#9fa7c2}
.ms-suz button.on{background:#1d37e2}
.ms-suz button.on{border-color:#1d37e2}
.ms-suz button.on{color:#ffffff}
.ms-ara{border:1px solid #d7dbe7}
.ms-ara{border-radius:9px}
.ms-ara{background:#ffffff}
.ms-ara:focus{border-color:#1d37e2}
.ms-tablo th{background:#f6f7fc}
.ms-tablo th{border-bottom:1px solid #e8eaf0}
.ms-tablo th{color:#5b6278}
.ms-tablo td{border-bottom:1px solid #eaecf9}
.ms-tablo td{color:#394cc6}
.ms-tablo td b{color:#12183d}
.ms-tablo td small{color:#7d849b}
.ms-satir:hover{background:#fbfdfd}
.ms-satir.acik{background:#f0f2fb}
.ms-dolu{color:#a3123a}
.ms-rz.iyi{background:#e2f6f1}
.ms-rz.iyi{color:#1833e7}
.ms-rz.orta{background:#fdf3e0}
.ms-rz.orta{color:#8a5f0c}
.ms-rz.kotu{background:#fff3f5}
.ms-rz.kotu{color:#a3123a}
.ms-islem button{border:1px solid #d7dbe7}
.ms-islem button{border-radius:8px}
.ms-islem button{background:#ffffff}
.ms-islem button{color:#394cc6}
.ms-islem button:hover{border-color:#9fa7c2}
.ms-islem button:hover{background:#f0f2fb}
.ms-islem button.sil{border-color:#e4b7bd}
.ms-islem button.sil{color:#a3123a}
.ms-islem button.sil:hover{background:#fff3f5}
.ms-islem button.sil:hover{border-color:#d08b95}
.ms-duzen td{background:#f0f2fb}
.ms-form{background:#ffffff}
.ms-form{border:1px solid #d7dbe7}
.ms-form{border-radius:11px}
.ms-form label{color:#394cc6}
.ms-form input,.ms-form select{border:1px solid #d7dbe7}
.ms-form input,.ms-form select{border-radius:8px}
.ms-form input,.ms-form select{background:#ffffff}
.ms-form input,.ms-form select{color:#12183d}
.ms-form input:focus,.ms-form select:focus{border-color:#1d37e2}
.ms-form-alt button.ana{background:#1d37e2}
.ms-form-alt button.ana{color:#ffffff}
.ms-form-alt button.ana:hover{background:#1d37e2}
.ms-form-alt span.iyi{color:#1833e7}
.ms-form-alt span.kotu{color:#a3123a}
.ms-not{color:#7d849b}
.ms-bos{color:#7d849b}
#operations .op-ust p{color:#5b6278}
.op-btn{border:1px solid #c4caee}
.op-btn{border-radius:11px}
.op-btn{background:#ffffff}
.op-btn{color:#233bdc}
.op-btn:hover{background:#f0f2fb}
.op-btn.ana{background:#1d37e2}
.op-btn.ana{border-color:#1d37e2}
.op-btn.ana{color:#ffffff}
.op-btn.ana:hover{background:#1d37e2}
.op-yedek-kur{border:1px solid #dbdee8}
.op-yedek-kur{border-radius:13px}
.op-yedek-kur{background:#ffffff}
.op-yedek-kur label{color:#394cc6}
.op-yedek-kur input{border:1px solid #d7dbe7}
.op-yedek-kur input{border-radius:10px}
.op-yedek-kur input{color:#141b45}
.op-yedek-kur input{background:#ffffff}
.op-yedek-kur input:focus{border-color:#1d37e2}
.op-yedek-kur input:focus{box-shadow:0 0 0 3px rgba(29,55,226,0.133)}
.op-kutu{border:1px solid #dbdee8}
.op-kutu{border-radius:14px}
.op-kutu{background:#ffffff}
.op-kutu i{color:#7d849b}
.op-kutu b{color:#12183d}
.op-kutu small{color:#646d8a}
.op-kutu.iyi{border-color:#bfe3d9}
.op-kutu.iyi b{color:#1d37e2}
.op-kutu.uyari{border-color:#f0dcb4}
.op-kutu.uyari{background:#fffdf7}
.op-kutu.uyari b{color:#b45309}
.op-kutu.kotu{border-color:#f0c9d0}
.op-kutu.kotu{background:#fff8f9}
.op-kutu.kotu b{color:#be123c}
.op-sekme{border-bottom:1px solid #dbdee8}
.op-sekme button{color:#646d8a}
.op-sekme button:hover{color:#233bdc}
.op-sekme button:hover{background:#f2f3fb}
.op-sekme button.on{color:#1d37e2}
.op-sekme button.on::after{background:#1d37e2}
.op-sekme button em{background:#eaecf9}
.op-sekme button em{color:#5b6278}
.op-sekme button em.kotu{background:#ffe2e6}
.op-sekme button em.kotu{color:#be123c}
.op-kart{border:1px solid #dbdee8}
.op-kart{border-radius:16px}
.op-kart{background:#ffffff}
.op-kart>h3{color:#12183d}
.op-kart>p.op-not{color:#5b6278}
.op-sat{border-bottom:1px solid #eaecf9}
.op-sat b{color:#12183d}
.op-sat small{color:#78809a}
.op-sat a{color:#1d37e2}
.op-bos{color:#6b7490}
.op-iyi{background:#eefaf7}
.op-iyi{color:#1b36e4}
.op-et{background:#eaecf9}
.op-et{color:#5b6278}
.op-et.oynuyor{background:#e2f6f1}
.op-et.oynuyor{color:#1833e7}
.op-et.bekliyor{background:#fff3da}
.op-et.bekliyor{color:#8a5a00}
.op-et.kopuk{background:#ffe2e6}
.op-et.kopuk{color:#be123c}
.op-kur-kart{border:1px solid #e0e3ec}
.op-kur-kart{border-radius:14px}
.op-kur-kart{background:#fbfdfd}
.op-kur-kart h4{color:#12183d}
.op-kur-kart .op-rozet{background:#e2f6f1}
.op-kur-kart .op-rozet{color:#1833e7}
.op-kur-kart .op-rozet.yok{background:#eaecf9}
.op-kur-kart .op-rozet.yok{color:#7d849b}
.op-kur-kart p{color:#5b6278}
.op-kur-kart details{color:#5b6278}
.op-kur-kart summary{color:#233bdc}
.op-kur-kart .op-dug a,.op-kur-kart .op-dug button{border-radius:10px}
.op-kur-kart .op-dug a,.op-kur-kart .op-dug button{border:1px solid #c4caee}
.op-kur-kart .op-dug a,.op-kur-kart .op-dug button{background:#ffffff}
.op-kur-kart .op-dug a,.op-kur-kart .op-dug button{color:#233bdc}
.op-kur-kart .op-dug a.ana{background:#1d37e2}
.op-kur-kart .op-dug a.ana{border-color:#1d37e2}
.op-kur-kart .op-dug a.ana{color:#ffffff}
.op-kur-kart .op-dug a:hover,.op-kur-kart .op-dug button:hover{background:#f0f2fb}
.op-kur-kart .op-dug a.ana:hover{background:#1d37e2}
.op-adr>span{color:#5b6278}
.op-adr input{border:1px solid #dde0ea}
.op-adr input{border-radius:9px}
.op-adr input{background:#fbfdfd}
.op-adr input{color:#394cc6}
.op-adr button{border-radius:9px}
.op-adr button{border:1px solid #c4caee}
.op-adr button{background:#ffffff}
.op-adr button{color:#233bdc}
.op-adr button:hover{background:#f0f2fb}
.op-qr{border:1px solid #dde0ea}
.op-qr{border-radius:14px}
.op-qr{background:#fbfdfd}
.op-qr b{color:#12183d}
.op-qr canvas{background:#ffffff}
.op-qr small{color:#5b6278}
.op-yedek-gun>h4{color:#7d849b}
.op-yd-tur{background:#eaecf9}
.op-yd-tur{color:#5b6278}
.op-yd-tur.el{background:#e2f6f1}
.op-yd-tur.el{color:#1833e7}
.op-kota-sat{border:1px solid #e0e3ec}
.op-kota-sat{border-radius:13px}
.op-kota-sat{background:#fbfdfd}
.op-kota-sat>b{color:#12183d}
.op-kota-sat>small{color:#7d849b}
.op-olcer>div>span{color:#5b6278}
.op-olcer>div>span em{color:#394cc6}
.op-cub{background:#e4e6f7}
.op-cub i{background:#1d37e2}
.op-cub.uyari i{background:#d97706}
.op-cub.dolu i{background:#e11d48}
a.op-btn.ana{color:#ffffff}
.st-ust p{color:#5b6278}
.st-btn{border:1px solid #c4caee}
.st-btn{border-radius:11px}
.st-btn{background:#ffffff}
.st-btn{color:#233bdc}
.st-btn:hover{background:#f0f2fb}
.st-btn.ana{background:#1d37e2}
.st-btn.ana{border-color:#1d37e2}
.st-btn.ana{color:#ffffff}
.st-btn.ana:hover{background:#1d37e2}
.st-btn.red{border-color:#e6cccc}
.st-btn.red{color:#aa3333}
.st-btn.red:hover{background:#fdf2f2}
.st-kutu{border:1px solid #dbdee8}
.st-kutu{border-radius:14px}
.st-kutu{background:#ffffff}
.st-kutu i{color:#7d849b}
.st-kutu b{color:#12183d}
.st-kutu small{color:#646d8a}
.st-kutu.bekleyen{border-color:#f0dcb4}
.st-kutu.bekleyen{background:#fffdf7}
.st-kutu.bekleyen b{color:#b45309}
.st-kart{border:1px solid #dbdee8}
.st-kart{border-radius:16px}
.st-kart{background:#ffffff}
.st-kart>h3{color:#12183d}
.st-kart>p.st-not{color:#5b6278}
.st-sip{border:1px solid #e0e3ec}
.st-sip{border-radius:14px}
.st-sip{background:#fbfdfd}
.st-sip.beklemede{border-left:4px solid #d97706}
.st-sip.onaylandi{border-left:4px solid #1d37e2}
.st-sip.reddedildi{border-left:4px solid #94a3b8}
.st-sip-ust b{color:#12183d}
.st-no{color:#7d849b}
.st-et.beklemede{background:#fff3da}
.st-et.beklemede{color:#8a5a00}
.st-et.onaylandi{background:#e2f6f1}
.st-et.onaylandi{color:#1833e7}
.st-et.reddedildi{background:#eaecf9}
.st-et.reddedildi{color:#64748b}
.st-bilgi span{color:#7d849b}
.st-bilgi em{color:#394cc6}
.st-tutar{color:#1d37e2}
.st-bos{color:#6b7490}
.st-bos b{color:#141b46}
.st-pk{border:1px solid #e0e3ec}
.st-pk{border-radius:14px}
.st-pk{background:#fbfdfd}
.st-pk.one{border-color:#1d37e2}
.st-pk h4 em{background:#e2f6f1}
.st-pk h4 em{color:#1833e7}
.st-pk h4 em.kapali{background:#eaecf9}
.st-pk h4 em.kapali{color:#7d849b}
.st-sat>label{color:#5b6278}
.st-sat input[type=text],.st-sat input[type=number]{border:1px solid #d7dbe7}
.st-sat input[type=text],.st-sat input[type=number]{border-radius:9px}
.st-sat input[type=text],.st-sat input[type=number]{color:#141b45}
.st-sat input[type=text],.st-sat input[type=number]{background:#ffffff}
.st-onay label{color:#394cc6}
.st-baglanti{border:1px solid #dbdee8}
.st-baglanti{border-radius:13px}
.st-baglanti{background:#fbfdfd}
.st-baglanti{color:#5b6278}
.st-baglanti b{color:#12183d}
.st-baglanti code{background:#ebedf9}
.sa-t{border:1px solid #d7dbe7}
.sa-t{border-radius:9px}
.sa-t{background:#ffffff}
.sa-t{color:#394cc6}
.sa-t:hover{border-color:#9fa7c2}
.sa-t.on{border-color:#1d37e2}
.sa-t.on{box-shadow:inset 0 0 0 1px #1d37e2}
.sa-t.on{background:#f0f2fb}
.sa-t i{border-radius:4px}
.sa-t i{border:1px solid rgba(0,0,0,0.14)}
.sa-ton-el input[type=color]{border:1px solid #d7dbe7}
.sa-ton-el input[type=color]{border-radius:9px}
.sa-ton-el input[type=color]{background:#ffffff}
.sa-m{border:1px solid #d7dbe7}
.sa-m{border-radius:9px}
.sa-m{background:#ffffff}
.sa-m{color:#394cc6}
.sa-m:hover{border-color:#9fa7c2}
.sa-m.on{border-color:#1d37e2}
.sa-m.on{box-shadow:inset 0 0 0 1px #1d37e2}
.sa-m.on{background:#f0f2fb}
.sa-m i{border-radius:4px}
.sa-m i{border:1px solid rgba(0,0,0,0.14)}
.screen-detail{border-bottom:1px solid #e3e5ec}
.screen-detail small{color:#656c85}
.screen-detail button.danger-soft{background:#fff2f2}
.screen-detail button.danger-soft{color:#b6293d}
.screen-detail button.danger-soft{border:1px solid #f4cbd1}
.status-screen_off{background:#fff7dc !important}
.status-screen_off{color:#946200 !important}
.status-offline{background:#fff0f2 !important}
.status-offline{color:#c32645 !important}
.screen-toolbar{border:1px solid #dcdfea}
.screen-toolbar{border-radius:14px}
.screen-toolbar{background:#f6f7fc}
.screen-toolbar .stop{background:#fff1f2}
.screen-toolbar .stop{color:#b3263e}
.screen-toolbar .stop{border-color:#f2c7ce}
.screen-pick input{accent-color:#1632e9}
.version-chip{border-radius:12px}
.version-chip{background:linear-gradient(135deg,#e5e8fa,#f3f4fc)}
.version-chip{border:1px solid #cacfef}
.version-chip{color:#070f46}
.version-chip small{color:#233cdc}
.playback-chip{background:#eaf8f1}
.playback-chip{color:#08724d}
.playback-chip.paused{background:#fff7da}
.playback-chip.paused{color:#8b6500}
.playback-chip.stopped{background:#fff0f2}
.playback-chip.stopped{color:#b3263e}
.history-more{border-top:1px solid #dfe2ea}
.history-more summary{color:#1330ec}
.history-more summary{background:#eceefa}
.rozet.duvar{background:#dbdffc}
.rozet.duvar{color:#1e38e1}
.rozet.agir{background:#ffe0e0}
.rozet.agir{color:#a32020}
.rozet.suphe{background:#fff0d4}
.rozet.suphe{color:#8a5a00}
.rozet.menu{background:#d7dbf3}
.rozet.menu{color:#1b36e4}
.rozet.menu.kaynak{background:#ecedf1}
.rozet.menu.kaynak{color:#545a6d}
.media-card.duvar-parcasi{outline:2px solid #253dda}
.thumb-duvar{background:rgba(30,56,225,0.867)}
.thumb-duvar{color:#ffffff}
.media-araclar{border-top:1px solid #e6e8f0}
.media-araclar{background:#fafcfd}
.media-araclar label{color:#3d4663}
.media-araclar button.ince{border:1px solid #cdd2e1}
.media-araclar button.ince{border-radius:9px}
.media-araclar button.ince{background:#ffffff}
.media-araclar button.ince{color:#394cc6}
.media-araclar button.ince:hover{background:#ecedf9}
.media-araclar button.ince[data-delete]{border-color:#e6cccc}
.media-araclar button.ince[data-delete]{color:#aa3333}
.media-araclar button.ince[data-delete]:hover{background:#fdf2f2}
.media-araclar button.ince[data-delete]:hover{border-color:#d9a8a8}
.media-araclar.sade{background:#fbfcfd}
.wall-settings{border:1px solid #bcc3f0}
.wall-settings{border-radius:14px}
.wall-settings{background:#f2f4fe}
.wall-baslik b{color:#1e38e1}
.wall-order > div{border:1px solid #d3d7f2}
.wall-order > div{border-radius:11px}
.wall-order > div{background:#ffffff}
.wall-order em{background:#1e38e1}
.wall-order em{color:#ffffff}
.wall-order button{border:1px solid #cdd2e1}
.wall-order button{border-radius:9px}
.wall-order button{background:#ffffff}
.wall-order button{color:#394cc6}
.q-baslik{color:#64748b}
.q-baslik em{background:#0d1441}
.q-baslik em{color:#ffffff}
.q-satir{border:1px solid #dbdee9}
.q-satir{border-radius:12px}
.q-satir{background:#f6f7fd}
.q-satir.duvar{border-color:#bcc3f0}
.q-satir.duvar{background:#f2f4fe}
.q-no{color:#64748b}
.q-no .handle{color:#94a3b8}
.q-hucre img,.q-hucre video{background:#e8eaf1}
.q-hucre .q-yok{background:#e8eaf1}
.q-hucre select{border:1px solid #cdd2e1}
.q-hucre select{border-radius:9px}
.q-hucre select{background:#ffffff}
.q-hucre select{color:#394cc6}
.q-duvar{border:1px dashed #9fa9e8}
.q-duvar{border-radius:10px}
.q-duvar{background:#ffffff}
.q-duvar img,.q-duvar video{background:#e8eaf1}
.q-duvar b{color:#1e38e1}
.q-duvar small{color:#5b6996}
.q-sure{color:#3d4663}
.q-sure input{border:1px solid #dbdee8}
.q-sure input{border-radius:8px}
.q-sure i{color:#8a91a8}
@media(max-width:760px){
.q-hucre .q-etiket{background:#0d1441}
.q-hucre .q-etiket{color:#ffffff}
}
.ek-kota{background:#ffffff}
.ek-kota{border:1px solid var(--line,#dbdee8)}
.ek-kota{border-radius:14px}
.ek-kota b{color:#141b45}
.ek-kota em{color:#1d37e2}
.ek-kota .ek-bar{background:#e4e6f7}
.ek-kota .ek-bar i{background:#1d37e2}
.ek-kota small{color:#64748b}
.ek-kota.uyari em,.ek-kota.uyari .ek-bar i{color:#b45309}
.ek-kota.uyari em,.ek-kota.uyari .ek-bar i{background:#d97706}
.ek-kota.dolu em,.ek-kota.dolu .ek-bar i{color:#be123c}
.ek-kota.dolu em,.ek-kota.dolu .ek-bar i{background:#e11d48}
.ek-adim{background:#ffffff}
.ek-adim{border:1px solid var(--line,#dbdee8)}
.ek-adim{border-radius:18px}
.ek-adim .ek-no{background:#eaecf9}
.ek-adim .ek-no{color:#5b6278}
.ek-adim.tamam .ek-no{background:#1d37e2}
.ek-adim.tamam .ek-no{color:#ffffff}
.ek-not{color:#5b6278}
.ek-not a{color:#1d37e2}
.ek-kod input{color:#12183d}
.ek-kod input{border:1.5px solid #d7dbe7}
.ek-kod input{border-radius:12px}
.ek-kod input{background:#fbfdfd}
.ek-kod input:focus{border-color:#1d37e2}
.ek-kod input:focus{box-shadow:0 0 0 3px rgba(29,55,226,0.133)}
.ek-kod input:focus{background:#ffffff}
.ek-kod input.dolu{border-color:#1d37e2}
.ek-kod input.dolu{background:#ffffff}
.ek-durum{color:#5b6278}
.ek-durum.ok{color:#1d37e2}
.ek-durum.err{color:#be123c}
.ek-kamera{background:#0a0d21}
.ek-cerceve{border:2px solid #1934e6}
.ek-cerceve{border-radius:12px}
.ek-cerceve{box-shadow:0 0 0 9999px rgba(10,13,33,0.4)}
.ek-alan label{color:#394cc6}
.ek-zorunlu{color:#e11d48}
.ek-alan input,.ek-alan select{border:1px solid #d7dbe7}
.ek-alan input,.ek-alan select{border-radius:11px}
.ek-alan input,.ek-alan select{background:#ffffff}
.ek-alan input,.ek-alan select{color:#141b45}
.ek-alan input:focus,.ek-alan select:focus{border-color:#1d37e2}
.ek-alan input:focus,.ek-alan select:focus{box-shadow:0 0 0 3px rgba(29,55,226,0.133)}
.ek-alan input.eksik{border-color:#e11d48}
.ek-alan input.eksik{box-shadow:0 0 0 3px rgba(225,29,72,0.133)}
.ek-alan small{color:#64748b}
.ek-alan small i{color:#233bdc}
.ek-onizleme>span{color:#394cc6}
.ek-yon{border:2px solid #394cc6}
.ek-yon{border-radius:5px}
.ek-yon{background:repeating-linear-gradient(135deg,#e4e6f7 0 7px,#d4d8f3 7px 14px)}
.ek-ozet-sat>span{color:#64748b}
.ek-ozet-sat>b{color:#141b45}
.ek-ozet-sat.eksik>b{color:#b45309}
.ek-dugme{background:#1d37e2}
.ek-dugme{color:#ffffff}
.ek-dugme:hover{background:#1d37e2}
.ek-dugme[disabled]{background:#9da3b8}
.ek-dugme-alt{border:1px solid #c4caee}
.ek-dugme-alt{border-radius:11px}
.ek-dugme-alt{background:#ffffff}
.ek-dugme-alt{color:#233bdc}
.ek-dugme-alt:hover{background:#f0f2fb}
.ek-basari{background:#ffffff}
.ek-basari{border:1px solid #bfe3cb}
.ek-basari{border-left:4px solid #1d37e2}
.ek-basari{border-radius:16px}
.ek-basari h3{color:#14603f}
.ek-basari p{color:#424c6b}
.sh-yenile{border:1px solid #c4caee}
.sh-yenile{border-radius:11px}
.sh-yenile{background:#ffffff}
.sh-yenile{color:#233bdc}
.sh-yenile:hover{background:#f0f2fb}
.sh-arac{border-bottom:1px solid #e8eaf0}
.sh-arac{background:#fbfdfd}
.sh-suz button{border:1px solid #d7dbe7}
.sh-suz button{border-radius:9px}
.sh-suz button{background:#ffffff}
.sh-suz button{color:#394cc6}
.sh-suz button:hover{border-color:#9fa7c2}
.sh-suz button.on{background:#1d37e2}
.sh-suz button.on{border-color:#1d37e2}
.sh-suz button.on{color:#ffffff}
.sh-ara{border:1px solid #d7dbe7}
.sh-ara{border-radius:9px}
.sh-ara{background:#ffffff}
.sh-ara:focus{border-color:#1d37e2}
.sh-toplu:not(:empty){background:#fff7e8}
.sh-toplu:not(:empty){border-bottom:1px solid #f0e0c2}
.sh-toplu span{color:#8a5f0c}
.sh-toplu button{border:1px solid #d7dbe7}
.sh-toplu button{border-radius:9px}
.sh-toplu button{background:#ffffff}
.sh-toplu button{color:#394cc6}
.sh-toplu button.sil{border-color:#e4b7bd}
.sh-toplu button.sil{color:#a3123a}
.sh-toplu button.sil:hover{background:#fff3f5}
.sh-tablo th{background:#f6f7fc}
.sh-tablo th{border-bottom:1px solid #e8eaf0}
.sh-tablo th{color:#5b6278}
.sh-tablo td{border-bottom:1px solid #eaecf9}
.sh-tablo td{color:#394cc6}
.sh-tablo tbody tr:hover{background:#fbfdfd}
.sh-tablo td b{color:#12183d}
.sh-tablo td small{color:#7d849b}
.sh-rz.iyi{background:#e2f6f1}
.sh-rz.iyi{color:#1833e7}
.sh-rz.orta{background:#fdf3e0}
.sh-rz.orta{color:#8a5f0c}
.sh-rz.kotu{background:#fff3f5}
.sh-rz.kotu{color:#a3123a}
.sh-rz.bos{background:#eeeff4}
.sh-rz.bos{color:#5b6278}
.sh-uyari span{color:#a3123a}
.sh-uyari span{background:#fff3f5}
.sh-uyari span{border:1px solid #f0c9d0}
.sh-uyari span{border-radius:6px}
.sh-islem button{border:1px solid #d7dbe7}
.sh-islem button{border-radius:8px}
.sh-islem button{background:#ffffff}
.sh-islem button{color:#394cc6}
.sh-islem button:hover{border-color:#9fa7c2}
.sh-islem button:hover{background:#f0f2fb}
.sh-islem button.sil{border-color:#e4b7bd}
.sh-islem button.sil{color:#a3123a}
.sh-islem button.sil:hover{background:#fff3f5}
.sh-islem button.sil:hover{border-color:#d08b95}
.sh-bos{color:#7d849b}
.sh-olay{border-bottom:1px solid #eaecf9}
.sh-olay b{color:#12183d}
.sh-olay span{color:#5b6278}
.sh-olay small{color:#9aa0b4}
.wizard-steps{background:rgba(244,245,248,0.91)}
.wizard-steps b.done{background:#dff8f2}
.wizard-steps b.done{color:#1330ec}
.wizard-nav{border-radius:14px}
.wizard-nav{background:#ffffff}
.wizard-nav{border:1px solid #dbdee9}
.wizard-nav{box-shadow:0 8px 24px rgba(20,26,68,0.039)}
.wizard-nav button{background:#0d1441}
.wizard-nav button{color:#ffffff}
.wizard-nav #wizardBack{background:#edeff4}
.wizard-nav #wizardBack{color:#394cc6}
.wizard-nav span{color:#64748b}
.wizard-alert{background:#fff1f2}
.wizard-alert{color:#be123c}
.week-days label{background:#ecedf9}
.schedule-screen{border:1px solid #dcdfe8}
.schedule-screen{border-radius:10px}
.schedule-screen small,.schedule-item small{color:#64748b}
.schedule-item{border-bottom:1px solid #e7e9ee}
.schedule-item.emergency{border-left:4px solid #e11d48}
.emergency-card{border:2px solid #fecdd3}
.emergency-card button{background:#be123c}
.emergency-card button{color:#ffffff}
.emergency-card select,.emergency-card input{border:1px solid #dbdee7}
.emergency-card select,.emergency-card input{border-radius:9px}


/* ══════════════════ 3. SON DOKUNUŞLAR ══════════════════ */

/* Başlıklar: sitedeki gibi geniş ve kalın */
main h1,.section>h1,.login h1{font-stretch:115%;font-weight:800;letter-spacing:-.015em;text-wrap:balance}
main h2,main h3,.card h2{font-stretch:105%;letter-spacing:-.005em}

/* Marka: kare imleç + geniş yazı (sitedeki logo ile aynı dil) */
.brand{font-stretch:125%;letter-spacing:.02em}
.brand b{border-radius:9px;background:var(--fm-vurgu)!important;color:#fff!important;font-stretch:100%;box-shadow:none}
.brand small{letter-spacing:.14em;font-family:var(--fm-mono);font-weight:500;text-transform:uppercase}

/* Üst bar: düz lacivert, ince alt çizgi */
.top{background:#0b1030!important;box-shadow:none!important;border-bottom:1px solid #1d2556}

/* Yan menü: sade zemin, etkin kalemde kobalt çizgi */
aside{background:#fff!important;box-shadow:none!important}
aside button{font-weight:600;font-stretch:100%}
aside button.active{background:#eef0fd!important;box-shadow:inset 3px 0 var(--fm-vurgu)!important;color:#1b2bb8!important}
aside button.active i{background:var(--fm-vurgu)!important;color:#fff!important}

/* Kartlar ve sayılar */
.metric,.card{border-radius:14px}
.metric:after{display:none}
.metric b{font-stretch:80%;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.badge{font-family:var(--fm-mono);font-weight:600;letter-spacing:.06em}

/* Ana düğme: düz kobalt */
.primary,.login button{background:var(--fm-vurgu)!important;box-shadow:none!important}
.primary:hover,.login button:hover{background:#2433c4!important}

/* Klavye odağı her yerde görünür */
:focus-visible{outline:3px solid var(--fm-vurgu);outline-offset:2px}

/* Giriş ekranı: lacivert zemin, sade kart */
.center{background:radial-gradient(120% 90% at 80% 10%,#1b2470 0%,#0b1030 55%,#070a1f 100%)!important}
.login{border-radius:18px;box-shadow:0 30px 80px rgba(3,6,24,.55)}
.login h1{font-size:30px}



/* Sınıfsız düğme ve seçim kutuları (ekran satırlarındaki Askıya al / Durdur vb.)
   tarayıcının gri düğmesi olarak kalıyordu; panelin diline getirildi. */
main button:not([class]),main select:not([class]){font:inherit;font-size:13.5px;font-weight:600;color:#141b45;
  background:#fff;border:1px solid #d3d8e6;border-radius:9px;padding:7px 12px;cursor:pointer}
main button:not([class]):hover{border-color:#2d3fe0;color:#1b2bb8}
main select:not([class]){font-weight:500;padding:6px 10px}


/* ══════════════════ 4. TELEFON DÜZENİ ══════════════════
   3.32'ye kadar telefonda iki yerde düzen bozuluyordu:
   - Ekranlar: her ekran satırı 2 sütuna sıkışıyor, sürüm etiketi ile IP
     bilgisi üst üste biniyordu. Artık bütün bilgiler tek sütunda alt alta.
   - Müşteriler: tablo sayfayı 60 px sağa taşıyordu. Artık sütun ekrana
     sığar, tablo kendi içinde yana kayar.
   - Site ayarları: liste satırları sayfayı 300 px sağa taşıyordu. */
@media (max-width:760px){
  .grid{grid-template-columns:minmax(0,1fr)!important}
  .grid>*,.card{min-width:0}
  .card{overflow-x:auto}
  .screen-detail{grid-template-columns:28px minmax(0,1fr)!important;row-gap:10px!important}
  .screen-detail>*:not(.screen-pick){grid-column:2!important;min-width:0}
  .screen-detail>.screen-pick{grid-column:1!important;grid-row:1}
  .screen-detail .version-chip{max-width:100%}
  .screen-detail .detail-actions{flex-wrap:wrap}
  .screen-detail .detail-actions>*{flex:1 1 calc(50% - 8px)}
  .screen-detail .detail-actions>select{flex-basis:100%}
  /* Site ayarlarındaki liste satırları (rakamlar, referanslar, SSS) sabit genişlikteydi */
  .st-sa-sat{display:flex!important;flex-wrap:wrap;gap:6px}
  .st-sa-sat>input,.st-sa-sat>textarea,.st-sa-sat>select{flex:1 1 100%!important;width:100%!important;max-width:100%}
}

/* ══════════════════ 5. KARŞILAMA SİHİRBAZI (3.35) ══════════════════ */
.kr-kart{margin:18px 0 6px;padding:22px 24px;border:1px solid #cdd3f6!important;background:linear-gradient(180deg,#f5f6ff,#fff)!important}
.kr-ust{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.kr-ust h2{margin:6px 0 4px!important;font-size:22px!important;font-stretch:115%}
.kr-ust p{margin:0;color:#58617a;max-width:62ch;font-size:14.5px}
.kr-etiket{font-family:var(--fm-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#2d3fe0}
.kr-kapat{flex:none;background:none!important;border:1px solid #d3d8e6!important;color:#58617a!important;border-radius:9px;padding:6px 12px;font-size:13px;cursor:pointer}
.kr-cubuk{height:6px;border-radius:6px;background:#e3e6f5;margin:16px 0 6px;overflow:hidden}
.kr-cubuk i{display:block;height:100%;background:#2d3fe0;border-radius:6px;transition:width .4s}
.kr-liste{list-style:none;margin:0;padding:0;display:grid;gap:0}
.kr-adim{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #e8eaf3}
.kr-adim:last-child{border-bottom:0}
.kr-no{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:#eef0fd;color:#2d3fe0;border:1px solid #cdd3f6}
.kr-adim.tamam .kr-no{background:#e6f6ec;color:#0b6b3a;border-color:#b9e3c8}
.kr-metin{display:grid;gap:3px;min-width:0}
.kr-metin b{font-size:15.5px}
.kr-adim.tamam .kr-metin b{color:#58617a}
.kr-metin small{color:#58617a;font-size:13.5px;line-height:1.45}
.kr-metin a,.kr-ek a{color:#2433c4}
.kr-ok{font-family:var(--fm-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0b6b3a}
.kr-dug{border:1px solid #d3d8e6!important;background:#fff!important;color:#141b45!important;border-radius:9px;padding:9px 14px;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.kr-dug.ana{background:#2d3fe0!important;border-color:#2d3fe0!important;color:#fff!important}
.kr-ek{margin:12px 0 0;font-size:13.5px;color:#58617a}
@media (max-width:760px){
  .kr-kart{padding:18px 16px}
  .kr-adim{grid-template-columns:30px minmax(0,1fr)}
  .kr-adim>.kr-dug,.kr-adim>.kr-ok{grid-column:2;justify-self:start}
}

/* 3.48 — yayın sırasında canlı tasarım ve web/YouTube küçükleri (kırık resim yerine) */
.q-hucre canvas.q-tsr,.q-duvar canvas.q-tsr,.q-hucre .q-dis,.q-duvar .q-dis{width:44px;height:32px;flex:0 0 auto;border-radius:7px;background:#0d131e;object-fit:cover}
.q-hucre .q-dis,.q-duvar .q-dis{display:grid;place-items:center;font-style:normal;font-size:14px;color:#fff;background:#3b4a63}
@media (max-width:760px){.q-hucre canvas.q-tsr,.q-hucre .q-dis{width:38px;height:28px}}