/* TEKMA Kurumsal - SAP Fiori (Horizon) görünümü. Yalnızca ekranda geçerlidir; yazdırma/PDF çıktılarını etkilemez. */
@media screen {
    :root {
        --sap-shell: #1d2d3e;
        --sap-brand: #0070f2;
        --sap-brand-dark: #0064d9;
        --sap-bg: #f5f6f7;
        --sap-text: #131e29;
        --sap-text-muted: #556b82;
        --sap-border: #d5dadd;
        --sap-field: #758ca4;
        --sap-radius: .5rem;
        --sap-shadow: 0 0 0 .0625rem rgba(85,107,129,.18), 0 .125rem .5rem rgba(85,107,129,.22);
    }

    html { -webkit-text-size-adjust: 100%; }
    body {
        font-family: '72', '72full', 'Segoe UI', Arial, Helvetica, sans-serif;
        color: var(--sap-text);
        -webkit-font-smoothing: antialiased;
    }
    input, select, textarea, button { font-family: inherit; }

    /* Kartlar / paneller */
    .container, .card, .panel, .form-box, .box, .table-shell, .notice-card, .login-card, .modal-box, .modal-content {
        border-radius: var(--sap-radius);
    }
    .container, .card, .panel, .form-box, .table-shell {
        border: 1px solid var(--sap-border);
        box-shadow: var(--sap-shadow);
    }
    .container { background: #fff; }

    /* Başlıklar */
    h1, h2, h3 { color: var(--sap-text); font-weight: 600; letter-spacing: 0; }
    h2 { border-bottom-color: var(--sap-brand) !important; }
    .brand-header { border-bottom-color: var(--sap-brand) !important; }
    .brand-header h2 { color: var(--sap-text); }

    /* Form alanları */
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
    select, textarea {
        border: 1px solid var(--sap-field);
        border-radius: var(--sap-radius);
        background-color: #fff;
        color: var(--sap-text);
    }
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):hover,
    select:hover, textarea:hover { background-color: #fafbfc; }
    input:focus, select:focus, textarea:focus {
        outline: 2px solid var(--sap-brand);
        outline-offset: -1px;
        border-color: var(--sap-brand);
    }
    label { color: var(--sap-text-muted); font-size: 13px; font-weight: 600; }
    input[type="checkbox"], input[type="radio"] { accent-color: var(--sap-brand); }

    /* Düğmeler */
    button, .btn, a[class^="btn"], a[class*=" btn"] {
        border-radius: var(--sap-radius);
        font-weight: 600;
        letter-spacing: 0;
        transition: filter .12s ease, box-shadow .12s ease;
    }
    button:hover, .btn:hover, a[class^="btn"]:hover, a[class*=" btn"]:hover { filter: brightness(1.08); }
    button:focus-visible, a:focus-visible { outline: 2px solid var(--sap-brand); outline-offset: 2px; }

    /* Tablolar (yalnızca liste tabloları; belge/form tablolarına dokunmaz) */
    .table-shell table { border-collapse: collapse; }
    .table-shell th {
        background: var(--sap-bg);
        color: var(--sap-text-muted);
        font-weight: 600;
        border-bottom: 1px solid var(--sap-border);
    }
    .table-shell tbody tr:hover > td { background-color: #f0f6ff; }
    a { color: var(--sap-brand-dark); }

    /* Kaydırma çubukları */
    * { scrollbar-width: thin; scrollbar-color: #b5c0cb transparent; }
    ::-webkit-scrollbar { width: 9px; height: 9px; }
    ::-webkit-scrollbar-thumb { background: #b5c0cb; border-radius: 9px; }
    ::-webkit-scrollbar-track { background: transparent; }
}

/* ===== Standart işlem düğmeleri (ui_actions.php) — tüm sayfalarda aynı boyut/sıra; geçersiz olanlar silik ===== */
.tk-actions { display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-start; gap:6px; white-space:nowrap; }
.tk-actions form { display:inline-flex; margin:0; padding:0; }
/* Açılır işlem menüsü (ui_actions.php › tekma_actions_menu): "⋯" düğmesi + simge, ad, açıklama satırları */
.tk-lbl { display:none; }
details.tk-mw { display:inline-block; position:relative; }
details.tk-mw > summary { list-style:none; }
details.tk-mw > summary::marker { content:''; }
.tk-more .tk-txt { font-size:16px; letter-spacing:1px; }
details.tk-mw[open] > summary { box-shadow:0 0 0 2px rgba(0,100,217,.35); }
.tk-menu { position:fixed; z-index:3000; min-width:250px; max-width:340px; max-height:70vh; overflow-y:auto; background:var(--mh-card, #fff); color:var(--mh-text, #131e29); border:1px solid var(--mh-border, #d9dee5); border-radius:12px; box-shadow:0 14px 40px rgba(15,23,42,.22); padding:6px; white-space:normal; text-align:left; }
.tk-menu form { display:block; margin:0; }
.tk-menu .tk-btn { display:flex; width:100%; height:auto; min-height:36px; justify-content:flex-start; align-items:center; gap:10px; padding:7px 9px; border-radius:8px; background:transparent !important; color:var(--mh-text, #131e29) !important; text-align:left; overflow:visible; font-size:13px; }
.tk-menu .tk-btn:hover { background:rgba(0,100,217,.08) !important; }
.tk-menu .tk-btn .tk-ico, .tk-menu .tk-btn > .tk-txt { flex:0 0 auto; width:26px; height:26px; padding:5px; box-sizing:border-box; border-radius:7px; color:#fff; background:#0064d9; display:inline-flex; align-items:center; justify-content:center; font-size:9px; }
.tk-menu .tk-green .tk-ico, .tk-menu .tk-green > .tk-txt { background:#107e3e; } .tk-menu .tk-red .tk-ico, .tk-menu .tk-red > .tk-txt { background:#d20a0a; }
.tk-menu .tk-purple .tk-ico, .tk-menu .tk-purple > .tk-txt { background:#7b3fc4; } .tk-menu .tk-orange .tk-ico, .tk-menu .tk-orange > .tk-txt { background:#e9730c; }
.tk-menu .tk-gray .tk-ico, .tk-menu .tk-gray > .tk-txt { background:#556b82; } .tk-menu .tk-dark .tk-ico, .tk-menu .tk-dark > .tk-txt { background:#1d2d3e; }
.tk-menu .tk-lbl { display:flex; flex-direction:column; min-width:0; line-height:1.3; }
.tk-menu .tk-lbl b { font-weight:700; font-size:13px; }
.tk-menu .tk-lbl small { font-weight:500; font-size:11.5px; color:var(--mh-muted, #5b6b7d); white-space:normal; }
.tk-menu .tk-red .tk-lbl b { color:#c00; }
.tk-menu .tk-btn.is-off { opacity:.55; cursor:not-allowed; }
.tk-menu .tk-btn.is-off:hover { background:transparent !important; }
.tk-msep { border:0; border-top:1px solid var(--mh-border, #d9dee5); margin:5px 4px; }
@media print { details.tk-mw { display:none; } }
.tk-btn { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:28px; min-width:28px; height:28px; padding:0; margin:0; border:0; border-radius:6px; overflow:hidden;
    font-family:inherit; font-size:10px; font-weight:800; line-height:1; text-decoration:none; white-space:nowrap; cursor:pointer; color:#fff !important; background:#0064d9; list-style:none; }
.tk-btn::-webkit-details-marker { display:none; }
.tk-btn .tk-ico { width:16px; height:16px; display:block; pointer-events:none; }
.tk-btn .tk-txt { pointer-events:none; }
.tk-btn:hover { filter:brightness(1.1); }
.tk-blue { background:#0064d9; } .tk-purple { background:#5b4fcf; } .tk-green { background:#107e3e; } .tk-red { background:#bb0000; }
.tk-orange { background:#e76500; } .tk-gray { background:#556b82; } .tk-dark { background:#1d2d3e; }
.tk-btn.is-off, .tk-btn.is-off:hover { opacity:.32; filter:grayscale(.5); cursor:not-allowed; pointer-events:auto; box-shadow:none; }
td.tk-col, th.tk-col { white-space:nowrap; width:1%; }
@media print { .tk-actions, td.tk-col, th.tk-col { display:none !important; } }

/* ===== Standart liste tablosu (Servisler sayfasındaki görünüm): Teklifler / Proforma / Toplantı / Servis listelerinde ortak ===== */
@media screen {
    .table-wrap { overflow-x:auto; }
    .tk-table { width:100%; border-collapse:collapse; background:#fff; }
    .tk-table th, .tk-table td { border:1px solid #d9d9d9; padding:6px; font-size:12px; text-align:left; vertical-align:top; }
    .tk-table th { background:#f1f5f9; color:#1d2d3e; font-weight:800; }
    .tk-table tbody tr:hover td { background:#f8fafc; }
    .list-head { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
    .list-head h2 { margin:0; }
}
/* ===== Standart sayfa iskeleti (giriş yapılmış tüm iç sayfalar): aynı genişlik, kenar boşluğu ve zemin ===== */
@media screen and (min-width: 901px) {
    body.has-tekma-global-nav:not(:has(.kanban-board)):not(:has(.mh-app)) { background: var(--sap-bg); }
    body.has-tekma-global-nav:not(:has(.kanban-board)) {
        padding-left: 24px !important; padding-right: 24px !important; padding-bottom: 64px !important;
    }
    body.has-tekma-global-nav .page, body.has-tekma-global-nav .shell, body.has-tekma-global-nav .container,
    body.has-tekma-global-nav .mh-app, body.has-tekma-global-nav .tekma-settings-tabs {
        width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; box-sizing: border-box;
    }
    body.has-tekma-global-nav .mh-app { padding-left: 0; padding-right: 0; }
    body.has-tekma-global-nav .tekma-settings-tabs { padding-left: 0; padding-right: 0; }
    body.has-tekma-global-nav .page h1, body.has-tekma-global-nav .shell h1, body.has-tekma-global-nav .container h1, body.has-tekma-global-nav .mh-app h1 {
        font-size: 22px; line-height: 1.25; font-weight: 600;
    }
}
/* ===== Karanlık tema (nav'daki ay/güneş düğmesi): sayfa renkleri evrilir; görseller ve üst menü özgün kalır. Muhasebe kendi koyu temasını kullanır. ===== */
@media screen {
    /* Ofis modulleri: beyaz -> Muhasebe koyu kart rengi (#122231, mavi ton), siyah metin -> #e8eef5 */
    html.tk-dark:not(:has(.mh-app)) { background: #fff; filter: invert(1) hue-rotate(180deg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='k' color-interpolation-filters='sRGB'><feComponentTransfer><feFuncR type='linear' slope='.8667' intercept='.0431'/><feFuncG type='linear' slope='.8431' intercept='.0902'/><feFuncB type='linear' slope='.8275' intercept='.1333'/></feComponentTransfer></filter></svg>#k"); }
    html.tk-dark:not(:has(.mh-app)) img, html.tk-dark:not(:has(.mh-app)) video, html.tk-dark:not(:has(.mh-app)) canvas,
    html.tk-dark:not(:has(.mh-app)) iframe, html.tk-dark:not(:has(.mh-app)) .tekma-global-nav, html.tk-dark:not(:has(.mh-app)) .tk-keep-colors {
        filter: hue-rotate(180deg) invert(1);
    }
    html.tk-dark { color-scheme: dark; }
}
/* ===== Koyu mod - suzgecli sayfalar (Cariler, Teklifler, Siparisler, Personel ...): renkler Muhasebe'nin koyu temasiyla ayni koda getirilir =====
   Suzgec beyazi #0b1722'ye (Muhasebe zemini), siyahi #e8eef5'e (Muhasebe yazisi) esler; asagidaki on-renkler suzgecten gectikten sonra Muhasebe renklerini verir:
   kart #122231, tablo basligi / alan #162a3b, baglanti #7dbbff, vurgu #2b7fe0. Dugmeler suzgecin tersiyle (tk-keep-colors mantigi) kendi renginde kalir. */
@media screen {
    html.tk-dark:not(:has(.mh-app)) { --sap-brand: #4399ff; --sap-brand-dark: #0f4e8a; --mh-bg: #ffffff; --mh-card: #eef3f8; --mh-text: #000000; --mh-muted: #4f5e6e; --mh-border: #d3dde7; --mh-head: #e1ebf2; --mh-hover: #d3e4f1; --mh-accent: #4399ff; --mh-good: #007c0a; --mh-bad: #f65b4f; --mh-warn: #9e4400; }
    /* ^ --mh-* degiskenleri (Teklifler / Siparisler kutucuklari, Hizli secim cubugu, islem menusu): suzgec oncesi renkler; yoksa Muhasebe'nin koyu degerleri ikinci kez ters cevrilip acik mavi olur */
    html.tk-dark:not(:has(.mh-app)) body { background: #ffffff !important; }
    html.tk-dark:not(:has(.mh-app)) :is(.panel, .stat, .hero, .st-card, .form-panel, .sv-card, .card, .container, .table-shell, .tk-table, .form-box, .box, .modal-box, .modal-content, .notice-card, .login-card) { background: #eef3f8; }
    html.tk-dark:not(:has(.mh-app)) th { background: #e1ebf2; }
    html.tk-dark:not(:has(.mh-app)) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
    html.tk-dark:not(:has(.mh-app)) select, html.tk-dark:not(:has(.mh-app)) textarea { background-color: #e1ebf2; }
    html.tk-dark:not(:has(.mh-app)) :is(.btn, .tk-btn, .tk-blue, .mt-btn, .xbar button, #tekma-mail-box .mh, #tekma-mail-box .go):not(.tk-menu *),
    html.tk-dark:not(:has(.mh-app)) .tk-menu .tk-ico, html.tk-dark:not(:has(.mh-app)) .tk-menu .tk-btn > .tk-txt { filter: hue-rotate(180deg) invert(1); }
    html.tk-dark:not(:has(.mh-app)) :is(.btn, .tk-btn, .tk-blue, .mt-btn, .xbar button):not(.tk-menu *):hover { filter: hue-rotate(180deg) invert(1) brightness(1.08); }
    html.tk-dark:not(:has(.mh-app)) :is(#tekma-mail-backdrop, #tkd-layer, .task-modal-backdrop, .archive-modal-backdrop, #cf-back, .cf-back, #import-back, .import-back, #modal-back, .modal-back) { background: rgba(255,255,255,.6); } /* pencere arkası karartma: süzgeç koyu perdeyi açık gri yapıyordu; ön-renk beyaz = süzgeçten sonra koyu perde */
    html.tk-dark:not(:has(.mh-app)) .tk-btn.is-off, html.tk-dark:not(:has(.mh-app)) .tk-btn.is-off:hover { filter: hue-rotate(180deg) invert(1) grayscale(.5); }
}
/* Muhasebe koyu tema: SAP temasının koyu metin renklerini ezer. Yazı alanı kuralı, açık moddaki 5 :not() li kuralı yenebilsin diye aynı :not() listesini taşır (aksi halde alanlar beyaz kalır ve açık renkli yazı görünmez olur) */
@media screen {
    html.mh-dark body:has(.mh-app) { color: var(--mh-text); }
    html.mh-dark body:has(.mh-app) h1, html.mh-dark body:has(.mh-app) h2, html.mh-dark body:has(.mh-app) h3, html.mh-dark body:has(.mh-app) label { color: var(--mh-text); }
}@media screen {
    html.mh-dark body:has(.mh-app) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]), html.mh-dark body:has(.mh-app) select, html.mh-dark body:has(.mh-app) textarea {
        background-color: var(--mh-head); color: var(--mh-text); border-color: var(--mh-border);
    }
}
/* ===== Cep telefonu: kompakt görünüm (tüm sayfalar) — küçük kartlar, 2'li istatistik ve halka yerleşimi, dar tablolar ===== */
@media screen and (max-width:700px) {
    body { font-size:14px; }
    .mh-app { padding:0 8px !important; gap:0 !important; }
    .mh-mbar { padding:6px 8px !important; margin-bottom:8px !important; }
    .mh-burger { padding:7px 11px !important; font-size:13px !important; }
    .mh-head { padding:10px 12px !important; margin-bottom:8px !important; gap:8px !important; border-radius:10px !important; }
    .mh-head .mh-headl { flex:0 0 auto !important; gap:10px !important; }
    .mh-head h1 { font-size:17px !important; margin:0 !important; }
    .mh-head img.hd-logo, .mh-head .mh-ini.hd-logo { width:34px !important; height:34px !important; border-radius:9px !important; font-size:13px !important; }
    .mh-head .mh-muted { font-size:11px !important; margin-top:1px !important; }
    .mh-head .mh-headbtns, .mh-head > .mh-noprint { gap:6px !important; }
    .mh-card { padding:10px !important; margin-bottom:8px !important; border-radius:10px !important; }
    .mh-card .mh-h2, h2.mh-h2 { font-size:14px !important; margin:0 0 8px !important; }
    .mh-btn { padding:7px 10px !important; min-height:34px !important; font-size:12.5px !important; border-radius:8px !important; }
    .mh-form { gap:8px !important; }
    .mh-form label, .mh-inline label { font-size:11.5px !important; margin-bottom:2px !important; }
    .mh-form input, .mh-form select, .mh-form textarea, .mh-inline input, .mh-inline select { min-height:36px !important; padding:6px 9px !important; }
    .tk-stats { grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:6px !important; margin-bottom:8px !important; }
    .tk-stat { padding:7px 9px !important; gap:8px !important; border-radius:10px !important; }
    .tk-stat .ico { width:28px !important; height:28px !important; font-size:14px !important; border-radius:8px !important; }
    .tk-stat .lb { font-size:10.5px !important; line-height:1.2; }
    .tk-stat .vl { font-size:15px !important; }
    .mh-t th, .mh-t td { padding:5px 5px !important; font-size:11.5px !important; }
    .tk-btn { width:26px !important; height:26px !important; }
    .mh-strip { gap:6px !important; margin-bottom:6px !important; }
    .mh-chip { padding:4px 9px !important; font-size:11.5px !important; }
    .mh-themechip { width:30px !important; height:30px !important; }
    .mh-fx, .mh-counter { font-size:11.5px !important; padding:4px 9px !important; }
    .mhr-tabs { gap:5px !important; margin-bottom:8px !important; } .mhr-tabs a { padding:5px 10px !important; font-size:12px !important; }
    /* ana sayfa halkaları: alt alta tek sütun yerine yan yana ikili */
    .mh-gauges { flex-direction:row !important; flex-wrap:wrap !important; gap:6px !important; justify-content:space-between !important; }
    .mh-gauge, .mh-gauge.big { width:calc(50% - 4px) !important; flex:0 0 calc(50% - 4px) !important; min-width:0 !important; }
    .mh-gauge-label { font-size:9px !important; letter-spacing:.6px !important; min-height:22px !important; }
    .mh-gauge-center { padding:0 8px !important; } .mh-gauge-center b { font-size:14px !important; } .mh-gauge-center b.sm { font-size:12px !important; } .mh-gauge-center small { font-size:7.5px !important; letter-spacing:.3px !important; margin-top:1px !important; }
    .mh-big { font-size:18px !important; margin:2px 0 6px !important; }
    .mh-tile { padding:10px 6px !important; } .mh-tile strong { font-size:20px !important; }
    .license-footer { font-size:10px !important; padding:6px 10px !important; }
}
/* Cep telefonu kompakt: eski tasarımlı liste sayfaları (Cariler vb.: .panel.hero, .stats, .toolbar) */
@media screen and (max-width:700px) {
    body { padding-left:8px !important; padding-right:8px !important; }
    .panel { border-radius:10px !important; margin-bottom:8px !important; }
    .panel.hero { padding:10px 12px !important; gap:8px !important; }
    .hero .brand { gap:10px !important; } .hero .brand img { width:34px !important; height:34px !important; }
    .hero h1 { font-size:17px !important; margin:0 !important; } .hero .muted { font-size:11px !important; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:6px !important; }
    .btn { padding:7px 10px !important; font-size:12px !important; } .btn.small { padding:5px 8px !important; font-size:11px !important; }
    .stats { grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:6px !important; margin-bottom:8px !important; }
    .stat { padding:7px 9px !important; gap:8px !important; border-radius:10px !important; }
    .stat .ico { width:28px !important; height:28px !important; font-size:14px !important; border-radius:8px !important; }
    .stat span { font-size:10.5px !important; } .stat strong { font-size:15px !important; }
    .toolbar { padding:8px 10px !important; gap:6px !important; }
    .form-grid { gap:8px !important; }
    table th, table td { padding-top:6px; padding-bottom:6px; }
}
@media screen and (max-width:700px) { .avatar { width:26px !important; height:26px !important; font-size:10px !important; } .who { gap:8px !important; } td strong { font-size:12.5px; } }
/* Pencere / açılır kutu açılınca sayfa kaydırma çubuğu belirip kaybolduğunda içerik yana kaymasın: tam sayfalarda çubuk payı hep ayrılır (çerçeve içindeki sayfalarda çubuk gizlidir) */
@media screen { html { scrollbar-gutter: stable; } }