/* ============================================================
   OSDesk — STRUCTURE & CHROME  (assets/css/app.css)
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
/* ekran okuyucu icin gorunmez ama erisilebilir (H1, etiketler) */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{
  font-family:var(--font);color:var(--text);min-height:100vh;
  background:var(--desk-bg);background-attachment:fixed;
  padding-bottom:calc(var(--taskbar-height) + 14px);
  -webkit-font-smoothing:antialiased;transition:background .5s ease,color .3s ease;
  position:relative;
}
body::before{content:"";position:fixed;inset:0;background:var(--desk-overlay);opacity:.55;z-index:-1;pointer-events:none}
.shell{max-width:1180px;margin:0 auto;padding:28px 20px 0}

/* ---- WINDOW ---- */
.win,.masthead,.gadget,.foot-win{
  background:var(--window-bg);border:var(--window-border);border-radius:var(--window-radius);
  box-shadow:var(--window-shadow);overflow:hidden;
  backdrop-filter:var(--window-blur);-webkit-backdrop-filter:var(--window-blur);
}
/* masthead dropdown'lari tasiyabilsin diye overflow gorunur + ust katmanda dursun */
.masthead{margin-bottom:26px;overflow:visible;position:relative;z-index:50}
.masthead .titlebar{border-radius:var(--window-radius) var(--window-radius) 0 0}

/* ---- TITLEBAR ---- */
.titlebar{display:flex;align-items:center;gap:10px;height:var(--titlebar-height);padding:0 12px;
  background:var(--titlebar-bg);color:var(--titlebar-text);border-bottom:var(--titlebar-border)}
.tb-icon{width:16px;height:16px;flex:0 0 auto;order:0}
.tb-icon-ext{flex:0 0 auto;order:0;display:inline-flex;align-items:center}
.tb-icon-ext svg{display:block}
.tb-title{font-size:12.5px;font-weight:var(--titlebar-font-weight);color:var(--titlebar-text);
  letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:1;flex:1 1 0;min-width:0;text-align:left}
.win .titlebar{min-width:0}
.tb-controls{margin-left:auto;display:flex;gap:0;order:var(--titlebar-controls-order,2);flex:0 0 auto}
[data-theme="macos"] .tb-controls{margin-left:0;margin-right:auto;order:0}
[data-theme="macos"] .tb-icon{order:2;margin-left:auto}
[data-theme="macos"] .tb-title{text-align:center;order:1}

.tb-btn{width:44px;height:30px;border:none;background:transparent;cursor:pointer;display:grid;place-items:center;
  border-radius:5px;color:var(--titlebar-text);transition:background .15s}
