/* Kod16 OS — içerik sayfaları (hem tam sayfa hem pencere içi). Açık, okunur, XP/7 dili. */
.os-page{padding-top:var(--header-height,76px);background:#f4f7fb;color:#1c2733;min-height:60vh}
.os-page .os-crumbs{background:#eaf1fb;border-bottom:1px solid #c9d9ee;font-size:13px}
.os-page .os-crumbs .container{display:flex;align-items:center;gap:8px;padding:10px 24px;flex-wrap:wrap}
.os-page .os-crumbs a{color:#0d47a1}.os-page .os-crumbs .sep{color:#8fa5c2}.os-page .os-crumbs .os-open{margin-left:auto;font-size:12px;color:#1e6ec9;border:1px solid #b9c7d8;border-radius:4px;padding:2px 8px;background:#fff}
.os-page .os-container{max-width:960px;padding:24px}
.os-page .os-container>*{background:#fff;border:1px solid #d6dee8;border-radius:8px}
.os-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* --- ortak (pencere içinde de kullanılır) --- */
.os-doc{padding:16px 20px;font:13.5px/1.6 Tahoma,'Segoe UI',Arial,sans-serif;color:#1c2733}
.os-doc-head{display:flex;gap:16px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #e1e8f0;margin-bottom:14px}
.os-doc-ic{width:56px;height:56px;flex:0 0 56px}
.os-eyebrow{display:block;font-size:12px;letter-spacing:0;text-transform:none;color:#5b6b7c;font-weight:400;margin-bottom:2px}
.os-doc h1{margin:0 0 6px;font-size:22px;line-height:1.25;color:#0d2a4a;font-weight:700}
.os-doc h1 a{color:inherit;text-decoration:none}.os-doc h1 a:hover{color:#1e6ec9}
.os-lead{margin:0;color:#5b6b7c;font-size:14.5px}
.os-sec{margin:14px 0}.os-sec h2{font-size:16px;color:#0d2a4a;margin:0 0 6px}
.os-sec p{margin:0 0 8px}
.os-list{margin:6px 0 0 18px;padding:0}.os-list li{margin:3px 0}
.os-list-2{columns:2;column-gap:24px}
.os-faq details{border:1px solid #d6dee8;border-radius:6px;padding:8px 12px;margin:6px 0;background:#f8fbff}
.os-faq summary{cursor:pointer;font-weight:600;color:#0d2a4a}.os-faq p{margin:8px 0 0;color:#445}
.os-cta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px;padding-top:14px;border-top:1px solid #e1e8f0}
.os-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #6d8bb0;border-radius:4px;background:linear-gradient(180deg,#fff,#dbe6f3);color:#123;font-weight:600;text-decoration:none;cursor:pointer;font-size:13px}
.os-btn:hover{background:linear-gradient(180deg,#fff,#c6d8ee)}
.os-btn.pri{background:linear-gradient(180deg,#5aa8f0,#1e6ec9);color:#fff;border-color:#0d47a1}.os-btn.pri:hover{background:linear-gradient(180deg,#6fb5f5,#2b7bd6)}
.os-related{margin-top:16px;padding-top:12px;border-top:1px dashed #d6dee8}.os-related h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#5b6b7c;margin:0 0 6px}
.os-related ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.os-related li a{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #d6dee8;border-radius:14px;font-size:12.5px;color:#0d2a4a;text-decoration:none;background:#f8fbff}
.os-related li a img{width:16px;height:16px}.os-related li a:hover{border-color:#8ab8ea;background:#eaf3ff}
/* kartlar */
.os-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.os-cards-2{grid-template-columns:1fr 1fr}
.os-card{display:flex;gap:12px;align-items:center;border:1px solid #d6dee8;border-radius:6px;padding:12px;background:linear-gradient(180deg,#fff,#f5f8fc);color:inherit;text-decoration:none;position:relative}
.os-card:not(.static):hover{border-color:#8ab8ea;background:#f3f8ff;box-shadow:0 2px 8px rgba(30,110,201,.12)}
.os-card img{width:38px;height:38px;flex:0 0 38px}.os-card b{display:block;color:#0d2a4a;font-size:13.5px}.os-card small{color:#5b6b7c;display:block;line-height:1.4}
.os-card-go{margin-left:auto;color:#8fa5c2;font-size:20px}
/* ürünler */
.os-prods{display:flex;flex-direction:column;gap:10px}
.os-prod{display:flex;gap:14px;align-items:center;border:1px solid #d6dee8;border-radius:6px;padding:12px;background:#fff;position:relative;border-left:4px solid var(--p,#1e6ec9)}
.os-prod-logo{width:130px;height:52px;flex:0 0 130px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e1e8f0;border-radius:4px;background:#fff;padding:4px;text-decoration:none}
.os-prod-logo.dark{background:#22303f}.os-prod-logo img{max-width:100%;max-height:100%}.os-prod-logo b{font-family:Georgia,serif;color:#4c1d95;font-size:18px}
.os-prod-logo:hover{border-color:var(--p,#1e6ec9);box-shadow:0 0 0 2px rgba(30,110,201,.15)}
.os-prod-body{flex:1;min-width:0}.os-prod-body h2{margin:0;font-size:16px}.os-prod-body h2 a{color:#0d2a4a;text-decoration:none}.os-prod-body h2 a:hover{color:var(--p,#1e6ec9)}
.os-prod-body small{color:#5b6b7c;display:block}.os-prod-body p{margin:4px 0;font-size:13px;color:#445}
.os-prod-more{font-size:12.5px;font-weight:600;color:#1e6ec9;text-decoration:none}
.os-prod-head .os-prod-logo{width:150px;height:60px;flex-basis:150px}
.os-badge{position:absolute;right:12px;top:12px;font-size:10.5px;padding:2px 8px;border-radius:10px;background:#e8edf3;color:#445;font-weight:700}.os-badge.live{background:#d9f5df;color:#1b5e20}
.os-chips{display:flex;flex-wrap:wrap;gap:6px}.os-chips span{padding:3px 10px;border:1px solid #d6dee8;border-radius:12px;font-size:12px;background:#f8fbff}
/* referanslar: gezgin */
.os-explorer{display:flex;min-height:420px}
.os-tree{width:180px;flex:0 0 180px;background:#f4f7fb;border-right:1px solid #d6dee8;padding:8px 6px;font-size:12.5px}
.os-tree h5{margin:6px 6px 4px;font-size:11px;color:#5b6b7c;text-transform:uppercase;letter-spacing:.04em}
.os-tree a{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:4px;color:#1c2733;text-decoration:none;white-space:nowrap}
.os-tree a img{width:16px;height:16px}.os-tree a:hover{background:#e3edf9}.os-tree a.on{background:#cfe0f5;font-weight:600}
.os-files-wrap{flex:1;display:flex;flex-direction:column;min-width:0}
.os-addr{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f7f9fc;border-bottom:1px solid #d6dee8;font-size:12px;color:#334}.os-addr img{width:14px;height:14px}
.os-files{flex:1;padding:12px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:12px 6px}
.os-file{width:104px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 3px;border-radius:5px;border:1px solid transparent;text-decoration:none;color:#1c2733;text-align:center}
.os-file:hover{background:#eaf3ff;border-color:#c9dcf3}
.os-file-ic{width:48px;height:48px;position:relative;display:block}.os-file-ic img:first-child{width:48px;height:48px}
.os-file-ic .badge{position:absolute;right:-8px;bottom:-6px;width:28px;height:28px;background:#fff;border:1px solid #b9c7d8;border-radius:5px;object-fit:contain;padding:2px;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.os-file-name{font-size:12px;line-height:1.2}.os-file-sub{font-size:10.5px;color:#5b6b7c}
.os-status{display:flex;justify-content:space-between;padding:4px 10px;font-size:11.5px;color:#5b6b7c;background:#f4f7fb;border-top:1px solid #d6dee8}
.os-refdoc .os-ref-logo{width:120px;height:56px;flex:0 0 120px;display:flex;align-items:center;justify-content:center;border:1px solid #e1e8f0;border-radius:4px;background:#fff;padding:4px}.os-ref-logo img{max-width:100%;max-height:100%}
.os-notepad{margin:0;padding:10px 4px;background:#fff;border:0;border-radius:0;font:13px/1.55 'Lucida Console',Consolas,'Courier New',monospace;white-space:pre-wrap;color:#111}
/* blog */
.os-search{display:flex;gap:6px;margin-bottom:12px}.os-search input{flex:1;border:1px solid #b9c7d8;border-radius:4px;padding:7px 10px;font-size:13.5px}
.os-posts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.os-post{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #d6dee8;border-radius:6px;background:#fff;text-decoration:none;color:inherit}
.os-post:hover{border-color:#8ab8ea;background:#f3f8ff}.os-post img{width:28px;height:28px;flex:0 0 28px}
.os-post b{display:block;font-size:13px;color:#0d2a4a;line-height:1.35}.os-post small{color:#5b6b7c;font-size:11.5px}.os-post p{margin:4px 0 0;font-size:12px;color:#556;line-height:1.4}
.os-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font-size:13px;color:#5b6b7c}
.os-empty{color:#5b6b7c;padding:20px;text-align:center}
/* outlook */
.os-outlook{display:flex;min-height:460px}
.os-olnav{width:190px;flex:0 0 190px;background:#eef3f9;border-right:1px solid #d6dee8;padding:8px 0;font-size:12.5px}
.os-olnav h5{margin:8px 12px 4px;font-size:11px;color:#5b6b7c;text-transform:uppercase}
.os-olnav a,.os-olnav span{display:flex;align-items:center;gap:8px;padding:6px 12px;color:#1c2733;text-decoration:none}
.os-olnav a img,.os-olnav span img{width:16px;height:16px}.os-olnav a:hover{background:#e3edf9}.os-olnav .on{background:#cfe0f5;font-weight:600}.os-olnav p{margin:0;padding:4px 12px;color:#445;font-size:12px}
.os-compose{flex:1;display:flex;flex-direction:column;min-width:0}
.os-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.os-ribbon{display:flex;gap:6px;padding:8px 10px;background:#f7f9fc;border-bottom:1px solid #d6dee8;align-items:center}.os-ribbon-t{margin-left:auto;font-size:11.5px;color:#5b6b7c}
.os-fields{padding:4px 12px;border-bottom:1px solid #d6dee8}
.os-fields label{display:flex;align-items:center;gap:8px;padding:3px 0;border-bottom:1px solid #eef2f6}
.os-fields label span{width:70px;flex:0 0 70px;text-align:right;color:#5b6b7c;font-size:12px}
.os-fields input{flex:1;border:none;outline:none;padding:6px;font-size:13.5px;background:transparent}
.os-compose textarea{flex:1;min-height:150px;border:none;outline:none;padding:12px 14px;font:13.5px/1.55 'Segoe UI',Tahoma,Arial,sans-serif;resize:vertical}
.os-form-status{margin:0;padding:0 14px;font-size:12.5px;min-height:18px}.os-form-status.ok{color:#2e7d32}.os-form-status.err{color:#c62828}
.os-sig{padding:8px 14px;border-top:1px dashed #d6dee8;font-size:12px;color:#5b6b7c;display:flex;gap:16px;flex-wrap:wrap}.os-sig span{display:inline-flex;align-items:center;gap:6px}.os-sig img{width:16px;height:16px}
/* tarayıcı / analiz */
.os-browser{display:flex;flex-direction:column;min-height:520px}
.os-tabs{display:flex;gap:2px;padding:6px 8px 0;background:#dfe6ee}.os-tabs span{padding:5px 12px;background:#fff;border:1px solid #b9c7d8;border-bottom:none;border-radius:5px 5px 0 0;font-size:12px}.os-tabs span.off{background:#eef2f6;color:#667}
.os-nav{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#f0f4f9;border-bottom:1px solid #d6dee8}
.os-nav button{width:28px;height:26px;border:1px solid #b9c7d8;border-radius:4px;background:linear-gradient(180deg,#fff,#e6edf5);cursor:pointer}
.os-url{flex:1;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #b9c7d8;border-radius:4px;padding:0 8px;height:28px}.os-url img{width:14px;height:14px}.os-url input{flex:1;border:none;outline:none;font-size:13px}
.os-bpage{flex:1;padding:20px 22px;font:14px/1.6 'Segoe UI',Tahoma,Arial,sans-serif;color:#223}
.os-bpage h1{margin:0 0 4px;font-size:20px;color:#0d2a4a}
.os-scanbar{display:flex;gap:6px;margin:12px 0}.os-scanbar input{flex:1;border:1px solid #b9c7d8;border-radius:4px;padding:8px 10px;font-size:14px}
.os-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.os-tool{display:flex;gap:10px;align-items:center;border:1px solid #d6dee8;border-radius:6px;padding:10px;background:#fff;text-decoration:none;color:inherit}
.os-tool:hover{background:#f3f8ff;border-color:#8ab8ea}.os-tool.sel{border-color:#1e88e5;box-shadow:0 0 0 2px rgba(30,136,229,.2)}
.os-tool img{width:32px;height:32px}.os-tool b{display:block;color:#0d2a4a}.os-tool small{color:#5b6b7c}
.os-scan{margin-top:14px;border:1px solid #c9d6e5;border-radius:6px;background:linear-gradient(180deg,#f8fbff,#eef4fb);padding:12px}
.os-scan-head{display:flex;align-items:center;gap:10px}.os-scan-head img{width:36px;height:36px}.os-scan-head b{display:block;font-size:14px;color:#0d2a4a}.os-scan-head small{color:#5b6b7c;font-size:12px;display:block;min-height:14px}
.os-scan-pct{margin-left:auto;font-size:20px;font-weight:700;color:#1e6ec9;font-variant-numeric:tabular-nums}
.os-progress{height:14px;border:1px solid #9fb0c3;border-radius:3px;background:#fff;overflow:hidden;margin-top:8px}.os-progress i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#4caf50 0 8px,#66bb6a 8px 12px);transition:width .3s}
.os-scan.done .os-progress i{background:linear-gradient(90deg,#43a047,#66bb6a)}
.os-scan-log{margin-top:10px;height:150px;overflow:auto;background:#fff;border:1px solid #d6dee8;border-radius:4px;padding:6px 8px;font:12px/1.5 Consolas,'Courier New',monospace}
.os-scan-log div{display:flex;gap:8px;white-space:nowrap}.os-scan-log .ok{color:#2e7d32}.os-scan-log .warn{color:#ef6c00}.os-scan-log .bad{color:#c62828}.os-scan-log .dim{color:#7c8894}.os-scan-log .p{flex:1;overflow:hidden;text-overflow:ellipsis}
.os-scan-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:12px;color:#5b6b7c}
.os-gauge{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0}.os-gauge svg{width:150px;height:84px}.os-gauge b{font-size:30px;color:#0d2a4a}.os-gauge small{display:block;color:#5b6b7c;font-size:11px}
@media (max-width:640px){
  .os-page .os-container{padding:12px}
  .os-cards,.os-cards-2,.os-posts,.os-tools{grid-template-columns:1fr}.os-list-2{columns:1}
  .os-tree,.os-olnav,.os-tabs{display:none}
  .os-doc-head{flex-direction:column;gap:10px}
  .os-prod{flex-wrap:wrap}.os-prod-logo{width:100%;flex-basis:100%}
  .os-file{width:31%}
}
/* /cozumler/ makalesi pencere içinde: koyu tema sınıflarını açık zemine uyarla */
.os-article .detail-wrapper{padding:0;background:#fff;color:#223}
.os-article .detail-breadcrumb{background:#f4f7fb;border-bottom:1px solid #d6dee8;padding:8px 0;font-size:12px}
.os-article .detail-breadcrumb .container{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px}
.os-article .detail-breadcrumb a{color:#0d47a1}
.os-article .detail-hero{background:linear-gradient(180deg,#eaf1fb,#fff);padding:18px 16px;border-bottom:1px solid #e1e8f0}
.os-article .detail-hero h1{font-size:20px;color:#0d2a4a;margin:0 0 6px}
.os-article .detail-hero .container{padding:0}
.os-article .detail-meta,.os-article .detail-meta span{color:#5b6b7c!important;font-size:12px}
.os-article .detail-body{padding:16px;background:#fff}
.os-article .detail-article{max-width:100%}
.os-article .seo-content{color:#223;font-size:14px;line-height:1.7}
.os-article .seo-content h2{color:#0d2a4a;font-size:17px;border-bottom:1px solid #e1e8f0;padding-bottom:4px}
.os-article .seo-content h3{color:#0d2a4a;font-size:15px}
.os-article .seo-content a{color:#1e6ec9}
.os-article .related-pages,.os-article .detail-related{background:#f4f7fb;border:1px solid #d6dee8;border-radius:6px;padding:12px;margin-top:14px}
.os-article .related-pages a,.os-article .detail-related a{color:#0d2a4a}
.os-article .detail-cta,.os-article .cta-box{background:#eaf1fb;border:1px solid #c9d9ee;color:#223;border-radius:6px;padding:14px;margin-top:14px}
.os-article .detail-cta a,.os-article .cta-box a{color:#0d47a1}
/* karşılama: hizmet kutucukları + ürün chip'leri */
.os-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.os-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid #d6dee8;border-radius:6px;background:linear-gradient(180deg,#fff,#f5f8fc);text-decoration:none;color:#0d2a4a;font-size:12.5px;font-weight:600;text-align:center;line-height:1.25}
.os-tile img{width:34px;height:34px}
.os-tile:hover{border-color:#8ab8ea;background:#f3f8ff;box-shadow:0 2px 8px rgba(30,110,201,.14)}
.os-prodchips{gap:8px}
.os-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border:1px solid #d6dee8;border-left:3px solid var(--p,#1e6ec9);border-radius:6px;background:#fff;color:#0d2a4a;text-decoration:none;font-weight:600;font-size:12.5px}
.os-chip img{height:22px;width:auto;max-width:70px;border-radius:3px;background:#fff;padding:1px}
.os-chip.dark img{background:#22303f}
.os-chip:hover{border-color:var(--p,#1e6ec9);background:#f3f8ff}
.os-article .related-pages a,.os-article .detail-related a,.os-article .related-links a{display:inline-block;margin:3px 6px 3px 0;padding:3px 9px;border:1px solid #d6dee8;border-radius:12px;background:#fff;font-size:12px;text-decoration:none;color:#0d2a4a}
.os-article .related-pages a:hover,.os-article .detail-related a:hover,.os-article .related-links a:hover{border-color:#8ab8ea;background:#eaf3ff}
.os-article .related-pages h3,.os-article .detail-related h3{font-size:13px;color:#5b6b7c;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}
/* ---- Makale: Not Defteri görünümü ---- */
.os-notepad-win{display:flex;flex-direction:column;min-height:480px;background:#fff}
.os-np-menu{display:flex;gap:2px;padding:3px 6px;background:#f7f9fc;border-bottom:1px solid #d6dee8;font-size:12px}
.os-np-menu span{padding:3px 8px;border-radius:3px;cursor:default}.os-np-menu span:hover{background:#dbe7f7}
.os-np-tabs{display:flex;gap:2px;padding:6px 8px 0;background:#e6ecf3;border-bottom:1px solid #c9d6e5}
.os-np-tabs span{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#fff;border:1px solid #c9d6e5;border-bottom:1px solid #fff;margin-bottom:-1px;border-radius:5px 5px 0 0;font-size:12px;color:#0d2a4a}
.os-np-tabs span img{width:14px;height:14px}
.os-np-body{flex:1;display:flex;background:#fff}
.os-np-gutter{width:44px;flex:0 0 44px;background:#f4f7fb;border-right:1px solid #e1e8f0;background-image:repeating-linear-gradient(180deg,transparent 0 24px,#e6ecf3 24px 25px)}
.os-np-text{flex:1;min-width:0;padding:16px 22px 18px;font:14px/1.75 Consolas,'Cascadia Mono','Courier New',monospace;color:#1a2433;background-image:repeating-linear-gradient(180deg,transparent 0 24px,rgba(30,110,201,.05) 24px 25px)}
.os-np-head h1{font:700 21px/1.3 'Segoe UI',Tahoma,Arial,sans-serif;color:#0d2a4a;margin:0 0 6px}
.os-np-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px dashed #c9d6e5;font-size:12px;color:#5b6b7c;font-family:'Segoe UI',Tahoma,Arial,sans-serif}
.os-np-content{font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:14.5px;line-height:1.75;color:#223}
.os-np-content h2{font-size:17px;color:#0d2a4a;margin:20px 0 6px;padding-left:10px;border-left:3px solid #1e6ec9;font-family:Consolas,'Courier New',monospace}
.os-np-content h2::before{content:'## ';color:#8fa5c2}
.os-np-content h3{font-size:15px;color:#0d2a4a;margin:14px 0 4px;font-family:Consolas,'Courier New',monospace}
.os-np-content h3::before{content:'### ';color:#8fa5c2}
.os-np-content p{margin:0 0 10px}
.os-np-content ul,.os-np-content ol{margin:6px 0 10px 22px}
.os-np-content li{margin:3px 0}
.os-np-content a{color:#1e6ec9}
.os-np-content strong{color:#0d2a4a}
.os-np-content img{max-width:100%;height:auto;border:1px solid #d6dee8;border-radius:4px}
.os-np-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:13px}
.os-np-content th,.os-np-content td{border:1px solid #d6dee8;padding:6px 8px;text-align:left}
.os-np-content th{background:#f4f7fb}
.os-np-related{margin-top:22px;padding-top:12px;border-top:1px dashed #c9d6e5;font-family:'Segoe UI',Tahoma,Arial,sans-serif}
.os-np-related h2{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5b6b7c;margin:10px 0 6px}
.os-np-related h2 img{width:16px;height:16px}
.os-np-related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.os-np-related li a{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;text-decoration:none;color:#1c2733;font-size:12.5px;border:1px solid transparent}
.os-np-related li a:hover{background:#eaf3ff;border-color:#c9dcf3}
.os-np-related li a img{width:18px;height:18px;flex:0 0 18px}
.os-np-related li a span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-np-related li a small{color:#5b6b7c;font-size:11px}
.os-np-status{display:flex;gap:18px;padding:5px 12px;background:#f4f7fb;border-top:1px solid #d6dee8;font-size:11.5px;color:#5b6b7c;font-family:'Segoe UI',Tahoma,Arial,sans-serif}
.os-np-status span:last-child{margin-left:auto}
@media (max-width:640px){.os-np-gutter{display:none}.os-np-related ul{grid-template-columns:1fr}.os-np-text{padding:12px 14px}}
/* ---- Zengin SEO içerik sayfaları ---- */
.os-rich .os-intro p{font-size:15px;color:#33404f}
.os-toc{margin:6px 0 16px;padding:12px 14px;border:1px solid #d6dee8;border-radius:6px;background:#f8fbff;font-size:13px}
.os-toc b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5b6b7c;margin-bottom:6px}
.os-toc ol{margin:0;padding-left:18px;columns:2;column-gap:20px}.os-toc li{margin:2px 0}.os-toc a{color:#0d47a1;text-decoration:none}.os-toc a:hover{text-decoration:underline}
.os-rich .os-sec p{font-size:14.5px;line-height:1.7;color:#223}
.os-tbl{overflow-x:auto;border:1px solid #d6dee8;border-radius:6px}
.os-tbl table{width:100%;border-collapse:collapse;font-size:13.5px}
.os-tbl th{text-align:left;padding:9px 12px;background:#eaf1fb;color:#0d2a4a;font-size:12px;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #c9d9ee}
.os-tbl td{padding:9px 12px;border-bottom:1px solid #e6ecf3;vertical-align:top}.os-tbl tr:last-child td{border-bottom:none}
.os-tbl td.n{white-space:nowrap;font-weight:700;color:#0d2a4a;font-variant-numeric:tabular-nums}
.os-note{font-size:12px;color:#5b6b7c;margin:8px 0 0}
@media (max-width:640px){.os-toc ol{columns:1}}

/* Hizmet listesi altı: sık aranan başlıklar (chip) */
.os-related.os-related-top{border-top:0;margin-top:6px;padding-top:0}

.os-doc-head h2.os-h1like{font-size:22px;line-height:1.25;margin:2px 0 6px;font-weight:800;color:#1c2733}
@media (max-width:640px){.os-doc-head h2.os-h1like{font-size:19px}}

/* ===================== GEZGİN KLASÖR GÖRÜNÜMÜ (osFolder) — XP dili ===================== */
.xp-folder{display:flex;min-height:100%;background:#fff;font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:12.5px;color:#000}
.win .body>.os-frag>.xp-folder{min-height:100%}
.xp-tasks{width:196px;flex:0 0 196px;padding:12px 10px 12px 12px;background:linear-gradient(180deg,#7ba2e7 0%,#6f8de1 30%,#6375d6 100%);border-right:1px solid #4d5fc0}
.xp-box{margin-bottom:12px;border-radius:5px 5px 0 0;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.xp-box h3{margin:0;padding:6px 10px;font-size:12px;font-weight:700;color:#215dc6;background:linear-gradient(90deg,#fff 0%,#c6d3f7 100%);position:relative}
.xp-box h3::after{content:"";position:absolute;right:8px;top:8px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #215dc6}
.xp-box .xp-box-in{padding:8px 10px 10px;background:#d6dff7;display:flex;flex-direction:column;gap:5px}
.xp-box .xp-box-in a{display:flex;align-items:center;gap:7px;color:#215dc6;text-decoration:none;font-size:12px;line-height:1.3}
.xp-box .xp-box-in a img{width:16px;height:16px;flex:0 0 16px}
.xp-box .xp-box-in a:hover{color:#428eff;text-decoration:underline}
.xp-box .xp-box-in a.on{font-weight:700}
.xp-box-det .xp-box-in b{font-size:12px;color:#000}
.xp-box-det .xp-box-in small{font-size:11px;color:#333;line-height:1.35}
.xp-box-det .xp-box-in small span{color:#666}
.xp-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}
.xp-head{display:flex;align-items:center;gap:10px;padding:10px 14px 8px;border-bottom:1px solid #e3e8f0}
.xp-head img{width:32px;height:32px}
.xp-head h1{margin:0;font-size:15px;font-weight:700;color:#1c2733;line-height:1.25}
.xp-head p{margin:2px 0 0;font-size:12px;color:#5b6b7c;line-height:1.35}
.xp-cols{display:none;grid-template-columns:28px minmax(180px,2fr) 150px 3fr;gap:0 8px;padding:4px 10px;border-bottom:1px solid #d6dee8;background:linear-gradient(180deg,#fff,#eef2f8);font-size:11.5px;color:#333}
.xp-cols span{padding:2px 4px;border-right:1px solid #d6dee8}
.xp-cols span:first-child{grid-column:1/3}
.xp-files{padding:10px 12px;flex:1;align-content:flex-start}
.xp-item{display:flex;align-items:center;gap:8px;text-decoration:none;color:#000;border:1px solid transparent;border-radius:3px;padding:4px 6px;position:relative}
.xp-item:hover{background:#eaf3ff;border-color:#c9dcf3;color:#000}
.xp-item:hover .xp-name{color:#0d47a1;text-decoration:underline}
.xp-item:focus-visible{outline:1px dotted #000;outline-offset:-2px}
.xp-item.hide{display:none}
.xp-ico{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.xp-ico img{width:32px;height:32px;object-fit:contain}
.xp-ico.logo img{width:44px;height:32px;background:#fff;border:1px solid #d6dee8;border-radius:3px;padding:2px}
.xp-badge{position:absolute;right:-6px;bottom:-4px;font:bold 8px/1 Tahoma,Arial,sans-serif;font-style:normal;color:#fff;background:#2e9e4f;border:1px solid #fff;border-radius:3px;padding:2px 3px;letter-spacing:.03em}
.xp-txt{min-width:0;display:flex;flex-direction:column;gap:1px}
.xp-name{font-weight:400;font-size:12.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xp-type{font-size:11px;color:#5b6b7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xp-desc{font-size:11px;color:#5b6b7c;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xp-desc .xp-meta{font-style:normal;color:#8a96a6}
.xp-desc .xp-meta::before{content:" · "}
.xp-empty{padding:30px;text-align:center;color:#5b6b7c}
/* --- görünüm: kutucuklar (varsayılan) --- */
.xp-folder[data-view="tiles"] .xp-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 10px}
.xp-folder[data-view="tiles"] .xp-item{padding:6px}
.xp-folder[data-view="tiles"] .xp-ico img{width:40px;height:40px}
.xp-folder[data-view="tiles"] .xp-ico.logo img{width:56px;height:40px}
/* --- görünüm: simgeler --- */
.xp-folder[data-view="icons"] .xp-files{display:flex;flex-wrap:wrap;gap:8px 4px}
.xp-folder[data-view="icons"] .xp-item{width:96px;flex-direction:column;text-align:center;gap:5px;padding:8px 4px}
.xp-folder[data-view="icons"] .xp-ico img{width:48px;height:48px}
.xp-folder[data-view="icons"] .xp-ico.logo img{width:64px;height:44px}
.xp-folder[data-view="icons"] .xp-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px}
.xp-folder[data-view="icons"] .xp-type,.xp-folder[data-view="icons"] .xp-desc{display:none}
/* --- görünüm: ayrıntılar --- */
.xp-folder[data-view="details"] .xp-cols{display:grid}
.xp-folder[data-view="details"] .xp-files{display:block;padding:2px 6px 10px}
.xp-folder[data-view="details"] .xp-item{display:grid;grid-template-columns:28px minmax(180px,2fr) 150px 3fr;gap:0 8px;align-items:center;padding:2px 4px;border-radius:0}
.xp-folder[data-view="details"] .xp-item:nth-child(even){background:#f7f9fc}
.xp-folder[data-view="details"] .xp-item:hover{background:#eaf3ff}
.xp-folder[data-view="details"] .xp-ico img{width:16px;height:16px}
.xp-folder[data-view="details"] .xp-ico.logo img{width:24px;height:16px;padding:1px}
.xp-folder[data-view="details"] .xp-badge{display:none}
.xp-folder[data-view="details"] .xp-txt{display:contents}
.xp-folder[data-view="details"] .xp-name{font-size:12px}
.xp-folder[data-view="details"] .xp-desc{-webkit-line-clamp:1;white-space:nowrap}
/* liste altı bileşenler */
.xp-main .os-cta,.xp-main .os-related,.xp-main .os-pager,.xp-main .os-search{margin:8px 12px}
.xp-main .os-related{border-top:1px dashed #d6dee8;padding-top:10px}
/* mobil: görev paneli listenin altına, yatay değil dikey */
@media (max-width:640px){
  .xp-folder{flex-direction:column}
  .xp-tasks{width:auto;flex:none;order:2;border-right:0;border-top:1px solid #4d5fc0;padding:10px}
  .xp-box-det{display:none}
  .xp-folder[data-view="tiles"] .xp-files{grid-template-columns:1fr}
  .xp-cols,.xp-folder[data-view="details"] .xp-item{grid-template-columns:24px 1fr 90px}
  .xp-cols span:last-child,.xp-folder[data-view="details"] .xp-desc{display:none}
}

/* Not Defteri penceresi: sade metin dosyası hissi */
.win.notepad .body{background:#fff}
.win.notepad .os-doc{padding:8px 12px;font-family:'Lucida Console',Consolas,'Courier New',monospace;font-size:13px}
.win.notepad .os-doc-head{padding-bottom:8px;margin-bottom:8px;border-bottom:1px dashed #d6dee8}
.win.notepad .os-doc-head h1{font-size:16px;font-family:Tahoma,'Segoe UI',Arial,sans-serif}
.win.notepad .os-refdoc .os-ref-logo{width:96px;height:44px;flex-basis:96px}
.win.notepad .os-cta{border-top:1px dashed #d6dee8;padding-top:10px}
/* mobilde kaydedilen görünüm yerine sayfa varsayılanı kullanılır (JS) */

/* --- Kod16 Tarayıcı (dış site görüntüleyici) --- */
.os-webview{min-height:420px}
.os-webview .os-tabs span{display:flex;align-items:center;gap:6px}
.os-webview .os-tab-ic{width:14px;height:14px}
.os-webview .os-nav{flex-wrap:wrap}
.os-webview .os-nav .os-ext{height:26px;padding:0 10px;font-size:12px}
.os-frame-wrap{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background:#fff}
.os-frame{flex:1 1 auto;width:100%;min-height:360px;border:0;background:#fff}
.os-frame-note{padding:4px 10px;font-size:11px;color:#5b6b7c;background:#f4f7fb;border-top:1px solid #d6dee8}
.os-blocked{display:flex;align-items:flex-start;justify-content:center;padding:26px 18px;background:#f4f7fb;flex:1}
.os-sitecard{max-width:640px;width:100%;background:#fff;border:1px solid #d6dee8;border-radius:6px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.os-sitecard-img{width:100%;max-height:260px;object-fit:cover;display:block;border-bottom:1px solid #e3e8f0}
.os-sitecard-body{padding:16px 18px}
.os-sitecard-host{display:flex;align-items:center;gap:6px;font-size:12px;color:#5b6b7c;margin-bottom:4px}
.os-sitecard-host img{width:16px;height:16px}
.os-sitecard h1{font-size:18px;margin:0 0 6px;color:#0d2a4a}
.os-sitecard p{margin:0 0 8px;font-size:13.5px;line-height:1.5;color:#223}
.os-blocked-note{color:#5b6b7c;font-size:12.5px}
.os-page .os-webview{border:1px solid #d6dee8;border-radius:6px;overflow:hidden}
@media (max-width:640px){.os-frame{min-height:60vh}.os-webview .os-nav .os-ext{display:none}}