/* mailpanel — mailcow (Bootstrap 5 + Bootswatch Lumen) görünümü için ince ayarlar.
   Değerler mailcow 2026-07a arayüzünden ölçülmüştür. */
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:400;font-display:swap;src:url(vendor/fonts/noto-sans-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:400;font-display:swap;src:url(vendor/fonts/noto-sans-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"Noto Sans";font-style:normal;font-weight:700;font-display:swap;src:url(vendor/fonts/noto-sans-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Sans";font-style:normal;font-weight:700;font-display:swap;src:url(vendor/fonts/noto-sans-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bs-font-sans-serif:"Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --bs-body-font-size:14px;--bs-body-line-height:1.5;
  --bs-body-bg:#fbfbfb;--bs-body-color:#222;
  --mc-nav-bg:#f6f6f6;--mc-border:#dfdfdf;--mc-card-border:rgba(0,0,0,.125);
}
html{font-size:14px}
body{font-family:var(--bs-font-sans-serif);font-size:14px;background:#fbfbfb;color:#222;padding-top:0}

/* --- üst bar (mailcow: açık gri, altta kalın gri çizgi) */
.mc-navbar{background:var(--mc-nav-bg);border-bottom:3px solid #e7e7e7;min-height:53px;padding:0 1rem;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.mc-navbar .navbar-brand{padding:6px 0;display:flex;align-items:center;gap:8px;font-size:17.5px;color:#222}
.mc-navbar .navbar-brand img{height:17px;width:auto}
/* yerleşik T-soft PNG logosunda (mailcow ile aynı) boşluk gömülü: navbarda ölçekle, bar yüksekliği değişmesin */
.mc-navbar .navbar-brand img[src$="tsoft-logo.png"]{height:46px;margin:-15px -8px}
.mc-navbar .navbar-brand .mc-logo{font-weight:700;letter-spacing:-.02em;color:#333}
.mc-navbar .navbar-brand .mc-logo b{color:#e8762d}
.mc-navbar .nav-link{color:rgba(0,0,0,.55);padding:0 10px!important;line-height:44px;font-size:14px}
.mc-navbar .nav-link:hover,.mc-navbar .nav-link:focus,.mc-navbar .show>.nav-link{color:rgba(0,0,0,.8)}
.mc-navbar .dropdown-menu{margin-top:0}
.mc-navbar .mc-user{font-weight:400;color:rgba(0,0,0,.55)}
.mc-navbar .mc-user .mc-admin{color:#5bc0de;font-weight:700}
.mc-navbar .form-switch .form-check-input{width:2.2em;cursor:pointer}
.mc-theme{display:flex;align-items:center;gap:6px;color:#666;padding:0 10px}

/* --- içerik */
.mc-main{max-width:1600px;margin-top:1.5rem;margin-bottom:1.5rem}

.mc-footer{max-width:1600px;margin:24px auto 16px;text-align:center;color:#666;font-size:14px}
.mc-back{display:inline-block;margin:6px 0 14px;text-decoration:underline}

/* --- sekmeler (aktif sekme beyaz ve 6px uzun) */
.nav-tabs{border-bottom:1px solid var(--mc-border);margin-bottom:22px;flex-wrap:wrap}
.nav-tabs .nav-link{border:1px solid var(--mc-border);border-radius:3.5px 3.5px 0 0;color:#222;padding:7px 14px;margin-right:2px;margin-bottom:-1px;background:transparent}
.nav-tabs .nav-link:hover{background:#f4f4f4;border-color:var(--mc-border)}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{background:#fff;border-color:var(--mc-border) var(--mc-border) #fff;padding-bottom:13px;margin-top:-6px;color:#222}
.nav-tabs .dropdown-menu{font-size:12.25px}

/* --- kartlar */
.card{border:1px solid var(--mc-card-border);border-radius:3.5px;box-shadow:none;margin-bottom:22px}
.card-header{background:rgba(0,0,0,.03);font-size:17.5px;line-height:26.25px;padding:7px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.card-header.mc-danger{background:#d9372e;color:#fff;border-color:#d9372e}
.card-header .btn{font-size:12.25px}
.card-body{padding:14px}
.mc-section{font-size:17.5px;font-weight:400;margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid #ddd}

/* --- butonlar (Lumen: kalın, küçük, altta basılı gölge) */
.btn{font-weight:700}
.btn-xs,.btn-group-xs>.btn{padding:3.5px 7px;font-size:12.25px;line-height:1.5;border-radius:2.8px}
.btn-sm{font-size:12.25px}
.btn-light,.btn-secondary{background:#f0f0f0;color:#000;border-color:#f0f0f0}
.btn-light:hover,.btn-secondary:hover{background:#e0e0e0;color:#000}
.btn .bi{margin-right:3px}
.mc-toolbar{display:flex;flex-wrap:wrap;gap:0;align-items:center;margin:4px 0 14px}
.mc-toolbar .btn-group{flex-wrap:wrap}

/* --- rozetler */
.badge{font-size:10.5px;font-weight:700;border-radius:3.5px}
.mc-proto{display:inline-block;background:#137da6;color:#fff;font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:3.5px;margin:1px 0;white-space:nowrap}
.mc-proto.ok{background:#1e8721}.mc-proto.off{background:#6a6a6a}
.mc-lead-badge{font-size:14px;padding:6px 10px}

/* --- tablolar (DataTables görünümü) */
.table{--bs-table-bg:transparent;font-size:14px;margin-bottom:.5rem}
.table>thead>tr>th{font-weight:700;border-bottom:1px solid #dee2e6;vertical-align:bottom;white-space:normal;padding:7px;position:relative}
.table>tbody>tr>td{padding:7px;vertical-align:middle}
/* zebra (mailcow): Bootstrap 5.3 --bs-table-bg-type kullanır; gizli ayrıntı satırları sayımı bozmasın diye
   çizgiyi CSS sırası değil app.js'in görünen satırlara verdiği mc-odd belirler */
.table.table-striped>tbody>tr>*{--bs-table-bg-type:transparent;--bs-table-accent-bg:transparent}
.table.table-striped>tbody>tr.mc-odd>*{--bs-table-bg-type:rgba(0,0,0,.05)}
.table.table-striped:not(.mc-dt)>tbody>tr:nth-of-type(odd)>*{--bs-table-bg-type:rgba(0,0,0,.05)}
[data-bs-theme=dark] .table.table-striped>tbody>tr.mc-odd>*,[data-bs-theme=dark] .table.table-striped:not(.mc-dt)>tbody>tr:nth-of-type(odd)>*{--bs-table-bg-type:rgba(255,255,255,.05)}
th.mc-sort{cursor:pointer;padding-right:22px!important}
th.mc-sort:after{content:"\25B4\25BE";position:absolute;right:6px;bottom:9px;font-size:10.5px;letter-spacing:-2px;color:#bbb}
th.mc-sort.asc:after{content:"\25B4";color:#555}
th.mc-sort.desc:after{content:"\25BE";color:#555}
.mc-expand{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;background:#6a6a6a;color:#fff;border-radius:2px;font-size:12.25px;line-height:1;cursor:pointer;border:0;font-weight:700}
.mc-expand.open{background:#555}
tr.mc-detail>td{background:#fff!important;padding:0 7px 10px 7px}
.mc-detail-table{width:100%;margin:0}
.mc-detail-table td{padding:8px 7px;border-bottom:1px solid #eee}
.mc-detail-table td:first-child{font-weight:700;min-width:180px;width:26%}
td.mc-actions{text-align:right;white-space:nowrap}
td.mc-actions .btn-group .btn{border-radius:0}
td.mc-actions .btn-group .btn:first-child{border-radius:2.8px 0 0 2.8px}
td.mc-actions .btn-group .btn:last-child{border-radius:0 2.8px 2.8px 0}
.mc-dt-top,.mc-dt-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;flex-wrap:wrap}
.mc-dt-top label{display:flex;align-items:center;gap:6px;margin:0;font-weight:400}
.mc-dt-top input[type=search]{width:160px}
.mc-dt-top select{width:auto;display:inline-block}
.mc-dt-info{color:#222}
.pagination .page-link{font-size:12.25px;font-weight:700;text-transform:uppercase;padding:3.5px 9px}
.mc-empty{text-align:center;padding:10px;background:rgba(0,0,0,.05)}
.table-responsive{overflow-x:auto}
.mc-quota{min-width:140px}
.progress{height:18px;background:#d4d4d4;border-radius:3px}
.progress-bar{font-size:10.5px;font-weight:700;background:#1e8721}
.progress-bar.bg-warning{background:#b05c13!important}.progress-bar.bg-danger{background:#d9372e!important}

/* --- formlar (yatay; etiket sağa hizalı) */
.form-control,.form-select{font-size:12.25px;border-radius:2.8px}
.form-control{box-shadow:inset 0 2px 0 rgba(0,0,0,.075)}
.mc-form .row{margin-bottom:10px}
.mc-form .col-form-label{text-align:right;font-weight:400;color:#222;padding-top:5px}
@media (max-width:767px){.mc-form .col-form-label{text-align:left}}
.mc-help{font-size:12.25px;color:#6a6a6a;margin-top:4px}
.mc-help code{color:#cd317f}
.btn-check+.btn.mc-seg,.mc-seg{background:#f0f0f0;color:#000;font-size:12.25px;border:0}
.btn-check:checked+.btn.mc-seg{background:#555;color:#fff}
.mc-tags{min-height:34px}
.form-check-label{font-weight:400}

/* --- modal */
.modal-content{border-radius:4.2px}
.modal-header .modal-title{font-size:28px;font-weight:300}
.modal-xl{max-width:min(1180px,95vw)}

/* --- yükleniyor ("Lütfen bekleyin…") */
.mc-wait{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);background:#fff;border:1px solid #ddd;border-radius:3px;padding:10px 40px 14px;z-index:2000;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.08);display:none}
.mc-wait.show{display:block}
.mc-wait .dots{display:flex;gap:10px;justify-content:center;margin-top:8px}
.mc-wait .dots i{width:12px;height:12px;border-radius:50%;background:#4285f4;animation:mcdot 1s infinite ease-in-out}
.mc-wait .dots i:nth-child(2){animation-delay:.15s}.mc-wait .dots i:nth-child(3){animation-delay:.3s}
@keyframes mcdot{0%,80%,100%{transform:scale(.6);opacity:.6}40%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.mc-wait .dots i{animation:none}}

/* --- bildirimler (sağ üst) */
.mc-toasts{position:fixed;top:64px;right:16px;z-index:3000;display:flex;flex-direction:column;gap:8px;max-width:420px}
.mc-toast{padding:10px 14px;border-radius:3px;color:#fff;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,.15);display:flex;gap:10px;align-items:flex-start;word-break:break-word}
.mc-toast.ok{background:#1e8721}.mc-toast.error{background:#d9372e}.mc-toast.info{background:#137da6}
.mc-toast button{background:none;border:0;color:#fff;margin-left:auto;font-size:17.5px;line-height:1;opacity:.8}
/* Toast içindeki "İşlemi izle" bağlantısı: iş kuyruğa alındığında canlı akışa götürür (app.js). */
.mc-toast-izle{color:#fff;text-decoration:underline;white-space:nowrap;align-self:center;font-weight:600}
.mc-toast-izle:hover{color:#fff;opacity:.85}
/* Üst çubuk canlı işlem rozeti */
#mc-islem-rozet.mc-islem-calisiyor .badge{animation:mc-nabiz 1.6s ease-in-out infinite}
@keyframes mc-nabiz{0%,100%{opacity:1}50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){#mc-islem-rozet.mc-islem-calisiyor .badge{animation:none}}
.mc-toast code{background:rgba(0,0,0,.15);color:#fff;padding:0 5px;border-radius:3px}

/* --- DNS / kod */
pre.mc-rec{white-space:pre-wrap;word-break:break-all;margin:0;font-size:12.25px;background:none;border:0;padding:0}
.mc-ok{color:#1d8320}.mc-bad{color:#d4362d}.mc-warn{color:#b05c13}
.mc-kv{margin:0}.mc-kv th{font-weight:400;color:#222;width:220px;background:#f6f6f6}
.mc-infotable>tbody>tr>th{width:190px;font-weight:400;background:rgba(0,0,0,.05)}
.mc-infotable>tbody>tr>td{font-weight:400}

/* --- giriş sayfası */
/* giriş sayfası: mailcow ölçüleri (mx02 canlı ölçüm): ızgara col-xl-5, başlık 7/14px, gövde 14px, alan 37px, düğme 400x36 */
.mc-login{margin-top:80px;margin-bottom:40px}
.mc-login .card-header{padding:7px 14px;font-size:14px;background:rgba(0,0,0,.03)}
.mc-login .card-header .bi-person-fill{margin-right:.5rem}
.mc-login .card-body{padding:14px 14px 35px}
.mc-login .mc-theme{display:flex;align-items:center;gap:.5rem}
.mc-login-logo{text-align:center;padding:0;margin-bottom:1.5rem}
.mc-login-logo img{width:250px;max-width:100%;height:auto;display:inline-block}
.mc-login-brand{display:block;font-size:28px;font-weight:700;padding:3rem 0}
.mc-login-title{font-size:17.5px;margin:14px 0 7px;padding:0;border:0}
.mc-login hr{margin:14px 0;opacity:1;border-color:#222}
.mc-login .input-group-text{width:39px;justify-content:center;background:#f0f0f0;padding:5.25px 10.5px}
.mc-login .form-control{height:37px;padding:5.25px 10.5px}
.mc-login-forgot{font-size:12.25px;margin:0 0 7px}
.mc-login-actions{display:flex;flex-direction:column;align-items:center;gap:0}
.mc-login-actions .btn{width:400px;max-width:100%;height:36px;padding:5.25px 10.5px;margin-top:7px;font-size:14px;font-weight:700;border:0;border-bottom:2px solid rgba(0,0,0,.18)}
.mc-login-actions .btn-secondary{background:#f0f0f0;color:#000;border-bottom-color:#d2d2d2}
.mc-login-or{display:flex;align-items:center;gap:.8rem;margin:20px 0;font-weight:700}
.mc-login-or::before,.mc-login-or::after{content:"";flex:1;border-top:1px solid #ccc}
[data-bs-theme=dark] .mc-login .input-group-text{background:#2a2f33}
[data-bs-theme=dark] .mc-login hr{border-color:#666}
[data-bs-theme=dark] .mc-login-actions .btn-secondary{background:#3a3f44;color:#eee}

/* --- karanlık mod */
[data-bs-theme=dark] body{background:#1c1c1e;color:#ddd}
[data-bs-theme=dark] .mc-navbar{background:#2a2a2d;border-bottom-color:#3a3a3d}
[data-bs-theme=dark] .mc-navbar .nav-link,[data-bs-theme=dark] .mc-navbar .navbar-brand,[data-bs-theme=dark] .mc-theme{color:rgba(255,255,255,.7)}
[data-bs-theme=dark] .mc-navbar .mc-user,[data-bs-theme=dark] .mc-navbar .mc-logo{color:#eee}
[data-bs-theme=dark] .card{background:#252528;border-color:#3a3a3d;color:#ddd}
[data-bs-theme=dark] .card-header{background:#2e2e31;color:#ddd}
[data-bs-theme=dark] .nav-tabs{border-color:#3a3a3d}
[data-bs-theme=dark] .nav-tabs .nav-link{border-color:#3a3a3d;color:#ccc}
[data-bs-theme=dark] .nav-tabs .nav-link.active{background:#252528;border-bottom-color:#252528;color:#fff}
[data-bs-theme=dark] .table{color:#ddd;--bs-table-color:#ddd}
[data-bs-theme=dark] tr.mc-detail>td{background:#252528!important}
[data-bs-theme=dark] .mc-detail-table td{border-color:#3a3a3d}
[data-bs-theme=dark] .form-control,[data-bs-theme=dark] .form-select{background:#1f1f22;color:#eee;border-color:#444}
[data-bs-theme=dark] .btn-light,[data-bs-theme=dark] .btn-secondary,[data-bs-theme=dark] .mc-seg{background:#3a3a3d;color:#eee;border-color:#3a3a3d}
[data-bs-theme=dark] .mc-wait,[data-bs-theme=dark] .modal-content,[data-bs-theme=dark] .dropdown-menu{background:#2a2a2d;color:#ddd;border-color:#444}
[data-bs-theme=dark] .dropdown-item{color:#ccc}
[data-bs-theme=dark] .mc-kv th,[data-bs-theme=dark] .mc-infotable>tbody>tr>th{background:#2e2e31;color:#ddd}
[data-bs-theme=dark] .mc-footer{color:#999}
[data-bs-theme=dark] .mc-empty{background:rgba(255,255,255,.04)}

/* ---- mailcow birebir: düğmeler normal harf (Lumen büyük harfe çeviriyor, mailcow kapatıyor) */
.btn{text-transform:none}
legend{font-size:17.5px;margin-bottom:.5rem;float:none;user-select:none}
legend+hr{margin-top:.5rem}
.mc-navbar .nav-link.btn,.mc-navbar form .btn-link{font-weight:400;border:0;box-shadow:none;background:none;text-decoration:none;line-height:44px;height:auto}
.mc-navbar .dropdown-menu form{margin:0}
.mc-navbar .dropdown-menu form .dropdown-item{border:0;background:none;width:100%;text-align:left}
/* Dil menüsü <form>+<button> ile kuruluyor; üstteki "background:none" SEÇİLİ öğenin arkaplanını da
   siliyordu. Bootstrap seçili öğeye beyaz metin verdiği için seçili dil BEYAZ ÜSTÜNE BEYAZ, yani
   okunmaz kalıyordu. Seçili ve üzerine gelinen durumlar geri getirildi. */
.mc-navbar .dropdown-menu form .dropdown-item.active,
.mc-navbar .dropdown-menu form .dropdown-item:active{background:#148dbc;color:#fff}
.mc-navbar .dropdown-menu form .dropdown-item:hover:not(.active),
.mc-navbar .dropdown-menu form .dropdown-item:focus:not(.active){background:rgba(0,0,0,.06);color:inherit}
[data-bs-theme=dark] .mc-navbar .dropdown-menu form .dropdown-item:hover:not(.active),
[data-bs-theme=dark] .mc-navbar .dropdown-menu form .dropdown-item:focus:not(.active){background:rgba(255,255,255,.12)}
.mc-navbar .mc-admin{color:#75caeb}
/* kullanıcı paneli */
.responsive-tabs>.nav-tabs{margin-bottom:1rem}
.card-header.fs-5{font-size:17.5px!important}
.mc-u-row{margin-bottom:.5rem}
.mc-u-row>.mc-u-lbl{text-align:right;padding-top:.15rem}
@media (max-width:767.98px){.mc-u-row>.mc-u-lbl{text-align:left;font-weight:700}}
.mc-u-help{font-size:12.25px;color:#6a6a6a}
.mc-qmark{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#222;color:#fff;font-size:10.5px;font-weight:700;margin-right:6px;cursor:help;vertical-align:middle}
.mc-spam-bar{height:14px;border-radius:2px;background:linear-gradient(90deg,#28b62c 0%,#9acd32 25%,#f5e71c 50%,#ff851b 72%,#ff4136 72.1%,#ff4136 100%);position:relative;margin:.35rem 0 .75rem}
.mc-spam-bar input[type=range]{position:absolute;inset:-4px 0;width:100%;height:22px;background:transparent;-webkit-appearance:none;appearance:none;margin:0}
.mc-spam-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:24px;border-radius:2px;background:#f0f0f0;border:1px solid #ccc;box-shadow:inset 3px 0 0 -2px #bbb,inset -3px 0 0 -2px #bbb;cursor:ew-resize}
.mc-spam-bar input[type=range]::-moz-range-thumb{width:14px;height:24px;border-radius:2px;background:#f0f0f0;border:1px solid #ccc;cursor:ew-resize}
.mc-spam-legend{border-bottom:1px solid #e5e5e5;padding:.35rem .6rem}
.mc-spam-legend .sw{display:inline-block;padding:1px 6px;margin-right:4px;border-radius:2px;color:#222;font-size:12.25px}
.mc-po-box{background:#f5f5f5;border:1px solid #e3e3e3;border-radius:3.5px;padding:10px}
.mc-po-logo{width:40px;height:40px;border-radius:50%;background:#2c8ef8;color:#fff;font:italic 700 26px/40px Georgia,serif;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.mc-po-box .text-muted code{color:#d63384}
.mc-seg .btn{margin:0}
[data-bs-theme=dark] .mc-po-box{background:#2a2a2d;border-color:#3a3a3d}
[data-bs-theme=dark] .mc-navbar .mc-user{color:rgba(255,255,255,.7)}
.mc-u-side{border:1px solid rgba(0,0,0,.125);border-radius:3.5px;padding:.6rem .75rem;height:100%}
.mc-u-side legend{display:flex;justify-content:space-between;align-items:center}
.mc-u-h4{font-size:17.5px;font-weight:500;margin-bottom:.5rem}
[data-bs-theme=dark] .mc-u-side{border-color:#3a3a3d}
/* mailcow birincil düğme tonu ve SVG bayrak */
.btn-primary{--bs-btn-bg:#0f688d;--bs-btn-border-color:#0c5876;--bs-btn-hover-bg:#0c5876;--bs-btn-hover-border-color:#0a4a63;--bs-btn-active-bg:#0a4a63;--bs-btn-active-border-color:#0a4a63;--bs-btn-disabled-bg:#0f688d;--bs-btn-disabled-border-color:#0f688d}
.mc-flag-en{display:inline-block;width:1.333em;height:1em;vertical-align:-.1em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0,0 60,30M60,0 0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0 60,30M60,0 0,30' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0 V30M0,15 H60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0 V30M0,15 H60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E") center/contain no-repeat}
.mc-flag-tr{display:inline-block;width:1.333em;height:1em;vertical-align:-.1em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23E30A17'/%3E%3Ccircle cx='10.5' cy='10' r='5' fill='%23fff'/%3E%3Ccircle cx='11.75' cy='10' r='4' fill='%23E30A17'/%3E%3Cpolygon fill='%23fff' points='16.4,7.8 16.9,9.31 18.49,9.32 17.21,10.26 17.69,11.78 16.4,10.85 15.11,11.78 15.59,10.26 14.31,9.32 15.9,9.31'/%3E%3C/svg%3E") center/cover no-repeat}
.nav-tabs .dropdown-menu .dropdown-item{color:#222}
.nav-tabs .dropdown-menu .dropdown-item.active,.nav-tabs .dropdown-menu .dropdown-item:active{color:#fff;background:#148dbc}
[data-bs-theme=dark] .nav-tabs .dropdown-menu .dropdown-item{color:#ddd}

.mc-pane-loading{padding:2rem 0;text-align:center;color:#6a6a6a}
/* slice I — Sistem → Bilgi, Loglar, Kuyruk Yöneticisi */
.mc-sys-logo img{max-width:250px;max-height:200px}
.mc-sys-brand{font-size:28px;font-weight:700;color:#222}
.mc-sysinfo{margin-bottom:0}
.mc-sysinfo>tbody>tr>td:first-child{width:170px;white-space:nowrap}
.mc-sysinfo .progress{max-width:420px;background:#e9ecef}
.mc-sysinfo .progress-bar.bg-info{background:#137da6!important}
.mc-sys-h3{font-size:24.5px;font-weight:300;margin:.75rem 0 .25rem}
.mc-sys-h5{font-size:14px;font-weight:400;color:#555;margin-bottom:.5rem}
.mc-svc-list .list-group-item{padding:.5rem 1rem;font-size:14px}
.mc-svc-list form{margin:0}
.mc-logs-intro{margin:.75rem 0}
.mc-logtable td{padding:5px 7px;font-size:12.25px}
.mc-logtable .mc-logmsg{white-space:pre-wrap;word-break:break-word}
.mc-logtable .badge{font-weight:400;min-width:52px}
.mc-logtable .badge.bg-warning{background:#ff851b!important;color:#212529}
[data-bs-theme=dark] .mc-sys-brand{color:#eee}
[data-bs-theme=dark] .mc-sys-h5{color:#aaa}
[data-bs-theme=dark] .mc-svc-list .list-group-item{background:#252528;color:#ddd;border-color:#3a3a3d}
/* /slice I */
/* slice J — Sistem → Yapılandırma (mailcow seçenek panelleri) */
.mc-opt .form-label{font-weight:400;color:#222;margin-bottom:.25rem}
@media (min-width:768px){.mc-opt .form-control,.mc-opt .form-select{width:65%}.mc-opt .form-control.w-auto,.mc-opt .form-select.w-auto,.mc-opt .d-flex .form-control{width:auto}}
.mc-mform .row{margin-bottom:10px}
.mc-mform .col-form-label{text-align:left;font-weight:400;color:#222;padding-top:5px}
.mc-collapse-legend{cursor:pointer}
.mc-collapse-legend:not(.collapsed) .bi-plus-square::before{content:"\F463"}
.mc-dkim-filter .badge{cursor:pointer;font-size:12.25px;padding:5px 8px;margin-right:4px}
.mc-dkim-row{border-bottom:1px solid #eee}
.mc-dkim-row textarea{font-size:12.25px}
.mc-f2b-ban{display:inline-block;margin:0 10px 6px 0;white-space:nowrap}
.mc-f2b-ban .badge{font-size:12.25px;font-weight:400}
.card-header.mc-danger .btn-secondary{background:#f0f0f0;color:#000}
[data-bs-theme=dark] .mc-opt .form-label,[data-bs-theme=dark] .mc-mform .col-form-label{color:#ddd}
[data-bs-theme=dark] .mc-dkim-row{border-color:#3a3a3d}
/* /slice J */
/* ==== slice H: E-Posta → Yapılandırma listeleri ve düzenleme sayfaları (mailcow birebir) ==== */
.mc-rseg{flex-wrap:wrap}
.mc-rseg>.btn-check+.btn{background:#f8f9fa;border:1px solid #f8f9fa;color:#222;font-size:12.25px;font-weight:700;padding:3.5px 10px;margin:0}
.mc-rseg>.btn-check:checked+.btn{background:#343a40;border-color:#343a40;color:#fff}
.mc-rseg>.btn-check:focus-visible+.btn{outline:2px solid #148dbc;outline-offset:1px}
.mc-edit .col-form-label{text-align:left!important}
.mc-editbox{border:1px solid rgba(0,0,0,.125);border-radius:3.5px;padding:14px;margin-bottom:14px}
.mc-editbox .row{margin-bottom:10px}
.mc-maxq{background:#137da6!important;font-size:10.5px;vertical-align:middle}
/* mailcow ölçüleri: 10.5px kalın, satır yüksekliği 10.5px, 3.675/6.825 dolgu, altta 7px, #148dbc */
td.mc-lastlogin .badge{display:inline-block;font-size:10.5px;font-weight:700;line-height:10.5px;padding:3.675px 6.825px;margin:0 0 7px;border-radius:3.5px;background:#137da6!important;color:#fff;white-space:nowrap}
td.mc-lastlogin br:last-child{display:none}
td.mc-lastlogin{padding-top:14px}
td.mc-actions .btn-group>form{display:inline-flex;margin:0}
td.mc-actions .btn-group>form>.btn{border-radius:0}
td.mc-actions .btn-group>:first-child>.btn,td.mc-actions .btn-group>.btn:first-child{border-radius:2.8px 0 0 2.8px}
td.mc-actions .btn-group>:last-child>.btn,td.mc-actions .btn-group>.btn:last-child{border-radius:0 2.8px 2.8px 0}
td.mc-actions .btn-group>:only-child>.btn,td.mc-actions .btn-group>.btn:only-child{border-radius:2.8px}
.btn-info{--bs-btn-color:#fff;--bs-btn-bg:#148dbc;--bs-btn-border-color:#148dbc;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#11789f;--bs-btn-hover-border-color:#11789f;--bs-btn-active-bg:#0f6a8c;--bs-btn-active-color:#fff}
.mc-sub{display:block}
.mc-meta{font-size:12.25px;color:#6a6a6a}
.mc-spamlist .table{margin-bottom:.5rem}
[data-bs-theme=dark] .mc-rseg>.btn-check+.btn{background:#3a3a3d;border-color:#3a3a3d;color:#eee}
[data-bs-theme=dark] .mc-rseg>.btn-check:checked+.btn{background:#111;border-color:#111}
[data-bs-theme=dark] .mc-editbox{border-color:#3a3a3d}
/* ==== /slice H ==== */

/* slice userpol */
.mc-secnotice{margin-top:.75rem}
.mc-2fafilter .btn.active{background:#111;border-color:#111;color:#fff}
.mc-no2fa{font-weight:500}
.mc-apidoc{margin-top:.5rem}
.mc-apidoc-bar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}
.mc-apidoc-bar input{max-width:360px}
.mc-apidoc-tag{font-size:14px;font-weight:600;margin:1rem 0 .4rem;border-bottom:1px solid #ddd;padding-bottom:.2rem}
.mc-apidoc-op{border:1px solid #e3e3e3;border-radius:4px;margin-bottom:.4rem;background:#fff}
.mc-apidoc-op>summary{cursor:pointer;padding:.35rem .6rem;display:flex;gap:.6rem;align-items:center;list-style:none}
.mc-apidoc-op>summary::-webkit-details-marker{display:none}
.mc-apidoc-op[open]>summary{border-bottom:1px solid #e3e3e3}
.mc-apidoc-body{padding:.5rem .75rem;font-size:12.25px}
.mc-apidoc-m{display:inline-block;min-width:4.2rem;text-align:center;font:600 .75rem/1.6 monospace;border-radius:3px;color:#fff;padding:0 .3rem}
.mc-apidoc-m.get{background:#2e7d32}.mc-apidoc-m.post{background:#1565c0}.mc-apidoc-m.patch{background:#ef6c00}.mc-apidoc-m.put{background:#6a1b9a}.mc-apidoc-m.delete{background:#c62828}
.mc-apidoc-path{font-family:monospace;font-weight:600}
.mc-apidoc-sum{color:#666;flex:1}
.mc-apidoc-body pre{background:#f6f6f6;border:1px solid #e3e3e3;padding:.5rem;font-size:10.5px;overflow:auto;max-height:320px}
.mc-apidoc-body table{font-size:10.5px}
[data-bs-theme=dark] .mc-apidoc-op{background:#2b2b2e;border-color:#3a3a3d}
[data-bs-theme=dark] .mc-apidoc-body pre{background:#1f1f22;border-color:#3a3a3d}
[data-bs-theme=dark] .mc-apidoc-sum{color:#aaa}
[data-bs-theme=dark] .mc-apidoc-tag{border-color:#3a3a3d}
/* /slice userpol */
/* slice mailsec */
.mc-abuse td{vertical-align:top}
.mc-abuse .mc-help{font-size:12.25px}
.mc-abuse-form .form-label{font-size:12.25px}
.mc-abuse-mini{width:5.5em;padding:0 .35rem;height:auto;font-size:12.25px}
.mc-attach-map{background:#f8f9fa;border:1px solid rgba(0,0,0,.125);border-radius:3.5px;padding:7px 10px;font-size:12.25px;white-space:pre-wrap;word-break:break-all}
.mc-clam-row .mc-help{flex-basis:100%}
[data-bs-theme=dark] .mc-attach-map{background:#2a2a2d;border-color:#3a3a3d;color:#ddd}
/* /slice mailsec */
/* slice reports */
.mc-rbar{height:4px;max-width:140px;margin-top:4px;border-radius:2px;background:#f3d6d9;overflow:hidden}
.mc-rbar-ok{display:block;height:100%;background:#28a745}
.mc-chart svg{display:block;width:100%;height:auto;max-height:190px}
.mc-chart-ok{fill:#28a745;background:#28a745}
.mc-chart-bad{fill:#dc3545;background:#dc3545}
.mc-chart-axis{stroke:#ccc;stroke-width:1}
.mc-chart-lbl{font-size:10.5px;fill:#6a6a6a}
.mc-sw{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle}
.mc-kpis .card-body{padding:14px}
.mc-kpi{font-size:24.5px;font-weight:600;line-height:1.2}
.mc-bimi-preview img{border:1px solid rgba(0,0,0,.125);border-radius:50%;background:#fff;object-fit:contain}
[data-bs-theme=dark] .mc-chart-axis{stroke:#555}
[data-bs-theme=dark] .mc-chart-lbl{fill:#aaa}
[data-bs-theme=dark] .mc-rbar{background:#5a2a2e}
/* /slice reports */
/* slice ops */
.mc-ops-box{border:1px solid #ddd;border-radius:4px;padding:.6rem .8rem;height:100%}
.mc-ops-box-h{font-weight:600;margin-bottom:.35rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
[data-bs-theme=dark] .mc-ops-box{border-color:#3a3a3d}
/* /slice ops */
/* sunucu tarafı sayfalanan tablo yeni sayfayı beklerken */
table.mc-dt.mc-loading{opacity:.55;transition:opacity .15s}
/* slice firstmonth */
.mc-fm .mc-kpi{font-size:24.5px}
.mc-fm-chk .badge{font-weight:500;margin-bottom:2px}
.mc-fm-detail{max-width:360px;word-break:break-word}
.mc-fm-pool{margin-top:.5rem}
.mc-qsum .table td,.mc-qsum .table th{padding:.25rem .4rem;font-size:12.25px}
.mc-sched .mc-sched-err{color:#b02a37;word-break:break-word}
[data-bs-theme=dark] .mc-sched .mc-sched-err{color:#ea868f}
/* /slice firstmonth */

/* panel araması (üst çubuk) */
.mc-search{position:relative;margin-right:.75rem}
.mc-search .bi-search{position:absolute;left:.55rem;top:50%;transform:translateY(-50%);color:#6a6a6a;font-size:10.5px;pointer-events:none}
.mc-search input{padding-left:1.75rem;width:240px}
.mc-search-res{position:absolute;right:0;top:calc(100% + 4px);width:380px;max-height:430px;overflow-y:auto;background:var(--bs-body-bg,#fff);border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.15);z-index:1080;padding:.25rem 0}
.mc-search-item{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.4rem .75rem;color:inherit;text-decoration:none;font-size:12.25px}
.mc-search-item.active,.mc-search-item:hover{background:#e6eff6;color:inherit}
.mc-search-group{color:#6a6a6a;font-size:10.5px;white-space:nowrap}
.mc-search-empty{padding:.5rem .75rem;color:#6a6a6a;font-size:12.25px}
.mc-hl,tr.mc-hl>td{background:#fff4d6 !important;transition:background .4s}
.mc-menu-grouped .dropdown-header{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;padding-top:.35rem}
.mc-menu-grouped .dropdown-item .bi{width:1.2rem;display:inline-block;color:#6c757d}
[data-bs-theme="dark"] .mc-search-item.active,[data-bs-theme="dark"] .mc-search-item:hover{background:#2c3a44}
[data-bs-theme="dark"] .mc-hl,[data-bs-theme="dark"] tr.mc-hl>td{background:#4a3d1a !important}
@media (max-width:991.98px){.mc-search{margin:.5rem 0}.mc-search input,.mc-search-res{width:100%}}

/* ikon dili: sekmeler ve açılır sekme öğeleri */
.mc-tab-ico{margin-right:.35rem;opacity:.75}
.nav-link.active .mc-tab-ico,.dropdown-item.active .mc-tab-ico{opacity:1}
.mc-search-label .mc-tab-ico{margin-right:.15rem}

/* tema seçici (giriş + Görünüm; themes.go) */
.mc-theme-picker{display:flex;flex-wrap:wrap;gap:.5rem}
.mc-theme-card{display:flex;flex-direction:column;gap:.15rem;flex:1 1 12rem;border:1px solid rgba(0,0,0,.15);border-radius:4px;padding:.5rem .75rem;cursor:pointer;margin:0}
.mc-theme-card.active{border-color:#158cba;box-shadow:0 0 0 1px #158cba}
.mc-theme-card input{margin-right:.25rem}
.mc-theme-name{font-weight:600}.mc-theme-desc{font-size:12.25px;color:#6c757d}
.mc-login-theme{margin-bottom:1rem}

/* Sayfa altı günlük kartları: başlık tıklanabilir, gövde varsayılan kapalı (app.js). Kullanıcı her sayfanın
   altında açık duran günlük tablolarının sayfayı karıştırdığını bildirdi. */
.card-header.mc-logtoggle{cursor:pointer;display:flex;align-items:center;gap:8px;user-select:none;
  padding-top:12px;padding-bottom:12px}   /* dengeli: gövde gizliyken alt dolgu gövdeden gelmiyor */
.card-header.mc-logtoggle:hover{filter:brightness(1.08)}
.card-header.mc-logtoggle .mc-logcaret{margin-left:auto;transition:transform .15s}
.card-header.mc-logtoggle[aria-expanded=false] .mc-logcaret{transform:rotate(-90deg)}
.card-header.mc-logtoggle:focus-visible{outline:2px solid currentColor;outline-offset:-2px}

/* Başlık tabanlı günlük bölümü (kart değil): aynı tek satırlık çubuk görünümü. */
.mc-logtoggle{cursor:pointer;display:flex;align-items:center;gap:8px;user-select:none}
h2.mc-logtoggle,h3.mc-logtoggle,h4.mc-logtoggle,h5.mc-logtoggle{margin:0;padding:12px 0}

/* --- Kart başlığındaki düğme grubu: yapışık durmasın (tek yardımcı sınıf). */
.mc-hdr-acts{display:flex;gap:6px}

/* --- Okunurluk (WCAG AA). "Piksel birebir" = yerleşim ve ölçü; metin kontrastı eşiği geçmelidir.
   Lumen paletinin beyaz zemindeki tonları 2,4–3,8:1 kalıyordu (rozet/düğme yazısı, satır içi kod,
   bağlantı, sayfalama). Aynı renkler, yalnız 4,5:1'i geçecek kadar koyulaştırıldı; ölçü/yerleşim aynı. */
:root{
  --bs-primary:#137da6;--bs-primary-rgb:19,125,166;
  --bs-success:#1e8721;--bs-success-rgb:30,135,33;
  --bs-danger:#d9372e;--bs-danger-rgb:217,55,46;
  --bs-info:#137da6;--bs-info-rgb:19,125,166;
  --bs-code-color:#cc377b;
  --bs-link-color:#127ba4;--bs-link-color-rgb:18,123,164;--bs-link-hover-color:#0e6182;
  --bs-secondary-color:#6a6a6a;
}
code,.mc-code{color:#cc377b}
a{color:#127ba4}
.page-link{color:#6a6a6a}
.text-muted{color:#6a6a6a!important}
.text-success{color:#1d8320!important}.text-danger{color:#d4362d!important}
.text-warning{color:#b05c13!important}.text-info,.text-primary{color:#127ba4!important}
.bg-success,.badge.bg-success{background-color:#1e8721!important}
.bg-danger,.badge.bg-danger{background-color:#d9372e!important}
.bg-info,.badge.bg-info{background-color:#137da6!important;color:#fff!important}
.bg-primary,.badge.bg-primary{background-color:#137da6!important}
.bg-warning,.badge.bg-warning{background-color:#ff851b!important;color:#212529!important}
.btn-success{--bs-btn-bg:#1e8721;--bs-btn-border-color:#1e8721;--bs-btn-hover-bg:#19701b;--bs-btn-hover-border-color:#19701b;--bs-btn-active-bg:#19701b;--bs-btn-disabled-bg:#1e8721;--bs-btn-disabled-border-color:#1e8721}
.btn-danger{--bs-btn-bg:#d9372e;--bs-btn-border-color:#d9372e;--bs-btn-hover-bg:#b72e27;--bs-btn-hover-border-color:#b72e27;--bs-btn-active-bg:#b72e27;--bs-btn-disabled-bg:#d9372e;--bs-btn-disabled-border-color:#d9372e}
.btn-primary,.btn-info{--bs-btn-bg:#137da6;--bs-btn-border-color:#137da6;--bs-btn-hover-bg:#0f688a;--bs-btn-hover-border-color:#0f688a;--bs-btn-active-bg:#0f688a;--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-disabled-bg:#137da6;--bs-btn-disabled-border-color:#137da6;--bs-btn-disabled-color:#fff}
.btn-warning{--bs-btn-color:#212529;--bs-btn-hover-color:#212529;--bs-btn-active-color:#212529;--bs-btn-disabled-color:#212529}
/* koyu mod: aynı yardımcı metinler koyu zeminde de eşiği geçsin */
[data-bs-theme=dark] .mc-help,[data-bs-theme=dark] .mc-meta,[data-bs-theme=dark] .mc-u-help,
[data-bs-theme=dark] .mc-pane-loading,[data-bs-theme=dark] .mc-search-group,
[data-bs-theme=dark] .mc-search-empty,[data-bs-theme=dark] .text-muted,
[data-bs-theme=dark] .mc-dt-info,[data-bs-theme=dark] .page-link{color:#a3a3a3!important}
[data-bs-theme=dark] .mc-chart-lbl{fill:#a3a3a3}
[data-bs-theme=dark]{--bs-code-color:#f78fb6;--bs-link-color:#6ab7dd;--bs-link-color-rgb:106,183,221;
  --bs-link-hover-color:#8ecdf0;--bs-secondary-color:#a3a3a3;--bs-emphasis-color:#eee}
[data-bs-theme=dark] code,[data-bs-theme=dark] .mc-code,[data-bs-theme=dark] .mc-help code{color:#f78fb6}
[data-bs-theme=dark] a:not(.btn):not(.nav-link):not(.page-link):not(.dropdown-item){color:#6ab7dd}
[data-bs-theme=dark] .text-info,[data-bs-theme=dark] .text-primary{color:#6ab7dd!important}
[data-bs-theme=dark] .text-success{color:#6fd17a!important}
[data-bs-theme=dark] .text-danger{color:#ff8b82!important}
[data-bs-theme=dark] .text-warning{color:#f0ad4e!important}
[data-bs-theme=dark] .mc-ok{color:#6fd17a}[data-bs-theme=dark] .mc-bad{color:#ff8b82}
[data-bs-theme=dark] .mc-warn{color:#f0ad4e}
[data-bs-theme=dark] .mc-navbar .nav-link{color:rgba(255,255,255,.75)}
[data-bs-theme=dark] .mc-form .col-form-label,[data-bs-theme=dark] .col-form-label,
[data-bs-theme=dark] .form-label,[data-bs-theme=dark] label{color:#ddd}
/* Lumen'de uyarı kutuları ve sayfalama kendi renk değişkenlerini kendi kapsamlarında tanımlar
   (:root'taki palet onlara ulaşmaz); aynı koyulaştırılmış tonlar burada da verilir. */
.pagination{--bs-pagination-color:#6a6a6a;--bs-pagination-hover-color:#0e6182;
  --bs-pagination-active-bg:#137da6;--bs-pagination-active-border-color:#137da6;
  --bs-pagination-disabled-color:#6a6a6a}
.page-item.disabled .page-link,.page-link.disabled{color:#6a6a6a}
.alert-success{background-color:#1e8721;border-color:#1e8721;color:#fff}
.alert-danger{background-color:#d9372e;border-color:#d9372e;color:#fff}
.alert-info{background-color:#137da6;border-color:#137da6;color:#fff}
.alert-warning{color:#212529}
.alert-warning a,.alert-warning b,.alert-warning strong{color:#212529}
/* Dolu renkli uyarı kutuları (info/success/danger) KOYU zeminli ve beyaz metinli; içlerindeki
   bağlantı varsayılan mavi kalırsa zemine karışıp OKUNMAZ oluyordu (kullanıcı bildirimi:
   "Devam eden küme işlemi" bandında link görünmüyordu). Bağlantı beyaz + altı çizili. */
.alert-info a,.alert-success a,.alert-danger a,
.alert-info .alert-link,.alert-success .alert-link,.alert-danger .alert-link{color:#fff;text-decoration:underline}
.alert-info a:hover,.alert-success a:hover,.alert-danger a:hover{color:#fff;opacity:.85}
/* Renkli uyarı kutusunun içindeki yardımcı metin kendi grisinde kalırsa okunmuyor: kutunun mürekkebini alsın. */
.alert-success .text-muted,.alert-success .mc-help,.alert-success small,
.alert-danger .text-muted,.alert-danger .mc-help,.alert-danger small,
.alert-info .text-muted,.alert-info .mc-help,.alert-info small{color:inherit!important}
.btn-outline-danger{--bs-btn-color:#d4362d;--bs-btn-border-color:#d4362d;--bs-btn-hover-bg:#d4362d;--bs-btn-hover-border-color:#d4362d;--bs-btn-active-bg:#d4362d;--bs-btn-disabled-color:#d4362d}
.btn-outline-warning{--bs-btn-color:#b05c13;--bs-btn-border-color:#b05c13;--bs-btn-hover-bg:#b05c13;--bs-btn-hover-border-color:#b05c13;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#b05c13;--bs-btn-active-color:#fff;--bs-btn-disabled-color:#b05c13}
.btn-outline-success{--bs-btn-color:#1d8320;--bs-btn-border-color:#1d8320;--bs-btn-hover-bg:#1d8320;--bs-btn-hover-border-color:#1d8320;--bs-btn-active-bg:#1d8320;--bs-btn-disabled-color:#1d8320}
.btn-outline-primary,.btn-outline-info{--bs-btn-color:#127ba4;--bs-btn-border-color:#127ba4;--bs-btn-hover-bg:#127ba4;--bs-btn-hover-border-color:#127ba4;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#127ba4;--bs-btn-disabled-color:#127ba4}
[data-bs-theme=dark] .page-item.active .page-link{color:#fff!important}
[data-bs-theme=dark] .btn-outline-danger{--bs-btn-color:#ff8b82;--bs-btn-border-color:#ff8b82;--bs-btn-hover-color:#1c1c1e;--bs-btn-hover-bg:#ff8b82;--bs-btn-hover-border-color:#ff8b82;--bs-btn-disabled-color:#ff8b82}
[data-bs-theme=dark] .btn-outline-warning{--bs-btn-color:#f0ad4e;--bs-btn-border-color:#f0ad4e;--bs-btn-hover-color:#1c1c1e;--bs-btn-hover-bg:#f0ad4e;--bs-btn-hover-border-color:#f0ad4e;--bs-btn-disabled-color:#f0ad4e}
[data-bs-theme=dark] .btn-outline-success{--bs-btn-color:#6fd17a;--bs-btn-border-color:#6fd17a;--bs-btn-hover-color:#1c1c1e;--bs-btn-hover-bg:#6fd17a;--bs-btn-hover-border-color:#6fd17a;--bs-btn-disabled-color:#6fd17a}
[data-bs-theme=dark] .btn-outline-primary,[data-bs-theme=dark] .btn-outline-info{--bs-btn-color:#6ab7dd;--bs-btn-border-color:#6ab7dd;--bs-btn-hover-color:#1c1c1e;--bs-btn-hover-bg:#6ab7dd;--bs-btn-hover-border-color:#6ab7dd;--bs-btn-disabled-color:#6ab7dd}
[data-bs-theme=dark] .input-group-text{color:#ddd}

/* --- Ayarlar tek sayfa (P2): solda dikey bölüm listesi, sağda seçili bölüm.
   13'ten fazla bölüm yatay sekme çubuğuna sığmıyordu; liste yapışkan (sticky) kalır. */
.mc-set-rail{position:sticky;top:12px}
.mc-set-rail .nav-link{color:var(--bs-body-color);padding:6px 10px;border-radius:4px;display:flex;gap:8px;align-items:center}
.mc-set-rail .nav-link.active{background:rgba(13,110,253,.12);color:#0a58ca}
[data-bs-theme=dark] .mc-set-rail .nav-link.active{background:rgba(106,183,221,.16);color:#6ab7dd}
.mc-set-head h3{font-size:17.5px}

/* P1 revizyonu — sağlık şeridi (Bilgi → Özet üstü) ve katlı denetim grupları (Tüm denetimler) */
.mc-hstrip .card-body{font-size:14px}
.mc-hstrip-bad .list-group-item{padding:.4rem 1rem;font-size:14px}
.mc-hgrp{border:1px solid #dee2e6;border-radius:6px;padding:.5rem .75rem}
.mc-hgrp>summary{cursor:pointer;list-style:none;font-size:14px}
.mc-hgrp>summary::-webkit-details-marker{display:none}
.mc-hgrp>summary::before{content:"\25B8";margin-right:6px;color:#6a6a6a}
.mc-hgrp[open]>summary::before{content:"\25BE"}
[data-bs-theme=dark] .mc-hgrp{border-color:#3a3a3d}

/* Komuta masası (/admin/command) — vardiya ekranı: durum başlığı ve günün dört sayısı.
   Ölçüler mevcut kart diliyle aynı; yalnız iki tipografi kuralı ve üç renkli oran çubuğu eklenir. */
.mc-komuta-state{font-size:1.25rem;font-weight:700;line-height:1.1}
.mc-komuta-n{font-size:1.75rem;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
.mc-komuta-bar{height:8px}

/* KOYU TEMA — Bootstrap değişken köprüsü.
   Tema dosyası (lumen) koyu modda kendi değişkenlerini ÇEVİRMİYOR: [data-bs-theme=dark] altında bile
   --bs-body-bg #fbfbfb, --bs-body-color #222 kalıyor. Panelin kendi belirteçleri (--mp-color-*) doğru,
   ama Bootstrap değişkenlerine dayanan her bileşen (list-group satırları, tarih aralığı çubuğu, tablolar)
   koyu zeminde BEYAZ kalıyordu — kullanıcı bildirimi. Tek yerde köprü kuruluyor; bileşen başına koyu
   kuralı yazmak (mc-svc-list'te olduğu gibi) bundan sonra gerekmiyor, var olanlar daha özgül olduğu için
   bozulmuyor. */
[data-bs-theme=dark]{
  --bs-body-bg:var(--mp-color-bg);
  --bs-body-color:var(--mp-color-text);
  --bs-border-color:var(--mp-color-border);
  --bs-secondary-bg:var(--mp-color-surface);
  --bs-tertiary-bg:var(--mp-color-surface);
  --bs-emphasis-color:var(--mp-color-text);
  --bs-secondary-color:var(--mp-color-muted);
}

/* Grafik üzerinde fare ile aralık seçimi (CPU/HAFIZA yakınlaştırması). Kesinti hikâyesindeki şeritle
   aynı davranış: sürükle-seç, çift tıkla sıfırla. Renk temadan gelir (currentColor). */
.mc-chart-sel{position:absolute;top:26px;bottom:18px;background:currentColor;opacity:.16;pointer-events:none;border-radius:2px}

/* Üst menü açılır oku: mailcow referansındaki gibi CSS KENARLIK üçgeni (font'a bağlı DEĞİL, her
   ortamda net üçgen; ikon-font glyph'i bazı sürümlerde yanlış karakter çiziyordu).
   NOT — geçmiş kayıt düzeltmesi: etiket sonlarındaki NOKTA bu ok'tan DEĞİLDİ. Nokta, _layout.html'de
   fazladan bir </ul> yüzünden ul.navbar-nav'ın erken kapanıp menü <li>'lerinin başıboş kalması ve
   varsayılan `disc` madde imini almasıydı (yalnız WebKit/Safari çiziyordu). Kilit:
   TestUstMenuOgeleriNavbarNavIcinde. Buradaki boyut/opaklık yalnız görünürlük içindir. */
.dropdown-toggle::after{
  content:"";
  display:inline-block;
  width:0;height:0;
  margin-left:.45em;
  vertical-align:.16em;
  border-top:.40em solid;
  border-right:.36em solid transparent;
  border-bottom:0;
  border-left:.36em solid transparent;
  border-radius:0;
  opacity:.75;
}
.navbar .dropdown-toggle,.mc-navbar .dropdown-toggle{white-space:nowrap}
.dropdown-toggle:hover::after,.dropdown-toggle.show::after{opacity:1}

/* Açılır menü metni Lumen'de rgba(34,34,34,.5) — beyaz üstünde ~3.4:1, WCAG AA (4.5:1) altında.
   Depoda zaten bir okunurluk kampanyası var; aynı ölçüte çekiliyor. */
:root{--bs-dropdown-link-color:#222}
[data-bs-theme=dark]{--bs-dropdown-link-color:#e6e6e6}

/* --- test koşusu canlı akışı (testrun.js): çalışan adım nabız gibi atar, yeni olay satırı yanarak gelir */
@keyframes mc-nabiz{0%,100%{background-color:rgba(255,193,7,.16)}50%{background-color:rgba(255,193,7,.38)}}
tr.tr-kos>td{animation:mc-nabiz 1.4s ease-in-out infinite}
@keyframes mc-yeni{from{background-color:rgba(21,140,186,.35)}to{background-color:transparent}}
tr.tr-yeni>td{animation:mc-yeni 1.2s ease-out 1}
/* Hareketi azalt tercihi: animasyon kapanır, renkler okunur kalır. */
@media (prefers-reduced-motion:reduce){tr.tr-kos>td,tr.tr-yeni>td{animation:none}tr.tr-kos>td{background-color:rgba(255,193,7,.22)}}

/* Teslimat danışmanı: aynı sorunu yaşayan domainler tek blok. Açıklama grup başında BİR kez
   yazıldığı için satırlar kısa; 89 bulgu metrelerce sayfa yerine birkaç blok olur. */
.mc-adv-grup{border:1px solid var(--bs-border-color,#dee2e6);border-radius:.4rem;padding:.6rem .75rem;margin-bottom:.75rem}
.mc-adv-bas{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.15rem}
.mc-adv-rec{font-size:.875rem;word-break:break-all}
.mc-adv-dom{word-break:break-all}
.mc-adv-grup .table>tbody>tr>td{padding:.25rem .4rem;border-top:0;border-bottom:1px solid var(--bs-border-color,#f1f3f5)}
.mc-adv-grup .table>tbody>tr:last-child>td{border-bottom:0}

/* Onay/bilgi kipi (mcConfirm/mcAlert): tarayıcının alert/confirm kutuları panelin tasarımına
   ait değildi. Metin uzun olabilir; satır sonları korunur ve gövde ölçülü genişlikte kalır. */
.mc-ask .modal-body p{white-space:pre-line;margin:0}
.mc-ask .modal-dialog{max-width:32rem}

/* Node sayfası servis satırları: sol renk şeridi durumu listede taratmadan gösterir.
   Renk TEK başına anlam taşımaz — yanındaki rozet durumu yazıyla da söyler (renk körlüğü). */
.mc-svc{border-left:3px solid transparent;padding-left:.5rem}
.mc-svc-ok{border-left-color:var(--bs-success)}
.mc-svc-warn{border-left-color:var(--bs-warning)}
.mc-svc-bad{border-left-color:var(--bs-danger);background:rgba(220,53,69,.06)}

/* Sürükle-bırak düzen (sira.js): kart/blok taşınırken geri bildirim.
   Tutamaç ayrı bir ikon DEĞİL, kartın kendisi sürüklenir — kullanıcı "tut sürükle" istedi. */
/* SÜRÜKLE-BIRAK DÜZEN (sira.js). Sürüklenen öğe akıştan çıkar ve imleci izler; yerinde aynı
   boyutta bir YER TUTUCU (.sira-yer) gezer — bu yüzden imlecin altındaki geometri sabittir ve
   eski sürümdeki "iki kart yanıp sönüyor" titremesi oluşmaz. */
[data-sira] > [data-sira-id]{cursor:grab}
[data-sira] > [data-sira-id]:active{cursor:grabbing}
[data-sira] > [data-sira-id]:has([data-sira-tut]){cursor:auto}
[data-sira-tut]{cursor:grab;user-select:none;touch-action:none}
[data-sira] > .sira-tasiniyor{
  cursor:grabbing;opacity:.92;box-shadow:0 12px 28px rgba(0,0,0,.28);
  outline:2px solid var(--bs-primary);outline-offset:2px;border-radius:.5rem;
  transition:none;will-change:transform}
.sira-yer{
  border:2px dashed var(--bs-primary);border-radius:.5rem;
  background:var(--bs-tertiary-bg);                                  /* color-mix yoksa (eski Safari) */
  background:color-mix(in srgb, var(--bs-primary) 8%, transparent);
  box-sizing:border-box;margin:0 0 .5rem}
[data-sira].kmd-kartlar > .sira-yer{margin:0}
body.sira-suruklerken{user-select:none;cursor:grabbing}

/* SÜRÜM/DAĞITIM ŞERİDİ — okunurluk için yeniden tasarlandı.
   Eskiden Bootstrap alert-warning idi: turuncu zemin üstüne koyu turuncu yazı, kullanıcı
   "yazılar çok belirsiz" dedi. Şimdi zemin yüzey rengi (kartlarla aynı), yazı normal metin
   rengi, ton YALNIZ sol şeritte ve etikette; kontrast her iki temada yüksek. */
.mc-rollout{position:relative;background:var(--bs-body-bg);color:var(--bs-body-color);
  border:1px solid var(--bs-border-color);border-left:6px solid var(--bs-warning);
  border-radius:.5rem;padding:.85rem 1rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.mc-rollout.bd{border-left-color:var(--bs-danger)}
.mc-rollout-et{flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:3px 9px;border-radius:999px;color:#fff;background:var(--bs-warning-text-emphasis,#664d03)}
.mc-rollout.bd .mc-rollout-et{background:var(--bs-danger)}
.mc-rollout-baslik{font-size:1.25rem;line-height:1.3}
.mc-rollout .progress{background:rgba(var(--bs-body-color-rgb),.10)}
.mc-rollout .mc-help{color:var(--bs-secondary-color)}