.tb-btn:hover{background:rgba(0,0,0,0.08)}
.tb-btn.close:hover{background:#e81123;color:#fff}
.tb-btn svg{width:11px;height:11px}
/* win9x/me */
[data-theme="win9x"] .tb-controls,[data-theme="winme"] .tb-controls{gap:2px;padding-right:2px}
[data-theme="win9x"] .tb-btn,[data-theme="winme"] .tb-btn{width:18px;height:16px;background:#c0c0c0;color:#000;border-radius:0;
  box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}
[data-theme="win9x"] .tb-btn:hover,[data-theme="winme"] .tb-btn:hover{background:#c0c0c0}
[data-theme="win9x"] .tb-btn.close:hover,[data-theme="winme"] .tb-btn.close:hover{background:#c0c0c0;color:#000}
[data-theme="win9x"] .tb-btn:active,[data-theme="winme"] .tb-btn:active{box-shadow:inset 1px 1px #000,inset -1px -1px #fff}
[data-theme="win9x"] .tb-btn svg,[data-theme="winme"] .tb-btn svg{width:8px;height:8px}
/* xp */
[data-theme="winxp"] .tb-controls{gap:2px;padding-right:3px}
[data-theme="winxp"] .tb-btn{width:21px;height:21px;border-radius:3px;color:#fff;background:linear-gradient(180deg,#6fa8e8,#235ad6);box-shadow:inset 0 1px rgba(255,255,255,.5);border:1px solid #1941a5}
[data-theme="winxp"] .tb-btn.close{background:linear-gradient(180deg,#f08a6c,#d2401a);border-color:#a52d10}
[data-theme="winxp"] .tb-btn:hover{filter:brightness(1.12)}
[data-theme="winxp"] .tb-btn svg{width:9px;height:9px}
/* macos traffic lights */
[data-theme="macos"] .tb-controls{gap:8px;padding-left:4px}
[data-theme="macos"] .tb-btn{width:13px;height:13px;border-radius:50%;padding:0}
[data-theme="macos"] .tb-btn svg{display:none}
[data-theme="macos"] .tb-controls .tb-btn:nth-child(1){background:#ff5f57}
[data-theme="macos"] .tb-controls .tb-btn:nth-child(2){background:#febc2e}
[data-theme="macos"] .tb-controls .tb-btn:nth-child(3){background:#28c840}
[data-theme="macos"] .tb-btn:hover{filter:brightness(.92)}
/* linux/android round */
[data-theme="linux"] .tb-btn,[data-theme="android"] .tb-btn{width:28px;height:28px;border-radius:50%}
[data-theme="android"] .tb-btn:hover{background:rgba(26,115,232,0.12)}

/* ---- MENUBAR ---- */
.menubar{display:flex;align-items:center;gap:4px;padding:8px 14px;background:rgba(255,255,255,0.92);flex-wrap:wrap;backdrop-filter:blur(8px)}
[data-theme="win9x"] .menubar,[data-theme="winme"] .menubar{background:#c0c0c0;border-bottom:1px solid #808080;box-shadow:inset 0 1px #fff}
[data-theme="win8"] .menubar,[data-theme="win10"] .menubar{background:#f3f3f3;border-bottom:1px solid var(--border)}
.menubar .brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.brand-name{font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--text)}
.brand-name b{color:var(--accent)}
.brand .os-logo{width:30px;height:30px;display:grid;place-items:center}
.brand .os-logo svg{width:30px;height:30px}

.magic-nav{position:relative;display:flex;gap:2px}
.magic-nav a{position:relative;z-index:2;text-decoration:none;color:var(--text);font-size:13px;font-weight:500;padding:7px 14px;border-radius:6px;transition:color .2s;white-space:nowrap}
.magic-nav a:hover,.magic-nav a.active{color:var(--accent)}
.magic-pill{position:absolute;top:0;left:0;height:100%;border-radius:6px;background:var(--chip-bg);z-index:1;
  transition:transform .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1),opacity .2s;opacity:0;pointer-events:none}
[data-theme="win9x"] .magic-pill,[data-theme="winme"] .magic-pill,[data-theme="win8"] .magic-pill{border-radius:0}

/* ===== OS-TARZI DROPDOWN MENULER ===== */
.osmenu .menu-item{position:relative;z-index:3}
.osmenu .drop-toggle{display:inline-flex;align-items:center;gap:5px}
.osmenu .caret{font-size:9px;opacity:.7;transition:transform .2s}
.osmenu .menu-item.open .caret{transform:rotate(180deg)}
.osmenu .dropdown{
  position:absolute;top:calc(100% + 6px);left:0;min-width:210px;z-index:90;
  background:var(--window-bg);border:var(--window-border);border-radius:8px;
  box-shadow:0 12px 36px rgba(0,0,0,.28);padding:6px;
  backdrop-filter:var(--window-blur);-webkit-backdrop-filter:var(--window-blur);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s,transform .18s,visibility .18s;max-height:70vh;overflow-y:auto;
}
.osmenu .menu-item.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.osmenu .dropdown a{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;
  font-size:13px;color:var(--text);text-decoration:none;white-space:nowrap;transition:background .12s,color .12s;
}
.osmenu .dropdown a:hover{background:var(--accent);color:var(--accent-text)}
.osmenu .dropdown .di{font-size:16px;line-height:1;width:20px;text-align:center;flex:0 0 auto}

/* Win 95/98/Me: klasik gri kabartmali menu */
[data-theme="win9x"] .osmenu .dropdown,[data-theme="winme"] .osmenu .dropdown{
  background:#c0c0c0;border:none;border-radius:0;padding:2px;
  box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf,2px 2px 6px rgba(0,0,0,.4);
}
[data-theme="win9x"] .osmenu .dropdown a,[data-theme="winme"] .osmenu .dropdown a{border-radius:0;color:#000}
[data-theme="win9x"] .osmenu .dropdown a:hover,[data-theme="winme"] .osmenu .dropdown a:hover{background:#000080;color:#fff}

/* XP: Luna mavi kenarli, beyaz govde */
[data-theme="winxp"] .osmenu .dropdown{background:#fff;border:1px solid #245edb;border-radius:0 0 4px 4px;padding:3px;box-shadow:3px 3px 8px rgba(0,0,0,.3)}
[data-theme="winxp"] .osmenu .dropdown a{border-radius:0;color:#000}
[data-theme="winxp"] .osmenu .dropdown a:hover{background:linear-gradient(180deg,#3c81f3,#235ad6);color:#fff}

/* Win8: duz, koseli */
[data-theme="win8"] .osmenu .dropdown{border-radius:0;background:#fff;border:1px solid #d8d8d8}
[data-theme="win8"] .osmenu .dropdown a{border-radius:0}

/* macOS: yuvarlak, blur, ince */
[data-theme="macos"] .osmenu .dropdown{border-radius:10px;padding:5px}
[data-theme="macos"] .osmenu .dropdown a{border-radius:6px}

/* Linux/Android: yuvarlak */
[data-theme="android"] .osmenu .dropdown{border-radius:16px;padding:8px}
[data-theme="android"] .osmenu .dropdown a{border-radius:12px}
[data-theme="linux"] .osmenu .dropdown a:hover{background:var(--accent);color:#fff}


.address-row{display:flex;align-items:center;gap:10px;padding:9px 14px;background:rgba(255,255,255,0.18)}
[data-theme="win9x"] .address-row,[data-theme="winme"] .address-row{background:#c0c0c0}
.addr-bar{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:6px;padding:7px 12px;font-size:12.5px;color:var(--text-soft);min-width:0}
[data-theme="win9x"] .addr-bar,[data-theme="winme"] .addr-bar{border-radius:0;box-shadow:inset 1px 1px #808080,inset -1px -1px #fff;border:none}
.addr-bar svg{width:13px;height:13px;flex:0 0 auto;color:var(--accent)}
.addr-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crumbs{display:flex;align-items:center;gap:6px;min-width:0}
.crumbs a{color:var(--accent);text-decoration:none;white-space:nowrap}
.crumbs a:hover{text-decoration:underline}
.crumb-sep{color:var(--meta);flex:0 0 auto}
.crumb-cur{color:var(--meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-box{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:6px;padding:7px 11px;width:180px}
[data-theme="win9x"] .search-box,[data-theme="winme"] .search-box{border-radius:0;box-shadow:inset 1px 1px #808080,inset -1px -1px #fff;border:none}
.search-box input{border:none;outline:none;font-size:12.5px;width:100%;font-family:inherit;background:transparent;color:var(--text)}
.search-box svg{width:13px;height:13px;color:var(--text-soft);flex:0 0 auto}

/* ---- LAYOUT ---- */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start;position:relative;z-index:1}
.posts{display:flex;flex-direction:column;gap:24px;min-width:0}
.win{transition:transform .22s ease,box-shadow .22s ease;min-width:0}
.win.post:hover{transform:translateY(-3px)}
[data-theme="win9x"] .win.post:hover,[data-theme="winme"] .win.post:hover,[data-theme="win8"] .win.post:hover{transform:none}
.win-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0}
.win-thumb{position:relative;overflow:hidden;background:#eef3f8;display:block;border-right:1px solid var(--border)}
.win-thumb img{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center;display:block;aspect-ratio:23/17}
.win-content{padding:18px 22px 20px;background:var(--content-bg);min-width:0;overflow-wrap:break-word;word-wrap:break-word}
.win-content h2{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:9px;letter-spacing:-.3px;font-family:var(--font-title)}
.win-content h2 a{color:var(--text);text-decoration:none;transition:color .2s}
.win-content h2 a:hover{color:var(--accent)}
.post-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--meta);margin-bottom:11px}
.post-meta .author{color:var(--accent);font-weight:600}
.post-meta .sep{opacity:.4}
.cat-chip{background:var(--chip-bg);color:var(--chip-text);padding:2px 9px;border-radius:20px;font-weight:500;font-size:11px;text-decoration:none}
[data-theme="win9x"] .cat-chip,[data-theme="winme"] .cat-chip,[data-theme="win8"] .cat-chip{border-radius:0}
.win-content p{font-size:13.5px;line-height:1.65;color:var(--content-text);margin-bottom:14px}
.read-more{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:var(--accent-text);text-decoration:none;font-size:12.5px;font-weight:600;padding:8px 16px;border-radius:6px;transition:background .2s,filter .2s}
.read-more:hover{background:var(--accent-hover)}
.read-more svg{width:12px;height:12px}
[data-theme="win9x"] .read-more,[data-theme="winme"] .read-more{border-radius:0;color:#000;background:#c0c0c0;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf;font-weight:700}
[data-theme="win9x"] .read-more svg,[data-theme="winme"] .read-more svg{display:none}
[data-theme="winxp"] .read-more{border-radius:11px;background:linear-gradient(180deg,#9dd16f,#5fa838);border:1px solid #3d7a1a;box-shadow:inset 0 1px rgba(255,255,255,.5)}
[data-theme="android"] .read-more{border-radius:20px}
[data-theme="macos"] .read-more{border-radius:8px}

/* full article view */
.article-full{padding:26px 30px 34px;background:var(--content-bg)}
.article-full h1{font-size:30px;line-height:1.2;margin-bottom:14px;font-family:var(--font-title)}
.article-full .post-meta{margin-bottom:20px}
.article-full .cover{width:100%;max-height:420px;object-fit:cover;border-radius:8px;margin-bottom:22px;display:block}
.article-full .body{font-size:15.5px;line-height:1.8;color:var(--content-text)}
.article-full .body h2{font-size:22px;margin:26px 0 12px;font-family:var(--font-title)}
.article-full .body h3{font-size:18px;margin:20px 0 10px}
.article-full .body p{margin-bottom:16px}
.article-full .body ul,.article-full .body ol{margin:0 0 16px 22px}
.article-full .body img{max-width:100%;height:auto;border-radius:6px;margin:14px auto;display:block}
/* icerik tasma korumasi (bot/HTML icerigi tablo, kod, iframe icerebilir) */
.article-full .body{overflow-wrap:break-word;word-wrap:break-word}
.article-full .body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:14px 0;-webkit-overflow-scrolling:touch}
.article-full .body table td,.article-full .body table th{border:1px solid var(--border);padding:8px 10px}
.article-full .body pre{max-width:100%;overflow-x:auto;background:#0d1117;color:#e6edf3;padding:14px;border-radius:8px;margin:14px 0;font-size:13px;-webkit-overflow-scrolling:touch}
.article-full .body code{word-break:break-word}
.article-full .body iframe,.article-full .body video{max-width:100%;border-radius:8px}
.article-full .body iframe{width:100%;aspect-ratio:16/9;height:auto}
.article-full .body a{word-break:break-word}
.article-full .tags{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px}
.faq{margin-top:30px}
.faq h2{font-size:22px;margin-bottom:14px;font-family:var(--font-title)}
.faq details{background:rgba(0,0,0,0.03);border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:600;font-size:14.5px}
.faq details p{margin-top:10px;color:var(--content-text);font-size:14px;line-height:1.7}

/* ===== ILETISIM FORMU ===== */
.contact-form{margin-top:18px;max-width:560px}
.contact-form .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form .cf-field{margin-bottom:14px}
.contact-form label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--text)}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:14px;background:#fff;color:#222}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--chip-bg)}
[data-theme="win9x"] .contact-form input,[data-theme="winme"] .contact-form input,[data-theme="win9x"] .contact-form textarea,[data-theme="winme"] .contact-form textarea{border-radius:0;box-shadow:inset 1px 1px #808080,inset -1px -1px #fff;border:none}
.form-ok{background:#e6f7ed;color:#177245;border:1px solid #b6e6c9;padding:11px 15px;border-radius:8px;margin-bottom:14px;font-size:14px}
.form-err{background:#fdecea;color:#c0392b;border:1px solid #f5c6cb;padding:11px 15px;border-radius:8px;margin-bottom:14px;font-size:14px}
@media(max-width:560px){.contact-form .cf-row{grid-template-columns:1fr}}

/* ===== ICINDEKILER (TOC) ===== */
.toc{background:rgba(0,0,0,0.03);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin:0 0 24px}
.toc-head{font-weight:700;font-size:14px;margin-bottom:10px;color:var(--text)}
.toc ul{list-style:none;margin:0;padding:0}
.toc li{margin:4px 0}
.toc li.toc-sub{margin-left:18px}
.toc a{color:var(--accent);text-decoration:none;font-size:13.5px;line-height:1.5}
.toc a:hover{text-decoration:underline}
[data-theme="win9x"] .toc,[data-theme="winme"] .toc{border-radius:0;background:#fff;box-shadow:inset 1px 1px #808080,inset -1px -1px #fff}

/* ===== YORUMLAR ===== */
.comments{margin-top:34px;border-top:1px solid var(--border);padding-top:24px}
.comments h2{font-size:22px;margin-bottom:16px;font-family:var(--font-title)}
.no-comment{color:var(--meta);font-size:14px;margin-bottom:20px}
.comment{background:rgba(0,0,0,0.025);border:1px solid var(--border);border-radius:10px;padding:14px 18px;margin-bottom:12px}
[data-theme="win9x"] .comment,[data-theme="winme"] .comment{border-radius:0}
.comment-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.comment-author{font-weight:700;font-size:14px;color:var(--accent)}
.comment-date{font-size:12px;color:var(--meta)}
.comment-body{font-size:14px;line-height:1.6;color:var(--content-text)}
.comment-form{margin-top:24px;background:rgba(0,0,0,0.02);border:1px solid var(--border);border-radius:10px;padding:20px}
[data-theme="win9x"] .comment-form,[data-theme="winme"] .comment-form{border-radius:0}
.comment-form h3{font-size:16px;margin-bottom:14px}
.comment-form .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.comment-form .cf-field{margin-bottom:14px}
.comment-form label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--text)}
.comment-form input,.comment-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:14px;background:#fff;color:#222}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--chip-bg)}
[data-theme="win9x"] .comment-form input,[data-theme="winme"] .comment-form input,[data-theme="win9x"] .comment-form textarea,[data-theme="winme"] .comment-form textarea{border-radius:0;box-shadow:inset 1px 1px #808080,inset -1px -1px #fff;border:none}
@media(max-width:560px){.comment-form .cf-row{grid-template-columns:1fr}}

/* captcha + uye yorum + sidebar mini */
.cf-captcha label b{color:var(--accent);font-size:15px}
.cf-asuser{font-size:13.5px;color:var(--meta);margin-bottom:12px;padding:8px 12px;background:var(--chip-bg);border-radius:8px}
.recent .ic-mini{flex:0 0 auto;display:inline-flex;width:20px}
.recent a{display:flex;align-items:center;gap:9px}
.comments-mini{display:flex;flex-direction:column}
.cmini{display:block;padding:9px 4px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text)}
.cmini:last-child{border-bottom:none}
.cmini-who{display:block;font-weight:600;font-size:12.5px;color:var(--accent)}
.cmini-body{display:block;font-size:12.5px;color:var(--content-text);line-height:1.45;margin:2px 0 3px}
.cmini-post{display:block;font-size:11px;color:var(--meta)}
.cmini:hover .cmini-post{text-decoration:underline}

/* ===== UYELIK (header account + auth + profil) ===== */
.tb-account{display:flex;align-items:center;gap:8px;margin-left:auto;order:2}
.tb-controls{order:3}
.tb-account a{text-decoration:none}
.acc-login,.acc-register{font-size:12px;font-weight:600;padding:5px 12px;border-radius:6px;transition:opacity .15s,background .15s}
.acc-login{color:var(--titlebar-text);background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35)}
.acc-login:hover{background:rgba(255,255,255,.3)}
.acc-register{background:#fff;color:#1a5fb4;border:1px solid #fff;font-weight:700}
.acc-register:hover{background:#eaf2fc}
/* koyu/acik titlebar temalarinda netlik */
[data-theme="macos"] .acc-login,[data-theme="win8"] .acc-login,[data-theme="win10"] .acc-login,[data-theme="win11"] .acc-login{color:var(--text);background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.15)}
[data-theme="macos"] .acc-register,[data-theme="win8"] .acc-register,[data-theme="win10"] .acc-register,[data-theme="win11"] .acc-register{background:var(--accent);color:#fff;border-color:var(--accent)}
[data-theme="win9x"] .acc-login,[data-theme="winme"] .acc-login,[data-theme="win9x"] .acc-register,[data-theme="winme"] .acc-register{border-radius:0;background:#c0c0c0;color:#000;box-shadow:inset -1px -1px #000,inset 1px 1px #fff}
.acc-chip{display:flex;align-items:center;gap:7px;padding:3px 10px 3px 3px;border-radius:20px;background:rgba(255,255,255,.16);color:var(--titlebar-text)}
.acc-chip:hover{background:rgba(255,255,255,.26)}
.acc-av{width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:12px;font-weight:700;overflow:hidden;flex:0 0 auto}
.acc-av img{width:100%;height:100%;object-fit:cover}
.acc-name{font-size:12.5px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-logout{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;flex:0 0 auto;
  color:var(--titlebar-text);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);
  text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.acc-logout svg{width:16px;height:16px;display:block}
.acc-logout:hover{background:#e5484d;color:#fff;border-color:#e5484d}
/* acik titlebar temalarinda koyu ikon */
[data-theme="macos"] .acc-logout,[data-theme="win8"] .acc-logout,[data-theme="win10"] .acc-logout,[data-theme="win11"] .acc-logout{
  color:var(--text);background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.12)}
[data-theme="macos"] .acc-logout:hover,[data-theme="win8"] .acc-logout:hover,[data-theme="win10"] .acc-logout:hover,[data-theme="win11"] .acc-logout:hover{
  background:#e5484d;color:#fff;border-color:#e5484d}
/* win9x/me klasik kabartmali buton */
[data-theme="win9x"] .acc-chip,[data-theme="winme"] .acc-chip,[data-theme="win9x"] .acc-logout,[data-theme="winme"] .acc-logout{border-radius:0}
[data-theme="win9x"] .acc-logout,[data-theme="winme"] .acc-logout{background:#c0c0c0;color:#000;border:none;box-shadow:inset -1px -1px #000,inset 1px 1px #fff;width:26px;height:24px}
[data-theme="win9x"] .acc-logout:hover,[data-theme="winme"] .acc-logout:hover{background:#c0c0c0;color:#a00}
@media(max-width:680px){.acc-name{display:none}.tb-account{gap:5px}}

.auth-form .cf-field{margin-bottom:14px}
.auth-form .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.auth-form label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--text)}
.auth-form input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:14px;background:#fff;color:#222}
.auth-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--chip-bg)}
[data-theme="win9x"] .auth-form input,[data-theme="winme"] .auth-form input{border-radius:0;box-shadow:inset 1px 1px #808080,inset -1px -1px #fff;border:none}
.profil-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.profil-avatar{width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--accent-text);display:grid;place-items:center;font-size:26px;font-weight:700;overflow:hidden;flex:0 0 auto}
.profil-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:560px){.auth-form .cf-row{grid-template-columns:1fr}}

/* ===== SOSYAL MEDYA (footer) ===== */
.social-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.social-links a{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--chip-bg);color:var(--chip-text);text-decoration:none;font-size:16px;transition:transform .15s,background .15s,color .15s}
.social-links a i{line-height:1}
.social-links a:hover{transform:translateY(-2px);background:var(--brand,var(--accent));color:#fff}
/* modern temalarda marka rengini direkt goster (daha canli) */
[data-theme="win10"] .social-links a,[data-theme="win11"] .social-links a,[data-theme="macos"] .social-links a,[data-theme="android"] .social-links a{color:var(--brand,var(--chip-text))}
[data-theme="win9x"] .social-links a,[data-theme="winme"] .social-links a{border-radius:0;box-shadow:inset -1px -1px #808080,inset 1px 1px #fff}

/* ---- SIDEBAR ---- */
.sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:28px}
.gadget-head{display:flex;align-items:center;gap:9px;padding:11px 16px;background:var(--titlebar-bg);border-bottom:var(--titlebar-border);color:var(--titlebar-text)}
.gadget-head svg{width:15px;height:15px}
.gadget-head h3{font-size:13px;font-weight:700;letter-spacing:.2px}
.gadget-body{padding:8px;background:var(--content-bg)}
.cat-list a,.recent a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:6px;text-decoration:none;color:var(--text);font-size:13px;transition:background .15s}
.cat-ul,.recent-ul{list-style:none;margin:0;padding:0}
.cat-ul li,.recent-ul li{margin:0;padding:0}
.cat-list a:hover,.recent a:hover{background:var(--chip-bg)}
[data-theme="win9x"] .cat-list a,[data-theme="winme"] .cat-list a,[data-theme="win9x"] .recent a,[data-theme="winme"] .recent a{border-radius:0}
.cat-list .dot{width:8px;height:8px;border-radius:2px;background:var(--accent);flex:0 0 auto;transform:rotate(45deg)}
.cat-list .count{margin-left:auto;font-size:11px;color:var(--meta);background:rgba(0,0,0,.06);padding:1px 8px;border-radius:10px}
.recent a{flex-direction:column;align-items:flex-start;gap:3px}
.recent .who{font-size:12px;color:var(--accent);font-weight:600}
.recent .txt{font-size:12.5px;color:var(--text-soft);line-height:1.4}

/* ---- PAGER ---- */
.pager{display:flex;justify-content:center;gap:6px;margin-top:26px;flex-wrap:wrap}
.pager a,.pager span{min-width:40px;height:40px;padding:0 12px;display:grid;place-items:center;background:var(--window-bg);border:var(--window-border);border-radius:8px;text-decoration:none;color:var(--text);font-size:13px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:transform .15s;backdrop-filter:var(--window-blur)}
.pager a:hover{transform:translateY(-2px)}
.pager .current{background:var(--accent);color:var(--accent-text);border-color:transparent}
.pager .dots{background:transparent;box-shadow:none;border:none;color:rgba(255,255,255,.6)}
[data-theme="win9x"] .pager a,[data-theme="winme"] .pager a,[data-theme="win9x"] .pager span,[data-theme="winme"] .pager span{border-radius:0;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}

/* ---- FOOTER ---- */
.foot-win{max-width:1180px;margin:24px auto 0}
.foot-body{display:flex;flex-direction:column;gap:14px;padding:16px 22px;font-size:12.5px;color:var(--text-soft);background:var(--content-bg)}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.foot-copy{flex:1;min-width:160px}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.foot-links a{color:var(--text-soft);text-decoration:none;font-weight:500}
.foot-links a:hover{color:var(--accent)}

/* ===== SISTEM BILGISI (Win11 Hakkinda havasi) ===== */
.sysinfo{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-height:96px}
.si-card{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:10px;
  background:var(--chip-bg);border:1px solid var(--border);min-width:0;min-height:58px}
.si-ic{width:34px;height:34px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;
  font-size:15px;color:var(--accent-text);background:var(--accent)}
.si-meta{display:flex;flex-direction:column;min-width:0;gap:1px}
.si-label{font-size:10.5px;color:var(--meta);text-transform:uppercase;letter-spacing:.3px;font-weight:600}
.si-val{font-size:13px;color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si-card.loading .si-val{color:var(--meta);font-weight:400}
@media(max-width:1100px){.sysinfo{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.sysinfo{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.sysinfo{grid-template-columns:1fr}}
/* win9x/me klasik kart */
[data-theme="win9x"] .si-card,[data-theme="winme"] .si-card{border-radius:0;background:#fff;
  box-shadow:inset -1px -1px #808080,inset 1px 1px #fff}
[data-theme="win9x"] .si-ic,[data-theme="winme"] .si-ic{border-radius:0}
/* modern temalarda hafif cam efekti */
[data-theme="win11"] .si-card,[data-theme="macos"] .si-card{backdrop-filter:blur(6px)}

/* ============================================================
   SISTEM DURUMU (site istatistikleri paneli)
   ============================================================ */
.sysstat{margin-top:14px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--chip-bg)}
.sysstat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:10px 14px;background:var(--accent);color:var(--accent-text)}
.sysstat-title{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}
.sysstat-status{font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:7px;opacity:.95}
.sysstat-dot{width:9px;height:9px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.6);animation:ssPulse 2s infinite}
@keyframes ssPulse{0%{box-shadow:0 0 0 0 rgba(61,220,132,.55)}70%{box-shadow:0 0 0 7px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.sysstat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}
.ss-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;
  background:var(--card-bg,#fff);border:1px solid var(--border);min-width:0}
.ss-ic{width:32px;height:32px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;
  font-size:14px;color:var(--accent-text);background:var(--accent)}
.ss-meta{display:flex;flex-direction:column;min-width:0;gap:1px}
.ss-label{font-size:10px;color:var(--meta);text-transform:uppercase;letter-spacing:.3px;font-weight:600}
.ss-val{font-size:13.5px;color:var(--text);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-sub{font-size:10.5px;color:var(--meta);font-weight:400}
@media(max-width:1100px){.sysstat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.sysstat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.sysstat-grid{grid-template-columns:1fr}}
/* win9x/me klasik */
[data-theme="win9x"] .sysstat,[data-theme="winme"] .sysstat{border-radius:0}
[data-theme="win9x"] .ss-card,[data-theme="winme"] .ss-card{border-radius:0;box-shadow:inset -1px -1px #808080,inset 1px 1px #fff}
[data-theme="win9x"] .ss-ic,[data-theme="winme"] .ss-ic{border-radius:0}
[data-theme="win9x"] .sysstat-head,[data-theme="winme"] .sysstat-head{background:linear-gradient(90deg,#000080,#1084d0);color:#fff}

/* ============================================================
   TASKBAR / DOCK
   ============================================================ */
.taskbar{position:fixed;bottom:0;left:0;right:0;height:var(--taskbar-height);z-index:50;
  background:var(--taskbar-bg);backdrop-filter:var(--taskbar-blur);-webkit-backdrop-filter:var(--taskbar-blur);
  border-top:var(--taskbar-border);display:flex;align-items:center;justify-content:var(--taskbar-justify);gap:6px;
  box-shadow:var(--taskbar-top-shadow);padding:0 8px;transition:background .5s ease,height .3s ease}
.tb-start{display:flex;align-items:center;gap:8px;height:calc(var(--taskbar-height) - 12px);padding:0 12px;
  border-radius:var(--start-radius);cursor:pointer;color:var(--taskbar-text);font-weight:700;font-size:13px;transition:background .15s;user-select:none}
.tb-start:hover{background:rgba(255,255,255,0.15)}
.tb-start .startlogo{width:22px;height:22px;display:grid;place-items:center}
.tb-start .startlogo svg{width:22px;height:22px}
.tb-start .startlabel{display:none}
[data-theme="win9x"] .tb-start,[data-theme="winme"] .tb-start{background:#c0c0c0;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf;color:#000;border-radius:0;height:26px;margin:0 4px;font-weight:700}
[data-theme="win9x"] .tb-start .startlabel,[data-theme="winme"] .tb-start .startlabel{display:inline}
[data-theme="win9x"] .tb-start.pressed,[data-theme="winme"] .tb-start.pressed{box-shadow:inset 1px 1px #000,inset -1px -1px #fff}
[data-theme="winxp"] .tb-start{background:linear-gradient(180deg,#5db35d,#3d8b3d);color:#fff;border-radius:0 14px 14px 0;font-style:italic;font-weight:700;height:34px;padding:0 24px 0 12px;box-shadow:inset 0 1px rgba(255,255,255,.4)}
[data-theme="winxp"] .tb-start .startlabel{display:inline}
[data-theme="winxp"] .tb-start .startlogo svg{width:24px;height:24px}

.tb-items{display:flex;align-items:center;gap:6px}
.tb-item{width:40px;height:40px;border-radius:var(--taskbar-item-radius);display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .15s;position:relative;color:var(--taskbar-text)}
.tb-item:hover{background:rgba(255,255,255,0.16)}
.tb-item svg{width:21px;height:21px}
.tb-item.active::after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:14px;height:3px;border-radius:3px;background:var(--accent)}
[data-theme="win9x"] .tb-item,[data-theme="winme"] .tb-item{width:auto;height:26px;padding:0 10px;background:#c0c0c0;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf;border-radius:0;gap:6px}
[data-theme="win9x"] .tb-item.active,[data-theme="winme"] .tb-item.active{box-shadow:inset 1px 1px #000,inset -1px -1px #fff;background:#b8b8b8}
[data-theme="win9x"] .tb-item.active::after,[data-theme="winme"] .tb-item.active::after{display:none}
/* macOS dock */
[data-theme="macos"] .taskbar{left:50%;right:auto;transform:translateX(-50%);width:auto;max-width:94%;bottom:8px;border-radius:20px;padding:0 12px}
[data-theme="macos"] .tb-item{width:48px;height:48px;transition:transform .18s ease}
[data-theme="macos"] .tb-item:hover{transform:translateY(-8px) scale(1.18);background:transparent}
[data-theme="macos"] .tb-item.active::after{width:4px;height:4px;border-radius:50%;bottom:-1px}
/* Android */
[data-theme="android"] .tb-item.active::after{display:none}
[data-theme="android"] .tb-item:hover{background:var(--chip-bg)}
/* Linux left dock */
[data-theme="linux"] .taskbar{top:0;bottom:0;left:0;right:auto;width:64px;height:100vh;flex-direction:column;justify-content:flex-start;padding:12px 0;gap:10px;border-top:none;border-right:1px solid rgba(255,255,255,.08)}
[data-theme="linux"] .tb-items{flex-direction:column;gap:10px}
[data-theme="linux"] .tb-item.active::after{bottom:auto;top:50%;left:2px;transform:translateY(-50%);width:3px;height:18px}

.tb-systray{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--taskbar-text);padding-right:8px}
/* ortali temalar (win11/android): baslat+ikonlar tam ortada, systray sag-absolute */
[data-theme="win11"] .taskbar,
[data-theme="android"] .taskbar{justify-content:center}
[data-theme="win11"] .tb-systray,
[data-theme="android"] .tb-systray{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin-left:0}
/* win11 baslat dugmesi + ikonlar tek grup ortada */
[data-theme="win11"] .tb-start,
[data-theme="android"] .tb-start{margin:0}
.tb-systray svg{width:15px;height:15px}
.tb-clock{display:flex;flex-direction:column;align-items:flex-end;font-size:11.5px;line-height:1.3;font-weight:500;color:var(--taskbar-text);white-space:nowrap}
[data-theme="win9x"] .tb-clock,[data-theme="winme"] .tb-clock{background:#c0c0c0;box-shadow:inset 1px 1px #808080,inset -1px -1px #fff;padding:3px 8px;align-items:center}
[data-theme="macos"] .tb-systray,[data-theme="linux"] .tb-systray,[data-theme="android"] .tb-systray{display:none}

body.linux-dock{padding-left:64px}

/* ============================================================
   START MENU  (gerçekçi, tema-duyarlı)
   ============================================================ */
.startmenu{position:fixed;z-index:55;display:none;flex-direction:column;
  background:var(--window-bg);border:var(--window-border);box-shadow:0 20px 60px rgba(0,0,0,.5);
  backdrop-filter:var(--window-blur);-webkit-backdrop-filter:var(--window-blur);
  overflow:visible}
.startmenu.open{display:flex;animation:smIn .18s ease}
@keyframes smIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sm-head{padding:14px 18px;font-weight:700;font-size:14px;color:var(--text);border-bottom:1px solid var(--border);flex:0 0 auto}
.sm-main{padding:8px 0;overflow:visible}
.sm-divider{height:1px;background:var(--border);margin:6px 12px}
.sm-item{position:relative;display:flex;align-items:center;gap:12px;padding:9px 18px;cursor:pointer;color:var(--text);font-size:13.5px;text-decoration:none;transition:background .12s}
.sm-item:hover,.sm-item.flyopen{background:var(--chip-bg)}
.sm-item .ic{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto}
.sm-item .ic svg{width:22px;height:22px}
.sm-item .ic.emoji{font-size:17px;line-height:1}
.sm-item .sm-txt{flex:1}
.sm-arrow{font-size:12px;color:var(--meta);flex:0 0 auto;transition:transform .15s}
.sm-item.flyopen .sm-arrow{color:var(--accent)}

/* ---- FLYOUT (saga acilan alt menu) ---- */
.sm-has-flyout{position:relative}
.sm-flyout{
  position:absolute;left:calc(100% + 2px);bottom:-6px;width:240px;
  background:var(--window-bg);border:var(--window-border);border-radius:10px;
  box-shadow:0 14px 44px rgba(0,0,0,.32);padding:6px;
  backdrop-filter:var(--window-blur);-webkit-backdrop-filter:var(--window-blur);
  max-height:min(420px,70vh);overflow-y:auto;z-index:70;
  opacity:0;visibility:hidden;transform:translateX(-6px);
  transition:opacity .16s,transform .16s,visibility .16s;
}
.sm-item.flyopen > .sm-flyout{opacity:1;visibility:visible;transform:translateX(0)}
.sm-flyout .sm-item{border-radius:6px;padding:8px 12px}
.sm-flyout .sm-item:hover{background:var(--accent);color:var(--accent-text)}
/* ekranin sagina tasarsa sola ac */
.sm-flyout.flip-left{left:auto;right:calc(100% + 2px);transform:translateX(6px)}
.sm-item.flyopen > .sm-flyout.flip-left{transform:translateX(0)}
.sm-flyout-themes{width:300px;padding:8px}

.sm-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.sm-theme{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 3px;border-radius:7px;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s}
.sm-theme:hover{background:var(--chip-bg)}
.sm-theme.active{background:var(--chip-bg);border-color:var(--accent)}
.sm-theme .tl{width:26px;height:26px;border-radius:6px;display:grid;place-items:center;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.22)}
.sm-theme .tl svg{width:19px;height:19px}
.sm-theme .tn{font-size:9.5px;color:var(--text);font-weight:500;text-align:center;line-height:1.1}
.sm-foot{border-top:1px solid var(--border);padding:6px}
/* win9x/me start menu: emoji ikonlari classic menude de okunur */
[data-theme="win9x"] .sm-item,[data-theme="winme"] .sm-item{color:#000}
[data-theme="win9x"] .sm-item:hover,[data-theme="winme"] .sm-item:hover,[data-theme="win9x"] .sm-item.flyopen,[data-theme="winme"] .sm-item.flyopen{background:#000080;color:#fff}
[data-theme="win9x"] .sm-flyout,[data-theme="winme"] .sm-flyout{border-radius:0;background:#c0c0c0;border:none;padding:2px;
  box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf,2px 2px 6px rgba(0,0,0,.4)}
[data-theme="win9x"] .sm-flyout .sm-item,[data-theme="winme"] .sm-flyout .sm-item{border-radius:0;color:#000}
[data-theme="win9x"] .sm-flyout .sm-item:hover,[data-theme="winme"] .sm-flyout .sm-item:hover{background:#000080;color:#fff}
[data-theme="winxp"] .sm-flyout{border:1px solid #245edb}
[data-theme="macos"] .sm-flyout{border-radius:12px}
[data-theme="android"] .sm-flyout{border-radius:16px}

/* default: win11 ortada (modern) */
.startmenu{left:50%;bottom:calc(var(--taskbar-height) + 10px);transform:translateX(-50%);width:380px;border-radius:12px}
/* win10/vista/7/8: baslat dugmesi solda -> menu de sol-altta acilir */
[data-theme="win10"] .startmenu,
[data-theme="winvista"] .startmenu,
[data-theme="win7"] .startmenu,
[data-theme="win8"] .startmenu{left:6px;bottom:calc(var(--taskbar-height) + 6px);transform:none;width:340px;border-radius:8px 8px 0 0}
/* win9x/me: sol-alt köşe, klasik */
[data-theme="win9x"] .startmenu,[data-theme="winme"] .startmenu{left:4px;bottom:var(--taskbar-height);transform:none;width:230px;border-radius:0;
  box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf,2px 2px 8px rgba(0,0,0,.4);background:#c0c0c0}
[data-theme="win9x"] .sm-head,[data-theme="winme"] .sm-head{background:linear-gradient(0deg,#000080,#1084d0);color:#fff;writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;left:0;top:0;bottom:0;width:30px;padding:10px 4px;border:none;display:flex;align-items:center}
[data-theme="win9x"] .startmenu>*:not(.sm-head),[data-theme="winme"] .startmenu>*:not(.sm-head){margin-left:30px}
/* xp: iki sütun benzeri, yeşil başlık */
[data-theme="winxp"] .startmenu{left:4px;bottom:var(--taskbar-height);transform:none;width:300px;border-radius:8px 8px 0 0}
[data-theme="winxp"] .sm-head{background:linear-gradient(180deg,#2d6cdf,#1941a5);color:#fff}
/* macos: launchpad benzeri orta */
[data-theme="macos"] .startmenu{bottom:90px;width:420px;border-radius:16px}
/* linux: sol dock yanı */
[data-theme="linux"] .startmenu{left:72px;bottom:auto;top:12px;transform:none;width:330px;border-radius:12px;max-height:calc(100vh - 24px);overflow:visible}
[data-theme="linux"] .sm-main{overflow:visible}
/* linux tema flyout'u dock yaninda saga acilsin, ustten hizali */
[data-theme="linux"] .sm-flyout-themes{width:280px}
[data-theme="linux"] .sm-flyout{bottom:auto;top:0;left:calc(100% + 6px);max-height:calc(100vh - 40px)}
[data-theme="linux"] .sm-item.flyopen > .sm-flyout{transform:translateX(0)}
[data-theme="linux"] .sm-flyout-themes .sm-theme-grid{grid-template-columns:repeat(2,1fr)}
/* android: alttan sheet */
[data-theme="android"] .startmenu{bottom:calc(var(--taskbar-height) + 8px);width:92%;max-width:420px;border-radius:24px 24px 16px 16px}

/* ============================================================
   TOAST
   ============================================================ */
.toast{position:fixed;bottom:calc(var(--taskbar-height) + 18px);right:18px;z-index:80;background:rgba(20,20,25,.92);
  color:#fff;padding:11px 16px;border-radius:10px;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.4);
  opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;pointer-events:none}
.toast.show{opacity:1;transform:none}
[data-theme="linux"] .toast,[data-theme="macos"] .toast{bottom:90px}

/* ============================================================
   404 BLUESCREEN (tema bazli hata ekrani)
   ============================================================ */
.bsod{min-height:60vh;display:grid;place-items:center;padding:40px 20px;border-radius:var(--window-radius)}
.bsod-inner{max-width:680px;width:100%}
/* Klasik BSOD (Win 9x/Me/XP) - mavi zemin, beyaz monospace */
.bsod-classic{background:#0000aa;color:#fff;font-family:'Lucida Console','Courier New',monospace}
.bsod-classic .bsod-inner{text-align:left;line-height:1.9;font-size:15px}
.bsod-classic .bsod-bar{background:#c0c0c0;color:#0000aa;display:inline-block;padding:1px 14px;font-weight:700;margin:0 auto 22px;text-align:center}
.bsod-classic{text-align:center}
.bsod-classic .bsod-inner{display:inline-block}
.bsod-classic a{color:#fff;text-decoration:underline}
.bsod-classic .bsod-press{margin-top:26px;opacity:.9}
/* Modern BSOD (Vista+) - mavi, buyuk uzgun yuz */
.bsod-modern{background:#0078d7;color:#fff;font-family:'Segoe UI',Inter,sans-serif}
.bsod-modern .bsod-face{font-size:80px;font-weight:300;margin-bottom:24px}
.bsod-modern .bsod-msg{font-size:22px;line-height:1.5;margin-bottom:20px;font-weight:300}
.bsod-modern .bsod-sub{font-size:14px;opacity:.9;margin-bottom:28px}
.bsod-modern .bsod-qr{display:flex;gap:18px;align-items:center;margin-bottom:28px}
.bsod-modern .qr-box{width:90px;height:90px;background:#fff;color:#0078d7;display:grid;place-items:center;font-size:26px;font-weight:800;flex:0 0 auto}
.bsod-modern .bsod-help{font-size:13px;line-height:1.6}
.bsod-modern .bsod-help a{color:#fff;font-weight:700}
.bsod-modern .bsod-btn,.bsod-unix .bsod-btn{display:inline-block;margin-top:8px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.5);color:#fff;padding:11px 22px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:background .15s}
.bsod-modern .bsod-btn:hover,.bsod-unix .bsod-btn:hover{background:rgba(255,255,255,.28)}
/* Unix/mac/android */
.bsod-unix{font-family:Inter,sans-serif;text-align:center}
[data-theme="macos"] .bsod-unix{background:linear-gradient(160deg,#3a3a3c,#1c1c1e);color:#fff}
[data-theme="linux"] .bsod-unix{background:#300a24;color:#fff}
[data-theme="android"] .bsod-unix{background:#0f1f17;color:#3ddc84}
.bsod-unix .bsod-face{font-size:64px;margin-bottom:16px}
.bsod-unix h1{font-size:60px;margin-bottom:10px}
.bsod-unix .bsod-msg{font-size:18px;margin-bottom:8px}
.bsod-unix .bsod-sub{font-size:13px;opacity:.7;font-family:monospace;margin-bottom:24px}
@media(max-width:680px){
  .bsod-modern .bsod-face{font-size:56px}
  .bsod-modern .bsod-msg{font-size:18px}
  .bsod-modern .bsod-qr{flex-direction:column;text-align:center}
}

/* ============================================================
   OS MODAL PENCERE (yasal sayfalar / iletisim)
   ============================================================ */
.os-modal-overlay{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;
  background:rgba(0,0,0,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:20px}
.os-modal-overlay.open{display:flex;animation:ovIn .2s ease}
@keyframes ovIn{from{opacity:0}to{opacity:1}}
.os-modal{width:min(860px,94vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;
  background:var(--window-bg);border:var(--window-border);border-radius:var(--window-radius);
  box-shadow:0 30px 90px rgba(0,0,0,.55);animation:modIn .24s cubic-bezier(.2,.8,.3,1)}
@keyframes modIn{from{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:none}}
.os-modal.maximized{width:96vw;max-height:94vh;height:94vh}
.os-modal-content{display:flex;flex-direction:column;min-height:0;flex:1}
.modal-titlebar{display:flex;align-items:center;gap:10px;padding:10px 14px;flex:0 0 auto;
  background:var(--titlebar-bg);color:var(--titlebar-text);border-bottom:1px solid var(--border)}
.modal-titlebar .tb-icon-e{font-size:17px;line-height:1}
.modal-title{font-weight:600;font-size:13.5px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modal-addr{display:flex;align-items:center;gap:9px;padding:8px 14px;flex:0 0 auto;
  background:rgba(0,0,0,0.03);border-bottom:1px solid var(--border);font-size:12.5px;color:var(--meta)}
.modal-addr svg{width:16px;height:16px;flex:0 0 auto}
.modal-addr span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modal-open-full{text-decoration:none;color:var(--accent);font-size:16px;padding:0 4px}
.modal-body{padding:26px 30px;overflow-y:auto;color:var(--content-text);line-height:1.7}
.modal-h1{font-size:26px;margin-bottom:18px;font-family:var(--font-title);color:var(--text)}
.modal-body .body h2{font-size:20px;margin:20px 0 10px}
.modal-body .body h3{font-size:16px;margin:16px 0 8px}
.modal-body .body p{margin-bottom:12px}
.modal-body .body ul,.modal-body .body ol{margin:0 0 12px 22px}
.modal-body .body img{max-width:100%;height:auto;border-radius:8px}
.modal-pad{padding:40px;text-align:center}
body.modal-open{overflow:hidden}

/* ===== ARAMA PENCERESI ===== */
.searchwin-form{display:flex;gap:8px;margin-bottom:16px}
.searchwin-form input{flex:1;padding:11px 14px;border:1px solid var(--border);border-radius:8px;font-size:15px;font-family:inherit}
.searchwin-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--chip-bg)}
.sw-hint{color:var(--meta);text-align:center;padding:30px 0}
.sw-count{color:var(--meta);font-size:12.5px;margin-bottom:10px}
.sw-item{display:flex;gap:12px;align-items:flex-start;padding:11px;border-radius:9px;text-decoration:none;color:var(--text);transition:background .12s}
.sw-item:hover{background:var(--chip-bg)}
.sw-ic{flex:0 0 auto;display:inline-flex;width:30px}
.sw-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.sw-title{font-weight:600;font-size:14.5px}
.sw-ex{font-size:12.5px;color:var(--content-text);line-height:1.4}
.sw-cat{font-size:11px;color:var(--accent);font-weight:600;margin-top:2px}

/* ===== DOSYA GEZGINI ===== */
.explorer{display:grid;grid-template-columns:210px 1fr;min-height:340px;max-height:60vh;overflow:hidden}
.exp-side{border-right:1px solid var(--border);overflow-y:auto;background:rgba(0,0,0,.02);padding:8px 6px}
.exp-tree{display:flex;flex-direction:column;gap:1px}
.exp-node{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:6px;text-decoration:none;color:var(--text);font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exp-node:hover{background:var(--chip-bg)}
.exp-node.sel{background:var(--accent);color:var(--accent-text)}
.exp-node .exp-i{flex:0 0 auto;font-size:15px}
.exp-cnt{margin-left:auto;font-size:11px;opacity:.7}
.exp-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--meta);padding:10px 9px 4px;font-weight:600}
.exp-main{overflow-y:auto;padding:14px}
.exp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}
.exp-file{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:8px;text-decoration:none;color:var(--text);cursor:pointer;border:1px solid transparent;transition:background .12s;text-align:center}
.exp-file:hover{background:var(--chip-bg)}
.exp-file.selected{background:var(--chip-bg);border-color:var(--accent)}
.exp-file-ic{width:44px;height:44px;display:grid;place-items:center;font-size:34px;line-height:1}
.exp-file-ic.folder{font-size:38px}
.exp-file-ic svg{width:40px;height:40px}
.exp-file-name{font-size:12px;line-height:1.25;word-break:break-word;max-height:2.5em;overflow:hidden}
.exp-file-sub{font-size:10.5px;color:var(--meta)}
.exp-empty{color:var(--meta);text-align:center;padding:40px 0}
.exp-status{padding:6px 14px;border-top:1px solid var(--border);font-size:11.5px;color:var(--meta);background:rgba(0,0,0,.02)}
@media(max-width:720px){
  .explorer{grid-template-columns:1fr;max-height:70vh}
  .exp-side{border-right:none;border-bottom:1px solid var(--border);max-height:130px}
  .exp-tree{flex-direction:row;flex-wrap:wrap}
  .exp-node{font-size:12px}
  .exp-group-label{width:100%}
}

/* ===== OZELLIKLER PENCERESI (Windows tarzi sekmeli) ===== */
.props-tabs{display:flex;gap:2px;padding:8px 12px 0;background:rgba(0,0,0,.03);border-bottom:1px solid var(--border)}
.props-tab{padding:7px 16px;font-size:12.5px;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;background:rgba(0,0,0,.04);cursor:pointer;color:var(--text);margin-bottom:-1px}
.props-tab.active{background:var(--window-bg);font-weight:600;position:relative;z-index:1}
.props-panel{display:none;padding:20px}
.props-panel.active{display:block}
.props-row{display:flex;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:13.5px}
.props-row .pk{width:130px;flex:0 0 auto;color:var(--meta)}
.props-row .pv{flex:1;color:var(--text);word-break:break-word}
.props-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--border)}
.props-head .props-ic{width:48px;height:48px;display:grid;place-items:center;font-size:38px;flex:0 0 auto}
.props-head .props-ic svg{width:46px;height:46px}
.props-head .props-name{font-size:16px;font-weight:600}
.props-thumb{max-width:100%;border-radius:8px;margin-top:10px}
.props-comments .pc{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.props-comments .pc-who{font-weight:600;font-size:13px;color:var(--accent)}
.props-comments .pc-date{font-size:11px;color:var(--meta);margin-left:8px}
.props-comments .pc-body{font-size:13px;margin-top:3px;color:var(--content-text)}

/* ===== SAG TIK MENUSU ===== */
.ctx-menu{position:fixed;z-index:200;min-width:180px;background:var(--window-bg);border:1px solid var(--border);
  border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.3);padding:5px;display:none}
.ctx-menu.open{display:block;animation:ctxIn .12s ease}
@keyframes ctxIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.ctx-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;font-size:13px;color:var(--text);cursor:pointer;text-decoration:none}
.ctx-item:hover{background:var(--accent);color:var(--accent-text)}
.ctx-item.danger:hover{background:#c0392b}
.ctx-sep{height:1px;background:var(--border);margin:4px 6px}
.ctx-item .ci{width:16px;flex:0 0 auto;text-align:center}
[data-theme="win9x"] .os-modal,[data-theme="winme"] .os-modal,[data-theme="win8"] .os-modal{border-radius:0}
[data-theme="win9x"] .modal-titlebar,[data-theme="winme"] .modal-titlebar{background:linear-gradient(90deg,#000080,#1084d0);color:#fff}
@media(max-width:680px){
  .os-modal{width:96vw;max-height:90vh}
  .modal-body{padding:18px}
  .modal-h1{font-size:21px}
}

/* ============================================================
   RESPONSIVE / MOBIL
   ============================================================ */

/* Tablet ve alti: tek sutun */
@media(max-width:980px){
  .layout{grid-template-columns:1fr}
  .sidebar{position:static}
  .shell{max-width:100%}
}

/* Mobil (<=720px) - komple gozden gecirilmis */
@media(max-width:720px){
  /* taskbar yuksekligini sabitle (tema farketmeksizin) - tum calc'lar tutarli olur */
  :root,[data-theme]{--taskbar-height:52px}
  /* Shell taskbar'a yer birakir */
  .shell{padding:10px 8px calc(var(--taskbar-height) + 14px);max-width:100%;overflow-x:hidden}
  html,body{overflow-x:hidden;max-width:100%}
  .layout{grid-template-columns:minmax(0,1fr)}
  .win,.posts,.win-content,.article-full{max-width:100%;min-width:0}
  .win{width:100%}

  /* --- MASTHEAD / TITLEBAR --- */
  .masthead{margin-bottom:14px}
  .masthead > .titlebar{flex-wrap:wrap;height:auto;min-height:var(--titlebar-height);padding:6px 10px;row-gap:6px}
  .masthead > .titlebar .tb-title{font-size:12px;flex:1 1 auto;min-width:0}
  /* hesap alani ve pencere dugmeleri tek satirda dursun */
  .tb-account{gap:5px;margin-left:auto}
  .acc-name{display:none}
  .acc-login,.acc-register{padding:5px 10px;font-size:11.5px}

  /* --- MENUBAR (logo + nav) --- */
  .menubar{padding:8px 10px;gap:8px;row-gap:8px}
  .brand .os-logo,.brand .os-logo svg{width:26px;height:26px}
  .brand-name{font-size:15px}
  .magic-nav{order:3;width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;
    padding:4px 0;gap:2px;scrollbar-width:none;flex-wrap:nowrap}
  .magic-nav::-webkit-scrollbar{display:none}
  .magic-nav a{padding:7px 11px;font-size:13px;flex:0 0 auto}
  .magic-pill{display:none} /* mobilde kayan pill bozuk durmasin */
  /* dropdown mobilde JS ile body'ye tasinan alt-panel olur (asagidaki .mdrop-*) */
  .osmenu .dropdown{display:none}
  .menu-item.has-drop{position:static}

  /* --- ADRES CUBUGU + ARAMA --- */
  .address-row{flex-wrap:wrap;gap:8px;padding:8px 10px}
  .addr-bar{width:100%;order:2}
  .search-box{width:100%;order:1}
  .crumbs{font-size:12px}

  /* --- YAZI KARTLARI: gorsel ustte, metin altta --- */
  .posts{gap:14px}
  .win-body{grid-template-columns:1fr}
  .win-thumb{border-right:none;border-bottom:1px solid var(--border)}
  .win-thumb img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover;object-position:center}
  .win-content{padding:16px}
  .post-title,.win-content h2{font-size:18px;line-height:1.3}
  .win .titlebar{height:34px;padding:0 10px}
  .win .titlebar .tb-title{font-size:11.5px}

  /* --- YAZI DETAY --- */
  .article-full{padding:16px}
  .article-full h1,.article-h1{font-size:22px}
  .article-full .cover{max-height:240px;object-fit:cover}
  .article-full .body{font-size:15px}
  .article-full .body img{max-width:100%;height:auto;border-radius:8px;margin:12px auto;display:block}
  .article-body{font-size:15px}
  .article-body img{border-radius:8px;max-width:100%;height:auto}
  .toc{position:static;width:auto;margin-bottom:16px}

  /* --- SIDEBAR / GADGET --- */
  .sidebar{margin-top:14px;min-width:0;max-width:100%}
  .gadget{margin-bottom:14px;max-width:100%;overflow:hidden}

  /* --- FORMLAR --- */
  .cf-row,.auth-form .cf-row{grid-template-columns:1fr;gap:0}
  .auth-form input,.contact-form input,.contact-form textarea,.comment-form input,.comment-form textarea{font-size:16px} /* iOS zoom engelle */

  /* --- FOOTER --- */
  .foot-win .titlebar{height:34px}
  .foot-bottom{flex-direction:column;text-align:center;gap:10px}
  .foot-links{justify-content:center;flex-wrap:wrap}

  /* --- TASKBAR --- */
  .taskbar{padding:0 6px}
  .tb-start{padding:0 10px}
  .tb-start .startlabel{display:none}
  .tb-items{gap:2px}
  .tb-item{width:38px;height:38px}
  .tb-systray .net,.tb-systray .vol{display:none}
  .tb-clock{font-size:11px}

  /* --- BASLAT MENUSU: tam genislik, alttan sheet --- */
  .startmenu{left:50%!important;right:auto!important;
    bottom:calc(var(--taskbar-height) + 8px)!important;top:auto!important;
    transform:translateX(-50%)!important;
    width:min(94vw,420px)!important;max-height:70vh;overflow-y:auto;border-radius:14px}
  .startmenu .sm-head{position:static!important;writing-mode:horizontal-tb!important;transform:none!important;width:auto!important}
  .startmenu > *:not(.sm-head){margin-left:0!important}
  .sm-main{overflow:visible}
  /* flyout mobilde inline (alta) acilsin, saga degil */
  .sm-flyout{position:static!important;left:auto!important;right:auto!important;
    top:auto!important;bottom:auto!important;width:auto!important;
    box-shadow:none;border:none;border-radius:0;padding:2px 0 2px 30px;
    background:transparent;max-height:none;transform:none!important;
    opacity:1;visibility:visible;display:none}
  .sm-item.flyopen > .sm-flyout{display:block}
  .sm-flyout-themes{width:auto!important;padding:6px 0 6px 18px}
  .sm-theme-grid{grid-template-columns:repeat(3,1fr)}
  .sm-arrow{transform:rotate(90deg)}
  .sm-item.flyopen .sm-arrow{transform:rotate(-90deg)}

  /* --- MODAL: neredeyse tam ekran --- */
  .os-modal{width:96vw;max-height:88vh}
  .os-modal.maximized{width:100vw;max-height:100vh;height:100vh;border-radius:0}
  .modal-body{padding:16px}
  .modal-h1{font-size:20px}

  /* --- 404 --- */
  .bsod{padding:24px 14px;min-height:50vh}
  .bsod-classic .bsod-inner{font-size:13px}
  .bsod-modern .bsod-face{font-size:52px}
  .bsod-modern .bsod-msg{font-size:17px}
  .bsod-modern .bsod-qr{flex-direction:column;text-align:center;gap:12px}

  /* --- LINUX TEMASI: dock alta insin --- */
  [data-theme="linux"] .taskbar{flex-direction:row;top:auto;bottom:0;left:0;width:100%;
    height:var(--taskbar-height);justify-content:center;border-right:none;border-top:1px solid rgba(255,255,255,.08)}
  [data-theme="linux"] .tb-items{flex-direction:row}
  [data-theme="linux"] .startmenu{left:50%!important;top:auto!important;
    bottom:calc(var(--taskbar-height) + 8px)!important;transform:translateX(-50%)!important}
  body.linux-dock{padding-left:0!important;padding-bottom:0!important}
}

/* Cok kucuk ekran (<=420px) ince ayar */
@media(max-width:420px){
  .brand-name{font-size:14px}
  .magic-nav a{padding:6px 9px;font-size:12.5px}
  .acc-login,.acc-register{padding:4px 8px;font-size:11px}
  .sm-theme-grid{grid-template-columns:repeat(2,1fr)}
  .win-content h2,.post-title{font-size:16px}
}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}

/* ===== OS DIALOG (Evet/Hayir/Iptal) ===== */
.osdlg-ov{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .16s;padding:20px}
.osdlg-ov.open{opacity:1}
.osdlg{width:min(420px,94vw);background:var(--window-bg,#fff);border:var(--window-border,1px solid #ccc);
  border-radius:var(--window-radius,10px);box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden;
  transform:scale(.94);transition:transform .18s cubic-bezier(.2,.8,.3,1)}
.osdlg-ov.open .osdlg{transform:none}
.osdlg-tb{display:flex;align-items:center;gap:8px;padding:9px 13px;background:var(--titlebar-bg,#0078d4);color:var(--titlebar-text,#fff)}
.osdlg-tbtitle{font-size:13px;font-weight:600;flex:1}
.osdlg-x{border:none;background:transparent;color:inherit;cursor:pointer;font-size:14px;width:24px;height:24px;border-radius:5px;line-height:1}
.osdlg-x:hover{background:rgba(255,255,255,.25)}
.osdlg-body{display:flex;gap:16px;align-items:flex-start;padding:22px 20px}
.osdlg-icon{font-size:34px;line-height:1;flex:0 0 auto}
.osdlg-msg{font-size:14px;line-height:1.6;color:var(--content-text,#333);padding-top:3px}
.osdlg-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background:rgba(0,0,0,.03);border-top:1px solid var(--border,#eee)}
.osdlg-btn{padding:8px 20px;border:1px solid var(--border,#ccc);border-radius:7px;background:var(--window-bg,#fff);
  color:var(--text,#222);font-family:inherit;font-size:13.5px;cursor:pointer;min-width:84px;transition:background .12s}
.osdlg-btn:hover{background:var(--chip-bg,#eee)}
.osdlg-btn.primary{background:var(--accent,#0078d4);color:var(--accent-text,#fff);border-color:transparent;font-weight:600}
.osdlg-btn.primary:hover{filter:brightness(1.08)}
.osdlg-btn.danger{background:#c0392b;color:#fff;border-color:transparent;font-weight:600}
.osdlg-btn.danger:hover{filter:brightness(1.08)}
/* win9x/me klasik dialog */
[data-theme="win9x"] .osdlg,[data-theme="winme"] .osdlg{border-radius:0;background:#c0c0c0;
  box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf,4px 4px 12px rgba(0,0,0,.5)}
[data-theme="win9x"] .osdlg-tb,[data-theme="winme"] .osdlg-tb{background:linear-gradient(90deg,#000080,#1084d0)}
[data-theme="win9x"] .osdlg-btn,[data-theme="winme"] .osdlg-btn{border-radius:0;background:#c0c0c0;color:#000;
  box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}
[data-theme="win9x"] .osdlg-foot,[data-theme="winme"] .osdlg-foot{background:#c0c0c0}

/* ===== SYSTRAY BUTONLARI + POPOVER ===== */
.sys-btn{border:none;background:transparent;color:inherit;cursor:pointer;padding:4px 7px;border-radius:6px;display:inline-flex;align-items:center;transition:background .12s}
.sys-btn:hover{background:rgba(255,255,255,.16)}
.sys-pop{position:fixed;bottom:calc(var(--taskbar-height) + 10px);right:12px;z-index:90;width:300px;
  background:var(--window-bg);border:var(--window-border);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.45);
  backdrop-filter:var(--window-blur);-webkit-backdrop-filter:var(--window-blur);
  padding:14px;display:none;animation:smIn .18s ease}
.sys-pop.open{display:block}
.sys-pop-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;color:var(--text);margin-bottom:12px}
[data-theme="linux"] .sys-pop{right:auto;left:72px;bottom:12px}
[data-theme="win9x"] .sys-pop,[data-theme="winme"] .sys-pop{border-radius:0}
/* Takvim */
.cal-nav button{border:none;background:var(--chip-bg);color:var(--text);width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:14px;margin-left:3px}
.cal-nav button:hover{background:var(--accent);color:var(--accent-text)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cal-dow{text-align:center;font-size:11px;color:var(--meta);font-weight:600;padding:4px 0}
.cal-dow.we{color:#e53935}
.cal-cell{text-align:center;font-size:12.5px;padding:6px 0;border-radius:6px;color:var(--text);position:relative}
.cal-cell.empty{visibility:hidden}
.cal-cell.weekend{color:#e53935}
.cal-cell.payday{text-decoration:underline;text-decoration-color:#e53935;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}
.cal-cell.today{background:var(--accent);color:var(--accent-text);font-weight:700}
.cal-cell.today.weekend{color:var(--accent-text)}
.sys-pop-foot{margin-top:10px;text-align:center}
.sys-today{border:1px solid var(--border);background:var(--chip-bg);color:var(--text);padding:6px 14px;border-radius:7px;cursor:pointer;font-size:12.5px;font-family:inherit}
.sys-today:hover{background:var(--accent);color:var(--accent-text)}

/* ===== WINAMP MUZIK CALAR ===== */
.winamp-pop{width:300px;padding:0;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.winamp{font-family:'Courier New',monospace;user-select:none;filter:drop-shadow(0 18px 40px rgba(0,0,0,.6))}
.wa-main{background:linear-gradient(180deg,#3a3a4a,#23232e);border:1px solid #000;border-radius:4px 4px 0 0;padding:3px;
  box-shadow:inset 1px 1px 0 #5a5a6e}
.wa-titlebar{display:flex;align-items:center;justify-content:space-between;height:14px;
  background:linear-gradient(90deg,#3949ab,#1a237e);border-radius:3px 3px 0 0;padding:0 5px;margin-bottom:3px}
.wa-tb-text{font-size:8px;font-weight:700;color:#c5cae9;letter-spacing:2px}
.wa-tb-x{border:none;background:#9fa8da;color:#1a237e;width:11px;height:9px;font-size:9px;line-height:1;cursor:pointer;border-radius:1px;padding:0}
.wa-display{display:flex;gap:6px;background:#000;border:1px solid #0a0a0a;border-radius:2px;padding:5px;margin-bottom:4px;
  box-shadow:inset 0 0 8px rgba(0,255,100,.08)}
.wa-vis{width:76px;height:34px;flex:0 0 auto;background:#000;border:1px solid #1a1a1a}
.wa-vis canvas{display:block;width:76px;height:34px}
.wa-readout{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}
.wa-time{font-size:17px;font-weight:700;color:#00e676;line-height:1;text-shadow:0 0 6px rgba(0,230,118,.5);letter-spacing:1px}
.wa-track-wrap{overflow:hidden;white-space:nowrap}
.wa-track{font-size:10px;color:#00e676;display:inline-block;padding-left:0;text-shadow:0 0 4px rgba(0,230,118,.4)}
.wa-track.scroll{animation:waScroll 12s linear infinite}
@keyframes waScroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.wa-info{font-size:8px;color:#4caf50;display:flex;gap:6px}
.wa-info .wa-stereo{color:#00e676;margin-left:auto}
.wa-seek{padding:1px 2px 4px}
.wa-seek input[type=range]{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:#15151c;border:1px solid #000;border-radius:2px;cursor:pointer}
.wa-seek input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:14px;background:linear-gradient(180deg,#9fa8da,#5c6bc0);border:1px solid #000;border-radius:2px;cursor:pointer}
.wa-seek input[type=range]::-moz-range-thumb{width:10px;height:14px;background:#5c6bc0;border:1px solid #000;border-radius:2px;cursor:pointer}
.wa-controls{display:flex;align-items:center;gap:2px;padding:0 2px 2px}
.wa-btn{width:24px;height:20px;border:1px solid #000;background:linear-gradient(180deg,#4a4a5e,#2e2e3e);color:#c5cae9;
  font-size:10px;cursor:pointer;border-radius:2px;display:grid;place-items:center;box-shadow:inset 1px 1px 0 rgba(255,255,255,.12)}
.wa-btn:hover{background:linear-gradient(180deg,#5a5a72,#3a3a4e)}
.wa-btn:active{box-shadow:inset 1px 1px 3px rgba(0,0,0,.5)}
.wa-vol-wrap{flex:1;margin-left:4px}
.wa-vol-wrap input[type=range]{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#1b5e20,#00e676);border:1px solid #000;border-radius:2px;cursor:pointer}
.wa-vol-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:13px;background:#9fa8da;border:1px solid #000;border-radius:2px;cursor:pointer}
.wa-vol-wrap input[type=range]::-moz-range-thumb{width:9px;height:13px;background:#9fa8da;border:1px solid #000;border-radius:2px;cursor:pointer}
/* Playlist */
.wa-playlist{background:#1a1a22;border:1px solid #000;border-top:none;border-radius:0 0 4px 4px;padding:3px}
.wa-pl-tabs{display:flex;gap:2px;margin-bottom:3px}
.wa-pl-tab{flex:1;padding:5px;font-size:10px;font-family:inherit;border:1px solid #000;background:linear-gradient(180deg,#2e2e3e,#1e1e2a);
  color:#9fa8da;cursor:pointer;border-radius:2px}
.wa-pl-tab.active{background:linear-gradient(180deg,#3949ab,#283593);color:#fff;font-weight:700}
.wa-pl-body{max-height:160px;overflow-y:auto;background:#000;border:1px solid #0a0a0a;border-radius:2px;padding:2px}
.wa-pl-body::-webkit-scrollbar{width:9px}
.wa-pl-body::-webkit-scrollbar-track{background:#0a0a0a}
.wa-pl-body::-webkit-scrollbar-thumb{background:#3949ab;border:1px solid #000}
.wa-pl-item{display:flex;align-items:center;gap:6px;padding:4px 6px;font-size:11px;color:#00c853;cursor:pointer;border-radius:1px;white-space:nowrap}
.wa-pl-item:hover{background:#15151c}
.wa-pl-item.active{background:#283593;color:#fff}
.wa-pl-item.broken{opacity:.55}
.wa-pl-warn{color:#ffb300;margin-left:4px}
.wa-pl-no{color:#558b2f;flex:0 0 auto;min-width:18px}
.wa-pl-item.active .wa-pl-no{color:#9fa8da}
.wa-pl-title{flex:1;overflow:hidden;text-overflow:ellipsis}
.wa-pl-genre{font-size:9px;color:#558b2f;margin-left:4px}
.wa-pl-dur{flex:0 0 auto;color:#558b2f}
.wa-pl-item.active .wa-pl-dur{color:#c5cae9}
.wa-pl-empty{padding:24px 10px;text-align:center;font-size:11px;color:#4caf50;line-height:1.6}
.wa-pl-loading{padding:24px 10px;text-align:center;font-size:11px;color:#4caf50;background:#000;border:1px solid #0a0a0a;border-radius:2px}
/* mobil: winamp biraz daralt */
@media(max-width:440px){.winamp-pop{width:94vw}.wa-vis{width:60px}.wa-vis canvas{width:60px}}
/* Hiz testi */
.st-gauge{width:150px;height:150px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--accent) 0deg,var(--chip-bg) 0deg);position:relative}
.st-gauge::before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--window-bg)}
.st-gauge.testing{animation:stSpin 1.2s linear infinite}
@keyframes stSpin{to{transform:rotate(360deg)}}
.st-val{position:relative;font-size:38px;font-weight:800;color:var(--accent);line-height:1}
.st-unit{position:relative;font-size:13px;color:var(--meta)}
.st-info{font-size:13px;color:var(--meta);margin:12px 0 18px}
.st-results{margin-top:18px;display:flex;flex-direction:column;gap:8px}
.st-r{display:flex;justify-content:space-between;padding:9px 14px;background:var(--chip-bg);border-radius:8px;font-size:13.5px}
.st-r b{color:var(--accent)}

/* ===== HIZ TESTI (program gorunumu) ===== */
.speedtest-frame{padding:0;height:100%;overflow:hidden;background:#0a0e16}
.speedtest-frame iframe{display:block;width:100%;height:100%;border:0}
/* hiz testi modal: sabit boyut, body kaydirmasiz, iframe tam dolu */
.os-modal.st-modal{width:min(480px,94vw);height:680px;max-height:92vh}
.os-modal.st-modal .os-modal-content{flex:1;min-height:0}
.os-modal.st-modal .modal-body{flex:1;min-height:0;padding:0;overflow:hidden}
.speedtest-app{padding:20px;text-align:center}
.sx-gauge-wrap{position:relative;width:240px;margin:0 auto 8px}
.sx-gauge{width:240px;height:150px;display:block}
.sx-arc-bg{stroke:var(--chip-bg)}
.sx-arc-fill{stroke:var(--accent);transition:stroke-dashoffset .25s ease}
#sxNeedle line{stroke:var(--accent);transition:transform .25s ease}
#sxNeedle circle{fill:var(--accent)}
.sx-readout{position:absolute;left:0;right:0;bottom:6px;display:flex;flex-direction:column;align-items:center;line-height:1}
.sx-big{font-size:32px;font-weight:800;color:var(--text)}
.sx-unit{font-size:12px;color:var(--meta);margin-top:1px}
.sx-phase{font-size:12px;color:var(--accent);font-weight:600;margin-top:5px}
.sx-progress{height:6px;background:var(--chip-bg);border-radius:5px;overflow:hidden;margin:8px 0 18px}
.sx-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff));border-radius:5px;transition:width .3s}
.sx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}
.sx-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;background:var(--chip-bg);border-radius:10px;border:1px solid var(--border)}
.sx-stat .sx-ic{font-size:17px}
.sx-stat .sx-label{font-size:10.5px;color:var(--meta);text-transform:uppercase;letter-spacing:.3px}
.sx-stat b{font-size:18px;color:var(--text)}
.sx-stat .sx-su{font-size:10px;color:var(--meta)}
.sx-start{padding:11px 28px;border:none;border-radius:9px;background:var(--accent);color:var(--accent-text);
  font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:filter .12s}
.sx-start:hover:not(:disabled){filter:brightness(1.08)}
.sx-start:disabled{opacity:.6;cursor:wait}
.sx-note{font-size:11px;color:var(--meta);margin-top:12px}
[data-theme="win9x"] .sx-stat,[data-theme="winme"] .sx-stat{border-radius:0;background:#fff;box-shadow:inset -1px -1px #808080,inset 1px 1px #fff}
[data-theme="win9x"] .sx-start,[data-theme="winme"] .sx-start{border-radius:0;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf}
@media(max-width:480px){.sx-stats{grid-template-columns:repeat(2,1fr)}}

/* ===== OKUMA ILERLEME CUBUGU ===== */
.read-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:300;transition:width .1s;box-shadow:0 0 8px var(--accent)}
[data-theme="win9x"] .read-progress,[data-theme="winme"] .read-progress{box-shadow:none;height:4px}

/* ===== SAYFALAMA PROGRESS ===== */
.pager-progress{display:flex;align-items:center;gap:10px;margin-top:12px;padding:0 4px}
.pp-track{flex:1;height:7px;background:var(--chip-bg);border-radius:5px;overflow:hidden;border:1px solid var(--border)}
.pp-fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#fff));border-radius:5px;transition:width .3s}
.pp-label{font-size:11.5px;color:var(--meta);white-space:nowrap;font-weight:600}
[data-theme="win9x"] .pp-track,[data-theme="winme"] .pp-track{border-radius:0;background:#fff;box-shadow:inset 1px 1px #808080}
[data-theme="win9x"] .pp-fill,[data-theme="winme"] .pp-fill{border-radius:0;background:#000080}

/* ===== WIDGET'LAR (sidebar) ===== */
.wg-body{padding:12px}
.wg-empty{font-size:13px;color:var(--meta);text-align:center;padding:14px 4px;line-height:1.5}
.wg-rates{display:flex;flex-direction:column;gap:6px}
.wg-rate{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--chip-bg);border-radius:8px;font-size:13px}
.wg-rate .wg-cur{color:var(--text);font-weight:600;min-width:0}
.wg-rate .wg-cur small{color:var(--meta);font-weight:400;font-size:10.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.wg-rate .wg-rval{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.wg-rate b{color:var(--text);font-size:14px}
.wg-chg{font-size:10.5px;font-weight:700}
.wg-chg.up{color:#16a34a}
.wg-chg.down{color:#dc2626}
.wg-foot{font-size:10.5px;color:var(--meta);text-align:right;margin-top:8px}
.wg-clock{font-size:30px;font-weight:800;text-align:center;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:1px}
.wg-date{text-align:center;font-size:12.5px;color:var(--meta);margin-top:4px}
.wg-ecz-list,.wg-ecz{display:flex;flex-direction:column}
.wg-ecz{padding:8px 0;border-bottom:1px solid var(--border)}
.wg-ecz b{font-size:13px}
.wg-ecz span{font-size:11.5px;color:var(--meta)}
.wg-hava{display:flex;align-items:center;gap:10px;justify-content:center;padding:8px}
.wg-hava .wg-temp{font-size:32px;font-weight:800;color:var(--accent)}
/* ilginc bilgi */
.wg-ilginc-cat{display:inline-block;font-size:10.5px;font-weight:700;color:var(--accent-text);background:var(--accent);padding:2px 9px;border-radius:20px;margin-bottom:8px}
.wg-ilginc p{font-size:13px;line-height:1.55;color:var(--text);margin:0}
/* tarihte bugun - sekmeli */
.wg-th-tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid var(--border)}
.wg-th-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:7px 4px;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--meta);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:color .12s,border-color .12s}
.wg-th-tab:hover{color:var(--text)}
.wg-th-tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.wg-th-cnt{font-size:10px;background:var(--chip-bg);color:var(--meta);padding:0 6px;border-radius:10px;font-weight:700}
.wg-th-tab.active .wg-th-cnt{background:var(--accent);color:var(--accent-text)}
.wg-th-panel{display:none;max-height:280px;overflow-y:auto}
.wg-th-panel.active{display:block}
.wg-th-item{display:flex;gap:9px;padding:7px 0;border-bottom:1px solid var(--border);font-size:12.5px;align-items:baseline}
.wg-th-item:last-child{border-bottom:none}
.wg-th-yil{flex:0 0 auto;font-weight:700;color:var(--accent);font-size:12px;min-width:38px}
.wg-th-txt{color:var(--text);line-height:1.4}
/* gunun sozu */
.wg-sz{padding:8px 0;border-bottom:1px solid var(--border)}
.wg-sz:last-child{border-bottom:none}
.wg-sz-lbl{font-size:10.5px;color:var(--meta);font-weight:600;display:block;margin-bottom:3px}
.wg-sz b{font-size:14px;color:var(--accent)}
.wg-sz p{font-size:12.5px;color:var(--text);margin:3px 0 0;line-height:1.5}
/* TDK sozluk arama */
.wg-sz-form{display:flex;gap:6px;margin-bottom:10px}
.wg-sz-input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:7px;font-family:inherit;font-size:13px;background:var(--window-bg);color:var(--text)}
.wg-sz-input:focus{outline:none;border-color:var(--accent)}
.wg-sz-btn{padding:8px 14px;border:none;border-radius:7px;background:var(--accent);color:var(--accent-text);cursor:pointer;font-size:13px;font-family:inherit;font-weight:600}
.wg-sz-loading{font-size:12.5px;color:var(--meta);text-align:center;padding:10px}
.wg-sz-word{font-size:16px;font-weight:700;color:var(--accent);margin-bottom:6px}
.wg-sz-anlam{font-size:12.5px;line-height:1.5;color:var(--text);margin-bottom:5px}
.wg-sz-anlam .wg-sz-no{color:var(--accent);font-weight:700}
.wg-sz-anlam i{color:var(--meta);font-size:11.5px}
.wg-sz-birlesik{font-size:11.5px;color:var(--meta);margin-top:8px;padding-top:8px;border-top:1px solid var(--border);line-height:1.6}

/* ============ REKLAM ALANLARI (ad-blocker dostu isimler) ============ */
.promo-zone{margin:14px 0}
.promo-cell{margin:0 0 10px}
.promo-cell:last-child{margin-bottom:0}
.promo-header{margin:0 auto;max-width:1180px;padding:8px 16px 0;text-align:center}
.promo-footer{max-width:1180px;margin:0 auto;padding:10px 16px;text-align:center}
.promo-side{}
.promo-post{margin:18px 0;text-align:center}
.promo-visual img{max-width:100%;height:auto;border-radius:8px;display:block;margin:0 auto}
.promo-zone ins{display:block}
/* yazi araları pencere reklamı (liste icinde) */
.promo-win .promo-body{padding:16px}
.promo-win .promo-body img{max-width:100%;height:auto;border-radius:6px}
.promo-win.closing{opacity:0;transform:scale(.97);transition:.2s}
/* footer sponsor link */
.foot-promo-link{opacity:.85}
.foot-promo-link::before{content:"•";margin-right:6px;opacity:.5}
/* acilir pencere reklamı */
.promo-pop-ov[hidden]{display:none!important}
.promo-pop-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px;animation:ppFade .2s ease}
.promo-pop-win .tb-btn svg{pointer-events:none}
[data-theme="macos"] .promo-pop-win .tb-btn svg{display:block}
@keyframes ppFade{from{opacity:0}to{opacity:1}}
.promo-pop-win{background:var(--window-bg);border-radius:10px;max-width:480px;width:100%;box-shadow:0 24px 70px rgba(0,0,0,.5);overflow:hidden;animation:ppPop .25s cubic-bezier(.2,.8,.3,1.2)}
@keyframes ppPop{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
.promo-pop-body{padding:18px;text-align:center}
.promo-pop-body img{max-width:100%;height:auto;border-radius:8px}
[data-theme="win9x"] .promo-pop-win,[data-theme="winme"] .promo-pop-win{border-radius:0;border:2px solid;border-color:#dfdfdf #808080 #808080 #dfdfdf}

/* ====================================================================
   CANLI DESTEK (live chat)
   ==================================================================== */
.lc-wrap{position:fixed;right:20px;bottom:calc(var(--taskbar-height) + 16px);z-index:480;font-family:var(--font)}
[data-theme="linux"] .lc-wrap{bottom:20px;right:20px}
[data-theme="macos"] .lc-wrap{bottom:90px}
.lc-bubble{position:relative;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(135deg,#0a66c2,#0850a0);color:#fff;display:grid;place-items:center;
  box-shadow:0 8px 26px rgba(10,102,194,.45);transition:transform .18s,box-shadow .18s}
.lc-bubble:hover{transform:scale(1.07)}
.lc-bubble svg{width:26px;height:26px;position:absolute;transition:opacity .2s,transform .2s}
.lc-ic-close{opacity:0;transform:rotate(-90deg)}
.lc-wrap.open .lc-ic-chat{opacity:0;transform:rotate(90deg)}
.lc-wrap.open .lc-ic-close{opacity:1;transform:rotate(0)}
.lc-badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:11px;
  background:#e53935;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid #fff}
.lc-panel[hidden]{display:none!important}
.lc-panel{position:absolute;right:0;bottom:72px;width:340px;max-width:calc(100vw - 40px);
  height:460px;max-height:calc(100vh - 160px);background:#fff;border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.32);
  animation:lcUp .22s cubic-bezier(.2,.8,.2,1)}
@keyframes lcUp{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.lc-head{background:linear-gradient(135deg,#0a66c2,#0850a0);color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}
.lc-head-info{display:flex;flex-direction:column;gap:3px}
.lc-title{font-size:15px;font-weight:700}
.lc-status{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.92}
.lc-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af}
.lc-status.online .lc-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.3)}
.lc-close{background:rgba(255,255,255,.15);border:none;color:#fff;width:28px;height:28px;border-radius:7px;cursor:pointer;font-size:14px}
.lc-close:hover{background:rgba(255,255,255,.28)}
.lc-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#f1f5f9}
.lc-msg{max-width:80%;padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;word-wrap:break-word;white-space:pre-wrap}
.lc-msg.visitor{align-self:flex-end;background:#0a66c2;color:#fff;border-bottom-right-radius:4px}
.lc-msg.admin{align-self:flex-start;background:#fff;color:#1a2332;border:1px solid #e2e8f0;border-bottom-left-radius:4px}
.lc-msg.sys{align-self:center;background:transparent;color:#64748b;font-size:12px;text-align:center;max-width:100%}
.lc-msg-time{display:block;font-size:10px;opacity:.6;margin-top:3px}
.lc-offline{padding:14px 16px;background:#fff7ed;border-top:1px solid #fed7aa}
.lc-offline p{font-size:12.5px;color:#9a3412;margin:0 0 10px;line-height:1.5}
.lc-wa-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:10px;
  background:#25d366;color:#fff;text-decoration:none;font-weight:600;font-size:14px}
.lc-wa-btn:hover{background:#1ebe5a}
.lc-wa-btn svg{width:20px;height:20px}
.lc-input{border-top:1px solid #e2e8f0;background:#fff;padding:10px}
.lc-fields{margin-bottom:8px}
.lc-fields input{width:100%;padding:8px 11px;border:1px solid #e2e8f0;border-radius:9px;font-size:13px;font-family:inherit}
.lc-inrow{display:flex;gap:8px;align-items:center}
.lc-inrow input{flex:1;padding:10px 13px;border:1px solid #e2e8f0;border-radius:22px;font-size:13.5px;font-family:inherit;outline:none}
.lc-inrow input:focus{border-color:#0a66c2}
.lc-send{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:none;background:#0a66c2;color:#fff;cursor:pointer;display:grid;place-items:center}
.lc-send:hover{background:#0850a0}
.lc-send svg{width:18px;height:18px}
.lc-input.hidden-input{display:none}
@media (max-width:560px){
  .lc-wrap{right:14px;bottom:calc(var(--taskbar-height) + 12px)}
  .lc-panel{width:calc(100vw - 28px);height:70vh;bottom:70px}
}

/* ====================================================================
   MOBIL ACILIR MENU (body'ye tasinan alt-panel / bottom sheet)
   ==================================================================== */
.mdrop-ov{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,0);
  display:flex;align-items:flex-end;justify-content:center;
  transition:background .2s;opacity:1}
.mdrop-ov.show{background:rgba(0,0,0,.5)}
.mdrop-sheet{width:100%;max-width:520px;max-height:70vh;background:#fff;
  border-radius:18px 18px 0 0;overflow:hidden;display:flex;flex-direction:column;
  transform:translateY(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 -10px 50px rgba(0,0,0,.4);margin-bottom:0;padding-bottom:env(safe-area-inset-bottom,0)}
.mdrop-ov.show .mdrop-sheet{transform:translateY(0)}
.mdrop-head{display:flex;align-items:center;justify-content:space-between;
  padding:16px 18px;border-bottom:1px solid #e8edf2;flex:0 0 auto}
.mdrop-head span{font-size:16px;font-weight:700;color:#1a2332}
.mdrop-x{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:50%;
  font-size:15px;color:#475569;cursor:pointer;display:grid;place-items:center}
.mdrop-list{overflow-y:auto;padding:8px;-webkit-overflow-scrolling:touch}
.mdrop-list a{display:flex;align-items:center;gap:12px;padding:15px 16px;
  border-radius:12px;text-decoration:none;color:#1a2332;font-size:16px;font-weight:500}
.mdrop-list a:active{background:#eef2f6}
.mdrop-list .di{font-size:20px;line-height:1;width:24px;text-align:center;flex:0 0 auto}
body.mdrop-open{overflow:hidden}