/* =========================================================
   AHMETOS v4.3 - NATIVE APP SHELL
   Tema/Elementor DOM hack'i yoktur. AhmetOS kendi WordPress
   template shell'i üzerinden doğrudan tam ekran render edilir.
========================================================= */
html.ahmetos-app-html,
body.ahmetos-app-shell {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    overflow: hidden !important;
    background: #000 !important;
}

html.ahmetos-app-html { margin-top: 0 !important; }
body.ahmetos-app-shell #wpadminbar { display: none !important; height: 0 !important; }

.mac-os-wrapper {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    overflow: hidden;
    z-index: 2147483000 !important;
    transition: background-image 0.5s ease-in-out;
}

.boot-screen { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #000; z-index: 2147483646; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity 0.4s ease-in-out; }
.boot-logo { width: 90px; height: auto; filter: brightness(0) invert(1); margin-bottom: 50px; }
.boot-loader { width: 220px; height: 5px; background: #333; border-radius: 5px; overflow: hidden; }
.boot-loader-fill { height: 100%; background: #fff; width: 0%; animation: bootLoad 1.5s cubic-bezier(0.8, 0, 0.2, 1) forwards; }
@keyframes bootLoad { 0% { width: 0%; }
40% { width: 40%; }
60% { width: 45%; }
100% { width: 100%; }
}
.mac-top-bar { height: 28px; background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); display: flex; justify-content: space-between; align-items: center; padding: 0 10px; font-size: 13px; font-weight: 500; color: white; border-bottom: 1px solid rgba(255,255,255,0.15); user-select: none; z-index: 10000; position: relative; }
.mac-menu-left { display: flex; align-items: center; height: 100%; gap: 2px; }
.mac-menu-item { position: relative; padding: 0 10px; height: 100%; display: flex; align-items: center; cursor: default; border-radius: 4px; transition: background 0.1s; }
.mac-menu-item.active { background: rgba(255, 255, 255, 0.2); color: #fff; }
.mac-menu-right { display: flex; height: 100%; align-items: center; padding-right: 5px; }
.custom-os-logo-wrapper { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; flex-shrink: 0 !important; margin-bottom: 2px; }
.custom-os-logo { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; object-fit: contain !important; filter: brightness(0) invert(1) !important; display: block !important; }
.top-dropdown { position: absolute; top: 28px; left: 0; background: rgba(245, 245, 245, 0.95); backdrop-filter: blur(25px); border: 1px solid rgba(0,0,0,0.1); border-radius: 0 0 6px 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); display: none; flex-direction: column; min-width: 230px; padding: 5px 0; z-index: 10001; color: #1d1d1f; font-size: 13px; }
.drop-item { padding: 6px 15px; cursor: default; transition: background 0.05s, color 0.05s; display: flex; align-items: center; gap: 8px; }
.drop-item:hover { background: #0058d0; color: white; }
.drop-item svg { width: 14px; height: 14px; fill: currentColor; }
.drop-divider { height: 1px; background: rgba(0,0,0,0.1); margin: 4px 0; pointer-events: none; }
.time-container { position: relative; height: 100%; display: flex; align-items: center; padding: 0 10px; cursor: default; border-radius: 4px; transition: background 0.1s; gap: 15px; }
.time-container.active { background: rgba(255, 255, 255, 0.2); color: #fff; }
.calendar-dropdown { position: absolute; top: 28px; right: 0; width: 250px; background: rgba(245, 245, 245, 0.95); backdrop-filter: blur(25px); border: 1px solid rgba(0,0,0,0.1); border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); display: none; flex-direction: column; padding: 15px; z-index: 10001; color: #333; cursor: default; box-sizing: border-box; }
.calendar-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; font-weight: 600; font-size: 14px; }
.cal-btn { background: none; border: none; cursor: pointer; font-size: 14px; color: #666; padding: 0 5px; outline: none; }
.cal-btn:hover { color: #000; }
.calendar-weekdays { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; font-size: 11px; font-weight: 600; color: #888; margin-bottom: 8px; }
.calendar-days { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; font-size: 12px; gap: 2px; }
.cal-day { padding: 6px 0; border-radius: 4px; cursor: pointer; transition: background 0.1s; }
.cal-day:hover { background: rgba(0,0,0,0.08); }
.cal-day.today { background: #0058d0; color: white; font-weight: bold; }
.cal-day.empty { visibility: hidden; }
.desktop-content { position: relative; width: 100%; height: calc(100vh - 28px); z-index: 1; }
.folder-item { position: absolute; display: flex; flex-direction: column; align-items: center; text-align: center; width: 90px; user-select: none; padding: 4px; border-radius: 6px; cursor: pointer; z-index: 5; }
.folder-icon { display: flex; justify-content: center; align-items: center; height: 70px; pointer-events: none; }
.folder-icon img { width: 70px; height: auto; filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.3)); pointer-events: none; transition: filter 0.1s; }
.folder-text { color: white; margin-top: 4px; font-size: 12px; font-weight: 500; text-shadow: 0px 1px 2px rgba(0,0,0,0.8); letter-spacing: 0.3px; padding: 2px 6px; border-radius: 4px; pointer-events: none; }
.folder-item.selected .folder-text { background: rgba(0, 88, 208, 0.9); text-shadow: none; }
.folder-item.selected .folder-icon img { filter: brightness(0.7) drop-shadow(0px 4px 6px rgba(0,0,0,0.5)); }
.window-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(80px, 18%), 1fr)); gap: 15px; padding: 20px; align-items: start; }
.win-folder-item { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; user-select: none; padding: 8px; border-radius: 6px; cursor: default; margin: 0 auto; border: 1px solid transparent; transition: background 0.1s; }
.win-folder-item.selected { background: rgba(0, 88, 208, 0.1); border: 1px solid rgba(0, 88, 208, 0.2); }
.win-folder-item .folder-icon { width: 100%; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; pointer-events: none; position: relative; }
.win-folder-item .folder-icon img { width: 80%; height: 80%; object-fit: cover; filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.15)); pointer-events: none; transition: transform 0.2s; border-radius: 6px; }
.win-folder-item:hover .folder-icon img { transform: scale(1.05); }
.win-folder-item .folder-text { color: #333; margin-top: 8px; font-size: clamp(10px, 1.2vw, 13px); font-weight: 500; text-shadow: none; pointer-events: none; line-height: 1.3; word-break: break-word; }
.win-folder-item.selected .folder-text { background: #0058d0; color: white; border-radius: 4px; padding: 2px 4px; }
.reel-icon-wrapper { width: 100%; height: 100px !important; display: flex; justify-content: center; align-items: center; position: relative; }
.reel-icon-wrapper img { width: 56px !important; height: 100px !important; object-fit: cover !important; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); transition: transform 0.2s; }
.win-folder-item:hover .reel-icon-wrapper img { transform: scale(1.05); }
.img-file-icon { max-width: 100% !important; max-height: 100% !important; object-fit: contain; border-radius: 4px; filter: drop-shadow(0 2px 5px rgba(0,0,0,0.2)); }
.pdf-file-icon { width: 60%; height: 80%; background: white; border-radius: 4px; position: relative; box-shadow: 0 2px 8px rgba(0,0,0,0.15); display: flex; justify-content: center; border: 1px solid #e0e0e0; margin: 0 auto; }
.pdf-file-icon::before { content: ''; position: absolute; top: 0; right: 0; border-width: 0 15px 15px 0; border-style: solid; border-color: #f5f5f5 #f5f5f5 #e0e0e0 #e0e0e0; border-bottom-left-radius: 3px; display: block; width: 0; }
.pdf-file-icon::after { content: 'PDF'; position: absolute; bottom: 8px; background: #e02424; color: white; font-size: clamp(8px, 1vw, 10px); font-weight: bold; padding: 2px 4px; border-radius: 2px; letter-spacing: 0.5px; }
.play-btn-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.6); border-radius: 50%; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 10px rgba(0,0,0,0.3); pointer-events: none; }
.play-btn-overlay svg { width: 16px; height: 16px; fill: white; margin-left: 2px; }
.reel-icon-wrapper .play-btn-overlay { width: 28px; height: 28px; }
.reel-icon-wrapper .play-btn-overlay svg { width: 12px; height: 12px; }
.window-toolbar { padding: 10px 15px; border-bottom: 1px solid #ddd; background: #f5f5f5; display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.back-btn { background: white; border: 1px solid #ccc; padding: 4px 10px; border-radius: 6px; cursor: pointer; font-size: 12px; font-weight: 500; color: #333; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.back-btn:hover { background: #f0f0f0; }
.path-text { font-size: 12px; font-weight: 500; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; }
.folder-search-input { padding: 5px 12px; border-radius: 15px; border: 1px solid #ccc; background: #fff; font-size: 12px; width: 140px; outline: none; transition: width 0.2s, border-color 0.2s; }
.folder-search-input:focus { width: 200px; border-color: #0058d0; }
.context-menu { position: fixed; background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(25px) saturate(1.5); border: 1px solid rgba(255, 255, 255, 0.4); box-shadow: 0 10px 30px rgba(0,0,0,0.2), 0 0 0 0.5px rgba(0,0,0,0.1); border-radius: 8px; padding: 5px; min-width: 190px; display: none; z-index: 10000; font-size: 13px; font-weight: 500; color: #1d1d1f; user-select: none; }
.context-menu ul { margin: 0; padding: 0; list-style: none; }
.context-menu li { padding: 4px 10px; cursor: default; margin: 0; border-radius: 5px; }
.context-menu li:hover { background: #0058d0; color: white; }
.widgets-container { position: absolute; right: 22px; top: 22px; display: flex; flex-direction: column; gap: 14px; width: 330px; align-items: flex-end; z-index: 10; }
.sticky-note { background: #fdf596; color: #333; padding: 20px; border-radius: 4px; font-size: 14px; font-weight: 500; box-shadow: 2px 4px 15px rgba(0,0,0,0.2); transform: rotate(2deg); line-height: 1.4; width: 100%; cursor: default; box-sizing: border-box; }
.ah-radio-card{width:330px;max-width:100%;background:linear-gradient(145deg,rgba(17,20,27,.96),rgba(8,10,14,.96));border:1px solid rgba(255,255,255,.14);border-radius:18px;color:#fff;box-shadow:0 16px 36px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.07);overflow:hidden;flex-shrink:0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-sizing:border-box}
.ah-radio-card[hidden]{display:none!important}.ah-radio-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.08)}.ah-radio-brand{display:flex;align-items:center;gap:9px;min-width:0}.ah-radio-brand>div{min-width:0}.ah-radio-brand strong{display:block;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah-radio-brand small{display:block;margin-top:2px;color:rgba(255,255,255,.55);font-size:9.5px;letter-spacing:.2px}.ah-radio-live-dot{width:9px;height:9px;border-radius:50%;background:#63e6be;box-shadow:0 0 0 4px rgba(99,230,190,.12);flex:0 0 auto}.ah-radio-card.is-playing .ah-radio-live-dot{animation:ahRadioPulse 1.25s infinite}@keyframes ahRadioPulse{50%{box-shadow:0 0 0 8px rgba(99,230,190,0)}}.ah-radio-collapse{width:27px;height:27px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:16px;line-height:1}.ah-radio-collapse:hover{background:rgba(255,255,255,.15)}.ah-radio-body{padding:13px}.ah-radio-card.collapsed .ah-radio-body{display:none}.ah-radio-card.collapsed .ah-radio-head{border-bottom:0}.ah-radio-now{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center}.ah-radio-cover{width:68px;height:68px;border-radius:12px;object-fit:cover;background:#1e2430;box-shadow:0 8px 18px rgba(0,0,0,.3)}.ah-radio-meta{min-width:0}.ah-radio-meta strong{display:block;font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah-radio-meta span{display:block;margin-top:4px;color:rgba(255,255,255,.62);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah-radio-meta small{display:block;margin-top:8px;color:rgba(255,255,255,.38);font-size:9.5px}.ah-radio-progress-row{display:grid;grid-template-columns:34px 1fr 34px;gap:7px;align-items:center;margin-top:12px;color:rgba(255,255,255,.45);font-size:9px;font-variant-numeric:tabular-nums}.ah-radio-progress-row span:last-child{text-align:right}.ah-radio-progress-row input,.ah-radio-volume input{appearance:none;-webkit-appearance:none;height:4px;border-radius:999px;background:rgba(255,255,255,.2);outline:none;cursor:pointer}.ah-radio-progress-row input::-webkit-slider-thumb,.ah-radio-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.4)}.ah-radio-controls{display:grid;grid-template-columns:32px 38px 48px 38px 32px;gap:8px;justify-content:center;align-items:center;margin-top:10px}.ah-radio-icon-btn,.ah-radio-play{border:0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.ah-radio-icon-btn{width:32px;height:32px;border-radius:50%;background:transparent;color:rgba(255,255,255,.72);font-size:14px}.ah-radio-icon-btn:hover,.ah-radio-icon-btn.active{background:rgba(255,255,255,.09);color:#fff}.ah-radio-icon-btn.main-side{font-size:12px;background:rgba(255,255,255,.06)}.ah-radio-play{width:48px;height:48px;border-radius:50%;background:#fff;color:#111;font-size:18px;box-shadow:0 7px 18px rgba(0,0,0,.28);transition:transform .15s}.ah-radio-play:hover{transform:scale(1.04)}.ah-radio-volume{display:grid;grid-template-columns:18px 1fr 18px;gap:7px;align-items:center;margin-top:10px;font-size:10px}.ah-radio-modes{display:flex;gap:6px;overflow-x:auto;margin:12px -2px 0;padding:0 2px 3px;scrollbar-width:none}.ah-radio-modes::-webkit-scrollbar{display:none}.ah-radio-modes button{flex:0 0 auto;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);color:rgba(255,255,255,.65);border-radius:999px;padding:5px 9px;font-size:9.5px;cursor:pointer}.ah-radio-modes button:hover,.ah-radio-modes button.active{background:#fff;color:#111;border-color:#fff}.ah-radio-queue{margin-top:10px;max-height:114px;overflow:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:6px;scrollbar-width:thin}.ah-radio-queue-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:7px;align-items:center;padding:6px 5px;border-radius:7px;cursor:pointer}.ah-radio-queue-item:hover{background:rgba(255,255,255,.06)}.ah-radio-queue-item.active{background:rgba(255,255,255,.1)}.ah-radio-queue-num{font-size:9px;color:rgba(255,255,255,.35);text-align:center}.ah-radio-queue-meta{min-width:0}.ah-radio-queue-meta strong{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah-radio-queue-meta small{display:block;margin-top:2px;color:rgba(255,255,255,.42);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah-radio-queue-play{font-size:10px;color:rgba(255,255,255,.52)}
@media(max-width:600px){.widgets-container{right:12px;top:12px;width:min(330px,calc(100vw - 24px))}.ah-radio-card{width:100%}}
/* MULTI WINDOW CSS & BOUNDARIES */ .mac-window { position: absolute; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(30px); border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 0 0 1px rgba(0,0,0,0.1); z-index: 100; display: flex; flex-direction: column; overflow: visible; min-width: 450px; min-height: 350px; transform: translate(0, 0); }
.mac-window.dragging { transition: none !important; }
.mac-window-top { height: 45px; background: linear-gradient(to bottom, #f9f9f9, #f1f1f1); border-bottom: 1px solid #ddd; display: flex; align-items: center; padding: 0 15px; user-select: none; justify-content: center; position: relative; cursor: grab; border-radius: 12px 12px 0 0; flex-shrink: 0; }
.mac-window-top:active { cursor: grabbing; }
.mac-window-controls { display: flex; gap: 8px; position: absolute; left: 15px; }
.mac-window-controls span { width: 12px; height: 12px; border-radius: 50%; display: inline-block; cursor: pointer; }
.close-btn { background: #ff5f56; border: 1px solid #e0443e; }
.min-btn { background: #ffbd2e; border: 1px solid #dea123; }
.max-btn { background: #27c93f; border: 1px solid #1aab29; }
.mac-window-title { font-size: 13px; font-weight: 600; color: #444; pointer-events: none; }
.mac-window-content { flex-grow: 1; overflow-y: auto; color: #333; display: flex; flex-direction: column; border-radius: 0 0 12px 12px; height: calc(100% - 45px); }
.mac-window.maximized { top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border-radius: 0 !important; transform: none !important; }
.mac-window.minimized { width: 260px !important; height: 45px !important; min-width: 0 !important; min-height: 0 !important; top: auto !important; bottom: 40px !important; left: auto !important; right: 40px !important; transform: none !important; border-radius: 25px !important; box-shadow: 0 10px 25px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.4) !important; }
.mac-window.minimized .mac-window-content { display: none !important; }
.mac-window.minimized .mac-window-top { background: rgba(255, 255, 255, 0.85); border-bottom: none; border-radius: 25px; }
.mac-window.maximized .resizer, .mac-window.minimized .resizer { display: none !important; }
.resizer { position: absolute; z-index: 100; }
.resizer-r { right: -5px; top: 0; width: 10px; height: 100%; cursor: e-resize; }
.resizer-l { left: -5px; top: 0; width: 10px; height: 100%; cursor: w-resize; }
.resizer-b { bottom: -5px; left: 0; width: 100%; height: 10px; cursor: s-resize; }
.resizer-t { top: -5px; left: 0; width: 100%; height: 10px; cursor: n-resize; }
.resizer-br { right: -5px; bottom: -5px; width: 15px; height: 15px; cursor: se-resize; z-index: 101; }
.resizer-bl { left: -5px; bottom: -5px; width: 15px; height: 15px; cursor: sw-resize; z-index: 101; }
.resizer-tr { right: -5px; top: -5px; width: 15px; height: 15px; cursor: ne-resize; z-index: 101; }
.resizer-tl { left: -5px; top: -5px; width: 15px; height: 15px; cursor: nw-resize; z-index: 101; }
/* Timeline UI */ .timeline { display: flex; flex-direction: column; gap: 0; margin: 20px auto; max-width: 600px; padding: 20px; }
.timeline-item { display: flex; gap: 20px; position: relative; padding-bottom: 30px; }
.timeline-item:last-child { padding-bottom: 0; }
.timeline-line { position: absolute; left: 24px; top: 40px; bottom: 0; width: 2px; background: #e0e0e0; z-index: 1; }
.timeline-item:last-child .timeline-line { display: none; }
.timeline-icon { width: 50px; height: 50px; border-radius: 50%; background: #0058d0; color: white; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 18px; z-index: 2; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,88,208,0.3); }
.timeline-content { background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); flex-grow: 1; border: 1px solid #f0f0f0; }
.timeline-content h4 { margin: 0 0 8px 0; color: #111; font-size: 16px; }
.timeline-content p { margin: 0; color: #666; font-size: 13.5px; line-height: 1.6; }
/* Forms & UI */ .form-group { margin-bottom: 18px; }
.form-group label { display: block; font-size: 12px; font-weight: 600; color: #555; margin-bottom: 6px; }
.form-control { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; font-family: inherit; box-sizing: border-box; transition: border-color 0.2s; background: #fdfdfd; }
.form-control:focus { outline: none; border-color: #0058d0; background: #fff; box-shadow: 0 0 0 3px rgba(0,88,208,0.1); }
.form-btn { background: #0058d0; color: white; border: none; padding: 14px 20px; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; width: 100%; box-shadow: 0 4px 15px rgba(0,88,208,0.3); }
.form-btn:hover { background: #0045a5; transform: translateY(-1px); }
.guide-box { display: flex; gap: 15px; margin-bottom: 20px; background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border: 1px solid #f0f0f0; }
.guide-icon { font-size: 24px; }
.guide-text h4 { margin: 0 0 5px 0; color: #111; }
.guide-text p { margin: 0; color: #666; font-size: 13.5px; line-height: 1.5; }
.quick-look-modal, .pdf-viewer-modal, .video-modal, .ig-modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 25000; display: none; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s ease-in-out; }
.quick-look-modal, .ig-modal { background: rgba(0,0,0,0.85); backdrop-filter: blur(15px); }
.video-modal { background: rgba(0,0,0,0.9); backdrop-filter: blur(15px); }
.pdf-viewer-modal { background: rgba(0,0,0,0.6); backdrop-filter: blur(10px); }
.modal-show { opacity: 1; }
.ql-top-bar { position: absolute; top: 20px; left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 30px; box-sizing: border-box; }
.ql-title { color: white; font-size: 15px; font-weight: 500; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.ql-close { background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.2); color: white; padding: 6px 16px; border-radius: 6px; cursor: pointer; font-size: 13px; font-weight: 500; transition: all 0.2s; backdrop-filter: blur(10px); }
.ql-close:hover { background: rgba(255,255,255,0.3); }
.ql-image { max-width: 90vw; max-height: 85vh; object-fit: contain; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,0.5); transform: scale(0.95); transition: transform 0.2s; }
.modal-show .ql-image { transform: scale(1); }
.ql-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: white; font-size: 20px; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px); transition: all 0.2s; z-index: 20001; }
.ql-nav-btn:hover { background: rgba(255,255,255,0.3); transform: translateY(-50%) scale(1.1); }
.ql-prev { left: 30px; }
.ql-next { right: 30px; }
.pdf-container { width: 85vw; height: 85vh; background: #525659; border-radius: 10px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.5); display: flex; flex-direction: column; }
.pdf-top-bar { height: 45px; background: #f0f0f0; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid #ccc; }
.pdf-title { font-size: 13px; font-weight: 600; color: #333; }
.pdf-close-btn { background: #ff5f56; border: 1px solid #e0443e; width: 12px; height: 12px; border-radius: 50%; cursor: pointer; }
.pdf-iframe { width: 100%; flex-grow: 1; border: none; background: white; }
.video-container { width: 85vw; max-width: 1200px; aspect-ratio: 16/9; background: #000; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
.video-iframe { width: 100%; height: 100%; border: none; }
.ig-container { width: 320px; height: 565px; background: #000; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.6); position: relative; }
.ig-iframe { width: 330px; height: 900px; border: none; position: absolute; top: -54px; left: -5px; }
.desktop-bottom-search { position: absolute; bottom: 40px; left: 50%; margin-left: -140px; width: 280px; height: 44px; background: rgba(20, 20, 20, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; display: flex; align-items: center; padding: 0 16px; z-index: 50; box-shadow: 0 10px 30px rgba(0,0,0,0.5); box-sizing: border-box; transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); }
.desktop-bottom-search:focus-within { background: rgba(10, 10, 10, 0.9); border-color: rgba(255, 255, 255, 0.4); box-shadow: 0 15px 40px rgba(0,0,0,0.6); width: 320px; margin-left: -160px; }
.dbs-icon { width: 18px; height: 18px; fill: #fff; margin-right: 12px; opacity: 0.7; flex-shrink: 0; transition: opacity 0.3s; }
.desktop-bottom-search:focus-within .dbs-icon { opacity: 1; }
.dbs-input { flex-grow: 1; background: transparent; border: none; color: #fff; font-size: 15px; outline: none; font-family: -apple-system, BlinkMacSystemFont, sans-serif; }
.dbs-input::placeholder { color: rgba(255, 255, 255, 0.6); }

/* =========================================================
   AHMETOS MUSIC v5.5 — sade Apple Music / Spotify esintili widget
========================================================= */
.ah-radio-card{width:348px!important;max-width:100%;background:rgba(248,248,250,.93)!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:20px!important;color:#151517!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important;backdrop-filter:blur(26px) saturate(150%)!important;-webkit-backdrop-filter:blur(26px) saturate(150%)!important;overflow:hidden}
.ah-radio-head{padding:12px 14px!important;border-bottom:1px solid rgba(0,0,0,.07)!important}.ah-radio-brand{gap:10px!important}.ah-radio-brand-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#ff375f,#ff2d55);color:#fff;font-size:17px;font-weight:800;box-shadow:0 5px 13px rgba(255,45,85,.28)}.ah-radio-brand strong{font-size:13px!important;color:#17171a}.ah-radio-brand small{font-size:9.5px!important;color:#86868b!important;letter-spacing:.15px}.ah-radio-collapse{background:rgba(0,0,0,.055)!important;color:#333!important}.ah-radio-collapse:hover{background:rgba(0,0,0,.09)!important}.ah-radio-body{padding:14px!important}.ah-radio-now{grid-template-columns:66px minmax(0,1fr)!important;gap:12px!important}.ah-radio-art{width:66px;height:66px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#fbfbfd,#e7e7ec);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 8px 20px rgba(0,0,0,.11);color:#ff2d55}.ah-radio-art span{font-size:28px;font-weight:700}.ah-radio-meta strong{color:#161618!important;font-size:14px!important}.ah-radio-meta span{color:#73737a!important;font-size:10.5px!important;margin-top:4px!important}.ah-radio-meta small{color:#a0a0a6!important;font-size:9px!important;margin-top:7px!important}.ah-radio-progress-row{color:#8e8e93!important;margin-top:13px!important}.ah-radio-progress-row input,.ah-radio-volume input{background:rgba(0,0,0,.12)!important}.ah-radio-progress-row input::-webkit-slider-thumb,.ah-radio-volume input::-webkit-slider-thumb{background:#ff2d55!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important}.ah-radio-controls{grid-template-columns:32px 42px 48px 42px 32px!important;margin-top:8px!important}.ah-radio-icon-btn{color:#6e6e73!important}.ah-radio-icon-btn:hover,.ah-radio-icon-btn.active{background:rgba(0,0,0,.055)!important;color:#ff2d55!important}.ah-radio-icon-btn.main-side{width:40px!important;height:40px!important;background:transparent!important;color:#333!important;font-size:16px!important}.ah-radio-play{background:#ff2d55!important;color:#fff!important;box-shadow:0 7px 18px rgba(255,45,85,.28)!important}.ah-radio-volume{color:#777!important;margin-top:8px!important}.ah-radio-queue{max-height:182px!important;margin-top:12px!important;border-top:1px solid rgba(0,0,0,.07)!important;padding-top:6px!important}.ah-radio-queue-item{width:100%;border:0;background:transparent;color:#222;grid-template-columns:25px minmax(0,1fr) 18px!important;padding:8px 6px!important;text-align:left}.ah-radio-queue-item:hover{background:rgba(0,0,0,.045)!important}.ah-radio-queue-item.active{background:rgba(255,45,85,.08)!important}.ah-radio-queue-num{color:#9a9aa0!important}.ah-radio-queue-meta strong{font-size:11px!important;color:#242428!important;font-weight:600!important}.ah-radio-queue-play{color:#ff2d55!important}.ah-radio-modes,.ah-radio-cover,.ah-radio-live-dot{display:none!important}.ah-radio-card.collapsed{width:348px!important}.ah-radio-card.collapsed .ah-radio-head{border-bottom:0!important}
@media(max-width:600px){.ah-radio-card{width:100%!important}.ah-radio-card.collapsed{width:100%!important}}