:root{--bg:#f1f5f9;--card:#fff;--ink:#0f172a;--mut:#64748b;--line:#e2e8f0;--acc:#2563eb;--acc2:#1d4ed8;--ok:#16a34a;--warn:#d97706;--bad:#dc2626;--soft:#eff6ff;--esp:#0f172a;
--sans:'Inter',-apple-system,system-ui,'Segoe UI',sans-serif;--serif:'Playfair Display',Georgia,serif;box-sizing:border-box;}
/* SAHIBKAR — komendant palitrasi (yalniz owner) */
body.owner{--bg:#f7f2ec;--ink:#241109;--mut:#8a7566;--line:#ece2d7;--acc:#ba4d2c;--acc2:#9a3c20;--ok:#15803d;--warn:#b45309;--bad:#b23b3b;--soft:#f3e7dc;--esp:#251712}
*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
body.owner{background:#efe6df url(/demo/bas-ofis/assets/km/bg.jpg) center/cover fixed no-repeat}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.top{position:sticky;top:0;z-index:30;background:var(--esp);color:#fff;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;display:flex;align-items:center;gap:12px}
.top .brand{font-weight:800;letter-spacing:.02em}.top .brand small{display:block;font-weight:500;font-size:11px;color:#94a3b8;letter-spacing:.08em;text-transform:uppercase}
.top .me{margin-left:auto;font-size:13px;color:#cbd5e1;text-align:right}.top .me b{color:#fff;display:block;font-size:14px}
.top .out{border:1px solid #334155;background:none;color:#fff;border-radius:10px;padding:7px 11px;font-size:13px}
.tabs{display:flex;gap:4px;background:#fff;border-bottom:1px solid var(--line);padding:8px 12px;overflow-x:auto;scrollbar-width:none;position:sticky;top:calc(58px + env(safe-area-inset-top,0px));z-index:20}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;border:none;background:none;border-radius:10px;padding:9px 14px;font-weight:600;color:var(--mut);white-space:nowrap}
.tabs button.on{background:var(--soft);color:var(--acc)}
main{max-width:1180px;margin:0 auto;padding:18px 14px calc(90px + env(safe-area-inset-bottom,0px))}
.view{display:none}.view.on{display:block}
h2{font-size:22px;font-weight:800;margin-bottom:12px}h3{font-size:16px;font-weight:700;margin-bottom:10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.btn{border:none;border-radius:12px;padding:11px 16px;font-weight:700;background:var(--acc);color:#fff;display:inline-flex;align-items:center;gap:8px;justify-content:center}
.btn:hover{background:var(--acc2)}.btn.ghost{background:#f1f5f9;color:var(--ink)}.btn.ghost:hover{background:#e2e8f0}.btn.red{background:#fee2e2;color:var(--bad)}.btn.sm{padding:7px 11px;font-size:13px;border-radius:10px}
.btn:disabled{opacity:.5;cursor:default}
.muted{color:var(--mut)}.small{font-size:13px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.kpi b{display:block;font-size:30px;font-weight:800;line-height:1.1}.kpi span{color:var(--mut);font-size:13px}
.kpi.ok b{color:var(--ok)}.kpi.warn b{color:var(--warn)}.kpi.bad b{color:var(--bad)}
.pill{display:inline-block;font-size:12px;font-weight:700;border-radius:99px;padding:3px 9px}
.p-ok{background:#dcfce7;color:#166534}.p-warn{background:#fef3c7;color:#92400e}.p-bad{background:#fee2e2;color:#991b1b}.p-mut{background:#f1f5f9;color:#475569}.p-acc{background:var(--soft);color:var(--acc)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}th{font-size:12px;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.tbl{overflow-x:auto}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.field label{font-size:13px;color:var(--mut);font-weight:600}
.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;width:100%}
.field textarea{min-height:80px;resize:vertical}
/* check-in */
.clock{font-size:44px;font-weight:800;letter-spacing:-.02em}
.checkcard{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;border:none}
.checkcard .muted{color:#cbd5e1}
.checkcard .btn{background:#fff;color:#0f172a}.checkcard .btn.ghost{background:rgba(255,255,255,.12);color:#fff}
.stat-line{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.stat-line div b{display:block;font-size:20px}
/* kanban */
.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow-x:auto}
.col{background:#e2e8f0;border-radius:14px;padding:10px;min-height:120px}
.col h4{font-size:13px;font-weight:700;color:#334155;margin:2px 4px 10px;display:flex;justify-content:space-between}
.tk{background:#fff;border-radius:12px;padding:12px;margin-bottom:8px;border:1px solid var(--line);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.tk b{display:block;font-size:14px;margin-bottom:6px}.tk .meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--mut)}
.tk.over{border-left:4px solid var(--bad)}
.prio-urgent{background:#fee2e2;color:#991b1b}.prio-high{background:#ffedd5;color:#9a3412}.prio-normal{background:#e0e7ff;color:#3730a3}.prio-low{background:#f1f5f9;color:#475569}
.mtabs{display:none;gap:6px;margin-bottom:10px;overflow-x:auto}
.mtabs button{flex:none;border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 12px;font-size:13px;font-weight:600}
.mtabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
/* modal */
.modal{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:100;display:none;align-items:flex-end;justify-content:center}
.modal.on{display:flex}
.mbox{background:#fff;width:min(620px,100%);max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px))}
@media(min-width:700px){.modal{align-items:center}.mbox{border-radius:20px}}
.mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mhead h3{margin:0;font-size:19px}
.x{width:34px;height:34px;border-radius:50%;border:none;background:#f1f5f9;font-size:18px}
.cm{border-top:1px solid var(--line);padding:10px 0}.cm b{font-size:13px}.cm p{font-size:14px;white-space:pre-line}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#0f172a;color:#fff;border-radius:99px;padding:11px 18px;font-weight:600;font-size:14px;opacity:0;transition:.25s;pointer-events:none;z-index:500;max-width:92vw;text-align:center}
.toast.on{opacity:1}
.qrwrap{position:fixed;inset:0;background:#0f172a;color:#fff;z-index:150;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:20px}
.qrwrap.on{display:flex}.qrwrap #qrBox{background:#fff;padding:18px;border-radius:20px}.qrwrap h1{font-size:28px}.qrwrap p{color:#94a3b8}
.empty{color:var(--mut);padding:18px;text-align:center}
.dept{border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden}
.dept-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f8fafc;font-weight:700}
.pos{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);font-size:14px;flex-wrap:wrap}
.pos .who{color:var(--mut);font-size:13px;flex:1;min-width:160px}
.days{display:flex;gap:4px;flex-wrap:wrap}.days label{display:flex;align-items:center;gap:3px;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:5px 8px}
@media(max-width:760px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g2{grid-template-columns:1fr}.kanban{display:block}.kanban .col{display:none}.kanban .col.on{display:block}.mtabs{display:flex}.clock{font-size:38px}.hide-m{display:none}}
.acct{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:6px 0 12px;background:#f8fafc}.acct h4{font-size:14px;margin-bottom:4px}
.qopt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:8px;cursor:pointer}.qopt input{margin-top:4px}.qopt b{display:block}.qopt span{font-size:13px;color:var(--mut)}
#printSheet{display:none}
@media print{body>*{display:none!important}#printSheet{display:block!important}#printSheet 
#psQr img,#psQr canvas{width:120mm!important;height:120mm!important}
@page{size:A4;margin:10mm}}
.lvrow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}.lvrow:last-child{border-bottom:none}

.clbar{height:6px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:6px}.clbar i{display:block;height:100%;background:var(--ok)}
.cli{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:14px;cursor:pointer}.cli input{width:17px;height:17px;accent-color:var(--ok)}.cli span{flex:1}.cli button,.fli button{border:none;background:none;color:var(--mut);font-size:18px;padding:0 4px}
.fli{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px}.fli a{color:var(--acc);font-weight:600;flex:1;text-decoration:none}
.col.dropon{outline:2px dashed var(--acc);outline-offset:-4px}
.field .cli{font-size:14px!important;color:var(--ink)!important;font-weight:400!important}
.shbox{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px}.shr{display:flex;align-items:center;gap:8px;margin-bottom:6px}.shr b{width:40px;font-size:13px}.shr input{border:1px solid var(--line);border-radius:8px;padding:6px 8px}

.chartbox{position:relative;height:240px}
.score{display:flex;align-items:baseline;gap:10px;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;border-radius:16px;padding:16px 18px}.score b{font-size:44px;font-weight:800}.score span{color:#cbd5e1}
#repSheet{display:none}
@media print{body.printrep #app,body.printrep .toast,body.printrep .modal,body.printrep .qrwrap,body.printrep #printSheet,body.printrep .lux-me{display:none!important}body.printrep{background:#fff}body.printrep #repSheet{display:block!important}
 .rp{font-family:var(--sans);color:#0f172a}.rp h1{font-size:26px}.rp .rpm{color:#64748b;font-size:12px;margin:2px 0 14px}.rp h2{font-size:16px;margin:18px 0 8px}
 .rpk{display:flex;gap:10px}.rpk div{flex:1;border:1px solid #cbd5e1;border-radius:10px;padding:10px;font-size:12px;color:#475569}.rpk b{display:block;font-size:22px;color:#0f172a}
 .rp table{width:100%;border-collapse:collapse}.rp th,.rp td{border:1px solid #cbd5e1;padding:6px 8px;font-size:12px;text-align:left}.rp th{background:#f1f5f9}
 @page{size:A4;margin:14mm}}

body:not(.is-mgr) .mgr-only{display:none!important}
.ann.unread{border-left:4px solid var(--acc)}
.evr{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.evr:first-of-type{border-top:none}.evr.mine .evt{color:var(--acc)}
.evt{width:52px;font-weight:800;font-size:15px;line-height:1.2}
.lead.breach{border-left:4px solid var(--bad)}
a.btn{text-decoration:none}

.pbar{height:8px;background:#e2e8f0;border-radius:8px;overflow:hidden;margin:6px 0}.pbar i{display:block;height:100%}
.pli{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed var(--line);font-size:15px}.pli input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--ok)}.pli button{border:none;background:none;color:var(--mut);font-size:20px}.pln{color:var(--mut);font-weight:700;min-width:22px}
.plin{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:200px}.plnote{width:100%;border:none;border-bottom:1px solid var(--line);font-size:13px;padding:4px 0;margin-top:4px;background:none}
.note{background:#fef3c7;border-radius:10px;padding:10px 12px;margin:10px 0;font-size:14px}
/* sahibkar ekranı: böyük və sadə */
.bossh{font-size:26px}
body.owner .bossh{font-size:28px;font-family:var(--serif);font-weight:800;letter-spacing:-.02em;color:#2a1d14}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}
.btile{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 20px;cursor:pointer;transition:.15s}.btile:hover{border-color:var(--acc)}
.btile b{display:block;font-size:44px;font-weight:800;line-height:1.05}.btile span{font-size:17px;color:var(--mut)}
.btile.ok b{color:var(--ok)}.btile.warn b{color:var(--warn)}.btile.bad b{color:var(--bad)}
.brow{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:10px;cursor:pointer}
.brow:hover{border-color:var(--acc)}.bn b{display:block;font-size:18px}.bn span{color:var(--mut);font-size:14px}.brow .pill{font-size:14px;padding:5px 11px}
@media(max-width:760px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.btile b{font-size:36px}.brow{grid-template-columns:1fr 1fr}.bossh{font-size:22px}}

/* sahibkar rejimi: böyük şrift, menyu yoxdur, yalnız baxış */
body.owner .tabs{display:flex;background:rgba(255,255,255,.55);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.6);padding:10px 16px;gap:8px;justify-content:center}
body.owner .tabs button{border:1px solid var(--line);background:rgba(255,255,255,.6);color:var(--mut);padding:9px 20px;border-radius:99px;font-weight:600;font-size:15px}
body.owner .tabs button.on,body.owner .tabs button[aria-current="true"]{background:var(--acc);color:#fff;border-color:var(--acc)}
body.owner main{font-size:18px;max-width:900px}
body.owner #v-boss .bossh{font-size:30px}
body.owner #v-boss > .row button:not(.givebtn){display:none}
body.owner .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.owner .btile{padding:24px;position:relative}.btile em{position:absolute;right:18px;bottom:14px;font-style:normal;color:var(--acc);font-size:15px;font-weight:600;display:none}
body.owner .btile em{display:block}body.owner .btile span{font-size:18px}
.orow{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:10px;cursor:pointer}
.orow:active{background:#f8fafc}.orow .on{flex:1}.orow .on b{display:block;font-size:19px}.orow .on span{color:var(--mut);font-size:15px}.ogo{font-size:28px;color:var(--mut)}
.grade{font-weight:800;border-radius:12px;padding:8px 12px;font-size:15px;min-width:64px;text-align:center}
.g-ok{background:#dcfce7;color:#166534}.g-warn{background:#fef3c7;color:#92400e}.g-bad{background:#fee2e2;color:#991b1b}
.grade.big{font-size:20px;padding:12px 16px;margin:8px 0 12px;text-align:left}
.ownh{font-size:22px}.ownh4{font-size:17px;margin:16px 0 8px}
.olines p{font-size:18px;line-height:1.5;margin:8px 0}.opi{font-size:17px;padding:6px 0;border-bottom:1px dashed var(--line)}
.oli{padding:12px 0;border-bottom:1px solid var(--line)}.oli b{display:block;font-size:18px}.oli span{color:var(--mut);font-size:16px}
body.owner .mbox{font-size:17px}
.olines b,#ownTg p b{display:inline!important;font-size:inherit!important}
.pvbar{background:#fef3c7;color:#92400e;text-align:center;padding:8px 12px;font-weight:600;font-size:14px}

body.owner main{max-width:1400px;font-size:16px}
body.owner .bgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
body.owner .btile{padding:18px}body.owner .btile b{font-size:38px}body.owner .btile span{font-size:16px;display:block}.btile small{display:block;color:var(--mut);font-size:13px;margin-top:6px}
.odash{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:16px;margin-top:16px;align-items:start}
.otbl tr[onclick]{cursor:pointer}.otbl tr[onclick]:hover td{background:#f8fafc}.otbl td{font-size:15px}
.alr{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:10px;margin-bottom:6px;font-size:15px}.alr.bad{background:#fef2f2}.alr.warn{background:#fffbeb}.alr.ok{background:#f0fdf4}
.dtbl th,.dtbl td{padding:8px 6px;font-size:14px}
.mbox.wide{width:min(980px,100%)}
.ocols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ocal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.ocal i{font-style:normal;font-size:11px;color:var(--mut)}
.ocal span{padding:7px 0;border-radius:8px;font-size:13px;font-weight:600}.ocal .ok{background:#dcfce7;color:#166534}.ocal .lt{background:#fef3c7;color:#92400e}.ocal .ab{background:#fee2e2;color:#991b1b}.ocal .lv{background:#dbeafe;color:#1e40af}.ocal .off{background:#f1f5f9;color:#94a3b8}.ocal .fut{color:#cbd5e1}
.olegend{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--mut);margin-top:8px;align-items:center}.olegend span{width:12px;height:12px;border-radius:3px;display:inline-block}.olegend .ok{background:#dcfce7}.olegend .lt{background:#fef3c7}.olegend .ab{background:#fee2e2}.olegend .lv{background:#dbeafe}.olegend .off{background:#f1f5f9}
body.owner .olines p{font-size:16px;margin:5px 0}
@media(max-width:1100px){body.owner .bgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1300px){.odash{grid-template-columns:1fr}.oside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.oside .card{margin-bottom:0}}
@media(max-width:760px){.oside{grid-template-columns:1fr}}
@media(max-width:700px){body.owner .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ocols{grid-template-columns:1fr}}

.givebtn{background:linear-gradient(135deg,#b45309,#f59e0b);font-size:16px;padding:12px 18px;border-radius:14px;box-shadow:0 10px 24px -12px rgba(180,83,9,.7)}.givebtn:hover{background:linear-gradient(135deg,#92400e,#d97706)}
.field .big{font-size:17px;padding:12px 14px}
.ogt{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.ogt b{font-size:15px}
.owncard{background:linear-gradient(135deg,#7c2d12 0%,#c2410c 45%,#f59e0b 100%);color:#fff;border-radius:20px;padding:18px;margin-bottom:14px;box-shadow:0 18px 40px -18px rgba(194,65,12,.8);position:relative;overflow:hidden}
.owncard::after{content:"👑";position:absolute;right:-6px;top:-14px;font-size:90px;opacity:.12}
.owncard-h{font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.owntask{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:14px;padding:14px;margin-top:8px;cursor:pointer}
.owntask b{font-size:19px;display:block}.owntask p{margin:6px 0 0;opacity:.95}
.owntask-m{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.owntask-m span{color:#fff;background:rgba(0,0,0,.3);border-radius:99px;padding:4px 10px;font-size:13px;font-weight:600}.owntask-m .late{background:#fee2e2;color:#991b1b}
.tk.ownt{background:linear-gradient(135deg,#fff7ed,#fde68a);border:2px solid #f59e0b}
.ownbadge{display:inline-block;background:linear-gradient(135deg,#b45309,#f59e0b);color:#fff;font-size:11px;font-weight:800;border-radius:99px;padding:3px 9px;margin-bottom:6px}

/* toxunma ekranı (iPad) üçün */
button,.btn,.btile,.orow,.otbl tr,.ocal span,.oli,.tk,.owntask,.brow{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.btn,.x{min-height:44px}.x{min-width:44px;font-size:22px}
.btile:active,.orow:active,.otbl tr:active td,.brow:active,.owntask:active{transform:scale(.985);opacity:.9}
.ocal span{cursor:pointer;padding:10px 0;font-size:14px}.ocal span.sel{outline:3px solid var(--ink);outline-offset:1px}
.calinfo{margin-top:10px;background:#f1f5f9;border-radius:12px;padding:12px 14px;font-size:16px;font-weight:600;color:var(--ink)}
.otbl td{padding-top:14px;padding-bottom:14px}
.mbox{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
@media (hover:none){.btile:hover,.orow:hover,.brow:hover{border-color:var(--line)}.otbl tr[onclick]:hover td{background:none}}
body.owner .otbl .small,body.owner .otbl .muted.small{font-size:14px}

.pushcta,.pushok{display:flex;align-items:center;gap:14px;border-radius:18px;padding:16px 18px;margin-bottom:14px}
.pushcta{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff}.pushcta small,.pushok small{display:block;font-size:13px;opacity:.9;margin-top:2px}
.pushcta span,.pushok span{font-size:28px}.pushcta div,.pushok div{flex:1}.pushcta .btn{background:#fff;color:#1e3a8a}
.pushcta.warn{background:#fef3c7;color:#92400e}.pushok{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}

.iosSheet{position:fixed;inset:0;z-index:300;background:rgba(15,23,42,.55);display:none;align-items:flex-end;justify-content:center}
.iosSheet.on{display:flex}
.ios-in{position:relative;background:#fff;width:min(520px,100%);border-radius:24px 24px 0 0;padding:22px 20px calc(96px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 50px -20px rgba(0,0,0,.4)}
.ios-in .x{position:absolute;right:14px;top:14px}
.ios-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ios-h img{width:52px;height:52px;border-radius:14px}.ios-h b{font-size:18px;display:block}.ios-h small{color:var(--mut);font-size:13px}
.ios-steps{list-style:none;margin:0 0 16px;display:grid;gap:10px}
.ios-steps li{display:flex;gap:12px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.4}
.ios-steps i{font-style:normal;flex:none;width:28px;height:28px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.shr{width:22px;height:22px;vertical-align:-5px;color:var(--acc);margin-left:2px}.plus{color:var(--acc)}
.ios-arrow{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);font-size:40px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);animation:iosBounce 1.2s ease-in-out infinite}
.ios-arrow.top{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));bottom:auto;left:auto;right:18px;transform:none}
.iosSheet.on .ios-arrow{color:#2563eb;text-shadow:none}
@keyframes iosBounce{0%,100%{translate:0 0}50%{translate:0 8px}}
.iosSheet .ios-steps b{display:inline!important;font-size:inherit!important;color:var(--ink)}.iosSheet .ios-steps span{color:var(--ink)!important;font-size:15px!important}.iosSheet .ios-h b{display:block}.iosSheet .ios-h small{display:block}

.msw{display:flex;align-items:center;gap:8px}.msw b{min-width:130px;text-align:center;font-size:15px}
.plsteps{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;font-size:13px;color:var(--mut)}
.plsteps span{display:flex;align-items:center;gap:6px;font-weight:600}.plsteps span i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eef1f6;color:var(--mut);font-size:12px}
.plsteps span.on{color:var(--ink)}.plsteps span.on i{background:var(--acc);color:#fff}.plsteps span.ok{color:var(--ok)}.plsteps span.ok i{background:#dcfce7;color:#166534}
.plsteps em{flex:none;width:24px;height:2px;background:#e5e9f0}
.plinfo{color:var(--mut);margin-bottom:6px}.note.bad{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.plin-e{flex:1;border:1px solid transparent;background:transparent;padding:6px 8px;border-radius:8px}.plin-e:hover,.plin-e:focus{border-color:var(--line);background:#fff;outline:none}
.linkbtn{border:none;background:none;color:var(--acc);font-size:12px;padding:2px 0;cursor:pointer}
.plinfo b,.note b{display:inline!important;font-size:inherit!important}.plsteps{justify-content:flex-start}.plsteps em{display:block;flex:0 0 24px!important}.linkbtn{font-size:12px!important;font-weight:600;margin-top:2px}
.plsteps em{position:static!important;margin:0!important}.plsteps span{flex:none}
.msw button:disabled{opacity:.25;cursor:default;pointer-events:none}
/* işçi təcrübəsi */
.hello-e{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 14px}
.qa{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.qa-b{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 10px;font-weight:600;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.qa-b span{font-size:24px}.qa-b:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(15,23,42,.35)}
@media(max-width:700px){.qa{grid-template-columns:repeat(3,minmax(0,1fr))}.qa-b:nth-child(n+4){display:none}}
.moodc{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.moods{display:flex;gap:6px}.moods button{font-size:30px;border:none;background:#f1f5f9;border-radius:14px;width:52px;height:52px;cursor:pointer;transition:transform .15s}.moods button:hover{transform:scale(1.15)}
.docneed{display:flex;align-items:center;gap:14px;cursor:pointer;border-color:#fde68a;background:#fffbeb}.docneed>span{font-size:28px}.docneed div{flex:1}.docneed .go{font-size:24px;color:var(--mut)}
.eava{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex:none;letter-spacing:.02em}
.dirbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.dirtabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.dirtabs button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font-weight:600}.dirtabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.dirstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:6px}@media(max-width:700px){.dirstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dirg{margin:18px 0 10px}.dirgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.pcard{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;cursor:pointer;transition:transform .15s,box-shadow .15s}.pcard:hover{transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(15,23,42,.35)}
.pinfo{min-width:0}.pinfo b{display:block;font-size:15px}.pinfo>span{color:var(--mut);font-size:13px}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pgrid div{background:#f8fafc;border-radius:12px;padding:10px 12px}.pgrid span{display:block;color:var(--mut);font-size:12px}.pgrid b{font-size:15px}
.kud{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.kud p{margin:4px 0}.kbadge{width:44px;height:44px;border-radius:14px;background:#eef2ff;display:grid;place-items:center;font-size:22px;flex:none}
.like{border:none;background:none;cursor:pointer;font-size:13px;color:var(--mut);padding:0}.like.on{color:#dc2626;font-weight:700}
.kbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kbs button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 6px;font-size:12px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.kbs button span{font-size:22px}.kbs button.on{border-color:var(--acc);background:#eff6ff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.moodbars{display:flex;gap:10px;align-items:flex-end;height:220px;margin-top:16px}.moodbars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.moodbars i{display:block;width:100%;max-width:46px;border-radius:10px 10px 4px 4px}.moodbars span{font-size:12px;color:var(--mut)}.moodbars small{font-size:11px;color:var(--mut)}
.mehead{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.doc h3{font-size:17px}
.hello-e b,.moodc b,.kud b,.docneed b{display:inline}.docneed div>b{display:block}
.meava{position:relative;cursor:pointer;flex:none;border-radius:50%;display:inline-block;line-height:0}
.meava>.cam{font-style:normal;position:absolute;right:-2px;bottom:-2px;width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:15px;line-height:1;box-shadow:0 4px 12px -4px rgba(15,23,42,.4)}
.meava:hover .eava{filter:brightness(.92)}
img.eava{border-radius:50%;display:inline-block;background:#e2e8f0}
.kav{position:relative;flex:none;line-height:0}.kav i{position:absolute;right:-6px;bottom:-6px;font-style:normal;font-size:14px;line-height:1;background:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;box-shadow:0 2px 8px -2px rgba(15,23,42,.35)}

/* ---- telefon üçün son düzəlişlər ---- */
@media(max-width:600px){
 input,select,textarea{font-size:16px!important}           /* iPhone-da fokusda avtomatik böyütmə olmasın */
 .stat-line{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .stat-line div b{font-size:22px}
}
@media(max-width:420px){
 header .brand small,.top .brand small,.hdr small{display:none}
 .kpi b{font-size:22px!important}
 h2{font-size:22px}
 .qa-b{padding:12px 6px;font-size:12px}
}
nav.tabs,#tabs{scroll-behavior:smooth}
@media(max-width:900px){#tabs{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}
.pwban{display:flex;align-items:center;gap:14px;cursor:pointer;background:#fef2f2;border-color:#fecaca}.pwban>span{font-size:26px}.pwban div{flex:1}.pwban .go{font-size:24px;color:var(--mut)}.pwban b{display:block}
#plSend:disabled{background:#e2e8f0;color:#64748b;box-shadow:none;cursor:default;opacity:1}

.bdc{display:flex;align-items:center;gap:14px;cursor:pointer;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a;transition:transform .15s}.bdc:active{transform:scale(.99)}
.bdc .bdt{flex:1;min-width:0}.bdc .bdt b{display:block;font-size:15px}.bdc .bdt span{color:#92400e;font-size:13px}.bdc .bdt span b{display:inline;font-size:13px}
.bdc.me{background:linear-gradient(135deg,#fde68a,#fbbf24);border-color:#f59e0b}.bdc.me .bdt span{color:#78350f}.bdc .go{font-size:22px;color:#92400e}
.bdb{background:linear-gradient(135deg,#f59e0b,#d97706);white-space:nowrap}
.wtpl{display:flex;flex-direction:column;gap:6px}.wtpl button{text-align:left;border:1px solid var(--line);background:#fffbeb;border-radius:12px;padding:9px 12px;font-size:13px;cursor:pointer}.wtpl button:hover{border-color:#f59e0b}
.wish{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.wish p{margin:3px 0}.wish b{display:block}

.selfie{position:relative;border-radius:50%;overflow:hidden;width:240px;height:240px;margin:0 auto;background:#0f172a;box-shadow:0 0 0 6px #dbeafe}
.selfie video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.selfie b{position:absolute;inset:0;display:grid;place-items:center;font-size:64px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.sfthumb{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-left:6px;cursor:pointer;background:#e2e8f0;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.outbar{display:flex;align-items:center;gap:10px;margin-top:12px}.outbar .btn{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.3)}
.outc{background:#fff7ed;border-color:#fed7aa;color:#7c2d12;margin-top:12px}.outc b{display:block}
.okinds{display:grid;grid-template-columns:1fr 1fr;gap:8px}.okinds label{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.okinds label span{display:flex;flex-direction:column;font-weight:700}.okinds small{font-weight:500;color:var(--mut);font-size:12px}.okinds input:checked+span{color:var(--acc)}
.okinds input{position:absolute;opacity:0;pointer-events:none}.okinds label{position:relative;transition:.15s}.okinds label:has(input:checked){border-color:var(--acc);background:#eff6ff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.okinds label span{font-size:14px}
.outc .btn{background:#ea580c!important;color:#fff!important;border:1px solid #ea580c!important;box-shadow:none!important}.outc .btn.ghost{background:#fff!important;color:#9a3412!important;border:1px solid #fdba74!important}.outc .small{color:#9a3412}

body.simple #tQuick,body.simple #tMood,body.simple #tDocsCard,body.simple #tOwnerTasks,body.simple #tKudos,body.simple #tAnn,body.simple #tgCard,body.simple .mytaskcard{display:none!important}
.maplink{color:var(--acc);font-weight:600;text-decoration:none;white-space:nowrap}
.asst .rec{background:#dc2626!important;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.6}}.asst input[type=checkbox]{width:18px;height:18px}

.micwrap{display:flex;justify-content:center;padding:6px 0}
.micbtn{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;background:none;cursor:pointer;color:var(--ink)}
.micbtn .micico{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:38px;background:radial-gradient(circle at 30% 25%,#f0a283,#ba4d2c 60%,#8a3418);box-shadow:0 12px 28px -10px rgba(154,60,32,.7);transition:.15s}
.micbtn.rec .micico{background:radial-gradient(circle at 30% 25%,#f87171,#dc2626 60%,#991b1b);animation:mpulse 1.1s infinite}
@keyframes mpulse{50%{transform:scale(1.08);box-shadow:0 0 0 12px rgba(220,38,38,.15)}}
.micbtn span:last-child{font-size:14px;font-weight:600;color:var(--muted)}
.asyou{background:rgba(255,255,255,.7);border-radius:14px 14px 14px 4px;padding:9px 13px;font-weight:600;margin-bottom:6px}
.asai{background:linear-gradient(135deg,#fff5ef,#fde8dd);border:1px solid #f3d3c4;border-radius:14px 14px 4px 14px;padding:11px 14px;white-space:pre-line}
.note{padding:12px 14px;margin-bottom:8px}.note.ndone b{text-decoration:line-through;opacity:.5}.note .x{font-size:18px}
/* Assistent — professional (komendant palitrası) */
.ast-wrap{max-width:760px;margin:0 auto}
.ast-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}
.ast-title{font-family:var(--serif,'Playfair Display',Georgia,serif);font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin:0;color:#2a1d14}
.ast-sub{color:#8b7a6b;font-size:.9rem;margin-top:2px}
.ast-seg{display:flex;gap:2px;background:rgba(255,255,255,.6);border:1px solid rgba(186,77,44,.12);border-radius:99px;padding:3px}
.ast-seg button{border:none;background:none;padding:7px 15px;border-radius:99px;font-weight:600;font-size:.9rem;color:#8b7a6b}
.ast-seg button.on{background:#fff;color:#ba4d2c;box-shadow:0 4px 10px -6px rgba(154,60,32,.5)}
.ast-body{background:rgba(255,255,255,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);border-radius:26px;padding:18px;box-shadow:0 24px 60px -34px rgba(90,45,25,.5)}
.ast-chat{min-height:180px;max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px}
.ast-b{max-width:82%;padding:10px 14px;border-radius:16px;font-size:.95rem;line-height:1.45;white-space:pre-line;animation:astin .2s ease}
@keyframes astin{from{opacity:0;transform:translateY(4px)}}
.ast-b.user{align-self:flex-end;background:linear-gradient(135deg,#ba4d2c,#9a3c20);color:#fff;border-bottom-right-radius:5px}
.ast-b.ai{align-self:flex-start;background:#fff;border:1px solid #eadfd3;color:#2a1d14;border-bottom-left-radius:5px}
.ast-empty{text-align:center;padding:30px 16px;color:#8b7a6b}
.ast-empty-ico{font-size:36px;margin-bottom:8px;opacity:.8}
.ast-out{min-height:0}
.ast-typing{display:flex;gap:4px;padding:10px 4px}
.ast-typing span{width:8px;height:8px;border-radius:50%;background:#ba4d2c;opacity:.4;animation:astbounce 1.2s infinite}
.ast-typing span:nth-child(2){animation-delay:.2s}.ast-typing span:nth-child(3){animation-delay:.4s}
@keyframes astbounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}
.ast-err{color:#b91c1c;font-size:.88rem;padding:6px 2px}
.ast-quick{display:flex;gap:7px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:none}.ast-quick::-webkit-scrollbar{display:none}
.ast-quick button{white-space:nowrap;border:1px solid #eadfd3;background:#fff;color:#5e4e44;padding:8px 13px;border-radius:99px;font-size:.85rem;font-weight:500;flex-shrink:0}
.ast-quick button:active{background:#f3e7dc}
.ast-mic{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:14px}
.ast-orb{width:92px;height:92px;border-radius:50%;border:none;display:grid;place-items:center;font-size:38px;cursor:pointer;
 background:radial-gradient(circle at 32% 26%,#f0a283,#ba4d2c 58%,#8a3418);box-shadow:0 16px 34px -12px rgba(154,60,32,.75),inset 0 2px 6px rgba(255,255,255,.3);transition:transform .15s}
.ast-orb:active{transform:scale(.94)}
.ast-orb.rec{background:radial-gradient(circle at 32% 26%,#f87171,#dc2626 58%,#991b1b);animation:astpulse 1.1s infinite}
@keyframes astpulse{50%{box-shadow:0 0 0 14px rgba(220,38,38,.14),0 16px 34px -12px rgba(154,60,32,.75)}}
.ast-microw{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ast-chip{border:1px solid #eadfd3;background:#fff;color:#5e4e44;padding:8px 14px;border-radius:99px;font-size:.85rem;font-weight:600}
.ast-chip.on{background:#ba4d2c;color:#fff;border-color:#ba4d2c}
.ast-save{flex:1;background:linear-gradient(135deg,#ba4d2c,#9a3c20);color:#fff;border:none;padding:11px;border-radius:14px;font-weight:700}
.ast-hint{color:#8b7a6b;font-size:.85rem}
.ast-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}.ast-tabs::-webkit-scrollbar{display:none}
.ast-tabs button{white-space:nowrap;border:1px solid #eadfd3;background:#fff;color:#8b7a6b;padding:8px 15px;border-radius:99px;font-weight:600;font-size:.88rem}
.ast-tabs button.on{background:#ba4d2c;color:#fff;border-color:#ba4d2c}
.ast-list{display:flex;flex-direction:column;gap:8px}
.ast-task{display:flex;align-items:flex-start;gap:11px;background:#fff;border:1px solid #eadfd3;border-radius:16px;padding:13px 14px}
.ast-task.done{opacity:.55}
.ast-ck{flex-shrink:0;width:24px;height:24px;border-radius:8px;border:2px solid #d8c7b6;background:#fff;color:#fff;font-size:14px;font-weight:800;display:grid;place-items:center;margin-top:1px}
.ast-ck.on{background:#15803d;border-color:#15803d}
.ast-tx{flex:1;min-width:0}.ast-tx b{font-weight:600;font-size:.96rem}.ast-task.done .ast-tx b{text-decoration:line-through}
.ast-due{display:inline-block;margin-left:8px;font-size:.78rem;background:#f3e7dc;color:#8b7a6b;padding:2px 9px;border-radius:99px}
.ast-due.late{background:#fde2dc;color:#c2412d;font-weight:700}
.ast-x{flex-shrink:0;border:none;background:none;color:#c9b8a8;font-size:20px;line-height:1;padding:0 2px}
.ast-add{width:100%;margin-top:12px;border:1.5px dashed rgba(186,77,44,.4);background:rgba(255,255,255,.5);color:#7a4a35;padding:13px;border-radius:16px;font-weight:600}
.ast-lbl{display:block;font-size:.82rem;color:#8b7a6b;margin:10px 0 4px}
.ast-sel,.ast-range{width:100%}.ast-sel{padding:10px;border-radius:12px;border:1px solid #eadfd3;background:#fff}
.ast-check{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:.9rem}
@media(max-width:640px){.ast-title{font-size:1.4rem}.ast-body{padding:14px;border-radius:22px}.ast-b{max-width:88%}}
/* AI Köməkçi — professional v2 */
.ast-wrap{max-width:760px;margin:0 auto}
.ast-hero{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#fff6f0,#fbe9de);border:1px solid rgba(186,77,44,.15);border-radius:22px;padding:16px 18px;margin-bottom:12px;position:relative}
.ast-hero-ic{width:48px;height:48px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle at 30% 25%,#f0a283,#ba4d2c 62%);box-shadow:0 8px 18px -8px rgba(154,60,32,.6)}
.ast-hi{color:#ba4d2c;font-weight:700;font-size:.9rem}
.ast-title{font-family:var(--serif,'Playfair Display',Georgia,serif);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:1px 0;color:#2a1d14}
.ast-sub{color:#8b7a6b;font-size:.86rem;line-height:1.4}
.ast-gear{position:absolute;top:14px;right:14px;border:none;background:rgba(255,255,255,.7);width:34px;height:34px;border-radius:10px;font-size:16px}
.ast-seg{display:flex;gap:4px;margin-bottom:12px}
.ast-seg button{flex:1;border:1px solid #eadfd3;background:#fff;padding:10px;border-radius:14px;font-weight:600;font-size:.92rem;color:#8b7a6b}
.ast-seg button.on{background:#ba4d2c;color:#fff;border-color:#ba4d2c;box-shadow:0 8px 18px -10px rgba(154,60,32,.6)}
.ast-body{background:rgba(255,255,255,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:16px;box-shadow:0 24px 60px -34px rgba(90,45,25,.5)}
.ast-chat{min-height:150px;max-height:44vh;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:2px}
.ast-welcome{color:#8b7a6b;font-size:.9rem;padding:14px 6px}.ast-welcome ul{margin:8px 0 0 18px;padding:0}.ast-welcome li{margin:3px 0}
.ast-b{max-width:88%;padding:11px 14px;border-radius:16px;font-size:.95rem;line-height:1.45;white-space:pre-line;animation:astin .2s ease}
@keyframes astin{from{opacity:0;transform:translateY(4px)}}
.ast-b.user{align-self:flex-end;background:linear-gradient(135deg,#ba4d2c,#9a3c20);color:#fff;border-bottom-right-radius:5px}
.ast-b.ai{align-self:flex-start;background:#fff;border:1px solid #eadfd3;color:#2a1d14;border-bottom-left-radius:5px}
.ast-tbl{margin-top:10px;border:1px solid #eadfd3;border-radius:12px;overflow:hidden;background:#fff}
.ast-tbl-h{background:#f3e7dc;color:#8b7a6b;font-size:.78rem;font-weight:700;padding:7px 11px}
.ast-tbl-scroll{overflow-x:auto}
.ast-tbl table{width:100%;border-collapse:collapse;font-size:.82rem}
.ast-tbl th{background:#ba4d2c;color:#fff;text-align:left;padding:7px 10px;white-space:nowrap}
.ast-tbl td{padding:6px 10px;border-bottom:1px solid #f0e6da;white-space:nowrap}
.ast-tmore{padding:6px 11px;color:#8b7a6b;font-size:.78rem}
.ast-pdf{display:block;width:100%;margin:8px;width:calc(100% - 16px);background:#fff;border:1.5px solid #ba4d2c;color:#ba4d2c;padding:9px;border-radius:10px;font-weight:700;font-size:.85rem}
.ast-typing{display:flex;gap:4px;padding:8px 4px}
.ast-typing span{width:8px;height:8px;border-radius:50%;background:#ba4d2c;opacity:.4;animation:astb 1.2s infinite}
.ast-typing span:nth-child(2){animation-delay:.2s}.ast-typing span:nth-child(3){animation-delay:.4s}
@keyframes astb{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}
.ast-err{color:#b91c1c;font-size:.85rem;padding:6px 2px}
.ast-quick{display:flex;gap:7px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:none}.ast-quick::-webkit-scrollbar{display:none}
.ast-quick button{white-space:nowrap;border:1px solid #eadfd3;background:#fff;color:#5e4e44;padding:8px 13px;border-radius:99px;font-size:.85rem;flex-shrink:0}
.ast-inbar{display:flex;gap:8px;align-items:center;margin-top:10px}
.ast-orb-sm{flex-shrink:0;width:46px;height:46px;border-radius:50%;border:none;display:grid;place-items:center;font-size:22px;background:radial-gradient(circle at 32% 26%,#f0a283,#ba4d2c 60%);box-shadow:0 8px 18px -8px rgba(154,60,32,.6)}
.ast-orb-sm.rec{background:radial-gradient(circle at 32% 26%,#f87171,#dc2626 60%);animation:astpulse 1.1s infinite}
@keyframes astpulse{50%{box-shadow:0 0 0 10px rgba(220,38,38,.14)}}
.ast-input{flex:1;min-width:0;border:1px solid #eadfd3;border-radius:99px;padding:12px 16px;font-size:.95rem;background:#fff}
.ast-input:focus{outline:none;border-color:#ba4d2c}
.ast-send{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#ba4d2c,#9a3c20);color:#fff;font-size:18px}
.ast-microw{display:flex;gap:8px;justify-content:center;margin-top:10px}
.ast-chip{border:1px solid #eadfd3;background:#fff;color:#5e4e44;padding:7px 14px;border-radius:99px;font-size:.83rem;font-weight:600}
.ast-chip.on{background:#ba4d2c;color:#fff;border-color:#ba4d2c}
.ast-hint{text-align:center;color:#8b7a6b;font-size:.8rem;margin-top:8px;min-height:16px}
.ast-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}.ast-tabs::-webkit-scrollbar{display:none}
.ast-tabs button{white-space:nowrap;border:1px solid #eadfd3;background:#fff;color:#8b7a6b;padding:8px 15px;border-radius:99px;font-weight:600;font-size:.86rem}
.ast-tabs button.on{background:#ba4d2c;color:#fff;border-color:#ba4d2c}
.ast-list{display:flex;flex-direction:column;gap:8px}
.ast-task{display:flex;align-items:flex-start;gap:11px;background:#fff;border:1px solid #eadfd3;border-radius:16px;padding:13px 14px}
.ast-task.done{opacity:.55}.ast-task.done .ast-tx b{text-decoration:line-through}
.ast-ck{flex-shrink:0;width:24px;height:24px;border-radius:8px;border:2px solid #d8c7b6;background:#fff;color:#fff;font-size:14px;font-weight:800;display:grid;place-items:center;margin-top:1px}
.ast-ck.on{background:#15803d;border-color:#15803d}
.ast-tx{flex:1;min-width:0}.ast-tx b{font-weight:600;font-size:.96rem}
.ast-due{display:inline-block;margin-left:8px;font-size:.78rem;background:#f3e7dc;color:#8b7a6b;padding:2px 9px;border-radius:99px}
.ast-due.late{background:#fde2dc;color:#c2412d;font-weight:700}
.ast-x{flex-shrink:0;border:none;background:none;color:#c9b8a8;font-size:20px;padding:0 2px}
.ast-add{width:100%;margin-top:12px;border:1.5px dashed rgba(186,77,44,.4);background:rgba(255,255,255,.5);color:#7a4a35;padding:12px;border-radius:16px;font-weight:600}
.ast-empty{text-align:center;padding:26px;color:#8b7a6b}.ast-empty-ico{font-size:32px;margin-bottom:6px;opacity:.8}
.ast-lbl{display:block;font-size:.82rem;color:#8b7a6b;margin:10px 0 4px}
.ast-sel,.ast-range{width:100%}.ast-sel{padding:10px;border-radius:12px;border:1px solid #eadfd3;background:#fff}
.ast-check{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:.9rem}
.ast-save{flex:1;background:linear-gradient(135deg,#ba4d2c,#9a3c20);color:#fff;border:none;padding:11px;border-radius:14px;font-weight:700}
@media(max-width:640px){.ast-title{font-size:1.3rem}.ast-body{padding:13px;border-radius:20px}.ast-hero{padding:13px}}

.ast-back{border:none;background:rgba(255,255,255,.6);color:#8b7a6b;font-weight:600;font-size:.85rem;padding:7px 14px;border-radius:99px;margin-bottom:10px}
.ast-back:active{background:#f3e7dc}
.ast-heroctl{position:absolute;top:14px;right:14px;display:flex;gap:6px}
.ast-heroctl .ast-gear{position:static}

/* Komendant üslubuna uyğunlaşma */
.card{border-radius:14px}
body.owner .card{border-radius:18px!important;border:1px solid rgba(255,255,255,.7);background:linear-gradient(160deg,rgba(255,255,255,.62),rgba(255,255,255,.42) 60%,rgba(255,255,255,.5));backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);box-shadow:0 20px 50px -30px rgba(90,45,25,.4)}
.top .brand,.top .logo{font-family:var(--serif)}
body.owner #v-boss .bgrid .card,body.owner #v-boss .kpi,body.owner .kpi{border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.62),rgba(255,255,255,.42) 60%,rgba(255,255,255,.5));backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);border:1px solid rgba(255,255,255,.7)}
button.go,.btn.primary,.go{background:linear-gradient(135deg,var(--acc),var(--acc2))!important}
.tabbar .tab.on,.tab.on{color:var(--acc)!important}
.pill.p-ok{background:#dcf1e1;color:var(--ok)}
.pill.p-bad{background:#fde2dc;color:var(--bad)}
a.back,.back{border-radius:99px}
.oprof-head{display:flex;gap:16px;align-items:center}.oprof-av{width:64px;height:64px;border-radius:20px;flex-shrink:0;display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;background:radial-gradient(circle at 30% 25%,#f0a283,#ba4d2c 62%)}.oprof-h{font-size:1.05rem;margin:0 0 8px}.oprof-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oprof-lnk{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.5);font-weight:600;text-decoration:none;color:var(--ink);font-size:.9rem}@media(max-width:640px){.oprof-links{grid-template-columns:1fr}}

/* QR çap vərəqi — komendant dizaynı */
.ps-in{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20mm 16mm;font-family:'Inter',var(--sans);color:#241109;background:#fff;position:relative;min-height:270mm}
.ps-in::before{content:'';position:absolute;inset:8mm;border:2px solid #ba4d2c;border-radius:8mm;pointer-events:none}
.ps-in::after{content:'';position:absolute;inset:10mm;border:1px solid #eadfd3;border-radius:7mm;pointer-events:none}
.ps-brand{font-family:'Playfair Display',serif;font-size:20px;font-weight:800;letter-spacing:.32em;color:#ba4d2c;margin-bottom:6mm;position:relative}
.ps-brand::after{content:'';display:block;width:44px;height:3px;background:#ba4d2c;border-radius:2px;margin:8px auto 0}
.ps-t{font-family:'Playfair Display',serif;font-size:56px;font-weight:800;letter-spacing:-.01em;color:#241109;margin:0}
.ps-s{font-size:19px;color:#8a7566;margin:5mm 0 10mm;max-width:120mm;line-height:1.5}
.ps-qrwrap{position:relative;padding:10mm;background:linear-gradient(160deg,#fdf7f3,#fbeee6);border-radius:6mm;box-shadow:0 12mm 30mm -18mm rgba(154,60,32,.5)}
.ps-corner{position:absolute;width:12mm;height:12mm;border:3px solid #ba4d2c}
.ps-corner.tl{top:4mm;left:4mm;border-right:none;border-bottom:none;border-radius:3mm 0 0 0}
.ps-corner.tr{top:4mm;right:4mm;border-left:none;border-bottom:none;border-radius:0 3mm 0 0}
.ps-corner.bl{bottom:4mm;left:4mm;border-right:none;border-top:none;border-radius:0 0 0 3mm}
.ps-corner.br{bottom:4mm;right:4mm;border-left:none;border-top:none;border-radius:0 0 3mm 0}
.ps-qrwrap #psQr{display:flex;justify-content:center}
.ps-qrwrap #psQr img,.ps-qrwrap #psQr canvas{display:block;border-radius:2mm}
.ps-steps{width:100%;max-width:135mm;margin:12mm 0 0;display:flex;flex-direction:column;gap:5mm}
.ps-step{display:flex;align-items:center;gap:5mm;text-align:left;font-size:17px;line-height:1.4;color:#3a2418}
.ps-num{flex-shrink:0;width:11mm;height:11mm;border-radius:50%;background:#ba4d2c;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px}
.ps-f{margin-top:14mm;color:#8a7566;font-size:14px;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.ps-dot{width:5px;height:5px;border-radius:50%;background:#ba4d2c;display:inline-block}

/* ===== Instagram üslubu çat ===== */
.ig{--igp:#6c3cf6;--igg:#efefef;--igm:#737373;color:#0a0a0a;font-family:-apple-system,"SF Pro Text","Segoe UI",Roboto,Inter,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.ig input{-webkit-user-select:text;user-select:text}
.igtop{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 12px}
.igtop h2{margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.01em}
.igicon{border:none;background:none;color:#0a0a0a;padding:6px;display:grid;place-items:center;cursor:pointer;border-radius:50%}
.igicon:active{opacity:.5}
.igsearch{display:flex;align-items:center;gap:10px;background:var(--igg,#efefef);border-radius:14px;padding:10px 14px;color:#737373;margin-bottom:16px}
.igsearch input{flex:1;border:none;background:none;outline:none;font-size:1rem;color:#0a0a0a;padding:0;min-width:0}
.igsec{font-weight:700;font-size:1.05rem;padding:2px 2px 8px}
.igava{border-radius:50%;object-fit:cover;flex-shrink:0;display:grid;place-items:center;background:#dbdbdb}
.igini{color:#fff;font-weight:600;background:linear-gradient(135deg,#a78bfa,#6c3cf6)}
.igrow{display:flex;align-items:center;gap:14px;padding:9px 2px;cursor:pointer;border-radius:12px}
.igrow:active{background:rgba(0,0,0,.04)}
.igmeta{flex:1;min-width:0}
.igname{font-size:.98rem;font-weight:400;color:#0a0a0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iglast{display:flex;font-size:.88rem;color:#737373;min-width:0}
.iglt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.igago{white-space:nowrap;flex-shrink:0}
.igrow.un .igname,.igrow.un .iglt{font-weight:700;color:#0a0a0a}
.igdot{width:10px;height:10px;border-radius:50%;background:#4f5bd5;background:#3b5bfd;flex-shrink:0;margin-right:6px}
.igempty{text-align:center;padding:40px 10px;color:#737373;display:flex;flex-direction:column;align-items:center;gap:6px}
.igempty b{color:#0a0a0a;font-size:1.1rem}
.igemptyic{width:80px;height:80px;border:2px solid #0a0a0a;border-radius:50%;display:grid;place-items:center;color:#0a0a0a;margin-bottom:8px}
.igbtn{margin-top:10px;background:#0095f6;color:#fff;border:none;border-radius:10px;padding:9px 18px;font-weight:600}
/* otaq */
.igroom{display:flex;flex-direction:column;position:fixed;left:0;right:0;top:0;height:100dvh;z-index:60;background:#fff;padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(8px + env(safe-area-inset-bottom,0px));box-sizing:border-box;overscroll-behavior:none}
@media(min-width:760px){.igroom{left:50%;width:min(720px,100%);transform:translateX(-50%);box-shadow:0 0 30px rgba(0,0,0,.12)}}
body.igfull{overflow:hidden}
.ighead{display:flex;align-items:center;gap:8px;padding:2px 0 10px;border-bottom:1px solid #efefef;flex-shrink:0}
.igwho{flex:1;display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}
.igwho .igname{font-weight:700}
.igsub{font-size:.8rem;color:#737373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.igmsgs{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:10px 2px 6px;overscroll-behavior:contain}
.igmsgs>:first-child{margin-top:auto}
.igtime{align-self:center;font-size:.74rem;color:#737373;font-weight:600;margin:14px 0 8px}
.igline{display:flex;align-items:flex-end;gap:8px;margin-top:2px}
.igline.mine{justify-content:flex-end}
.igsp{width:28px;flex-shrink:0}
.igcol{display:flex;flex-direction:column;max-width:72%;min-width:0}
.igline.mine .igcol{align-items:flex-end}
.igm{position:relative;padding:9px 14px;font-size:.97rem;line-height:1.35;word-break:break-word;border-radius:22px;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.igm.mine{background:var(--igp);color:#fff}
.igm.their{background:var(--igg);color:#0a0a0a}
.igm.mine:not(.first){border-top-right-radius:6px}.igm.mine:not(.last){border-bottom-right-radius:6px}
.igm.their:not(.first){border-top-left-radius:6px}.igm.their:not(.last){border-bottom-left-radius:6px}
.igm.last{margin-bottom:4px}.igm.hasr{margin-bottom:16px}
.igm.pic{padding:0;background:none}
.igm.pic .msgimg{margin:0;border-radius:18px;max-width:220px;max-height:280px}
.igm .msgreact{bottom:-14px;right:auto;left:10px;background:#fff;border:none;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.igline.mine .igm .msgreact{left:auto;right:10px}
.igrep{font-size:.78rem;color:#737373;margin:6px 4px 2px;display:flex;flex-direction:column;align-items:inherit}
.igrep span{background:#fff;border:1px solid #efefef;border-radius:16px;padding:6px 12px;margin-top:2px;color:#555;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.igseen{align-self:flex-end;font-size:.74rem;color:#737373;margin:2px 4px 0}
.igintro{display:flex;flex-direction:column;align-items:center;gap:4px;padding:30px 0;color:#737373;text-align:center}
.igintro b{color:#0a0a0a;font-size:1.15rem;margin-top:8px}
.igintro span{margin-top:12px}
.igbar{display:flex;align-items:center;gap:6px;background:var(--igg);border-radius:30px;padding:5px 8px 5px 5px;margin-top:6px;flex-shrink:0}
.igcam{width:42px;height:42px;border-radius:50%;border:none;background:#3b6cf6;display:grid;place-items:center;flex-shrink:0}
.igbar input[type=text],.igbar #chatText{flex:1;border:none;background:none;outline:none;font-size:1rem;padding:10px 4px;min-width:0;color:#0a0a0a}
.igsend{border:none;background:none;color:var(--igp);font-weight:700;font-size:1rem;padding:8px 10px}
.igroom .replybar{border-left-color:var(--igp);background:#f3f0ff;margin:6px 0 0}
body.owner .ig{--igp:#6c3cf6}
/* ===== canlı banner + zəng ===== */
#igBanner{position:fixed;left:10px;right:10px;top:calc(8px + env(safe-area-inset-top,0px));z-index:250;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:10px 14px;box-shadow:0 8px 28px rgba(0,0,0,.18);transform:translateY(-140%);transition:transform .3s cubic-bezier(.2,.9,.3,1.2);cursor:pointer;max-width:560px;margin:0 auto;font-family:-apple-system,"SF Pro Text",Roboto,Inter,sans-serif;-webkit-user-select:none;user-select:none}
#igBanner.on{transform:translateY(0)}
#igBanner .bnt{flex:1;min-width:0;display:flex;flex-direction:column}
#igBanner .bnt b{font-size:.92rem;color:#0a0a0a}#igBanner .bnt span{font-size:.88rem;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.igm.callm{display:flex;align-items:center;gap:10px;cursor:pointer}
.igm.callm i{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.08);font-size:15px}
.igm.mine.callm i{background:rgba(255,255,255,.22)}
.igm.callm small{display:block;font-size:.74rem;opacity:.7}
body.incall{overflow:hidden}
#callUI{position:fixed;inset:0;z-index:400;background:#111;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(48px + env(safe-area-inset-top,0px)) 20px calc(40px + env(safe-area-inset-bottom,0px));font-family:-apple-system,"SF Pro Text",Roboto,Inter,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}
#callUI .cbg{position:absolute;inset:0;background:linear-gradient(160deg,#3b2a6e,#141414 70%);z-index:0}
#callUI .cbg img{width:100%;height:100%;object-fit:cover;filter:blur(40px) brightness(.45);transform:scale(1.2)}
#callUI .ctop{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6vh;transition:.3s}
#callUI .ctop.mini{flex-direction:row;margin-top:0;align-self:flex-start;gap:10px}
#callUI .ctop.mini .igava{width:36px!important;height:36px!important;font-size:13px!important}
#callUI .ctop.mini .cname{font-size:1rem}
#callUI .cname{font-size:1.6rem;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.4)}
#callUI .cst{font-size:1rem;opacity:.85;font-variant-numeric:tabular-nums}
#callUI .crem{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .3s;background:#000}
#callUI .crem.on{opacity:1}
#callUI .cloc{position:absolute;z-index:3;right:14px;top:calc(14px + env(safe-area-inset-top,0px));width:104px;height:150px;object-fit:cover;border-radius:16px;background:#222;transform:scaleX(-1);box-shadow:0 4px 18px rgba(0,0,0,.4)}
#callUI .cloc.full{inset:0;width:100%;height:100%;border-radius:0;z-index:1;opacity:.55;top:0;right:0}
#callUI .cloc.off{opacity:0}
#callUI .cbtns{position:relative;z-index:3;display:flex;gap:18px;align-items:center;justify-content:center;background:rgba(0,0,0,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:12px 18px;border-radius:40px}
#callUI .cbtns.in{background:none;backdrop-filter:none;width:100%;justify-content:space-around}
#callUI .cbtns.in>div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.9rem}
#callUI .cb{width:62px;height:62px;border-radius:50%;border:none;display:grid;place-items:center;color:#fff;cursor:pointer}
#callUI .cb:active{transform:scale(.92)}
#callUI .cb.red{background:#ff3b30}#callUI .cb.green{background:#34c759;width:70px;height:70px}#callUI .cbtns.in .cb.red{width:70px;height:70px}
#callUI .cb.glass{background:rgba(255,255,255,.18)}#callUI .cb.glass.act{background:#fff;color:#111}
#callUI .pulse{animation:cpulse 1.4s infinite}
@keyframes cpulse{0%{box-shadow:0 0 0 0 rgba(52,199,89,.6)}70%{box-shadow:0 0 0 18px rgba(52,199,89,0)}100%{box-shadow:0 0 0 0 rgba(52,199,89,0)}}

.igchips{display:flex;gap:8px;margin:-6px 0 12px}
.igchip{border:1px solid #dbdbdb;background:#fff;color:#0a0a0a;border-radius:18px;padding:6px 14px;font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.igchip.on{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.igchip span{background:#3b5bfd;color:#fff;border-radius:10px;font-size:.72rem;padding:1px 7px}
.igtxt{border:none;background:none;color:#0095f6;font-weight:600;font-size:.95rem;padding:6px 8px}
.igselh{display:flex;align-items:center;gap:6px}.igselh b{font-size:1.1rem}.igselh .igicon{font-size:1.2rem;width:36px;height:36px}
.igrow.sel{background:rgba(59,91,253,.08)}
.igchk{width:24px;height:24px;border-radius:50%;border:2px solid #c7c7c7;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700;margin-right:4px}
.igchk.on{background:#3b5bfd;border-color:#3b5bfd}
#igSelBar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;justify-content:space-around;gap:6px;background:#fff;border-top:1px solid #efefef;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 16px rgba(0,0,0,.06)}
#igSelBar button{flex:1;border:none;background:#efefef;color:#0a0a0a;font-weight:600;border-radius:12px;padding:12px 6px;font-size:.88rem}
#igSelBar button.del{background:#ffe9e8;color:#ed4956}
#igSelBar button:disabled{opacity:.4}

.igavw{position:relative;display:inline-flex;flex-shrink:0}
.igon{position:absolute;right:1px;bottom:1px;border-radius:50%;background:#2ecc4a;border:2.5px solid #fff;display:none;box-sizing:border-box}
.igon.on{display:block}
.igsub.live{color:#2b9348}
/* ===== sosial modul ===== */
.iggrp{background:linear-gradient(135deg,#fde68a,#f9a8d4 55%,#a78bfa);display:grid;place-items:center}
.igst{font-size:.95em}.igmute{font-size:.8em;opacity:.7}.igdot.m{background:#c7c7c7}
.igstbtn{border:1px dashed #c7c7c7;background:none;border-radius:14px;padding:3px 10px;font-size:.78rem;color:#555;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.igmenu{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;border:none;background:none;padding:13px 4px;font-size:1rem;border-bottom:1px solid #f2f2f2;color:#0a0a0a}
.igmenu small{color:#8e8e8e;font-size:.78rem}
.igstories{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.igstories::-webkit-scrollbar{display:none}
.igsto{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;flex-shrink:0;width:72px}
.igsto small{font-size:.74rem;color:#262626;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.igring{position:relative;padding:3px;border-radius:50%;background:conic-gradient(from 210deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)}
.igring>.igava,.igring>.igavw{border:3px solid #fff;border-radius:50%;box-sizing:content-box}
.igring.seen,.igring.add{background:#dbdbdb}.igring.bday{background:conic-gradient(#f43f5e,#f59e0b,#22c55e,#3b82f6,#a855f7,#f43f5e)}
.igplus{position:absolute;right:0;bottom:0;width:22px;height:22px;border-radius:50%;background:#0095f6;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:15px;line-height:1}
#igSV{position:fixed;inset:0;z-index:450;background:#000;display:flex;align-items:center;justify-content:center;color:#fff;font-family:-apple-system,Roboto,Inter,sans-serif;-webkit-user-select:none;user-select:none}
#igSV>img,#igSV>video{max-width:100%;max-height:100%;object-fit:contain}
.svbars{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:8px;right:8px;display:flex;gap:4px;z-index:3}
.svbars i{flex:1;height:3px;background:rgba(255,255,255,.35);border-radius:2px;overflow:hidden}.svbars b{display:block;height:100%;background:#fff}
.svhead{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));left:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:3;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.svhead small{opacity:.75}.svhead button{margin-left:auto;background:none;border:none;color:#fff;font-size:1.4rem}
.svcap{position:absolute;bottom:110px;left:16px;right:16px;text-align:center;font-size:1.05rem;background:rgba(0,0,0,.45);padding:8px 12px;border-radius:12px;z-index:3}
.svl,.svr{position:absolute;top:80px;bottom:90px;width:35%;z-index:2}.svl{left:0}.svr{right:0}
.svfoot{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:3}
.svfoot button{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:22px;padding:8px 14px;font-size:.9rem}
.svfoot .svr1{font-size:1.4rem;padding:6px 10px;position:static;width:auto}
.svlist{position:absolute;left:0;right:0;bottom:0;max-height:60%;overflow-y:auto;background:#fff;color:#0a0a0a;border-radius:18px 18px 0 0;padding:14px;z-index:5}
.igpin{display:flex;align-items:center;gap:8px;background:#f5f3ff;border-left:3px solid var(--igp,#6c3cf6);padding:7px 10px;border-radius:8px;margin:6px 0 0;font-size:.85rem;cursor:pointer}
.igpin span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.igpin small{color:#8e8e8e}
.igsys{align-self:center;font-size:.76rem;color:#8e8e8e;background:#f5f5f5;padding:4px 12px;border-radius:12px;margin:8px 0;text-align:center;max-width:85%}
.igfrom{font-size:.74rem;color:#8e8e8e;margin:6px 0 2px 12px}
.igm.del{background:transparent!important;border:1px solid #dbdbdb;color:#8e8e8e!important}
.igmeta2{display:flex;gap:6px;font-size:.7rem;color:#8e8e8e;margin:1px 8px 0}.igline.mine .igmeta2{justify-content:flex-end}
.igm.flash{animation:igflash 1.2s}@keyframes igflash{0%,60%{box-shadow:0 0 0 4px rgba(108,60,246,.35)}100%{box-shadow:none}}
.igline{transition:transform .05s}.igline.swr::before{content:'↩︎';position:absolute;left:-28px;align-self:center;color:#8e8e8e;font-size:1.1rem}
.igline{position:relative}
.igheart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.3);font-size:46px;pointer-events:none;animation:igpop .9s ease-out forwards;z-index:4}
@keyframes igpop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}25%{transform:translate(-50%,-50%) scale(1.25);opacity:1}45%{transform:translate(-50%,-50%) scale(.95)}70%{opacity:1}100%{transform:translate(-50%,-90%) scale(1);opacity:0}}
.igfile{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:180px}
.igfic{width:38px;height:38px;border-radius:10px;background:rgba(0,0,0,.08);display:grid;place-items:center;font-size:20px;flex-shrink:0}
.igm.mine .igfic{background:rgba(255,255,255,.2)}
.igfile b{display:block;font-size:.88rem;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.igfile small{opacity:.75;font-size:.74rem}
.igvoice{display:flex;align-items:center;gap:8px;min-width:190px;cursor:pointer}
.igvp{width:34px;height:34px;border-radius:50%;border:none;background:rgba(0,0,0,.08);color:inherit;display:grid;place-items:center;flex-shrink:0}
.igm.mine .igvp{background:rgba(255,255,255,.22)}
.igwave{display:flex;align-items:center;gap:2px;flex:1;height:26px}.igwave i{width:3px;border-radius:2px;background:currentColor;opacity:.4}.igwave i.on{opacity:1}
.igvoice small{font-size:.75rem;opacity:.85;font-variant-numeric:tabular-nums;min-width:30px}
.igrec{display:flex;align-items:center;gap:10px;background:#fff1f2;color:#be123c;border-radius:20px;padding:9px 14px;margin-top:6px;font-size:.85rem}
.igrec span:last-child{font-size:.75rem;color:#9f1239;opacity:.8}
.igrecdot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:igblink 1s infinite}@keyframes igblink{50%{opacity:.2}}
#igMic{touch-action:none}#igMic:active{color:#ef4444;transform:scale(1.15)}
/* lent */
.igfeed{max-width:640px;margin:0 auto}
.igcompose{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #efefef;border-radius:16px;padding:10px 12px;margin-bottom:12px;cursor:pointer;color:#8e8e8e}
.igcompose .igct{flex:1}
#igTools{display:flex;align-items:center;gap:2px}
.igboards{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px}@media(min-width:620px){.igboards{grid-template-columns:1fr 1fr}}
.igboard{background:#fff;border:1px solid #efefef;border-radius:16px;padding:12px}
.igboard>b{display:block;margin-bottom:8px}
.igbr{display:flex;align-items:center;gap:8px;padding:5px 0}.igbr .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.igbr b{font-size:.85rem}
.igpost{background:#fff;border:1px solid #efefef;border-radius:16px;margin-bottom:12px;overflow:hidden}
.igpost.sys{background:linear-gradient(135deg,#fff7ed,#fdf2f8)}.igpost.kud{background:linear-gradient(135deg,#f0fdf4,#eff6ff)}
.igph{display:flex;align-items:center;gap:10px;padding:12px}.igph>div{flex:1;min-width:0}.igph b{display:block;font-size:.92rem}.igph small{color:#8e8e8e;font-size:.76rem}
.igpb{padding:0 14px 12px;font-size:.95rem;line-height:1.45;white-space:normal;word-break:break-word}
.igkb{margin:0 14px 8px;display:inline-block;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:4px 10px;font-size:.82rem;font-weight:600}
.igpi{width:100%;max-height:70vh;object-fit:cover;display:block}
.igpa{display:flex;gap:4px;padding:6px 8px;border-top:1px solid #f2f2f2}.igpa button{border:none;background:none;padding:8px 10px;font-size:.92rem;border-radius:10px}.igpa button:active{background:#f5f5f5}
.igcm{display:flex;gap:10px;padding:8px 0;font-size:.9rem}.igcm small{display:block;color:#8e8e8e;font-size:.72rem;margin-top:2px}

#igCtx{position:fixed;inset:0;z-index:300;font-family:-apple-system,"SF Pro Text",Roboto,Inter,sans-serif;-webkit-user-select:none;user-select:none}
#igCtx .cxbg{position:absolute;inset:0;background:rgba(0,0,0,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .15s}
#igCtx.on .cxbg{opacity:1}
#igCtx .cxmsg{position:absolute;overflow:hidden;transform:scale(.96);transition:transform .15s;display:flex}
#igCtx.on .cxmsg{transform:scale(1)}
#igCtx .cxmsg .igm{margin:0;max-width:100%}
#igCtx .cxre{position:absolute;display:flex;gap:2px;background:#fff;border-radius:30px;padding:6px 8px;box-shadow:0 6px 24px rgba(0,0,0,.18);transform:translateY(8px) scale(.9);opacity:0;transition:.18s}
#igCtx.on .cxre{transform:none;opacity:1}
#igCtx .cxre button{border:none;background:none;font-size:1.7rem;width:42px;height:42px;border-radius:50%;padding:0;transition:transform .1s}
#igCtx .cxre button:active{transform:scale(1.3)}#igCtx .cxre button.on{background:#efefef}
#igCtx .cxmenu{position:absolute;min-width:220px;background:rgba(255,255,255,.97);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.18);overflow:hidden;transform:translateY(-6px) scale(.95);opacity:0;transition:.18s;transform-origin:top}
#igCtx.on .cxmenu{transform:none;opacity:1}
#igCtx .cxmenu button{display:flex;justify-content:space-between;align-items:center;width:100%;border:none;background:none;padding:12px 16px;font-size:.98rem;color:#0a0a0a;border-bottom:1px solid #f0f0f0}
#igCtx .cxmenu button:last-child{border-bottom:none}#igCtx .cxmenu button.del{color:#ed4956}
#igCtx .cxmenu i{font-style:normal}
/* =====================================================================
   BAŞ OFİS — "GÜN İŞIĞI" dizayn sistemi (iOS / glass)
   Fon Bakı vaxtına görə dəyişir: səhər · gündüz · axşam · gecə
   ===================================================================== */
:root{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;--disp:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,sans-serif;
 --ink:#1d1d1f;--mut:#6e6e73;--line:rgba(60,60,67,.12);--acc:#0a84ff;--acc2:#0071e3;--ok:#28a745;--warn:#ff9f0a;--bad:#ff3b30;--soft:rgba(10,132,255,.1);
 --glass:rgba(255,255,255,.62);--glass2:rgba(255,255,255,.78);--gbd:rgba(255,255,255,.7);--gsh:0 1px 0 rgba(255,255,255,.6) inset,0 10px 30px -12px rgba(16,24,40,.22);
 --r1:22px;--r2:16px;--spring:cubic-bezier(.2,.9,.25,1.08)}
html,body{font:15px/1.47 var(--sans);letter-spacing:-.006em}
html{background:#eef2f7}body{background:transparent!important;min-height:100vh}body.owner{background:#efe6df url(/demo/bas-ofis/assets/km/bg.jpg) center/cover fixed no-repeat!important}
/* ---- atmosfer fonu ---- */
#ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;transition:background 2s ease;background:var(--amb)}
#ambient::after{content:"";position:absolute;inset:0;background:radial-gradient(55% 40% at var(--sx,78%) var(--sy,8%),var(--sun,rgba(255,214,150,.55)),transparent 72%)}
body.tod-dawn{--amb:linear-gradient(170deg,#ffe3cf 0%,#f6e9f1 38%,#dbe9fb 72%,#eef4fb 100%);--sun:rgba(255,196,140,.6);--sx:18%;--sy:6%}
body.tod-day{--amb:linear-gradient(172deg,#bcdcff 0%,#d9ebff 30%,#eaf3ee 62%,#f3eee6 100%);--sun:rgba(255,255,255,.75);--sx:70%;--sy:2%}
body.tod-dusk{--amb:linear-gradient(170deg,#ffd7c2 0%,#f3cfe3 35%,#d7d3f6 70%,#e9ecfa 100%);--sun:rgba(255,160,120,.55);--sx:85%;--sy:14%}
body.tod-night{--amb:linear-gradient(178deg,#c3c8ec 0%,#d6d9f1 25%,#e6e8f6 55%,#f0f1f8 100%);--sun:rgba(150,160,255,.35);--sx:80%;--sy:4%}
body.owner #ambient{display:none}
/* ---- üst panel ---- */
.top{background:rgba(255,255,255,.55);color:var(--ink);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border-bottom:.5px solid rgba(60,60,67,.14);padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px}
.top .brand{font-family:var(--serif);font-weight:800;font-size:20px;letter-spacing:-.01em;color:var(--ink)}
.top .brand small{font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:11.5px;color:var(--mut);font-weight:500}
.top .me{color:var(--mut)}.top .me b{color:var(--ink)}
.top .out{border:none;background:rgba(118,118,128,.12);color:var(--ink);border-radius:99px;padding:7px 14px;font-weight:600}
/* ---- tablar (desktop) ---- */
.tabs{background:rgba(255,255,255,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid rgba(60,60,67,.12)}
.tabs button{border-radius:99px;color:var(--mut);font-weight:600;transition:background .2s,color .2s}
.tabs button.on{background:rgba(255,255,255,.9);color:var(--ink);box-shadow:0 2px 10px -4px rgba(0,0,0,.2)}
/* ---- başlıqlar: iOS "large title" ---- */
main h2{font-family:var(--disp);font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:4px 2px 14px}
h3{letter-spacing:-.015em;font-weight:650}
/* ---- şüşə səthlər ---- */
.card,.kpi,.igboard,.igpost,.igcompose{background:rgba(255,255,255,.84);border:.5px solid rgba(255,255,255,.9);border-radius:var(--r1);box-shadow:var(--gsh)}
.card{padding:18px}
.kpi{border-radius:var(--r2)}.kpi b{font-family:var(--disp);letter-spacing:-.03em;font-weight:700;font-variant-numeric:tabular-nums}
.tk{background:var(--glass2);border:.5px solid var(--gbd);border-radius:14px;box-shadow:0 4px 14px -8px rgba(16,24,40,.25)}
.col{background:rgba(255,255,255,.45);border:.5px solid rgba(255,255,255,.5);border-radius:var(--r1)}
th{text-transform:none;letter-spacing:0;font-size:12.5px}
td,th{border-bottom:.5px solid var(--line)}
/* ---- düymələr ---- */
.btn{border-radius:99px;font-weight:600;letter-spacing:-.01em;padding:11px 18px;transition:transform .18s var(--spring),background .2s,box-shadow .2s;box-shadow:0 6px 16px -8px rgba(10,132,255,.6)}
.btn:active{transform:scale(.96)}
.btn.ghost{background:rgba(118,118,128,.12);color:var(--ink);box-shadow:none}.btn.ghost:hover{background:rgba(118,118,128,.2)}
.btn.red{background:rgba(255,59,48,.12);color:var(--bad);box-shadow:none}
.btn.sm{border-radius:99px}
.pill{border-radius:99px;font-weight:600}
.p-ok{background:rgba(52,199,89,.16);color:#1e7b34}.p-warn{background:rgba(255,159,10,.18);color:#a05a00}.p-bad{background:rgba(255,59,48,.14);color:#c4261d}.p-mut{background:rgba(118,118,128,.12);color:#3c3c43}.p-acc{background:rgba(10,132,255,.12);color:#0a63c9}
.field label{font-weight:500}
.field input,.field select,.field textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{border:.5px solid rgba(60,60,67,.18);background:rgba(255,255,255,.75);border-radius:12px;outline:none;transition:box-shadow .2s,border-color .2s}
input:focus,select:focus,textarea:focus{border-color:var(--acc)!important;box-shadow:0 0 0 4px rgba(10,132,255,.18)}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
/* ---- "Bu gün" qəhrəman kartı ---- */
.checkcard{position:relative;overflow:hidden;color:#fff;border:none!important;background:linear-gradient(150deg,#0c1a3a 0%,#1d3c78 55%,#3b6fd8 100%)!important;box-shadow:0 24px 48px -24px rgba(12,26,58,.7)!important}
body.tod-dawn .checkcard{background:linear-gradient(150deg,#3a1f4d 0%,#b3527a 55%,#f39a6b 100%)!important}
body.tod-dusk .checkcard{background:linear-gradient(150deg,#2b1d4e 0%,#6b3f8f 50%,#e0786b 100%)!important}
body.tod-night .checkcard{background:linear-gradient(150deg,#070b1d 0%,#18234d 60%,#3a3f86 100%)!important}
.checkcard::before{content:"";position:absolute;width:320px;height:320px;right:-110px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%);pointer-events:none}
.checkcard .clock{font-family:var(--disp);font-size:56px;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1}
.checkcard .btn{background:#fff;color:#0c1a3a;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.checkcard .btn.ghost{background:rgba(255,255,255,.16);color:#fff}
.checkcard .muted{color:rgba(255,255,255,.72)}
/* ---- pəncərə = iOS "sheet" ---- */
.modal{background:rgba(0,0,0,.32)}
.modal.on{animation:fadeIn .2s ease}
.mbox{background:#f9f9fb;border-radius:28px 28px 0 0;box-shadow:0 -10px 40px -10px rgba(0,0,0,.25);position:relative;padding-top:26px}
.modal.on .mbox{animation:sheetUp .42s var(--spring)}
.mbox::before{content:"";position:absolute;top:8px;left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:rgba(60,60,67,.25)}
@media(min-width:700px){.mbox{border-radius:24px}.modal.on .mbox{animation:popIn .3s var(--spring)}.mbox::before{display:none}}
.mhead .x{border:none;background:rgba(118,118,128,.14);width:32px;height:32px;border-radius:50%;font-size:18px;line-height:1;color:#3c3c43}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes popIn{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}
@keyframes fadeIn{from{opacity:0}}
/* ---- bölmə keçidi ---- */
.view.on{animation:viewIn .3s ease-out}
@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* ---- mobil: üzən alt panel (dock) ---- */
#dock{display:none}
@media(max-width:759px){
 .tabs{display:none!important}
 main{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
 #dock{display:flex;position:fixed;z-index:50;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));height:66px;padding:6px;border-radius:30px;
  background:rgba(255,255,255,.58);backdrop-filter:saturate(190%) blur(28px);-webkit-backdrop-filter:saturate(190%) blur(28px);
  border:.5px solid rgba(255,255,255,.75);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 18px 40px -14px rgba(16,24,40,.38);transition:transform .35s var(--spring),opacity .25s}
  #dock .dk{flex:1;position:relative;border:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6e6e73;font-size:10.5px;font-weight:600;letter-spacing:0;border-radius:24px;z-index:1;-webkit-tap-highlight-color:transparent;transition:color .25s}
 #dock .dk svg{width:24px;height:24px;transition:transform .3s var(--spring)}
 #dock .dk.on{color:var(--acc)}
 #dock .dk:active svg{transform:scale(.86)}
 #dock .dkpill{position:absolute;top:6px;bottom:6px;border-radius:24px;background:rgba(255,255,255,.85);box-shadow:0 4px 14px -6px rgba(0,0,0,.25);transition:left .42s var(--spring),width .42s var(--spring);z-index:0}
 #dock .dkb{position:absolute;top:4px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:#ff3b30;color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9)}
 body.igfull #dock,body.incall #dock{transform:translateY(140%);opacity:0;pointer-events:none}
 #igSelBar{bottom:0}
 body:has(#igSelBar) #dock{transform:translateY(140%);opacity:0}
}

@media(max-width:759px){
 .top{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;position:relative;padding:calc(14px + env(safe-area-inset-top,0px)) 18px 0}
 .top .brand{font-size:17px;opacity:.9}.top .brand small{display:none}
 .top .me,.top #outBtn,.top #instBtn{display:none!important}
 #meAva{margin-left:auto;width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(135deg,#0a84ff,#5e5ce6);color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center;box-shadow:0 6px 16px -8px rgba(10,132,255,.8),0 0 0 2px rgba(255,255,255,.85)}
 main{padding-top:6px}
}
#meAva{display:none}@media(max-width:759px){#meAva{display:grid}}
.mesheet{text-align:center;padding:4px 0 6px}.mesheet .av{width:72px;height:72px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,#0a84ff,#5e5ce6);color:#fff;font-size:26px;font-weight:700;display:grid;place-items:center}
.mesheet b{display:block;font-size:19px;letter-spacing:-.02em}.mesheet span{color:var(--mut);font-size:14px}
.melist{margin-top:14px;background:#fff;border-radius:16px;overflow:hidden}
.melist button{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:none;padding:14px 16px;font-size:16px;border-bottom:.5px solid var(--line);color:var(--ink)}
.melist button:last-child{border-bottom:none}.melist .red{color:#ff3b30}
/* "Daha çox" vərəqi */
.dkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}
.dkgrid button{border:none;background:rgba(255,255,255,.75);border-radius:20px;padding:16px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;font-size:12.5px;color:var(--ink);box-shadow:0 4px 14px -8px rgba(0,0,0,.2);transition:transform .2s var(--spring)}
.dkgrid button:active{transform:scale(.94)}
.dkgrid svg{width:28px;height:28px;color:var(--acc)}
.dkgrid button.on{outline:2px solid var(--acc)}
/* çat/lent arxa fonu şəffaf olsun */
.ig .igrow:active{background:rgba(255,255,255,.5)}
.igsearch{background:rgba(118,118,128,.12)}
.igroom{background:#fff!important}
/* toast */
.toast,#toast{border-radius:99px!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
/* hərəkət azaldılması */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* ===== sosial şəbəkə v2 ===== */
.sohead{display:flex;align-items:center;gap:2px}.sobell{position:relative;font-size:20px}.sobadge{position:absolute;top:0;right:0;min-width:17px;height:17px;border-radius:9px;background:#ff3b30;color:#fff;font-size:10px;display:grid;place-items:center;padding:0 4px}
.soavbtn{border:none;background:none;padding:2px;margin-left:4px}
.soseg{display:flex;gap:6px;overflow-x:auto;margin:-4px 0 14px;scrollbar-width:none}.soseg::-webkit-scrollbar{display:none}
.soseg button{flex:none;border:none;background:rgba(118,118,128,.12);color:var(--ink);border-radius:99px;padding:8px 14px;font-weight:600;font-size:.88rem}
.soseg button.on{background:#1d1d1f;color:#fff}
.sohdr{display:flex;align-items:center;gap:6px;margin-bottom:10px}.sohdr h3{margin:0;flex:1}
.sotag{color:#0a63c9;font-weight:600;cursor:pointer}.soment{color:#0a63c9;font-weight:600;cursor:pointer}
.somlist{display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:12px;box-shadow:0 8px 24px -10px rgba(0,0,0,.3);overflow:hidden;margin-top:4px}
.somlist:empty{display:none}.somlist button{display:flex;align-items:center;gap:8px;border:none;background:none;padding:8px 10px;text-align:left}
.somoment{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#fff7e6,#fde7f3);border-radius:18px;padding:10px;margin-bottom:12px;position:relative;cursor:pointer;box-shadow:0 8px 20px -14px rgba(0,0,0,.4)}
.somoment>span{position:absolute;top:-9px;left:12px;background:#1d1d1f;color:#fff;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:99px}
.somoment img{width:64px;height:64px;border-radius:12px;object-fit:cover}.somoment p{font-size:.85rem;margin:2px 0}.somoment small{color:#8e8e8e;font-size:.74rem}
.socar{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.socar::-webkit-scrollbar{display:none}
.socar>*{flex:0 0 100%;scroll-snap-align:center;max-height:70vh;object-fit:cover;width:100%}
.sodots{display:flex;justify-content:center;gap:5px;padding:8px 0 2px}.sodots i{width:6px;height:6px;border-radius:50%;background:#c7c7cc}.sodots i.on{background:#0a84ff}
.sopoll{margin:0 14px 10px;display:flex;flex-direction:column;gap:6px}.sopoll button{position:relative;overflow:hidden;border:1px solid rgba(60,60,67,.18);background:#fff;border-radius:12px;padding:10px 12px;text-align:left;display:flex;justify-content:space-between}
.sopoll button i{position:absolute;inset:0 auto 0 0;background:rgba(10,132,255,.14);transition:width .5s}.sopoll button.my{border-color:#0a84ff}.sopoll button span,.sopoll button em{position:relative;font-style:normal;font-weight:600}.sopoll small{color:#8e8e8e}
.soshared{display:flex;gap:10px;margin:0 14px 10px;border:1px solid rgba(60,60,67,.14);border-radius:14px;padding:8px;cursor:pointer;background:rgba(255,255,255,.7)}.soshared img{width:56px;height:56px;border-radius:10px;object-fit:cover}.soshared p{font-size:.85rem;color:#3c3c43;margin:2px 0 0}
.sorsum{display:flex;justify-content:space-between;padding:0 14px 6px;font-size:.82rem;color:#6e6e73}.sorsum span:last-child{cursor:pointer}
.igpa button span{font-size:.85rem;color:#3c3c43;font-weight:600}.igpa .sosave{margin-left:auto}.sorx.on span{color:#e11d48}
.sorpick{position:fixed;inset:0;z-index:320}.sorbg{position:absolute;inset:0}.sorbar{position:absolute;display:flex;gap:4px;background:#fff;border-radius:30px;padding:6px 8px;box-shadow:0 10px 30px -8px rgba(0,0,0,.3)}
.sorbar button{border:none;background:none;font-size:30px;width:46px;height:46px;animation:sorup .3s cubic-bezier(.2,.9,.3,1.4) both}.sorbar button:active{transform:scale(1.35)}
@keyframes sorup{from{transform:translateY(14px) scale(.4);opacity:0}}
.sopostm .igpost{box-shadow:none;margin:0}
.fptools{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.fpprev{display:flex;gap:6px;overflow-x:auto;margin-top:8px}.fpprev span{position:relative;flex:none}
.fpprev img,.fpprev video{width:76px;height:76px;object-fit:cover;border-radius:12px}.fpprev button{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff}
.fppoll{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:10px;border-radius:14px;background:rgba(118,118,128,.08)}
.igcm{align-items:flex-start}.igcm.sub{margin-left:38px}.igcm .cmb{flex:1;min-width:0}.igcm small a{color:#0a63c9;font-weight:600;cursor:pointer}
.cmlk{border:none;background:none;font-size:14px;padding:4px}.cmto{font-size:.8rem;color:#6e6e73;margin-top:8px}.cmto a{margin-left:6px;cursor:pointer}
.sonotif{display:flex;gap:12px;align-items:center;padding:10px 6px;border-radius:12px;cursor:pointer}.sonotif.un{background:rgba(10,132,255,.07)}
.sonotif small{display:block;color:#8e8e8e;font-size:.74rem}.soni{position:relative;flex:none}.soni i{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:#fff;font-style:normal;font-size:11px;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.soprof{margin:-26px -18px 0;text-align:center}.socover{height:140px;background:linear-gradient(135deg,#0a84ff,#5e5ce6 60%,#bf5af2);background-size:cover;background-position:center;border-radius:28px 28px 0 0;position:relative}
.socover .x{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.35);color:#fff}
.sopav{margin-top:-44px;display:flex;justify-content:center;position:relative;z-index:2}.soact .btn:last-child:not(:first-child){flex:0 0 52px}.sopav .igava{border:4px solid #f9f9fb}
.soprof h3{margin:8px 0 2px;font-size:22px}.sobio{margin:10px 22px 0;font-size:.92rem;line-height:1.45}
.sochips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 14px}.sochips span{background:rgba(118,118,128,.12);border-radius:99px;padding:5px 11px;font-size:.82rem;font-weight:600;cursor:pointer}
.sostats{display:flex;justify-content:space-around;margin:14px 10px 6px;padding:10px 0;border-top:.5px solid var(--line);border-bottom:.5px solid var(--line)}.sostats div{font-size:.78rem;color:#6e6e73}.sostats b{display:block;font-size:1.15rem;color:var(--ink)}
.sobadges{display:flex;gap:8px;overflow-x:auto;padding:8px 14px}.sobadges span{flex:none;display:flex;flex-direction:column;align-items:center;font-size:26px;background:linear-gradient(135deg,#fff7e6,#fdf2f8);border-radius:16px;padding:8px 10px;min-width:78px}.sobadges small{font-size:.68rem;font-weight:600;color:#3c3c43;margin-top:2px}
.soact{display:flex;gap:8px;justify-content:center;margin:10px 14px}.soact .btn{flex:1}
.sogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:8px}.sogrid button{position:relative;aspect-ratio:1;border:none;padding:0;background:#e5e5ea;overflow:hidden}
.sogrid img,.sogrid video{width:100%;height:100%;object-fit:cover;display:block}.sogrid span{font-size:.72rem;padding:6px;display:block;text-align:left;color:#3c3c43}.sogrid i{position:absolute;top:6px;right:6px;color:#fff;font-style:normal;text-shadow:0 1px 3px #000}
.soevb{display:flex;gap:12px;padding:12px 14px}.soevd{flex:none;width:52px;height:56px;border-radius:14px;background:#fff;box-shadow:0 4px 12px -6px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center}
.soevd b{font-size:22px;line-height:1;color:#ff3b30}.soevd span{font-size:.72rem;font-weight:700;text-transform:none;color:#3c3c43}.soev h3{margin:0}
.soevf{display:flex;align-items:center;margin-top:8px}.soevf .igava{margin-left:-6px;border:2px solid #fff}.soevf .igava:first-child{margin-left:0}.soevf span{margin-left:8px;font-size:.82rem;color:#6e6e73}
.sorsvp{display:flex;gap:6px;padding:0 14px 10px}.sorsvp button{flex:1;border:1px solid rgba(60,60,67,.18);background:#fff;border-radius:12px;padding:9px 4px;font-weight:600;font-size:.82rem}.sorsvp button.on{background:#1d1d1f;color:#fff;border-color:#1d1d1f}
.soclubs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.soclub{background:rgba(255,255,255,.84);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:4px;cursor:pointer;box-shadow:var(--gsh)}
.soce{font-size:34px}.soclub small{color:#8e8e8e}.soclub p{font-size:.8rem;color:#3c3c43;margin:2px 0 6px;flex:1}
.soalbums{display:grid;grid-template-columns:1fr 1fr;gap:10px}.soalbums button{border:none;background:none;text-align:left;padding:0}.soalbums button>span{display:grid;place-items:center;aspect-ratio:1;border-radius:18px;overflow:hidden;background:rgba(118,118,128,.12);font-size:40px}
.soalbums img{width:100%;height:100%;object-fit:cover}.soalbums b{display:block;margin-top:6px}.soalbums small{color:#8e8e8e}
#soReels{position:fixed;inset:0;z-index:460;background:#000;overflow-y:auto;scroll-snap-type:y mandatory}#soReels section{height:100vh;scroll-snap-align:start;position:relative;display:flex;align-items:center;justify-content:center}
#soReels video{max-width:100%;max-height:100%}#soReels .rcap{position:absolute;left:16px;right:16px;bottom:calc(30px + env(safe-area-inset-bottom,0px));color:#fff;text-shadow:0 1px 4px #000}#soReels .rx{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:14px;z-index:2;background:rgba(0,0,0,.4);border:none;color:#fff;width:38px;height:38px;border-radius:50%;font-size:18px}
.svstk{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:min(320px,86vw);background:#fff;color:#1d1d1f;border-radius:20px;padding:14px;z-index:4;box-shadow:0 12px 34px -10px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:8px;text-align:center}
.svstk button{border:1px solid rgba(60,60,67,.18);background:#f2f2f7;border-radius:12px;padding:10px;font-weight:600}.svstk button.on{background:#0a84ff;color:#fff}.svstk input{flex:1}
.svbar{position:relative;overflow:hidden;border-radius:12px;background:#f2f2f7;padding:10px;display:flex;justify-content:space-between;font-weight:600}.svbar i{position:absolute;inset:0 auto 0 0;background:rgba(10,132,255,.25)}.svbar span,.svbar em{position:relative;font-style:normal}.svbar.on{outline:2px solid #0a84ff}
.sopostlink{display:block;margin-top:6px;border:none;background:rgba(255,255,255,.25);color:inherit;border-radius:10px;padding:6px 10px;font-weight:600}
.igm.their .sopostlink{background:rgba(0,0,0,.07)}

@keyframes bootspin{to{transform:rotate(360deg)}}.recbtn{border:1px solid var(--line);background:#fff;border-radius:8px;width:30px;height:30px;font-size:14px;flex-shrink:0;padding:0}.recbtn.on{background:#eef2ff;border-color:var(--acc)}.rectag{display:inline-block;font-size:.72rem;background:#eef2ff;color:var(--acc);padding:1px 7px;border-radius:99px;font-weight:600;vertical-align:middle}
.rmopt:active{background:#f3e7dc}.rmopt:hover{border-color:var(--acc)}

.chatrow{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);cursor:pointer}
.chatrow:active{background:rgba(0,0,0,.03)}
.chatav{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);font-size:15px}
body.owner .chatav{background:linear-gradient(135deg,#ba4d2c,#9a3c20)}
.chatmeta{flex:1;min-width:0}
.chattime{font-size:.75rem;color:var(--mut)}
.chatlast{font-size:.85rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.chatbadge{background:#dc2626;color:#fff;font-size:.72rem;font-weight:700;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;padding:0 6px}
.chathead{display:flex;align-items:center;gap:10px;padding:10px 4px 14px;border-bottom:1px solid var(--line);margin-bottom:10px}
.chatbackbtn{border:none;background:none;font-size:26px;color:var(--acc);padding:0 6px;line-height:1}
.chatmsgs{height:calc(100vh - 290px);min-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:4px}
.msg{max-width:78%;padding:9px 13px;border-radius:15px;font-size:.93rem;line-height:1.4;position:relative;word-break:break-word}
.msg.mine{align-self:flex-end;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-bottom-right-radius:4px}
body.owner .msg.mine{background:linear-gradient(135deg,#ba4d2c,#9a3c20)}
.msg.their{align-self:flex-start;background:#fff;border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:4px}
.msgt{display:block;font-size:.68rem;opacity:.65;margin-top:3px;text-align:right}
.chatinput{display:flex;gap:8px;margin-top:10px;padding-bottom:env(safe-area-inset-bottom,0)}
.chatinput input{flex:1;border:1px solid var(--line);border-radius:99px;padding:12px 16px;font-size:.95rem;background:#fff}
.chatsend{flex-shrink:0;width:46px;height:46px;border-radius:50%;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:18px}
body.owner .chatsend{background:linear-gradient(135deg,#ba4d2c,#9a3c20)}
.tabbadge{background:#dc2626;color:#fff;font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:99px;margin-left:2px}

.chatattach{flex-shrink:0;width:42px;height:46px;border:none;background:none;font-size:20px;color:var(--mut)}
.msgbody{display:inline}
.msgimg{display:block;max-width:200px;max-height:220px;border-radius:12px;margin:2px 0;cursor:pointer}
.msgreply{font-size:.78rem;opacity:.75;border-left:3px solid currentColor;padding:2px 8px;margin-bottom:4px;border-radius:4px;background:rgba(0,0,0,.06)}
.msg.mine .msgreply{background:rgba(255,255,255,.2)}
.msgreact{position:absolute;bottom:-10px;right:8px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:1px 5px;font-size:.8rem;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.msg{position:relative;margin-bottom:8px;user-select:none}
/* Android "Toxun və axtar" / mətn seçimi qarşısı */
.chathead,.chathead *,.chatrow,.chatrow *,.msg,.msg *,.chatreacts{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.msg{touch-action:manipulation}
.chatreacts{display:flex;justify-content:space-around;gap:6px;padding:10px 0}
.chatreacts button{border:none;background:#f3f4f6;border-radius:50%;width:48px;height:48px;font-size:24px}
.chatreacts button:active{background:#e5e7eb;transform:scale(1.15)}
.replybar{display:flex;justify-content:space-between;align-items:center;background:#eef2ff;border-left:3px solid var(--acc);padding:8px 12px;border-radius:8px;margin-bottom:6px;font-size:.85rem}
.replybar button{border:none;background:none;font-size:18px;color:var(--mut)}


/* ===== sosial v3 ===== */
.s3n{background:#ff3b30;color:#fff;border-radius:99px;padding:0 6px;font-size:.7rem;margin-left:3px}
.s3card{background:#fff;border:1px solid #efefef;border-radius:16px;padding:12px;margin-bottom:12px}
.s3sub{margin:0 0 12px}
.s3ann{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;border-radius:16px;padding:12px;margin-bottom:12px}
.s3ann p{white-space:pre-line;font-size:.9rem;margin:6px 0 10px;color:#334155}.s3ann small{color:#64748b}
.s3mem{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#fefce8,#ecfeff);border-radius:16px;padding:10px;margin-bottom:12px;cursor:pointer;position:relative;padding-top:26px}
.s3mem>span{position:absolute;top:7px;left:12px;font-size:.72rem;font-weight:700;color:#a16207}
.s3mem img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none}.s3mem p{font-size:.84rem;color:#475569;margin:2px 0 0}
.s3onb{background:#fff;border:1px solid #c7d2fe;border-radius:16px;padding:12px;margin-bottom:12px}
.s3bar{height:6px;background:#eef2ff;border-radius:9px;margin:8px 0;overflow:hidden}.s3bar i{display:block;height:100%;background:linear-gradient(90deg,#6366f1,#22c55e);border-radius:9px}
.s3step{display:flex;gap:8px;align-items:center;width:100%;border:none;background:none;text-align:left;padding:7px 2px;font-size:.9rem;color:var(--ink)}
.s3step i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #c7c7cc;font-size:.7rem;flex:none}
.s3step.ok{color:#8e8e93;text-decoration:line-through}.s3step.ok i{background:#22c55e;border-color:#22c55e;color:#fff}
.s3qotd{background:linear-gradient(135deg,#fdf4ff,#eef2ff);border-radius:16px;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}
.s3qotd small{font-size:.7rem;font-weight:700;color:#7c3aed;letter-spacing:.03em}.s3qotd>b{font-size:1.02rem}
.s3my{font-size:.85rem;background:rgba(255,255,255,.7);border-radius:10px;padding:7px 10px;margin:4px 0}
.s3qa{display:flex;gap:8px;align-items:flex-start;font-size:.86rem}.s3qa>div{background:#fff;border-radius:12px;padding:6px 10px;flex:1}
.s3dig{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#fff;border:1px solid #efefef;border-radius:16px;padding:10px 12px;margin-bottom:12px;font-size:.82rem}
.s3dig b{width:100%;font-size:.9rem}.s3dig span{background:rgba(118,118,128,.1);border-radius:99px;padding:3px 9px}
.s3chal{display:flex;gap:12px;background:#fff;border:1px solid #efefef;border-radius:16px;padding:12px;margin-bottom:10px}.s3chal.done{opacity:.75}
.s3ce{font-size:1.8rem;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#fef3c7,#fde68a);display:grid;place-items:center;flex:none}
.s3chal p{font-size:.86rem;color:#475569;margin:3px 0;white-space:pre-line}.s3chal small{color:#8e8e93;font-size:.76rem}
.s3win{margin-top:6px;font-size:.86rem;background:#fef9c3;border-radius:10px;padding:5px 9px;display:inline-block}
.s3res{margin-top:10px;border-top:1px dashed #e5e7eb;padding-top:8px}.s3res small{color:#8e8e93}
.s3pts{display:flex;flex-wrap:wrap;gap:10px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border-radius:16px;padding:14px;margin-bottom:8px}
.s3pts>div:not(.s3pb){flex:1;text-align:center}.s3pts b{display:block;font-size:1.5rem}.s3pts small{opacity:.7;font-size:.75rem}
.s3pb{width:100%;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.s3pb span{background:rgba(255,255,255,.12);border-radius:99px;padding:3px 9px;font-size:.78rem}
.s3rk{width:26px;text-align:center;font-weight:700;color:#8e8e93}.s3me{background:#eff6ff}
.s3help div{display:flex;justify-content:space-between;padding:8px 2px;border-bottom:1px solid #f2f2f2}
.s3sw{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:.92rem;cursor:pointer}
.s3sw input{display:none}.s3sw span{width:42px;height:25px;border-radius:99px;background:#d1d1d6;position:relative;flex:none;transition:.2s}
.s3sw span:after{content:'';position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}
.s3sw input:checked+span{background:#34c759}.s3sw input:checked+span:after{left:19px}
.s3sk{font-size:.75rem;background:#eef2ff;color:#4338ca;border-radius:99px;padding:3px 9px;white-space:nowrap}
.s3mk{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.s3mki{background:#fff;border:1px solid #efefef;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.s3mki.done{opacity:.6}
.s3mki>img,.s3mkph{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f5f5f7;display:grid;place-items:center;font-size:2.2rem}
.s3mkb{padding:9px;display:flex;flex-direction:column;gap:3px}.s3mkb p{font-size:.8rem;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s3mkb small{font-size:.72rem;color:#8e8e93;cursor:pointer}.s3pr{font-weight:800;color:#16a34a}
.s3pill{display:inline-block;font-size:.7rem;font-weight:700;border-radius:99px;padding:2px 8px;background:#f1f5f9;color:#475569;margin-right:4px;width:max-content}
.s3pill.ksell{background:#dcfce7;color:#15803d}.s3pill.kgive{background:#fce7f3;color:#be185d}.s3pill.kwant{background:#e0f2fe;color:#0369a1}
.s3q{background:#fff;border:1px solid #efefef;border-radius:16px;padding:12px;margin-bottom:10px}.s3q p{white-space:pre-line;font-size:.92rem}.s3q small{color:#8e8e93;font-size:.74rem}
.s3vote{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;min-width:44px;font-size:1rem}
.s3vote b{font-size:.8rem}.s3vote.on{background:#eff6ff;border-color:#93c5fd}
.s3ansb{margin-top:8px;background:#f0fdf4;border-left:3px solid #22c55e;border-radius:8px;padding:7px 10px}
.s3rpi{display:flex;gap:8px;margin:8px 0;background:#fafafa;border-radius:12px;padding:8px}.s3rpi p{font-size:.86rem;margin:2px 0}.s3rpi img{max-width:120px;border-radius:8px;margin-top:4px}
.fpchal{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;font-size:.82rem}
.fpchal button{border:1px solid #fcd34d;background:#fffbeb;border-radius:99px;padding:4px 10px;font-size:.8rem}.fpchal button.on{background:#f59e0b;color:#fff;border-color:#f59e0b}
.fpwhen{margin-top:8px}
.s3dr{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f2f2f2}.s3dr img,.s3dr video,.s3drp{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none;background:#f5f5f7;display:grid;place-items:center;font-size:1.4rem}
.s3dr p{font-size:.88rem}.s3dr small{font-size:.75rem;color:#8e8e93}
.s3stat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 10px}.s3stat div{background:#f5f5f7;border-radius:14px;padding:12px 6px;text-align:center}
.s3stat b{display:block;font-size:1.3rem}.s3stat small{font-size:.72rem;color:#6e6e73}
.igring.cf{background:#22c55e!important}
.svcf{background:#22c55e;color:#fff;font-size:.7rem;font-weight:700;border-radius:99px;padding:2px 8px;margin-left:6px}
.s3aud{display:flex;gap:6px;align-items:center;margin-top:10px}.s3aud button{border:1px solid #e5e7eb;background:#fff;border-radius:99px;padding:6px 12px;font-size:.85rem}
.s3aud button.on{background:#1d1d1f;color:#fff;border-color:#1d1d1f}.s3aud button[data-a=cf].on{background:#22c55e;border-color:#22c55e}.s3aud a{margin-left:auto}
.s3over{position:fixed;inset:0;z-index:600;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;justify-content:center}
.s3sheet{background:#fff;width:min(560px,100%);border-radius:20px 20px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));max-height:85vh;overflow:auto}
.s3cfb{border:none;background:#f2f2f7;width:38px;height:38px;border-radius:50%;font-size:1.1rem}.s3cfb.on{background:#dcfce7}
.s3hl{display:flex;gap:14px;overflow-x:auto;padding:6px 14px 10px;scrollbar-width:none}.s3hl::-webkit-scrollbar{display:none}
.s3hl button{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;width:64px}
.s3hl small{font-size:.72rem;max-width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#262626}
.s3hlc{width:58px;height:58px;border-radius:50%;border:2px solid #dbdbdb;padding:2px;display:grid;place-items:center;overflow:hidden;background:#fafafa;font-size:1.2rem;box-sizing:border-box}
.s3hlc img{width:100%;height:100%;border-radius:50%;object-fit:cover}.s3hlc.add{font-size:1.6rem;color:#8e8e93}
.svhead .s3hlc{width:34px;height:34px;border:none;padding:0}
.s3hlg button{position:relative}.s3hlg button i{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.35);color:transparent;font-style:normal;display:grid;place-items:center;font-size:.75rem;border:2px solid #fff}
.s3hlg button.on i{background:#0a84ff;color:#fff}.s3hlg button.on img,.s3hlg button.on video{opacity:.7}
.s3hlg button small{position:absolute;left:4px;bottom:4px;color:#fff;font-size:.65rem;text-shadow:0 1px 2px #000}
.s3skills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 14px}
.s3skills button{border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:99px;padding:5px 11px;font-size:.82rem;font-weight:600}
.s3skills button b{background:#fff;border-radius:99px;padding:0 6px;margin-left:3px;font-size:.72rem}.s3skills button.on{background:#4f46e5;color:#fff;border-color:#4f46e5}.s3skills button.on b{color:#4f46e5}
.s3ment{text-align:center;font-size:.86rem;margin:6px 14px;color:#475569;cursor:pointer}
.s3act{flex-wrap:wrap;justify-content:center}.s3on{background:#dcfce7!important;color:#15803d!important}
.s3ni{width:40px;height:40px;border-radius:50%;background:#f2f2f7;display:grid;place-items:center;font-size:1.2rem}
.s3annr{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:6px;align-items:flex-start}.s3annr summary{cursor:pointer;font-size:.85rem;font-weight:600}
#s3eph{text-align:center;font-size:.76rem;background:#fef3c7;color:#92400e;border-radius:10px;padding:5px;margin:4px 0;cursor:pointer}
.igm.vcm{background:none!important;padding:0!important;border:none!important}
.igvc{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;background:#000;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.igvc video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.igvc .vcp{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:2rem;text-shadow:0 2px 8px rgba(0,0,0,.6)}.igvc.on .vcp{display:none}
.igvc small{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.5);color:#fff;border-radius:99px;padding:1px 8px;font-size:.72rem}
#s3vc{position:fixed;inset:0;z-index:700;background:rgba(0,0,0,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff}
.s3vcr{position:relative;width:min(78vw,320px);aspect-ratio:1}.s3vcr video{width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scaleX(-1)}
.s3vcr svg{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);transform:rotate(-90deg)}
.s3vcr circle{fill:none;stroke:#ff3b30;stroke-width:2.5;stroke-dasharray:301.6;stroke-dashoffset:301.6;stroke-linecap:round}
.s3vcb{display:flex;gap:40px}.s3vcb button{width:64px;height:64px;border-radius:50%;border:none;background:rgba(255,255,255,.18);color:#fff;font-size:1.5rem}.s3vcb button.go{background:#0a84ff}
#s3vc small{opacity:.6}
.s3th{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.s3th button{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:4px}
.s3th span{width:52px;height:52px;border-radius:50%;border:2px solid #e5e7eb;display:grid;place-items:center}.s3th i{width:20px;height:20px;border-radius:50%}
.s3th button.on span{border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff33}.s3th small{font-size:.72rem}
.igroom.th-ocean .igmsgs{background:linear-gradient(180deg,#ecfeff,#e0f2fe)}.igroom.th-sunset .igmsgs{background:linear-gradient(180deg,#fff7ed,#ffe4e6)}
.igroom.th-forest .igmsgs{background:linear-gradient(180deg,#f0fdf4,#ecfccb)}.igroom.th-lavender .igmsgs{background:linear-gradient(180deg,#f5f3ff,#fae8ff)}
.igroom.th-rose .igmsgs{background:linear-gradient(180deg,#fff1f2,#fce7f3)}.igroom.th-night .igmsgs{background:linear-gradient(180deg,#1e1b4b,#0f172a)}
.igroom[class*=th-] .igmsgs{border-radius:14px}.igroom.th-night .igtime,.igroom.th-night .igseen{color:#a5b4fc}.igroom.th-night .igsys{background:rgba(255,255,255,.1);color:#c7d2fe}
.igroom.th-night .igm.their{background:#312e81;color:#fff;border-color:#312e81}


/* ===== UI ikonları ===== */
.ui-ic{width:1.15em;height:1.15em;vertical-align:-.2em;flex:none;display:inline-block}
.ui-ic.f{stroke-width:1.2}
.ui-ic.mg{color:#d4a017}.ui-ic.ms{color:#94a3b8}.ui-ic.mb{color:#b4703a}
h2 .ui-ic,h3 .ui-ic,.igsec .ui-ic,.mhead h3 .ui-ic{color:var(--acc);margin-right:2px}
.qa-b span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:0;background:rgba(10,132,255,.1);color:#0a84ff}
.qa-b span .ui-ic{width:24px;height:24px;vertical-align:0}
.qa-b:nth-child(2) span{background:rgba(52,199,89,.12);color:#1f9d4b}
.qa-b:nth-child(3) span{background:rgba(255,45,85,.1);color:#e11d48}
.qa-b:nth-child(4) span{background:rgba(175,82,222,.12);color:#9333ea}
.qa-b:nth-child(5) span{background:rgba(255,149,0,.12);color:#d97706}
.s3rk .ui-ic{width:1.35em;height:1.35em}
.s3step i .ui-ic{width:12px;height:12px}


/* ===== sosial v4 ===== */
.s4wal{display:flex;align-items:center;gap:12px;padding-bottom:18px!important;background:linear-gradient(135deg,#0f172a,#312e81);color:#fff;border-radius:18px;padding:12px 14px;margin-bottom:10px;cursor:pointer;position:relative}
.s4wal small{display:block;font-size:.72rem;opacity:.75}.s4go{position:absolute;right:14px;bottom:6px;font-size:.66rem;opacity:.7}
.s4lv{width:44px;height:44px;border-radius:50%;border:3px solid var(--lc);display:grid;place-items:center;flex:none;box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 16px var(--lc)}
.s4lv b{font-size:1.1rem}.s4lv.big{width:78px;height:78px;flex-direction:column;gap:0}.s4lv.big b{font-size:1.7rem;line-height:1}.s4lv.big small{font-size:.62rem}
.s4bar{height:6px;background:rgba(255,255,255,.15);border-radius:9px;overflow:hidden;margin:5px 0}.s4bar i{display:block;height:100%;border-radius:9px;background:#fff}
.s4bal{text-align:center}.s4bal b{font-size:1.4rem;display:block;line-height:1}
.s4str{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.s4str>div{background:#fff;border:1px solid #efefef;border-radius:16px;padding:12px;display:flex;flex-direction:column;align-items:flex-start}
.s4str b{font-size:1.6rem;line-height:1.1}.s4str small{font-size:.75rem;color:#6e6e73}.s4str i{font-style:normal;font-size:.68rem;color:#f97316;margin-top:4px;font-weight:600}
.s4fl{font-size:1.1rem;color:#f97316}
.s4lg{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #efefef;border-radius:14px;padding:10px 12px;margin-bottom:8px}.s4lg.mine{border-color:#0a84ff;background:#f0f7ff}
.s4lg small{display:block;font-size:.74rem;color:#8e8e93}.s4lgp{text-align:right}.s4lgp b{font-size:1.15rem;display:block}.s4lgp small{font-size:.66rem}
.s4hero{background:linear-gradient(135deg,#4f46e5,#9333ea 60%,#ec4899);color:#fff;border-radius:20px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:12px}
.s4hero small{display:block;font-size:.72rem;opacity:.85}.s4hero b{font-size:1.9rem;display:block}.s4hero .s4bar.w,.s4hero>small:last-child{grid-column:1/-1}
.s4levels{display:flex;justify-content:space-between;margin:0 2px 14px}.s4levels span{display:flex;flex-direction:column;align-items:center;font-size:.7rem;color:#8e8e93;gap:3px}
.s4levels i{width:14px;height:14px;border-radius:50%;border:2px solid var(--lc);background:#fff}.s4levels span.on i{background:var(--lc)}.s4levels span.on{color:var(--ink);font-weight:600}.s4levels small{font-size:.6rem;color:#aeaeb2}
.s4rw{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.s4rwi{background:#fff;border:1px solid #efefef;border-radius:16px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.s4rwi.off{opacity:.5}
.s4rwe{font-size:1.9rem;width:56px;height:56px;border-radius:16px;background:#f5f5f7;display:grid;place-items:center}.s4rwi b{font-size:.88rem}.s4rwi small{font-size:.7rem;color:#8e8e93;min-height:1em}
.s4live{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#e21b3c,#9333ea);color:#fff;border-radius:18px;padding:14px;margin-bottom:12px;cursor:pointer;animation:s4p 2s infinite}
.s4live small{display:block;font-size:.7rem;opacity:.85}.s4live b{font-size:1.05rem}.s4live .btn{background:#fff;color:#e21b3c}
@keyframes s4p{50%{box-shadow:0 0 0 6px rgba(226,27,60,.18)}}
.s4dot{width:10px;height:10px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 0 rgba(255,59,48,.7);animation:s4d 1.4s infinite;flex:none}.s4live .s4dot{background:#fff}
@keyframes s4d{70%{box-shadow:0 0 0 8px rgba(255,59,48,0)}100%{box-shadow:0 0 0 0 rgba(255,59,48,0)}}
.s4room{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #efefef;border-radius:16px;padding:12px;margin-bottom:10px;cursor:pointer}
.s4re{font-size:1.5rem;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);display:grid;place-items:center;flex:none}.s4room small{display:block;font-size:.74rem;color:#8e8e93}
.s4qi{width:40px;height:40px;border-radius:12px;background:#fef2f2;display:grid;place-items:center;flex:none}
.s4clue{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.s4clue div{background:#f5f3ff;border-radius:12px;padding:8px 11px;font-size:.88rem}
.s4opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.s4opts button{display:flex;align-items:center;gap:8px;border:1.5px solid #e5e7eb;background:#fff;border-radius:14px;padding:8px;font-size:.84rem;text-align:left;color:var(--ink)}
.s4opts button.ok{border-color:#22c55e;background:#f0fdf4}.s4opts button.bad{border-color:#ef4444;background:#fef2f2}.s4opts button span{overflow:hidden;text-overflow:ellipsis}
.s4res{margin-top:10px;text-align:center;font-weight:700;border-radius:12px;padding:8px}.s4res.ok{background:#dcfce7;color:#15803d}.s4res.bad{background:#fee2e2;color:#b91c1c}
.s4gd{text-align:center;padding:10px}.s4gd b{font-size:1.1rem}
.s4cm{background:linear-gradient(135deg,#fff1f2,#fdf2f8);border-radius:14px;padding:10px 12px;margin-top:8px;font-size:.9rem}.s4cm small{display:block;color:#9f1239;font-size:.7rem;margin-top:4px}.s4cm.q{background:#fafafa}.s4cm.q small{margin:0 0 4px;color:#8e8e93}
.s4qe{background:#fafafa;border-radius:14px;padding:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.s4qe>input{width:100%}
.s4qo{display:flex;gap:6px;align-items:center}.s4qo input{flex:1}.s4qo button{width:34px;height:34px;border-radius:10px;border:2px solid var(--qc);background:#fff;color:var(--qc);flex:none;font-size:.8rem}.s4qo button.on{background:var(--qc);color:#fff}
#s4quiz{position:fixed;inset:0;z-index:650;background:linear-gradient(160deg,#1e1b4b,#46178f);color:#fff;overflow-y:auto;font-family:Inter,-apple-system,Roboto,sans-serif}
.s4qin{max-width:620px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px));min-height:100%;box-sizing:border-box;display:flex;flex-direction:column}
.s4qh{display:flex;align-items:center;gap:10px;margin-bottom:14px}.s4qh button{border:none;background:rgba(255,255,255,.15);color:#fff;width:36px;height:36px;border-radius:50%}.s4qh b{flex:1}.s4qh span{opacity:.8;font-weight:700}
.s4ql{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.s4big{font-size:4rem}.s4ql .btn{background:#fff;color:#46178f;font-size:1.1rem;padding:14px 40px}
.s4qtm{height:8px;background:rgba(255,255,255,.15);border-radius:9px;overflow:hidden;margin-bottom:10px}.s4qtm i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#facc15);border-radius:9px;transition:width 1s linear}
.s4qnum{width:44px;height:44px;border-radius:50%;background:#fff;color:#46178f;display:grid;place-items:center;font-weight:800;font-size:1.2rem}
.s4qq h2{color:#fff;text-align:center;font-size:1.35rem;margin:16px 0 18px;line-height:1.3}
.s4qa{display:grid;grid-template-columns:1fr 1fr;gap:10px}.s4qa button{background:var(--qc);color:#fff;border:none;border-radius:14px;min-height:96px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-size:1rem;font-weight:700;text-align:left;box-shadow:0 4px 0 rgba(0,0,0,.25);position:relative;transition:opacity .2s,transform .1s}
.s4qa button:active{transform:translateY(2px)}.s4qa button i{font-style:normal;font-size:1.3rem;opacity:.9}.s4qa button em{position:absolute;right:10px;top:8px;font-style:normal;background:rgba(0,0,0,.25);border-radius:99px;padding:1px 8px;font-size:.8rem}
.s4qa button.dim{opacity:.3}.s4qa button.sel{outline:3px solid #fff}.s4qa button.ok{outline:4px solid #fff}.s4qa button.bad{opacity:.45}
.s4qr{text-align:center;font-size:1.2rem;font-weight:800;margin:16px 0 8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.12)}.s4qr.ok{background:#22c55e}.s4qr.bad{background:#ef4444}
.s4qb{display:flex;flex-direction:column;gap:6px;margin:10px 0}.s4qb div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border-radius:12px;padding:6px 10px}.s4qb div.me{background:rgba(255,255,255,.25)}
.s4qb span{width:20px;font-weight:700;opacity:.8}.s4qb b{flex:1;font-weight:600}.s4qb em{font-style:normal;font-weight:800}
.s4qd{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.s4qd>b{font-size:1.5rem}.s4qd .btn{background:#fff;color:#46178f;width:100%}.s4qd .s4qb{width:100%}
.s4pod{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;width:100%;margin:10px 0}.s4pod div{display:flex;flex-direction:column;align-items:center;gap:4px}
.s4pod span{width:100%;border-radius:12px 12px 0 0;background:rgba(255,255,255,.2);font-weight:800;font-size:1.4rem;display:grid;place-items:center}.s4pod .p1 span{height:110px;background:#facc15;color:#713f12}.s4pod .p2 span{height:80px;background:#e5e7eb;color:#334155}.s4pod .p3 span{height:60px;background:#d97706}
.s4pod em{font-style:normal;font-size:.8rem;opacity:.85}
#s4room{position:fixed;inset:0;z-index:640;background:linear-gradient(170deg,#0f172a,#1e293b);color:#fff;display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px))}
.s4rh{display:flex;align-items:center;gap:10px}.s4rh button{border:none;background:rgba(255,255,255,.12);color:#fff;width:38px;height:38px;border-radius:50%;font-size:1.2rem}.s4rh div{flex:1;text-align:center}.s4rh small{display:block;opacity:.7;font-size:.75rem}.s4rh span{width:38px}
.s4rg{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px;align-content:start;padding:24px 4px;overflow-y:auto}
.s4rp{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.s4rp b{font-size:.85rem}.s4rp small{font-size:.66rem;opacity:.6;min-height:1em}
.s4rp .hd,.s4rp .mt{position:absolute;font-style:normal;width:26px;height:26px;border-radius:50%;background:#fff;color:#0f172a;display:grid;place-items:center;font-size:.8rem}.s4rp .hd{left:14px;top:-4px}.s4rp .mt{right:14px;top:44px}
.s4rc{display:flex;justify-content:center;gap:16px}.s4rc button{width:62px;height:62px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;font-size:1.4rem}.s4rc button.off{background:#fff;color:#0f172a}.s4rc button.on{background:#facc15;color:#0f172a}
.s4rc button.lv{width:auto;padding:0 26px;border-radius:99px;background:#ef4444;font-size:1rem;font-weight:700}
.s4rpill{display:none}
#s4room.min{inset:auto 12px calc(96px + env(safe-area-inset-bottom,0px)) 12px;height:auto;padding:0;background:none}
#s4room.min>*:not(.s4rpill){display:none}
#s4room.min .s4rpill{display:flex;align-items:center;gap:10px;background:#0f172a;color:#fff;border-radius:99px;padding:12px 18px;box-shadow:0 10px 30px -8px rgba(0,0,0,.5);cursor:pointer}
.s4rpill small{opacity:.6;font-size:.72rem;margin-left:auto}
.s4conf{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:900}
.igpost.s4sale{background:linear-gradient(135deg,#fff7ed,#fef9c3)!important;border-color:#fde68a!important}
.igpost.s4league,.igpost.s4quizwin{background:linear-gradient(135deg,#eef2ff,#fae8ff)!important}
.s4wb{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#4f46e5,#9333ea 55%,#ec4899);color:#fff;border-radius:18px;padding:14px 16px;margin-bottom:12px;cursor:pointer}
.s4wb>div{flex:1}.s4wb small{display:block;font-size:.7rem;opacity:.85}.s4wb b{font-size:1.1rem}.s4wb span{width:40px;height:40px;border-radius:50%;background:#fff;color:#9333ea;display:grid;place-items:center}
#s4wr{position:fixed;inset:0;z-index:660;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Inter,-apple-system,Roboto,sans-serif}
#s4wr.g1{background:linear-gradient(160deg,#4f46e5,#9333ea,#ec4899)}#s4wr.g2{background:linear-gradient(160deg,#059669,#0ea5e9)}#s4wr.g3{background:linear-gradient(160deg,#f97316,#ec4899)}#s4wr.g4{background:linear-gradient(160deg,#0ea5e9,#6366f1)}#s4wr.g5{background:linear-gradient(160deg,#111827,#7c3aed)}
#s4wr .svbars{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:10px}
.s4wx{position:absolute;top:calc(26px + env(safe-area-inset-top,0px));right:14px;border:none;background:rgba(0,0,0,.2);color:#fff;width:36px;height:36px;border-radius:50%;z-index:3}
.s4wc{padding:30px;max-width:460px;animation:s4in .5s ease}.s4wc>small{letter-spacing:.15em;font-weight:700;opacity:.8}.s4wc h1{font-size:3.2rem;line-height:1.05;margin:12px 0;color:#fff}.s4wc p{font-size:1.15rem;opacity:.95}
.s4wk{margin-top:18px;background:rgba(255,255,255,.18);border-radius:16px;padding:12px 16px;font-size:1rem}
.s4wbud{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:20px;text-align:left}.s4wbud p{font-size:1rem}
.s4wsh{margin-top:24px;background:#fff!important;color:#7c3aed!important;position:relative;z-index:3;padding:12px 28px}
#s4wr .svl,#s4wr .svr{position:absolute;top:0;bottom:0;width:35%;z-index:2}#s4wr .svl{left:0}#s4wr .svr{right:0}
@keyframes s4in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.s4fr{position:relative}.s4fr>*:first-child{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--lc)!important;border-radius:50%}
.s4lvc{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);color:#fff;font-size:.62rem;font-weight:800;border-radius:99px;padding:2px 8px;border:2px solid #fff;white-space:nowrap}


/* ===== hekayə baxıcısı v2 ===== */
#igSV{z-index:700;background:#000;display:block;touch-action:none;transition:background .2s}
#igSV .svstage{position:absolute;left:0;right:0;top:env(safe-area-inset-top,0px);bottom:calc(64px + env(safe-area-inset-bottom,0px));border-radius:14px;overflow:hidden;background:#111;will-change:transform}
@media(min-width:600px){#igSV .svstage{left:50%;width:min(440px,100%);transform:translateX(-50%)}}
#igSV .svmedia{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
#igSV .svmedia img,#igSV .svmedia video{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;pointer-events:none}
#igSV .svshade{position:absolute;left:0;right:0;top:0;height:110px;background:linear-gradient(rgba(0,0,0,.45),transparent);pointer-events:none}
#igSV .svbars{top:8px}
#igSV .svhead{top:20px;left:12px;right:8px}
#igSV .svhead b{font-size:.92rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}
#igSV .svhead small{font-size:.85rem;opacity:.7}
#igSV .svhead button{background:none;border:none;color:#fff;font-size:1.35rem;padding:4px 6px}
#igSV .svhead .svmore{margin-left:auto;font-size:1.5rem;letter-spacing:1px}
#igSV .svhead .svmore+.svx{margin-left:0}
#igSV .svx{margin-left:auto}
.svps{display:none;font-size:.7rem;opacity:.8}.svps.on{display:inline}
#igSV.held .svhead,#igSV.held .svbars,#igSV.held .svbot,#igSV.held .svcap{opacity:0;transition:opacity .2s}
#igSV .svcap{bottom:24px}
#igSV .svl,#igSV .svr,#igSV .svfoot{display:none}
.svbot{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);height:64px;display:flex;align-items:center;gap:10px;padding:0 12px;z-index:4}
.svbot input{flex:1;background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff;border-radius:99px;padding:11px 16px;font-size:.95rem;outline:none}
#igSV .svbot input{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:none!important;-webkit-text-fill-color:#fff}
.svbot input::placeholder{color:rgba(255,255,255,.75)}
.svhrt,.svsend{background:none;border:none;color:#fff;font-size:1.7rem;width:40px;height:40px;display:grid;place-items:center;padding:0}
.svsend{font-size:1.35rem}.svhrt.on{color:#ff3040;animation:svpop .35s}
@keyframes svpop{50%{transform:scale(1.35)}}
.svbot.me{justify-content:space-around}
.svact{background:none;border:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.72rem;min-width:70px}
.svact b{font-size:1.3rem;line-height:22px;font-weight:400}
.svfaces{display:flex;height:22px}.svfaces>*{margin-left:-7px;border:1.5px solid #000;border-radius:50%}.svfaces>*:first-child{margin-left:0}
.svfaces:empty:before{content:'👁';font-size:1.1rem}
.svsheet{position:absolute;left:0;right:0;bottom:0;height:62%;background:#fff;color:#0a0a0a;border-radius:20px 20px 0 0;padding:8px 14px 14px;z-index:8;transform:translateY(100%);transition:transform .25s ease;display:flex;flex-direction:column}
.svsheet.on{transform:translateY(0)}.svsheet #svVl{flex:1;overflow-y:auto;margin-top:6px}
.svgrab{width:38px;height:5px;border-radius:9px;background:#d1d1d6;margin:0 auto 8px}
.svvr{font-size:1.3rem}
.svmenu{position:absolute;inset:0;z-index:9}.svmbg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.svmb{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:16px;overflow:hidden}
.svmb button{display:block;width:100%;border:none;background:#fff;padding:15px;font-size:1rem;border-bottom:1px solid #eee;color:#0a0a0a}.svmb button.red{color:#ed4956;font-weight:600}.svmb button:last-child{border:none;font-weight:600}
.svbig{position:absolute;left:50%;top:45%;font-size:5rem;transform:translate(-50%,-50%);animation:svbig .9s ease forwards;z-index:6;pointer-events:none}
@keyframes svbig{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}30%{transform:translate(-50%,-50%) scale(1.2);opacity:1}100%{transform:translate(-50%,-80%) scale(1);opacity:0}}
#igSV .svstk{z-index:5}
.svsheet{touch-action:pan-y}


/* ===== Lent: Instagram üslubu ===== */
.igpost.ig2{background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0 -14px 6px!important;overflow:visible}
@media(min-width:700px){.igpost.ig2{margin:0 0 16px!important;border:1px solid #efefef!important;border-radius:14px!important;overflow:hidden}}
.sopostm .igpost.ig2{margin:0!important}
.igpost.ig2.sys{background:linear-gradient(135deg,#fff7ed,#fdf2f8)!important}.igpost.ig2.kud{background:linear-gradient(135deg,#f0fdf4,#eff6ff)!important;padding-bottom:4px}
.ig2 .igph{padding:10px 12px;gap:10px}.ig2 .igph b{font-size:.9rem;font-weight:600}.ig2 .igph small{font-size:.74rem}.ig2 .igph small:empty{display:none}
.ig2 .igmo{color:#0a0a0a}
.igra{display:inline-flex;border-radius:50%;cursor:pointer;flex:none}
.igra.ring{padding:2px;background:conic-gradient(from 210deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)}.igra.ring.seen{background:#dbdbdb}.igra.ring.cf{background:#22c55e}
.igra.ring>*{border:2px solid #fff;border-radius:50%}
.igmw{position:relative;background:#000}
.ig2 .igpi{width:100%;max-height:none;aspect-ratio:4/5;object-fit:cover;display:block;background:#f2f2f2}
.ig2 .socar>*{max-height:none;aspect-ratio:4/5;object-fit:cover}
.ig2 .sodots{margin-top:6px}
.igmut{position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:.8rem;display:grid;place-items:center;z-index:2}
.igbig{padding:4px 14px 10px;font-size:1.02rem;line-height:1.45;word-break:break-word;white-space:pre-line}.igbig.xl{font-size:1.35rem;font-weight:600;line-height:1.3}
.igact{display:flex;align-items:center;gap:2px;padding:6px 6px 2px}
.igact button{border:none;background:none;display:flex;align-items:center;gap:5px;padding:6px 7px;color:#0a0a0a;font-weight:600;font-size:.92rem}
.igact button span{font-size:.9rem}.igact .igbm{margin-left:auto}.igact button:active svg{transform:scale(.88)}
.igme{font-size:1.45rem;line-height:26px}
.iglk{padding:2px 14px;font-size:.88rem}
.igcap{padding:2px 14px;font-size:.92rem;line-height:1.4;word-break:break-word;white-space:pre-line}.igcap b{font-weight:600;cursor:pointer}
.igcml{display:block;padding:3px 14px;color:#737373;font-size:.88rem;cursor:pointer}
.igwhen{padding:3px 14px 12px;color:#8e8e8e;font-size:.72rem}
.ig2 .sopoll,.ig2 .soshared{margin:0 12px 8px}
.ig2 .igkb{margin:0 12px 6px}
#igSV.typing .svstage{filter:brightness(.45);transition:filter .2s}#igSV.typing .svhead,#igSV.typing .svbars{opacity:.5}


/* ===== tam ekran baxıcı ===== */
#mvw{position:fixed;inset:0;z-index:800;background:#000;overflow:hidden;touch-action:none;animation:mvin .18s ease}
#mvw.out{opacity:0;transition:opacity .18s}
@keyframes mvin{from{opacity:0}to{opacity:1}}
.mvtrack{display:flex;width:100%;height:100%;will-change:transform}
.mvslide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mvslide img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none}
.mvslide video{max-width:100%;max-height:100%}
.mvtop{position:absolute;left:0;right:0;top:0;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(rgba(0,0,0,.5),transparent);color:#fff;z-index:2}
.mvtop button,.mvtop a{width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;font-size:1.2rem;display:grid;place-items:center;text-decoration:none}
.mvtop span{font-size:.9rem;opacity:.85}
/* ===== çat kartları ===== */
.igm.strx{background:none!important;padding:0!important;display:flex;flex-direction:column;gap:4px}.igline.mine .igm.strx{align-items:flex-end}
.stlab{font-size:.72rem;color:#8e8e8e}
.stth{width:110px;height:180px;object-fit:cover;border-radius:12px;display:block;cursor:pointer;border:1px solid rgba(0,0,0,.06)}
.stem{font-size:2.6rem;line-height:1;margin-top:-26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.igm.strx .stth+.stem{margin-left:-8px}.igm.strx>.stlab+.stem{margin-top:2px}
.igm.strp{background:none!important;padding:0!important;display:flex;flex-direction:column;gap:4px}.igline.mine .igm.strp{align-items:flex-end}
.stbub{display:inline-block;padding:9px 13px;border-radius:20px;background:var(--igg,#efefef);color:#0a0a0a}.igline.mine .stbub{background:var(--igp,#6c3cf6);color:#fff}
.igm.pcm{background:none!important;padding:0!important}
.cpc{width:230px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e5e5e5;cursor:pointer;color:#0a0a0a;text-align:left}
.cpc.gone{padding:12px;font-size:.82rem;color:#8e8e8e}
.cpch{display:flex;align-items:center;gap:8px;padding:8px 10px}.cpch b{font-size:.82rem}
.cpcm{position:relative;aspect-ratio:1;background:#f2f2f2}.cpcm img,.cpcm video{width:100%;height:100%;object-fit:cover;display:block}.cpcm i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.8rem;font-style:normal;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.cpcm.sk{animation:skp 1.2s infinite}@keyframes skp{50%{opacity:.5}}
.cpcb{padding:8px 10px;font-size:.8rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* ===== statistika ===== */
.igins{display:block;padding:2px 14px;font-size:.86rem;color:#0a84ff;font-weight:600;cursor:pointer}
.insk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.insk div{background:#f5f5f7;border-radius:14px;padding:10px;display:flex;flex-direction:column}.insk small{font-size:.72rem;color:#6e6e73}.insk b{font-size:1.45rem}
.insk em,.insl em{font-style:normal;font-size:.7rem;font-weight:700;color:#6e6e73}em.up{color:#16a34a}em.dn{color:#dc2626}
.insc{background:#f5f5f7;border-radius:14px;padding:10px;margin-bottom:10px}.insc small{font-size:.72rem;color:#6e6e73}
.insbars{display:flex;align-items:flex-end;gap:4px;height:90px;margin-top:8px}.insbars i{flex:1;background:linear-gradient(#a78bfa,#6366f1);border-radius:4px 4px 2px 2px;min-height:3px}
.insl{display:grid;grid-template-columns:1fr 1fr;gap:6px}.insl div{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:12px;background:#fafafa;font-size:.86rem}.insl span{color:#6e6e73}
.insth{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:none}.insth.t{display:grid;place-items:center;background:#eef2ff;color:#4f46e5;font-weight:700}


/* ===== IG paritet ===== */
.skp{background:#fff;margin:0 -14px 6px;padding-bottom:12px}@media(min-width:700px){.skp{margin:0 0 16px;border-radius:14px}}
.skh{display:flex;align-items:center;gap:10px;padding:10px 12px}.skh i{width:36px;height:36px;border-radius:50%;background:#eee}.skh b{width:120px;height:12px;border-radius:6px;background:#eee}
.skm{aspect-ratio:4/5;background:#efefef}.skl{height:11px;border-radius:6px;background:#eee;margin:12px 14px 0;width:70%}.skl.s{width:40%;margin-top:8px}
.skp i,.skp b,.skm,.skl,.skprof i,.skprof b,.sk1{animation:skp 1.2s ease-in-out infinite}
.feedend{text-align:center;color:#8e8e8e;font-size:.85rem;padding:18px 0 30px}
.ptr{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top,0px));z-index:120;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.18);display:grid;place-items:center;transform:translate(-50%,0)}
.ptr.go{transform:translate(-50%,60px)!important;opacity:1!important;transition:transform .2s}
/* səhifələr */
.pg{position:fixed;inset:0;z-index:61;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:transform .23s cubic-bezier(.2,.8,.2,1);padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
.pg.on{transform:none}
@media(min-width:760px){.pg{left:50%;width:min(720px,100%);margin-left:calc(min(720px,100%) / -2);box-shadow:0 0 30px rgba(0,0,0,.12)}.pg.on{transform:none}}
body.haspg{overflow:hidden}
.pgh{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 8px 8px;background:rgba(255,255,255,.96);border-bottom:.5px solid #efefef}
.pgh b{flex:1;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pgb{border:none;background:none;width:40px;height:40px;display:grid;place-items:center;color:#0a0a0a;padding:0}.pgr{display:flex}
.pgc{padding:0 14px}.pgc.sopostm{padding:0}.pgc.sopostm .igpost.ig2{margin:0!important;border:none!important;border-radius:0!important}
.sk1{display:inline-block;width:120px;height:14px;border-radius:7px;background:#eee}
.skprof{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0}.skprof i{width:86px;height:86px;border-radius:50%;background:#eee}.skprof b{width:60%;height:12px;border-radius:6px;background:#eee}
/* profil */
.pftop{display:flex;align-items:center;gap:18px;padding:22px 0 8px}
.pfaw{position:relative;flex:none;padding-top:14px}
.pfav{border-radius:50%;padding:3px;cursor:pointer;box-shadow:0 0 0 2.5px var(--lc);position:relative;background:#fff}
.pfav.ring{box-shadow:none;background:conic-gradient(from 210deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)}.pfav.ring.seen{background:#dbdbdb}.pfav.ring.cf{background:#22c55e}
.pfav>*:first-child{border:3px solid #fff;border-radius:50%}
.pfplus{position:absolute;right:2px;bottom:2px;width:24px;height:24px;border-radius:50%;background:#0a84ff;color:#fff;display:grid;place-items:center;border:2.5px solid #fff;font-size:15px}
.pflv{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);color:#fff;font-size:.6rem;font-weight:800;border-radius:99px;padding:2px 8px;border:2px solid #fff;white-space:nowrap}
.pfnote{position:absolute;left:-4px;top:-14px;background:#fff;border-radius:16px;padding:6px 10px;font-size:.72rem;max-width:120px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.14);z-index:2;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfnote:after{content:'';position:absolute;left:24px;bottom:-5px;width:9px;height:9px;background:#fff;border-radius:50%;box-shadow:1px 1px 3px rgba(0,0,0,.1)}.pfnote.empty{color:#8e8e8e}
.pfst{flex:1;display:flex;justify-content:space-around;text-align:center}.pfst div{font-size:.82rem;color:#0a0a0a;cursor:pointer}.pfst b{display:block;font-size:1.15rem}
.pfinfo{padding:6px 0 2px}.pfinfo>b{font-size:.95rem}.pfj{color:#737373;font-size:.86rem}.pfinfo p{margin:4px 0;font-size:.9rem;white-space:pre-line}
.pfm{font-size:.82rem;color:#3c3c43;margin-top:3px}.pfch{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.pfch span{background:#f2f2f2;border-radius:99px;padding:3px 10px;font-size:.78rem}
.pfbt{display:flex;gap:6px;margin:12px 0 8px}.pfbt .btn{flex:1;padding:8px;font-size:.88rem;border-radius:10px}.pfbt .btn.sq{flex:0 0 42px}
.pfsk{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.pfsk button{border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:99px;padding:4px 10px;font-size:.78rem;font-weight:600}.pfsk button b{background:#fff;border-radius:99px;padding:0 5px;margin-left:2px}.pfsk button.on{background:#4f46e5;color:#fff}
.pfbd{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.pfbd span{flex:none;display:flex;flex-direction:column;align-items:center;font-size:1.4rem;min-width:64px}.pfbd small{font-size:.62rem;color:#737373;text-align:center}
.pfhl{padding:6px 0 12px!important}
.pftabs{display:flex;border-top:.5px solid #dbdbdb;margin:0 -14px;position:sticky;top:calc(56px + env(safe-area-inset-top,0px));background:#fff;z-index:4}
.pftabs button{flex:1;border:none;background:none;padding:10px;color:#8e8e8e;border-bottom:1.5px solid transparent;display:grid;place-items:center}.pftabs button.on{color:#0a0a0a;border-bottom-color:#0a0a0a}
.pfgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:2px -14px 0}
.srch .pfgrid,.cmt .pfgrid{margin:2px 0 0}
.pfgrid button{position:relative;aspect-ratio:3/4;border:none;padding:0;background:#efefef;overflow:hidden}
.pfgrid img,.pfgrid video{width:100%;height:100%;object-fit:cover;display:block}
.pftx{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;font-size:.78rem;background:linear-gradient(135deg,#eef2ff,#fdf2f8);color:#3c3c43;text-align:center;box-sizing:border-box}
.pfmi{position:absolute;right:6px;top:6px;color:#fff;font-style:normal;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.pfgrid em{position:absolute;left:6px;bottom:5px;color:#fff;font-style:normal;font-size:.72rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.pfempty{grid-column:1/-1;text-align:center;color:#8e8e8e;padding:40px 10px;font-size:.9rem}
.stnote{position:absolute;left:50%;top:-12px;transform:translateX(-50%);background:#fff;color:#0a0a0a;border-radius:12px;padding:3px 8px;font-size:.62rem;max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:2;font-weight:500}
.stnote.empty{color:#8e8e8e}.igstories{padding-top:14px!important}
/* lent başlığı */
.soseg .sectb{background:transparent!important;border:1px solid rgba(60,60,67,.2)!important}
.soseg button i{font-style:normal;margin-left:4px;opacity:.7}
.sectg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sectg button{border:none;background:#f5f5f7;border-radius:16px;padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:#0a0a0a}
.sectg span{font-size:1.5rem}
.srch{margin-bottom:12px}.srch input{width:100%;border:none;background:rgba(118,118,128,.12);border-radius:12px;padding:11px 14px;font-size:.95rem}
.srhash{width:44px;height:44px;border-radius:50%;border:1px solid #dbdbdb;display:grid;place-items:center;font-size:1.2rem;flex:none}
/* reels */
#igReel{position:fixed;inset:0;z-index:600;background:#000;color:#fff}
.rlh{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 10px;background:linear-gradient(rgba(0,0,0,.4),transparent)}
.rlh b{font-size:1.25rem}.rlh button{border:none;background:none;color:#fff;font-size:1.4rem}
.rlw{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.rlw::-webkit-scrollbar{display:none}
.rlw section{height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center}
.rlw video{width:100%;height:100%;object-fit:cover}
.rlsk{height:100%;display:grid;place-items:center;text-align:center;opacity:.8}
.rlside{position:absolute;right:8px;bottom:calc(110px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px;align-items:center}
.rlside button{border:none;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.78rem;font-weight:600;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.rlside svg{width:30px;height:30px}
.rlcap{position:absolute;left:14px;right:70px;bottom:calc(30px + env(safe-area-inset-bottom,0px));text-shadow:0 1px 4px rgba(0,0,0,.6)}.rlcap p{font-size:.9rem;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rlau{display:flex;align-items:center;gap:8px;cursor:pointer}
.rlmute{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.5);display:grid;place-items:center;font-size:1.6rem;opacity:0;pointer-events:none}
.rlmute.flash{animation:rlf .8s}@keyframes rlf{20%{opacity:1}70%{opacity:1}100%{opacity:0}}
/* post redaktoru */
.fped{margin-top:8px}.fpar{display:flex;gap:6px;margin-bottom:8px}.fpar button{border:1px solid #e5e7eb;background:#fff;border-radius:99px;padding:5px 12px;font-size:.8rem}.fpar button.on{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
.fpfl{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.fpfl button{flex:none;border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0}
.fpfl img{width:62px;height:62px;object-fit:cover;border-radius:10px;border:2px solid transparent}.fpfl button.on img{border-color:#0a84ff}.fpfl small{font-size:.66rem}
/* hekayə redaktoru */
.stpk{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stpk button{border:none;background:#f5f5f7;border-radius:16px;padding:18px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:600;color:#0a0a0a}.stpk span{font-size:1.6rem;font-weight:800}
#stEd{position:fixed;inset:0;z-index:690;background:#000;color:#fff}
.sted{position:absolute;inset:0}
.stcv{position:absolute;left:0;right:0;top:env(safe-area-inset-top,0px);bottom:calc(76px + env(safe-area-inset-bottom,0px));border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#111}
.stcv img,.stcv video{width:100%;height:100%;object-fit:contain;pointer-events:none}
.stly{position:absolute;inset:0}.stl{position:absolute;font-weight:700;font-size:1.5rem;white-space:nowrap;touch-action:none;cursor:move;text-shadow:0 2px 6px rgba(0,0,0,.45);padding:2px 4px;user-select:none}
.stl.bg{text-shadow:none;padding:6px 14px;border-radius:12px}
#stEd.trash .stcv:after{content:'🗑';position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,59,48,.85);display:grid;place-items:center;font-size:1.4rem}
.sttop{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:10px;right:10px;display:flex;gap:8px;z-index:3}.sttop span{flex:1}
.sttop button{width:42px;height:42px;border-radius:50%;border:none;background:rgba(0,0,0,.45);color:#fff;font-size:1.1rem;font-weight:800}
.stbot{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px}
.stbot .s3aud{margin:0}.stbot .s3aud button{background:rgba(255,255,255,.12);color:#fff;border-color:transparent;font-size:.78rem;padding:6px 10px}.stbot .s3aud button.on{background:#fff;color:#000}.stbot .s3aud button[data-a=cf].on{background:#22c55e;color:#fff}
.stgo{border:none;background:#fff;color:#000;border-radius:99px;padding:11px 18px;font-weight:700;white-space:nowrap}
#stPanel{position:absolute;left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:4}
.stpan{background:rgba(20,20,20,.92);margin:8px;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}
.stpan input{width:100%;background:transparent!important;border:none!important;color:#fff!important;font-size:1.3rem;font-weight:700;text-align:center;-webkit-text-fill-color:#fff;outline:none}
.stpan .fppoll input{font-size:.95rem;font-weight:500;background:rgba(255,255,255,.1)!important;border-radius:10px;padding:8px;text-align:left}
.stcol{display:flex;gap:8px;justify-content:center;align-items:center}.stcol button{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.6)}.stcol button.on{outline:2px solid #fff;outline-offset:2px}.stcol label{font-size:.8rem;margin-left:6px}
.stchip{margin:8px;background:#fff;color:#000;border-radius:12px;padding:8px 12px;font-size:.85rem;display:inline-block}
/* DM */
.chs{display:flex;gap:8px;align-items:center;padding:6px 2px}.chs input{flex:1;border:none;background:#f2f2f2;border-radius:10px;padding:9px 12px}.chs span{font-size:.75rem;color:#8e8e8e}.chs button{border:none;background:none;color:#0a84ff;font-weight:600}
/* bildirişlər */
.ntsec{font-weight:700;font-size:.95rem;padding:12px 4px 4px}
.ntav2{position:relative;display:block;width:44px;height:44px}.ntav2>*{position:absolute}.ntav2>*:first-child{right:0;top:0}.ntav2>*:last-child{left:0;bottom:0;border:2px solid #fff;border-radius:50%}
.sonotif .btn.sm{flex:none}
/* şərhlər */
.igcm.pin{background:#fafafa;border-radius:12px}.cmpin{display:block;color:#8e8e8e;font-size:.7rem}
.cmemo{display:flex;justify-content:space-between;padding:8px 2px 0;border-top:.5px solid #efefef;margin-top:6px}.cmemo button{border:none;background:none;font-size:1.4rem;padding:2px}
.cmq{font-size:.82rem;color:#737373;padding:4px 4px 10px;border-bottom:.5px solid #efefef;margin-bottom:4px}
.igvc video{transform:none!important}


.mbox{max-height:min(92vh,92dvh)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
.mbox::before{z-index:2}
#mbox .mhead{touch-action:none}
#mbox{position:relative}#mbox:after{content:'';position:absolute;left:0;right:0;top:0;height:22px;touch-action:none}


#chatMsgs .igline.their>:first-child:not(.igsp){cursor:pointer}


/* ===== IG +10 ===== */
.iglk{cursor:pointer}.igoff{padding:2px 14px;color:#8e8e8e;font-size:.82rem}
.igarc{background:#fef3c7;color:#92400e;font-size:.78rem;padding:6px 12px}
.lkav{position:relative;flex:none;cursor:pointer}.lkav i{position:absolute;right:-4px;bottom:-4px;font-style:normal;font-size:.95rem;background:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.lkt button{font-size:.85rem}
.pfmu{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.8rem;color:#3c3c43}.pfmu b{cursor:pointer}
.mufc{display:flex}.mufc>*{margin-left:-6px;border:1.5px solid #fff;border-radius:50%}.mufc>*:first-child{margin-left:0}
.qrc{display:flex;flex-direction:column;align-items:center}
.qrbox{background:linear-gradient(135deg,#f5f3ff,#fdf2f8);border-radius:24px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 10px 30px -12px rgba(124,58,237,.4)}
.qrbox #qrI{background:#fff;padding:12px;border-radius:16px}.qrbox #qrI img,.qrbox #qrI canvas{display:block}
.qrn{font-weight:800;letter-spacing:.06em;color:#7c3aed}
.sugg{background:#fff;margin:0 -14px 6px;padding:12px 0 14px}@media(min-width:700px){.sugg{margin:0 0 16px;border-radius:14px;border:1px solid #efefef}}
.sugg>.row{padding:0 14px 10px}.sugg>.row b{font-size:.92rem}
.sugl{display:flex;gap:10px;overflow-x:auto;padding:0 14px;scrollbar-width:none;scroll-snap-type:x mandatory}.sugl::-webkit-scrollbar{display:none}
.sugc{flex:0 0 150px;scroll-snap-align:start;border:1px solid #efefef;border-radius:14px;padding:16px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;text-align:center;transition:.2s}
.sugc b{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px;cursor:pointer}.sugc small{font-size:.72rem;color:#8e8e8e;min-height:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.sugc .btn{width:100%;margin-top:6px}.sgx{position:absolute;right:6px;top:4px;border:none;background:none;color:#8e8e8e;font-size:.9rem}
.caught{display:flex;flex-direction:column;align-items:center;gap:2px;padding:26px 10px 18px;text-align:center;position:relative}
.caught span{width:52px;height:52px;border-radius:50%;background:conic-gradient(from 210deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75);color:#fff;display:grid;place-items:center;font-size:1.5rem;margin-bottom:6px;box-shadow:inset 0 0 0 3px #fff,0 0 0 1px #eee}
.caught b{font-size:1rem}.caught small{color:#8e8e8e;font-size:.8rem}.caught i{font-style:normal;color:#8e8e8e;font-size:.75rem;margin-top:14px;padding-top:14px;border-top:1px solid #e5e5e5;width:100%}
.svpst{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);z-index:5;border:none;background:#fff;color:#0a0a0a;font-weight:700;border-radius:14px;padding:12px 20px;box-shadow:0 8px 24px rgba(0,0,0,.35);font-size:.95rem;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svqe{position:absolute;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom,0px));z-index:6;text-align:center;padding:10px}
.svqe small{display:block;color:rgba(255,255,255,.8);font-size:.75rem;margin-bottom:8px}.svqe div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:320px;margin:0 auto}
.svqe button{border:none;background:none;font-size:2.2rem;transition:transform .15s}.svqe button:active{transform:scale(1.3)}
.igvsp{border:none;background:rgba(0,0,0,.12);color:inherit;border-radius:99px;font-size:.7rem;font-weight:700;padding:2px 7px;margin-left:6px;flex:none}
.igm.mine .igvsp{background:rgba(255,255,255,.25)}


@keyframes swl{from{transform:translateX(-35%);opacity:.3}to{transform:none;opacity:1}}@keyframes swr{from{transform:translateX(35%);opacity:.3}to{transform:none;opacity:1}}.swin-l{animation:swl .3s ease}.swin-r{animation:swr .3s ease}
#v-chat,#v-feed{will-change:auto}


/* ===== qaranlıq rejim ===== */
html.dark{filter:invert(1) hue-rotate(180deg);background:#fff}
html.dark :is(img,video,canvas,picture,.qrbox,.s4conf):not(:is(#igSV,#mvw,#igReel,#stEd,#s4quiz,#s4wr,#s4room,#s3vc,#liveV,#momCap) *){filter:invert(1) hue-rotate(180deg)}
html.dark :is(#igSV,#mvw,#igReel,#stEd,#s4quiz,#s4wr,#s4room,#s3vc,#liveV,#momCap){filter:invert(1) hue-rotate(180deg)}
html.dark .chatav,html.dark .igava:not(img){filter:none}
/* ===== +15 ===== */
.igstt{border:none;background:rgba(0,0,0,.1);color:inherit;border-radius:99px;font-size:.7rem;font-weight:800;padding:2px 7px;margin-left:4px;flex:none}.igm.mine .igstt{background:rgba(255,255,255,.25)}
.igsttx{font-size:.84rem;line-height:1.35;padding:4px 2px 2px;max-width:240px;white-space:pre-wrap}.igsttx:empty{display:none}.igsttx i{opacity:.7}
.fpmeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.fpmeta span{background:#eef2ff;color:#3730a3;border-radius:99px;padding:4px 10px;font-size:.78rem}.fpmeta a{margin-left:4px;cursor:pointer}
.fpai{margin-top:8px;background:linear-gradient(135deg,#f5f3ff,#fdf2f8);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;font-size:.85rem}.fpai small{color:#7c3aed;font-weight:700}
.fpai button{text-align:left;border:1px solid #e9d5ff;background:#fff;border-radius:12px;padding:9px 11px;font-size:.88rem;color:#1f2937}
.tgw{position:relative;border-radius:12px;overflow:hidden;background:#000;cursor:crosshair}.tgw img{width:100%;display:block;max-height:55vh;object-fit:contain}
.tgth{display:flex;gap:6px;margin-top:8px;overflow-x:auto}.tgth img{width:52px;height:52px;object-fit:cover;border-radius:8px;cursor:pointer}
.tgl{position:absolute;transform:translate(-50%,8px);background:rgba(0,0,0,.78);color:#fff;font-size:.75rem;font-weight:600;padding:5px 9px;border-radius:8px;white-space:nowrap;z-index:2}
.tgl:before{content:'';position:absolute;left:50%;top:-5px;margin-left:-5px;border:5px solid transparent;border-top:0;border-bottom-color:rgba(0,0,0,.78)}.tgl a{color:#fca5a5;margin-left:4px;cursor:pointer}
.igtags{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s}.igmw.showtags .igtags{opacity:1;pointer-events:auto}.igtags .tgl{cursor:pointer}
.igtagb{position:absolute;left:10px;bottom:10px;width:30px;height:30px;border-radius:50%;border:none;background:rgba(0,0,0,.65);color:#fff;font-size:.8rem;z-index:3}
.igplace{color:#0a0a0a;font-weight:500}.igpost .igcol{background:#eef2ff;padding:10px 12px;font-size:.84rem}.igpost .igcol div{display:flex;gap:6px;margin-top:6px}
.pfpin{position:absolute;right:6px;top:6px;font-style:normal;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.s15{text-align:center;align-items:center}.aytl{font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#7c3aed}
.ayf{display:flex;align-items:center;gap:4px;justify-content:center;font-size:.78rem;color:#6e6e73}.ayf>*:not(span){margin-left:-6px;border:1.5px solid #fff;border-radius:50%}
.aybt{background:linear-gradient(135deg,#7c3aed,#db2777)!important;color:#fff!important;border:none!important}
.cdv{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;color:#0a0a0a}
.slw{position:relative;padding:18px 6px 6px}.slw input{width:100%;accent-color:#ec4899}.slth{position:absolute;top:-6px;transform:translateX(-50%);pointer-events:none;transition:font-size .1s}
.stre{margin-top:4px;border:none;background:#0a0a0a;color:#fff;border-radius:99px;padding:6px 12px;font-size:.78rem;font-weight:600}
.momb{display:flex;align-items:center;gap:10px;border-radius:16px;padding:12px;margin-bottom:12px;cursor:pointer;background:#0a0a0a;color:#fff}.momb>span{font-size:1.4rem}.momb div{flex:1}.momb small{display:block;opacity:.75;font-size:.75rem}
.momb.hot{background:linear-gradient(135deg,#facc15,#f97316);color:#0a0a0a;animation:s4p 1.5s infinite}.momb em{font-style:normal;font-variant-numeric:tabular-nums;background:#0a0a0a;color:#facc15;border-radius:6px;padding:0 6px;margin-left:4px}
.momb.ok{background:linear-gradient(135deg,#1e293b,#334155)}.momfc{display:flex}.momfc>*{margin-left:-6px;border:1.5px solid #1e293b;border-radius:50%}
.momlock{text-align:center;padding:40px 10px}.momlock p{color:#6e6e73;margin:6px 0 14px}
.momc{margin:14px 0}.momh{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer}.momh small{color:#8e8e8e;margin-left:auto}.momh em{color:#ef4444;font-style:normal}.momc p{margin-top:6px;font-size:.9rem}
.momp{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:#111;cursor:pointer}.momp img{position:absolute;object-fit:cover}
.momp .mb{inset:0;width:100%;height:100%}.momp .mf{left:12px;top:12px;width:30%;aspect-ratio:4/5;border-radius:12px;border:2px solid #000;z-index:2}
.momp.sw .mb{left:12px;top:12px;width:30%;height:auto;aspect-ratio:4/5;border-radius:12px;border:2px solid #000;z-index:2;inset:auto;right:auto}.momp.sw .mf{left:0;top:0;width:100%;height:100%;border:none;border-radius:0;z-index:1}
#momCap{position:fixed;inset:0;z-index:690;background:#000;color:#fff;display:flex;flex-direction:column}
.mcv{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:calc(64px + env(safe-area-inset-top,0px)) 12px 0}.mcv video{width:100%;max-height:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}.mcv video.mir{transform:scaleX(-1)}
.mcsmall{position:absolute;left:24px;top:calc(76px + env(safe-area-inset-top,0px));width:28%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;border:2px solid #000}
.mcv .momp.big{width:100%}
.mctop{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px;z-index:3}.mctop button{border:none;background:none;color:#fff;font-size:1.4rem}.mctop b{flex:1;text-align:center}.mctop span{width:28px;font-size:1.6rem;font-weight:800}
.mcbot{padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:10px}.mcbot input{width:100%;background:rgba(255,255,255,.1)!important;border:none!important;color:#fff!important;border-radius:12px;padding:12px;-webkit-text-fill-color:#fff}
.mcshut{width:76px;height:76px;border-radius:50%;border:5px solid #fff;background:transparent}.mcshut:active{background:#fff}
.mchint{position:absolute;bottom:calc(120px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;font-weight:600;text-shadow:0 1px 4px #000}
.favb{white-space:nowrap}
#chStrip{margin-bottom:4px}.chsh{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 2px;font-size:.92rem}
.chav{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#fae8ff);display:grid;place-items:center;font-size:1.6rem;flex:none}
.chbadge{font-size:.6rem;font-weight:800;color:#7c3aed;background:#f5f3ff;border-radius:6px;padding:1px 5px;vertical-align:middle}.chun{background:#0a84ff;color:#fff;border-radius:99px;font-size:.72rem;padding:2px 8px}
.chpg{padding-bottom:90px!important}.pg:has(.chpg){background:#f5f5f7}
.chm{background:#fff;border-radius:18px;margin:12px 0;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06)}.chm img{width:100%;display:block;max-height:60vh;object-fit:cover;cursor:pointer}
.chb{padding:12px 14px 4px;font-size:.95rem;line-height:1.45;white-space:pre-line}.chf{display:flex;justify-content:space-between;padding:4px 14px;font-size:.72rem;color:#8e8e8e}.chf a{color:#ef4444;cursor:pointer}
.chr{display:flex;flex-wrap:wrap;gap:6px;padding:4px 12px 12px;position:relative}.chr button{border:1px solid #e5e7eb;background:#fff;border-radius:99px;padding:3px 9px;font-size:.85rem}.chr button.on{background:#eef2ff;border-color:#a5b4fc}.chadd{color:#8e8e8e}
.chrp{position:absolute;left:12px;bottom:44px;background:#fff;border-radius:99px;box-shadow:0 6px 20px rgba(0,0,0,.18);padding:4px 6px;display:flex;gap:2px;z-index:3}.chrp button{border:none!important;background:none!important;font-size:1.4rem!important;padding:2px 4px!important}
.chin{position:fixed;left:0;right:0;bottom:0;z-index:62;display:flex;gap:6px;align-items:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #efefef}.chin input{flex:1;border:none;background:#f2f2f2;border-radius:99px;padding:10px 14px}
@media(min-width:760px){.chin{left:50%;width:min(720px,100%);transform:translateX(-50%)}}
.chpv{position:fixed;bottom:calc(64px + env(safe-area-inset-bottom,0px));left:12px;z-index:62}.chpv span{position:relative;display:block}.chpv img{width:70px;height:70px;object-fit:cover;border-radius:10px}.chpv a{position:absolute;right:-6px;top:-6px;background:#000;color:#fff;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:.7rem}
.chro{position:fixed;left:0;right:0;bottom:0;z-index:62;text-align:center;font-size:.8rem;color:#8e8e8e;padding:12px 10px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #efefef}
.grx{display:flex;flex-wrap:wrap;gap:4px;margin-top:-6px;position:relative;z-index:2}.igline.mine .grx{justify-content:flex-end}
.grx button{border:1px solid #fff;background:#f0f0f0;border-radius:99px;font-size:.78rem;padding:1px 7px;box-shadow:0 1px 3px rgba(0,0,0,.12)}.grx button.on{background:#ede9fe}
.grseen{display:flex;align-items:center;justify-content:flex-end;gap:2px;font-size:.7rem;color:#8e8e8e;margin:2px 4px 6px}.grseen span{margin-right:4px}.grseen>*:not(span):not(small){border-radius:50%}
.igring.live{background:linear-gradient(135deg,#ff3040,#ff8a00)!important;position:relative}.livetag{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);background:#ff3040;color:#fff;font-size:.55rem;font-weight:800;padding:1px 6px;border-radius:4px;border:2px solid #fff;letter-spacing:.04em}
.lvb span{font-size:1.4rem!important}
#liveV{position:fixed;inset:0;z-index:695;background:#000;color:#fff}#liveV>video{width:100%;height:100%;object-fit:cover}#liveV>video.mir{transform:scaleX(-1)}
.lvtop{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top,0px)) 12px;background:linear-gradient(rgba(0,0,0,.45),transparent)}
.lvbad{background:#ff3040;font-weight:800;font-size:.72rem;padding:3px 8px;border-radius:6px}.lvcnt{background:rgba(0,0,0,.45);font-size:.75rem;padding:3px 8px;border-radius:6px}.lvtop b{flex:1;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lvtop button{border:none;background:none;color:#fff;font-size:1.4rem}
.lvchat{position:absolute;left:12px;right:80px;bottom:calc(76px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;-webkit-mask-image:linear-gradient(transparent,#000 30%)}
.lvm{display:flex;gap:8px;align-items:flex-start;font-size:.85rem;text-shadow:0 1px 3px rgba(0,0,0,.7);animation:s4in .3s}.lvm b{margin-right:4px}
.lvhearts{position:absolute;right:20px;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:60px;height:300px;pointer-events:none}.lvhearts span{position:absolute;bottom:0;font-size:1.6rem;animation:lvh 2.2s ease-out forwards}
@keyframes lvh{0%{transform:translateY(0) scale(.6);opacity:1}100%{transform:translateY(-260px) translateX(20px) scale(1.2);opacity:0}}
.lvbot{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;align-items:center;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px))}
.lvbot input{flex:1;background:transparent!important;border:1px solid rgba(255,255,255,.6)!important;color:#fff!important;border-radius:99px;padding:10px 14px;-webkit-text-fill-color:#fff}
.lvic{width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.18);color:#fff;font-size:1.2rem}.lvend{border:none;background:#ff3040;color:#fff;border-radius:99px;padding:10px 16px;font-weight:700}
.lvwait{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.8}


.igstat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #efefef}
.igsl{border:none;background:none;display:flex;align-items:center;gap:6px;color:#0a0a0a;font-size:.92rem;padding:0}.igsl b{font-weight:700}.igsl span{color:#0a0a0a}
.igsb{border:none;background:#4f5bd5;color:#fff;font-weight:700;font-size:.86rem;border-radius:10px;padding:9px 14px;white-space:nowrap}


#mbox.cmsheet{padding:22px 0 0!important;display:flex;flex-direction:column;overflow:hidden!important;height:min(78vh,78dvh)}
.cm2top{text-align:center;font-weight:700;font-size:1rem;padding:4px 0 12px;border-bottom:.5px solid #efefef}
.cmlist{flex:1;overflow-y:auto;padding:6px 14px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.cm2{display:flex;gap:12px;align-items:flex-start;padding:10px 0;position:relative}.cm2.sub{padding:8px 0}.cm2.pin{background:#fafafa;margin:0 -14px;padding:10px 14px}
.cm2b{flex:1;min-width:0}.cm2h{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.cm2h b{font-size:.86rem;font-weight:600;cursor:pointer}.cm2h small{color:#8e8e8e;font-size:.76rem}
.cm2a{font-size:.68rem;color:#8e8e8e;font-weight:600}.cm2t{font-size:.92rem;line-height:1.38;word-break:break-word;margin-top:1px}
.cm2f{display:flex;gap:16px;margin-top:5px}.cm2f a{color:#8e8e8e;font-size:.78rem;font-weight:600;cursor:pointer}
.cm2l{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px 0 0;color:#8e8e8e;min-width:30px}.cm2l svg{width:16px;height:16px}.cm2l span{font-size:.72rem}
.cm2k{padding-left:50px}.cm2more{border:none;background:none;display:flex;align-items:center;gap:12px;color:#8e8e8e;font-size:.8rem;font-weight:600;padding:4px 0 8px}.cm2more i{width:24px;height:1px;background:#c7c7cc}
.cm2bar{border-top:.5px solid #efefef;padding:6px 12px calc(10px + env(safe-area-inset-bottom,0px));background:inherit}
.cm2bar .cmemo{border:none;margin:0;padding:4px 2px 8px}.cm2bar .cmemo button{font-size:1.55rem}
.cm2in{display:flex;align-items:center;gap:10px}.cm2box{flex:1;display:flex;align-items:center;border:1px solid #dbdbdb;border-radius:99px;padding:0 6px 0 14px;background:#fff}
.cm2box input{flex:1;border:none!important;background:transparent!important;padding:11px 0;font-size:.92rem;outline:none;box-shadow:none!important}.cm2box button{border:none;background:none;color:#0a84ff;font-weight:700;padding:6px 8px}
.cmto{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:#6e6e73;background:#f2f2f2;margin:0 -12px 6px;padding:8px 14px}.cmto:empty{display:none}.cmto a{cursor:pointer}


#upBar{position:fixed;left:0;right:0;top:0;z-index:95;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);padding-top:env(safe-area-inset-top,0px);transform:translateY(-110%);transition:transform .25s ease}
#upBar.on{transform:none}@media(min-width:760px){#upBar{left:50%;width:min(640px,100%);transform:translate(-50%,-110%);border-radius:0 0 14px 14px}#upBar.on{transform:translate(-50%,0)}}
.upi{display:flex;align-items:center;gap:10px;padding:10px 14px}.upi img,.upi>span{width:40px;height:40px;border-radius:6px;object-fit:cover;flex:none;background:#eef2ff;display:grid;place-items:center;font-weight:800;color:#4f46e5}
.upi b{flex:1;font-size:.9rem;font-weight:600}.upi em{font-style:normal;color:#8e8e8e;font-size:.8rem}.upi em button{border:none;background:#0a84ff;color:#fff;border-radius:8px;padding:5px 10px;font-weight:600}
.upl{display:block;height:3px;background:#efefef}.upl s{display:block;height:100%;width:0;background:linear-gradient(90deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);transition:width .3s ease;text-decoration:none}
#upBar.ok .upl s{background:#22c55e}#upBar.bad .upl s{background:#ef4444;width:100%!important}#upBar.bad b{color:#b91c1c}
.s3over .igmenu{justify-content:flex-start;gap:10px}
.pfhl button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}


.pkr{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px 0 4px}.pkr button{border:none;background:#f5f5f7;border-radius:16px;padding:20px 6px;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:#0a0a0a}.pkr span{font-size:1.8rem}


#mbox.cpsheet{padding-bottom:0!important}
.cpmed{margin:4px 0 10px}.cpadd{width:100%;border:1.5px dashed #c7c7cc;background:#fafafa;border-radius:16px;padding:22px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#0a0a0a}
.cpadd span{font-size:1.8rem;line-height:1;color:#0a84ff}.cpadd b{font-size:.95rem}.cpadd small{color:#8e8e8e;font-size:.76rem}
.cpadd.small{width:auto;flex-direction:row;padding:8px 14px;border-radius:99px;gap:8px;margin-bottom:8px}.cpadd.small span{font-size:1.1rem}.cpadd.small small{display:none}.cpadd.small b:after{content:''}
.cpcap{display:flex;gap:10px;align-items:flex-start;padding:6px 0 4px;border-top:.5px solid #efefef}
.cpcap textarea{flex:1;border:none!important;background:transparent!important;resize:none;font-size:1rem;line-height:1.4;padding:6px 0!important;outline:none;box-shadow:none!important;min-height:64px}
.cpmini{display:flex;gap:6px;flex-wrap:wrap;padding:4px 0 10px}.cpmini button{border:1px solid #e5e7eb;background:#fff;border-radius:99px;padding:6px 11px;font-size:.8rem;font-weight:600;color:#0a0a0a}
.cplist{border-top:.5px solid #efefef}
.cprow{width:100%;display:flex;align-items:center;gap:12px;border:none;background:none;padding:13px 2px;border-bottom:.5px solid #efefef;color:#0a0a0a;text-align:left}
.cpic{width:24px;text-align:center;font-size:1.25rem;color:#0a0a0a}.cpt{flex:1;font-size:.95rem}.cpv{color:#0a84ff;font-size:.85rem;font-weight:600;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cprow i{font-style:normal;color:#c7c7cc;font-size:1.3rem}
.cprow.set .cpt{font-weight:600}
#fpPoll .fppoll,#fpWhen>*{margin:6px 0 10px}#fpChal .fpchal{padding:10px 2px;border-bottom:.5px solid #efefef;margin:0}
.cpfoot{position:sticky;bottom:0;display:flex;gap:8px;padding:12px 0 calc(14px + env(safe-area-inset-bottom,0px));background:inherit;margin-top:6px}.cpfoot .btn{flex:1;padding:13px}.cpfoot #fpGo{flex:2}


#mbox.pmsheet{padding:22px 14px calc(14px + env(safe-area-inset-bottom,0px))!important}
.pmtop{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.pmq{border:none;background:#fff;border-radius:16px;padding:14px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#0a0a0a;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.pmq span{width:46px;height:46px;border-radius:50%;border:1.5px solid #0a0a0a;display:grid;place-items:center}.pmq span .ui-ic{width:22px;height:22px}.pmq.on span{background:#0a0a0a;color:#fff}
.pmg{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.pmr{width:100%;display:flex;align-items:center;gap:14px;border:none;background:none;padding:14px 16px;font-size:.95rem;color:#0a0a0a;text-align:left;border-bottom:.5px solid #efefef}.pmr:last-child{border-bottom:none}
.pmr .ui-ic{width:22px;height:22px;flex:none}.pmr.red{color:#ed4956}.pmr:active{background:#f5f5f5}
.igmenu{justify-content:flex-start!important;gap:12px}.igmenu small{margin-left:auto}


.vbadge{width:.95em;height:.95em;vertical-align:-.12em;margin-left:4px;flex:none;display:inline-block}
.pgh>b .vbadge{width:.85em;height:.85em}
.cpin{margin-left:6px;font-size:.8rem}.cxi{margin-bottom:8px}
#msBar{text-align:center;font-size:.76rem;background:#eef2ff;color:#3730a3;border-radius:10px;padding:6px;margin:4px 0;cursor:pointer}
#gcBan{text-align:center;font-size:.82rem;background:#dcfce7;color:#14532d;border-radius:10px;padding:8px;margin:4px 0;cursor:pointer;animation:s4p 1.5s infinite}
#gcV{position:fixed;inset:0;z-index:696;background:#0b0b0f;color:#fff;display:flex;flex-direction:column}
.gctop{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 8px}.gctop span{opacity:.7;font-size:.85rem}
.gcgrid{flex:1;display:grid;gap:6px;padding:6px}.gcgrid.n1,.gcgrid.n2{grid-template-columns:1fr}.gcgrid.n3,.gcgrid.n4{grid-template-columns:1fr 1fr}.gcgrid.n3 .gct:first-child{grid-column:1/-1}
.gct{position:relative;border-radius:16px;overflow:hidden;background:#1f2937;min-height:0}.gct video{width:100%;height:100%;object-fit:cover}.gct video.mir{transform:scaleX(-1)}.gct span{position:absolute;left:10px;bottom:8px;font-size:.8rem;font-weight:600;text-shadow:0 1px 3px #000}
.gcbot{display:flex;justify-content:center;gap:18px;padding:14px 0 calc(18px + env(safe-area-inset-bottom,0px))}.gcbot button{width:60px;height:60px;border-radius:50%;border:none;background:rgba(255,255,255,.15);color:#fff;font-size:1.3rem}.gcbot button.off{background:#fff;color:#000}.gcbot .end{background:#ef4444}
.acth{text-align:center;padding:18px 0 8px}.acth b{display:block;font-size:2.2rem}.acth small{color:#8e8e8e}
.actb{display:flex;align-items:flex-end;gap:8px;height:160px;padding:10px 4px 0;margin-bottom:12px}.actb div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.actb i{width:100%;max-width:34px;background:linear-gradient(#a78bfa,#6366f1);border-radius:8px 8px 3px 3px}.actb small{font-size:.68rem;color:#8e8e8e}.actb em{font-style:normal;font-size:.66rem;color:#3c3c43}
.stkg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:60vh;overflow-y:auto}.stkg button{border:none;background:#f5f5f7;border-radius:18px;padding:8px}.stkg img{width:100%;display:block}
.stkimg{width:140px;height:140px;display:block}.cstk{width:84px;height:84px;display:block;margin-top:4px}
.igm.automsg{opacity:.8;font-style:italic}
.stkc{border:none;background:none;font-size:1.2rem;padding:4px 6px;color:#8e8e8e}
.clsw{width:42px;height:42px;border-radius:50%;border:none;background:rgba(0,0,0,.45);color:#fff;font-size:1.1rem}
.qzo{display:flex;flex-direction:column;gap:6px}.qzo label{display:flex;align-items:center;gap:8px}.qzo input[type=radio]{width:20px;height:20px;accent-color:#22c55e}.qzi{flex:1;font-size:.95rem!important;font-weight:500!important;background:rgba(255,255,255,.1)!important;border-radius:10px!important;padding:8px!important;text-align:left!important}
.svstk.qz{gap:6px}.qzbt{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;text-align:left!important;background:#f2f2f7!important;border:1px solid #e5e7eb!important;padding:10px!important;color:#0a0a0a!important}
.qzbt i{position:absolute;inset:0 auto 0 0;background:rgba(10,132,255,.15)}.qzbt span{position:relative;width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:800;font-size:.75rem;flex:none}.qzbt em{position:relative;margin-left:auto;font-style:normal;font-weight:700}
.qzbt.ok{background:#dcfce7!important;border-color:#22c55e!important}.qzbt.ok i{background:rgba(34,197,94,.25)}.qzbt.bad{background:#fee2e2!important;border-color:#ef4444!important}.qzbt.bad i{background:rgba(239,68,68,.2)}
#vrec{position:fixed;inset:0;z-index:690;background:#000;color:#fff}#vrec>video{width:100%;height:100%;object-fit:cover}#vrec>video.mir{transform:scaleX(-1)}
.vrtop{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) 14px}.vrtop button{width:42px;height:42px;border-radius:50%;border:none;background:rgba(0,0,0,.4);color:#fff;font-size:1.2rem}.vrtop span{font-weight:700;font-variant-numeric:tabular-nums}
.vrmode{position:absolute;left:0;right:0;bottom:calc(140px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;gap:8px}.vrmode button{border:none;background:rgba(0,0,0,.4);color:#fff;border-radius:99px;padding:6px 14px;font-weight:700;font-size:.82rem}.vrmode button.on{background:#fff;color:#000}
.vrbot{position:absolute;left:0;right:0;bottom:calc(30px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:8px}.vrbot small{opacity:.8;text-shadow:0 1px 3px #000}
.vrsh{width:84px;height:84px;border-radius:50%;border:none;background:rgba(255,255,255,.25);position:relative;padding:0;touch-action:none}.vrsh:after{content:'';position:absolute;inset:12px;border-radius:50%;background:#fff;transition:.2s}
#vrec.rec .vrsh:after{background:#ff3040;inset:22px;border-radius:12px}.vrsh svg{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);transform:rotate(-90deg)}.vrsh circle{fill:none;stroke:#ff3040;stroke-width:5;stroke-dasharray:289;stroke-dashoffset:289}
.igtr,.trl{display:block;padding:2px 14px;font-size:.8rem;color:#737373;font-weight:600;cursor:pointer}.cm2f .trl{display:inline;padding:0}
.trout{margin:4px 14px 2px;padding:8px 10px;background:#f5f3ff;border-radius:10px;font-size:.9rem;line-height:1.4;white-space:pre-line}.cm2 .trout{margin:4px 0 2px}.trout small{display:block;color:#8e8e8e;font-size:.68rem;margin-top:3px}
.colg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.colg button{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0}
.colg img,.colg span{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;background:#f2f2f7;display:grid;place-items:center;font-size:1.6rem}.colg small{font-size:.78rem;font-weight:600;color:#0a0a0a}
.pfct{display:flex;gap:6px;margin:-2px 0 10px}.pfct a{flex:1;text-align:center;background:#f2f2f2;border-radius:10px;padding:8px 4px;font-size:.82rem;font-weight:600;color:#0a0a0a;text-decoration:none}
.pfq{font-size:.8rem;color:#6d28d9;background:#f5f3ff;border-radius:10px;padding:6px 10px;margin:-2px 0 8px}


.pfbd{display:none!important}
.bdlv{display:flex;align-items:center;gap:12px;background:#f5f5f7;border-radius:16px;padding:12px;margin-bottom:12px}.bdlv>b{width:48px;height:48px;border-radius:50%;border:3px solid var(--lc);display:grid;place-items:center;font-size:1.2rem;flex:none}
.bdlv div{flex:1}.bdlv strong{display:block}.bdlv small{color:#6e6e73;font-size:.75rem}
.bdg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bdc{background:#fff;border:1px solid #efefef;border-radius:16px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.bdc span{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);display:grid;place-items:center;font-size:1.5rem;color:#92400e}.bdc span .ui-ic{width:26px;height:26px}.bdc b{font-size:.86rem}.bdc small{font-size:.72rem;color:#8e8e8e}


#v-feed #soX3,#v-feed #s4W,#v-feed #soMoment{display:none}.tdc.mo{background:linear-gradient(135deg,#f59e0b,#db2777);background-size:cover;background-position:center}#tdBox #soX3{display:block}
#v-feed .igfeed>#soBody>.igcompose{display:none}
#v-feed #soBody>#igBoards{display:none}
.tds{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 0 14px;margin:0 -14px;padding-left:14px;padding-right:14px}.tds::-webkit-scrollbar{display:none}
.tdc{flex:0 0 136px;border:none;border-radius:18px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;color:#fff;min-height:96px;box-shadow:0 6px 16px -10px rgba(0,0,0,.4)}
.tdc span{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.22);display:grid;place-items:center;margin-bottom:4px}.tdc span .ui-ic{width:18px;height:18px}
.tdc b{font-size:.86rem;line-height:1.15}.tdc small{font-size:.7rem;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tdc.mom{background:linear-gradient(135deg,#1e293b,#475569)}.tdc.mom.hot{background:linear-gradient(135deg,#f59e0b,#ef4444);animation:s4p 1.4s infinite}
.tdc.wr{background:linear-gradient(135deg,#4f46e5,#db2777)}.tdc.qt{background:linear-gradient(135deg,#7c3aed,#a855f7)}.tdc.an{background:linear-gradient(135deg,#0284c7,#2563eb)}
.tdc.ob{background:linear-gradient(135deg,#059669,#10b981)}.tdc.me{background:linear-gradient(135deg,#ca8a04,#0891b2)}
#tdBox .s3ann,#tdBox .s3onb,#tdBox .s3qotd{margin-bottom:10px}


/* pəncərələr bütün tam ekran qatların üstündə (Reels, hekayə redaktoru…) */
.modal{z-index:720!important}.s3over{z-index:730!important}#mvw{z-index:800}#upBar{z-index:740}
.cmsk div{display:flex;gap:12px;padding:12px 0}.cmsk i{width:38px;height:38px;border-radius:50%;background:#eee;flex:none;animation:skp 1.2s infinite}.cmsk span{flex:1;display:flex;flex-direction:column;gap:8px}.cmsk b{height:10px;border-radius:6px;background:#eee;width:40%;animation:skp 1.2s infinite}.cmsk b+b{width:80%}


.rltoast{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;padding:10px 16px;border-radius:14px;font-weight:600;font-size:.9rem;z-index:5;animation:s4in .2s;pointer-events:none}
.rlside button.on svg{transform:scale(1.1)}


.somoment{padding-top:30px!important;align-items:center}.somoment .smtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.somoment .smtx b{font-size:.95rem}.somoment .smtx p{font-size:.84rem;color:#475569;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.somoment .smtx small{font-size:.76rem;color:#8e8e8e}
.somoment .smth{position:relative;width:64px;height:64px;border-radius:12px;overflow:hidden;flex:none;background:#eee}.somoment .smth img,.somoment .smth video{width:100%;height:100%;object-fit:cover;display:block}.somoment .smth i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.somoment>img{display:none}


/* ---- performans: bahalı effektlər söndürülür ---- */
.tabs,body.owner .tabs,.toast,#toast,#igCtx .cxbg,.ast-body,body.owner .card,body.owner .kpi{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.tabs{background:rgba(245,246,252,.96)!important}.toast,#toast{background:rgba(28,28,30,.92)!important}#igCtx .cxbg{background:rgba(0,0,0,.4)!important}
.momb.hot,.tdc.hot,.s4live,#gcBan{animation:none!important}
.igpost.ig2{content-visibility:auto;contain-intrinsic-size:auto 640px}.sugg,#tdStrip{contain:layout paint}
video{background:#111}.igmw video,.socar video{background:#111}

.igm.pcm{display:block!important;max-width:240px}.cpc{display:flex!important;flex-direction:column}.cpch{flex-direction:row!important}.cpch b{writing-mode:horizontal-tb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.chmore{display:block;margin:6px auto 10px;border:none;background:rgba(118,118,128,.12);border-radius:99px;padding:7px 14px;font-size:.78rem;font-weight:600;color:#3c3c43}

.extags{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -14px 10px;padding:0 14px}.extags::-webkit-scrollbar{display:none}.extags span{flex:none;border:1px solid #dbdbdb;border-radius:10px;padding:6px 12px;font-size:.84rem;font-weight:600;background:#fff}
.exg{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:calc((100vw - 4px)/3);grid-auto-flow:dense;gap:2px;margin:0 -14px}@media(min-width:700px){.exg{grid-auto-rows:150px;margin:0}}
.exg>i{background:#eee;animation:skp 1.2s infinite}.exg button{position:relative;border:none;padding:0;background:#efefef;overflow:hidden}.exg button.tall{grid-row:span 2}
.exg img,.exg video{width:100%;height:100%;object-fit:cover;display:block}.exi{position:absolute;right:6px;top:6px;color:#fff;font-style:normal;text-shadow:0 1px 3px rgba(0,0,0,.6)}

.afx{display:flex;align-items:center;gap:10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:10px 12px;margin:0 0 10px}.afx .afi{font-size:20px}.afx b{display:block;font-size:.9rem}.afx small{color:#6e6e73;font-size:.76rem}.afx .f1,.afr .f1{flex:1;min-width:0}
.afm .afr{display:flex;align-items:center;gap:6px;padding:8px 0;border-top:1px solid rgba(0,0,0,.06)}.afm .afr b{font-size:.9rem}.afm .afr small{display:block;color:#6e6e73;font-size:.76rem}

.afwait{background:rgba(255,255,255,.14);color:#fff;border-radius:99px;padding:12px 18px;font-weight:600;font-size:.95rem}

/* =====================================================================
   LUX RESIDENCE işçiləri — terakota palitrası (body.lux)
   İşçinin iş yeri LUX-dursa (office_employees.location_id) avtomatik qoşulur.
   ===================================================================== */
body.lux{--acc:#ba4d2c;--acc2:#9a3c20;--soft:rgba(186,77,44,.1);--ink:#241109;--mut:#8a7566}
body.lux.tod-dawn{--amb:linear-gradient(170deg,#fbe1cf 0%,#f6e8de 40%,#f2ebe4 75%,#f7f2ec 100%);--sun:rgba(255,190,140,.55)}
body.lux.tod-day{--amb:linear-gradient(172deg,#f3dccb 0%,#f6e9de 32%,#f7f0e8 65%,#f7f2ec 100%);--sun:rgba(255,236,214,.75)}
body.lux.tod-dusk{--amb:linear-gradient(170deg,#f2c6ad 0%,#efd3c4 38%,#ead9cf 70%,#f3ebe4 100%);--sun:rgba(232,140,100,.5)}
body.lux.tod-night{--amb:linear-gradient(178deg,#d9c3b6 0%,#e3d3c9 30%,#ece2da 60%,#f3ece6 100%);--sun:rgba(190,120,90,.3)}
html:has(body.lux){background:#f7f2ec}
body.lux .checkcard{background:linear-gradient(150deg,#2a1610 0%,#7a2e17 55%,#ba4d2c 100%)!important}
body.lux .top .brand{font-family:var(--serif);font-weight:800;letter-spacing:-.01em;color:#2a1d14}
body.lux .top .brand small{font-family:var(--sans);color:var(--acc)}
body.lux .chatav,body.lux .msg.mine,body.lux .chatsend{background:linear-gradient(135deg,#ba4d2c,#9a3c20)}
body.lux .pushcta{background:linear-gradient(135deg,#5a2414,#ba4d2c)}
body.lux .iosSheet.on .ios-arrow{color:#ba4d2c}
body.lux .kbs button.on,body.lux .okinds label:has(input:checked){background:#f6e9e2;box-shadow:0 0 0 3px rgba(186,77,44,.14)}
body.lux .tdc.an{background:linear-gradient(135deg,#9a3c20,#ba4d2c)}