:root{
  --bg:#f4f6fb;--surface:#fff;--text:#182134;--muted:#758096;--line:#e6eaf1;
  --primary:#4f5bd5;--primary2:#6975ea;--soft:#eef0ff;--shadow:0 12px 32px rgba(35,45,80,.08);
  --radius:18px;
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);gap:24px;padding:24px;box-sizing:border-box;background:#eef1f7}.brand-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#2f3b94,#5766db 58%,#7885ef);padding:48px clamp(34px,4.5vw,72px);color:white;display:flex;flex-direction:column;justify-content:space-between;border-radius:34px;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 44px rgba(40,53,124,.18)}.brand-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0));pointer-events:none}.brand-panel:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-250px;bottom:-270px;box-shadow:0 0 0 90px rgba(255,255,255,.035),0 0 0 180px rgba(255,255,255,.025)}.brand-mark{width:58px;height:58px;border-radius:17px;background:#fff;color:#4452c1;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;box-shadow:0 8px 24px rgba(0,0,0,.12);position:relative;z-index:2}.brand-panel h1{font-size:clamp(42px,4.8vw,76px);line-height:1.01;max-width:760px;margin:18px 0 24px;letter-spacing:-2.8px;position:relative;z-index:2}.brand-panel p{font-size:19px;line-height:1.65;max-width:660px;color:rgba(255,255,255,.82);position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.2px;opacity:.78}.feature-strip{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:2}.feature-strip span{padding:10px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;font-size:13px}.login-panel{display:block;padding:0;background:transparent}.login-card{width:100%;max-width:none;height:100%;padding:42px;border:1px solid var(--line);border-radius:32px;background:white;box-shadow:0 16px 40px rgba(31,44,87,.10);display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:32px;margin:4px 0}.login-card>*{flex-shrink:0}.login-card .hint{margin-top:22px}.login-card .mobile-logo{margin-bottom:20px}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.5;text-align:center}.login-card label{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}.login-card input{width:100%;height:48px;border:1px solid #dfe4ed;border-radius:12px;padding:0 14px;outline:none}.login-card input:focus{border-color:#8994ee;box-shadow:0 0 0 4px #eef0ff}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f1f3f8;padding:4px;border-radius:12px;margin:26px 0 12px}.seg{border:0;background:transparent;padding:10px;border-radius:9px;color:var(--muted);font-weight:700}.seg.active{background:white;color:var(--text);box-shadow:0 2px 10px rgba(35,45,80,.08)}.primary,.secondary,.filter-btn,.icon-btn,.square{border-radius:11px;border:1px solid transparent;padding:10px 14px;font-weight:750}.primary{background:var(--primary);color:#fff;box-shadow:0 6px 14px rgba(79,91,213,.18)}.primary:hover{background:#4652c9}.primary.large{width:100%;height:50px;margin-top:24px}.secondary,.filter-btn,.icon-btn,.square{background:#fff;border-color:var(--line);color:#4f596c}.mobile-logo{display:none}
.app-shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#11192a;color:#d7deea;padding:24px 17px 18px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:14px;box-shadow:none}.sidebar-brand div:last-child{display:flex;flex-direction:column;gap:2px}.sidebar-brand strong{color:#fff;font-size:15px}.sidebar-brand span{font-size:11px;color:#748099}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#99a6ba;text-align:left;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:11px 12px;border-radius:11px;font-weight:700}.nav-item:hover{background:#182236;color:#dfe7f4}.nav-item.active{background:#202c49;color:#fff}.ico{width:22px;text-align:center;color:#8390a7}.pill{font-size:10px;padding:3px 7px;border-radius:999px;background:#39466c;color:#dfe6ff}.nav-caption{font-size:10px;letter-spacing:1.4px;color:#58667e;font-weight:800;margin:28px 12px 10px}.main-nav.compact .nav-item{padding-top:9px;padding-bottom:9px}.sidebar-spacer{flex:1}.storage-card{background:#172238;border:1px solid #23304b;padding:13px;border-radius:13px;margin-bottom:10px}.storage-head{display:flex;justify-content:space-between;font-size:11px}.storage-card small{color:#728099}.progress{height:5px;background:#26324b;border-radius:999px;margin:9px 0}.progress i{display:block;width:18%;height:100%;background:#7c89f5;border-radius:999px}.profile-card{border:0;background:transparent;color:#cbd4e1;display:grid;grid-template-columns:36px 1fr auto;text-align:left;gap:10px;align-items:center;padding:10px;border-radius:12px}.profile-card:hover{background:#172238}.avatar{width:36px;height:36px;border-radius:11px;background:#6573e3;color:white;display:grid;place-items:center;font-weight:800}.profile-card div:nth-child(2){display:flex;flex-direction:column}.profile-card strong{font-size:12px}.profile-card span{font-size:10px;color:#748099}
.workspace{min-width:0;padding:0 30px 42px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between}.topbar h2{margin:0 0 4px;font-size:25px;letter-spacing:-.5px}.topbar p{margin:0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:8px}.icon-btn{width:40px;height:40px;padding:0}.content-grid{display:grid;grid-template-columns:245px 1fr;gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 18px rgba(35,45,80,.035)}.category-panel{min-height:720px;padding:17px;display:flex;flex-direction:column}.panel-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.panel-title>div{display:flex;flex-direction:column}.panel-title strong{font-size:14px}.panel-title span{font-size:11px;color:var(--muted);margin-top:2px}.square{width:34px;height:34px;padding:0;font-size:18px}.tree{margin-top:12px;display:flex;flex-direction:column;gap:3px}.tree-row{border:0;background:transparent;padding:10px 9px;border-radius:9px;display:flex;justify-content:space-between;color:#536077;font-size:12px}.tree-row:hover,.tree-row.active-soft{background:#f4f6ff;color:#4552c2}.tree-row.active{font-weight:800;color:#25304a}.tree-row.child{padding-left:23px}.tree-row b{font-size:10px;color:#8c96a9}.category-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;color:#9aa3b4;font-size:10px;line-height:1.5}.pool-area{min-width:0}.toolbar{min-height:64px;padding:10px;display:flex;gap:8px;align-items:center}.search-wrap{height:42px;min-width:220px;flex:1;max-width:360px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;padding:0 12px;gap:8px}.search-wrap input{border:0;outline:none;min-width:0;width:100%;color:var(--text)}.search-wrap span{color:#8a94a8}.filter-btn,.secondary{height:42px;font-size:12px;white-space:nowrap}.toolbar-spacer{flex:1}.section-meta{height:61px;display:flex;align-items:end;justify-content:space-between;padding:0 2px 12px}.section-meta>div:first-child{display:flex;align-items:baseline;gap:8px}.section-meta strong{font-size:15px}.section-meta span{color:var(--muted);font-size:11px}.view-toggle{border:1px solid var(--line);padding:3px;background:#fff;border-radius:9px}.view-toggle button{border:0;background:transparent;width:31px;height:28px;border-radius:6px;color:#8a94a8}.view-toggle button.active{background:#eef0ff;color:#4b58ce}.question-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px}.question-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-height:260px;box-shadow:0 3px 13px rgba(35,45,80,.035);transition:.18s ease}.question-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(35,45,80,.08);border-color:#d9deec}.question-card.selected{outline:2px solid #6573e3;outline-offset:-2px}.q-toolbar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:6px 9px;border-bottom:1px solid #f0f2f6}.q-toolbar button{border:0;background:transparent;color:#8c96a8}.badge{font-size:8px;font-weight:850;letter-spacing:.5px;border-radius:5px;padding:4px 6px}.badge.warn{background:#fff2dc;color:#9a6413}.badge.note{background:#e9f5ff;color:#3f77a4}.badge.important{background:#ffe8e9;color:#b3444c}.question-paper{min-height:168px;margin:10px;background:#fff;border:1px solid #edf0f4;padding:13px 12px 10px;position:relative;color:#111;font-family:Georgia,"Times New Roman",serif}.question-paper p{font-size:11px;line-height:1.55;margin:0 0 10px 17px}.qnum{position:absolute;left:8px;top:14px;font-size:10px;font-weight:bold}.choices{font-size:8px;white-space:nowrap;border-top:1px solid #e9e9e9;padding-top:7px;margin-top:14px}.formula{text-align:center;margin:14px 0;font-style:italic;font-size:12px}.mini-diagram{display:flex;justify-content:center;gap:6px;margin:13px 0}.mini-diagram span{border:1px solid #bbb;padding:5px 7px;border-radius:3px;font-size:9px}.q-footer{height:43px;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 10px;gap:7px}.q-footer span{font-size:9px}.difficulty{border-radius:999px;padding:4px 7px;font-weight:750}.easy{background:#e9f8ef;color:#47855f}.medium{background:#fff4dc;color:#9a6b1d}.hard{background:#ffe9ea;color:#b4474d}.answer{margin-left:auto;color:#727c8f}.source{color:#9aa3b2}.add-card{border-style:dashed;background:#fafbfe;display:grid;place-items:center}.add-card button{border:0;background:transparent;color:#7c879b;padding:24px;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center}.add-card button span{width:42px;height:42px;border:1px solid #dce1eb;border-radius:13px;background:#fff;display:grid;place-items:center;font-size:22px;color:#6573e3}.add-card strong{font-size:12px;color:#526078}.add-card small{font-size:10px;line-height:1.5;max-width:180px}.saved-section{max-width:1200px}.saved-hero{padding:28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eyebrow.dark{color:#667085}.saved-hero h3{font-size:28px;margin:8px 0 5px}.saved-hero p{color:var(--muted);margin:0}.saved-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.saved-card{padding:18px;min-height:160px}.saved-card h4{margin:14px 0 7px;font-size:15px}.saved-card p,.saved-card small{color:var(--muted);font-size:11px}.type{font-size:9px;font-weight:850;letter-spacing:.7px;padding:5px 7px;border-radius:6px}.type.test{background:#eef0ff;color:#4e5bc8}.type.exam{background:#e8f6f1;color:#3b806a}.type.written{background:#fff3df;color:#95651c}.type.noteType{background:#ffecee;color:#a14d57}.toast{position:fixed;left:50%;right:auto;bottom:24px;max-width:min(680px,calc(100vw - 32px));width:max-content;background:#182134;color:#fff;padding:12px 16px;border-radius:11px;font-size:12px;line-height:1.45;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.18);opacity:0;transform:translate(-50%,8px);pointer-events:none;transition:.2s;z-index:9999}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1300px){.question-grid{grid-template-columns:repeat(3,minmax(190px,1fr))}.toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.search-wrap{max-width:none}.saved-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.app-shell{grid-template-columns:76px 1fr}.sidebar{padding:20px 10px}.sidebar-brand>div:last-child,.nav-item span:nth-child(2),.pill,.nav-caption,.storage-card,.profile-card>div:nth-child(2),.profile-card>span:last-child{display:none}.sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.nav-item{grid-template-columns:1fr;place-items:center;padding:11px}.category-panel{display:none}.content-grid{grid-template-columns:1fr}.question-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}}

@media(max-width:1180px){.login-shell{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:18px;padding:18px}.brand-panel{padding:40px clamp(28px,3.6vw,48px);border-radius:28px}.login-card{border-radius:28px;padding:36px}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.brand-panel{display:none}.login-panel{padding:20px}.login-card{box-shadow:none;border:0;padding:20px}.mobile-logo{display:flex;gap:9px;align-items:center;font-weight:800;margin-bottom:40px}.mobile-logo span{background:#4f5bd5;color:white;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:0 14px 30px}.topbar{height:86px}.topbar p{display:none}.toolbar{padding:8px}.secondary,.filter-btn{display:none}.question-grid{grid-template-columns:1fr}.saved-grid{grid-template-columns:1fr}.saved-hero{align-items:flex-start;gap:18px;flex-direction:column}}


/* ===== Web v0.2: üst ana menü + solda yalnız kategori ===== */
.app-shell{min-height:100vh;display:block;background:var(--bg)}
.app-topnav{position:sticky;top:0;z-index:40;height:72px;background:#11192a;color:#d7deea;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:0 26px;border-bottom:1px solid #22304a;box-shadow:0 6px 24px rgba(17,25,42,.10)}
.topnav-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.topnav-brand .brand-mark.small{width:38px;height:38px;border-radius:11px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{color:#fff;font-size:14px}.brand-copy span{color:#748099;font-size:10px;margin-top:4px}
.top-nav{min-width:0;display:flex;align-items:center;justify-content:center;gap:3px;height:100%;overflow-x:auto;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.top-nav-item{height:42px;border:0;background:transparent;color:#9aa7ba;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750;white-space:nowrap;transition:.16s ease}.top-nav-item:hover{background:#182236;color:#e4eaf4}.top-nav-item.active{background:#202c49;color:#fff}.top-nav-item .ico{width:auto;color:inherit;opacity:.8}.top-nav-item .pill{background:#39466c;margin-left:1px}
.topnav-tools{display:flex;align-items:center;gap:7px;white-space:nowrap}.app-topnav .icon-btn{background:#172238;border-color:#273650;color:#b9c4d4}.app-topnav .icon-btn:hover{background:#202c49}.storage-mini{width:92px;display:flex;flex-direction:column;gap:4px;margin-right:3px}.storage-mini span{font-size:9px;color:#77859a;text-align:right}.storage-mini i{display:block;height:4px;background:#26324b;border-radius:999px;overflow:hidden}.storage-mini b{display:block;width:18%;height:100%;background:#7c89f5;border-radius:999px}.profile-mini{border:0;background:transparent;color:#cbd4e1;display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:11px}.profile-mini:hover{background:#172238}.profile-mini .avatar{width:34px;height:34px;border-radius:10px}.profile-copy{display:flex;flex-direction:column;text-align:left}.profile-copy strong{font-size:11px;color:#e8edf5}.profile-copy small{font-size:9px;color:#748099;margin-top:2px}
.workspace{min-width:0;padding:0 30px 42px;max-width:1780px;margin:0 auto}.page-header{height:92px;display:flex;align-items:center;justify-content:space-between}.page-header h2{margin:0 0 4px;font-size:25px;letter-spacing:-.5px}.page-header p{margin:0;color:var(--muted);font-size:13px}
.content-grid{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start}.category-panel{display:flex;position:sticky;top:90px;min-height:calc(100vh - 112px);max-height:calc(100vh - 92px);overflow:auto}.category-panel::-webkit-scrollbar{width:7px}.category-panel::-webkit-scrollbar-thumb{background:#d7dce7;border-radius:999px}
.saved-section{max-width:none}
@media(max-width:1400px){.app-topnav{gap:12px;padding:0 18px}.top-nav-item{padding:0 9px}.storage-mini{display:none}.profile-copy{display:none}}
@media(max-width:1120px){.topnav-brand .brand-copy{display:none}.top-nav{justify-content:flex-start}.top-nav-item span:not(.ico):not(.pill){display:none}.top-nav-item{width:42px;justify-content:center;padding:0}.top-nav-item .pill{display:none}.profile-mini>span:last-child{display:none}.workspace{padding-left:20px;padding-right:20px}.content-grid{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:860px){.app-topnav{grid-template-columns:auto 1fr auto;height:66px}.topnav-tools .icon-btn:first-of-type{display:none}.content-grid{grid-template-columns:1fr}.category-panel{position:relative;top:auto;min-height:auto;max-height:none}.question-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}}
@media(max-width:640px){.app-topnav{padding:0 10px;gap:7px}.topnav-tools .icon-btn{display:none}.profile-mini{padding:3px}.workspace{padding:0 12px 28px}.page-header{height:78px}.page-header p{display:none}.question-grid{grid-template-columns:1fr}.top-nav-item{width:38px;height:38px}}

/* ===== Web v0.2.2: başlık alanını kaldır + araç çubuğunu sadeleştir ===== */
.page-header{display:none}
.workspace{padding-top:18px}
.toolbar-simple{justify-content:flex-end;min-height:72px;padding:14px 16px}
.toolbar-simple .secondary,.toolbar-simple .primary{height:46px;font-size:14px;padding-left:18px;padding-right:18px}
.section-meta{height:54px;align-items:center;padding-top:0}
@media(max-width:860px){
  .workspace{padding-top:12px}
  .toolbar-simple{justify-content:stretch;flex-wrap:wrap}
  .toolbar-simple .secondary,.toolbar-simple .primary{flex:1 1 220px}
}


/* ===== Web v0.2.3: sade üst menü + 4 soru kartı ===== */
.question-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}
@media(max-width:1300px){.question-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}}
@media(max-width:1050px){.question-grid{grid-template-columns:repeat(2,minmax(190px,1fr))}}
@media(max-width:640px){.question-grid{grid-template-columns:1fr}}
.top-nav-item:not([data-section]){gap:0}

/* ===== Web v0.2.4: Kayıtlı Çalışmalarım kategori yapısı ===== */
.saved-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}
.saved-categories{padding:17px;position:sticky;top:90px;min-height:calc(100vh - 112px)}
.saved-tree{display:flex;flex-direction:column;gap:5px;margin-top:12px}
.saved-type-row,.saved-subcat{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;border-radius:10px;color:#536077}
.saved-type-row{padding:11px 9px;font-weight:800;font-size:13px}.saved-type-row:hover{background:#f7f8fc}.saved-type-row i{font-style:normal;display:inline-block;width:16px;color:#8b95a8}.saved-type-row b,.saved-subcat b{font-size:10px;color:#929bad}
.saved-subcats{display:none;flex-direction:column;gap:3px;padding:2px 0 7px}.saved-type-group.open .saved-subcats{display:flex}
.saved-subcat{padding:9px 9px 9px 28px;font-size:12px;text-align:left}.saved-subcat:hover,.saved-subcat.active{background:#eef0ff;color:#4552c2;font-weight:750}
.saved-main{min-width:0}.saved-toolbar{height:72px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.saved-toolbar>div{display:flex;flex-direction:column;gap:3px}.saved-toolbar strong{font-size:15px}.saved-toolbar span{font-size:11px;color:var(--muted)}
.saved-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.saved-card.is-hidden{display:none}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(14,22,38,.48);display:grid;place-items:center;padding:20px}.save-modal{width:min(560px,100%);padding:24px;box-shadow:0 24px 70px rgba(14,22,38,.24)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h3{font-size:24px;margin:5px 0 0}.modal-close{border:0;background:#f3f5f9;width:36px;height:36px;border-radius:10px;font-size:22px;color:#6b7587}.save-modal>label,.modal-field label{display:block;font-size:12px;font-weight:800;margin:12px 0 7px}.save-modal select,.save-modal input[type="text"],.save-modal .modal-field input{width:100%;height:45px;border:1px solid #dfe4ed;border-radius:11px;padding:0 12px;background:#fff;color:var(--text);outline:none}.save-modal select:focus,.save-modal .modal-field input:focus{border-color:#8994ee;box-shadow:0 0 0 4px #eef0ff}.save-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.radio-card{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:9px;align-items:flex-start;cursor:pointer}.radio-card.active{border-color:#7c87eb;background:#f5f6ff}.radio-card input{margin-top:3px}.radio-card span{display:flex;flex-direction:column;gap:3px}.radio-card strong{font-size:12px}.radio-card small{font-size:10px;color:var(--muted);line-height:1.4}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}
@media(max-width:1250px){.saved-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}
@media(max-width:960px){.saved-layout{grid-template-columns:220px minmax(0,1fr)}.saved-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media(max-width:760px){.saved-layout{grid-template-columns:1fr}.saved-categories{position:relative;top:auto;min-height:auto}.saved-grid{grid-template-columns:1fr}.save-choice{grid-template-columns:1fr}.saved-toolbar{height:auto;gap:12px;align-items:flex-start;flex-direction:column}}

/* ===== Web v0.2.5: soru araçları kategori panelinin altında sabit ===== */
.category-panel{overflow:hidden}
.category-panel .tree{flex:1;min-height:0;overflow-y:auto;padding-right:4px;margin-right:-4px}
.category-panel .tree::-webkit-scrollbar{width:6px}
.category-panel .tree::-webkit-scrollbar-thumb{background:#d7dce7;border-radius:999px}
.category-actions{flex:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:8px;background:var(--surface)}
.category-actions .secondary,.category-actions .primary{width:100%;height:42px;font-size:12px;display:flex;align-items:center;justify-content:center}
.pool-area>.section-meta{height:48px;align-items:flex-start;padding-top:2px}
@media(max-width:860px){
  .category-panel{overflow:visible}
  .category-panel .tree{overflow:visible}
  .category-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .category-actions{grid-template-columns:1fr}
}


/* ===== Web v0.2.6: ana sayfa sabit, içerik alanları bağımsız kaydırma ===== */
body.app-open{height:100vh;overflow:hidden}
body.app-open .app-shell{height:100vh;min-height:0;overflow:hidden}
body.app-open .app-topnav{position:relative;top:auto;flex:none}
body.app-open .workspace{
  height:calc(100vh - 72px);
  min-height:0;
  overflow:hidden;
  padding-top:18px;
  padding-bottom:18px;
}
body.app-open #poolSection.content-grid{
  height:100%;
  min-height:0;
  align-items:stretch;
}
body.app-open .category-panel{
  position:relative;
  top:auto;
  height:100%;
  min-height:0;
  max-height:none;
}
body.app-open .category-panel .tree{
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
body.app-open .pool-area{
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
}
body.app-open .pool-area>.section-meta{flex:none}
body.app-open .question-grid{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  align-content:start;
  padding:2px 7px 16px 2px;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
body.app-open .question-grid::-webkit-scrollbar{width:7px}
body.app-open .question-grid::-webkit-scrollbar-thumb{background:#d7dce7;border-radius:999px}

/* Kayıtlı Çalışmalarım ekranında da dış sayfa değil, içerik alanları kayar. */
body.app-open .saved-section{height:100%;min-height:0;overflow:hidden}
body.app-open .saved-layout{height:100%;min-height:0;align-items:stretch}
body.app-open .saved-categories{
  position:relative;
  top:auto;
  height:100%;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
body.app-open .saved-main{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px}
body.app-open .saved-main::-webkit-scrollbar,body.app-open .saved-categories::-webkit-scrollbar{width:7px}
body.app-open .saved-main::-webkit-scrollbar-thumb,body.app-open .saved-categories::-webkit-scrollbar-thumb{background:#d7dce7;border-radius:999px}

@media(max-width:860px){
  /* Dar ekranlarda tek sütun yapısı için doğal sayfa kaydırması korunur. */
  body.app-open{height:auto;overflow:auto}
  body.app-open .app-shell{height:auto;min-height:100vh;overflow:visible}
  body.app-open .workspace{height:auto;min-height:0;overflow:visible;padding-bottom:28px}
  body.app-open #poolSection.content-grid{height:auto;overflow:visible}
  body.app-open .category-panel,body.app-open .pool-area,body.app-open .saved-section,body.app-open .saved-layout,body.app-open .saved-categories,body.app-open .saved-main{height:auto;overflow:visible}
  body.app-open .question-grid{overflow:visible;padding-right:0}
}


/* ===== Web v0.2.7: giriş ekranında dış sayfa kaydırmasını kaldır ===== */
body.login-open{height:100vh;overflow:hidden;overscroll-behavior:none}
body.login-open .login-shell{height:100vh;min-height:0;overflow:hidden}
body.login-open .brand-panel,body.login-open .login-panel{height:calc(100vh - 48px);min-height:0}
body.login-open .login-card{min-height:100%}
body.login-open .login-panel{overflow:hidden;overscroll-behavior:none}
@media(max-width:760px){
  body.login-open .login-shell{height:100vh;min-height:0;padding:0;gap:0;background:#fff}
  body.login-open .brand-panel,body.login-open .login-panel{height:auto}
  body.login-open .login-card{min-height:auto}
  body.login-open .login-panel{height:100%;overflow-y:auto}
}


/* ===== Web v0.3.0: işlevsel Soru Havuzu ===== */
.pool-area{height:calc(100vh - 108px);display:flex;flex-direction:column;min-height:0}
.question-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 4px 22px 0;overscroll-behavior:contain;scrollbar-gutter:stable}
.question-scroll::-webkit-scrollbar{width:9px}.question-scroll::-webkit-scrollbar-thumb{background:#d8dde8;border-radius:999px}.question-scroll::-webkit-scrollbar-track{background:transparent}
.pool-meta-right{display:flex;align-items:center;gap:11px}.autosave-state{font-size:10px!important;color:#7f8a9e!important;padding:6px 8px;background:#f1f3f8;border-radius:999px}.autosave-state.saving{color:#8a681e!important;background:#fff6df}.autosave-state.saved{color:#47765b!important;background:#eaf7ef}
.tree{flex:1;min-height:0;overflow:auto;padding-right:2px;overscroll-behavior:contain}.tree::-webkit-scrollbar{width:7px}.tree::-webkit-scrollbar-thumb{background:#d7dce7;border-radius:999px}
.category-panel{overflow:hidden!important}.category-actions{flex:0 0 auto}
.tree-node{position:relative}.tree-row.dynamic{width:100%;display:grid;grid-template-columns:18px minmax(0,1fr) auto 27px;align-items:center;gap:5px;text-align:left;padding:8px 5px 8px calc(7px + var(--depth,0)*15px);border:0;background:transparent;border-radius:9px;color:#536077;font-size:12px}.tree-row.dynamic:hover{background:#f6f7fb}.tree-row.dynamic.active-soft{background:#eef0ff;color:#4552c2;font-weight:800}.tree-row.dynamic .tree-chevron{border:0;background:transparent;color:#8993a5;padding:0;width:18px;height:24px;border-radius:5px;font-size:11px}.tree-row.dynamic .tree-chevron.empty{visibility:hidden}.tree-row.dynamic .tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row.dynamic b{font-size:10px;color:#8c96a9;font-weight:700}.tree-row.dynamic .cat-more{border:0;background:transparent;color:#929bad;width:27px;height:27px;border-radius:7px;font-weight:900}.tree-row.dynamic .cat-more:hover{background:#e5e8f0;color:#526078}.cat-menu{position:absolute;right:5px;top:35px;z-index:20;width:166px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px;box-shadow:0 12px 32px rgba(35,45,80,.16)}.cat-menu button{width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;color:#566176;font-size:11px}.cat-menu button:hover{background:#f2f4f8;color:#2e3952}.cat-menu button.danger{color:#b24a51}.empty-tree{padding:28px 12px;text-align:center;color:#8b95a6;font-size:11px;line-height:1.6}
.question-grid{align-content:start}.question-card.functional{position:relative;min-height:270px;cursor:default}.question-card.functional[draggable="true"]{cursor:grab}.question-card.functional.dragging{opacity:.45;transform:scale(.98);outline:2px dashed #6673dc;outline-offset:-3px}.question-card.functional.drop-before{box-shadow:-5px 0 0 #6573e3}.question-card.functional.drop-after{box-shadow:5px 0 0 #6573e3}.q-toolbar .drag-handle{color:#a0a8b7;font-size:15px;line-height:1;cursor:grab;user-select:none}.q-toolbar .q-actions{display:flex;align-items:center;gap:3px}.q-toolbar .q-more{border:0;background:transparent;color:#8c96a8;width:25px;height:25px;border-radius:7px}.q-toolbar .q-more:hover{background:#f0f2f6}.q-menu{position:absolute;right:8px;top:31px;z-index:15;width:132px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px;box-shadow:0 12px 28px rgba(35,45,80,.18)}.q-menu button{border:0;background:transparent;width:100%;text-align:left;padding:8px 9px;border-radius:7px;font-size:10px;color:#526078}.q-menu button:hover{background:#f2f4f8}.q-menu button.danger{color:#b34b53}.question-image-wrap{height:182px;margin:10px;background:#fff;border:1px solid #edf0f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.question-image-wrap img{display:block;max-width:100%;max-height:100%;object-fit:contain}.question-card.functional .question-paper{min-height:182px;height:182px;overflow:hidden}.question-card.functional .q-footer{height:45px}.q-footer .source{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-footer .answer.no-answer{color:#a3abba}.question-card.selected.functional{outline:2px solid #6573e3;outline-offset:-2px}.question-card.selected.functional:after{content:"✓";position:absolute;right:8px;bottom:9px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#6573e3;color:#fff;font-size:10px;font-weight:900}.empty-pool{grid-column:1/-1;height:330px;border:1px dashed #d7dce7;border-radius:18px;background:#fafbfe;display:grid;place-items:center;text-align:center;padding:34px;color:#7d8798}.empty-pool .empty-icon{width:58px;height:58px;border-radius:18px;background:#fff;border:1px solid #e1e5ed;display:grid;place-items:center;font-size:28px;color:#6673dd;margin:0 auto 13px}.empty-pool strong{display:block;font-size:14px;color:#526078;margin-bottom:7px}.empty-pool p{font-size:11px;line-height:1.6;margin:0 0 16px}.empty-pool .empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.empty-pool button{height:36px;padding:0 18px;border-radius:12px;font-size:12px}
.compact-modal{width:min(440px,calc(100vw - 28px));padding:22px}.compact-modal h3,.question-edit-modal h3,.snip-modal h3{margin:5px 0 0}.modal-help{color:#8791a4;font-size:11px;line-height:1.55;margin:9px 0 0}.question-edit-modal{width:min(820px,calc(100vw - 30px));padding:22px}.question-edit-layout{display:grid;grid-template-columns:minmax(250px,.95fr) minmax(300px,1.05fr);gap:20px;margin-top:18px}.edit-preview-panel{display:flex;flex-direction:column;gap:8px;min-width:0}.edit-preview{background:#f7f8fb;border:1px solid var(--line);border-radius:14px;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}.edit-preview img{max-width:100%;max-height:380px;object-fit:contain}.edit-preview .question-paper{width:100%;min-height:260px}.edit-preview-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}.edit-preview-actions button{min-width:0;min-height:38px;height:auto;padding:7px 8px;line-height:1.18;white-space:normal;text-align:center;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:10px}.edit-preview-help{margin-top:0!important;font-size:10px!important;line-height:1.45!important}.edit-fields{display:flex;flex-direction:column;gap:12px}.field-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.question-edit-modal select,.question-edit-modal input,.compact-modal input{width:100%;height:44px;border:1px solid #dfe4ed;border-radius:11px;background:#fff;padding:0 12px;color:var(--text);outline:none}.question-edit-modal select:focus,.question-edit-modal input:focus,.compact-modal input:focus{border-color:#8994ee;box-shadow:0 0 0 4px #eef0ff}.split-actions{justify-content:space-between}.split-actions>div{display:flex;gap:8px}.danger-soft{border:1px solid #f1d7d9;background:#fff4f4;color:#a7474d;border-radius:11px;padding:10px 14px;font-weight:750}.danger-soft:hover{background:#ffe9ea}.snip-backdrop{padding:20px}.snip-modal{width:min(1180px,calc(100vw - 34px));max-height:calc(100vh - 36px);display:flex;flex-direction:column;padding:18px}.snip-canvas-wrap{flex:1;min-height:260px;overflow:auto;background:#10151e;border-radius:14px;padding:8px;display:flex;align-items:flex-start;justify-content:center;margin-top:12px}.snip-canvas-wrap canvas{max-width:100%;height:auto;cursor:crosshair;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
@media(max-width:900px){.question-edit-layout{grid-template-columns:1fr}.edit-preview-panel{position:static}.edit-preview{min-height:210px}.manual-clean-modal{width:calc(100vw - 10px);height:calc(100vh - 10px);padding:7px}.manual-clean-inline-title strong{display:none}.manual-clean-topbar{gap:6px}.manual-clean-toolbar{gap:6px}.manual-clean-footer #manualCleanStatus{display:none}.pool-area{height:auto}.question-scroll{overflow:visible}.tree{max-height:300px}.category-panel{overflow:visible!important}}

/* ===== Web v0.3.1: tek kaydırma yüzeyi + seçim bandı + dinamik drag ===== */
body.app-open .pool-area{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
body.app-open .question-scroll{
  flex:1 1 0;
  height:0;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:2px 7px 14px 2px;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
body.app-open .question-grid{
  display:grid;
  overflow:visible!important;
  flex:none!important;
  min-height:auto!important;
  padding:0!important;
  align-content:start;
}
.pool-selection-bar{
  flex:0 0 auto;
  min-height:62px;
  margin-top:10px;
  padding:9px 10px 9px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-radius:15px;
}
.selection-actions{display:flex;align-items:center;gap:7px;min-width:0}
.selection-btn{
  height:40px;
  border:1px solid var(--line);
  background:#fff;
  color:#556176;
  border-radius:10px;
  padding:0 13px;
  font-size:11px;
  font-weight:750;
  transition:.16s ease;
}
.selection-btn:hover:not(:disabled){background:#f5f6fa;border-color:#d6dbe6;color:#354158}
.selection-btn.danger{color:#ae4d54;border-color:#f0dadd;background:#fffafa}
.selection-btn.danger:hover:not(:disabled){background:#fff0f1;border-color:#ecc9cd}
.selection-btn:disabled,.transfer-btn:disabled,.create-work-btn:disabled{opacity:.42;cursor:help;box-shadow:none}
.selection-count{font-size:10px;color:#8791a4;margin-left:4px;white-space:nowrap}
.transfer-btn{height:42px;padding:0 18px;display:flex;align-items:center;gap:10px;white-space:nowrap}
.transfer-btn span{font-size:16px;transition:transform .16s ease}.transfer-btn:hover:not(:disabled) span{transform:translateX(3px)}

.question-card.functional{will-change:transform;transition:box-shadow .18s ease,border-color .18s ease,opacity .15s ease,filter .15s ease}
.question-grid.is-reordering{cursor:grabbing}
.question-grid.is-reordering .question-card.functional:not(.dragging){filter:saturate(.97)}
.question-card.functional.dragging{
  opacity:.30;
  transform:scale(.975);
  outline:2px dashed #6573e3;
  outline-offset:-4px;
  box-shadow:0 16px 38px rgba(79,91,213,.15);
}
.question-card.functional.drop-before,.question-card.functional.drop-after{position:relative}
.question-card.functional.drop-before:before,.question-card.functional.drop-after:after{
  content:"";
  position:absolute;
  z-index:30;
  top:8px;
  bottom:8px;
  width:4px;
  border-radius:999px;
  background:#6573e3;
  box-shadow:0 0 0 4px rgba(101,115,227,.10);
  pointer-events:none;
}
.question-card.functional.drop-before:before{left:-9px}
.question-card.functional.drop-after:after{right:-9px}
.q-toolbar .drag-handle{padding:3px 4px;border-radius:6px;transition:.15s ease}
.question-card.functional:hover .drag-handle{background:#f0f2f7;color:#6673d8}

@media(max-width:900px){
  body.app-open .question-scroll{height:auto;overflow:visible;padding-right:0}
  .pool-selection-bar{position:sticky;bottom:8px;z-index:15;box-shadow:0 10px 28px rgba(35,45,80,.12)}
}
@media(max-width:640px){
  .pool-selection-bar{align-items:stretch;flex-direction:column}
  .selection-actions{display:grid;grid-template-columns:repeat(3,1fr)}
  .selection-count{grid-column:1/-1;text-align:center;margin:0}
  .transfer-btn{justify-content:center;width:100%}
}


/* ===== Web v0.3.2: sürüklenen kart soluklaşmaz ===== */
.question-grid.is-reordering .question-card.functional:not(.dragging){
  filter:none;
}
.question-card.functional.dragging{
  opacity:1;
  transform:translateY(-3px) scale(1.004);
  outline:none;
  border-color:#cfd5f6;
  box-shadow:0 18px 42px rgba(35,45,80,.16),0 0 0 2px rgba(101,115,227,.08);
  cursor:grabbing;
}


/* ===== Web v0.3.3: native drag ghost yerine tamamen opak özel taşıma ===== */
.question-card.functional{touch-action:pan-y;-webkit-user-drag:none}
.question-card.functional img{-webkit-user-drag:none;user-select:none}
.q-toolbar .drag-handle{cursor:grab;user-select:none}
body.question-drag-active,body.question-drag-active *{cursor:grabbing!important;user-select:none!important}
.question-card.functional.drag-floating{
  opacity:1!important;
  filter:none!important;
  transform:translateY(-4px) scale(1.012)!important;
  pointer-events:none!important;
  overflow:hidden;
  border-color:#cbd2f7!important;
  box-shadow:0 24px 60px rgba(30,40,75,.24),0 0 0 2px rgba(101,115,227,.10)!important;
  background:#fff!important;
  transition:box-shadow .12s ease,transform .12s ease!important;
}
.drag-placeholder{
  min-height:260px;
  border:2px solid #cfd5f6!important;
  background:linear-gradient(135deg,rgba(238,240,255,.70),rgba(248,249,255,.88))!important;
  box-shadow:inset 0 0 0 5px rgba(101,115,227,.035)!important;
  overflow:hidden;
  pointer-events:none;
}
.drag-placeholder:after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px dashed rgba(101,115,227,.24);
  border-radius:10px;
}
.question-grid.is-reordering .question-card.functional:not(.drag-floating){filter:none!important;opacity:1!important}
.question-grid.is-reordering .question-card.functional{transition:box-shadow .16s ease,border-color .16s ease!important}

/* ===== Web v0.3.4: otomatik soru numarası + özel öğe başlıkları ===== */
.q-heading-group{display:flex;align-items:center;gap:6px;min-width:0}
.item-heading{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:28px;padding:0 8px;border-radius:7px;font-size:10px;font-weight:900;letter-spacing:.15px;white-space:nowrap;line-height:1}
.item-heading.number{background:#eef0ff;color:#4b58cb;border:1px solid #dfe3ff}
.item-heading.special{background:#172238;color:#fff;border:1px solid #273650;letter-spacing:.55px}
.q-heading-group .badge{white-space:nowrap}
.question-card.functional .question-paper .qnum{display:none!important}
.item-heading-fields{align-items:end}
#customItemLabelBox.hidden{display:none!important}
@media(max-width:640px){.item-heading{font-size:9px;padding:0 7px}}


/* ===== Web v0.3.5: soru düzenleme alan sırası + 5 zorluk seviyesi ===== */
.edit-fields-stacked{display:flex;flex-direction:column;gap:14px}
.edit-fields-stacked .modal-field{margin:0}
.difficulty.very-easy{background:#edf9f0;color:#397a50}
.difficulty.medium-hard{background:#fff0e4;color:#a35b2b}


/* ===== Web v0.3.6: soru düzenleme penceresi ekran içinde kalır ===== */
#questionEditModal{
  overflow:hidden;
  overscroll-behavior:contain;
}
#questionEditModal .question-edit-modal{
  max-height:calc(100dvh - 40px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
#questionEditModal .question-edit-modal>.modal-head{
  flex:0 0 auto;
}
#questionEditModal .question-edit-layout{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-right:7px;
}
#questionEditModal .question-edit-modal>.modal-actions{
  flex:0 0 auto;
  margin-top:12px;
  padding-top:14px;
  background:var(--surface);
  position:relative;
  z-index:3;
}
#questionEditModal .question-edit-layout::-webkit-scrollbar{width:8px}
#questionEditModal .question-edit-layout::-webkit-scrollbar-thumb{
  background:#d7dce7;
  border-radius:999px;
}
@media(max-height:760px){
  #questionEditModal{padding:8px 14px}
  #questionEditModal .question-edit-modal{max-height:calc(100dvh - 16px);padding:16px 18px 14px}
  #questionEditModal .modal-head{margin-bottom:8px}
  #questionEditModal .question-edit-layout{margin-top:8px}
  #questionEditModal .edit-preview{min-height:220px}
}


/* ===== Web v0.4.0: işlevsel Test Dizgi editörü ===== */
.test-section{height:100%;min-height:0;overflow:hidden}
.test-editor-grid{height:100%;min-height:0;display:grid;grid-template-columns:270px minmax(520px,1fr) 270px;gap:14px;align-items:stretch}
.test-side{min-height:0;overflow:hidden;display:flex;flex-direction:column;border-radius:16px}
.test-side-head{flex:0 0 auto;min-height:62px;padding:13px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}
.test-side-head>div{display:flex;flex-direction:column;gap:4px}.test-side-head strong{font-size:13px}.test-item-count{font-size:9px;color:#6b7690;background:#f2f4f8;padding:5px 7px;border-radius:999px;white-space:nowrap}
.test-side-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 14px 18px;scrollbar-gutter:stable}.test-side-scroll::-webkit-scrollbar{width:7px}.test-side-scroll::-webkit-scrollbar-thumb{background:#d7dce7;border-radius:999px}
.test-side-fixed{flex:0 0 auto;padding:12px 14px 14px;border-top:1px solid var(--line);background:#fff}.test-side-fixed .primary{width:100%;height:42px}.preview-back-btn{width:100%;min-height:54px;height:auto !important;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.24;padding:12px 14px;font-size:13px}.test-ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.test-ops button{height:42px}
.test-setting-section{padding:14px 0;border-bottom:1px solid #edf0f4}.test-setting-section:last-child{border-bottom:0}.test-setting-section h4{margin:0 0 11px;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#46536b}.test-setting-section label{display:block;font-size:9px;font-weight:750;color:#7b869a;margin:9px 0 5px}.test-setting-section label small{font-weight:600;color:#a1a9b8}
.test-setting-section input:not([type="checkbox"]):not([type="range"]):not([type="color"]),.test-setting-section select{width:100%;height:37px;border:1px solid #e0e4ec;border-radius:9px;background:#fff;padding:0 9px;color:#354158;font-size:10px;outline:none}.test-setting-section input:focus,.test-setting-section select:focus{border-color:#8994ee;box-shadow:0 0 0 3px #eef0ff}
.test-segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f2f4f8;padding:3px;border-radius:10px}.test-segment.four{grid-template-columns:repeat(4,1fr)}.test-segment button{height:31px;border:0;border-radius:7px;background:transparent;color:#7c879a;font-size:9px;font-weight:800}.test-segment button.active{background:#fff;color:#4552c2;box-shadow:0 2px 8px rgba(35,45,80,.08)}
.test-range-head{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.test-range-head label{margin:0}.test-range-head b{font-size:9px;color:#4f5bd5}.test-range{width:100%;accent-color:#4f5bd5;margin:8px 0 0}.test-range-limits{display:flex;justify-content:space-between;color:#a0a8b7;font-size:8px}.test-check{display:flex!important;align-items:center;gap:8px!important;color:#4e5a70!important;font-size:9px!important;margin-top:11px!important}.test-check input{margin:0;accent-color:#4f5bd5}.test-check span{line-height:1.35}
.margin-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.margin-grid>label{margin:0;background:#f7f8fb;border:1px solid #edf0f4;border-radius:9px;padding:7px;display:flex;align-items:center;justify-content:space-between}.margin-grid label span{display:flex;align-items:center;gap:3px;font-size:8px;color:#9aa3b4}.margin-grid input{width:48px!important;height:29px!important;text-align:center;padding:0!important}.test-setting-note{font-size:8px;color:#9aa3b4;line-height:1.5;margin:8px 0 0}
.exam-booklet-segment{margin-top:8px}.exam-booklet-segment button{font-size:10px}.exam-booklet-range-panel{margin-top:10px;padding:9px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:rgba(255,255,255,.05)}.exam-booklet-range-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:8px;color:#aebfc7}.exam-booklet-range-head strong{font-size:8.5px;color:inherit}.exam-booklet-ranges{display:grid;gap:6px}.exam-booklet-range-empty{padding:9px 7px;border:1px dashed rgba(148,163,184,.32);border-radius:8px;font-size:7.5px;line-height:1.45;color:#9fb1ba;text-align:center}.exam-booklet-range-row{display:grid;grid-template-columns:22px minmax(0,1fr) 14px minmax(0,1fr) 28px;align-items:center;gap:5px}.exam-booklet-range-no{width:21px;height:21px;display:grid;place-items:center;border-radius:999px;background:rgba(47,111,237,.16);color:#cfe0ff;font-size:8px;font-weight:850}.test-setting-section .exam-booklet-range-input{width:100%!important;height:30px!important;padding:0 5px!important;text-align:center;font-size:9px!important}.exam-booklet-range-dash{text-align:center;color:#9fb1ba;font-weight:800}.exam-booklet-range-remove{width:28px;height:28px;border:1px solid rgba(148,163,184,.25);border-radius:8px;background:rgba(255,255,255,.06);color:#b8c6cd;font-size:16px;line-height:1;cursor:pointer}.exam-booklet-range-remove:hover{background:rgba(239,68,68,.14);color:#fecaca;border-color:rgba(239,68,68,.24)}.exam-booklet-range-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.exam-booklet-range-actions .secondary{min-height:31px;padding:5px 7px;font-size:7.5px;white-space:normal}
.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.template-grid button{height:58px;border:1px solid #e2e6ee;background:#fff;border-radius:10px;color:#6d7890;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;font-weight:800}.template-grid button i{font-style:normal;font-size:17px}.template-grid button.active{border-color:#8d98ed;background:#f2f3ff;color:#4b58cb;box-shadow:0 0 0 2px rgba(79,91,213,.08)}
.accent-grid{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.accent-grid button{width:19px;height:19px;flex:0 0 19px;padding:0;border:2px solid #fff;background:var(--sw);border-radius:50%;box-shadow:0 0 0 1px rgba(15,23,42,.12);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.accent-grid button:hover{transform:scale(1.08)}.accent-grid button.active{box-shadow:0 0 0 2px #5460d4,0 0 0 4px #fff}.accent-custom{width:22px!important;height:22px!important;flex:0 0 22px;padding:1px!important;border:1px solid #d7dce6!important;border-radius:6px!important;background:#fff;cursor:pointer}.accent-custom::-webkit-color-swatch-wrapper{padding:1px}.accent-custom::-webkit-color-swatch{border:0;border-radius:4px}.accent-custom::-moz-color-swatch{border:0;border-radius:4px}.accent-custom.active-custom{outline:2px solid #5460d4;outline-offset:1px}.test-two-col{display:grid;grid-template-columns:1fr 1fr;gap:7px}.color-input{width:100%!important;height:36px!important;padding:3px!important;border:1px solid #e0e4ec;border-radius:9px;background:#fff}
.test-preview-area{min-width:0;min-height:0;display:flex;flex-direction:column}.test-preview-toolbar{flex:0 0 auto;height:60px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:15px;margin-bottom:10px}.test-preview-toolbar>div:first-child{display:flex;flex-direction:column;gap:3px}.test-preview-toolbar strong{font-size:12px}.test-preview-toolbar span{font-size:9px;color:#8a94a8}.test-preview-actions{display:flex;align-items:center;gap:7px}.test-preview-actions .secondary{height:38px;font-size:9px}
.test-preview-scroll{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 26px 38px;background:#e9edf3;border:1px solid #dde2ea;border-radius:16px;scrollbar-gutter:stable}.test-preview-scroll::-webkit-scrollbar{width:9px}.test-preview-scroll::-webkit-scrollbar-thumb{background:#c4cad5;border-radius:999px}.test-pages{display:flex;flex-direction:column;align-items:center;gap:30px;min-width:max-content}
.test-page{--accent:#2F6FED;--pageW:620px;--pageH:877px;position:relative;width:var(--pageW);height:var(--pageH);background:#fff;box-shadow:0 14px 40px rgba(35,45,80,.16);overflow:hidden;color:#111827;font-family:var(--test-font,"Segoe UI"),Arial,sans-serif;font-size:10px;font-weight:var(--test-weight,normal)}.test-page.landscape{--pageW:877px;--pageH:620px}.test-page-inner{position:absolute;inset:0}.test-header{position:absolute;left:34px;right:34px;top:30px;height:45px}.test-header-title{font-size:14px;font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-header-subtitle{font-size:9px;text-align:center;color:#677286;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-page.tpl-book .test-header{border-top:2px solid #26334a;border-bottom:1px solid #26334a;padding:9px 0 8px;height:51px}.test-page.tpl-classic .test-header{left:28px;right:28px;top:24px;height:62px;border-radius:3px;border:2px solid var(--accent);padding:12px}.test-page.tpl-classic .test-header-title{color:var(--accent)}.test-page.tpl-minimal .test-header{top:28px;border-bottom:3px solid var(--accent);height:52px;padding:8px 4px}.test-page.tpl-frame .test-header{top:24px;height:62px;border:1px solid #334155;padding:12px}.test-page.tpl-frame .test-header:after{content:"";position:absolute;left:8px;right:8px;bottom:6px;border-bottom:2px solid var(--accent)}.test-page.tpl-ribbon .test-header{left:34px;right:34px;top:24px;height:44px;border:1px solid var(--accent);border-radius:4px;background:#fff;padding:7px 12px}.test-page.tpl-ribbon .test-header-title{color:#111827}.test-page.tpl-ribbon .test-header-subtitle{color:#334155}.test-page.tpl-academic .test-header{top:25px;height:60px;border-top:3px double #27344b;border-bottom:3px double var(--accent);padding:10px 0}
.test-columns{position:absolute;display:grid;gap:18px;align-items:start}.test-column{min-width:0;position:relative}.test-column+.test-column:before{content:"";position:absolute;left:-9px;top:0;bottom:0;border-left:1px dashed #c4cad4}.test-column-line-text{position:absolute;left:-17px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);background:#fff;padding:3px 6px;font-size:7px;color:#7b869a;white-space:nowrap;z-index:3}.test-question-item{position:relative;border:1px solid transparent;border-radius:4px;padding:2px 2px 4px;cursor:grab;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease;background:#fff}.test-question-item:hover{border-color:#cfd5e0;box-shadow:0 5px 14px rgba(35,45,80,.08)}.test-question-item.drag-source{opacity:1}.test-question-item.test-drop-before:before,.test-question-item.test-drop-after:after{content:"";position:absolute;left:3px;right:3px;height:3px;background:var(--accent);border-radius:999px;z-index:8}.test-question-item.test-drop-before:before{top:-6px}.test-question-item.test-drop-after:after{bottom:-6px}.test-question-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:3px}.test-question-label{font-size:9px;font-weight:900;color:#27344b}.test-question-label.special{display:inline-flex;background:#172238;color:#fff;padding:3px 6px;border-radius:4px;font-size:7px;letter-spacing:.45px}.test-question-bottom{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:12px;margin-top:3px;font-size:7px;color:#7c8799}.test-question-answer{font-weight:800;color:var(--accent)}.test-question-image{display:block;width:100%;height:auto;max-height:260px;object-fit:contain}.test-question-demo{font-family:Georgia,"Times New Roman",serif;font-size:8px;line-height:1.4}.test-question-demo .qnum{display:none}.test-question-demo p{font-size:8px!important;margin:0 0 5px!important}.test-question-demo .choices{font-size:6px!important;margin-top:5px!important}.test-question-demo .formula{font-size:8px!important;margin:7px 0!important}.test-question-demo .mini-diagram{margin:6px 0!important}.test-question-demo .mini-diagram span{font-size:6px!important;padding:3px!important}
.test-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:66px;font-weight:900;color:rgba(76,87,106,.075);white-space:nowrap;pointer-events:none;z-index:20;max-width:90%;overflow:hidden}.test-footer-rule{position:absolute;height:1px;background:#667085}.test-page-number{position:absolute;font-size:8px;color:#667085;left:50%;transform:translateX(-50%)}.test-page-answers{position:absolute;right:36px;font-size:7px;color:#445067;text-align:right}.test-answer-page-title{position:absolute;left:50px;right:50px;top:70px;font-size:15px;font-weight:800;letter-spacing:.3px;color:inherit}.test-answer-page-title::after{content:"";position:absolute;left:0;right:0;top:28px;height:2px;background:var(--accent,#4f5fd1)}.test-answer-page-content{position:absolute;left:50px;right:50px;top:118px;font-size:10px;line-height:1.9;columns:3;column-gap:30px}.test-empty-page{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);z-index:30;width:min(290px,72%);box-sizing:border-box;text-align:center;color:#8791a4;padding:14px 18px;border:1px solid rgba(208,216,229,.82);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(32,45,70,.06);pointer-events:none;backdrop-filter:blur(2px)}.test-empty-page strong{display:block;color:#556176;font-size:12px;margin-bottom:4px}.test-empty-page p{margin:0;font-size:8px;line-height:1.55}
.test-drag-floating{position:fixed!important;z-index:10050!important;pointer-events:none!important;opacity:1!important;background:#fff!important;box-shadow:0 22px 55px rgba(35,45,80,.24)!important;border:1px solid #bfc7ed!important;transform:rotate(.5deg) scale(1.01)!important;cursor:grabbing!important}
body.test-drag-active,body.test-drag-active *{cursor:grabbing!important;user-select:none!important}
@media(max-width:1380px){.test-editor-grid{grid-template-columns:240px minmax(480px,1fr) 240px}.test-preview-scroll{padding-left:16px;padding-right:16px}.test-page{transform-origin:top center;transform:scale(.92);margin-bottom:-70px}.test-page.landscape{transform:scale(.82);margin-bottom:-110px}}
@media(max-width:1100px){.test-editor-grid{grid-template-columns:225px minmax(430px,1fr)}.test-side-right{display:none}.test-page{transform:scale(.82);margin-bottom:-155px}.test-page.landscape{transform:scale(.68);margin-bottom:-195px}}
@media(max-width:860px){.test-section{height:auto;overflow:visible}.test-editor-grid{height:auto;display:flex;flex-direction:column}.test-side{max-height:none}.test-side-scroll{overflow:visible}.test-preview-area{min-height:700px}.test-side-right{display:flex}.test-preview-scroll{min-height:620px}.test-page{transform:scale(.75);margin-bottom:-215px}.test-page.landscape{transform:scale(.58);margin-bottom:-255px}}


/* ===== Web v0.4.1: masaüstü v0.6.76 ile eşlenen A4 Test masası ===== */
.test-preview-toolbar>div:first-child{gap:2px}.test-preview-hint{font-size:8px;color:#9aa4b5;margin-top:1px}
.test-page.desk-page{--pageW:660px;--pageH:933px;width:var(--pageW);height:var(--pageH);overflow:hidden;isolation:isolate;background:#fff}
.test-page.desk-page.landscape{--pageW:933px;--pageH:660px}
.desk-page-inner{position:absolute;inset:0;overflow:hidden;font-family:var(--test-font,"Segoe UI"),Arial,sans-serif;font-weight:var(--test-weight,normal)}
.desk-rule{position:absolute;display:block;height:1px;z-index:2}.desk-rule.thick{height:2px}.desk-h-title{position:absolute;z-index:3;font-size:10px;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desk-h-title.center{text-align:center}.desk-h-sub{position:absolute;z-index:3;font-size:8px;line-height:1.15;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desk-h-sub.center{text-align:center}.desk-h-sub.right{text-align:right}.classic-title{font-size:15px}.classic-sub{font-size:10px;font-weight:700}.academic-title{font-size:14px}
.classic-band{position:absolute;background:#f7faff;overflow:hidden}.classic-band b,.classic-band em{position:absolute;top:0;bottom:0;width:70px}.classic-band b{left:0;clip-path:polygon(0 0,92% 0,58% 100%,0 100%)}.classic-band em{right:0;clip-path:polygon(18% 0,100% 0,100% 100%,55% 100%)}
.band-first,.band-cont{position:absolute;overflow:hidden;color:#fff;z-index:2}.band-first b,.band-first em,.band-cont b,.band-cont em{position:absolute;inset:0}.band-first b,.band-cont b{background:#213e63;clip-path:polygon(0 0,31% 0,25% 100%,0 100%)}.band-first em,.band-cont em{background:var(--a);clip-path:polygon(32% 0,100% 0,100% 100%,26% 100%)}.band-cont b{clip-path:polygon(0 0,28% 0,23% 100%,0 100%)}.band-cont em{clip-path:polygon(29% 0,100% 0,100% 100%,24% 100%)}.band-first span,.band-cont span{position:absolute;left:36px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:800;z-index:3}.band-first small,.band-cont small{position:absolute;left:32%;top:50%;transform:translateY(-50%);font-size:9px;font-weight:700;z-index:3}.band-cont span{left:12px;font-size:8px}.band-cont small{right:12px;left:auto;font-size:7px}
.frame-first,.frame-cont{position:absolute;border:1px solid;border-radius:10px;z-index:2}.frame-first b,.frame-cont b{position:absolute;left:0;top:0;bottom:0;width:7px;border-radius:10px 0 0 10px}.frame-first span{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:800}.frame-first small{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:8px;color:#334155}.frame-cont span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:8px;font-weight:800}.frame-cont small{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:7px;color:#334155}

.premium-head{position:absolute;z-index:2;box-sizing:border-box;border:1px solid;border-radius:11px;background:linear-gradient(135deg,#fff 0%,var(--light) 180%);overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.055)}.premium-head b{position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:10px 0 0 10px}.premium-head span{position:absolute;left:42px;right:42px;top:11px;text-align:center;font-size:13px;font-weight:850;line-height:1.15;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-head small{position:absolute;left:48px;right:48px;top:32px;text-align:center;font-size:8px;font-weight:700;line-height:1.15;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-head em{position:absolute;left:43%;right:43%;bottom:7px;height:2px;border-radius:999px;opacity:.9}.premium-head-compact span{top:7px;font-size:10px}.premium-head-compact small{top:20px;font-size:7px}.premium-head-compact em{bottom:4px;height:1px}.premium-footer-rule{position:absolute;height:1px;z-index:2}.premium-footer-rule.light{height:1px}.premium-page-no{position:absolute;left:50%;transform:translate(-50%,-50%);min-width:27px;height:17px;padding:0 7px;border:1px solid;border-radius:999px;background:#fff;display:grid;place-items:center;font-size:7px;font-weight:850;line-height:1;z-index:5}.premium-page-answers{padding:2px 7px;border-radius:999px;background:#fff;z-index:5}.clean-first,.clean-cont{position:absolute;background:#fff;border:1px solid;border-radius:8px;z-index:2;overflow:hidden}.clean-first b,.clean-cont b{position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--a)}.clean-first em{position:absolute;left:18px;top:9px;height:17px;padding:0 9px;border-radius:999px;background:var(--light);color:var(--a);display:flex;align-items:center;font-style:normal;font-size:7px;font-weight:800;letter-spacing:.35px}.clean-first span{position:absolute;left:18px;right:18px;bottom:10px;font-size:13px;font-weight:800;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clean-first small{position:absolute;right:18px;top:11px;font-size:8px;font-weight:700;color:#64748b;max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clean-cont span{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:8px;font-weight:800;color:#111827}.clean-cont small{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:7px;color:#64748b}.clean-page-no{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);min-width:28px;height:18px;border:1px solid;border-radius:999px;display:grid;place-items:center;font-size:7px;font-weight:800;background:#fff}
.analytic-head{position:absolute;background:#fff;border:1px solid;border-radius:4px;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden}.analytic-head span{display:block;max-width:100%;padding:0 12px;font-size:11px;font-weight:800;line-height:1.1;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytic-sub-wrap{position:absolute;z-index:3;overflow:hidden}.analytic-sub{font-size:8px;color:#334155}.academic-mark{position:absolute;display:block}
.desk-col-line{position:absolute;width:0;border-left:1px dashed #a5afbc;z-index:1;pointer-events:none}.desk-col-line.solid{border-left:0;width:1px}.desk-col-text{position:absolute;transform:translate(-50%,-50%) rotate(-90deg);background:#fff;padding:3px 5px;font-size:7px;font-weight:700;white-space:nowrap;z-index:6;pointer-events:none}
.desk-test-item{position:absolute;z-index:5;box-sizing:border-box;cursor:grab;background:transparent;user-select:none;touch-action:none;transition:box-shadow .14s ease,transform .14s ease}.desk-test-item:hover{outline:1px solid rgba(37,183,232,.40);outline-offset:3px;border-radius:3px}.desk-test-item:active{cursor:grabbing}.desk-qno{position:absolute;font-size:9px;font-weight:850;line-height:1}.desk-qimage{position:absolute;overflow:hidden}.desk-qimage>img,.desk-special-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:left top;pointer-events:none}.desk-qimage .desk-demo,.desk-special-frame .desk-demo{width:100%;height:100%;overflow:hidden}.desk-demo{font-family:Georgia,"Times New Roman",serif;font-size:8px;line-height:1.35;color:#111}.desk-demo .qnum{display:none}.desk-demo p{font-size:8px!important;margin:0 0 5px!important}.desk-demo .choices{font-size:6px!important;margin-top:5px!important}.desk-demo .formula{font-size:8px!important;margin:6px 0!important}.desk-demo .mini-diagram{margin:5px 0!important}.desk-demo .mini-diagram span{font-size:6px!important;padding:2px 3px!important}.desk-qmeta{position:absolute;text-align:right;font-size:7px;line-height:10px;color:#61758c}.desk-qmeta b{color:var(--accent)}
.desk-special-chip{position:absolute;left:2px;top:2px;height:22px;display:flex;align-items:center;padding-left:10px;font-size:8px;font-weight:850;letter-spacing:.35px}.desk-special-chip b{position:absolute;left:0;top:0;bottom:0;width:4px}.desk-special-frame{position:absolute;left:2px;right:2px;border:1px dashed;border-radius:9px;display:flex;align-items:flex-start;justify-content:center;padding:6px;overflow:hidden}.desk-special-frame img{object-fit:contain}
.desk-page-no{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-size:7px;color:#111827}.desk-page-answers{position:absolute;font-size:7px;font-weight:800;color:#111827;text-align:right;white-space:nowrap;z-index:9}.band-footer{position:absolute;z-index:3}.band-footer:after{content:"";position:absolute;right:0;top:0;bottom:0;width:var(--box);background:#213e63;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.band-footer .desk-page-no{z-index:2;left:auto;right:10px;bottom:50%;transform:translateY(50%);color:#fff;font-weight:800}.frame-page-no{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:32px;height:20px;border:1px solid;border-radius:5px;display:grid;place-items:center;font-size:7px;font-weight:800}.analytic-page-no{position:absolute;left:50%;padding:0 8px;font-size:7px;font-weight:800;line-height:1;background:#fff;color:#111827;z-index:4;white-space:nowrap}
.test-watermark{z-index:8;color:color-mix(in srgb,var(--accent) 12%,transparent);font-size:78px}.desk-drag-source{outline:2px solid #25b7e8!important;outline-offset:3px!important}.test-drag-floating.desk-floating{opacity:1!important;background:#fff!important;box-shadow:0 22px 55px rgba(17,30,56,.25)!important;border:1px solid #25b7e8!important;border-radius:3px!important;transform:none!important}.test-drag-floating.desk-floating .desk-qimage,.test-drag-floating.desk-floating .desk-special-frame{overflow:hidden}.test-drag-floating.desk-floating *{pointer-events:none!important}
.template-grid button{height:72px}.template-grid button .tpl-mini{position:relative;width:54px;height:34px;background:#fff;border:1px solid #d8deea;border-radius:2px;overflow:hidden;display:block}.tpl-mini:after{content:"";position:absolute;left:8px;right:8px;top:20px;bottom:5px;background:repeating-linear-gradient(to bottom,#e7ebf2 0 1px,transparent 1px 5px)}.mini-book:before{content:"";position:absolute;left:6px;right:6px;top:7px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.mini-classic:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:13px;background:#f5f8ff;border-bottom:2px solid currentColor}.mini-classic b{position:absolute;left:5px;top:5px;width:9px;height:13px;background:currentColor;clip-path:polygon(0 0,100% 0,65% 100%,0 100%)}.mini-minimal:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:13px;background:linear-gradient(105deg,#213e63 0 31%,transparent 31%),linear-gradient(105deg,transparent 0 32%,currentColor 32%)}.mini-frame:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:13px;border:1px solid currentColor;border-radius:4px}.mini-frame b{position:absolute;left:5px;top:5px;width:3px;height:15px;background:currentColor}.mini-ribbon:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:9px;border:1px solid currentColor;border-radius:3px;background:#fff}.mini-ribbon b{position:absolute;left:11px;right:11px;top:9px;height:1px;background:currentColor;opacity:.28}.mini-ribbon em{position:absolute;left:7px;right:7px;bottom:6px;height:1px;background:currentColor;opacity:.7}.mini-clean:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:13px;border:1px solid #d7deea;border-radius:3px;background:#fff}.mini-clean b{position:absolute;left:5px;top:5px;width:3px;height:15px;background:currentColor}.mini-clean em{position:absolute;left:11px;top:8px;width:12px;height:3px;border-radius:3px;background:currentColor;opacity:.28}.mini-clean:after{top:22px}.mini-academic:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:15px;border-top:2px solid currentColor;border-bottom:1px solid currentColor;box-shadow:0 3px 0 -2px currentColor}.mini-academic b{position:absolute;left:5px;top:10px;width:3px;height:8px;background:currentColor}
@media(max-width:1380px){.test-page.desk-page{transform:scale(.86);margin-bottom:-130px}.test-page.desk-page.landscape{transform:scale(.73);margin-bottom:-175px}}
@media(max-width:1100px){.test-page.desk-page{transform:scale(.76);margin-bottom:-220px}.test-page.desk-page.landscape{transform:scale(.60);margin-bottom:-255px}}
@media(max-width:860px){.test-page.desk-page{transform:scale(.70);margin-bottom:-280px}.test-page.desk-page.landscape{transform:scale(.54);margin-bottom:-300px}}


/* ===== Web v0.4.2: masaüstü tarzı doğrudan manuel soru taşıma ===== */
.desk-test-item.desk-drag-inline{
  cursor:grabbing!important;
  outline:1.5px solid rgba(37,183,232,.72)!important;
  outline-offset:2px!important;
  box-shadow:0 5px 14px rgba(17,30,56,.10)!important;
  transform:none!important;
  opacity:1!important;
}
body.test-drag-active{cursor:grabbing!important}
body.test-drag-active .desk-test-item:not(.desk-drag-inline){transition:left .17s cubic-bezier(.2,.8,.2,1),top .17s cubic-bezier(.2,.8,.2,1)}


/* ===== Web v0.4.3: yumuşak sütun/sayfa geçişi ===== */
.desk-test-item.desk-page-arrive{
  animation:deskPageArrive .14s cubic-bezier(.22,.8,.22,1);
  opacity:1!important;
}
@keyframes deskPageArrive{
  0%{transform:translateY(-5px) scale(.995)}
  100%{transform:translateY(0) scale(1)}
}


/* ===== Web v0.4.5: sade A4 araç satırı + üst/alt bilgi ===== */
.test-preview-toolbar-compact{justify-content:flex-end;min-height:54px;padding:7px 10px}
.test-preview-toolbar-compact .test-preview-actions{margin-left:auto}
.desk-qtop{position:absolute;z-index:8;max-width:58%;padding:1px 5px;border-radius:999px;background:#f4f6fb;color:#526078;font-size:7px;font-weight:800;line-height:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.test-side-right .test-setting-section .test-check+.test-check{margin-top:8px}


/* ===== Web v0.4.6: A4 üst bandı kaldırıldı; üst bilgi soru geometrisini değiştirmez ===== */
.test-preview-area{gap:0}
.test-preview-scroll{flex:1 1 auto}
.desk-qtop{pointer-events:none}


/* ===== Web v0.4.8: sayfa kenar boşlukları tüm A4 geometrisine uygulanır ===== */
.desk-page-transform{position:absolute;left:0;top:0;transform-origin:0 0;overflow:visible}


/* ===== Web v0.4.12: sol üst tik ile soru seçimi ===== */
.q-toolbar-left{display:flex;align-items:center;gap:7px;min-width:0}
.q-select-check{
  flex:0 0 21px;width:21px;height:21px;padding:0;border:1.5px solid #cfd5e1;border-radius:6px;
  background:#fff;color:transparent;display:grid;place-items:center;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .12s ease;
}
.q-select-check span{font-size:12px;font-weight:950;line-height:1;transform:translateY(-.5px)}
.q-select-check:hover{border-color:#7b86e8;box-shadow:0 0 0 3px rgba(101,115,227,.10)}
.q-select-check.checked{background:#6573e3;border-color:#6573e3;color:#fff;box-shadow:0 0 0 3px rgba(101,115,227,.10)}
.q-select-check:active{transform:scale(.94)}
.question-card.selected.functional{outline:1.5px solid #6573e3;outline-offset:-1.5px}
.question-card.selected.functional:after{content:none!important;display:none!important}

/* Dizgide çift tıklanabilirliği hissettir, sürükleme davranışını değiştirme. */
.desk-test-item{cursor:grab}
.desk-test-item:hover{box-shadow:0 0 0 1px rgba(37,183,232,.13)}


/* ===== Web v0.4.16: dairesel yazı rengi paleti ===== */
.text-color-picker{position:relative;margin-top:4px}
.text-color-common{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 1px}
.text-color-swatch{--tc:#111827;width:27px;height:27px;min-width:27px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--tc);box-shadow:0 0 0 1px #d8dde7,inset 0 0 0 1px rgba(0,0,0,.05);transition:transform .13s ease,box-shadow .13s ease;position:relative}
.text-color-swatch:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #bfc6d3,0 4px 9px rgba(35,45,80,.12)}
.text-color-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #5663d7}
.text-color-more{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#ef4444);display:grid;place-items:center}
.text-color-more:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}
.text-color-more span{position:relative;z-index:2;color:#4f5bd5;font-size:14px;font-weight:900;line-height:1}
.text-color-more.active-custom{box-shadow:0 0 0 2px #fff,0 0 0 4px #5663d7}
.text-color-popover{margin-top:9px;border:1px solid #e0e5ed;border-radius:12px;background:#fff;padding:10px;box-shadow:0 10px 25px rgba(35,45,80,.12)}
.text-color-popover-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.text-color-popover-title strong{font-size:9px;color:#46536b}.text-color-popover-title button{width:24px;height:24px;border:0;border-radius:7px;background:#f3f5f8;color:#7a8497;font-size:16px;line-height:1}
.text-color-extra-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;justify-items:center}
.text-color-extra-grid .text-color-swatch{width:25px;height:25px;min-width:25px}
.text-color-custom-row{margin-top:10px;padding-top:9px;border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:10px}.text-color-custom-row span{font-size:9px;font-weight:750;color:#68748a}.color-input.compact{width:54px!important;height:30px!important;padding:2px!important;border-radius:8px!important;cursor:pointer}


/* ===== Web v0.4.17: yazı renkleri tek satır + palet yukarı açılır ===== */
.text-color-common{flex-wrap:nowrap;gap:8px}
.text-color-popover{position:absolute;left:0;bottom:calc(100% + 8px);margin-top:0;width:232px;max-width:calc(100vw - 36px);z-index:90}


/* ===== Web v0.4.18: Kaydet / PDF Oluştur buton hizası ===== */
.test-side-fixed.test-ops{align-items:stretch}
.test-side-fixed.test-ops button{
  min-width:0;
  height:42px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  line-height:1;
  font-size:12px;
  text-align:center;
}


/* ===== Web v0.4.19: üst menü bandını incelt ===== */
.app-topnav{
  height:62px;
  padding-left:22px;
  padding-right:22px;
  gap:18px;
}
.topnav-brand .brand-mark.small{
  width:34px;
  height:34px;
  border-radius:10px;
  font-size:12px;
}
.top-nav-item{
  height:36px;
  padding-left:10px;
  padding-right:10px;
}
.app-topnav .icon-btn{
  width:36px;
  height:36px;
}
.profile-mini{
  padding-top:3px;
  padding-bottom:3px;
}
.profile-mini .avatar{
  width:30px;
  height:30px;
  border-radius:9px;
}
body.app-open .workspace{
  height:calc(100vh - 62px);
}
@media(max-width:860px){
  .app-topnav{height:58px}
  body.app-open .workspace{height:calc(100vh - 58px)}
}


/* ===== Web v0.4.20: A4 önizleme zoom ===== */
.test-preview-area{position:relative}
#testPages{zoom:var(--test-preview-zoom,1)}
.test-zoom-control{position:absolute;right:18px;bottom:16px;z-index:35;display:flex;align-items:center;gap:3px;padding:4px;background:rgba(255,255,255,.95);border:1px solid #d8dee8;border-radius:12px;box-shadow:0 7px 22px rgba(35,45,80,.14);backdrop-filter:blur(8px)}
.test-zoom-control button{width:34px;height:32px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;color:#4b5568;font-size:18px;font-weight:750;line-height:1}
.test-zoom-control button:hover:not(:disabled){background:#eef1f7;color:#27344b}
.test-zoom-control button:disabled{opacity:.32;cursor:default}
.test-zoom-control .test-zoom-label{width:54px;font-size:11px;font-weight:800;color:#35415a}
.test-zoom-control .test-zoom-label:hover{background:#eef0ff;color:#4652c9}
@media(max-width:860px){.test-zoom-control{right:12px;bottom:12px}}


/* ===== Web v0.5.0: Deneme modülü (masaüstü v0.6.76 referansı) ===== */
#examPages{zoom:var(--exam-preview-zoom,1)}
.exam-logo-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px}.exam-logo-row .secondary{height:38px;padding:0 10px;font-size:11px}.exam-logo-name{display:block;color:#7d899d;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.template-grid .mini-osym,.template-grid .mini-lgs{position:relative;background:#fff;border:1px solid #cfd6df;overflow:hidden}
.template-grid .mini-osym:before{content:"";position:absolute;left:7px;right:7px;top:7px;height:14px;border:1px solid var(--primary);border-radius:4px 4px 0 0}.template-grid .mini-osym:after{content:"";position:absolute;left:7px;right:7px;bottom:7px;border-top:1px solid var(--primary);border-bottom:1px solid var(--primary);height:7px}.template-grid .mini-premium{position:relative;background:#fff;border:1px solid #cfd6df;overflow:hidden}.template-grid .mini-premium:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:14px;border:1px solid currentColor;border-radius:4px;background:#fff}.template-grid .mini-premium b{position:absolute;left:5px;top:5px;width:3px;height:16px;border-radius:4px 0 0 4px;background:currentColor}.template-grid .mini-premium em{position:absolute;left:21px;right:21px;top:15px;height:1px;border-radius:2px;background:currentColor}.template-grid .mini-premium:after{content:"";position:absolute;left:7px;right:7px;bottom:6px;border-top:1px solid currentColor;opacity:.6}
.template-grid .mini-lgs:before{content:"";position:absolute;left:7px;right:7px;top:8px;height:16px;border:1px solid var(--primary)}.template-grid .mini-lgs:after{content:"";position:absolute;left:7px;right:7px;top:15px;border-top:1px solid var(--primary)}
.exam-header-box{position:absolute;border:1px solid var(--accent);color:inherit}.exam-header-box.osym{border-radius:10px 10px 0 0}.exam-header-row{position:absolute;display:grid;grid-template-columns:145px 1fr 145px;align-items:center;text-align:center;font-weight:800}.exam-header-row>span{height:100%;display:grid;place-items:center;border-right:1px solid var(--accent);padding:0 6px;overflow:hidden}.exam-header-row>span:last-child{border-right:0}.exam-header-title{font-size:10px}.exam-instruction{position:absolute;font-size:7px;line-height:1.55;color:inherit}.exam-footer-note{position:absolute;right:34px;font-size:7px;display:flex;align-items:center;text-align:right}.exam-cover-page,.exam-optical-page,.exam-answer-page{position:absolute;inset:0;background:#fff;overflow:hidden}.exam-cover-top{position:absolute;left:0;right:0;top:0;height:23.5%;background:#12263e}.exam-cover-accent{position:absolute;right:0;top:0;width:54%;height:23.5%;background:var(--accent);clip-path:polygon(34% 0,100% 0,100% 100%,0 100%)}.exam-cover-kicker{position:absolute;left:10%;top:8.5%;color:white;font-weight:850;font-size:12px}.exam-cover-sub{position:absolute;left:10%;top:12.4%;color:#d6e2ee;font-size:8px}.exam-cover-logo{position:absolute;left:35%;width:30%;top:17.5%;height:13%;border:1px solid #d9e3ed;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden}.exam-cover-logo img{max-width:90%;max-height:86%;object-fit:contain}.exam-cover-title{position:absolute;left:12%;right:12%;top:34.5%;text-align:center;font-size:25px;font-weight:850;color:#12263e;line-height:1.12}.exam-cover-title-rule{position:absolute;left:40.5%;right:40.5%;top:40.8%;height:4px;background:var(--accent)}.exam-cover-meta{position:absolute;left:10%;right:10%;top:45%;text-align:center;font-size:9px;color:#62758b}.exam-cover-booklet{position:absolute;left:36.5%;right:36.5%;top:49%;height:4%;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-size:10px;font-weight:800;display:grid;place-items:center}.exam-cover-student{position:absolute;left:10.5%;right:10.5%;top:59.5%;height:16.5%;border:1px solid #dce5ee;border-radius:10px;background:#f8fafd;padding:28px 30px;color:#12263e}.exam-cover-student .row{display:grid;grid-template-columns:1fr .75fr;gap:40px;font-size:8px;font-weight:800}.exam-cover-student .line{border-bottom:1px dashed #afc0d0;height:18px;margin-top:4px}.exam-cover-tip{position:absolute;left:0;right:0;top:83.5%;text-align:center;font-size:8px;color:#66798e}.exam-cover-bottom{position:absolute;left:0;right:0;bottom:0;height:4.7%;background:#12263e;border-top:5px solid var(--accent);color:#fff;font-size:8px;font-weight:800;display:grid;place-items:center}.exam-optical-head{position:absolute;left:7.5%;right:7.5%;top:6.5%;height:7.3%;background:#17324d;color:white;padding:15px 26px;border-left:10px solid var(--accent)}.exam-optical-head strong{display:block;font-size:15px}.exam-optical-head small{font-size:8px;color:#e1eaf3}.exam-optical-details{position:absolute;right:3%;top:50%;transform:translateY(-50%);font-size:8px;font-weight:800}.exam-optical-student{position:absolute;left:7.5%;right:7.5%;top:16.2%;height:11.3%;border:1px solid #dce5ee;border-radius:8px;background:#f8fafd;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding:20px;font-size:8px;font-weight:800;color:#17324d}.exam-optical-student .line{border-bottom:1px dashed #afc0d0;margin-top:8px}.exam-optical-note{position:absolute;left:9.5%;top:30%;font-size:8px;color:#62758b}.exam-optical-grid{position:absolute;left:9.5%;right:9.5%;top:33.5%;bottom:12.5%;display:grid;gap:12px}.exam-optical-col{min-width:0}.exam-optical-col-head,.exam-optical-row{display:grid;grid-template-columns:30px repeat(5,1fr);align-items:center;text-align:center;font-size:7px}.exam-optical-col-head{height:20px;background:color-mix(in srgb,var(--accent) 12%,white);font-weight:800;color:#17324d}.exam-optical-row{height:18px;color:#17324d}.exam-optical-row:nth-child(6n){border-bottom:1px solid #e4eaf0}.exam-bubble{width:10px;height:10px;border:1px solid #788da2;border-radius:50%;justify-self:center}.exam-optical-foot{position:absolute;left:7.5%;right:7.5%;bottom:6.4%;height:4%;border-top:1px solid var(--accent);display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#718397}.exam-answer-page h3{position:absolute;left:48px;top:45px;margin:0;font-size:15px}.exam-answer-rule{position:absolute;left:48px;right:48px;top:78px;height:2px;background:var(--accent)}.exam-answer-meta{position:absolute;left:52px;top:90px;font-size:8px;color:#60748a}.exam-answer-grid{position:absolute;left:58px;right:58px;top:125px;bottom:60px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(18,25px);grid-auto-columns:1fr;font-size:9px;font-weight:800}.exam-cover-page{color:#12263e}.exam-cover-booklet.always{display:grid!important}.exam-cover-logo.is-placeholder{color:#6c829a;font-size:8px;font-weight:800;letter-spacing:.6px;text-align:center;line-height:1.5;background:#fff;border-style:dashed}.exam-cover-logo.is-placeholder span{display:block;font-size:7px;font-weight:700;letter-spacing:.2px;color:#91a2b3}.exam-cover-student .student-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px}.exam-cover-student .student-field{font-size:7.6px;font-weight:800}.exam-cover-student .student-field .line{height:16px;margin-top:3px;border-bottom:1px dashed #afc0d0}.exam-cover-student .student-field.signature .line{height:22px}.exam-cover-student .student-full{grid-column:1 / -1}.exam-cover-hint{font-size:7px;color:#66798e;margin-top:14px}.exam-cover-info-box{position:absolute;left:10.5%;right:10.5%;bottom:9.3%;min-height:10.5%;border:1px solid #dce5ee;border-radius:10px;background:#fbfdff;padding:12px 18px;color:#2d4760}.exam-cover-info-box h5{margin:0 0 6px;font-size:8px;color:var(--accent);letter-spacing:.5px}.exam-cover-info-box ol{margin:0;padding-left:16px;font-size:7px;line-height:1.55}.exam-cover-page.cover-minimal .exam-cover-student{top:56.7%;height:19%}.exam-cover-page.cover-minimal .exam-cover-info-box{top:78.5%}.exam-cover-page.cover-minimal .exam-cover-bottom{height:4.5%}
.desk-exam-item{position:absolute;z-index:5;box-sizing:border-box;cursor:grab;background:transparent;user-select:none;touch-action:none;transition:box-shadow .14s ease,transform .14s ease}.desk-exam-item:hover{outline:1px solid rgba(37,183,232,.40);outline-offset:3px;border-radius:3px}.desk-exam-item:active{cursor:grabbing}.desk-exam-item.desk-drag-inline{cursor:grabbing;box-shadow:0 5px 18px rgba(20,34,55,.13);outline:1px solid rgba(47,111,237,.35);outline-offset:2px;border-radius:4px}.desk-exam-item.desk-page-arrive{transition:left .2s cubic-bezier(.2,.8,.2,1),top .2s cubic-bezier(.2,.8,.2,1)}body.exam-drag-active .desk-exam-item:not(.desk-drag-inline){transition:left .17s cubic-bezier(.2,.8,.2,1),top .17s cubic-bezier(.2,.8,.2,1)}

/* ===== Web v0.5.1: Deneme şablon kutuları gerçek minyatür önizleme ===== */
.exam-template-grid button{
  height:96px;
  padding:8px 7px 7px;
  gap:5px;
}
.exam-template-thumb{
  position:relative;
  display:block;
  width:68px;
  height:54px;
  background:#fff;
  border:1px solid #cfd6df;
  border-radius:3px;
  overflow:hidden;
  color:#24364f;
  box-shadow:0 1px 2px rgba(30,45,70,.04);
}
.exam-template-thumb .thumb-head{
  position:absolute;
  left:5px;
  right:5px;
  top:5px;
  height:13px;
  display:grid;
  grid-template-columns:1fr 1.7fr .55fr;
  align-items:center;
  border:1px solid currentColor;
  overflow:hidden;
  background:#fff;
}
.exam-template-thumb .thumb-head.rounded{border-radius:5px}
.exam-template-thumb .thumb-head.square{border-radius:0}
.exam-template-thumb .thumb-head i,
.exam-template-thumb .thumb-head b{
  min-width:0;
  font-style:normal;
  font-size:2.6px;
  line-height:1;
  font-weight:700;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
}
.exam-template-thumb .thumb-head>*+*{border-left:1px solid currentColor;height:100%;display:grid;place-items:center}
.exam-template-thumb .thumb-instructions{
  position:absolute;
  left:8px;
  right:8px;
  top:22px;
  height:7px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.exam-template-thumb .thumb-instructions i{height:1px;background:#b8c1ce;border-radius:2px}
.exam-template-thumb .thumb-instructions i:last-child{width:76%}
.exam-template-thumb .thumb-cols{
  position:absolute;
  left:7px;
  right:7px;
  top:32px;
  bottom:10px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
}
.exam-template-thumb .thumb-cols:after{
  content:"";
  position:absolute;
  left:50%;top:0;bottom:0;
  border-left:1px dashed #aab5c4;
}
.exam-template-thumb .thumb-cols i{
  background:repeating-linear-gradient(to bottom,#d9dfe7 0 1px,transparent 1px 4px);
}
.exam-template-thumb .thumb-footer{
  position:absolute;
  left:5px;right:5px;bottom:5px;height:3px;
  border-top:1px solid currentColor;
}
.exam-template-thumb .thumb-footer.double{border-bottom:1px solid currentColor}
.exam-template-grid button.active .exam-template-thumb{border-color:#7b88e5;color:#4f5bd5;background:#fbfbff}


/* ===== Web v0.6.0: Yazılı Dizgi ===== */
#writtenPages{zoom:var(--written-preview-zoom,1)}
.written-header-box{position:absolute;border:1px solid var(--accent);border-radius:10px;box-sizing:border-box;color:inherit}
.written-header-title{position:absolute;left:10px;right:10px;text-align:center;font-size:9px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.written-header-rule,.written-student-line,.written-duration-rule{position:absolute;height:1px;background:#d5dce5}
.written-student-label{position:absolute;font-size:8px;font-weight:800;white-space:nowrap}
.written-duration{position:absolute;left:12px;right:12px;text-align:center;font-size:8px;font-weight:800;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.written-footer-teacher,.written-footer-success{position:absolute;right:34px;text-align:right;white-space:nowrap;color:inherit}
.written-footer-teacher{font-size:7.5px;font-weight:800}.written-footer-success{font-size:7px}
.desk-written-item{position:absolute;z-index:5;box-sizing:border-box;cursor:grab;background:transparent;user-select:none;touch-action:none;transition:box-shadow .14s ease,transform .14s ease}
.desk-written-item:hover{outline:1px solid rgba(37,183,232,.40);outline-offset:3px;border-radius:3px}.desk-written-item:active{cursor:grabbing}
.desk-written-item.desk-drag-inline{cursor:grabbing;box-shadow:0 5px 18px rgba(20,34,55,.13);outline:1px solid rgba(47,111,237,.35);outline-offset:2px;border-radius:4px}
.desk-written-item.desk-page-arrive{transition:left .2s cubic-bezier(.2,.8,.2,1),top .2s cubic-bezier(.2,.8,.2,1)}
body.written-drag-active .desk-written-item:not(.desk-drag-inline){transition:left .17s cubic-bezier(.2,.8,.2,1),top .17s cubic-bezier(.2,.8,.2,1)}
.written-template-grid{grid-template-columns:1fr 1fr}.written-template-grid button{min-height:124px}
.written-template-thumb{position:relative;display:block;width:92px;height:104px;margin:0 auto 6px;background:#fff;border:1px solid #d9dfe8;border-radius:5px;color:#c43c39;overflow:hidden}
.written-template-thumb .w-head{position:absolute;left:10px;right:10px;top:10px;height:25px;border:1px solid currentColor;border-radius:5px}
.written-template-thumb .w-head b{position:absolute;left:9px;right:9px;top:7px;height:2px;background:currentColor;opacity:.6}.written-template-thumb .w-head em{position:absolute;left:8px;width:28px;bottom:6px;height:1px;background:#aeb8c5}.written-template-thumb .w-head em+em{left:auto;right:8px}
.written-template-thumb .w-cols{position:absolute;left:10px;right:10px;top:42px;bottom:18px;border-left:1px solid #e5e9ef;border-right:1px solid #e5e9ef}.written-template-thumb .w-cols:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:currentColor;opacity:.8}
.written-template-thumb .w-foot{position:absolute;left:10px;right:10px;bottom:11px;height:1px;background:currentColor}
.written-template-grid button.active .written-template-thumb{border-color:#e0a5a3;background:#fffafa}
/* Yazılı Şablon 2: çerçevesiz, yalnız sütun ayırıcı çizgili sade görünüm. */
.written-template-thumb.written-template-simple .w-head{border:0;border-radius:0}
.written-template-thumb.written-template-simple .w-head b{background:transparent;border-top:1px solid currentColor;opacity:.35}
.written-template-thumb.written-template-simple .w-foot{display:none}
.written-header-title.simple{font-weight:800}

.written-answer-page{position:absolute;inset:0;background:white;color:inherit}.written-answer-page h3{position:absolute;left:48px;top:45px;margin:0;font-size:15px}.written-answer-rule{position:absolute;left:48px;right:48px;top:78px;height:2px;background:var(--accent)}.written-answer-meta{position:absolute;left:52px;top:90px;font-size:8px;color:#60748a}.written-answer-grid{position:absolute;left:58px;right:58px;top:125px;bottom:60px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(18,25px);grid-auto-columns:1fr;font-size:9px;font-weight:800}


/* ===== Web v0.7.0: Ders Notu ===== */
#lessonPages{zoom:var(--lesson-preview-zoom,1)}
.desk-lesson-item.desk-drag-inline{cursor:grabbing!important;outline:1.5px solid rgba(37,183,232,.72)!important;outline-offset:2px!important;box-shadow:0 5px 14px rgba(17,30,56,.10)!important;transform:none!important;opacity:1!important}
body.lesson-drag-active{cursor:grabbing!important}
body.lesson-drag-active .desk-lesson-item:not(.desk-drag-inline){transition:left .17s cubic-bezier(.2,.8,.2,1),top .17s cubic-bezier(.2,.8,.2,1)}
.desk-lesson-item.desk-page-arrive{animation:deskPageArrive .14s cubic-bezier(.22,.8,.22,1);opacity:1!important}
.lesson-example-chip{letter-spacing:.15px}
.lesson-example-image{overflow:hidden}

/* ===== Web v0.8.0: gerçek kayıtlı çalışmalar ===== */
.saved-empty{grid-column:1/-1;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;color:var(--muted);border-style:dashed}.saved-empty strong{color:var(--text);font-size:14px}.saved-real-card{position:relative;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.saved-real-card:hover{transform:translateY(-2px);border-color:#cfd5e8;box-shadow:0 9px 24px rgba(35,45,80,.08)}.saved-card-top{display:flex;align-items:center;justify-content:space-between}.saved-card-menu{border:0;background:transparent;color:#9aa3b4;width:28px;height:28px;border-radius:8px;font-size:18px}.saved-card-menu:hover{background:#fff0f1;color:#b4474d}.saved-card-hover{margin-top:13px;font-size:10px;font-weight:750;color:var(--primary);opacity:0;transition:.16s}.saved-real-card:hover .saved-card-hover{opacity:1}.vertical-choice{grid-template-columns:1fr}.action-card{width:100%;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.action-card:hover{border-color:#aeb7e8;background:#f8f9ff}.new-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.new-work-grid button{min-height:90px;border:1px solid var(--line);background:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:16px;text-align:left}.new-work-grid button:hover{border-color:#aeb7e8;background:#f8f9ff}.new-work-grid strong{font-size:14px}.new-work-grid small{font-size:10px;color:var(--muted);margin-top:4px}.save-modal #saveType:disabled{opacity:.75;background:#f7f8fb}@media(max-width:600px){.new-work-grid{grid-template-columns:1fr}}


/* ===== Web v0.9.0: PDF / yazdırma çıktısı ===== */
#pdfPrintHost{display:none}
@media print{
  html,body{margin:0!important;padding:0!important;width:auto!important;height:auto!important;overflow:visible!important;background:#fff!important}
  body.pdf-print-mode{background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  body.pdf-print-mode > *:not(#pdfPrintHost){display:none!important}
  body.pdf-print-mode #pdfPrintHost{display:block!important;margin:0!important;padding:0!important;background:#fff!important}
  #pdfPrintHost .pdf-page-sheet{position:relative!important;display:block!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;break-after:page!important;page-break-after:always!important}
  #pdfPrintHost .pdf-page-sheet:last-child{break-after:auto!important;page-break-after:auto!important}
  #pdfPrintHost .pdf-page-sheet.portrait{width:210mm!important;height:297mm!important}
  #pdfPrintHost .pdf-page-sheet.landscape{width:297mm!important;height:210mm!important}
  #pdfPrintHost .pdf-scaled-page{position:absolute!important;left:0!important;top:0!important;transform:scale(1.2025769506)!important;transform-origin:0 0!important;margin:0!important;box-shadow:none!important;border:0!important;outline:0!important;zoom:1!important}
  #pdfPrintHost .desk-test-item,#pdfPrintHost .desk-exam-item,#pdfPrintHost .desk-written-item,#pdfPrintHost .desk-lesson-item{cursor:default!important;outline:0!important;box-shadow:none!important}
  #pdfPrintHost *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}


/* ===== Web v0.9.2: PDF ad/konum penceresi ===== */
.pdf-save-modal{width:min(470px,calc(100vw - 28px))}
.pdf-name-row{display:flex;align-items:center;border:1px solid #dfe4ed;border-radius:11px;background:#fff;overflow:hidden;transition:.15s}
.pdf-name-row:focus-within{border-color:#8994ee;box-shadow:0 0 0 4px #eef0ff}
.pdf-name-row input{height:44px!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0;flex:1}
.pdf-name-row span{height:44px;display:flex;align-items:center;padding:0 13px;background:#f5f6f9;border-left:1px solid #e3e7ef;color:#788398;font-size:12px;font-weight:800}

/* ===== Web v0.9.3: Kayıtlı Çalışmalar satır görünümü ===== */
.saved-list{display:flex;flex-direction:column;gap:8px;min-width:0}
.saved-list-header{display:grid;grid-template-columns:minmax(0,1fr) 145px 300px;align-items:center;padding:0 18px 6px;color:#929bad;font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}
.saved-list-header span:nth-child(2){text-align:center}.saved-list-header span:last-child{text-align:right}
.saved-work-row{display:grid;grid-template-columns:minmax(0,1fr) 145px 300px;align-items:center;gap:14px;min-height:68px;padding:10px 12px 10px 16px;background:#fff;border:1px solid var(--line);border-radius:13px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.saved-work-row:hover{border-color:#d2d8e8;box-shadow:0 5px 16px rgba(35,45,80,.055);background:#fdfdff}
.saved-work-main{display:flex;align-items:center;gap:12px;min-width:0}.saved-work-main>.type{flex:0 0 auto;min-width:64px;text-align:center}
.saved-work-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.saved-work-copy strong{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-work-copy span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saved-work-row time{font-size:10px;color:#7f899b;text-align:center;white-space:nowrap}
.saved-work-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;white-space:nowrap}
.saved-action{height:34px;border-radius:9px;padding:0 11px;border:1px solid #dfe4ed;background:#fff;color:#566176;font-size:10px;font-weight:800;transition:.14s ease}
.saved-action:hover{background:#f5f7fb;border-color:#cbd2df;color:#303a4f}
.saved-action.edit{border-color:#cfd5f4;color:#4d59c8;background:#f7f8ff}.saved-action.edit:hover{background:#eef0ff}
.saved-action.delete{color:#b24b53}.saved-action.delete:hover{background:#fff1f2;border-color:#f0cfd2}
.saved-action.pdf{background:var(--primary);border-color:var(--primary);color:#fff}.saved-action.pdf:hover{background:#4652c9}
.saved-list .saved-empty{min-height:170px}
@media(max-width:1120px){.saved-list-header{grid-template-columns:minmax(0,1fr) 110px 250px}.saved-work-row{grid-template-columns:minmax(0,1fr) 110px 250px}.saved-action{padding:0 8px}}
@media(max-width:880px){.saved-list-header{display:none}.saved-work-row{grid-template-columns:1fr;gap:9px;padding:13px}.saved-work-row time{text-align:left}.saved-work-actions{justify-content:flex-start;flex-wrap:wrap}.saved-action{flex:1 1 90px}}


/* ===== Web v0.9.5: sade üst menü + doğrudan çalışma oluşturma akışı ===== */
.create-work-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
  flex-wrap:wrap;
}
.create-work-btn{
  height:42px;
  border:1px solid #dfe3ee;
  background:#fff;
  color:#3f4a62;
  border-radius:11px;
  padding:0 14px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.create-work-btn:hover:not(:disabled){
  color:#4652c9;
  border-color:#c9cff7;
  background:#f7f8ff;
  box-shadow:0 5px 14px rgba(79,91,213,.08);
  transform:translateY(-1px);
}
.create-work-btn:active:not(:disabled){transform:translateY(0)}
.pool-edit-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.apply-pool-edit-btn{height:42px;padding:0 17px;white-space:nowrap}
.pool-selection-bar.edit-mode{border-color:#cfd5fa;background:linear-gradient(180deg,#fff,#fafaff)}
.pool-selection-bar.edit-mode .selection-count{color:#5965c9;font-weight:750}
@media(max-width:1120px){
  .create-work-actions{display:grid;grid-template-columns:repeat(2,minmax(132px,1fr));width:min(390px,52%)}
  .create-work-btn{width:100%;padding:0 10px}
}
@media(max-width:760px){
  .create-work-actions{width:100%;grid-template-columns:repeat(2,1fr)}
  .pool-edit-actions{width:100%;display:grid;grid-template-columns:auto 1fr}
  .apply-pool-edit-btn{width:100%}
}
@media(max-width:480px){.create-work-actions{grid-template-columns:1fr}}

/* ===== Web v0.9.7: kaydedilmemiş çalışma uyarısı ===== */
.unsaved-work-modal{width:min(520px,calc(100vw - 28px))}
.unsaved-work-modal .modal-help{font-size:12px;line-height:1.65;color:#687386}
.unsaved-actions{flex-wrap:wrap}
.unsaved-actions .primary{margin-left:auto}
@media(max-width:600px){.unsaved-actions{display:grid;grid-template-columns:1fr}.unsaved-actions .primary{margin-left:0}.unsaved-actions button{width:100%}}


/* ===== Web v0.9.7: zoom kontrolü sağ ayar paneline taşındı ===== */
.preview-zoom-setting{padding-top:12px;padding-bottom:12px}
.preview-zoom-setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.preview-zoom-title{font-size:12px;font-weight:750;color:#4f596c;white-space:nowrap}
.preview-zoom-setting .test-zoom-control{position:static;right:auto;bottom:auto;z-index:auto;display:flex;align-items:center;gap:2px;padding:3px;background:#f7f8fb;border:1px solid #dfe4ed;border-radius:10px;box-shadow:none;backdrop-filter:none;flex:0 0 auto}
.preview-zoom-setting .test-zoom-control button{width:29px;height:28px;border-radius:7px;font-size:16px}
.preview-zoom-setting .test-zoom-control .test-zoom-label{width:48px;font-size:10px}
@media(max-width:860px){.preview-zoom-setting .test-zoom-control{position:static;right:auto;bottom:auto}}


/* ===== Web v0.9.10: büyük ve okunaklı soru önizlemesi + daha kompakt menüler ===== */
#questionAddModal,#questionEditModal{
  overflow:auto;
  overscroll-behavior:contain;
  padding:10px;
}
.question-add-modal{
  width:min(920px,calc(100vw - 20px));
  max-height:calc(100dvh - 20px);
  padding:13px 15px 11px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:0 24px 72px rgba(18,28,48,.22);
}
.question-add-modal .modal-head{
  flex:0 0 auto;
  margin-bottom:5px;
  padding-bottom:7px;
  border-bottom:1px solid #eef1f5;
}
.question-add-modal .modal-head h3{font-size:18px;margin-top:2px}
.question-add-modal .modal-head .modal-help{margin-top:3px;font-size:9px}
.question-add-modal .modal-close{width:30px;height:30px;border-radius:8px;font-size:19px}
.question-add-modal .question-edit-layout{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  display:grid;
  grid-template-columns:minmax(330px,1.18fr) minmax(285px,.82fr);
  gap:11px;
  margin-top:4px;
  padding:1px 5px 3px 1px;
  align-items:start;
}
.question-add-modal .question-edit-layout::-webkit-scrollbar{width:7px}
.question-add-modal .question-edit-layout::-webkit-scrollbar-thumb{background:#d7dce7;border-radius:999px}
.question-add-modal .edit-preview-panel{position:sticky;top:1px}.question-add-modal .edit-preview{
  min-height:335px;
  max-height:445px;
  background:#f8f9fc;
  border-radius:11px;
  padding:5px;
  position:static;
  top:auto;
}
.question-add-modal .edit-preview img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:430px;
  object-fit:contain;
  image-rendering:auto;
}
.question-add-modal .edit-preview-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.question-add-modal .edit-preview-actions button{font-size:10px;min-height:40px;padding:6px 6px}
.manual-clean-modal{width:calc(100vw - 40px);height:calc(100vh - 40px);max-width:none;max-height:none;display:flex;flex-direction:column;padding:10px 12px}.manual-clean-topbar{flex:0 0 auto;min-height:44px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eef1f5;padding:0 0 8px}.manual-clean-inline-title{display:flex;align-items:center;gap:8px;white-space:nowrap;flex:0 0 auto}.manual-clean-inline-title .eyebrow{font-size:10px;letter-spacing:.18em}.manual-clean-inline-title strong{font-size:14px;color:var(--text)}.manual-clean-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}.manual-clean-tool-group{display:flex;gap:6px;flex:0 0 auto;flex-wrap:nowrap;align-items:center}.manual-clean-toolbar .secondary{height:32px;padding:0 10px;border-radius:9px;font-size:11px}.manual-clean-toolbar .icon-control{width:32px;min-width:32px;padding:0}.manual-clean-zoom-group{justify-content:center}.manual-clean-label{font-size:10px;font-weight:700;color:#607089}.manual-clean-zoom-readout{min-width:52px;height:32px;padding:0 8px;border:1px solid #dfe4ed;border-radius:9px;background:#f8f9fc;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#53627b}.manual-clean-tool-group .secondary.active{background:#eef0ff;border-color:#9aa3f7;color:#3c48b5}.manual-clean-topbar>.modal-close{flex:0 0 32px;width:32px;height:32px;border-radius:9px}.manual-clean-stage{flex:1 1 auto;min-height:0;overflow:auto;background:#10151e;border-radius:10px;padding:8px;display:flex;align-items:flex-start;justify-content:flex-start;margin-top:8px}.manual-clean-stage canvas{max-width:none;display:block;margin:auto;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.14);cursor:crosshair;touch-action:none;transform-origin:top left}.manual-clean-footer{flex:0 0 42px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;margin-top:6px;border-top:1px solid #eef1f5;padding-top:6px}.manual-clean-footer #manualCleanStatus{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f899d;font-size:10px;line-height:1.3}.manual-clean-footer .modal-actions{display:flex;gap:7px;flex:0 0 auto;margin:0;padding-top:0;border-top:0}.manual-clean-footer .modal-actions button{height:32px;padding:0 14px}
.question-add-modal .edit-fields-stacked{gap:3px}
.question-add-modal .modal-field label{font-size:10px;margin:2px 0 3px}
.question-add-modal .required-mark{color:#d04d5f}
.question-add-modal select,.question-add-modal input{
  width:100%;
  height:33px;
  border:1px solid #dfe4ed;
  border-radius:8px;
  background:#fff;
  padding:0 9px;
  color:var(--text);
  outline:none;
  font-size:11px;
}
.question-add-modal select:focus,.question-add-modal input:focus{border-color:#8994ee;box-shadow:0 0 0 3px #eef0ff}
.question-add-modal #addQuestionCategory,.question-add-modal #editQuestionCategory{font-weight:700}
.question-add-modal .field-grid.two{gap:6px}
.question-add-modal .edit-fields>.modal-help{font-size:9px;line-height:1.3;margin:2px 0 0}
.question-add-actions{
  flex:0 0 auto;
  justify-content:space-between;
  align-items:center;
  margin-top:6px;
  padding-top:7px;
  background:var(--surface);
}
.question-add-actions button{height:34px;padding-top:0;padding-bottom:0}
.question-add-primary-actions{display:flex;gap:7px;justify-content:flex-end}
.question-add-primary-actions .primary{min-width:100px}
@media(max-height:720px){
  #questionAddModal{padding:5px}
  .question-add-modal{max-height:calc(100dvh - 10px);padding:9px 11px 8px}
  .question-add-modal .modal-head{margin-bottom:3px;padding-bottom:5px}
  .question-add-modal .modal-head .modal-help{display:none}
  .question-add-modal .question-edit-layout{grid-template-columns:minmax(315px,1.2fr) minmax(275px,.8fr);gap:9px;margin-top:2px}
  .question-add-modal .edit-preview{min-height:285px;max-height:365px;padding:4px}
  .question-add-modal .edit-preview img{max-height:352px}
  .question-add-modal .edit-fields-stacked{gap:2px}
  .question-add-modal .modal-field label{margin:1px 0 2px;font-size:9px}
  .question-add-modal select,.question-add-modal input{height:30px;font-size:10px}
  .question-add-modal .edit-fields>.modal-help{display:none}
  .question-add-actions{margin-top:4px;padding-top:5px}
  .question-add-actions button{height:32px}
}
@media(max-width:720px){
  #questionAddModal{place-items:start center}
  .question-add-modal{width:min(640px,calc(100vw - 8px));max-height:calc(100dvh - 10px)}
  .question-add-modal .question-edit-layout{grid-template-columns:1fr;gap:8px}
  .question-add-modal .edit-preview{position:static;min-height:250px;max-height:340px}
  .question-add-modal .edit-preview img{max-height:325px}
  .question-add-actions{align-items:stretch}
  .question-add-primary-actions{flex:1}
  .question-add-primary-actions button,.question-add-actions>button{flex:1}
}


/* ===== Web v0.9.11: ortak soru bilgi penceresi ===== */
#questionEditModal{padding:10px;place-items:center;overscroll-behavior:contain}
#questionEditModal .question-add-modal{width:min(920px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:13px 15px 11px}
#questionEditModal .question-add-actions{position:relative;z-index:4}
#questionEditModal .question-add-primary-actions{display:flex;gap:7px}
#questionEditModal .question-add-primary-actions .primary{min-width:100px}
#questionEditModal .danger-soft{height:34px;padding-top:0;padding-bottom:0}
@media(max-height:720px){
  #questionEditModal{padding:5px}
  #questionEditModal .question-add-modal{max-height:calc(100dvh - 10px);padding:9px 11px 8px}
}
@media(max-width:720px){
  #questionEditModal{place-items:start center}
  #questionEditModal .question-add-modal{width:min(640px,calc(100vw - 8px));max-height:calc(100dvh - 10px)}
  #questionEditModal .split-actions{gap:7px;align-items:stretch}
  #questionEditModal .question-add-primary-actions{flex:1}
  #questionEditModal .question-add-primary-actions button,#questionEditModal .danger-soft{flex:1}
}


/* ===== Web v0.9.12: soru ekleme araçları üst banda taşındı ===== */
.top-nav{gap:5px}
.top-nav-divider{width:1px;height:24px;background:#2b3851;flex:0 0 1px;margin:0 5px}
.top-quick-actions{display:flex;align-items:center;gap:4px;white-space:nowrap}
.top-action-item{
  height:34px;
  border:1px solid transparent;
  background:transparent;
  color:#aeb9ca;
  border-radius:9px;
  padding:0 9px;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
  transition:.16s ease;
}
.top-action-item:hover{background:#182236;border-color:#273650;color:#f0f3f8}
.top-action-item:active{transform:translateY(1px)}
.top-action-icon{width:16px;text-align:center;color:#8492f5;font-size:14px;font-weight:900;line-height:1}
.top-action-item kbd{
  border:1px solid #33415b;
  border-bottom-color:#46536b;
  background:#1a2438;
  color:#8190a7;
  border-radius:5px;
  padding:2px 4px;
  font:700 8px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.03);
}
/* Butonlar kalkınca kategori ağacı kalan yüksekliğin tamamını kullanır. */
.category-panel .tree{margin-bottom:0}
.category-actions{display:none!important} /* overridden in v0.9.37 restored layout */

@media(max-width:1280px){
  .top-action-item{padding:0 7px;gap:4px}
  .top-action-item kbd{display:none}
  .top-nav-divider{margin-left:2px;margin-right:2px}
}
@media(max-width:1120px){
  .top-action-item span:not(.top-action-icon){display:none}
  .top-action-item{width:36px;justify-content:center;padding:0}
  .top-action-icon{width:auto}
  .top-nav-divider{height:20px;margin:0 1px}
}
@media(max-width:760px){
  .top-nav-divider{display:none}
  .top-quick-actions{gap:1px}
  .top-action-item{width:34px;height:34px}
}


/* ===== Web v0.9.14: işlevsel kart / liste görünümü ===== */
.view-toggle{display:flex;align-items:center;background:#fff;border:1px solid #dfe4ed;border-radius:13px;padding:4px;box-shadow:0 2px 8px rgba(35,45,80,.035)}
.view-toggle button{width:40px;height:38px;border:0;background:transparent;color:#8a96aa;border-radius:9px;display:grid;place-items:center;font-size:18px;line-height:1;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.view-toggle button:hover{background:#f5f6fb;color:#68748a}
.view-toggle button.active{background:#eef0ff;color:#5362df;box-shadow:inset 0 0 0 1px #e2e5ff}

.question-grid.list-view{grid-template-columns:1fr!important;gap:10px}
.question-grid.list-view .question-card.functional{
  min-height:172px;
  display:grid;
  grid-template-columns:minmax(300px,1.35fr) minmax(220px,.65fr);
  grid-template-rows:38px minmax(128px,1fr);
  overflow:visible;
}
.question-grid.list-view .question-card.functional .q-toolbar{grid-column:1/-1;grid-row:1;height:38px;padding:6px 10px}
.question-grid.list-view .question-card.functional .question-image-wrap{
  grid-column:1;grid-row:2;
  height:128px;
  margin:8px 12px 10px 10px;
  border-radius:9px;
}
.question-grid.list-view .question-card.functional .question-paper{
  grid-column:1;grid-row:2;
  min-height:128px;height:128px;
  margin:8px 12px 10px 10px;
  border-radius:9px;
}
.question-grid.list-view .question-card.functional .q-footer{
  grid-column:2;grid-row:2;
  height:auto;min-height:128px;
  border-top:0;border-left:1px solid var(--line);
  padding:16px 18px;
  margin:0;
  display:flex;align-items:center;align-content:center;justify-content:flex-start;
  flex-wrap:wrap;gap:9px 10px;
}
.question-grid.list-view .question-card.functional .q-footer .difficulty{font-size:10px;padding:5px 9px}
.question-grid.list-view .question-card.functional .q-footer .answer{margin-left:0;flex:1 1 100%;font-size:11px}
.question-grid.list-view .question-card.functional .q-footer .source{max-width:none;flex:1 1 100%;font-size:10px}
.question-grid.list-view .question-card.selected.functional:after{right:10px;bottom:10px}
.question-grid.list-view .q-menu{right:8px;top:33px}
.question-grid.list-view .drag-placeholder{grid-column:1/-1;width:100%}

@media(max-width:900px){
  .question-grid.list-view .question-card.functional{grid-template-columns:minmax(220px,1fr) 185px}
}
@media(max-width:680px){
  .question-grid.list-view .question-card.functional{display:block;min-height:270px}
  .question-grid.list-view .question-card.functional .question-image-wrap{height:182px;margin:10px}
  .question-grid.list-view .question-card.functional .question-paper{height:182px;min-height:182px;margin:10px}
  .question-grid.list-view .question-card.functional .q-footer{min-height:45px;border-left:0;border-top:1px solid var(--line);padding:0 10px;flex-wrap:nowrap}
  .question-grid.list-view .question-card.functional .q-footer .answer{margin-left:auto;flex:0 1 auto}
  .question-grid.list-view .question-card.functional .q-footer .source{flex:0 1 auto;max-width:72px}
}


/* ===== Web v0.9.15: Soru Havuzu 3/4/5/6 kart görünümü ===== */
.column-toggle{display:flex;align-items:center;gap:3px;background:#fff;border:1px solid #dfe4ed;border-radius:13px;padding:4px;box-shadow:0 2px 8px rgba(35,45,80,.035)}
.column-toggle-label{padding:0 7px 0 5px;color:#8a96aa!important;font-size:10px!important;font-weight:700;letter-spacing:.15px}
.column-toggle button{min-width:34px;height:34px;padding:0 9px;border:0;background:transparent;color:#7f8ba0;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:800;line-height:1;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.column-toggle button:hover{background:#f5f6fb;color:#68748a}
.column-toggle button.active{background:#eef0ff;color:#5362df;box-shadow:inset 0 0 0 1px #e2e5ff}
.question-grid.grid-view{grid-template-columns:repeat(var(--pool-columns,4),minmax(0,1fr))!important}
.question-grid.grid-view .question-card.functional{min-width:0}
.question-grid.grid-view[data-columns="5"]{gap:11px}
.question-grid.grid-view[data-columns="6"]{gap:9px}
.question-grid.grid-view[data-columns="5"] .question-image-wrap,
.question-grid.grid-view[data-columns="6"] .question-image-wrap{margin:8px}
.question-grid.grid-view[data-columns="5"] .q-toolbar,
.question-grid.grid-view[data-columns="6"] .q-toolbar{padding-left:7px;padding-right:7px}
.question-grid.grid-view[data-columns="6"] .q-footer{padding-left:7px;padding-right:7px;gap:4px}
.question-grid.grid-view[data-columns="6"] .q-footer span{font-size:8px}
.question-grid.grid-view[data-columns="6"] .difficulty{padding:4px 5px}
@media(max-width:1150px){
  .question-grid.grid-view[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .question-grid.grid-view[data-columns="4"],
  .question-grid.grid-view[data-columns="5"],
  .question-grid.grid-view[data-columns="6"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .question-grid.grid-view{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .column-toggle-label{display:none}
}
@media(max-width:640px){.question-grid.grid-view{grid-template-columns:1fr!important}}


/* ===== Web v0.9.16: daha kompakt ve hafif renklendirilmiş ana arayüz ===== */
:root{
  --chrome-navy:#172238;
  --chrome-navy-2:#1d2b45;
  --chrome-line:#2d405f;
  --soft-blue-surface:#f8faff;
  --soft-blue-border:#dde5f3;
  --soft-blue-active:#edf2ff;
}

/* Üst bant: daha ince, daha yumuşak lacivert. */
.app-topnav{
  height:54px;
  padding-left:18px;
  padding-right:18px;
  gap:14px;
  background:linear-gradient(180deg,var(--chrome-navy-2),var(--chrome-navy));
  border-bottom-color:var(--chrome-line);
  box-shadow:0 4px 16px rgba(21,34,56,.10);
}
.topnav-brand{gap:9px}
.topnav-brand .brand-mark.small{
  width:30px;
  height:30px;
  border-radius:9px;
  font-size:11px;
  background:#eef2ff;
  color:#5363d9;
}
.brand-copy strong{font-size:13px}
.brand-copy span{font-size:9px;margin-top:3px;color:#8491a7}
.top-nav-item{
  height:32px;
  padding-left:9px;
  padding-right:9px;
  border-radius:9px;
}
.top-nav-item:hover,.top-action-item:hover{background:#243450;border-color:#304666}
.top-nav-item.active{
  background:#2a3b5e;
  box-shadow:inset 0 0 0 1px rgba(135,154,232,.12);
}
.top-action-item{height:30px;border-radius:8px;padding-left:8px;padding-right:8px}
.top-nav-divider{height:20px;background:#344865}
.app-topnav .icon-btn{width:32px;height:32px;border-radius:9px;background:#1e2c44;border-color:#2b405e}
.profile-mini{padding:2px 5px;border-radius:9px}
.profile-mini .avatar{width:28px;height:28px;border-radius:8px}
.storage-mini{width:82px}

/* Çalışma alanı üst/alt nefes payı da bandın yeni ölçüsüne uyumlu. */
body.app-open .workspace{
  height:calc(100vh - 54px);
  padding-top:12px;
  padding-bottom:12px;
}

/* Sol kategori bandı: daha dar ve çok hafif mavi yüzey. */
.content-grid{grid-template-columns:218px minmax(0,1fr);gap:14px}
.category-panel{
  padding:13px;
  border-color:var(--soft-blue-border);
  background:linear-gradient(180deg,#fbfcff 0%,var(--soft-blue-surface) 100%);
  border-radius:14px;
  box-shadow:0 3px 14px rgba(50,70,110,.045);
}
.category-panel .panel-title{padding-bottom:10px;border-bottom-color:#e4eaf5}
.category-panel .panel-title strong{color:#33415a;font-size:13px}
.category-panel .panel-title span{font-size:10px;color:#8a97ac}
.category-panel .square{
  width:30px;height:30px;border-radius:9px;
  background:#f0f4ff;border-color:#dde4f5;color:#5968d8;
}
.category-panel .tree{margin-top:9px;gap:2px}
.category-panel .tree-row{padding-top:8px;padding-bottom:8px;border-radius:8px}
.category-panel .tree-row:hover,.category-panel .tree-row.active-soft{background:#f0f4ff;color:#4e5ec7}
.category-panel .tree-row.active{
  background:var(--soft-blue-active);
  color:#3547a7;
  box-shadow:inset 3px 0 0 #7886e7;
}

/* Havuz başlığı biraz daha kompakt. */
.section-meta{height:52px;padding-bottom:8px}
.pool-meta-right{gap:8px}
.autosave-state{padding:5px 8px;border-radius:8px;background:#f7f9fd}
.column-toggle{border-color:#dce4f2;background:#fbfcff;padding:3px;border-radius:11px;box-shadow:none}
.column-toggle-label{padding-left:6px;padding-right:6px;color:#7b889d!important}
.column-toggle button{min-width:31px;height:30px;padding:0 7px;border-radius:8px}
.column-toggle button.active{background:#eaf0ff;color:#4f60d2;box-shadow:inset 0 0 0 1px #dbe3ff}

/* Alt seçim bandı: daha ince, sakin mavi-gri yüzey. */
.pool-selection-bar{
  min-height:52px;
  margin-top:8px;
  padding:6px 8px 6px 10px;
  gap:10px;
  border-radius:13px;
  border-color:#dbe4f1;
  background:linear-gradient(180deg,#fbfcff,#f5f8fd);
  box-shadow:0 4px 16px rgba(43,61,98,.055);
}
.selection-actions{gap:5px}
.selection-btn{
  height:34px;
  padding-left:10px;
  padding-right:10px;
  border-radius:9px;
  background:#fff;
  border-color:#dfe6f0;
}
.create-work-actions{gap:5px}
.create-work-btn{
  min-height:34px;
  height:34px;
  border-radius:9px;
  padding-top:0;
  padding-bottom:0;
  border-color:#dce4f1;
  background:#f7f9ff;
  color:#465779;
}
.create-work-btn:hover{background:#eef3ff;border-color:#ccd8ee;color:#4157ad}
.selection-count{color:#718099}

@media(max-width:1120px){
  .content-grid{grid-template-columns:198px minmax(0,1fr)}
  .app-topnav{padding-left:14px;padding-right:14px;gap:9px}
}
@media(max-width:860px){
  .app-topnav{height:52px}
  body.app-open .workspace{height:calc(100vh - 52px)}
  .content-grid{grid-template-columns:1fr}
}


/* ===== Web v0.9.17: 3/4/5 kart + orantılı kart yüksekliği ===== */
/* Kart yüksekliği artık sütun sayısından bağımsız sabit değil; genişlikle birlikte ölçeklenir. */
.question-grid.grid-view .question-card.functional{
  min-height:0!important;
  height:auto;
}
.question-grid.grid-view .question-image-wrap{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1.36 / 1;
}
.question-grid.grid-view .question-card.functional .question-paper{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1.36 / 1;
}
.question-grid.grid-view .question-image-wrap img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
/* 3'lü görünümde geniş kartın iç boşlukları biraz daha ferah. */
.question-grid.grid-view[data-columns="3"]{gap:15px}
.question-grid.grid-view[data-columns="3"] .question-image-wrap,
.question-grid.grid-view[data-columns="3"] .question-card.functional .question-paper{margin:11px}
/* 4 varsayılan: mevcut dengeli yoğunluk. */
.question-grid.grid-view[data-columns="4"]{gap:14px}
/* 5'li görünümde hem en hem boy birlikte küçülür; kontroller de hafif sıkılaşır. */
.question-grid.grid-view[data-columns="5"]{gap:10px}
.question-grid.grid-view[data-columns="5"] .question-image-wrap,
.question-grid.grid-view[data-columns="5"] .question-card.functional .question-paper{margin:7px}
.question-grid.grid-view[data-columns="5"] .q-toolbar{height:33px;padding:5px 7px}
.question-grid.grid-view[data-columns="5"] .question-card.functional .q-footer{height:39px;padding:0 7px;gap:5px}
.question-grid.grid-view[data-columns="5"] .q-footer span{font-size:8px}
.question-grid.grid-view[data-columns="5"] .difficulty{padding:3px 5px}
/* Eski 6'lı görünüme ait stillerin herhangi bir kalıntısı etkisiz kalsın. */
.question-grid.grid-view[data-columns="6"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}

/* Web v0.9.19 - üst soldaki gereksiz sürüm/metin etiketi kaldırıldı */
.topnav-brand{gap:0;flex:0 0 auto}


/* ===== Web v0.9.20: simetrik üst bant ===== */
.app-topnav.topnav-balanced{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:12px;
}
.topnav-edge{
  min-width:0;
  display:flex;
  align-items:center;
  height:100%;
}
.topnav-edge-left{justify-content:flex-start}
.topnav-edge-right{justify-content:flex-end}
.top-quick-actions-centered{
  justify-self:center;
  position:relative;
  padding:0 12px;
}
.top-quick-actions-centered:before,
.top-quick-actions-centered:after{
  content:"";
  position:absolute;
  top:50%;
  width:1px;
  height:18px;
  background:#344865;
  transform:translateY(-50%);
}
.top-quick-actions-centered:before{left:0}
.top-quick-actions-centered:after{right:0}
.app-topnav.topnav-balanced .top-nav-item{flex:0 0 auto}

@media(max-width:1120px){
  .app-topnav.topnav-balanced{grid-template-columns:auto 1fr auto;gap:8px}
  .top-quick-actions-centered{justify-self:center;padding-left:8px;padding-right:8px}
  .top-quick-actions-centered .top-action-item{padding-left:7px;padding-right:7px}
  .top-quick-actions-centered kbd{display:none}
}
@media(max-width:760px){
  .app-topnav.topnav-balanced{gap:4px;padding-left:8px;padding-right:8px}
  .topnav-edge .top-nav-item{width:auto;min-width:38px;padding:0 8px}
  .topnav-edge .top-nav-item span:not(.ico){display:none}
  .top-quick-actions-centered{gap:1px;padding:0 5px}
  .top-quick-actions-centered:before,.top-quick-actions-centered:after{height:16px}
  .top-quick-actions-centered .top-action-item span:last-child{display:none}
  .top-quick-actions-centered .top-action-item{width:34px;padding:0;justify-content:center}
}


/* ===== Web v0.9.37: üst bant yeniden düzenlendi, havuz işlemleri sola alındı ===== */
.app-topnav.topnav-restored{
  height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 22px;
}
.topnav-restored .restored-brand{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.topnav-restored .brand-mark.small{
  width:36px;
  height:36px;
  border-radius:10px;
  background:#eef2ff;
  color:#4456d6;
  box-shadow:none;
  font-size:14px;
}
.topnav-restored .brand-copy{display:flex;flex-direction:column;line-height:1.05}
.topnav-restored .brand-copy strong{color:#f3f6fc;font-size:13px;font-weight:800}
.topnav-restored .brand-copy span{color:#97a3b8;font-size:10px;margin-top:4px}
.topnav-main-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:0;
  margin-left:auto;
}
.topnav-restored .top-nav-item{
  height:40px;
  padding:0 14px;
  border-radius:11px;
}
.topnav-restored .top-nav-item .pill{margin-left:4px}
.category-actions{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
  display:flex !important;
  flex-direction:column !important;
  gap:8px;
}
.category-actions button{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
  font-size:13px;
  border-radius:12px;
  padding:0 12px;
}
.category-actions button small{font-size:10px;opacity:.82;font-weight:700}
@media(max-width:1120px){
  .topnav-restored .brand-copy span{display:none}
  .app-topnav.topnav-restored{padding:0 14px;gap:12px}
  .topnav-main-links{gap:8px}
}
@media(max-width:760px){
  .app-topnav.topnav-restored{height:58px;padding:0 10px}
  .topnav-restored .brand-copy{display:none}
  .topnav-restored .top-nav-item span:not(.ico):not(.pill){display:none}
  .topnav-restored .top-nav-item{min-width:40px;padding:0 10px;justify-content:center}
}


/* ===== Web v0.9.38: sol alt havuz butonları ve sol hizalı üst gezinme ===== */
.app-topnav.topnav-restored{
  justify-content:flex-start;
}
.topnav-main-links{
  justify-content:flex-start;
  margin-left:22px;
  margin-right:auto;
  gap:10px;
}
.category-actions{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
  display:flex !important;
  flex-direction:column !important;
  gap:10px;
}
.category-actions button{
  width:100%;
  min-height:54px;
  border-radius:18px;
  font-size:14px;
  font-weight:800;
  letter-spacing:-0.1px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 14px;
}
.category-actions .secondary{
  background:#ffffff;
  border:1px solid #dce3ef;
  color:#56637d;
  box-shadow:none;
}
.category-actions .secondary:hover{
  background:#f8faff;
  border-color:#cfd9ea;
  color:#44516a;
}
.category-actions .primary{
  border-radius:18px;
}
@media(max-width:1120px){
  .topnav-main-links{margin-left:14px;gap:8px}
}
@media(max-width:760px){
  .topnav-main-links{margin-left:8px}
}


/* ===== Web v0.9.39: kategori bandı genişletildi, alt işlem düğmeleri inceltildi ===== */
.content-grid{grid-template-columns:245px minmax(0,1fr);gap:14px}
.category-actions{gap:8px}
.category-actions button{
  min-height:44px;
  height:44px;
  border-radius:13px;
  font-size:13px;
  padding:0 12px;
}
.category-actions .primary{border-radius:13px}
@media(max-width:1120px){
  .content-grid{grid-template-columns:225px minmax(0,1fr)}
}
@media(max-width:860px){
  .content-grid{grid-template-columns:1fr}
}


/* ===== Web v0.9.41: sol alt havuz düğmeleri gerçekten inceltildi ===== */
.category-actions .secondary,
.category-actions .primary{
  height:36px !important;
  min-height:36px !important;
  border-radius:10px !important;
  padding:0 11px !important;
  font-size:12px !important;
  line-height:1 !important;
}
.category-actions{gap:7px !important}


/* ===== Web v0.9.43: soru kartı üst alanı sadeleştirildi ===== */
.q-toolbar .drag-handle{display:none !important}
.q-toolbar .q-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.q-toolbar .q-actions .badge{order:1;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-toolbar .q-actions .q-more{order:2}
.q-toolbar-left .q-heading-group{display:flex;align-items:center;gap:6px;min-width:0}
.q-toolbar-left .q-heading-group .badge{display:none !important}


/* ===== Web v0.9.46: çalışma düzenlerken kategori rehberi ===== */
.work-tree-node{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #e3e9f3}
.tree-row.dynamic.work-questions-row{grid-template-columns:18px minmax(0,1fr) auto 27px;background:#f5f7ff;color:#4656c5;font-weight:800}
.tree-row.dynamic.work-questions-row:hover,.tree-row.dynamic.work-questions-row.active-soft{background:#e9edff;color:#3949bd}
.work-questions-row .work-icon{color:#6474df;font-size:12px;visibility:visible!important}
.work-selected-count,.category-used-count{font-size:9px!important;font-weight:800!important;color:#5666d4!important;background:#eef0ff;padding:3px 6px;border-radius:999px;white-space:nowrap}
.tree-row.dynamic.has-work-items{background:#fafbff}
.tree-row.dynamic.has-work-items:hover{background:#f0f3ff}
.work-spacer{visibility:hidden}


/* ===== Web v0.9.47: kayıtlı çalışma ad/kategori düzenleme ===== */
.saved-list-header{grid-template-columns:minmax(0,1fr) 145px 390px}
.saved-work-row{grid-template-columns:minmax(0,1fr) 145px 390px}
.saved-action.meta{border-color:#d7ddea;color:#5d687c;background:#fbfcff}
.saved-action.meta:hover{background:#f2f5fb;border-color:#cbd4e4;color:#3f4c63}
.saved-work-edit-modal .modal-field{margin-top:14px}
.saved-work-edit-modal input:disabled{background:#f4f6fa;color:#7b8699;cursor:not-allowed}
@media(max-width:1120px){
  .saved-list-header{grid-template-columns:minmax(0,1fr) 105px 335px}
  .saved-work-row{grid-template-columns:minmax(0,1fr) 105px 335px}
  .saved-action{padding-left:7px;padding-right:7px}
}
@media(max-width:880px){.saved-work-row{grid-template-columns:1fr}}


/* ===== Web v0.9.48: kayıtlı çalışma adı ve kategori işlemleri ayrıldı ===== */
.saved-work-row{grid-template-columns:minmax(0,1fr) 145px 430px}
.saved-action.rename,.saved-action.recat{border-color:#d7ddea;color:#5d687c;background:#fbfcff}
.saved-action.rename:hover,.saved-action.recat:hover{background:#f2f5fb;border-color:#cbd4e4;color:#3f4c63}
@media(max-width:1120px){.saved-work-row{grid-template-columns:minmax(0,1fr) 105px 375px}}
@media(max-width:880px){.saved-work-row{grid-template-columns:1fr}}


/* ===== Web v0.9.50: kayıtlı çalışma salt okunur ön izleme ===== */
.saved-work-row{cursor:default}
.saved-work-row .saved-work-main,.saved-work-row>time{cursor:zoom-in}
.saved-action.preview.icon-only{width:34px;min-width:34px;padding:0;display:grid;place-items:center;font-size:14px;line-height:1;border-color:#d7ddea;background:#fbfcff;color:#667085}
.saved-action.preview.icon-only:hover{background:#eef1ff;border-color:#cbd3ee;color:#4656c5}
.saved-work-preview-backdrop{padding:8px}
.saved-work-preview-modal{width:min(980px,calc(100vw - 16px));height:min(96vh,930px);display:flex;flex-direction:column;overflow:hidden;border-radius:13px;box-shadow:0 22px 60px rgba(28,36,60,.22)}
.saved-work-preview-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px 6px;border-bottom:1px solid var(--line);background:#fff;min-height:0}
.saved-work-preview-heading{min-width:0;line-height:1.1}.saved-work-preview-heading .eyebrow{font-size:7px;line-height:1}.saved-work-preview-heading h3{margin:2px 0 2px;font-size:14px;line-height:1.1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-work-preview-heading p{margin:0;color:var(--muted);font-size:9px;line-height:1.1}.saved-work-preview-head .modal-close{width:28px;height:28px;min-width:28px;font-size:18px;border-radius:8px}
.saved-work-preview-stage{flex:1 1 auto;min-height:0;overflow:auto;background:#e9edf3;padding:10px 12px 16px;display:flex;flex-direction:column;align-items:center;gap:14px;scrollbar-gutter:stable}
.saved-preview-page-shell{flex:0 0 auto;display:block;position:relative;box-shadow:0 10px 30px rgba(36,45,67,.12)}
.saved-preview-page-shell>.desk-page{margin:0!important;transform:none!important;zoom:1!important;box-shadow:none!important;pointer-events:none;user-select:none}
.saved-preview-page-shell>.desk-page *{pointer-events:none!important}
.saved-preview-loading,.saved-preview-empty{width:min(660px,100%);min-height:220px;display:grid;place-items:center;text-align:center;border:1px dashed #cbd2df;border-radius:16px;background:rgba(255,255,255,.72);color:#748096;font-size:12px;font-weight:700;padding:30px}
.saved-work-preview-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;border-top:1px solid var(--line);background:#fff;min-height:0}
.saved-work-preview-actions>span{font-size:8px;color:#929bad;font-weight:700}.saved-work-preview-actions>div{display:flex;gap:6px}.saved-work-preview-actions button{height:29px;min-width:66px;padding:0 10px;border-radius:8px;font-size:10px}
@media(max-width:760px){.saved-work-preview-backdrop{padding:4px}.saved-work-preview-modal{width:calc(100vw - 8px);height:97vh}.saved-work-preview-stage{align-items:flex-start;padding:8px}.saved-work-preview-head{padding:6px 8px}.saved-work-preview-actions{padding:5px 7px}.saved-work-preview-actions>span{display:none}}


/* ===== Web v0.9.51: kayıtlı çalışma ön izleme hızlı işlemleri ===== */
.saved-work-preview-actions>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.saved-work-preview-actions .saved-preview-pdf-btn{height:29px;min-width:66px;border:1px solid #cbd3ee;border-radius:8px;background:#eef1ff;color:#4656c5;font-size:10px;font-weight:800;padding:0 10px}
.saved-work-preview-actions .saved-preview-pdf-btn:hover{background:#e3e8ff;border-color:#b9c3e8}
.saved-work-preview-actions .danger-soft{height:29px;min-width:66px;font-size:10px;padding:0 10px;border-radius:8px}
@media(max-width:620px){.saved-work-preview-actions>div{width:100%}.saved-work-preview-actions button{flex:1 1 calc(50% - 8px);min-width:0}}


/* ===== Web v0.9.53: çok kaynaklı Soru Kes ===== */
.snip-source-modal{width:min(650px,calc(100vw - 30px));padding:22px}
.snip-source-grid{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}
.snip-source-card{width:100%;min-height:76px;border:1px solid #dfe4ed;background:#fff;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:13px;text-align:left;color:var(--text);transition:border-color .14s ease,background .14s ease,transform .12s ease,box-shadow .14s ease}
.snip-source-card:hover{border-color:#bfc7e8;background:#fafbff;box-shadow:0 5px 16px rgba(35,45,80,.06);transform:translateY(-1px)}
.snip-source-card>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.snip-source-card strong{font-size:13px;color:#34405a}
.snip-source-card small{font-size:10.5px;line-height:1.45;color:#8791a4;font-weight:500}
.snip-source-icon{flex:0 0 42px;width:42px;height:42px;border:1px solid #dfe4ed;border-radius:11px;background:#f7f8fc;display:grid;place-items:center;color:#626f8d;font-size:17px;font-weight:850}
.snip-source-icon.pdf-icon{font-size:10px;letter-spacing:.4px;background:#fff6f6;color:#ad5158;border-color:#f0d8da}
.snip-source-icon.image-icon{font-size:9px;letter-spacing:.45px}
.pdf-snip-modal{width:min(1220px,calc(100vw - 34px));height:min(900px,calc(100vh - 34px));padding:17px;display:flex;flex-direction:column;overflow:hidden}
.pdf-snip-head{flex:0 0 auto}
.pdf-snip-toolbar{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:10px 0 9px;border-bottom:1px solid var(--line)}
.pdf-snip-toolbar .compact-control{height:34px;padding:0 11px;border-radius:9px;font-size:11px}
.pdf-snip-toolbar .icon-control{width:34px;padding:0;font-size:17px}
.pdf-toolbar-spacer{flex:1}
.pdf-page-status,.pdf-zoom-label{font-size:11px;font-weight:750;color:#68748b;white-space:nowrap}
.pdf-zoom-label{min-width:42px;text-align:center}
.pdf-snip-stage{flex:1;min-height:0;overflow:auto;background:#202631;border-radius:12px;margin-top:10px;padding:18px;display:flex;align-items:flex-start;justify-content:center}
.pdf-snip-stage canvas{display:block;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.26)}
.pdf-snip-actions{flex:0 0 auto;padding-top:11px}
@media(max-width:700px){.pdf-snip-toolbar{flex-wrap:wrap}.pdf-toolbar-spacer{display:none}.pdf-snip-stage{padding:9px}.snip-source-card{min-height:70px}}


/* ===== Web v0.9.55: Soru Kes kaynak yönlendirmeleri ===== */
.snip-source-tip{
  margin-top:12px;padding:11px 13px;border:1px solid #e1e6ef;border-radius:12px;
  background:#f8f9fc;color:#6c778d;font-size:10.5px;line-height:1.5;
  display:flex;flex-direction:column;gap:3px;
}
.snip-source-tip strong{font-size:11px;color:#4b5872}
.snip-source-tip b{color:#5362cf}


/* ===== Web v0.9.59: soru kes penceresinde üst/alt bantlar inceltildi ===== */
.snip-backdrop{padding:10px}
.snip-modal{width:min(1240px,calc(100vw - 18px));max-height:calc(100vh - 18px);padding:12px}
.snip-modal .modal-head{margin-bottom:8px;align-items:flex-start}
.snip-modal .modal-head h3{font-size:18px;margin:2px 0 0;line-height:1.15}
.snip-modal .modal-help{margin-top:4px;font-size:11px;line-height:1.35}
.snip-modal .eyebrow.dark{font-size:10px;letter-spacing:.22em}
.snip-modal .modal-close{width:32px;height:32px;border-radius:10px;font-size:20px}
.snip-canvas-wrap{margin-top:6px;padding:4px;border-radius:12px}
.snip-modal .modal-actions{margin-top:10px;padding-top:10px;gap:8px}
.snip-modal .modal-actions button{height:40px;padding:0 16px;border-radius:12px}
@media(max-width:780px){
  .snip-backdrop{padding:6px}
  .snip-modal{width:min(100vw - 10px,1240px);max-height:calc(100vh - 10px);padding:10px}
  .snip-modal .modal-head h3{font-size:16px}
  .snip-modal .modal-actions{flex-wrap:wrap;justify-content:flex-end}
  .snip-modal .modal-actions button{height:38px}
}


/* ===== Web v0.9.61: Soru Kes üst ve alt bant maksimum kompakt ===== */
.snip-backdrop{padding:6px}
.snip-modal{width:min(1320px,calc(100vw - 10px));max-height:calc(100vh - 10px);padding:7px 9px 7px}
.snip-modal .snip-compact-head{min-height:32px;margin:0;padding:0 0 5px;align-items:center;gap:12px}
.snip-inline-title{min-width:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden;line-height:1}
.snip-inline-label{flex:0 0 auto;font-size:9px;font-weight:900;letter-spacing:.16em;color:#7f899b}
.snip-inline-title strong{flex:0 0 auto;font-size:14px;line-height:1.1;color:var(--text)}
.snip-inline-help{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:500;color:#8994a8}
.snip-modal .modal-close{flex:0 0 auto;width:30px;height:30px;border-radius:9px;font-size:19px}
.snip-canvas-wrap{margin-top:0;padding:3px;border-radius:10px;min-height:260px}
.snip-modal .modal-actions{min-height:38px;margin-top:5px;padding-top:5px;gap:6px}
.snip-modal .modal-actions button{height:32px;min-height:32px;padding:0 12px;border-radius:9px;font-size:11px;line-height:1}
@media(max-width:760px){
  .snip-modal{padding:6px}
  .snip-inline-title{gap:6px}
  .snip-inline-title strong{font-size:13px}
  .snip-inline-help{font-size:9px}
  .snip-modal .modal-actions{margin-top:4px;padding-top:4px;flex-wrap:nowrap}
  .snip-modal .modal-actions button{height:31px;min-height:31px;padding:0 9px;font-size:10px}
}


/* ===== Web v0.9.61: kesim sonrası otomatik soru bilgileri, alt işlem bandı kaldırıldı ===== */
.snip-modal{padding-bottom:8px}
.snip-canvas-wrap{margin-bottom:0;min-height:0}
.snip-modal>.modal-actions{display:none!important}


/* ===== Web v0.9.63: PDF sayfaları sürekli dikey kaydırma ===== */
.pdf-scroll-help{font-size:10px;font-weight:650;color:#929bad;white-space:nowrap}
.pdf-snip-stage{display:block;overflow:auto;scrollbar-gutter:stable;padding:18px 22px;background:#202631}
.pdf-snip-pages{display:flex;flex-direction:column;align-items:center;gap:24px;min-width:max-content;margin:0 auto;padding:2px 0 20px}
.pdf-snip-page-shell{position:relative;flex:0 0 auto;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.26);outline:2px solid transparent;outline-offset:4px;transition:outline-color .12s ease,box-shadow .12s ease;cursor:pointer;overflow:hidden}
.pdf-snip-page-shell.active{outline-color:#707de8;box-shadow:0 9px 34px rgba(0,0,0,.3),0 0 0 3px rgba(112,125,232,.14)}
.pdf-snip-page-shell canvas{display:block;background:#fff;box-shadow:none}
.pdf-snip-page-badge{position:absolute;z-index:3;top:9px;left:9px;min-width:27px;height:27px;padding:0 7px;border-radius:8px;display:grid;place-items:center;background:rgba(30,38,53,.84);color:#fff;font-size:10px;font-weight:850;box-shadow:0 2px 8px rgba(0,0,0,.18);pointer-events:none}
.pdf-snip-page-loading{position:absolute;inset:0;display:grid;place-items:center;background:#f7f8fb;color:#9aa3b3;font-size:12px;font-weight:750}
.pdf-snip-page-loading.error{color:#a75b62;background:#fff7f7}
.pdf-snip-actions{padding-top:9px}
@media(max-width:700px){.pdf-scroll-help{display:none}.pdf-snip-stage{padding:10px}.pdf-snip-pages{gap:16px}}


/* ===== Web v0.9.64: PDF üzerinde doğrudan seri soru kesme ===== */
.pdf-snip-direct-modal{width:min(1480px,calc(100vw - 12px));height:calc(100vh - 12px);max-height:none;padding:6px;overflow:hidden}
.pdf-snip-topbar{flex:0 0 auto;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 5px;border-bottom:1px solid var(--line)}
.pdf-snip-inline-info{min-width:0;display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden}
.pdf-snip-inline-info .eyebrow.dark{flex:0 0 auto;font-size:9px;letter-spacing:.16em}
.pdf-snip-inline-info strong{flex:0 0 auto;font-size:13px;line-height:1;color:var(--text)}
.pdf-inline-file{min-width:0;max-width:460px;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#8791a4}
.pdf-inline-sep{flex:0 0 auto;color:#c4cad4;font-size:10px}
.pdf-snip-inline-info .pdf-page-status{flex:0 0 auto;font-size:10px;color:#63708a;font-weight:800}
.pdf-direct-help{flex:0 0 auto;font-size:10px;color:#7d889c;font-weight:600}
.pdf-snip-top-controls{flex:0 0 auto;display:flex;align-items:center;gap:5px}
.pdf-snip-top-controls .compact-control{height:30px;min-height:30px;padding:0 9px;border-radius:8px;font-size:10px}
.pdf-snip-top-controls .icon-control{width:30px;padding:0;font-size:16px}
.pdf-snip-top-controls .pdf-zoom-label{min-width:38px;text-align:center;font-size:10px;font-weight:800;color:#65718a}
.pdf-snip-top-controls .modal-close{width:30px;height:30px;border-radius:8px;font-size:18px}
.pdf-snip-direct-modal .pdf-snip-stage{margin-top:5px;border-radius:9px;padding:10px 16px;height:auto;flex:1;min-height:0}
.pdf-snip-direct-modal .pdf-snip-pages{gap:16px;padding-bottom:8px}
.pdf-snip-page-shell{cursor:crosshair;user-select:none}
.pdf-snip-page-shell canvas{cursor:crosshair;user-select:none}
.pdf-direct-selection{position:absolute;z-index:8;pointer-events:none;border:2px solid #6573e3;background:rgba(101,115,227,.10);box-shadow:0 0 0 9999px rgba(30,42,68,.20)}
.pdf-direct-selection.ready{z-index:12;border:2px dashed #10b981;background:rgba(16,185,129,.055);box-shadow:0 0 0 9999px rgba(30,42,68,.16);pointer-events:auto;touch-action:none;cursor:move}
.pdf-direct-handle{position:absolute;width:12px;height:12px;background:#fff;border:1.5px solid #111827;box-sizing:border-box;z-index:2;touch-action:none}
.pdf-direct-handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.pdf-direct-handle-n{left:50%;top:-7px;transform:translateX(-50%);cursor:ns-resize}.pdf-direct-handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.pdf-direct-handle-e{right:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.pdf-direct-handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.pdf-direct-handle-s{left:50%;bottom:-7px;transform:translateX(-50%);cursor:ns-resize}.pdf-direct-handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.pdf-direct-handle-w{left:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.pdf-direct-confirm{height:32px!important;min-width:92px;padding:0 10px!important;border-radius:8px!important;font-size:10px!important;font-weight:800!important;white-space:nowrap}
@media(max-width:720px),(hover:none) and (pointer:coarse){.pdf-direct-handle{width:18px;height:18px}.pdf-direct-handle-nw{left:-10px;top:-10px}.pdf-direct-handle-n{top:-10px}.pdf-direct-handle-ne{right:-10px;top:-10px}.pdf-direct-handle-e{right:-10px}.pdf-direct-handle-se{right:-10px;bottom:-10px}.pdf-direct-handle-s{bottom:-10px}.pdf-direct-handle-sw{left:-10px;bottom:-10px}.pdf-direct-handle-w{left:-10px}.pdf-direct-confirm{min-width:82px;padding:0 7px!important;font-size:9.5px!important}}
.pdf-snip-actions{display:none!important}
@media(max-width:900px){
  .pdf-direct-help,.pdf-inline-sep:last-of-type{display:none}
  .pdf-inline-file{max-width:240px}
  .pdf-snip-topbar{gap:6px}
}
@media(max-width:700px){
  .pdf-snip-direct-modal{width:calc(100vw - 6px);height:calc(100vh - 6px);padding:4px}
  .pdf-snip-inline-info strong{display:none}
  .pdf-inline-file{max-width:150px}
  .pdf-snip-top-controls .compact-control:not(.icon-control){max-width:86px;overflow:hidden;text-overflow:ellipsis}
  .pdf-snip-direct-modal .pdf-snip-stage{padding:7px}
}




/* Kaynak seçicisi kapandıktan sonraki kısa yakalama anında sistem imlecini
   Soru Havuzu yüzeyinde çizme. Kesme ekranı açılmadan önce sınıf kaldırılır. */
html.display-capture-cursor-suppressed,
html.display-capture-cursor-suppressed body,
html.display-capture-cursor-suppressed body *,
html.display-capture-cursor-suppressed body *::before,
html.display-capture-cursor-suppressed body *::after{cursor:none!important}

/* ===== Web v0.9.66: kompakt otomatik kırpma seçeneği ===== */
.question-auto-trim{display:inline-flex;align-items:center;gap:6px;margin:4px 0 2px;font-size:10px;font-weight:700;color:#5f697c;cursor:pointer;user-select:none;width:max-content}
.question-auto-trim input{appearance:auto!important;-webkit-appearance:checkbox!important;width:14px!important;height:14px!important;min-width:14px!important;margin:0!important;padding:0!important;box-shadow:none!important;accent-color:#5968df}
.question-auto-trim span{line-height:1.2}
#questionAddModal .edit-preview-crop-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
#questionAddModal .edit-preview-crop-actions .question-auto-trim{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;margin:0;padding:7px 8px;border:1px solid #dfe4ed;border-radius:10px;background:#fff;color:#34465f;text-align:center}
#questionAddModal .edit-preview-crop-actions .question-auto-trim.active{border-color:#9db9ed;background:#f1f6ff;color:#2059bd}
#questionAddModal .edit-preview-crop-actions button{min-width:0;min-height:40px;padding:7px 8px;line-height:1.2}
.manual-clean-modal.manual-clean-pan #manualCleanCanvas{cursor:grab!important}
.manual-clean-modal.manual-clean-pan #manualCleanCanvas:active{cursor:grabbing!important}
.manual-clean-topbar .manual-clean-inline-title{flex:0 1 auto;min-width:0;overflow:hidden}
.manual-clean-topbar .manual-clean-inline-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis}
.manual-clean-topbar>.manual-clean-mode-group{display:flex;flex:0 0 auto;align-items:center;gap:5px;margin-left:auto}
.manual-clean-topbar .manual-clean-mode-group .secondary{height:32px;padding:0 9px;border-radius:9px;font-size:11px;white-space:nowrap}
.manual-clean-topbar .manual-clean-mode-group .secondary.active{background:#eef0ff;border-color:#9aa3f7;color:#3c48b5}
.manual-clean-topbar .manual-clean-toolbar{justify-content:flex-start}


/* ===== Web v0.9.70: yanlış çalışma türünden seçimleri koruyarak havuza dönüş ===== */
.work-nav-fixed{display:flex;flex-direction:column;gap:7px}




/* ===== Web v0.9.72: Dizgi yan ayar bantları kompakt ve rafine görünüm ===== */
@media(min-width:861px){
  .test-editor-grid{
    grid-template-columns:236px minmax(520px,1fr) 236px;
    gap:10px;
  }
}
.test-side.card{
  border-radius:13px;
  box-shadow:0 3px 12px rgba(35,45,80,.03);
}
.test-side-head{
  min-height:50px;
  padding:9px 11px;
  gap:6px;
  background:#fbfcff;
}
.test-side-head>div{gap:2px}
.test-side-head .eyebrow{font-size:9px;letter-spacing:1.25px}
.test-side-head strong{font-size:11.5px;letter-spacing:-.08px}
.test-item-count{font-size:8px;padding:4px 6px}
.test-side-scroll{
  padding:0 11px 12px;
  scrollbar-gutter:stable;
}
.test-side-scroll::-webkit-scrollbar{width:5px}
.test-setting-section{padding:10px 0}
.test-setting-section h4{
  margin:0 0 8px;
  font-size:9.5px;
  letter-spacing:.55px;
}
.test-setting-section label{
  font-size:8.5px;
  margin:7px 0 4px;
}
.test-setting-section label small{font-size:8px}
.test-setting-section input:not([type="checkbox"]):not([type="range"]):not([type="color"]),
.test-setting-section select{
  height:32px;
  border-radius:7px;
  padding:0 8px;
  font-size:9.5px;
}
.test-setting-section input:focus,.test-setting-section select:focus{
  box-shadow:0 0 0 2px #eef0ff;
}
.test-segment{
  gap:3px;
  padding:2px;
  border-radius:8px;
}
.test-segment button{
  height:27px;
  border-radius:6px;
  font-size:8.5px;
}
.test-range-head{margin-top:9px}
.test-range-head b{font-size:8px}
.test-range{margin-top:5px}
.test-range-limits{font-size:7.5px}
.test-check{
  gap:6px!important;
  font-size:8.5px!important;
  margin-top:8px!important;
}
.test-check input{width:13px;height:13px}
.margin-grid{gap:5px}
.margin-grid>label{
  border-radius:7px;
  padding:5px 6px;
}
.margin-grid label span{font-size:7.5px;gap:2px}
.margin-grid input{
  width:43px!important;
  height:26px!important;
  font-size:8.5px!important;
}
.test-setting-note{font-size:7.5px;line-height:1.4;margin-top:6px}
.template-grid{gap:5px}
.template-grid button{
  height:54px;
  padding:5px;
  border-radius:8px;
  gap:3px;
  font-size:7.5px;
}
.template-grid button .tpl-mini{
  width:47px;
  height:29px;
}
.template-grid button i{font-size:15px}
.template-grid button.active{box-shadow:0 0 0 1px rgba(79,91,213,.08)}
.accent-grid{gap:5px}
.accent-grid button{
  width:19px;
  height:19px;
  flex-basis:19px;
  border-radius:50%;
  border-width:2px;
}
.test-two-col{gap:5px}
.color-input{height:31px!important;border-radius:7px}
.text-color-common{gap:5px}
.text-color-common .text-color-swatch{width:23px;height:23px;min-width:23px;border-radius:6px}
.preview-zoom-setting{padding-top:9px;padding-bottom:9px}
.preview-zoom-setting-row{gap:7px}
.preview-zoom-title{font-size:8.5px}
.preview-zoom-setting .test-zoom-control{
  gap:1px;
  padding:2px;
  border-radius:8px;
}
.preview-zoom-setting .test-zoom-control button{
  width:25px;
  height:24px;
  border-radius:6px;
  font-size:14px;
}
.preview-zoom-setting .test-zoom-control .test-zoom-label{
  width:42px;
  font-size:9px;
}
.test-side-fixed{
  padding:9px 11px 10px;
}
.test-side-fixed.test-ops{gap:5px}
.test-side-fixed.test-ops button{
  height:34px;
  padding:0 8px;
  border-radius:8px;
  font-size:10.5px;
}
.work-nav-fixed{gap:5px}

.work-nav-fixed .preview-back-btn,
.test-side-fixed .preview-back-btn{
  min-height:38px;
  height:38px!important;
  padding:0 9px;
  border-radius:8px;
  font-size:10.5px;
  line-height:1.15;
}
.exam-logo-row{gap:5px;margin-top:6px}
.exam-logo-row .secondary{height:32px;padding:0 8px;font-size:9.5px;border-radius:7px}
.exam-logo-name{font-size:8px;margin-top:4px}
.exam-template-grid button{
  height:76px;
  padding:6px 5px;
  gap:4px;
}
.exam-template-thumb{width:56px;height:44px}
.written-template-grid button{
  min-height:88px;
  height:88px;
  padding:6px;
}
.written-template-thumb{
  width:62px;
  height:68px;
  margin:0 auto 3px;
  border-radius:4px;
}
.written-template-thumb .w-head{left:7px;right:7px;top:7px;height:18px;border-radius:4px}
.written-template-thumb .w-head b{left:6px;right:6px;top:5px}
.written-template-thumb .w-head em{left:6px;width:18px;bottom:4px}
.written-template-thumb .w-head em+em{right:6px}
.written-template-thumb .w-cols{left:7px;right:7px;top:30px;bottom:13px}
.written-template-thumb .w-foot{left:7px;right:7px;bottom:8px}

@media(max-width:1380px) and (min-width:1101px){
  .test-editor-grid{grid-template-columns:220px minmax(480px,1fr) 220px;gap:9px}
  .test-side-head{padding-left:10px;padding-right:10px}
  .test-side-scroll{padding-left:10px;padding-right:10px}
  .test-side-fixed{padding-left:10px;padding-right:10px}
}
@media(max-width:1100px) and (min-width:861px){
  .test-editor-grid{grid-template-columns:210px minmax(430px,1fr);gap:9px}
}

/* ===== Web v0.9.73: Sağ panel şablon seçicileri ultra-kompakt ===== */
/* Test ve Ders Notu: 6 şablonu 3 sütun / 2 satır halinde göster. */
#testTemplateGrid,
#lessonTemplateGrid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
}
#testTemplateGrid button,
#lessonTemplateGrid button{
  height:38px;
  min-height:38px;
  padding:3px 2px;
  border-radius:7px;
  flex-direction:row;
  gap:3px;
  font-size:7.5px;
  line-height:1;
}
#testTemplateGrid button .tpl-mini,
#lessonTemplateGrid button .tpl-mini{
  width:25px;
  height:17px;
  min-width:25px;
  margin:0;
  border-radius:2px;
}
#testTemplateGrid .tpl-mini:after,
#lessonTemplateGrid .tpl-mini:after{
  left:4px;
  right:4px;
  top:10px;
  bottom:2px;
  background:repeating-linear-gradient(to bottom,#e7ebf2 0 1px,transparent 1px 3px);
}
#testTemplateGrid .mini-book:before,
#lessonTemplateGrid .mini-book:before{
  left:3px;right:3px;top:3px;height:6px;
}
#testTemplateGrid .mini-classic:before,
#lessonTemplateGrid .mini-classic:before,
#testTemplateGrid .mini-minimal:before,
#lessonTemplateGrid .mini-minimal:before,
#testTemplateGrid .mini-frame:before,
#lessonTemplateGrid .mini-frame:before,
#testTemplateGrid .mini-ribbon:before,
#lessonTemplateGrid .mini-ribbon:before,
#testTemplateGrid .mini-clean:before,
#lessonTemplateGrid .mini-clean:before{
  left:3px;right:3px;top:3px;height:6px;
}
#testTemplateGrid .mini-classic b,
#lessonTemplateGrid .mini-classic b,
#testTemplateGrid .mini-frame b,
#lessonTemplateGrid .mini-frame b,
#testTemplateGrid .mini-clean b,
#lessonTemplateGrid .mini-clean b{
  left:3px;top:3px;height:7px;
}
#testTemplateGrid .mini-ribbon b,
#lessonTemplateGrid .mini-ribbon b{
  left:7px;right:7px;top:5px;width:auto;height:1px;
}
#testTemplateGrid .mini-ribbon em,
#lessonTemplateGrid .mini-ribbon em{
  position:absolute;
  left:5px;right:5px;bottom:4px;height:1px;
  background:currentColor;
  opacity:.7;
}
#testTemplateGrid .mini-clean em,
#lessonTemplateGrid .mini-clean em{
  left:7px;top:5px;width:6px;height:2px;
}
#testTemplateGrid .mini-clean:after,
#lessonTemplateGrid .mini-clean:after{top:11px}

/* Deneme: iki büyük kart yerine iki ince seçim düğmesi. */
#examTemplateGrid{
  grid-template-columns:1fr 1fr;
  gap:4px;
}
#examTemplateGrid button{
  height:44px;
  min-height:44px;
  padding:4px;
  border-radius:7px;
  flex-direction:row;
  gap:5px;
  font-size:8px;
}
#examTemplateGrid .exam-template-thumb{
  width:32px;
  height:27px;
  min-width:32px;
  margin:0;
  border-radius:3px;
}
#examTemplateGrid .exam-template-thumb .thumb-head{left:2px;right:2px;top:2px;height:7px}
#examTemplateGrid .exam-template-thumb .thumb-head i,
#examTemplateGrid .exam-template-thumb .thumb-head b{font-size:2px}
#examTemplateGrid .exam-template-thumb .thumb-instructions{left:4px;right:4px;top:11px;gap:2px}
#examTemplateGrid .exam-template-thumb .thumb-cols{left:3px;right:3px;top:16px;bottom:5px;gap:2px}
#examTemplateGrid .exam-template-thumb .thumb-footer{left:2px;right:2px;bottom:2px;height:2px}

/* Yazılı: tek şablon kartı da gereksiz yüksek olmasın. */
#writtenTemplateGrid button{
  min-height:44px;
  height:44px;
  padding:4px 8px;
  flex-direction:row;
  justify-content:flex-start;
  gap:7px;
  font-size:8px;
}
#writtenTemplateGrid .written-template-thumb{
  width:30px;
  height:32px;
  min-width:30px;
  margin:0;
  border-radius:3px;
}
#writtenTemplateGrid .written-template-thumb .w-head{left:4px;right:4px;top:4px;height:9px;border-radius:2px}
#writtenTemplateGrid .written-template-thumb .w-head b{left:3px;right:3px;top:2px;height:1px}
#writtenTemplateGrid .written-template-thumb .w-head em{left:3px;width:8px;bottom:2px}
#writtenTemplateGrid .written-template-thumb .w-head em+em{right:3px}
#writtenTemplateGrid .written-template-thumb .w-cols{left:4px;right:4px;top:16px;bottom:7px}
#writtenTemplateGrid .written-template-thumb .w-foot{left:4px;right:4px;bottom:4px}


/* ===== Web v0.9.75: 15 hazır tema rengi + özel renk seçici ===== */
.test-setting-section:has(.accent-grid){padding-top:10px;padding-bottom:10px}.test-setting-section:has(.accent-grid) h4{margin-bottom:7px}


/* ===== Web v0.9.76: Dizgi yazı kalınlığı + punto gerçekten uygulanır ===== */
.test-page.desk-page{font-size:var(--test-font-size,10px)}
.desk-page-inner{font-size:var(--test-font-size,10px)}

/* 10 punto = mevcut tasarımın birebir görünümü; diğer puntolar oransal ölçeklenir. */
.desk-h-title{font-size:1em!important}.desk-h-sub{font-size:.8em!important}
.desk-h-title.classic-title{font-size:1.5em!important}.desk-h-sub.classic-sub{font-size:1em!important}.desk-h-title.academic-title{font-size:1.4em!important}
.band-first span{font-size:1.2em}.band-first small{font-size:.9em}.band-cont span{font-size:.8em}.band-cont small{font-size:.7em}
.frame-first span{font-size:1.3em}.frame-first small{font-size:.8em}.frame-cont span{font-size:.8em}.frame-cont small{font-size:.7em}
.clean-first em{font-size:.7em}.clean-first span{font-size:1.3em}.clean-first small{font-size:.8em}.clean-cont span{font-size:.8em}.clean-cont small{font-size:.7em}.premium-head span{font-size:1.3em}.premium-head small{font-size:.8em}.premium-head-compact span{font-size:1em}.premium-head-compact small{font-size:.7em}
.analytic-head span{font-size:1.1em}.analytic-sub{font-size:.8em}
.clean-page-no,.frame-page-no,.ribbon-page-no,.desk-page-no,.desk-page-answers,.desk-col-text{font-size:.7em}
.desk-qno{font-size:.9em}.desk-qmeta{font-size:.7em;line-height:1.43em}.desk-special-chip{font-size:.8em}
.test-answer-page-content{font-size:1em}.test-page-number{font-size:.8em}.test-page-answers{font-size:.7em}

.exam-header-title{font-size:1em}.exam-instruction,.exam-footer-note{font-size:.7em}
.exam-cover-kicker{font-size:1.2em}.exam-cover-sub{font-size:.8em}.exam-cover-title{font-size:2.5em}.exam-cover-meta{font-size:.9em}.exam-cover-booklet{font-size:1em}
.exam-cover-student .row,.exam-cover-tip,.exam-cover-bottom{font-size:.8em}
.exam-optical-head strong{font-size:1.5em}.exam-optical-head small,.exam-optical-details,.exam-optical-student,.exam-optical-note,.exam-optical-foot{font-size:.8em}
.exam-optical-col-head,.exam-optical-row{font-size:.7em}.exam-answer-page h3{font-size:1.5em}.exam-answer-meta{font-size:.8em}.exam-answer-grid{font-size:.9em}

.written-header-title{font-size:.9em}.written-student-label,.written-duration{font-size:.8em}.written-footer-teacher{font-size:.75em}.written-footer-success{font-size:.7em}
.written-answer-page h3{font-size:1.5em}.written-answer-meta{font-size:.8em}.written-answer-grid{font-size:.9em}

/* Kalın seçildiğinde şablonun ürettiği tüm metinsel katmanlar belirgin biçimde kalınlaşır.
   Soru görsellerinin kendi içindeki yazılar resim olduğu için doğal olarak değişmez. */
.test-page.desk-page[data-text-weight="bold"] .desk-page-inner,
.test-page.desk-page[data-text-weight="bold"] .desk-page-inner :is(.desk-h-title,.desk-h-sub,.band-first span,.band-first small,.band-cont span,.band-cont small,.frame-first em,.frame-first span,.frame-first small,.frame-cont span,.frame-cont small,.clean-first em,.clean-first span,.clean-first small,.clean-cont span,.clean-cont small,.premium-head span,.premium-head small,.analytic-head span,.analytic-sub-wrap,.analytic-sub,.desk-col-text,.desk-qno,.desk-qmeta,.desk-special-chip,.desk-page-no,.analytic-page-no,.desk-page-answers,.test-answer-page-title,.test-answer-page-content,.exam-header-row,.exam-header-title,.exam-instruction,.exam-footer-note,.exam-cover-kicker,.exam-cover-sub,.exam-cover-title,.exam-cover-meta,.exam-cover-booklet,.exam-cover-student,.exam-cover-tip,.exam-cover-bottom,.exam-optical-head,.exam-optical-details,.exam-optical-student,.exam-optical-note,.exam-optical-col-head,.exam-optical-row,.exam-optical-foot,.exam-answer-page,.written-header-title,.written-student-label,.written-duration,.written-footer-teacher,.written-footer-success,.written-answer-page){font-weight:800!important}

/* Özel/cevap sayfaları desk-page-inner kullanmasa da Kalın seçimi uygulanır. */
.test-page.desk-page[data-text-weight="bold"] :is(.exam-cover-kicker,.exam-cover-sub,.exam-cover-title,.exam-cover-meta,.exam-cover-booklet,.exam-cover-student,.exam-cover-tip,.exam-cover-bottom,.exam-optical-head,.exam-optical-details,.exam-optical-student,.exam-optical-note,.exam-optical-col-head,.exam-optical-row,.exam-optical-foot,.exam-answer-page,.written-answer-page){font-weight:800!important}


/* ===== Web v0.9.78: Kalınlık kontrolünde gerçek Normal / Kalın ayrımı =====
   Şablonların kendi sabit 700-900 ağırlıkları artık seçim değerini ezmez.
   Bu kural yalnız dizgi sayfasının ürettiği metin katmanlarını etkiler; soru görsellerine dokunmaz. */
.test-page.desk-page[data-text-weight],
.test-page.desk-page[data-text-weight] *{font-weight:var(--test-weight,600)!important}


/* ===== Web v0.9.80: ekran içinde kalan renk paletleri + tema Daha Fazla Renk ===== */
.text-color-popover{
  position:fixed!important;
  left:12px;
  top:12px;
  bottom:auto!important;
  width:232px;
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - 24px);
  overflow:auto;
  overscroll-behavior:contain;
  z-index:3000;
  margin:0!important;
}
.accent-grid .accent-more{
  position:relative;
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  flex:0 0 19px;
  padding:0;
  border:2px solid #fff;
  border-radius:50%;
  background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#ef4444)!important;
  box-shadow:0 0 0 1px rgba(15,23,42,.16);
}
.accent-grid .accent-more:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}
.accent-grid .accent-more span{position:relative;z-index:2;color:#4f5bd5;font-size:11px;font-weight:900;line-height:1}
.accent-grid .accent-more.active-custom{box-shadow:0 0 0 2px #5460d4,0 0 0 4px #fff}
.accent-color-popover{width:232px}
.accent-extra-grid .accent-extra-swatch{--tc:#2F6FED;width:25px;height:25px;min-width:25px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--tc);box-shadow:0 0 0 1px #d8dde7,inset 0 0 0 1px rgba(0,0,0,.05);transition:transform .13s ease,box-shadow .13s ease}
.accent-extra-grid .accent-extra-swatch:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #bfc6d3,0 4px 9px rgba(35,45,80,.12)}
.accent-extra-grid .accent-extra-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #5663d7}


/* ===== Web v0.9.81: Soru Havuzu karşılama / başlangıç yönlendirmesi ===== */
body.app-open .question-grid.welcome-view{
  min-height:clamp(430px,62vh,650px)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  justify-items:center;
}
.pool-welcome{
  grid-column:1/-1;
  width:min(720px,calc(100% - 36px));
  margin:18px auto;
  padding:30px 34px 27px;
  border:1px solid #e1e5ef;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
  box-shadow:0 16px 42px rgba(46,57,91,.07);
  text-align:center;
  color:#566176;
}
.pool-welcome-mark{
  width:52px;height:52px;margin:0 auto 10px;border-radius:16px;
  display:grid;place-items:center;background:#eef0ff;color:#5965d8;
  border:1px solid #dde1ff;font-size:25px;font-weight:800;
}
.pool-welcome-kicker{font-size:9px;font-weight:900;letter-spacing:1.25px;color:#8992a6;margin-bottom:5px}
.pool-welcome h3{margin:0;color:#354056;font-size:22px;line-height:1.2;letter-spacing:-.25px}
.pool-welcome-lead{max-width:530px;margin:8px auto 21px;font-size:11.5px;line-height:1.65;color:#7a8497}
.pool-welcome-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:left}
.pool-welcome-step{
  min-height:112px;padding:15px 14px 13px;border:1px solid #e7eaf1;border-radius:15px;
  background:#fff;display:flex;gap:10px;align-items:flex-start;
}
.pool-welcome-step>span{
  flex:0 0 25px;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;
  background:#eef0ff;color:#5864d4;font-size:10px;font-weight:900;
}
.pool-welcome-step strong{display:block;color:#4a556b;font-size:11.5px;margin:2px 0 5px}
.pool-welcome-step p{margin:0;font-size:10px;line-height:1.55;color:#8790a1}
.pool-welcome-add{
  margin-top:11px;padding:12px 15px;border:1px dashed #d8deeb;border-radius:14px;
  background:#f8f9fc;display:flex;align-items:center;gap:11px;text-align:left;
}
.pool-welcome-add-icon{
  flex:0 0 31px;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;
  background:#fff;border:1px solid #e0e5ee;color:#6571dd;font-size:18px;font-weight:700;
}
.pool-welcome-add strong{display:block;color:#566176;font-size:10.5px;margin-bottom:3px}
.pool-welcome-add p{margin:0;color:#848da0;font-size:9.8px;line-height:1.55}
.pool-welcome-add b{color:#667085;font-weight:800}
.pool-welcome-tip{margin-top:12px;color:#8a93a5;font-size:9.5px;line-height:1.45}
@media(max-width:980px){
  .pool-welcome{padding:24px 22px}
  .pool-welcome-steps{grid-template-columns:1fr}
  .pool-welcome-step{min-height:0}
}
@media(max-width:640px){
  body.app-open .question-grid.welcome-view{min-height:360px!important}
  .pool-welcome{width:calc(100% - 16px);margin:8px auto;padding:20px 15px;border-radius:17px}
  .pool-welcome h3{font-size:19px}
}

/* ===== Web v0.9.82: karşılama ekranı sabit / kaydırmasız ===== */
body.app-open .question-scroll.welcome-locked{
  overflow:hidden!important;
  overscroll-behavior:none;
  scrollbar-gutter:auto;
}
body.app-open .question-scroll.welcome-locked .question-grid.welcome-view{
  min-height:100%!important;
  height:100%;
  padding:0!important;
}

/* ===== Web v0.9.83: marka alanı başlangıç ekranı kısayolu ===== */
.topnav-restored .brand-home{border:0;background:transparent;color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;text-align:left}
.topnav-restored .brand-home:hover .brand-mark.small{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.18)}
.topnav-restored .brand-home:hover .brand-copy strong{color:#fff}
.topnav-restored .brand-home:focus-visible{outline:2px solid #8ea0ff;outline-offset:5px;border-radius:10px}
.topnav-restored .brand-home .brand-mark.small{transition:transform .14s ease,box-shadow .14s ease}


/* ===== Web v0.9.84: branştan bağımsız boş havuz + ilk kullanım rehberi ===== */
.category-empty-guide{margin:18px 10px;padding:18px 12px!important;border:1px dashed #d9deea;border-radius:14px;background:#fafbfe;text-align:center;color:#7f899b;line-height:1.45}
.category-empty-guide .category-empty-icon{width:32px;height:32px;margin:0 auto 8px;border-radius:10px;display:grid;place-items:center;background:#eef0ff;color:#5f6bd8;font-size:18px;font-weight:800}
.category-empty-guide strong{display:block;color:#596478;font-size:11px;margin-bottom:4px}
.category-empty-guide p{margin:0 0 10px;font-size:9.6px;line-height:1.5;color:#8b94a5}
.category-empty-add,.pool-welcome-category-btn{border:1px solid #d9def2;background:#f1f3ff;color:#5965d5;border-radius:9px;font-weight:800;cursor:pointer;transition:.14s ease}
.category-empty-add{height:29px;padding:0 11px;font-size:9.5px}
.category-empty-add:hover,.pool-welcome-category-btn:hover{background:#e9ecff;border-color:#cbd1ef;transform:translateY(-1px)}
.pool-welcome-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:left;margin-top:2px}
.pool-welcome-setup-item{min-height:104px;padding:15px 16px;border:1px solid #e2e6f1;border-radius:15px;background:linear-gradient(180deg,#fbfcff,#f8f9fd);display:flex;gap:11px;align-items:flex-start}
.pool-welcome-setup-item>span{flex:0 0 27px;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#5e69d8;color:#fff;font-size:10px;font-weight:900;box-shadow:0 4px 10px rgba(94,105,216,.16)}
.pool-welcome-setup-item strong{display:block;color:#465267;font-size:11.8px;margin:2px 0 5px}
.pool-welcome-setup-item p{margin:0;font-size:10px;line-height:1.58;color:#828c9f}
.pool-welcome-setup-item b{color:#5f6a7d;font-weight:850}
.pool-welcome-category-btn{margin-top:9px;height:29px;padding:0 11px;font-size:9.6px}
.pool-welcome-divider{display:flex;align-items:center;gap:10px;margin:18px 0 11px;color:#9aa2b1;font-size:8.5px;font-weight:900;letter-spacing:.85px}
.pool-welcome-divider:before,.pool-welcome-divider:after{content:"";height:1px;flex:1;background:#e6e9f0}
.pool-welcome-divider span{white-space:nowrap}
@media(max-width:980px){.pool-welcome-setup{grid-template-columns:1fr}.pool-welcome-setup-item{min-height:0}}

/* ===== Web v0.9.86: devre dışı alt bant işlemleri için açıklayıcı ipuçları ===== */
.disabled-hint-wrap{position:relative;display:inline-flex;align-items:center;min-width:0;overflow:visible}
.disabled-hint-wrap>button{position:relative}
.disabled-hint-wrap.create-hint-wrap{height:42px}
.disabled-hint-wrap.create-hint-wrap>.create-work-btn{height:100%}
.disabled-hint-wrap[data-disabled-hint]{cursor:help}
.disabled-hint-wrap[data-disabled-hint]::before,
.disabled-hint-wrap[data-disabled-hint]::after{position:absolute;left:50%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .14s ease,transform .14s ease;z-index:120}
.disabled-hint-wrap[data-disabled-hint]::after{content:attr(data-disabled-hint);bottom:calc(100% + 10px);transform:translate(-50%,4px);width:max-content;max-width:230px;padding:8px 10px;border:1px solid #dfe4ef;border-radius:9px;background:#20283a;color:#fff;font-size:10px;font-weight:650;line-height:1.35;text-align:center;white-space:normal;box-shadow:0 8px 22px rgba(25,34,55,.18)}
.disabled-hint-wrap[data-disabled-hint]::before{content:"";bottom:calc(100% + 5px);transform:translate(-50%,4px);border:5px solid transparent;border-top-color:#20283a}
@media (hover:hover) and (pointer:fine){
  .disabled-hint-wrap[data-disabled-hint]:hover::before,
  .disabled-hint-wrap[data-disabled-hint]:hover::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
}
@media(max-width:1120px){.create-work-actions .disabled-hint-wrap.create-hint-wrap{width:100%}.create-work-actions .disabled-hint-wrap.create-hint-wrap>.create-work-btn{width:100%}}


/* ===== Web v0.9.87: alt bant ipuçları ekran kenarlarında taşmasın ===== */
.disabled-hint-wrap[data-disabled-hint]::after{
  max-width:min(230px,calc(100vw - 28px));
}
/* Sol uçtaki Tümünü Seç: balonu butondan sağa doğru aç. */
.selection-actions .disabled-hint-wrap[data-hint-for="selectAllQuestionsBtn"][data-disabled-hint]::after{
  left:0;right:auto;transform:translate(0,4px);text-align:left;
}
.selection-actions .disabled-hint-wrap[data-hint-for="selectAllQuestionsBtn"][data-disabled-hint]::before{
  left:24px;right:auto;transform:translate(-50%,4px);
}
/* Sağ uçtaki Ders Notu Oluştur: balonu butondan sola doğru aç. */
.create-work-actions .disabled-hint-wrap:last-child[data-disabled-hint]::after{
  left:auto;right:0;transform:translate(0,4px);text-align:right;
}
.create-work-actions .disabled-hint-wrap:last-child[data-disabled-hint]::before{
  left:auto;right:24px;transform:translate(50%,4px);
}
@media (hover:hover) and (pointer:fine){
  .selection-actions .disabled-hint-wrap[data-hint-for="selectAllQuestionsBtn"][data-disabled-hint]:hover::after{transform:translate(0,0)}
  .selection-actions .disabled-hint-wrap[data-hint-for="selectAllQuestionsBtn"][data-disabled-hint]:hover::before{transform:translate(-50%,0)}
  .create-work-actions .disabled-hint-wrap:last-child[data-disabled-hint]:hover::after{transform:translate(0,0)}
  .create-work-actions .disabled-hint-wrap:last-child[data-disabled-hint]:hover::before{transform:translate(50%,0)}
}


/* ===== Web v0.9.88: karşılama üst boşluğu + ortalanmış silme onayı ===== */
body.app-open .question-scroll.welcome-locked .question-grid.welcome-view{
  align-content:start!important;
  padding-top:18px!important;
  box-sizing:border-box;
}
body.app-open .question-scroll.welcome-locked .pool-welcome{
  margin-top:10px;
  margin-bottom:10px;
}
.app-confirm-backdrop{z-index:1300!important;place-items:center!important;padding:20px!important}
.app-confirm-modal{width:min(420px,calc(100vw - 32px));padding:25px 25px 22px;text-align:center}
.app-confirm-icon{width:44px;height:44px;margin:0 auto 12px;border-radius:14px;display:grid;place-items:center;background:#fff1f1;border:1px solid #f3d6d9;color:#b34b53;font-size:20px;font-weight:900}
.app-confirm-modal h3{margin:0;font-size:18px;color:#344056}
.app-confirm-text{margin:10px auto 0;max-width:340px;color:#737e91;font-size:11.5px;line-height:1.65}
.app-confirm-actions{display:flex;justify-content:center;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.app-confirm-actions button{min-width:105px;height:39px}
.app-confirm-delete{font-weight:800}
@media(max-width:640px){
  body.app-open .question-scroll.welcome-locked .question-grid.welcome-view{padding-top:12px!important}
  .app-confirm-modal{padding:22px 18px 18px}
}


/* ===== Web v0.9.89: karşılama kartı kullanılabilir alana sığsın ===== */
body.app-open .question-scroll.welcome-locked .question-grid.welcome-view{
  align-content:center!important;
  padding:8px 0!important;
  box-sizing:border-box;
}
body.app-open .question-scroll.welcome-locked .pool-welcome{
  margin:0 auto;
}
/* Dizüstü / kısa masaüstü ekranlarında kartı dikey olarak kompaktlaştır. */
@media (max-height:820px) and (min-width:641px){
  body.app-open .question-scroll.welcome-locked .question-grid.welcome-view{padding:6px 0!important}
  .pool-welcome{padding:18px 26px 16px;border-radius:19px}
  .pool-welcome-mark{width:42px;height:42px;margin-bottom:6px;border-radius:13px;font-size:21px}
  .pool-welcome-kicker{margin-bottom:3px;font-size:8.5px}
  .pool-welcome h3{font-size:20px}
  .pool-welcome-lead{margin:5px auto 12px;font-size:10.8px;line-height:1.5}
  .pool-welcome-setup{gap:9px}
  .pool-welcome-setup-item{min-height:78px;padding:11px 13px;border-radius:13px;gap:9px}
  .pool-welcome-setup-item>span{flex-basis:25px;width:25px;height:25px;border-radius:8px}
  .pool-welcome-setup-item strong{font-size:11px;margin:1px 0 3px}
  .pool-welcome-setup-item p{font-size:9.4px;line-height:1.45}
  .pool-welcome-category-btn{height:26px;margin-top:6px;font-size:9px}
  .pool-welcome-divider{margin:10px 0 8px;font-size:8px}
  .pool-welcome-steps{gap:9px}
  .pool-welcome-step{min-height:80px;padding:11px 11px 9px;border-radius:13px;gap:8px}
  .pool-welcome-step>span{flex-basis:23px;width:23px;height:23px;border-radius:7px;font-size:9.5px}
  .pool-welcome-step strong{font-size:10.8px;margin:1px 0 3px}
  .pool-welcome-step p{font-size:9.2px;line-height:1.42}
  .pool-welcome-tip{margin-top:7px;font-size:9px;line-height:1.35}
}
@media (max-height:680px) and (min-width:641px){
  .pool-welcome{padding:14px 22px 12px}
  .pool-welcome-mark{width:36px;height:36px;margin-bottom:4px;font-size:18px}
  .pool-welcome-lead{margin-bottom:8px}
  .pool-welcome-setup-item{min-height:70px;padding:9px 11px}
  .pool-welcome-divider{margin:7px 0 6px}
  .pool-welcome-step{min-height:70px;padding:9px 10px 8px}
  .pool-welcome-tip{margin-top:5px}
}


/* ===== Web v0.9.90: ferah karşılama düzeni — sıkıştırmadan ekrana sığdır ===== */
@media (min-width:641px){
  body.app-open .question-scroll.welcome-locked .question-grid.welcome-view{
    align-content:center!important;
    padding:8px 0!important;
    box-sizing:border-box;
  }
  body.app-open .question-scroll.welcome-locked .pool-welcome{
    margin:0 auto;
    padding:20px 34px 18px;
    border-radius:22px;
  }
  .pool-welcome-mark{
    width:46px;height:46px;margin:0 auto 7px;border-radius:15px;
    font-size:23px;
  }
  .pool-welcome-kicker{font-size:9px;margin-bottom:4px}
  .pool-welcome h3{font-size:22px;line-height:1.2}
  .pool-welcome-lead{
    margin:7px auto 13px;
    font-size:11.5px;
    line-height:1.58;
  }
  .pool-welcome-setup{gap:10px;margin-top:0}
  .pool-welcome-setup-item{
    min-height:88px;
    padding:13px 16px;
    border-radius:15px;
    gap:11px;
  }
  .pool-welcome-setup-item>span{
    flex-basis:27px;width:27px;height:27px;border-radius:9px;
    font-size:10px;
  }
  .pool-welcome-setup-item strong{font-size:11.8px;margin:2px 0 4px}
  .pool-welcome-setup-item p{font-size:10px;line-height:1.52}
  .pool-welcome-category-btn{height:29px;margin-top:7px;font-size:9.6px}
  .pool-welcome-divider{margin:12px 0 9px;font-size:8.5px}
  .pool-welcome-steps{gap:10px}
  .pool-welcome-step{
    min-height:92px;
    padding:13px 14px 11px;
    border-radius:15px;
    gap:10px;
  }
  .pool-welcome-step>span{
    flex-basis:25px;width:25px;height:25px;border-radius:8px;font-size:10px;
  }
  .pool-welcome-step strong{font-size:11.5px;margin:2px 0 4px}
  .pool-welcome-step p{font-size:10px;line-height:1.5}
  .pool-welcome-tip{margin-top:8px;font-size:9.5px;line-height:1.4}
}


/* ===== Web v0.9.91: Çalışma kategorilerinde hiyerarşi ve yönetim ===== */
.saved-categories{display:flex;flex-direction:column}
.saved-tree{flex:1;min-height:0;overflow-y:auto;padding-right:3px}
.saved-subcat{padding-left:calc(14px + var(--saved-depth,0) * 18px);gap:7px}
.saved-subcat-main{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}
.saved-subcat-main>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saved-subcat-dot{font-style:normal;width:12px;flex:none;color:#9aa3b6;font-size:11px}
.saved-subcat.active .saved-subcat-dot{color:#5662d9}
.saved-subcat-empty{padding:7px 12px 10px 29px;font-size:10px;color:#a0a8b7;font-style:italic}
.saved-category-actions{flex:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:7px}
.saved-category-actions button{height:34px;font-size:10px;padding:0 9px}
.saved-cat-action-wide{width:100%}
.saved-cat-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.saved-category-actions .danger-soft{color:#b24b53;border-color:#efd7da;background:#fffafa}
.saved-category-actions .danger-soft:hover:not(:disabled){background:#fff0f1;border-color:#e6c5c9}
.saved-category-actions button:disabled{opacity:.46;cursor:default}
#savedCategoryParent{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;color:var(--text)}

/* ===== Web v0.9.94: zorunlu ve boş başlayan çalışma başlığı ===== */
.draft-title-placeholder{color:#94a3b8!important;opacity:.82;font-weight:600!important}
.required-field-attention{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)!important}


/* ===== Web v0.10.07: ana sayfa araç odaklı boş durum ===== */
.hidden-action-bank{display:none !important}
.pool-welcome-tools{max-width:920px}
.pool-welcome-inline-note{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 14px;border-radius:12px;background:#f5f7fc;border:1px solid #e4e8f2;color:#7a8598;font-size:10.4px;line-height:1.45;margin:2px auto 10px}
.pool-welcome-toolgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px;text-align:left}
.pool-tool-btn{height:128px;padding:16px 18px;border-radius:18px;display:flex;gap:14px;align-items:flex-start;justify-content:flex-start;box-shadow:none;transition:.16s ease}
.pool-tool-btn.secondary{background:linear-gradient(180deg,#fbfcff,#f7f9fd);border:1px solid #e2e7f1;color:#445066}
.pool-tool-btn.primary{background:linear-gradient(135deg,#5a66da,#6572e4);border:1px solid #5e69dc;color:#fff;box-shadow:0 12px 24px rgba(96,108,219,.18)}
.pool-tool-btn:hover{transform:translateY(-1px)}
.pool-tool-btn.secondary:hover{background:#fff;border-color:#d7ddea}
.pool-tool-btn.primary:hover{box-shadow:0 14px 28px rgba(96,108,219,.22)}
.pool-tool-btn .tool-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:900;background:rgba(255,255,255,.92);color:#5b67d8;border:1px solid rgba(212,218,238,.95)}
.pool-tool-btn.primary .tool-icon{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.18)}
.pool-tool-btn .tool-text{display:flex;flex-direction:column;gap:5px;min-width:0}
.pool-tool-btn .tool-text strong{font-size:15px;line-height:1.2;color:inherit}
.pool-tool-btn .tool-text small{font-size:11px;line-height:1.55;color:inherit;opacity:.82}
.pool-welcome-subnote{margin-top:14px;color:#8992a4;font-size:10px;line-height:1.5}
@media(max-width:980px){
  .pool-welcome-toolgrid{grid-template-columns:1fr;gap:10px}
  .pool-tool-btn{height:auto;min-height:92px;padding:14px 15px;border-radius:16px}
}


/* ===== Web v0.10.07: ana sayfa araç kartlarında hizalama düzeltmesi ===== */
.pool-welcome-tools .pool-welcome-toolgrid{align-items:stretch}
.pool-welcome-tools .pool-tool-btn{
  height:132px;
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  line-height:1.2;
  overflow:hidden;
}
.pool-welcome-tools .pool-tool-btn .tool-icon{
  flex:0 0 38px;
  width:38px;
  height:38px;
  margin:0 auto;
  display:grid;
  place-items:center;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:18px;
  line-height:1;
}
.pool-welcome-tools .pool-tool-btn .tool-text{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
}
.pool-welcome-tools .pool-tool-btn .tool-text strong{
  display:block;
  width:100%;
  margin:0;
  font-size:14px;
  line-height:1.25;
  white-space:nowrap;
  text-align:center;
}
.pool-welcome-tools .pool-tool-btn .tool-text small{
  display:block;
  width:100%;
  margin:0;
  max-width:210px;
  font-size:10.5px;
  line-height:1.4;
  text-align:center;
}
@media(max-width:980px){
  .pool-welcome-tools .pool-tool-btn{min-height:96px;height:auto;flex-direction:row;text-align:left;justify-content:flex-start}
  .pool-welcome-tools .pool-tool-btn .tool-icon{margin:0;flex:0 0 38px}
  .pool-welcome-tools .pool-tool-btn .tool-text{align-items:flex-start;text-align:left}
  .pool-welcome-tools .pool-tool-btn .tool-text strong,
  .pool-welcome-tools .pool-tool-btn .tool-text small{text-align:left;white-space:normal;max-width:none}
}


/* ===== Web v0.10.08: soru havuzu kategori işlem butonları ===== */
.pool-category-actions{margin-top:auto}
.pool-category-actions .saved-cat-action-wide{font-weight:700}
.pool-category-actions button:disabled{opacity:.46;cursor:default}
.pool-category-actions.hidden-by-empty{display:none}
#categoryParentSelect{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;color:var(--text)}


/* ===== Web v0.10.09: kategori sıra butonları ===== */
.category-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.category-order-grid button{width:100%}

/* ===== Web v0.10.10: kategori alt işlem butonları kompakt ===== */
.saved-category-actions{gap:5px;padding-top:9px;margin-top:9px}
.saved-category-actions button{height:28px;font-size:9.6px;padding:0 8px;border-radius:9px}
.saved-cat-action-grid,.category-order-grid{gap:5px}


/* ===== Web v0.10.12: soru ekle/çıkar modunda üst gezinme kilidi ===== */
.topnav-brand.nav-locked,.top-nav-item.nav-locked{opacity:.48;cursor:default}.topnav-brand.nav-locked:hover,.top-nav-item.nav-locked:hover{color:inherit;border-color:inherit}.topnav-restored .top-nav-item.nav-locked:hover{background:#202c49 !important}.top-nav-item.active.nav-locked{opacity:.62}


/* ===== Web v0.10.16: üst bant Soru Havuzu hızlı işlemleri ===== */
.top-pool-quick-actions{display:flex;align-items:center;gap:5px;padding:0 7px;border-left:1px solid rgba(148,163,184,.20);border-right:1px solid rgba(148,163,184,.20)}
.top-quick-action{height:34px;border:1px solid #30445f;background:#22324c;color:#cbd5e1;border-radius:9px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;font-weight:750;white-space:nowrap;transition:.15s ease;cursor:pointer}
.top-quick-action span{font-size:12px;line-height:1;color:#aebaf6}.top-quick-action b{font:inherit}
.top-quick-action:hover:not(:disabled){background:#2a3d5c;border-color:#405777;color:#fff;transform:translateY(-1px)}
.top-quick-action:disabled{opacity:.34;cursor:default;background:#1d2a40;border-color:#293b55;color:#8995a8;transform:none}
.top-quick-action:disabled span{color:#7d899c}
@media(max-width:1080px){.top-quick-action{width:34px;padding:0}.top-quick-action b{display:none}.top-pool-quick-actions{gap:4px;padding:0 5px}}
@media(max-width:760px){.top-pool-quick-actions{display:none}}


/* ===== Web v0.10.17: üst bant hızlı çalışma oluşturma ===== */
.top-work-create-actions{display:flex;align-items:center;gap:5px;padding:0 7px 0 2px;border-right:1px solid rgba(148,163,184,.20)}
.top-create-action{height:34px;border:1px solid #394966;background:#263650;color:#dbe4f2;border-radius:9px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:800;white-space:nowrap;transition:.15s ease;cursor:pointer}
.top-create-action b{font:inherit}.top-create-icon{width:18px;height:18px;border-radius:6px;background:#5362d5;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:900;line-height:1}
.top-create-action:hover:not(:disabled){background:#304565;border-color:#4a6080;color:#fff;transform:translateY(-1px)}
.top-create-action:disabled{opacity:.30;cursor:default;background:#1d2a40;border-color:#293b55;color:#8995a8;transform:none}
.top-create-action:disabled .top-create-icon{background:#42506a;color:#95a0b2}
@media(max-width:1450px){.top-create-action .create-suffix{display:none}.top-create-action{padding:0 8px}}
@media(max-width:1180px){.top-create-action{width:34px;padding:0}.top-create-action b{display:none}.top-work-create-actions{gap:4px;padding:0 5px 0 0}}
@media(max-width:880px){.top-work-create-actions{display:none}}


/* ===== Web v0.10.19: akıllı sütun boşluk dağılımı ===== */
.smart-gap-note{margin-top:5px!important;font-size:9px!important;line-height:1.35!important;color:#8a93a5!important}


/* ===== Web v0.10.24: manuel düzen sonrası akıllı boşluk eşitleme ===== */
.smart-layout-btn{width:100%;height:32px;margin-top:8px;border-radius:9px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;background:#f7f8ff;border-color:#dfe4f4;color:#4957c8}
.smart-layout-btn:hover{background:#eef1ff;border-color:#cfd6f2;color:#3f4dbc}
.smart-layout-btn span{font-size:12px;line-height:1}


/* ===== Web v0.10.25: minimum boşluk +/- ince ayar düğmeleri ===== */
.gap-stepper{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:7px;margin-top:5px}
.gap-stepper .test-range{width:100%;min-width:0;margin:0}
.gap-step-btn{width:28px;height:28px;padding:0;border:1px solid #dbe1ee;border-radius:9px;background:#fff;color:#536078;font-size:18px;font-weight:700;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.15s ease}
.gap-step-btn:hover:not(:disabled){background:#f2f4ff;border-color:#cbd3ef;color:#4957c8}
.gap-step-btn:active:not(:disabled){transform:translateY(1px)}
.gap-step-btn:disabled{opacity:.35;cursor:default}


/* ===== Web v0.10.31: soru ekleme penceresinde hızlı kategori oluşturma ===== */
.question-add-modal .question-category-create-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}
.question-add-modal .question-category-create-actions button{height:27px;padding:0 7px;border-radius:7px;font-size:9px;font-weight:750}
.question-add-modal .question-category-create-actions button:disabled{opacity:.42;cursor:default}
@media(max-width:760px){.question-add-modal .question-category-create-actions button{height:30px;font-size:9.5px}}


/* ===== Web v0.10.38: Çalışma kategorilerinde üç nokta işlem menüsü ===== */
.saved-subcat-node{position:relative}
.saved-subcat.has-menu{display:grid;grid-template-columns:minmax(0,1fr) auto 27px;align-items:center;gap:5px}
.saved-subcat.has-menu>b{justify-self:end}
.saved-cat-more{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;color:#929bad;font-weight:900;font-size:14px;line-height:1;cursor:pointer;user-select:none}
.saved-cat-more:hover{background:#e5e8f0;color:#526078}
.saved-subcat.active .saved-cat-more{color:#6673dd}
.saved-cat-menu{right:5px;top:35px;z-index:40}
.saved-cat-menu button:disabled{opacity:.38;cursor:default;pointer-events:none}

/* Web v0.12.00 — Test Şablon 6: ÖSYM görünümü */
#testTemplateGrid .mini-osym:before{left:3px;right:3px;top:3px;height:6px;border-radius:2px}
#testTemplateGrid .mini-osym:after{left:3px;right:3px;bottom:3px;height:4px}
.test-osym-head{box-sizing:border-box}
.test-osym-row{font-size:.8em}
.test-osym-instruction{font-size:.7em}

#testTemplateGrid .mini-premium:before{left:3px;right:3px;top:3px;height:7px;border-radius:2px}
#testTemplateGrid .mini-premium b{left:3px;top:3px;width:2px;height:9px}
#testTemplateGrid .mini-premium em{left:10px;right:10px;top:8px;height:1px}
#testTemplateGrid .mini-premium:after{left:4px;right:4px;bottom:3px}

/* v0.12.00: Yazılı şablon kartlarını yan yana göster */
#writtenTemplateGrid.written-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));}


/* ===== Web v0.12.00: ortak Dizgiye Aktar akışı ===== */
.pool-transfer-actions{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;min-width:0}
.pool-transfer-btn{
  height:42px;min-width:210px;padding:0 18px;border:1px solid #169fc5;border-radius:8px;
  background:linear-gradient(180deg,#21b9dd,#12a7cf);color:#fff;font-size:12px;font-weight:900;
  letter-spacing:.15px;box-shadow:0 6px 16px rgba(18,167,207,.18);justify-content:center;
}
.pool-transfer-btn b{font-size:11px}.pool-transfer-btn:hover:not(:disabled){background:linear-gradient(180deg,#1bb2d6,#0d9bc2)}
.pool-transfer-btn:disabled{opacity:.45;cursor:default}
.layout-mode-bar{
  height:32px;min-height:32px;margin:0 auto 6px;border:1px solid #203551;border-radius:7px;
  background:#0d2239;display:flex;align-items:stretch;justify-content:center;overflow:hidden;
  width:max-content;max-width:100%;box-shadow:0 2px 8px rgba(15,34,57,.07)
}
.layout-mode-tab{
  min-width:94px;padding:0 14px;border:0;border-right:1px solid rgba(255,255,255,.055);
  background:transparent;color:#c7d3e2;font-size:10px;font-weight:800;line-height:1;transition:.15s ease
}
.layout-mode-tab:last-child{border-right:0}
.layout-mode-tab:hover{background:#15314f;color:#fff}
.layout-mode-tab.active{background:#2f6fed;color:#fff;box-shadow:inset 0 -2px 0 rgba(255,255,255,.20)}
body.app-open .workspace.layout-mode-open{padding-top:5px;padding-bottom:8px}
body.app-open .workspace.layout-mode-open>.test-section{height:calc(100% - 41px)}
@media(max-width:760px){
  .pool-transfer-actions{width:100%}.pool-transfer-btn{width:100%}
  .layout-mode-bar{overflow-x:auto;justify-content:flex-start;width:100%}
  .layout-mode-tab{min-width:86px;padding:0 12px}
  body.app-open .workspace.layout-mode-open>.test-section{height:calc(100% - 41px)}
}


/* ===== Web v0.12.00: ortak dizgi sekmesi yalnız orta alanda; yan menüler tekrar yukarıda ===== */
@media(min-width:861px){
  body.app-open .workspace.layout-mode-open{position:relative;}
  body.app-open .workspace.layout-mode-open>.layout-mode-bar{
    position:absolute;
    top:5px;
    left:50%;
    transform:translateX(-50%);
    margin:0;
    z-index:45;
  }
  body.app-open .workspace.layout-mode-open>.test-section{height:100%;}
  body.app-open .workspace.layout-mode-open>.test-section:not(.hidden) .test-preview-area{
    padding-top:38px;
    box-sizing:border-box;
  }
}

/* v0.12.00: Dizgiden havuza dönünce de normal seçim alt bandı */
#poolEditActions{display:none!important}


/* ===== Web v0.12.00: Dizgide güvenli Vazgeç akışı ===== */
.work-nav-fixed{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr);
  align-items:stretch;
  gap:6px!important;
}
.work-nav-fixed .layout-cancel-btn{
  width:auto;
  min-width:72px;
  height:38px;
  min-height:38px;
  padding:0 10px;
  border-radius:8px;
  font-size:10.5px;
  font-weight:750;
  white-space:nowrap;
}
.work-nav-fixed .preview-back-btn{
  min-width:0;
  width:100%;
}


/* ===== Web v0.12.00: daha premium, sakin renkli uygulama kabuğu ===== */
:root{
  --premium-shell:#e9eef1;
  --premium-panel:#dde6ea;
  --premium-panel-2:#e2e8ec;
  --premium-panel-head:#d1dde3;
  --premium-panel-border:#c3d0d7;
  --premium-ink:#30434f;
  --premium-muted:#71818c;
  --premium-navy:#2d404d;
  --premium-navy-2:#354b59;
}
body.app-open .app-shell{background:var(--premium-shell)}

/* Ana üst bant: daha ince ve daha rafine. */
.app-topnav.topnav-restored{
  height:48px;
  min-height:48px;
  padding:0 18px;
  gap:14px;
  background:linear-gradient(180deg,var(--premium-navy-2),var(--premium-navy));
  border-bottom:1px solid #243640;
  box-shadow:0 3px 12px rgba(31,47,57,.14);
}
.topnav-restored .restored-brand{gap:8px}
.topnav-restored .brand-mark.small{
  width:30px;height:30px;border-radius:8px;font-size:11px;
  background:#edf2f4;color:#425966;
}
.topnav-restored .brand-copy strong{font-size:12px}
.topnav-restored .brand-copy span{font-size:8.5px;margin-top:2px;color:#a8b5bd}
.topnav-main-links{margin-left:14px;gap:7px}
.topnav-restored .top-nav-item{height:32px;padding:0 10px;border-radius:8px;font-size:10.5px}
.top-pool-quick-actions{gap:4px;padding:0 6px;border-color:rgba(214,225,231,.17)}
.top-quick-action{height:30px;border-radius:8px;padding:0 8px;font-size:9.5px;background:#354b5a;border-color:#435b69;color:#d9e2e7}
.top-quick-action:hover:not(:disabled){background:#3d5565;border-color:#506a78}

body.app-open .workspace{
  height:calc(100vh - 48px);
  background:var(--premium-shell);
  padding-top:10px;
  padding-bottom:10px;
}

/* Ana havuz ve kayıtlı çalışmaların sol menüleri: sakin füme-mavi. */
.category-panel.card,
.saved-categories.card{
  background:linear-gradient(180deg,var(--premium-panel) 0%,#e5ecef 100%);
  border-color:var(--premium-panel-border);
  box-shadow:0 4px 16px rgba(48,67,79,.07);
}
.category-panel .panel-title,
.saved-categories .panel-title{border-bottom-color:#c9d5db}
.category-panel .panel-title strong,
.saved-categories .panel-title strong{color:var(--premium-ink)}
.category-panel .panel-title span,
.saved-categories .panel-title span{color:var(--premium-muted)}
.category-panel .square,
.saved-categories .square{
  background:rgba(255,255,255,.62);
  border-color:#c4d1d8;
  color:#536a77;
}
.category-panel .tree-row,
.saved-type-row,.saved-subcat{color:#526570}
.category-panel .tree-row:hover,
.category-panel .tree-row.active-soft,
.saved-type-row:hover,
.saved-subcat:hover{background:rgba(255,255,255,.52);color:#344c59}
.category-panel .tree-row.active,
.saved-subcat.active{
  background:rgba(255,255,255,.72);
  color:#2f4653;
  box-shadow:inset 3px 0 0 #6f8794;
}
.saved-category-actions,
.pool-category-actions{border-top-color:#c7d3d9}
.saved-category-actions .secondary,
.pool-category-actions .secondary{background:rgba(255,255,255,.72);border-color:#c8d3d9;color:#536671}

/* Dizgi sol/sağ ayar bantları renkli; orta önizleme nötr kalır. */
.test-side-left.card{
  background:linear-gradient(180deg,#d9e4e8 0%,#e4ebee 100%);
  border-color:#bdcdd4;
  box-shadow:0 4px 16px rgba(48,67,79,.075);
}
.test-side-right.card{
  background:linear-gradient(180deg,#e0e5ea 0%,#e9edf0 100%);
  border-color:#c8d0d7;
  box-shadow:0 4px 16px rgba(48,67,79,.065);
}
.test-side-left .test-side-head{background:#cfdde3;border-bottom-color:#becdd4}
.test-side-right .test-side-head{background:#d7dee4;border-bottom-color:#c5ced5}
.test-side .test-side-head strong{color:#314650}
.test-side .test-side-head .eyebrow{color:#6b7e88}
.test-side .test-item-count{background:rgba(255,255,255,.58);color:#5e717c}
.test-side .test-setting-section{border-bottom-color:rgba(92,112,124,.16)}
.test-side .test-setting-section h4{color:#405661}
.test-side .test-setting-section label{color:#687b85}
.test-side .test-side-fixed{
  background:rgba(247,250,251,.72);
  border-top-color:rgba(102,121,132,.19);
  backdrop-filter:blur(4px);
}
.test-side .test-segment{background:rgba(255,255,255,.45)}
.test-side .margin-grid>label{background:rgba(255,255,255,.48);border-color:rgba(128,145,154,.18)}
.test-side .template-grid button{background:rgba(255,255,255,.76);border-color:#cdd7dc}
.test-side .template-grid button.active{background:#f6f8fa;border-color:#8599a5;color:#405866;box-shadow:0 0 0 2px rgba(93,116,129,.08)}
.test-side .secondary{background:rgba(255,255,255,.78);border-color:#cbd5da;color:#50636f}

/* Orta alan bilinçli olarak beyaz/gri tutulur. */
.test-preview-scroll{background:#e5eaed;border-color:#d3dadd}
.pool-area,.saved-main{background:transparent}
.saved-toolbar.card{background:#f9fafb;border-color:#dce2e5}

@media(max-width:860px){
  .app-topnav.topnav-restored{height:46px;min-height:46px;padding:0 10px}
  body.app-open .workspace{height:calc(100vh - 46px)}
}


/* ===== Web v0.12.00: sol panel + alt işlem bandı daha koyu premium ton ===== */
.category-panel.card,
.saved-categories.card{
  background:linear-gradient(180deg,#425763 0%,#374b56 100%);
  border-color:#31434d;
  box-shadow:0 5px 18px rgba(31,48,58,.16);
}
.category-panel .panel-title,
.saved-categories .panel-title{border-bottom-color:rgba(224,234,239,.16)}
.category-panel .panel-title strong,
.saved-categories .panel-title strong{color:#f2f6f8}
.category-panel .panel-title span,
.saved-categories .panel-title span{color:#b7c5cc}
.category-panel .square,
.saved-categories .square{
  background:rgba(255,255,255,.10);
  border-color:rgba(231,239,243,.18);
  color:#edf4f7;
}
.category-panel .tree-row,
.saved-type-row,.saved-subcat{color:#d7e1e6}
.category-panel .tree-row:hover,
.category-panel .tree-row.active-soft,
.saved-type-row:hover,
.saved-subcat:hover{background:rgba(255,255,255,.08);color:#fff}
.category-panel .tree-row.active,
.saved-subcat.active{
  background:rgba(255,255,255,.14);
  color:#fff;
  box-shadow:inset 3px 0 0 #a9bbc4;
}
.category-panel .tree-row b{color:#aebdc5}
.saved-category-actions,
.pool-category-actions{border-top-color:rgba(228,237,241,.16)}
.saved-category-actions .secondary,
.pool-category-actions .secondary{
  background:rgba(255,255,255,.10);
  border-color:rgba(230,238,242,.18);
  color:#e5edf1;
}
.saved-category-actions .secondary:hover,
.pool-category-actions .secondary:hover{background:rgba(255,255,255,.16);color:#fff}

/* Dizgi ekranındaki sol ayar bandı da aynı koyu ailede. */
.test-side-left.card{
  background:linear-gradient(180deg,#425762 0%,#384c57 100%);
  border-color:#31434d;
  box-shadow:0 5px 18px rgba(31,48,58,.14);
}
.test-side-left .test-side-head{background:#394e59;border-bottom-color:#30434d}
.test-side-left .test-side-head strong{color:#f1f5f7}
.test-side-left .test-side-head .eyebrow{color:#b7c6cd}
.test-side-left .test-item-count{background:rgba(255,255,255,.10);color:#d9e4e9}
.test-side-left .test-setting-section{border-bottom-color:rgba(231,239,243,.13)}
.test-side-left .test-setting-section h4{color:#eef4f6}
.test-side-left .test-setting-section label{color:#c6d3d9}
.test-side-left .test-setting-note{color:#aebfc7}
.test-side-left .test-side-fixed{
  background:rgba(49,68,78,.88);
  border-top-color:rgba(229,238,242,.14);
}

/* Ana sayfa alt seçim bandı: daha koyu, fakat nötr ve sakin. */
.pool-selection-bar{
  border-color:#344a57;
  background:linear-gradient(180deg,#405662,#374b56);
  box-shadow:0 5px 18px rgba(31,48,58,.14);
}
.pool-selection-bar .selection-count{color:#d2dde2}
.pool-selection-bar .selection-btn{
  background:rgba(255,255,255,.10);
  border-color:rgba(231,239,243,.18);
  color:#e8eff2;
}
.pool-selection-bar .selection-btn:hover:not(:disabled){
  background:rgba(255,255,255,.16);
  border-color:rgba(238,244,247,.26);
  color:#fff;
}
.pool-selection-bar .selection-btn.danger{
  color:#f0c8cb;
  border-color:rgba(239,192,196,.24);
  background:rgba(137,68,75,.13);
}
.pool-selection-bar .selection-btn.danger:hover:not(:disabled){
  background:rgba(151,73,81,.20);
  border-color:rgba(244,198,202,.32);
}


/* ===== Web v0.12.00: üst/sol/alt bantlar v0.10.77 üst bant rengi ===== */
.app-topnav.topnav-restored{
  background:#11192a;
  border-bottom-color:#22304a;
  box-shadow:0 4px 16px rgba(17,25,42,.13);
}
.category-panel.card,
.saved-categories.card,
.test-side-left.card{
  background:#11192a;
  border-color:#22304a;
}
.test-side-left .test-side-head{
  background:#11192a;
  border-bottom-color:#22304a;
}
.test-side-left .test-side-fixed{
  background:#11192a;
  border-top-color:#22304a;
}
.pool-selection-bar{
  background:#11192a;
  border-color:#22304a;
  box-shadow:0 4px 16px rgba(17,25,42,.13);
}


/* ===== Web v0.12.00: daha ince alt bant + üstte Ana Sayfa ===== */
.topnav-restored .top-home-link{
  height:30px;
  padding:0 9px;
  border-radius:8px;
  font-size:10px;
  color:#d7deea;
}
.topnav-restored .top-home-link .ico{font-size:13px;color:#aebbd0}
.topnav-restored .top-home-link:hover{background:#202c49;color:#fff}

.pool-selection-bar{
  min-height:44px;
  margin-top:6px;
  padding:4px 7px 4px 9px;
  gap:8px;
  border-radius:11px;
}
.pool-selection-bar .selection-actions{gap:4px}
.pool-selection-bar .selection-btn{
  height:30px;
  padding-left:9px;
  padding-right:9px;
  border-radius:8px;
  font-size:10px;
}
.pool-selection-bar .selection-count{font-size:10px}
.pool-transfer-btn{
  height:34px;
  min-width:190px;
  padding:0 14px;
  border-radius:8px;
  font-size:11px;
  box-shadow:0 4px 12px rgba(18,167,207,.14);
}
.pool-transfer-btn b{font-size:10px}
@media(max-width:760px){
  .pool-selection-bar{min-height:0;padding:5px 6px}
  .pool-transfer-btn{height:34px;min-width:0}
}


/* ===== Web v0.12.00: daha zarif Ana Sayfa + ana kart metin hizası ===== */
.topnav-restored .top-home-link{
  height:29px;
  padding:0 9px 0 8px;
  gap:6px;
  border:1px solid rgba(216,226,239,.16);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  color:#d8e0eb;
  font-size:10px;
  font-weight:720;
  box-shadow:none;
}
.topnav-restored .top-home-link .ico{
  width:15px;height:15px;
  display:grid;place-items:center;
  color:#aebbd0;
  opacity:1;
}
.topnav-restored .top-home-link .home-line-icon svg{
  width:14px;height:14px;display:block;
  fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
.topnav-restored .top-home-link:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(225,233,243,.28);
  color:#fff;
}

/* Global .secondary beyaz boşluk kuralının ana sayfa kartlarını taşırmasını engelle. */
.pool-welcome-tools .pool-tool-btn{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  white-space:normal !important;
  overflow:hidden;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.pool-welcome-tools .pool-tool-btn .tool-text{
  width:100%;
  max-width:100%;
  min-width:0;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.pool-welcome-tools .pool-tool-btn .tool-text strong,
.pool-welcome-tools .pool-tool-btn .tool-text small{
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
  white-space:normal !important;
  overflow-wrap:break-word;
  word-break:normal;
  text-align:center;
}
.pool-welcome-tools .pool-tool-btn .tool-text strong{
  font-size:13.5px;
  line-height:1.25;
}
.pool-welcome-tools .pool-tool-btn .tool-text small{
  padding:0 5px;
  box-sizing:border-box;
  font-size:10.2px;
  line-height:1.4;
}
@media(max-width:980px){
  .pool-welcome-tools .pool-tool-btn .tool-text,
  .pool-welcome-tools .pool-tool-btn .tool-text strong,
  .pool-welcome-tools .pool-tool-btn .tool-text small{
    text-align:left;
    align-items:flex-start;
  }
}


/* ===== Web v0.12.00: üst hızlı işlem ayırıcısı kategori paneliyle hizalı ===== */
#topPoolQuickActions{transition:margin-left .12s ease}


/* ===== Web v0.12.00: üst başlık düğmelerini bantta ortala ===== */
.app-topnav.topnav-restored{
  position:relative;
}
.app-topnav.topnav-restored .topnav-main-links{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  margin:0;
  justify-content:center;
  gap:7px;
  width:max-content;
  max-width:calc(100% - 330px);
}
.app-topnav.topnav-restored .top-pool-quick-actions{
  margin-left:0 !important;
}
@media(max-width:1120px){
  .app-topnav.topnav-restored .topnav-main-links{
    max-width:calc(100% - 120px);
  }
}
@media(max-width:760px){
  .app-topnav.topnav-restored .topnav-main-links{
    position:static;
    transform:none;
    margin-left:auto;
    margin-right:0;
    max-width:none;
  }
}


/* ===== Web v0.12.00: üst gezinme kutusu + v0.10.77 dizgi başlık bantları ===== */
.topnav-restored .top-saved-link{
  border:1px solid rgba(216,226,239,.16);
  background:rgba(255,255,255,.035);
  color:#d8e0eb;
}
.topnav-restored .top-saved-link:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(225,233,243,.28);
  color:#fff;
}

/* Yalnızca dizgi sol/sağ panel başlıkları v0.10.77'nin açık tonuna döner. */
.test-side-left .test-side-head,
.test-side-right .test-side-head{
  background:#fbfcff;
  border-bottom-color:#e3e7ef;
}
.test-side-left .test-side-head strong,
.test-side-right .test-side-head strong{
  color:#273244;
}
.test-side-left .test-side-head .eyebrow,
.test-side-right .test-side-head .eyebrow{
  color:#7a8598;
}
.test-side-left .test-item-count,
.test-side-right .test-item-count{
  background:#f0f3f7;
  color:#657185;
}


/* ===== Web v0.12.00: Dizgi sol/sağ panelleri v0.10.77 görünümüne tam dönüş ===== */
.test-side-left.card,
.test-side-right.card{
  background:#fff;
  border-color:#e1e5ed;
  box-shadow:0 3px 12px rgba(35,45,80,.03);
}
.test-side-left .test-side-head,
.test-side-right .test-side-head{
  background:#fbfcff;
  border-bottom-color:#e3e7ef;
}
.test-side-left .test-side-head strong,
.test-side-right .test-side-head strong{
  color:#273244;
}
.test-side-left .test-side-head .eyebrow,
.test-side-right .test-side-head .eyebrow{
  color:#7a8598;
}
.test-side-left .test-item-count,
.test-side-right .test-item-count{
  background:#f2f4f8;
  color:#6b7690;
}
.test-side-left .test-setting-section,
.test-side-right .test-setting-section{
  border-bottom-color:#edf0f4;
}
.test-side-left .test-setting-section h4,
.test-side-right .test-setting-section h4{
  color:#46536b;
}
.test-side-left .test-setting-section label,
.test-side-right .test-setting-section label{
  color:#7b869a;
}
.test-side-left .test-setting-note,
.test-side-right .test-setting-note{
  color:#9aa3b4;
}
.test-side-left .test-side-fixed,
.test-side-right .test-side-fixed{
  background:#fff;
  border-top-color:#e1e5ed;
  backdrop-filter:none;
}
.test-side-left .test-segment,
.test-side-right .test-segment{
  background:#f2f4f8;
}
.test-side-left .margin-grid>label,
.test-side-right .margin-grid>label{
  background:#f7f8fb;
  border-color:#edf0f4;
}
.test-side-left .template-grid button,
.test-side-right .template-grid button{
  background:#fff;
  border-color:#e2e6ee;
  color:#6d7890;
}
.test-side-left .template-grid button.active,
.test-side-right .template-grid button.active{
  background:#f2f3ff;
  border-color:#8d98ed;
  color:#4b58cb;
  box-shadow:0 0 0 1px rgba(79,91,213,.08);
}
.test-side-left .secondary,
.test-side-right .secondary{
  background:#fff;
  border-color:#dfe4ec;
  color:#526078;
}


/* ===== Web v0.12.00: Kayıtlı Çalışmalar kategori paneli v0.10.77 görünümü ===== */
.saved-categories.card{
  background:var(--surface);
  border-color:var(--line);
  box-shadow:0 4px 18px rgba(35,45,80,.035);
}
.saved-categories .panel-title{border-bottom-color:var(--line)}
.saved-categories .panel-title strong{color:var(--text)}
.saved-categories .panel-title span{color:var(--muted)}
.saved-categories .square{
  background:#fff;
  border-color:var(--line);
  color:inherit;
}
.saved-type-row,.saved-subcat{color:#536077}
.saved-type-row:hover{background:#f7f8fc;color:#536077}
.saved-subcat:hover,.saved-subcat.active{background:#eef0ff;color:#4552c2}
.saved-subcat.active{font-weight:750;box-shadow:none}
.saved-type-row i{color:#8b95a8}
.saved-type-row b,.saved-subcat b{color:#929bad}
.saved-subcat-dot{color:#9aa3b6}
.saved-subcat.active .saved-subcat-dot{color:#5662d9}
.saved-category-actions{border-top-color:var(--line)}
.saved-category-actions .secondary{
  background:#fff;
  border-color:#dfe4ec;
  color:#526078;
}
.saved-category-actions .secondary:hover:not(:disabled){
  background:#f5f7fb;
  border-color:#cbd2df;
  color:#303a4f;
}


/* ===== Web v0.12.00: Ana Soru Havuzu kategori paneli v0.10.77 görünümü ===== */
.category-panel.card{
  background:var(--surface);
  border-color:var(--line);
  box-shadow:0 4px 18px rgba(35,45,80,.035);
}
.category-panel .panel-title{border-bottom-color:var(--line)}
.category-panel .panel-title strong{color:#33415a}
.category-panel .panel-title span{color:#8a97ac}
.category-panel .square{
  background:#fff;
  border-color:var(--line);
  color:inherit;
}
.category-panel .tree-row{color:#536077}
.category-panel .tree-row:hover,
.category-panel .tree-row.active-soft{background:#f0f4ff;color:#4e5ec7}
.category-panel .tree-row.active{
  background:transparent;
  color:#25304a;
  font-weight:800;
  box-shadow:none;
}
.category-panel .tree-row b{color:#8c96a9}
.pool-category-actions{border-top-color:var(--line)}
.pool-category-actions .secondary{
  background:#fff;
  border-color:#dfe4ec;
  color:#526078;
}
.pool-category-actions .secondary:hover:not(:disabled){
  background:#f5f7fb;
  border-color:#cbd2df;
  color:#303a4f;
}


/* ===== Web v0.12.00: Kayıtlı çalışma önizlemesi ultra kompakt ===== */
.saved-work-preview-modal{
  width:min(calc(var(--saved-preview-page-width,660px) + 34px),calc(100vw - 16px));
  max-width:none;
}
.saved-work-preview-head{
  padding:4px 7px;
  gap:7px;
}
.saved-work-preview-heading{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:7px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
}
.saved-work-preview-heading .eyebrow{
  flex:0 0 auto;
  font-size:7px;
  line-height:1;
  margin:0;
}
.saved-work-preview-heading h3{
  flex:0 1 auto;
  max-width:42%;
  margin:0;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.saved-work-preview-heading p{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  font-size:8px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.saved-work-preview-heading .eyebrow::after,
.saved-work-preview-heading h3::after{
  content:"·";
  margin-left:7px;
  color:#c2c9d4;
  font-weight:700;
}
.saved-work-preview-head .modal-close{
  width:23px;
  height:23px;
  min-width:23px;
  font-size:15px;
  border-radius:7px;
}
.saved-work-preview-stage{
  padding:10px 16px 14px;
  gap:12px;
}
.saved-work-preview-actions{
  padding:4px 7px;
}
.saved-work-preview-actions button,
.saved-work-preview-actions .saved-preview-pdf-btn,
.saved-work-preview-actions .danger-soft{
  height:27px;
  min-width:60px;
  padding:0 8px;
  font-size:9px;
  border-radius:7px;
}
@media(max-width:760px){
  .saved-work-preview-modal{width:calc(100vw - 8px)}
  .saved-work-preview-stage{padding-left:8px;padding-right:8px}
  .saved-work-preview-heading h3{max-width:36%}
}


/* ===== Web v0.12.00: üst ve alt bant v0.10.77 gerçek lacivert tonu ===== */
.app-topnav.topnav-restored{
  background:linear-gradient(180deg,#1d2b45 0%,#172238 100%);
  border-bottom-color:#2d405f;
  box-shadow:0 4px 16px rgba(21,34,56,.10);
}
.pool-selection-bar{
  background:linear-gradient(180deg,#1d2b45 0%,#172238 100%);
  border-color:#2d405f;
  box-shadow:0 4px 16px rgba(21,34,56,.10);
}

/* v0.12.00 — Başlık ve numara puntoları çalışma bazında değiştirilebilir. */
/* Varsayılan: ana başlık 12, alt başlık 10, soru numarası 11, Ders Notu Örnek başlığı 11. */
.test-page.desk-page :is(.desk-h-title,.classic-title,.band-first span,.band-cont span,.frame-first span,.frame-cont span,.clean-first span,.clean-cont span,.premium-head span,.premium-head-compact span,.analytic-head span){font-size:var(--title-font-size,12px)!important;}
.test-page.desk-page :is(.desk-h-sub,.classic-sub,.band-first small,.band-cont small,.frame-first small,.frame-cont small,.clean-first small,.clean-cont small,.premium-head small,.premium-head-compact small,.analytic-sub){font-size:var(--subtitle-font-size,10px)!important;}
.test-page.desk-page .exam-header-title{font-size:var(--title-font-size,12px)!important;}
.test-page.desk-page .exam-header-row>span:not(.exam-header-title){font-size:var(--subtitle-font-size,10px)!important;}
.test-page.desk-page .written-header-title{font-size:var(--title-font-size,12px)!important;}
.test-page.desk-page .desk-qno{font-size:var(--question-no-font-size,11px)!important;}
.test-page.desk-page .lesson-example-chip{font-size:var(--lesson-example-font-size,11px)!important;}
.typography-size-grid{margin-top:7px;gap:8px}.typography-size-grid label{white-space:nowrap}.typography-size-grid input{width:100%}


/* ===== Web v0.12.00: önizlemede tıkla ve yazıyı biçimlendir ===== */
.typography-target-indicator{margin:0 0 9px;padding:7px 9px;border:1px solid #dce3ed;border-radius:8px;background:#f8fafc;display:flex;flex-direction:column;gap:2px}
.typography-target-indicator b{font-size:10px;color:#334155}
.typography-target-indicator span{font-size:8px;line-height:1.35;color:#7b8798}
.typography-target-indicator.target-active{border-color:#9fb7d3;background:#f2f7fc}
.typography-target-indicator.target-active b{color:#244c73}
.typography-clickable{pointer-events:auto!important;cursor:pointer!important}
.typography-clickable:hover{outline:1px dashed rgba(54,105,150,.38);outline-offset:2px;border-radius:2px}
.typography-selected{outline:1px solid rgba(47,111,237,.72)!important;outline-offset:3px!important;border-radius:3px;box-shadow:0 0 0 2px rgba(47,111,237,.08)}
#directPdfHost .typography-selected,#directPdfHost .typography-clickable{outline:0!important;box-shadow:none!important}

/* ===== Web v0.12.00: Supabase Auth + bulut hesap durumu ===== */
.auth-status{margin-top:14px;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.45;background:#f3f6fb;color:#526078;border:1px solid #e0e6ef;text-align:center}
.auth-status.success{background:#edf8f1;color:#326b48;border-color:#cde9d7}
.auth-status.error{background:#fff1f1;color:#a13f3f;border-color:#f1cccc}
.auth-status.loading{background:#f4f5ff;color:#4f5bb2;border-color:#dfe2ff}
.auth-hint{min-height:18px}
.login-card .primary.large:disabled{opacity:.58;cursor:wait}
.cloud-account{justify-self:end;display:flex;align-items:center;gap:7px;min-width:0;padding:4px 5px 4px 8px;border:1px solid rgba(216,226,239,.14);background:rgba(255,255,255,.035);border-radius:9px;color:#d8e0eb;z-index:3}
.cloud-dot{width:7px;height:7px;border-radius:50%;background:#45c97a;box-shadow:0 0 0 3px rgba(69,201,122,.12);flex:none}
.cloud-user-email{font-size:9.5px;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfd8e5}
.cloud-account button{height:26px;padding:0 8px;border:1px solid rgba(216,226,239,.16);border-radius:7px;background:rgba(255,255,255,.04);color:#e6edf6;font-size:9px;font-weight:750;cursor:pointer}
.cloud-account button:hover{background:rgba(255,255,255,.10)}
@media(max-width:1120px){.cloud-user-email{display:none}.cloud-account{padding-left:6px}}
@media(max-width:760px){.cloud-account{display:none}}
.autosave-state.cloud-saving{color:#5b61a8!important;background:#eef0ff}
.autosave-state.cloud-error{color:#a34747!important;background:#fff0f0}

/* ===== Web v0.12.01: hesap kutusu üst bandın en sağına sabitlendi ===== */
.app-topnav.topnav-restored .cloud-account{
  margin-left:auto;
  flex:0 0 auto;
}

/* ===== Web v0.12.44: tablet + telefon responsive uyumluluk katmanı ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0}
img,canvas{max-width:100%}
button,input,select,textarea{touch-action:manipulation}

/* Mobil tarayıcılardaki değişken adres çubuğu yüksekliği için dinamik viewport. */
@supports (height:100dvh){
  body.login-open{height:100dvh}
  body.login-open .login-shell{height:100dvh}
  body.login-open .brand-panel,body.login-open .login-panel{height:calc(100dvh - 48px)}
  body.app-open .workspace{height:calc(100dvh - 48px)}
}

/* Telefon/tablet: masaüstü görünümünü bozmadan tek sütun, kontrollü iç kaydırma. */
@media(max-width:900px){
  body.app-open{height:auto!important;min-height:100dvh;overflow-x:hidden!important;overflow-y:auto!important}
  body.app-open .app-shell{height:auto!important;min-height:100dvh;overflow:visible!important}

  .app-topnav.topnav-restored{
    position:sticky;top:0;z-index:80;
    height:52px!important;min-height:52px!important;
    padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))!important;
    gap:6px!important;overflow:hidden
  }
  .topnav-restored .restored-brand{flex:0 0 auto;gap:0}
  .topnav-restored .brand-mark.small{width:32px;height:32px;border-radius:9px;font-size:11px}
  .topnav-restored .brand-copy{display:none!important}
  .app-topnav.topnav-restored .topnav-main-links{
    position:static!important;left:auto!important;top:auto!important;transform:none!important;
    flex:1 1 auto;min-width:0;max-width:none!important;width:auto!important;margin:0!important;
    justify-content:flex-start;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
    -webkit-overflow-scrolling:touch
  }
  .app-topnav.topnav-restored .topnav-main-links::-webkit-scrollbar{display:none}
  .topnav-restored .top-nav-item,.topnav-restored .top-home-link{
    flex:0 0 auto;height:34px!important;min-height:34px;padding:0 8px!important;border-radius:8px
  }
  .top-pool-quick-actions{display:flex!important;flex:0 0 auto;gap:3px!important;padding:0 3px!important;border:0!important}
  .top-quick-action{width:32px!important;height:32px!important;min-width:32px;padding:0!important;justify-content:center}
  .top-quick-action b{display:none!important}
  .cloud-account{display:flex!important;flex:0 0 auto;margin-left:0!important;padding:2px 3px!important;gap:3px!important}
  .cloud-user-email{display:none!important}
  .cloud-account button{height:28px;padding:0 7px;font-size:8.5px}

  body.app-open .workspace{
    height:auto!important;min-height:calc(100dvh - 52px)!important;overflow:visible!important;
    padding:8px max(10px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important
  }
  body.app-open .workspace.layout-mode-open{padding-top:6px!important}
  body.app-open .workspace.layout-mode-open>.test-section{height:auto!important}
  .layout-mode-bar{height:34px;min-height:34px;margin:0 0 7px;width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .layout-mode-bar::-webkit-scrollbar{display:none}
  .layout-mode-tab{flex:1 0 82px;min-width:82px;height:34px;padding:0 10px}

  #poolSection.content-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;height:auto!important;overflow:visible!important}
  body.app-open .category-panel{
    display:flex!important;position:relative!important;top:auto!important;
    width:100%;height:auto!important;min-height:150px!important;max-height:32dvh!important;
    overflow:hidden!important;padding:10px!important;border-radius:12px
  }
  .category-panel .panel-title{flex:0 0 auto;padding-bottom:8px}
  .category-panel .tree{flex:1 1 auto;min-height:76px;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding-right:2px}
  .category-panel .tree-row.dynamic{min-height:36px;padding-top:6px;padding-bottom:6px}
  .pool-category-actions{flex:0 0 auto;margin-top:7px;padding-top:7px;gap:5px}
  .pool-category-actions button{height:32px!important;min-height:32px!important;font-size:9px!important}

  body.app-open .pool-area{height:auto!important;min-height:0!important;overflow:visible!important}
  body.app-open .pool-area>.section-meta{
    height:auto!important;min-height:46px;padding:4px 1px 8px;align-items:center;gap:8px;flex-wrap:wrap
  }
  .section-meta>div:first-child{min-width:0;flex:1 1 170px;flex-wrap:wrap}
  .pool-meta-right{flex:0 1 auto;min-width:0;margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:5px}
  .autosave-state{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .column-toggle{max-width:100%}
  body.app-open .question-scroll{height:auto!important;overflow:visible!important;padding:0 0 8px!important}
  body.app-open .question-grid{overflow:visible!important;padding:0!important}
  .question-grid.grid-view{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .question-grid.grid-view .question-card.functional{border-radius:12px}

  .pool-selection-bar{
    position:sticky!important;bottom:max(6px,env(safe-area-inset-bottom));z-index:35;
    min-height:0!important;margin-top:8px!important;padding:6px!important;gap:6px!important;
    align-items:stretch;flex-wrap:wrap;border-radius:11px
  }
  .pool-selection-bar .selection-actions{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:5px}
  .pool-selection-bar .selection-btn{height:34px;min-height:34px;flex:1 1 120px;padding:0 8px;font-size:9.5px}
  .pool-selection-bar .selection-count{flex:1 1 100%;text-align:center;margin:0;line-height:1.25}
  .pool-transfer-actions{width:100%!important;flex:1 1 100%}
  .pool-transfer-btn{width:100%!important;min-width:0!important;height:36px!important}

  /* Kayıtlı çalışmalar: kategori alanı üstte kompakt, liste altta doğal kaydırmada. */
  .saved-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;height:auto!important}
  body.app-open .saved-section,body.app-open .saved-main{height:auto!important;overflow:visible!important}
  body.app-open .saved-categories{
    position:relative!important;top:auto!important;height:auto!important;min-height:130px!important;max-height:30dvh!important;
    overflow:hidden!important;padding:10px!important;border-radius:12px
  }
  .saved-categories .saved-tree{overflow-y:auto!important;min-height:70px;overscroll-behavior:contain}
  .saved-category-actions{margin-top:7px;padding-top:7px;gap:5px}
  .saved-category-actions button{height:32px!important;min-height:32px!important}
  .saved-toolbar{height:auto!important;min-height:52px;padding:9px 10px;margin-bottom:9px;gap:7px}
  .saved-work-row{grid-template-columns:1fr!important;gap:8px!important;padding:11px!important}
  .saved-work-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
  .saved-action{flex:1 1 90px;min-height:34px}

  /* Dizgi: ayarlar -> A4 önizleme -> stil paneli sıralaması. */
  .test-section{height:auto!important;overflow:visible!important}
  .test-editor-grid{height:auto!important;display:flex!important;flex-direction:column!important;gap:8px!important}
  .test-side-left{order:1}
  .test-preview-area{order:2;min-height:0!important;width:100%;overflow:hidden}
  .test-side-right{order:3;display:flex!important}
  .test-side.card{height:auto!important;min-height:0!important;max-height:42dvh!important;overflow:hidden!important}
  .test-side .test-side-head{flex:0 0 auto}
  .test-side .test-side-scroll{flex:1 1 auto;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:10px}
  .test-side .test-side-fixed{flex:0 0 auto}
  .test-preview-scroll{
    width:100%;height:auto!important;min-height:360px!important;max-height:72dvh;
    overflow:auto!important;padding:14px 8px 20px!important;border-radius:12px;
    -webkit-overflow-scrolling:touch;scrollbar-gutter:auto
  }
  .test-pages{gap:18px!important;padding-bottom:4px}
  .test-page.desk-page{transform-origin:top center}

  /* Modallar telefonda ekran dışına taşmaz; klavye açılınca içerik kaydırılabilir. */
  .modal-backdrop,.snip-backdrop{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));overflow-y:auto;align-items:flex-start}
  .compact-modal,.save-modal,.question-add-modal,.question-edit-modal,.snip-modal,.pdf-snip-modal,.pdf-snip-direct-modal{
    max-width:100%!important;max-height:calc(100dvh - 12px)!important
  }
  .modal-actions{flex-wrap:wrap;gap:7px}
  .modal-actions>button{min-height:38px}
}

/* Telefon: tek kart, simge ağırlıklı üst bant ve ekrana sığan A4 önizleme. */
@media(max-width:640px){
  .app-topnav.topnav-restored{height:50px!important;min-height:50px!important;padding-left:max(6px,env(safe-area-inset-left))!important;padding-right:max(6px,env(safe-area-inset-right))!important}
  .topnav-restored .brand-mark.small{width:30px;height:30px}
  .topnav-restored .top-nav-item span:not(.ico),.topnav-restored .top-home-link span:not(.ico){display:none!important}
  .topnav-restored .top-nav-item,.topnav-restored .top-home-link{width:32px!important;min-width:32px!important;padding:0!important;justify-content:center}
  .top-pool-quick-actions{gap:2px!important;padding:0!important}
  .top-quick-action{width:30px!important;height:30px!important;min-width:30px!important;font-size:10px}
  .cloud-dot{display:none}
  .cloud-account{border:0!important;background:transparent!important;padding:0!important}
  .cloud-account button{height:30px;padding:0 6px;border-radius:7px;font-size:8px}

  body.app-open .workspace{min-height:calc(100dvh - 50px)!important;padding:6px 7px calc(12px + env(safe-area-inset-bottom))!important}
  body.app-open .category-panel{max-height:29dvh!important;min-height:138px!important;padding:8px!important}
  .category-panel .panel-title strong{font-size:12px}
  .category-panel .square{width:30px;height:30px}
  .category-panel .tree-row.dynamic{font-size:11px;min-height:34px}
  .pool-category-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .pool-category-actions>.saved-cat-action-wide{grid-column:1/-1}
  .pool-category-actions .category-order-grid,.pool-category-actions .saved-cat-action-grid{grid-column:1/-1}

  .section-meta>div:first-child{flex:1 1 100%}
  .pool-meta-right{width:100%;justify-content:space-between;margin-left:0}
  .autosave-state{font-size:8.5px!important;padding:4px 6px}
  .column-toggle{margin-left:auto}
  .column-toggle-label{display:none!important}
  .column-toggle button{min-width:29px;height:29px;padding:0 6px}
  .question-grid.grid-view{grid-template-columns:1fr!important;gap:9px!important}
  .question-grid.grid-view .question-image-wrap,.question-grid.grid-view .question-card.functional .question-paper{aspect-ratio:1.5/1}

  .pool-selection-bar .selection-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}
  .pool-selection-bar .selection-actions .disabled-hint-wrap{min-width:0}
  .pool-selection-bar .selection-actions .disabled-hint-wrap:first-child{grid-column:1/-1}
  .pool-selection-bar .selection-btn{width:100%;min-width:0!important;flex:none}
  .pool-selection-bar .selection-count{grid-column:1/-1}

  body.app-open .saved-categories{max-height:27dvh!important;min-height:120px!important;padding:8px!important}
  .saved-work-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .saved-action{width:100%!important;min-width:0!important;min-height:36px}

  .layout-mode-tab{flex-basis:88px;min-width:88px}
  .test-side.card{max-height:39dvh!important}
  .test-preview-scroll{min-height:330px!important;max-height:68dvh;padding:10px 4px 16px!important}
  .test-page.desk-page{transform:scale(.54)!important;margin-bottom:-398px!important}
  .test-page.desk-page.landscape{transform:scale(.38)!important;margin-bottom:-372px!important}

  .saved-work-preview-heading p{display:none}
  .saved-work-preview-heading h3{max-width:68%}
  .saved-work-preview-actions>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .saved-work-preview-actions button{width:100%;min-width:0!important}

  .question-add-modal,.question-edit-modal{padding:9px!important}
  .question-add-modal .edit-preview,#questionEditModal .edit-preview{min-height:190px!important;max-height:28dvh!important}
  .question-add-modal .edit-preview img,#questionEditModal .edit-preview img{max-height:26dvh!important}
  .field-grid.two{grid-template-columns:1fr!important}
  .modal-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .modal-actions button{width:100%!important;margin-left:0!important}
}

@media(max-width:480px){
  .topnav-restored .restored-brand{display:none!important}
  .app-topnav.topnav-restored .topnav-main-links{gap:2px}
  .cloud-account button{padding:0 5px}
  .test-page.desk-page{transform:scale(.50)!important;margin-bottom:-438px!important}
  .test-page.desk-page.landscape{transform:scale(.35)!important;margin-bottom:-397px!important}
}

/* Dokunmatik cihazlarda hover zıplamalarını ve çift dokunma yakınlaştırmasını azalt. */
@media(hover:none),(pointer:coarse){
  .question-card,.saved-real-card,.pool-tool-btn{transform:none!important}
  .question-card.functional,.desk-test-item,.desk-exam-item,.desk-written-item,.desk-lesson-item{touch-action:manipulation}
  .selection-btn,.pool-transfer-btn,.saved-action,.top-quick-action,.top-nav-item{min-height:36px}
}

/* Mobil giriş ekranı: kısa ekranlarda/klavye açıkken form kaybolmaz. */
@media(max-width:760px){
  body.login-open{height:100dvh!important;overflow:hidden!important}
  body.login-open .login-shell{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}
  body.login-open .login-panel{height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:12px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important}
  body.login-open .login-card{height:auto!important;min-height:calc(100dvh - 24px)!important;padding:24px 18px!important;justify-content:center}
  .login-card .mobile-logo{margin-bottom:24px}
  .login-card h2{font-size:27px}
  .login-card label{margin-top:14px}
  .segmented{margin-top:20px}
}

/* ===== Web v0.12.44: telefon üst bant + kategori görünürlüğü düzeltmesi ===== */
@media(max-width:640px){
  /* Telefonda Soru Havuzu marka/üst başlık alanı artık kaybolmaz. */
  .topnav-restored .restored-brand{
    display:flex!important;
    flex:0 0 auto!important;
    min-width:30px!important;
    max-width:30px!important;
    overflow:visible!important;
  }
  .topnav-restored .restored-brand .brand-mark.small{
    display:grid!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  .topnav-restored .restored-brand .brand-copy{display:none!important}

  /* Soru havuzu mobilde her zaman kategori paneli -> soru alanı sırasındadır. */
  body.app-open #poolSection.content-grid{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    overflow:visible!important;
  }
  body.app-open #poolSection>.category-panel{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    order:0!important;
    width:100%!important;
    height:min(40dvh,300px)!important;
    min-height:230px!important;
    max-height:300px!important;
    overflow:hidden!important;
    padding:8px!important;
  }
  body.app-open #poolSection>.pool-area{order:1!important;width:100%!important}
  body.app-open #poolSection>.category-panel .panel-title{
    display:flex!important;
    visibility:visible!important;
    flex:0 0 auto!important;
    min-height:36px!important;
  }
  body.app-open #poolSection>.category-panel .tree{
    display:flex!important;
    visibility:visible!important;
    flex:1 1 auto!important;
    min-height:96px!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
  }
  body.app-open #poolSection>.category-panel .tree-row,
  body.app-open #poolSection>.category-panel .tree-row.dynamic{
    display:flex!important;
    visibility:visible!important;
  }

  /* Kategori yönetim düğmeleri ağacı ezmesin; küçük ekranda daha kompakt kalsın. */
  .pool-category-actions{
    flex:0 0 auto!important;
    margin-top:5px!important;
    padding-top:5px!important;
    gap:4px!important;
  }
  .pool-category-actions button{
    height:28px!important;
    min-height:28px!important;
    padding:0 6px!important;
    font-size:8.7px!important;
  }
}

@media(max-width:480px){
  /* v0.12.02'de bu kırılımda marka tamamen gizleniyordu; v0.12.44'te görünür. */
  .topnav-restored .restored-brand{display:flex!important}
  .app-topnav.topnav-restored .topnav-main-links{min-width:0!important;gap:2px!important}
  body.app-open #poolSection>.category-panel{
    height:min(42dvh,290px)!important;
    min-height:225px!important;
    max-height:290px!important;
  }
}


/* ===== Web v0.12.44: mobil seçim/dizgi paneli kartların üstüne binmez ===== */
@media(max-width:640px){
  /* Telefonda seçim paneli artık sticky değildir; normal belge akışında kalır. */
  .pool-selection-bar{
    position:relative!important;
    bottom:auto!important;
    top:auto!important;
    z-index:2!important;
    margin-top:10px!important;
    margin-bottom:4px!important;
  }

  /* Soru alanı ve seçim paneli birbirinin alanını işgal etmez. */
  body.app-open .pool-area{
    overflow:visible!important;
  }
  body.app-open .question-scroll{
    overflow:visible!important;
    padding-bottom:4px!important;
  }
}


/* ===== Web v0.12.44: mobil havuz gerçek akış düzeltmesi ===== */
@media(max-width:640px){
  /* Flex-basis:0 yüzünden soru alanının yüksekliğinin çökmesini engelle. */
  body.app-open #poolSection>.pool-area{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.app-open #poolSection>.pool-area>#questionScroll{
    display:block!important;
    flex:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:8px!important;
  }
  body.app-open #poolSection>.pool-area>#questionScroll>#questionGrid{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  /* Panel artık soru alanından sonra normal belge akışındadır. */
  body.app-open #poolSelectionBar{
    position:static!important;
    inset:auto!important;
    float:none!important;
    clear:both!important;
    transform:none!important;
    z-index:auto!important;
    width:100%!important;
    margin:10px 0 4px!important;
  }
}


/* ===== Web v0.12.44: mobil alt seçim bandı sabit + içerik rezervi ===== */
@media(max-width:640px){
  /*
    Üst başlık gibi ekranın altına sabitlenir.
    --mobile-pool-selection-h değeri app.js tarafından panelin gerçek yüksekliğinden hesaplanır.
  */
  body.app-open #poolSelectionBar{
    position:fixed!important;
    left:max(7px,env(safe-area-inset-left))!important;
    right:max(7px,env(safe-area-inset-right))!important;
    bottom:max(7px,env(safe-area-inset-bottom))!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    z-index:95!important;
    transform:none!important;
    box-shadow:0 10px 28px rgba(17,25,42,.28)!important;
  }

  /*
    Sabit panel belge akışından çıktığı için, soru alanının sonuna panelin gerçek
    yüksekliği kadar boşluk bırakılır. Böylece son kartlar panelin altına girmez.
  */
  body.app-open #poolSection>.pool-area{
    padding-bottom:calc(var(--mobile-pool-selection-h, 174px) + 18px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
  }

  body.app-open #poolSection>.pool-area>#questionScroll{
    padding-bottom:8px!important;
  }
}


/* ===== Web v0.12.44: mobil bölüm görünürlüğü + alt panel yalnız Soru Havuzu'nda ===== */
@media(max-width:640px){
  /*
    Responsive kurallardaki yüksek özgüllüklü display:flex/grid !important ifadeleri,
    .hidden sınıfını ezmemelidir. Bölüm kapalıysa kesin olarak görünmez.
  */
  body.app-open #poolSection.hidden{
    display:none!important;
  }

  /*
    Alt seçim bandı yalnızca Soru Havuzu aktifken vardır.
    Dizgi, Deneme, Yazılı, Ders Notu ve Kayıtlı Çalışmalar ekranlarında gizlenir.
  */
  body.app-open:not(.pool-section-open) #poolSelectionBar{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.app-open.pool-section-open #poolSection:not(.hidden){
    display:flex!important;
  }

  body.app-open.pool-section-open #poolSelectionBar{
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:fixed!important;
    left:max(7px,env(safe-area-inset-left))!important;
    right:max(7px,env(safe-area-inset-right))!important;
    bottom:max(7px,env(safe-area-inset-bottom))!important;
    top:auto!important;
    width:auto!important;
    margin:0!important;
    z-index:95!important;
  }

  body.app-open.pool-section-open #poolSection>.pool-area{
    padding-bottom:calc(var(--mobile-pool-selection-h,174px) + 18px + env(safe-area-inset-bottom))!important;
  }

  body.app-open:not(.pool-section-open){
    --mobile-pool-selection-h:0px;
  }
}


/* ===== Web v0.12.44: mobil alt seçim bandı üst başlık gibi tek satır ===== */
.mobile-selection-label{display:none}

@media(max-width:640px){
  body.app-open.pool-section-open #poolSelectionBar{
    min-height:52px!important;
    height:52px!important;
    padding:5px 6px!important;
    border-radius:12px!important;
    align-items:center!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    gap:5px!important;
  }

  body.app-open.pool-section-open #poolSelectionBar .desktop-selection-label{
    display:none!important;
  }
  body.app-open.pool-section-open #poolSelectionBar .mobile-selection-label{
    display:inline!important;
  }

  body.app-open.pool-section-open #poolSelectionBar .selection-actions{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    align-items:center!important;
    gap:4px!important;
  }

  body.app-open.pool-section-open #poolSelectionBar .selection-actions .disabled-hint-wrap{
    display:flex!important;
    flex:0 1 auto!important;
    min-width:0!important;
  }

  body.app-open.pool-section-open #poolSelectionBar .selection-btn{
    height:40px!important;
    min-width:0!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body.app-open.pool-section-open #poolSelectionBar #selectAllQuestionsBtn{
    min-width:47px!important;
  }
  body.app-open.pool-section-open #poolSelectionBar #clearSelectionBtn{
    min-width:55px!important;
  }
  body.app-open.pool-section-open #poolSelectionBar #deleteSelectedQuestionsBtn{
    min-width:47px!important;
  }

  /* Seçili sayı Sil ve Dizgi butonlarında zaten var; ayrı metin mobilde gereksiz. */
  body.app-open.pool-section-open #poolSelectionBar .selection-count{
    display:none!important;
  }

  body.app-open.pool-section-open #poolCreateActions{
    display:flex!important;
    flex:0 0 auto!important;
    min-width:0!important;
  }

  body.app-open.pool-section-open #poolSelectionBar .transfer-btn{
    width:auto!important;
    height:40px!important;
    min-width:100px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    justify-content:center!important;
    gap:4px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }

  body.app-open.pool-section-open #poolSelectionBar .transfer-btn span[aria-hidden="true"]{
    font-size:14px!important;
  }

  /* Yeni tek satır bandın gerçek yüksekliği JS tarafından yine ölçülür. */
  body.app-open.pool-section-open #poolSection>.pool-area{
    padding-bottom:calc(var(--mobile-pool-selection-h,52px) + 18px + env(safe-area-inset-bottom))!important;
  }
}

/* Çok dar telefonlarda da tek satır korunur. */
@media(max-width:390px){
  body.app-open.pool-section-open #poolSelectionBar{
    left:max(4px,env(safe-area-inset-left))!important;
    right:max(4px,env(safe-area-inset-right))!important;
    padding-left:4px!important;
    padding-right:4px!important;
    gap:3px!important;
  }
  body.app-open.pool-section-open #poolSelectionBar .selection-actions{gap:3px!important}
  body.app-open.pool-section-open #poolSelectionBar .selection-btn{
    padding:0 6px!important;
    font-size:9px!important;
  }
  body.app-open.pool-section-open #poolSelectionBar #selectAllQuestionsBtn{min-width:42px!important}
  body.app-open.pool-section-open #poolSelectionBar #clearSelectionBtn{min-width:48px!important}
  body.app-open.pool-section-open #poolSelectionBar #deleteSelectedQuestionsBtn{min-width:43px!important}
  body.app-open.pool-section-open #poolSelectionBar .transfer-btn{
    min-width:88px!important;
    padding:0 6px!important;
    font-size:9px!important;
  }
}


/* ===== Web v0.12.44: mobil tek satır bantta DİZGİ butonu taşma düzeltmesi ===== */
@media(max-width:640px){
  /*
    Eski max-width:760px kuralında .pool-transfer-actions width:100%!important idi.
    Tek satır düzende bu, Dizgi alanını panelin tamamı genişliğine çıkarıp sağa taşırıyordu.
  */
  body.app-open.pool-section-open #poolSelectionBar .selection-actions{
    flex:1 1 0!important;
    width:auto!important;
    max-width:none!important;
    overflow:hidden!important;
  }

  body.app-open.pool-section-open #poolCreateActions{
    width:100px!important;
    max-width:100px!important;
    flex:0 0 100px!important;
    margin-left:0!important;
    overflow:visible!important;
  }

  body.app-open.pool-section-open #poolSelectionBar #transferToLayoutBtn{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Soldaki üç işlem kalan alanı eşit ve güvenli biçimde paylaşsın. */
  body.app-open.pool-section-open #poolSelectionBar .selection-actions .disabled-hint-wrap{
    flex:1 1 0!important;
    width:0!important;
    min-width:0!important;
  }

  body.app-open.pool-section-open #poolSelectionBar .selection-actions .selection-btn{
    width:100%!important;
    min-width:0!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }

  body.app-open.pool-section-open #poolSelectionBar #selectAllQuestionsBtn,
  body.app-open.pool-section-open #poolSelectionBar #clearSelectionBtn,
  body.app-open.pool-section-open #poolSelectionBar #deleteSelectedQuestionsBtn{
    min-width:0!important;
  }
}

@media(max-width:390px){
  body.app-open.pool-section-open #poolCreateActions{
    width:90px!important;
    max-width:90px!important;
    flex-basis:90px!important;
  }
  body.app-open.pool-section-open #poolSelectionBar #transferToLayoutBtn{
    max-width:90px!important;
  }
}


/* ===== Web v0.12.44: mobil alt bant daha ince ve zarif ===== */
@media(max-width:640px){
  body.app-open.pool-section-open #poolSelectionBar{
    min-height:44px!important;
    height:44px!important;
    padding:4px 5px!important;
    gap:4px!important;
    border-radius:10px!important;
    border-width:1px!important;
    box-shadow:0 4px 14px rgba(21,34,56,.13)!important;
  }

  body.app-open.pool-section-open #poolSelectionBar .selection-actions{
    gap:3px!important;
  }

  body.app-open.pool-section-open #poolSelectionBar .selection-btn{
    height:32px!important;
    min-height:32px!important;
    padding:0 5px!important;
    border-radius:7px!important;
    font-size:9.5px!important;
    font-weight:700!important;
    letter-spacing:0!important;
  }

  body.app-open.pool-section-open #poolCreateActions{
    width:90px!important;
    max-width:90px!important;
    flex:0 0 90px!important;
  }

  body.app-open.pool-section-open #poolSelectionBar #transferToLayoutBtn{
    height:32px!important;
    min-height:32px!important;
    width:100%!important;
    max-width:90px!important;
    min-width:0!important;
    padding:0 6px!important;
    border-radius:7px!important;
    gap:3px!important;
    font-size:9.5px!important;
    font-weight:750!important;
    box-shadow:0 2px 8px rgba(18,167,207,.12)!important;
  }

  body.app-open.pool-section-open #poolSelectionBar #transferToLayoutBtn b{
    font-size:9px!important;
  }

  body.app-open.pool-section-open #poolSelectionBar #transferToLayoutBtn span[aria-hidden="true"]{
    font-size:12px!important;
  }

  body.app-open.pool-section-open #poolSection>.pool-area{
    padding-bottom:calc(var(--mobile-pool-selection-h,44px) + 15px + env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:390px){
  body.app-open.pool-section-open #poolSelectionBar{
    padding-left:4px!important;
    padding-right:4px!important;
    gap:3px!important;
  }

  body.app-open.pool-section-open #poolSelectionBar .selection-btn{
    padding:0 3px!important;
    font-size:9px!important;
  }

  body.app-open.pool-section-open #poolCreateActions{
    width:84px!important;
    max-width:84px!important;
    flex-basis:84px!important;
  }

  body.app-open.pool-section-open #poolSelectionBar #transferToLayoutBtn{
    max-width:84px!important;
    padding:0 4px!important;
    font-size:9px!important;
  }
}


/* ===== Web v0.12.44: mobil üst bant simgelerinin altında kısa adlar ===== */
.mobile-top-label{display:none}

@media(max-width:640px){
  /*
    Mobilde ikon ana vurgu, kısa ad alt satırdır.
    Masaüstü/tablet metin davranışları değişmez.
  */
  .app-topnav.topnav-restored{
    height:52px!important;
    min-height:52px!important;
    gap:3px!important;
  }

  .app-topnav.topnav-restored .topnav-main-links{
    gap:2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    align-items:center!important;
  }

  .topnav-restored .top-nav-item,
  .topnav-restored .top-home-link,
  .top-quick-action{
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:8px!important;
    line-height:1!important;
  }

  .topnav-restored .top-nav-item,
  .topnav-restored .top-home-link{
    width:43px!important;
    min-width:43px!important;
    padding:0 2px!important;
  }

  .top-quick-action{
    width:43px!important;
    min-width:43px!important;
    padding:0 2px!important;
  }

  /* Eski mobil kurallar tam isimleri gizlemeye devam etsin. */
  .topnav-restored .top-nav-desktop-label,
  .top-quick-action b{
    display:none!important;
  }

  /* Yeni kısa mobil etiketler görünür. */
  .app-topnav.topnav-restored .mobile-top-label{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font:700 7px/1.05 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    letter-spacing:-.08px!important;
    color:#aeb9c8!important;
    opacity:.96!important;
  }

  .topnav-restored .top-nav-item .ico,
  .topnav-restored .top-home-link .ico{
    margin:0!important;
    height:16px!important;
    min-height:16px!important;
    line-height:16px!important;
    font-size:14px!important;
  }

  .topnav-restored .home-line-icon svg{
    width:15px!important;
    height:15px!important;
  }

  .top-quick-action>span{
    height:16px!important;
    min-height:16px!important;
    line-height:16px!important;
    font-size:13px!important;
  }

  /* "Yapıştır" biraz uzun; ona birkaç px daha alan ver. */
  #topPasteQuestionBtn{
    width:48px!important;
    min-width:48px!important;
  }

  /* Kayıtlı Çalışmalar kısa etiketi için küçük ek genişlik. */
  .topnav-restored .top-saved-link{
    width:52px!important;
    min-width:52px!important;
  }

  /* Hesap çıkışı sağda mevcut metin biçiminde kalır. */
  .cloud-account button{
    height:30px!important;
    min-height:30px!important;
  }
}

@media(max-width:370px){
  .topnav-restored .top-nav-item,
  .topnav-restored .top-home-link,
  .top-quick-action{
    width:39px!important;
    min-width:39px!important;
  }
  #topPasteQuestionBtn{width:44px!important;min-width:44px!important}
  .topnav-restored .top-saved-link{width:48px!important;min-width:48px!important}
  .app-topnav.topnav-restored .mobile-top-label{font-size:6.5px!important}
}


/* ===== Web v0.12.44: mobil üst bant daha ince ve alt bantla uyumlu ===== */
@media(max-width:640px){
  .app-topnav.topnav-restored{
    height:44px!important;
    min-height:44px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
    gap:3px!important;
    border-bottom-width:1px!important;
    box-shadow:0 4px 14px rgba(21,34,56,.10)!important;
  }

  .app-topnav.topnav-restored .topnav-main-links{
    gap:2px!important;
    align-items:center!important;
  }

  .topnav-restored .top-nav-item,
  .topnav-restored .top-home-link,
  .top-quick-action{
    height:32px!important;
    min-height:32px!important;
    border-radius:7px!important;
    gap:0!important;
    padding-top:1px!important;
    padding-bottom:1px!important;
  }

  .topnav-restored .top-nav-item,
  .topnav-restored .top-home-link{
    width:41px!important;
    min-width:41px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  .top-quick-action{
    width:41px!important;
    min-width:41px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  #topPasteQuestionBtn{
    width:46px!important;
    min-width:46px!important;
  }

  .topnav-restored .top-saved-link{
    width:49px!important;
    min-width:49px!important;
  }

  .topnav-restored .top-nav-item .ico,
  .topnav-restored .top-home-link .ico{
    height:14px!important;
    min-height:14px!important;
    line-height:14px!important;
    font-size:13px!important;
  }

  .topnav-restored .home-line-icon svg{
    width:13px!important;
    height:13px!important;
  }

  .top-quick-action>span{
    height:14px!important;
    min-height:14px!important;
    line-height:14px!important;
    font-size:12px!important;
  }

  .app-topnav.topnav-restored .mobile-top-label{
    margin-top:1px!important;
    font-size:6.5px!important;
    line-height:1!important;
    font-weight:700!important;
    color:#aab5c4!important;
    opacity:.94!important;
  }

  .cloud-account{
    min-height:32px!important;
    height:32px!important;
    align-items:center!important;
  }

  .cloud-account button{
    height:28px!important;
    min-height:28px!important;
    border-radius:7px!important;
  }
}

@media(max-width:370px){
  .topnav-restored .top-nav-item,
  .topnav-restored .top-home-link,
  .top-quick-action{
    width:37px!important;
    min-width:37px!important;
  }

  #topPasteQuestionBtn{
    width:42px!important;
    min-width:42px!important;
  }

  .topnav-restored .top-saved-link{
    width:45px!important;
    min-width:45px!important;
  }

  .app-topnav.topnav-restored .mobile-top-label{
    font-size:6px!important;
  }
}


/* ===== Web v0.12.44: mobil üstteki 5 ana butonu ortala ===== */
@media(max-width:640px){
  .app-topnav.topnav-restored{
    position:relative!important;
  }

  .app-topnav.topnav-restored .topnav-main-links{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:calc(100% - 92px)!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    flex-wrap:nowrap!important;
  }

  .app-topnav.topnav-restored .cloud-account{
    margin-left:auto!important;
    position:relative!important;
    z-index:3!important;
  }
}

@media(max-width:370px){
  .app-topnav.topnav-restored .topnav-main-links{
    max-width:calc(100% - 78px)!important;
  }
}


/* ===== Web v0.12.44: tablette PDF'den soru kesme dokunmatik desteği ===== */
.pdf-snip-touch-mode{
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.pdf-snip-touch-mode.active{
  border-color:#7d86e8;
  background:#eef0ff;
  color:#4e59c6;
}
.pdf-snip-stage.touch-crop-mode .pdf-snip-page-shell,
.pdf-snip-stage.touch-crop-mode .pdf-snip-page-shell canvas{
  touch-action:none!important;
}
.pdf-snip-stage.touch-scroll-mode .pdf-snip-page-shell,
.pdf-snip-stage.touch-scroll-mode .pdf-snip-page-shell canvas{
  /*
    Browser pinch-zoom kapalı; tek parmak pan açık.
    İki parmak pinch app.js tarafından yalnız PDF üzerinde uygulanır.
  */
  touch-action:pan-x pan-y!important;
  cursor:grab!important;
}
.pdf-snip-stage.touch-scroll-mode .pdf-snip-page-shell:active,
.pdf-snip-stage.touch-scroll-mode .pdf-snip-page-shell canvas:active{
  cursor:grabbing!important;
}

@media (pointer:coarse), (hover:none){
  .pdf-snip-top-controls .pdf-snip-touch-mode{
    min-width:68px;
    padding:0 9px;
    font-weight:800;
  }
  .pdf-direct-help{
    font-size:10px;
  }
}


/* ===== Web v0.12.44: tablet/mobil ekran görüntüsünden kes ===== */
.snip-touch-controls{
  display:flex;
  align-items:center;
  gap:7px;
}
.snip-touch-mode{
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.snip-touch-mode.active{
  border-color:#7d86e8;
  background:#eef0ff;
  color:#4e59c6;
}
.snip-canvas-wrap.touch-crop-mode canvas{
  touch-action:none!important;
  cursor:crosshair!important;
}
.snip-canvas-wrap.touch-scroll-mode{
  -webkit-overflow-scrolling:touch;
}
.snip-canvas-wrap.touch-scroll-mode canvas{
  /*
    Browser pinch-zoom kapalı; tek parmak pan korunur.
    İki parmak zoom app.js tarafından yalnız ekran görüntüsüne uygulanır.
  */
  touch-action:pan-x pan-y!important;
  cursor:grab!important;
}
.snip-canvas-wrap.touch-scroll-mode canvas:active{
  cursor:grabbing!important;
}
/* v0.12.52: masaüstünde Kaydır modunda sol tuşla tut-sürükle pan */
.snip-canvas-wrap.touch-scroll-mode.mouse-pan-active,
.snip-canvas-wrap.touch-scroll-mode.mouse-pan-active canvas{
  cursor:grabbing!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

@media (pointer:coarse), (hover:none){
  .snip-touch-mode{
    display:inline-flex;
    min-width:68px;
    height:32px;
    padding:0 9px;
    border-radius:8px;
    font-size:10px;
    font-weight:800;
  }
  .snip-inline-help{
    font-size:9.5px;
  }
  .snip-canvas-wrap{
    align-items:flex-start;
    justify-content:flex-start;
  }
  .snip-canvas-wrap canvas{
    flex:0 0 auto;
  }
}


/* ===== Web v0.12.44: tablet dokunmatik sürükle-bırak + portre yerleşimi ===== */
.touch-drag-handle,
.desk-touch-drag-handle{
  display:none;
}

/* Dokunmatik cihaz: normal yüzey kaydırır, yalnız ⠿ tutamacı taşır. */
@media(hover:none),(pointer:coarse){
  .question-card.functional,
  .desk-test-item,
  .desk-exam-item,
  .desk-written-item,
  .desk-lesson-item{
    touch-action:manipulation!important;
  }

  .q-toolbar .drag-handle.touch-drag-handle{
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    padding:0!important;
    border:1px solid #e1e6ee!important;
    border-radius:8px!important;
    background:#f8fafc!important;
    color:#69778b!important;
    font-size:17px!important;
    line-height:1!important;
    cursor:grab!important;
    touch-action:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
  .q-toolbar .drag-handle.touch-drag-handle:active{
    background:#eef2ff!important;
    border-color:#aeb8ee!important;
    color:#5965c9!important;
    cursor:grabbing!important;
  }

  .desk-touch-drag-handle{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    left:-14px!important;
    top:8px!important;
    z-index:48!important;
    width:26px!important;
    height:30px!important;
    min-width:26px!important;
    padding:0!important;
    border:1px solid rgba(148,163,184,.48)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.94)!important;
    color:#64748b!important;
    box-shadow:0 3px 10px rgba(15,23,42,.10)!important;
    font-size:16px!important;
    line-height:1!important;
    cursor:grab!important;
    touch-action:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
  .desk-touch-drag-handle:active{
    background:#eef2ff!important;
    border-color:#96a1e6!important;
    color:#5360c5!important;
    cursor:grabbing!important;
  }

  body.question-drag-active,
  body.test-drag-active,
  body.exam-drag-active,
  body.written-drag-active,
  body.lesson-drag-active{
    overscroll-behavior:none;
  }
}

/* Tutamaçlar çıktı/önizleme içeriğine girmez. */
.saved-preview-page .desk-touch-drag-handle,
#pdfPrintHost .desk-touch-drag-handle,
body.pdf-print-mode .desk-touch-drag-handle{
  display:none!important;
}

/* Tablet dikey: iki yan panel üstte, A4 önizleme altta tam genişlik. */
@media (min-width:700px) and (max-width:900px) and (orientation:portrait){
  .test-editor-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:
      "tablet-left tablet-right"
      "tablet-preview tablet-preview"!important;
    gap:9px!important;
    align-items:start!important;
  }
  .test-side-left{
    grid-area:tablet-left!important;
    order:unset!important;
  }
  .test-side-right{
    grid-area:tablet-right!important;
    order:unset!important;
    display:flex!important;
  }
  .test-preview-area{
    grid-area:tablet-preview!important;
    order:unset!important;
    width:100%!important;
    min-width:0!important;
  }
  .test-side.card{
    max-height:34dvh!important;
    min-height:190px!important;
  }
  .test-preview-scroll{
    min-height:500px!important;
    max-height:70dvh!important;
    padding-top:14px!important;
  }
}


/* ===== Web v0.12.44: tablet dizgi tutamacı sağ üst + portrede yatay düzen ===== */

/* Soru numarasını kapatmaması için dizgi taşıma tutamacı sağ üst dış köşeye alınır. */
@media(hover:none),(pointer:coarse){
  .desk-touch-drag-handle{
    left:auto!important;
    right:-13px!important;
    top:8px!important;
  }
}

/*
  Tablet dikeyde viewport, index.html tarafından tabletin yatay genişliğine çevrilir.
  Böylece telefon için yazılmış 640px ve altı kurallar devreye girmez ve yataydaki
  tablet düzeni aynı şekilde korunur. Aşağıdaki sınıf önceki özel portre yerleşimini
  de kesin olarak etkisiz bırakır.
*/
html.tablet-use-landscape-layout .test-editor-grid{
  grid-template-areas:none!important;
}
html.tablet-use-landscape-layout .test-side-left,
html.tablet-use-landscape-layout .test-side-right,
html.tablet-use-landscape-layout .test-preview-area{
  grid-area:auto!important;
  order:unset!important;
}


/* ===== Web v0.12.44: tablette tek gerçek yatay çalışma alanı ===== */
html.tablet-landscape-shell-host,
html.tablet-landscape-shell-host body{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#f3f6fb!important;
}
html.tablet-landscape-shell-host body> :not(#tabletLandscapeHost):not(script){
  display:none!important;
}
#tabletLandscapeHost{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:auto;
  overscroll-behavior:none;
  background:#f3f6fb;
  padding:0;
}
#tabletLandscapeViewport{
  position:relative;
  flex:0 0 auto;
  overflow:visible;
}
#tabletLandscapeFrame{
  position:absolute;
  left:0;
  top:0;
  display:block;
  border:0;
  margin:0;
  padding:0;
  background:#fff;
}
\n\n/* ===== Web v0.12.44: tablet dikeyde yatay ekranı tam sığdır + ortala ===== */
#tabletLandscapeHost.portrait-fit{
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:8px!important;
  box-sizing:border-box!important;
}
#tabletLandscapeHost.portrait-fit #tabletLandscapeViewport{
  flex:0 0 auto!important;
  margin:auto!important;
}


/* ===== Web v0.12.44: tablet dikeyde boşluksuz tam ekran esnetme ===== */
#tabletLandscapeHost.portrait-fit{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#tabletLandscapeHost.portrait-fit #tabletLandscapeViewport{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}


/* ===== Web v0.12.44: tablet dikey tam ekran + oransal öğeler ===== */
/*
  v0.12.26'daki boşluksuz tam ekran görünüm korunur.
  Fark: iframe artık scaleX/scaleY ile gerilmez; tek oranlı scale kullanır.
  Dikey boşluk, iç çalışma alanının gerçek sanal yüksekliği artırılarak doldurulur.
*/
#tabletLandscapeHost.portrait-fit{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
}
#tabletLandscapeHost.portrait-fit #tabletLandscapeViewport{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}


/* ===== Web v0.12.44: mobilde tablet görünümü denemesi ===== */
/*
  Telefonlarda da v0.12.27 tablet shell'i kullanılır.
  Hem dikey hem yatayda tek oranlı scale vardır; yazı/buton/kartlar esnemez.
  Sanal çalışma alanı en az 900x520 olduğundan iç iframe tablet/masaüstü
  kırılımlarını kullanır, telefonun eski tek-sütun responsive katmanı devreye girmez.
*/
html.mobile-tablet-shell-host,
html.mobile-tablet-shell-host body{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

#tabletLandscapeHost.mobile-tablet-fit{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  inset:0!important;
}

#tabletLandscapeHost.mobile-tablet-fit #tabletLandscapeViewport{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

#tabletLandscapeHost.mobile-tablet-fit #tabletLandscapeFrame{
  left:0!important;
  top:0!important;
}


/* ===== Web v0.12.44: mobil dikeyde v0.12.27 tablet zincirinin TAMAMI ===== */
/*
  Kritik fark:
  v0.12.29 yalnız iç iframe'i tablet gibi ölçeklemeye çalışıyordu.
  v0.12.44'da dış viewport da v0.12.27 tabletteki gibi yatay çalışma genişliğine
  geçiriliyor. Böylece responsive CSS de aynı genişliği görüyor.
*/
html.mobile-use-tablet-portrait-layout,
html.mobile-use-tablet-portrait-layout body{
  width:100%!important;
  min-width:0!important;
  min-height:100%!important;
  overflow:hidden!important;
}

html.mobile-use-tablet-portrait-layout #tabletLandscapeHost.mobile-tablet-fit.portrait-fit{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
}

html.mobile-use-tablet-portrait-layout #tabletLandscapeHost.mobile-tablet-fit.portrait-fit #tabletLandscapeViewport{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}



/*
  v0.12.30'un mobil dikey yerleşimi/ölçeği AYNEN korunur.
  Bu katman yalnız iframe içindeki gerçek uygulamada çalışır.
  Tablet, mobil yatay ve masaüstü bu kurallardan etkilenmez.
*/

/* ---------- ÜST MENÜ ---------- */















/* ---------- SORU HAVUZU SOL KATEGORİ PANELİ ---------- */













/* Havuz üst bilgi satırı da biraz okunur olsun. */




/* ---------- ALT SEÇİM / DİZGİ BANDI ---------- */







/* ---------- KAYITLI ÇALIŞMALAR ---------- */




















/* ---------- DİZGİ SOL / SAĞ PANELLER ---------- */
/* 1120px civarı mobil sanal genişliğine sığacak şekilde 270 + preview + 270. */



























/* Dikey mobilde eski mobile-top-label katmanı kullanılmamalı; geniş tablet metni okunur. */





/*
  v0.12.31'de büyütülen panel yazıları korunur.
  Yalnız mobil + dikey + inner uygulamada:
  - sol/sağ paneller 270px -> 245px,
  - orta A4 alanı genişletilir,
  - yatay padding azaltılır,
  - A4'ün görsel genişliği ile flex yerleşim genişliği eşleştirilir.
  Böylece A4 sağ panelin altına girmez ve iki panelin tam ortasında kalır.
*/








/*
  Dikey A4: mevcut .92 ölçeği korunur.
  660px'lik yerleşim kutusunun yatay marjı, ekrandaki gerçek .92 ölçekli
  genişlikle eşleşecek şekilde daraltılır: 660 x .92 ≈ 607px.
*/


/*
  Yatay A4 kullanılırsa 933px sayfa orta kolona sığabilsin.
  Görsel oran yine bozulmaz; yalnız tek oranlı ölçek küçültülür.
*/


/* Zoom kontrolü de orta sütunun içinde kalsın. */



/* ===== Web v0.12.44: PDF pinch yalnız sayfayı büyütür, panel sabit kalır ===== */
@media (pointer:coarse), (hover:none){
  .pdf-snip-direct-modal{
    position:relative!important;
  }

  /*
    Üst bant PDF scroll alanından tamamen bağımsızdır.
    App içi pinch yalnız .pdf-snip-pages üzerinde çalıştığı için bu bant
    büyümez veya yukarı kaçmaz.
  */
  .pdf-snip-topbar{
    position:relative!important;
    z-index:90!important;
    flex:0 0 auto!important;
    background:#fff!important;
  }

  .pdf-snip-direct-modal .pdf-snip-stage{
    position:relative!important;
    z-index:1!important;
    overscroll-behavior:contain!important;
  }

  .pdf-snip-stage.touch-scroll-mode{
    touch-action:pan-x pan-y!important;
  }

  .pdf-snip-pages.pinch-preview{
    transform-origin:top left;
    will-change:zoom;
  }
}


/* ===== Web v0.12.44: tablet/mobil dikey PDF Kes-Kaydır panel okunabilirliği ===== */
/*
  v0.12.33'te panel sabit kalıyordu.
  Bu katman yalnız dokunmatik + dikey görünümde paneli biraz büyütür.
  Amaç: Kes/Kaydır, sayfa bilgisi, zoom yüzdesi ve +/−/kapat butonları
  daha rahat okunup dokunulabilsin.
*/
@media (pointer:coarse) and (orientation:portrait), (hover:none) and (orientation:portrait){
  .pdf-snip-direct-modal{
    padding:6px!important;
  }

  .pdf-snip-topbar{
    min-height:54px!important;
    gap:10px!important;
    padding:5px 4px 8px!important;
    align-items:center!important;
  }

  .pdf-snip-inline-info{
    gap:9px!important;
  }

  .pdf-snip-inline-info .eyebrow.dark{
    font-size:10.5px!important;
    letter-spacing:.14em!important;
  }

  .pdf-snip-inline-info strong{
    display:block!important;
    font-size:15px!important;
    line-height:1.15!important;
  }

  .pdf-inline-file{
    max-width:240px!important;
    font-size:11.5px!important;
  }

  .pdf-inline-sep{
    font-size:11px!important;
  }

  .pdf-snip-inline-info .pdf-page-status,
  .pdf-direct-help{
    font-size:11.5px!important;
  }

  .pdf-snip-top-controls{
    gap:6px!important;
  }

  .pdf-snip-top-controls .compact-control{
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:12px!important;
    font-weight:800!important;
  }

  .pdf-snip-top-controls .icon-control{
    width:38px!important;
    min-width:38px!important;
    padding:0!important;
    font-size:18px!important;
  }

  .pdf-snip-top-controls .modal-close{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:10px!important;
    font-size:19px!important;
  }

  .pdf-snip-top-controls .pdf-zoom-label{
    min-width:48px!important;
    font-size:11.5px!important;
  }

  .pdf-snip-top-controls .pdf-snip-touch-mode{
    min-width:82px!important;
    padding:0 11px!important;
    font-size:12px!important;
    gap:6px!important;
  }

  /* Panel büyüyünce PDF alanı da dengeli kalsın */
  .pdf-snip-direct-modal .pdf-snip-stage{
    margin-top:7px!important;
    padding:9px 12px!important;
  }
}

/* Küçük telefon dikey: dosya adı biraz kısalsın ama okunurluk korunsun */
@media (max-width:430px) and (orientation:portrait){
  .pdf-inline-file{
    max-width:170px!important;
  }
  .pdf-snip-topbar{
    gap:8px!important;
  }
  .pdf-snip-top-controls .compact-control:not(.icon-control){
    max-width:none!important;
  }
}


/* ===== Web v0.12.44: PDF Kes/Kaydır paneli biraz daha büyük + zoom %40-%300 ===== */
/*
  v0.12.34'te büyütülen dikey dokunmatik panel biraz daha güçlendirildi.
  Amaç: mobil ve tablet dikey görünümde daha rahat okunup dokunulması.
*/
@media (pointer:coarse) and (orientation:portrait), (hover:none) and (orientation:portrait){
  .pdf-snip-topbar{
    min-height:60px!important;
    gap:12px!important;
    padding:6px 5px 9px!important;
  }

  .pdf-snip-inline-info{
    gap:10px!important;
  }

  .pdf-snip-inline-info .eyebrow.dark{
    font-size:11px!important;
  }

  .pdf-snip-inline-info strong{
    font-size:16px!important;
  }

  .pdf-inline-file{
    max-width:260px!important;
    font-size:12px!important;
  }

  .pdf-inline-sep{
    font-size:11.5px!important;
  }

  .pdf-snip-inline-info .pdf-page-status,
  .pdf-direct-help{
    font-size:12px!important;
  }

  .pdf-snip-top-controls{
    gap:7px!important;
  }

  .pdf-snip-top-controls .compact-control{
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    border-radius:11px!important;
    font-size:12.5px!important;
  }

  .pdf-snip-top-controls .icon-control{
    width:42px!important;
    min-width:42px!important;
    font-size:19px!important;
  }

  .pdf-snip-top-controls .modal-close{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:11px!important;
    font-size:20px!important;
  }

  .pdf-snip-top-controls .pdf-zoom-label{
    min-width:54px!important;
    font-size:12px!important;
  }

  .pdf-snip-top-controls .pdf-snip-touch-mode{
    min-width:90px!important;
    padding:0 12px!important;
    font-size:12.5px!important;
  }

  .pdf-snip-direct-modal .pdf-snip-stage{
    margin-top:8px!important;
    padding:10px 12px!important;
  }
}

@media (max-width:430px) and (orientation:portrait){
  .pdf-inline-file{
    max-width:180px!important;
  }
}


/* ===== Web v0.12.44: PDF Kes/Kaydır panel yazıları büyütüldü ===== */
/*
  v0.12.35 panel boyutu korunur.
  Yalnız tablet/mobil dikey görünümde üst panel yazıları bir kademe daha büyütülür.
*/
@media (pointer:coarse) and (orientation:portrait), (hover:none) and (orientation:portrait){
  .pdf-snip-inline-info .eyebrow.dark{
    font-size:12px!important;
    letter-spacing:.13em!important;
  }

  .pdf-snip-inline-info strong{
    font-size:17px!important;
    line-height:1.15!important;
  }

  .pdf-inline-file{
    font-size:13px!important;
  }

  .pdf-inline-sep{
    font-size:12.5px!important;
  }

  .pdf-snip-inline-info .pdf-page-status,
  .pdf-direct-help{
    font-size:13px!important;
    font-weight:750!important;
  }

  .pdf-snip-top-controls .compact-control{
    font-size:13.5px!important;
    font-weight:850!important;
  }

  .pdf-snip-top-controls .pdf-zoom-label{
    font-size:13px!important;
    font-weight:850!important;
  }

  .pdf-snip-top-controls .pdf-snip-touch-mode{
    font-size:13.5px!important;
    font-weight:850!important;
  }

  .pdf-snip-top-controls .icon-control{
    font-size:20px!important;
  }

  .pdf-snip-top-controls .modal-close{
    font-size:21px!important;
  }
}


/* ===== Web v0.12.44: PDF çıktısında taşıma tutamaçları kesinlikle yok ===== */
#directPdfHost .desk-touch-drag-handle,
#directPdfHost .touch-drag-handle,
#pdfPrintHost .desk-touch-drag-handle,
#pdfPrintHost .touch-drag-handle,
body.pdf-print-mode .desk-touch-drag-handle,
body.pdf-print-mode .touch-drag-handle{
  display:none!important;
  visibility:hidden!important;
}


/* ===== Web v0.12.44: Kart Görünümü 1-5, cihaz/yön varsayımları ===== */
/*
  Eski responsive kurallar kart sayısını 1/2/4'e zorlayabiliyordu.
  Son katmanda seçili --pool-columns değeri her cihazda kesin uygulanır.
*/
body.app-open .question-grid.grid-view{
  grid-template-columns:repeat(var(--pool-columns,4),minmax(0,1fr))!important;
}

/* 1 ve 2 kart görünümünde kartların gereksiz devleşmesini azaltmadan doğal genişlik kullan. */
body.app-open .question-grid.grid-view[data-columns="1"]{
  gap:15px!important;
}
body.app-open .question-grid.grid-view[data-columns="2"]{
  gap:14px!important;
}

/* 5 seçenekli kontrol mobil/tablet iç görünümünde sıkışmasın. */
.column-toggle{
  flex-wrap:nowrap!important;
}
@media(max-width:700px){
  .column-toggle button{
    min-width:27px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
}

/* Mobil dikey okunabilirlik katmanında 1-5 düğmeleri rahat dokunulur kalsın. */



/* ===== Web v0.12.44: Ekran Görüntüsünden Kes pinch + büyük sabit panel ===== */
@media (pointer:coarse), (hover:none){
  .snip-modal{
    overflow:hidden!important;
  }

  .snip-modal .snip-compact-head{
    position:relative!important;
    z-index:90!important;
    flex:0 0 auto!important;
    background:#fff!important;
  }

  .snip-canvas-wrap.touch-scroll-mode{
    touch-action:pan-x pan-y!important;
    overscroll-behavior:contain!important;
  }

  .snip-canvas-wrap.pinch-active{
    cursor:grabbing!important;
  }
}

/* Tablet ve mobil DİKEY görünüm: panel ve yazılar daha büyük. */
@media (pointer:coarse) and (orientation:portrait), (hover:none) and (orientation:portrait){
  .snip-modal{
    padding:8px 10px 9px!important;
  }

  .snip-modal .snip-compact-head{
    min-height:60px!important;
    padding:6px 3px 9px!important;
    gap:12px!important;
    align-items:center!important;
  }

  .snip-inline-title{
    gap:10px!important;
  }

  .snip-inline-label{
    font-size:12px!important;
    letter-spacing:.14em!important;
  }

  .snip-inline-title strong{
    font-size:17px!important;
    line-height:1.15!important;
  }

  .snip-inline-help{
    font-size:13px!important;
    font-weight:700!important;
  }

  .snip-touch-controls{
    gap:8px!important;
  }

  .snip-touch-mode{
    min-width:92px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    border-radius:11px!important;
    font-size:13.5px!important;
    font-weight:850!important;
  }

  .snip-modal .modal-close{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:11px!important;
    font-size:21px!important;
  }

  .snip-canvas-wrap{
    margin-top:7px!important;
    padding:6px!important;
    min-height:0!important;
  }
}

@media (max-width:430px) and (orientation:portrait){
  .snip-inline-help{
    max-width:290px!important;
  }
}


/* ===== Web v0.12.44: Ekran görüntüsü zoom butonları + güvenilir pinch ===== */

/* max-width yalnız %100 başlangıç ölçümünde kullanılır; zoom başlayınca JS kaldırır. */
.snip-canvas-wrap canvas{
  transform:none!important;
  transform-origin:top left!important;
}

.snip-zoom-btn,
.snip-zoom-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  white-space:nowrap;
}

.snip-zoom-btn{
  width:32px;
  min-width:32px;
  padding:0!important;
  font-size:17px!important;
}

.snip-zoom-label{
  min-width:46px;
  padding:0 7px!important;
  font-size:10.5px!important;
  font-weight:850!important;
  color:#65718a!important;
}

/*
  İki parmak gesture browser zoomuna gitmesin.
  Touch listener preventDefault ile pinch başladığında yalnız canvas genişliği değişir.
*/
@media (pointer:coarse), (hover:none){
  .snip-canvas-wrap.touch-scroll-mode,
  .snip-canvas-wrap.touch-scroll-mode canvas{
    touch-action:pan-x pan-y!important;
  }

  .snip-canvas-wrap.pinch-active,
  .snip-canvas-wrap.pinch-active canvas{
    touch-action:none!important;
  }
}

/* Dikey tablet/mobil: PDF panelindeki zoom kontrolleri gibi daha büyük. */
@media (pointer:coarse) and (orientation:portrait), (hover:none) and (orientation:portrait){
  .snip-zoom-btn{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:11px!important;
    font-size:20px!important;
  }

  .snip-zoom-label{
    min-width:58px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 8px!important;
    border-radius:11px!important;
    font-size:13px!important;
    font-weight:850!important;
  }

  .snip-touch-controls{
    gap:7px!important;
  }
}

/* Çok dar telefonlarda panel tek satırda kalacak kadar kompakt. */
@media (max-width:430px) and (orientation:portrait){
  .snip-touch-controls{
    gap:5px!important;
  }
  .snip-zoom-btn{
    width:38px!important;
    min-width:38px!important;
  }
  .snip-zoom-label{
    min-width:52px!important;
  }
  .snip-touch-mode{
    min-width:84px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* ===== Web v0.12.44: Ekran Görüntüsünden Kes penceresi PDF kes gibi ===== */
/*
  Amaç:
  - modal üstten/sağdan/soldan daha fazla alan kaplasın,
  - iç içerik daha derli toplu ve merkezlenmiş görünsün,
  - pinch ve zoom butonları korunurken görünüm PDF kes ekranına yaklaşsın.
*/
.snip-backdrop{
  padding:6px!important;
}

.snip-modal{
  width:min(1480px,calc(100vw - 12px))!important;
  height:calc(100vh - 12px)!important;
  max-height:none!important;
  padding:6px!important;
  overflow:hidden!important;
}

.snip-modal .snip-compact-head{
  flex:0 0 auto;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:3px 3px 6px;
  border-bottom:1px solid var(--line);
  background:#fff;
}

.snip-inline-title{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  overflow:hidden;
}

.snip-inline-label{
  flex:0 0 auto;
}

.snip-inline-title strong{
  flex:0 0 auto;
  line-height:1;
}

.snip-inline-help{
  flex:0 0 auto;
}

.snip-touch-controls{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:5px;
}

.snip-canvas-wrap{
  flex:1;
  min-height:0!important;
  margin-top:5px!important;
  border-radius:9px!important;
  padding:10px 16px!important;
  background:#202631!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}

.snip-canvas-wrap canvas{
  display:block;
  background:#fff;
  box-shadow:0 8px 28px rgba(0,0,0,.26);
}

/* Orta genişliklerde dosya bilgisi/hint sıkışırsa PDF modal mantığı gibi sadeleşsin */
@media(max-width:900px){
  .snip-inline-help{
    display:none!important;
  }
  .snip-modal .snip-compact-head{
    gap:6px!important;
  }
}

/* Telefon-genişliklerinde pencere PDF kes gibi neredeyse tam otursun */
@media(max-width:700px){
  .snip-backdrop{
    padding:3px!important;
  }

  .snip-modal{
    width:calc(100vw - 6px)!important;
    height:calc(100vh - 6px)!important;
    padding:4px!important;
  }

  .snip-canvas-wrap{
    padding:7px!important;
  }
}


/* ===== Web v0.12.44: ekran görüntüsünden kes üst hizalama düzeltmesi ===== */
/*
  v0.12.43'te stage içeriği dikey ortalandığı için:
  - ilk açılışta görselin üst kısmı görünmeyebiliyordu,
  - zoom sonrası tekrar üst bölüme kaymak zorlaşabiliyordu.
  Çözüm: içerik dikeyde üstten, yatayda ortalı.
*/
.snip-canvas-wrap canvas{
  align-self:flex-start!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
}


/* ===== Web v0.12.51: masaüstü Sekme/Pencere Kes = varsayılan Kaydır + kılavuz ===== */
/*
  Kes/Kaydır düğmesi artık masaüstünde de görünür.
  Varsayılan durumda canvas kesme başlatmaz; kullanıcı üst panelden ✂ Kes'e geçer.
*/
.snip-touch-mode{
  display:inline-flex;
  min-width:68px;
  height:32px;
  min-height:32px;
  padding:0 9px;
  border-radius:8px;
  font-size:10px;
  font-weight:800;
}

.snip-canvas-wrap.touch-scroll-mode canvas{
  cursor:default!important;
  user-select:none!important;
}

.snip-canvas-wrap.touch-crop-mode canvas{
  cursor:crosshair!important;
}


/* v0.12.53: Chrome/Edge imleci yakalama akışına gömdüğünde,
   mouse'a tekrar tıklamadan Space/Enter ile temiz kare al. */
.cursor-capture-prompt{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:18px;
  pointer-events:none;
  background:transparent;
}
.cursor-capture-prompt-card{
  width:min(560px,calc(100vw - 36px));
  padding:15px 18px 13px;
  border:1px solid rgba(148,163,184,.45);
  border-radius:14px;
  background:rgba(15,23,42,.96);
  color:#fff;
  box-shadow:0 18px 50px rgba(15,23,42,.35);
  text-align:center;
  font-family:inherit;
}
.cursor-capture-prompt-title{
  font-size:16px;
  font-weight:800;
  margin-bottom:6px;
}
.cursor-capture-prompt-text{
  font-size:14px;
  line-height:1.45;
}
.cursor-capture-prompt-key{
  margin-top:8px;
  font-size:14px;
}
.cursor-capture-prompt-cancel{
  margin-top:6px;
  font-size:12px;
  opacity:.72;
}


/* ===== Web v0.12.61: doğrudan Yazdır kontrolleri ===== */
.saved-list-header,.saved-work-row{grid-template-columns:minmax(0,1fr) 145px 490px}
.saved-action.print{border-color:#cfd6e2;color:#44556b;background:#f8fafc}
.saved-action.print:hover{background:#eef3f7;border-color:#bac6d3;color:#253a4d}
@media(max-width:1120px){.saved-list-header,.saved-work-row{grid-template-columns:minmax(0,1fr) 105px 425px}}
@media(max-width:880px){.saved-work-row{grid-template-columns:1fr}}

/* Kayıtlı sunumun indirme işlemleri kart üzerinde, tek satırda kalır. */
.saved-presentation-row{grid-template-columns:minmax(0,1fr) 125px 550px}
.saved-presentation-row .saved-work-actions{gap:5px}
.saved-presentation-row .saved-action{padding:0 8px}
.saved-action.pptx{border-color:#b9d7f2;color:#155992;background:#eef7ff}
.saved-action.pptx:hover{border-color:#81b7e7;background:#e2f1ff}
@media(max-width:1250px){
  .saved-presentation-row{grid-template-columns:minmax(0,1fr) 100px;row-gap:5px}
  .saved-presentation-row .saved-work-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}
}
@media(max-width:880px){
  .saved-presentation-row{grid-template-columns:1fr}
  .saved-presentation-row .saved-work-actions{grid-column:1;justify-content:flex-start}
}

.saved-work-preview-actions .saved-preview-print-btn{height:27px;min-width:60px;border:1px solid #cfd6e2;border-radius:7px;background:#f8fafc;color:#44556b;font-size:9px;font-weight:800;padding:0 8px}
.saved-work-preview-actions .saved-preview-print-btn:hover{background:#eef3f7;border-color:#bac6d3;color:#253a4d}

/* Yazdırmada yalnız A4 dizgi sayfaları görünür; arayüz, gölgeler ve taşıma kontrolleri basılmaz. */
@media print{
  #pdfPrintHost .pdf-scaled-page{transform:scale(1.2025769506)!important;transform-origin:0 0!important;zoom:1!important;margin:0!important;box-shadow:none!important;border:0!important;outline:0!important}
  #pdfPrintHost .pdf-scaled-page.desk-page{display:block!important}
  #pdfPrintHost .desk-touch-drag-handle,
  #pdfPrintHost .touch-drag-handle{display:none!important}
}
/* v0.12.63: yükleme durumu, orijinal görseller ve sınırlı kart görünümü. */
.pool-virtual-spacer{grid-column:1/-1;pointer-events:none;min-height:0}
.pool-load-more{grid-column:1/-1;justify-self:center;min-height:40px;margin:8px 0 18px;padding:9px 22px;border:1px solid #d8deea;border-radius:10px;background:#f5f7fb;color:#415171;font:inherit;font-size:14px;cursor:pointer}
.pool-load-more:disabled{cursor:wait;opacity:.7}
.question-image-pending{color:#64748b;background:#f5f7fa!important;text-align:center;font-size:14px}
.question-image-retry{max-width:95%;padding:10px;border:0;background:transparent;color:#455bb0;font:inherit;font-size:14px;cursor:pointer}
.work-image-loading{width:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#526178;font-size:15px}
.question-scroll{overflow-anchor:none}

/* ===== Web v0.12.76: temizleme araçları telefon/tablette de tam erişilebilir ===== */
@media(max-width:900px),(hover:none) and (pointer:coarse){
  .edit-preview-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;padding-bottom:0!important;scrollbar-width:auto}
  .edit-preview-actions button{display:flex!important;flex:1 1 auto!important;min-width:0!important;min-height:40px!important;height:auto!important;align-items:center;justify-content:center;white-space:normal!important;font-size:10px!important;line-height:1.15!important;padding:6px 4px!important}
  .manual-clean-modal{width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;max-width:none!important;max-height:none!important;padding:7px!important}
  .manual-clean-topbar{min-height:40px;gap:6px;padding-bottom:5px}
  .manual-clean-toolbar{gap:5px;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}
  .manual-clean-tool-group{gap:4px}
  .manual-clean-toolbar .secondary{height:34px;min-width:34px;padding:0 8px;font-size:10px}
  .manual-clean-zoom-readout{height:34px;min-width:48px}
  .manual-clean-stage{margin-top:5px;padding:5px;border-radius:8px;-webkit-overflow-scrolling:touch}
  .manual-clean-footer{flex:0 0 38px!important;min-height:38px!important;margin-top:4px!important;padding-top:4px!important}
  .manual-clean-footer .modal-actions{display:flex!important;grid-template-columns:none!important;width:auto!important;flex-wrap:nowrap!important;gap:5px!important;margin-left:auto!important}
  .manual-clean-footer .modal-actions button{width:auto!important;min-width:76px!important;height:32px!important;min-height:32px!important;padding:0 10px!important}
}
@media(max-width:640px){
  .manual-clean-inline-title{display:none!important}
  .manual-clean-toolbar{justify-content:flex-start!important}
  .manual-clean-footer #manualCleanStatus{display:none!important}
  .manual-clean-footer{justify-content:flex-end!important}
}

/* Tablet/mobil PDF pinch sırasında native sayfa kaydırmasını kilitle. */
@media (pointer:coarse), (hover:none){
  .pdf-snip-stage.pinch-locked{
    overscroll-behavior:none!important;
    touch-action:none!important;
  }
  .pdf-snip-stage.pinch-locked .pdf-snip-page-shell,
  .pdf-snip-stage.pinch-locked .pdf-snip-page-shell canvas{
    touch-action:none!important;
  }
}


/* v0.12.83: soru bilgi penceresi temizleme butonlarını tek sırada ve daha estetik göster */
.question-add-modal .edit-preview-actions,.question-edit-modal .edit-preview-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-items:stretch}.question-add-modal .edit-preview-actions button,.question-edit-modal .edit-preview-actions button{min-width:0;min-height:40px;height:auto;padding:6px 6px;text-align:center;white-space:normal;line-height:1.15;font-weight:700}#questionAddModal .question-add-modal,#questionEditModal .question-add-modal{width:min(920px,calc(100vw - 20px))}@media(max-width:720px){#questionAddModal .question-add-modal,#questionEditModal .question-add-modal{width:calc(100vw - 8px)}.question-add-modal .edit-preview-actions button,.question-edit-modal .edit-preview-actions button{font-size:9.5px;padding:6px 3px;min-height:42px}}


/* ===== Web v0.12.85: tablet/mobil genel pinch sonrası tek parmak sayfa pan ===== */
@media(hover:none),(pointer:coarse){
  /*
    Normal tarayıcı pinch + pan davranışını ana uygulama yüzeylerinde açıkça koru.
    Soru Kes/PDF Kes gibi kendi dokunmatik modunu yöneten alt yüzeylerin mevcut
    daha özel touch-action kuralları değişmez.
  */
  html,
  body,
  .app-shell,
  .workspace,
  #tabletLandscapeHost,
  #tabletLandscapeViewport,
  #tabletLandscapeFrame{
    touch-action:pan-x pan-y pinch-zoom!important;
  }

  /*
    Pinch ile gerçek tarayıcı ölçeği büyüdüğünde dış sayfanın overflow/overscroll
    kilitlerini gevşet. Böylece ikinci parmak kalktıktan sonra kalan tek parmak
    visual viewport'u sağa-sola ve yukarı-aşağı taşıyabilir.
  */
  html.browser-page-zoomed,
  html.browser-page-zoomed body{
    overscroll-behavior:auto!important;
  }
  html.browser-page-zoomed body.app-open{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  html.tablet-landscape-shell-host.browser-page-zoomed,
  html.tablet-landscape-shell-host.browser-page-zoomed body{
    overflow:auto!important;
    overscroll-behavior:auto!important;
  }
  html.browser-page-zoomed #tabletLandscapeHost{
    overflow:auto!important;
    overscroll-behavior:auto!important;
    -webkit-overflow-scrolling:touch;
  }
}


/* ===== Web v0.12.86: Chrome tablet/mobil pinch sonrası iframe tek-parmak pan fallback ===== */
@media(hover:none),(pointer:coarse){
  html.chrome-touch-browser,
  html.chrome-touch-browser body,
  html.chrome-touch-browser #tabletLandscapeHost{
    overscroll-behavior:auto!important;
  }
  html.chrome-touch-browser #tabletLandscapeHost,
  html.chrome-touch-browser #tabletLandscapeViewport,
  html.chrome-touch-browser #tabletLandscapeFrame{
    touch-action:auto!important;
  }
  html.chrome-touch-browser #tabletLandscapeViewport{
    will-change:transform;
  }
}


/* ===== Web v0.12.88: Chrome tek-parmak pan rAF ile akıcılaştırıldı ===== */
@media(hover:none),(pointer:coarse){
  html.chrome-touch-browser #tabletLandscapeViewport{
    transition:none!important;
    will-change:transform!important;
    backface-visibility:hidden;
    transform-style:preserve-3d;
  }
  html.chrome-touch-browser #tabletLandscapeViewport.chrome-touch-panned{
    will-change:transform!important;
    backface-visibility:hidden;
  }
}


/* v0.12.92: dinamik soru kırpma + ayarlanabilir çerçeve */
.snip-confirm-selection{height:32px!important;min-width:94px;padding:0 11px!important;border-radius:8px!important;font-size:10px!important;font-weight:800!important;white-space:nowrap}
.snip-confirm-selection.hidden{display:none!important}
@media(max-width:720px),(hover:none) and (pointer:coarse){.snip-confirm-selection{min-width:82px;padding:0 8px!important;font-size:9.5px!important}}

/* ===== Web v0.12.92: telefon dikey Soru Havuzu - gerçek mobil çalışma yüzeyi ===== */
.mobile-pool-category-strip,
.mobile-pool-selection-summary,
.mobile-pool-bottom-bar,
.mobile-category-backdrop,
.mobile-category-close{display:none}



































































/* Mobil kategori seçici: mevcut kategori ağacını alt sayfa gibi kullan. */




















/* ===== Web v0.12.94: mobil dikey Dizgi — gönderilen taslağa göre gerçek ayrı yerleşim ===== */
.mobile-layout-topbar,.mobile-layout-bottom-bar{display:none}

/* DİZGİDE ÜST LACİVERT BANT, Soru Havuzu mobil ekranıyla aynı ailede. */
















/* Bütün çalışma türleri aynı mobil kabuğu kullanır. */


/* Referanstaki beyaz “Test dizgisi / 2 sütun · Dikey / Havuz” satırı. */







/* Masaüstü sol/sağ panelleri bu görünümde yok; sadece gerçek A4. */











/* Referanstaki sabit alt 4'lü işlem bandı. */








/* Ayarlar yalnız kullanıcı istediğinde, üst ve alt mobil bantların arasında açılır. */





/* Dar telefonlarda da aynı kompozisyon korunur; oranı JS gerçek görünür alandan hesaplar. */
@media (max-width:980px) and (orientation:portrait){
  
  
}



/* ===== Web v0.12.95: mobil dikey okunabilirlik — büyük menüler + büyük Soru/İçerik Ekle ===== */






/* Dizgi başlıkları ve alt araç bandı daha rahat okunur. */



















/* Telefon dikey: Yeni Soru / İçerik ekleme penceresi artık gerçek tam ekran form gibi okunur. */


























/* ===== Web v0.12.96: telefon dikey Soru/İçerik Ekle başlangıç kartı okunabilirliği ===== */


















/* ===== Web v0.12.97: telefon dikey başlangıç kartını kullanılabilir alanın ortasına al ===== */





/* ===== Web v0.12.98: mobil dikey üst/alt panelleri referans taslağa yaklaştır ===== */
/* Yalnız telefon dikey Soru Havuzu görünümü. Masaüstü/tablet/yatay mobil etkilenmez. */











/* Kayıtlı Çalışmalar butonu referanstaki klasör ikonuna dönüşür. */


/* Alt işlem bandı: referanstaki daha yüksek, daha okunaklı oranlar. */










/* ===== Web v0.12.100: mobil dikey üst aksiyonları sağa sabitle + kategori bandını büyüt ===== */











/* ===== Web v0.12.100: mobil dikey kategori alanını belirgin büyüt ===== */




















/* v0.12.103: Telefon dikeyde sadece Soru Kes > Kaynağı seç penceresini bir kademe daha büyüt */



.mobile-home-bottom-bar{display:none}
.mobile-welcome-bottom-bar{display:none}
.mobile-home-bottom-bar .mobile-home-bottom-btn{appearance:none;font:inherit}


.mobile-category-search{display:none}


































































.mobile-saved-category-close{display:none}


/* v0.13.26 — masaüstü PDF Kes: Kaydır/Kes modu ve imleç kılavuzları */
.pdf-direct-guide{position:absolute;z-index:7;pointer-events:none;opacity:.9}
.pdf-direct-guide-h{height:0;border-top:1px dashed rgba(37,99,235,.88)}
.pdf-direct-guide-v{width:0;border-left:1px dashed rgba(37,99,235,.88)}
.pdf-snip-stage.touch-scroll-mode.mouse-pan-active,
.pdf-snip-stage.touch-scroll-mode.mouse-pan-active .pdf-snip-page-shell,
.pdf-snip-stage.touch-scroll-mode.mouse-pan-active .pdf-snip-page-shell canvas{cursor:grabbing!important}
.pdf-snip-stage.touch-crop-mode .pdf-snip-page-shell,
.pdf-snip-stage.touch-crop-mode .pdf-snip-page-shell canvas{cursor:crosshair!important}


/* ===== Web v0.13.28: Planım + kullanım sayaçları + yönetici plan yönetimi ===== */
.plan-account-btn{height:26px!important;padding:0 9px!important;border-color:rgba(129,169,255,.34)!important;background:rgba(71,117,224,.13)!important;color:#dfe9ff!important}
.plan-account-btn.plus{background:rgba(76,190,151,.14)!important;border-color:rgba(92,214,172,.30)!important;color:#dffcf0!important}
.plan-modal-backdrop{z-index:160}
.plan-modal{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;overflow:hidden;border-radius:20px;display:flex;flex-direction:column}
.plan-modal-head{padding:20px 22px 14px;border-bottom:1px solid #e8edf5;flex:none}
.plan-modal-head h3{font-size:24px;margin:2px 0 0}
.plan-tabs{display:flex;gap:6px;padding:10px 22px 0;background:#fff;flex:none}
.plan-tabs button{height:38px;padding:0 14px;border:0;border-radius:10px;background:#f2f5f9;color:#68778c;font-size:13px;font-weight:750}
.plan-tabs button.active{background:#eaf1ff;color:#2563eb}
.plan-pane{padding:18px 22px 22px;overflow:auto;min-height:0}
.plan-summary-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #e2e9f3;border-radius:16px;background:linear-gradient(135deg,#fbfdff,#f3f7ff)}
.plan-summary-card h4{font-size:21px;margin:8px 0 4px;color:#17325a}.plan-summary-card p{margin:0;color:#6b7c94;font-size:13px}
.plan-current-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.7px;text-transform:uppercase}
.plan-current-badge.free{background:#eef2f7;color:#5c6a7d}.plan-current-badge.plus{background:#e8faf3;color:#16815f}
.plan-renewal{max-width:250px;text-align:right;color:#66778f;font-size:12px;line-height:1.45}
.plan-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.plan-usage-card{padding:16px;border:1px solid #e4eaf3;border-radius:15px;background:#fff}.plan-usage-card>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.plan-usage-card span{font-size:12px;color:#6c7b91}.plan-usage-card strong{font-size:17px;color:#18355e}.plan-usage-card small{display:block;margin-top:8px;color:#8a97a9;font-size:10px}
.plan-progress{height:7px;margin-top:12px;border-radius:999px;background:#edf2f8;overflow:hidden}.plan-progress i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#5d8df8,#2563eb);transition:width .2s ease}
.plan-plus-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;margin-top:14px;padding:18px;border-radius:16px;background:#152a49;color:#fff}.plan-plus-copy>span{font-size:9px;font-weight:850;letter-spacing:2px;color:#8ab1ff}.plan-plus-copy h4{margin:4px 0;font-size:19px}.plan-plus-copy p{margin:0;max-width:430px;color:#b8c9df;font-size:11px;line-height:1.45}.plan-prices{display:flex;gap:14px}.plan-prices>div{display:flex;flex-direction:column}.plan-prices strong{font-size:17px}.plan-prices span{font-size:9px;color:#9db0c9}.plan-plus-card .primary{min-width:118px}
.plan-admin-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid #e7edf5}.plan-admin-toolbar h4{margin:2px 0 3px;font-size:19px}.plan-admin-toolbar p{margin:0;color:#718097;font-size:11px}.plan-admin-toolbar>div:last-child{display:flex;align-items:center;gap:8px;color:#718097;font-size:11px}.plan-admin-toolbar .secondary{height:34px;padding:0 10px}
.plan-admin-users{display:grid;gap:8px;margin-top:12px}.plan-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e3eaf3;border-radius:13px;background:#fff}.plan-admin-row.busy{opacity:.55;pointer-events:none}.plan-admin-copy{display:flex;flex-direction:column;min-width:0}.plan-admin-copy strong{font-size:13px;color:#213b60;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-admin-copy span{margin-top:3px;font-size:10px;color:#8190a4}.plan-admin-badge{min-width:48px;text-align:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850;text-transform:uppercase}.plan-admin-badge.free{background:#eef2f7;color:#647286}.plan-admin-badge.plus{background:#e8faf3;color:#16815f}.plan-admin-actions{display:flex;gap:5px}.plan-admin-actions button{height:32px!important;min-height:32px!important;padding:0 9px!important;font-size:10px!important}.plan-admin-actions button.selected{border-color:#6f91ef!important;background:#eef3ff!important;color:#315fc8!important}.plan-admin-empty{padding:28px;text-align:center;color:#7b899c;font-size:12px}.plan-admin-empty.error{color:#b44e56}
@media(max-width:760px){.plan-modal{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);border-radius:18px}.plan-modal-head{padding:16px 16px 10px}.plan-tabs{padding:8px 16px 0}.plan-pane{padding:14px 16px 18px}.plan-summary-card{align-items:flex-start;flex-direction:column}.plan-renewal{text-align:left}.plan-usage-grid{grid-template-columns:1fr}.plan-plus-card{grid-template-columns:1fr}.plan-prices{justify-content:space-between}.plan-admin-toolbar{align-items:flex-start;flex-direction:column}.plan-admin-row{grid-template-columns:1fr auto}.plan-admin-actions{grid-column:1/-1}.plan-admin-actions button{flex:1}}


/* v0.13.29 — PayTR Plus abonelik */
.plan-plus-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.paytr-modal-backdrop{z-index:10080}
.paytr-modal{width:min(760px,calc(100vw - 28px));max-height:min(92vh,860px);overflow:auto;padding:22px}
.paytr-period-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.paytr-period{appearance:none;border:1px solid #dbe2ea;border-radius:16px;background:#fff;padding:16px;text-align:left;cursor:pointer;display:grid;gap:4px;transition:.16s ease}
.paytr-period:hover{border-color:#94a3b8;transform:translateY(-1px)}
.paytr-period.active{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.10);background:#f8fbff}
.paytr-period span{font-size:12px;font-weight:800;letter-spacing:.08em;color:#64748b;text-transform:uppercase}
.paytr-period strong{font-size:26px;color:#0f172a}
.paytr-period small{color:#64748b}
.paytr-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.paytr-form-grid label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#334155}
.paytr-form-grid label.full{grid-column:1/-1}
.paytr-form-grid input{width:100%;min-width:0;border:1px solid #d9e0e8;border-radius:11px;padding:11px 12px;font:inherit;background:#fff;color:#111827;outline:none}
.paytr-form-grid input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.paytr-consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0 8px;padding:12px;border-radius:12px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.45}
.paytr-consent input{margin-top:2px;flex:0 0 auto}
.paytr-status{margin-top:12px;padding:11px 12px;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:700}
.paytr-status[data-type="error"]{background:#fef2f2;color:#b91c1c}
.paytr-status[data-type="success"]{background:#ecfdf5;color:#047857}
.paytr-status[data-type="loading"]{background:#f8fafc;color:#475569}
@media(max-width:700px){
  .paytr-modal{padding:16px;width:min(100vw - 16px,760px)}
  .paytr-period-grid{grid-template-columns:1fr}
  .paytr-form-grid{grid-template-columns:1fr 1fr}
  .paytr-form-grid label.full{grid-column:1/-1}
}


/* ===== Web v0.13.30: Yasal/bilgilendirme bağlantıları ===== */
.login-legal-links{margin-top:18px;display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;font-size:10px;line-height:1.45;color:#9aa5b8}
.login-legal-links a{color:#74829a;text-decoration:none;font-weight:700}
.login-legal-links a:hover{text-decoration:underline;color:#4f5bd5}
.login-public-contact{margin-top:8px;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;font-size:10px;line-height:1.45;color:#8b98ad}
.login-public-contact a{color:#667792;text-decoration:none;font-weight:800}
.login-public-contact a:hover{text-decoration:underline;color:#2F6FED}
.paytr-legal-consent{margin-top:8px}
.paytr-consent a,.paytr-legal-links a{color:#2563eb;font-weight:750;text-decoration:none}
.paytr-consent a:hover,.paytr-legal-links a:hover{text-decoration:underline}
.paytr-legal-links{margin:8px 0 0;color:#64748b;font-size:11px;line-height:1.45}
@media(max-width:760px){.login-legal-links{font-size:9px;gap:5px;margin-top:14px}.login-public-contact{font-size:9px;gap:5px}.paytr-legal-links{font-size:10px}}

/* v0.13.31 — ödeme öncesi satıcı bilgileri gizlilik notu */
.paytr-seller-privacy-note{margin:10px 0 12px;padding:10px 12px;border:1px solid rgba(37,99,235,.18);border-radius:12px;background:rgba(239,246,255,.78);font-size:12px;line-height:1.45;color:#334155}.paytr-seller-privacy-note strong{color:#0f172a}

/* ===== Web v0.13.32: Free / Plus / Pro planları ===== */
.plan-account-btn.pro{background:rgba(168,118,255,.16)!important;border-color:rgba(194,157,255,.34)!important;color:#f2e9ff!important}
.plan-current-badge.pro{background:#f1eaff;color:#6d36b2}
.plan-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.plan-tier-card{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px;border:1px solid #e2e9f3;border-radius:16px;background:#fff}
.plan-tier-card.plus-tier{background:linear-gradient(145deg,#142b4b,#1b3c66);border-color:#1f4775;color:#fff}
.plan-tier-card.pro-tier{background:linear-gradient(145deg,#302150,#4b2e79);border-color:#60408f;color:#fff}
.plan-tier-head>span{font-size:9px;font-weight:900;letter-spacing:1.8px;color:#8290a5}.plan-tier-head h4{margin:3px 0 0;font-size:17px;color:#18355e}
.plan-tier-card.plus-tier .plan-tier-head>span{color:#8eb7ff}.plan-tier-card.pro-tier .plan-tier-head>span{color:#d7bcff}
.plan-tier-card.plus-tier .plan-tier-head h4,.plan-tier-card.pro-tier .plan-tier-head h4{color:#fff}
.plan-tier-limits{display:flex;gap:7px;flex-wrap:wrap}.plan-tier-limits strong{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:#f3f6fa;color:#526277;font-size:10px}
.plan-tier-card.plus-tier .plan-tier-limits strong{background:rgba(255,255,255,.10);color:#d9e7fb}.plan-tier-card.pro-tier .plan-tier-limits strong{background:rgba(255,255,255,.11);color:#f0e6ff}
.plan-tier-price,.plan-tier-prices{margin-top:auto}.plan-tier-price{display:flex;flex-direction:column;gap:2px}.plan-tier-price b,.plan-tier-prices b{font-size:18px}.plan-tier-price small{font-size:10px;color:#8794a6}
.plan-tier-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-tier-prices>div{display:flex;flex-direction:column;gap:1px}.plan-tier-prices small{font-size:9px;color:#a8b8cc}.plan-tier-card.pro-tier .plan-tier-prices small{color:#ccb9e3}
.plan-tier-card .primary{width:100%;margin-top:2px}.plan-tier-card.plus-tier .primary{background:#4b7ff0}.plan-tier-card.pro-tier .primary{background:#9a6be3;border-color:#9a6be3}
.plan-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #e8edf5}.plan-logout-btn{color:#8b3d47!important}
.plan-admin-badge.pro{background:#f1eaff;color:#6d36b2}
.paytr-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 8px}.paytr-plan{appearance:none;border:1px solid #dbe2ea;border-radius:13px;background:#fff;padding:12px 14px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}.paytr-plan span{font-size:13px;font-weight:900;color:#243b5d}.paytr-plan strong{font-size:11px;color:#6b7b91}.paytr-plan.active{border-color:#2563eb;background:#f5f9ff;box-shadow:0 0 0 3px rgba(37,99,235,.09)}
@media(max-width:760px){
  .plan-options-grid{grid-template-columns:1fr}
  .plan-tier-card{padding:14px}
  .plan-account-actions{justify-content:stretch}.plan-account-actions button{flex:1}
  .paytr-plan-grid{grid-template-columns:1fr}
}

/* ===== Web v0.13.33: Hesabım penceresi kompakt / sade düzen ===== */
.plan-modal{
  width:min(820px,calc(100vw - 24px));
  max-height:calc(100dvh - 24px);
  border-radius:16px;
}
.plan-modal-head{padding:13px 18px 9px}
.plan-modal-head h3{font-size:20px;margin-top:1px}
.plan-modal-head .eyebrow{font-size:8px;letter-spacing:1.7px}
.plan-tabs{gap:5px;padding:7px 18px 0}
.plan-tabs button{height:31px;padding:0 12px;border-radius:8px;font-size:11px}
.plan-pane{padding:11px 18px 14px}
.plan-summary-card{
  gap:12px;
  padding:11px 13px;
  border-radius:12px;
}
.plan-summary-card h4{font-size:16px;margin:5px 0 2px}
.plan-summary-card p{font-size:10.5px;line-height:1.35}
.plan-current-badge{height:20px;padding:0 7px;font-size:8px;letter-spacing:.55px}
.plan-renewal{max-width:220px;font-size:10px;line-height:1.35}
.plan-usage-grid{gap:8px;margin-top:8px}
.plan-usage-card{padding:9px 11px;border-radius:11px}
.plan-usage-card span{font-size:10px}
.plan-usage-card strong{font-size:14px}
.plan-usage-card small{margin-top:5px;font-size:8.5px}
.plan-progress{height:5px;margin-top:7px}
.plan-options-grid{gap:8px;margin-top:8px}
.plan-tier-card{gap:7px;padding:11px 12px;border-radius:12px}
.plan-tier-head>span{font-size:7.5px;letter-spacing:1.4px}
.plan-tier-head h4{margin-top:1px;font-size:14px}
.plan-tier-limits{gap:5px}
.plan-tier-limits strong{min-height:22px;padding:0 7px;font-size:8.5px}
.plan-tier-price b,.plan-tier-prices b{font-size:15px}
.plan-tier-price small,.plan-tier-prices small{font-size:8px}
.plan-tier-prices{gap:5px}
.plan-tier-card .primary{min-height:31px;height:31px;margin-top:0;font-size:10px}
.plan-account-actions{gap:6px;margin-top:9px;padding-top:9px}
.plan-account-actions button{min-height:31px!important;height:31px!important;padding:0 11px!important;font-size:10px!important}
.plan-admin-toolbar{padding:10px 12px;border-radius:11px}
.plan-admin-toolbar h4{font-size:14px}
.plan-admin-toolbar p{font-size:9px}
.plan-admin-users{gap:6px;margin-top:8px}
.plan-admin-row{gap:8px;padding:8px 10px;border-radius:10px}
.plan-admin-copy strong{font-size:11px}.plan-admin-copy span{font-size:8.5px}
.plan-admin-actions button{height:28px!important;min-height:28px!important;padding:0 7px!important;font-size:9px!important}

@media (max-width:760px){
  .plan-modal{width:calc(100vw - 8px);max-height:calc(100dvh - 8px);border-radius:14px}
  .plan-modal-head{padding:10px 12px 7px}
  .plan-modal-head h3{font-size:18px}
  .plan-tabs{padding:5px 12px 0}
  .plan-tabs button{height:28px;padding:0 10px;font-size:10px}
  .plan-pane{padding:8px 10px 10px}
  .plan-summary-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px}
  .plan-summary-card h4{font-size:14px;margin:4px 0 1px}
  .plan-summary-card p{font-size:9px;line-height:1.25}
  .plan-renewal{max-width:120px;text-align:right;font-size:8.5px;line-height:1.25}
  .plan-usage-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
  .plan-usage-card{padding:7px 8px;border-radius:10px}
  .plan-usage-card>div:first-child{display:block}
  .plan-usage-card span{display:block;font-size:8.5px}
  .plan-usage-card strong{display:block;margin-top:1px;font-size:12px}
  .plan-usage-card small{display:none}
  .plan-progress{height:4px;margin-top:5px}
  .plan-options-grid{grid-template-columns:1fr;gap:6px;margin-top:6px}
  .plan-tier-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"head price" "limits action";
    align-items:center;
    gap:5px 8px;
    padding:8px 9px;
    border-radius:10px;
  }
  .plan-tier-head{grid-area:head;min-width:0}
  .plan-tier-head h4{font-size:12.5px}
  .plan-tier-head>span{font-size:7px}
  .plan-tier-limits{grid-area:limits;gap:4px;min-width:0}
  .plan-tier-limits strong{min-height:20px;padding:0 6px;font-size:7.8px}
  .plan-tier-price,.plan-tier-prices{grid-area:price;margin:0;justify-self:end;min-width:0}
  .plan-tier-price{align-items:flex-end}
  .plan-tier-prices{display:flex;gap:7px;align-items:flex-end}
  .plan-tier-prices>div{align-items:flex-end}
  .plan-tier-price b,.plan-tier-prices b{font-size:13px;white-space:nowrap}
  .plan-tier-price small,.plan-tier-prices small{font-size:7px;white-space:nowrap}
  .plan-tier-card .primary{grid-area:action;justify-self:end;width:auto;min-width:86px;height:27px;min-height:27px;padding:0 9px;font-size:9px}
  .plan-account-actions{margin-top:6px;padding-top:6px}
  .plan-account-actions button{height:29px!important;min-height:29px!important;font-size:9px!important}
}


/* ===== Web v0.13.38: Hesabım — Destek / İletişim satırı ===== */
.plan-support-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto 12px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border:1px solid #e6ebf3;border-radius:10px;background:#fbfcfe;color:#26344a;text-decoration:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}
.plan-support-row:hover{background:#f7f9fd;border-color:#d9e1ee;box-shadow:0 3px 10px rgba(15,23,42,.05)}
.plan-support-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#edf3ff;color:#4d67b8;font-size:13px}
.plan-support-copy{min-width:0;display:flex;flex-direction:column;gap:1px}
.plan-support-copy strong{font-size:10.5px;line-height:1.2;color:#26344a}
.plan-support-copy small{font-size:8.5px;line-height:1.2;color:#7a879a}
.plan-support-mail{font-size:9.5px;font-weight:750;color:#5067af;white-space:nowrap}
.plan-support-arrow{font-size:18px;line-height:1;color:#9aa7b9;text-align:right}
@media(max-width:760px){
  .plan-support-row{grid-template-columns:25px minmax(0,1fr) 10px;gap:7px;margin-top:6px;padding:7px 8px;border-radius:9px}
  .plan-support-icon{width:25px;height:25px;border-radius:7px;font-size:12px}
  .plan-support-copy strong{font-size:9px}
  .plan-support-copy small{font-size:7.5px}
  .plan-support-mail{grid-column:2/3;font-size:8px;margin-top:-2px;white-space:normal}
  .plan-support-arrow{grid-column:3;grid-row:1/3;align-self:center;font-size:16px}
}

/* ===== Web v0.13.43: Hesabım — Instagram bağlantısı ===== */
.plan-instagram-row{margin-top:6px}
.plan-instagram-icon{font-size:16px;font-weight:800}
@media(max-width:760px){.plan-instagram-row{margin-top:5px}.plan-instagram-icon{font-size:14px}}

/* ===== Web v0.13.49: Dizgi — genişletme butonu dikey hizası ===== */
.desk-test-item.wide-question,.desk-exam-item.wide-question,.desk-written-item.wide-question,.desk-lesson-item.wide-question{background:#fff;z-index:5;cursor:default}
/* Kontrol artık soru numarası için ayrılan sol boşluğun içinde durur; sayfa kenarına taşmaz. */
.desk-width-toggle{position:absolute;left:3px;top:29px;z-index:52;width:17px;height:17px;min-width:17px;padding:0;border:1px solid rgba(100,116,139,.28);border-radius:5px;background:rgba(255,255,255,.90);color:#64748b;box-shadow:none;display:grid;place-items:center;font:700 10px/1 Arial,sans-serif;cursor:pointer;user-select:none;touch-action:manipulation;opacity:.72;transition:opacity .12s ease,background .12s ease,border-color .12s ease,color .12s ease}
.desk-test-item:hover .desk-width-toggle,.desk-exam-item:hover .desk-width-toggle,.desk-written-item:hover .desk-width-toggle,.desk-lesson-item:hover .desk-width-toggle,.desk-width-toggle:focus-visible{opacity:1}
.desk-width-toggle:hover{background:#f1f5ff;border-color:#9aa8dc;color:#4355b7}
.desk-width-toggle.is-wide{background:#eef6ff;color:#2364b6;border-color:#9dbfe3;opacity:.9}
/* Kayıtlı çalışma salt-okunur ön izlemesinde ve çıktıda düzenleme kontrolleri görünmez. */
.saved-preview-page .desk-width-toggle,
.saved-preview-page-shell .desk-width-toggle,
#savedWorkPreviewPages .desk-width-toggle,
#pdfPrintHost .desk-width-toggle,
#directPdfHost .desk-width-toggle,
body.pdf-print-mode .desk-width-toggle{display:none!important}
@media(max-width:700px){.desk-width-toggle{left:3px;top:28px;width:16px;height:16px;min-width:16px;font-size:9px}}

/* ===== Web v0.13.39: Kart + IBAN ödeme akışı ===== */
.payment-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0 8px}
.payment-method{appearance:none;border:1px solid #dbe3ed;border-radius:12px;background:#fff;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.15s ease}
.payment-method:hover:not(:disabled){border-color:#a8b5c7;background:#fbfdff}
.payment-method.active{border-color:#5f80e5;background:#f5f8ff;box-shadow:0 0 0 3px rgba(70,100,210,.08)}
.payment-method:disabled,.payment-method.disabled{opacity:.48;cursor:not-allowed}
.payment-method-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#f1f5fb;font-size:16px;flex:none}.shopier-icon{background:#f1eaff;color:#6b35e8;font-weight:900;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.shopier-method:not(:disabled):hover{border-color:#9b7aee;background:#faf7ff}.shopier-method.active{border-color:#7a4ce1;background:#f8f4ff;box-shadow:0 0 0 3px rgba(111,66,193,.08)}
.payment-method>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.payment-method strong{font-size:11px;color:#26364f}.payment-method small{font-size:8.5px;color:#7a899c}
.iban-payment-pane{display:grid;gap:9px;margin-top:2px}.iban-payment-summary{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label amount" "sub amount";align-items:center;padding:10px 12px;border:1px solid #dce7f6;border-radius:12px;background:#f7fbff}.iban-payment-summary span{grid-area:label;font-size:9px;color:#6f8096}.iban-payment-summary strong{grid-area:amount;font-size:22px;color:#1e4d8f}.iban-payment-summary small{grid-area:sub;font-size:9px;font-weight:750;color:#405b7e}
.iban-payment-details{display:grid;grid-template-columns:1fr 1fr;gap:7px}.iban-payment-details>div{position:relative;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid #e4e9f1;border-radius:10px;background:#fff;min-width:0}.iban-payment-details>div.full{grid-column:1/-1;padding-right:94px}.iban-payment-details span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#8a96a6;font-weight:800}.iban-payment-details strong{font-size:11px;color:#28394f;overflow-wrap:anywhere}.iban-payment-details .iban-number{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.25px}.iban-copy-btn{position:absolute;right:7px;top:50%;transform:translateY(-50%);height:26px!important;min-height:26px!important;padding:0 8px!important;font-size:8px!important}
.iban-payment-note{padding:9px 11px;border-radius:10px;background:#fff8e8;border:1px solid #f0dfb7;color:#705a28;font-size:9.5px;line-height:1.4}.iban-payment-note strong{color:#564317}
.plan-admin-iban-settings{margin-bottom:9px;padding:10px 12px;border:1px solid #dfe8f4;border-radius:11px;background:#f9fbfe}.plan-admin-iban-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.plan-admin-iban-head h4{font-size:14px;margin:2px 0 2px}.plan-admin-iban-head p{margin:0;font-size:9px;color:#76859a}.plan-admin-iban-toggle{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#42536b;white-space:nowrap}.plan-admin-iban-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.plan-admin-iban-grid label{display:grid;gap:3px;font-size:8px;font-weight:800;color:#66758a}.plan-admin-iban-grid label.full{grid-column:1/-1}.plan-admin-iban-grid input,.plan-admin-search-wrap input,.iban-admin-approve-grid select{width:100%;border:1px solid #dce4ee;border-radius:8px;background:#fff;padding:7px 9px;font:inherit;color:#27384f;outline:none}.plan-admin-iban-grid input:focus,.plan-admin-search-wrap input:focus,.iban-admin-approve-grid select:focus{border-color:#7896e7;box-shadow:0 0 0 2px rgba(85,113,210,.08)}.plan-admin-iban-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.plan-admin-iban-footer small{font-size:8px;color:#8290a1}.plan-admin-iban-footer .primary{height:29px;min-height:29px;padding:0 10px;font-size:8.5px}
.plan-admin-search-wrap{margin-top:8px}.plan-admin-search-wrap input{height:33px;font-size:10px}.iban-admin-approve-btn{border-color:#b7c8ee!important;background:#f7f9ff!important;color:#4966b0!important}
.iban-admin-approve-backdrop{z-index:10120}.iban-admin-approve-modal{width:min(430px,calc(100vw - 24px))}.iban-admin-user{padding:8px 10px;margin:8px 0;border-radius:9px;background:#f5f7fb;border:1px solid #e2e7ef;font-size:11px;font-weight:800;color:#33465f;overflow-wrap:anywhere}.iban-admin-approve-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.iban-admin-approve-grid label{display:grid;gap:4px;font-size:9px;font-weight:800;color:#5e6f84}.iban-admin-approve-summary{margin-top:8px;padding:8px 10px;border-radius:9px;background:#f1f6ff;color:#365c9e;font-size:10px;font-weight:800;text-align:center}
@media(max-width:760px){
  .payment-method-grid{gap:6px;margin:9px 0 6px}.payment-method{padding:8px 9px;border-radius:10px;gap:7px}.payment-method-icon{width:27px;height:27px;border-radius:8px;font-size:14px}.payment-method strong{font-size:9.5px}.payment-method small{font-size:7.5px}
  .iban-payment-details{grid-template-columns:1fr}.iban-payment-details>div.full{grid-column:auto;padding-right:82px}.iban-payment-summary strong{font-size:19px}.iban-payment-note{font-size:8.5px}
  .plan-admin-iban-settings{padding:8px 9px}.plan-admin-iban-grid{grid-template-columns:1fr}.plan-admin-iban-grid label.full{grid-column:auto}.plan-admin-iban-footer{align-items:flex-end}.plan-admin-iban-footer small{max-width:55%}.plan-admin-actions{flex-wrap:wrap}.plan-admin-actions button{flex:1 1 auto}.iban-admin-approve-btn{min-width:86px}
  .iban-admin-approve-grid{grid-template-columns:1fr 1fr}
}


/* ===== Web v0.13.41: Yönetim — IBAN ödeme geçmişi ===== */
.plan-iban-history-card{margin-bottom:9px;padding:10px 12px;border:1px solid #e2e8f1;border-radius:11px;background:#fff}
.plan-iban-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #edf1f6}
.plan-iban-history-head h4{margin:2px 0 2px;font-size:14px;color:#27384f}.plan-iban-history-head p{margin:0;font-size:9px;color:#76859a}
.plan-iban-history-head>div:last-child{display:flex;align-items:center;gap:7px;color:#748398;font-size:8.5px;white-space:nowrap}.plan-iban-history-head .secondary{height:28px;min-height:28px;padding:0 8px;font-size:8.5px}
.plan-iban-history-list{display:grid;gap:6px;margin-top:8px;max-height:220px;overflow:auto;padding-right:2px}
.plan-iban-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:9px;padding:8px 9px;border:1px solid #e8edf4;border-radius:9px;background:#fbfcfe}
.plan-iban-history-main{display:flex;flex-direction:column;min-width:0}.plan-iban-history-main strong{font-size:10.5px;color:#263a55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-iban-history-main span{margin-top:2px;font-size:8px;color:#8793a3}
.plan-iban-history-period,.plan-iban-history-amount{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}.plan-iban-history-period strong,.plan-iban-history-amount strong{font-size:9.5px;color:#334862}.plan-iban-history-period span,.plan-iban-history-amount span{font-size:7.5px;color:#8a96a5}.plan-iban-history-amount strong{color:#315f9d;font-size:10.5px}
@media(max-width:760px){
  .plan-iban-history-card{padding:8px 9px}.plan-iban-history-head{align-items:flex-start;gap:7px}.plan-iban-history-head h4{font-size:12px}.plan-iban-history-head p{font-size:8px}.plan-iban-history-head>div:last-child{flex-direction:column;align-items:flex-end;gap:4px;font-size:7.5px}
  .plan-iban-history-list{max-height:190px;gap:5px}.plan-iban-history-row{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:7px 8px}.plan-iban-history-main{grid-column:1/-1}.plan-iban-history-main strong{font-size:9.5px}.plan-iban-history-main span{font-size:7.3px}.plan-iban-history-period strong,.plan-iban-history-amount strong{font-size:8.8px}.plan-iban-history-period span,.plan-iban-history-amount span{font-size:7px}
}

/* ===== Web v0.13.41: IBAN yönetici onayı — ikinci onay penceresi her zaman üstte ===== */
.app-confirm-backdrop{z-index:20000!important}

/* v0.13.42 — Yönetim / Sistem Durumu */
.plan-system-status-card{margin-bottom:9px;padding:10px 12px;border:1px solid #dfe8f4;border-radius:11px;background:linear-gradient(180deg,#fbfdff,#f6f9fd)}
.plan-system-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.plan-system-status-head h4{font-size:14px;margin:2px 0 2px;color:#243a59}
.plan-system-status-head p{margin:0;font-size:9px;color:#76859a}
.plan-system-status-head .secondary{height:29px;min-height:29px;padding:0 10px;font-size:8.5px}
.plan-system-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}
.plan-system-status-grid article{min-width:0;padding:9px 10px;border:1px solid #e1e8f2;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:2px}
.plan-system-status-grid article>span{font-size:8px;font-weight:850;letter-spacing:.02em;color:#7d8ba0;text-transform:uppercase}
.plan-system-status-grid article>strong{font-size:20px;line-height:1.05;color:#263b5a;letter-spacing:-.02em}
.plan-system-status-grid article>small{font-size:8px;color:#7d8b9e;line-height:1.25}
.plan-system-status-grid article.storage{grid-column:span 2}
.plan-system-status-grid article.storage>strong{font-size:18px}
.plan-system-storage-progress{height:5px;margin-top:4px;border-radius:999px;background:#e9eef6;overflow:hidden}
.plan-system-storage-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5d79dc,#7d5edc);transition:width .25s ease}
.plan-system-status-grid article.storage>em{font-style:normal;font-size:7.5px;color:#8794a7;margin-top:1px}
.plan-system-status-foot{margin-top:6px;text-align:right;font-size:7.5px;color:#919daf}
@media(max-width:760px){
  .plan-system-status-card{padding:8px 9px}
  .plan-system-status-grid{grid-template-columns:1fr 1fr;gap:6px}
  .plan-system-status-grid article.storage{grid-column:1/-1}
  .plan-system-status-grid article{padding:8px 9px}
  .plan-system-status-grid article>strong{font-size:18px}
}


/* v0.13.44 — Yönetim / Supabase veritabanı kullanımı */
.plan-system-status-grid article.supabase-storage .plan-system-storage-progress i{background:linear-gradient(90deg,#2f9f7f,#59b89b)}

/* ===== Web v0.13.47: Yönetim — kullanıcı Aktif / Askıya Al / Engelle / Sil ===== */
.plan-admin-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.plan-account-status{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850;line-height:1;text-transform:uppercase;white-space:nowrap}
.plan-account-status.active{background:#e9f8f1;color:#167a58}
.plan-account-status.suspended{background:#fff4dc;color:#9a6810}
.plan-account-status.blocked{background:#fff0f0;color:#b5444b}
.admin-account-btn{border-color:#cbd7e7!important;background:#fbfcfe!important;color:#465b78!important}
.admin-account-btn.admin-protected{opacity:.68}
.plan-admin-actions button:disabled{opacity:.48;cursor:not-allowed}
.admin-account-backdrop{z-index:15000!important}
.admin-account-modal{width:min(540px,calc(100vw - 28px));padding:0 24px 20px;max-height:min(760px,calc(100dvh - 28px));overflow:auto}
.admin-account-modal .modal-head{padding:22px 0 12px}
.admin-account-user{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e1e8f1;border-radius:11px;background:#f7f9fc}
.admin-account-user>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263c5e;font-size:12px}
.admin-account-user>span{display:flex;align-items:center;gap:6px;color:#7a889c;font-size:10px;white-space:nowrap}
.admin-account-reason{display:grid;gap:5px;margin-top:12px;font-size:9px;font-weight:850;color:#65758b}
.admin-account-reason textarea{width:100%;resize:vertical;min-height:66px;border:1px solid #dce4ee;border-radius:10px;padding:9px 10px;font:inherit;color:#27384f;background:#fff;outline:none}
.admin-account-reason textarea:focus{border-color:#7896e7;box-shadow:0 0 0 2px rgba(85,113,210,.08)}
.admin-account-status-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.admin-account-status-actions button{height:36px!important;min-height:36px!important;font-size:10px!important;font-weight:850}
.admin-account-status-actions button.selected{box-shadow:0 0 0 2px rgba(65,93,165,.12);border-color:#6e8cdd!important}
.admin-account-status-actions .warning{background:#fffaf0!important;border-color:#efd6a7!important;color:#936515!important}
.admin-account-delete-zone{margin-top:16px;padding:13px;border:1px solid #f0cfd2;border-radius:12px;background:#fff8f8}
.admin-account-delete-zone>div strong{color:#a43f47;font-size:11px}
.admin-account-delete-zone>div p{margin:3px 0 10px;color:#887177;font-size:9px;line-height:1.45}
.admin-account-delete-zone label{display:grid;gap:4px;color:#8a5d62;font-size:8.5px;font-weight:800}
.admin-account-delete-zone input{height:34px;border:1px solid #e7c7ca;border-radius:9px;background:#fff;padding:0 10px;font:inherit;color:#4b3336;outline:none}
.admin-account-delete-zone input:focus{border-color:#ce7b82;box-shadow:0 0 0 2px rgba(180,68,75,.08)}
.admin-delete-user-btn{width:100%;height:35px!important;margin-top:9px;font-size:10px!important;font-weight:850}
.admin-account-modal>.modal-actions{margin-top:13px;padding-top:12px;border-top:1px solid #e7edf5}
@media(max-width:760px){
  .plan-admin-badges{justify-content:flex-start}
  .admin-account-modal{padding:0 16px 16px}
  .admin-account-user{align-items:flex-start;flex-direction:column}
  .admin-account-status-actions{grid-template-columns:1fr}
}

/* ===== Web v0.13.51: Tablet/mobil dizgi — tutamaç + genişletme kontrolleri sol olukta ===== */
/* Yalnız dokunmatik tablet/mobilde Test dizgisi: kaba sağ-üst tutamacı soru numarası oluğuna al. */
@media(hover:none),(pointer:coarse){
  .desk-test-item > .desk-touch-drag-handle{
    left:3px!important;
    right:auto!important;
    top:29px!important;
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    padding:0!important;
    border-radius:5px!important;
    box-shadow:none!important;
    font-size:11px!important;
    line-height:1!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(100,116,139,.30)!important;
    color:#64748b!important;
    z-index:53!important;
  }
  .desk-test-item > .desk-width-toggle,
  .desk-exam-item > .desk-width-toggle,
  .desk-written-item > .desk-width-toggle,
  .desk-lesson-item > .desk-width-toggle{
    left:3px!important;
    top:49px!important;
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    font-size:9px!important;
    z-index:52!important;
  }
}

/* ===== Web v0.13.56: PayTR iFrame + tek seferlik kart ödemesi ===== */
/* ===== Web v0.13.57: Ödeme güven mesajları sadeleştirildi ===== */
.paytr-secure-note{display:flex;gap:10px;align-items:flex-start;margin:4px 0 14px;padding:11px 12px;border:1px solid #d7e7dc;border-radius:12px;background:#f3fbf5;color:#3d5f49;font-size:11px;line-height:1.45}.paytr-secure-note strong{color:#173c25}.paytr-secure-lock{font-size:18px;line-height:1.2;flex:none}.paytr-one-time-note{margin:10px 0 2px;padding:10px 12px;border-radius:11px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:11px;line-height:1.45}.paytr-one-time-note strong{color:#0f172a}.paytr-iframe-wrap{margin-top:4px;border:1px solid #dbe3ed;border-radius:14px;background:#fff;overflow:hidden}.paytr-iframe-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #e8edf3;background:#f8fafc}.paytr-iframe-head>div{display:flex;flex-direction:column;gap:2px}.paytr-iframe-head strong{font-size:12px;color:#1f3148}.paytr-iframe-head small{font-size:9px;color:#718096}.paytr-iframe-head .secondary{height:29px!important;min-height:29px!important;padding:0 10px!important;font-size:9px!important}.paytr-iframe-wrap iframe{display:block;width:100%;min-height:590px;border:0;background:#fff}.paytr-modal.iframe-active{width:min(900px,calc(100vw - 22px));max-height:94vh}.paytr-modal.iframe-active .payment-method-grid,.paytr-modal.iframe-active .paytr-plan-grid,.paytr-modal.iframe-active .paytr-period-grid{display:none}.paytr-modal.iframe-active>.modal-help{display:none}@media(max-width:760px){.paytr-iframe-wrap iframe{min-height:670px}.paytr-modal.iframe-active{width:calc(100vw - 8px);padding:8px}.paytr-iframe-head{padding:8px}.paytr-secure-note,.paytr-one-time-note{font-size:9.5px}}


/* ===== Web v0.13.58: Hesabım / Planım — kart esaslı premium görünüm ===== */
.plan-modal{
  width:min(980px,calc(100vw - 34px));
  max-height:calc(100dvh - 30px);
  border:1px solid rgba(219,227,240,.86);
  border-radius:22px;
  background:#f7f9fd;
  box-shadow:0 28px 80px rgba(18,35,66,.22);
}
.plan-modal-head{
  position:relative;
  padding:23px 25px 21px;
  border:0;
  background:linear-gradient(118deg,#4d39d8 0%,#5268ec 48%,#55a4f3 100%);
  color:#fff;
}
.plan-modal-head::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.22),transparent 27%),radial-gradient(circle at 12% 120%,rgba(255,255,255,.12),transparent 34%);
}
.plan-head-copy{position:relative;z-index:1;max-width:620px}
.plan-modal-head .eyebrow{display:block;color:rgba(255,255,255,.72)!important;font-size:9px;letter-spacing:2.4px;font-weight:900}
.plan-modal-head h3{margin:4px 0 3px;font-size:27px;line-height:1.1;color:#fff}
.plan-head-copy p{margin:0;color:rgba(255,255,255,.78);font-size:11px;line-height:1.45}
.plan-modal-head .modal-close{
  position:relative;z-index:2;
  width:38px;height:38px;min-width:38px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:13px;
  background:rgba(255,255,255,.15);
  color:#fff;
  backdrop-filter:blur(8px);
}
.plan-modal-head .modal-close:hover{background:rgba(255,255,255,.24)}
.plan-tabs{
  position:relative;
  z-index:4;
  width:max-content;
  gap:3px;
  margin:-15px 25px 0 auto;
  padding:4px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:12px;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 24px rgba(25,43,88,.12);
  backdrop-filter:blur(12px);
}
.plan-tabs button{height:33px;padding:0 17px;border-radius:9px;background:transparent;color:#69778c;font-size:10px;font-weight:850}
.plan-tabs button.active{background:#fff;color:#2563eb;box-shadow:0 3px 11px rgba(37,99,235,.13)}
.plan-pane{padding:18px 25px 20px;background:#f7f9fd}

.plan-summary-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:17px 19px;
  border:1px solid #dbe6f6;
  border-radius:17px;
  background:linear-gradient(130deg,#ffffff 0%,#f4f8ff 58%,#edf5ff 100%);
  box-shadow:0 8px 24px rgba(38,70,121,.06);
  overflow:hidden;
}
.plan-summary-card::after{content:"";position:absolute;right:-44px;top:-54px;width:165px;height:165px;border-radius:50%;background:rgba(83,129,240,.07);pointer-events:none}
.plan-summary-main{display:flex;align-items:center;gap:13px;min-width:0;position:relative;z-index:1}
.plan-summary-mark{width:45px;height:45px;display:grid;place-items:center;flex:none;border-radius:14px;background:linear-gradient(145deg,#edf4ff,#dfeaff);color:#416de0;font-size:22px;box-shadow:inset 0 0 0 1px rgba(69,106,213,.09)}
.plan-summary-card h4{font-size:18px;margin:5px 0 3px;color:#17325a}
.plan-summary-card p{font-size:10.5px;line-height:1.4;color:#71819a}
.plan-current-badge{height:21px;padding:0 8px;border-radius:999px;font-size:8px;letter-spacing:.7px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.plan-renewal{position:relative;z-index:1;max-width:255px;text-align:right;color:#61738d;font-size:10px;line-height:1.5}
.plan-modal[data-plan-code="plus"] .plan-summary-mark{background:linear-gradient(145deg,#e9fbf4,#d5f5e9);color:#16815f}
.plan-modal[data-plan-code="pro"] .plan-summary-mark{background:linear-gradient(145deg,#f5efff,#eadfff);color:#7348bb}

.plan-usage-grid{gap:11px;margin-top:11px}
.plan-usage-card{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border:1px solid #e0e8f3;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 17px rgba(33,52,87,.035);
}
.plan-usage-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#edf4ff;color:#426fe0;font-size:17px;font-weight:900}
.plan-usage-icon.layers{background:#f3efff;color:#7353d2}
.plan-usage-body{min-width:0}
.plan-usage-body>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.plan-usage-card span{font-size:10px;color:#6c7b91}
.plan-usage-card strong{font-size:15px;color:#18355e}
.plan-usage-card small{margin-top:5px;font-size:8.5px;color:#8a97a9}
.plan-progress{height:5px;margin-top:7px;background:#edf2f8}

.plan-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:17px 2px 9px}
.plan-section-head>div{display:flex;flex-direction:column;gap:2px}
.plan-section-head span{font-size:7.5px;font-weight:900;letter-spacing:1.7px;color:#8b98ab}
.plan-section-head h4{margin:0;font-size:14px;color:#213b60}
.plan-section-head small{max-width:290px;text-align:right;font-size:8.5px;line-height:1.35;color:#8b98aa}

.plan-options-grid{gap:11px;margin-top:0}
.plan-tier-card{
  gap:9px;
  padding:14px;
  border:1px solid #e0e7f2;
  border-radius:15px;
  background:#fff;
  color:#213b60;
  box-shadow:0 5px 18px rgba(30,48,82,.035);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.plan-tier-card:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(30,48,82,.07)}
.plan-tier-card.plus-tier{background:linear-gradient(155deg,#f8fbff,#eef5ff);border-color:#cbdcf8;color:#213b60}
.plan-tier-card.pro-tier{background:linear-gradient(155deg,#fff,#f8f3ff);border-color:#e1d5f4;color:#213b60}
.plan-tier-card.current{border-color:#5b87ee;box-shadow:0 0 0 2px rgba(72,116,226,.09),0 8px 22px rgba(47,84,169,.08)}
.plan-tier-card.current::after{
  content:"Mevcut plan";
  position:absolute;right:12px;top:11px;
  padding:4px 7px;
  border-radius:999px;
  background:#eaf2ff;
  color:#3467d6;
  font-size:7px;font-weight:900;letter-spacing:.25px;
}
.plan-tier-card.pro-tier.current::after{background:#f0e8ff;color:#7245b8}
.plan-tier-card.free-tier.current::after{background:#eef2f7;color:#657489}
.plan-tier-head>span{font-size:7.5px;letter-spacing:1.5px;color:#8795a8}
.plan-tier-head h4{margin-top:2px;font-size:14px;color:#1f3a60}
.plan-tier-card.plus-tier .plan-tier-head>span{color:#4f7edc}
.plan-tier-card.pro-tier .plan-tier-head>span{color:#865ac2}
.plan-tier-card.plus-tier .plan-tier-head h4,.plan-tier-card.pro-tier .plan-tier-head h4{color:#1f3a60}
.plan-tier-limits{gap:5px}
.plan-tier-limits strong{min-height:24px;padding:0 8px;background:#f1f5fa;color:#586a82;font-size:8.3px}
.plan-tier-card.plus-tier .plan-tier-limits strong{background:#e7f0ff;color:#4269b4}
.plan-tier-card.pro-tier .plan-tier-limits strong{background:#f1e9fc;color:#77579c}
.plan-tier-price b,.plan-tier-prices b{font-size:16px;color:#17325a}
.plan-tier-price small,.plan-tier-prices small{font-size:8px;color:#8b98aa}
.plan-tier-card .primary{height:32px;min-height:32px;border-radius:9px;font-size:9.5px;font-weight:850}
.plan-tier-card.plus-tier .primary{background:#2f72dc;border-color:#2f72dc}
.plan-tier-card.pro-tier .primary{background:#7348b8;border-color:#7348b8}

.plan-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.plan-support-row,.plan-instagram-row{margin-top:0;padding:10px 11px;border-color:#e1e8f2;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(29,47,80,.025)}
.plan-support-row:hover{background:#fbfdff;border-color:#cad8eb;box-shadow:0 7px 18px rgba(29,47,80,.06)}
.plan-support-icon{width:31px;height:31px;border-radius:9px;background:#edf3ff;color:#4d67b8;font-size:13px}
.plan-whatsapp-icon{background:#ecfff4;color:#12a150}
.plan-instagram-icon{background:#fff0f7;color:#cb4f87}
.plan-support-copy strong{font-size:10.5px}.plan-support-copy small{font-size:8px}.plan-support-mail{font-size:8.7px}.plan-support-arrow{font-size:17px}
.plan-account-actions{margin-top:10px;padding-top:10px;border-top:1px solid #e4eaf3}
.plan-account-actions .plan-logout-btn{background:#fff;border-color:#dce3ed!important;color:#7c4b54!important}

@media(max-width:760px){
  .plan-modal{width:calc(100vw - 8px);max-height:calc(100dvh - 8px);border-radius:16px}
  .plan-modal-head{padding:16px 15px 19px}
  .plan-modal-head h3{font-size:21px}
  .plan-head-copy p{font-size:9px;max-width:82%}
  .plan-modal-head .modal-close{width:34px;height:34px;min-width:34px;border-radius:11px}
  .plan-tabs{margin:-13px 12px 0 auto;padding:3px;border-radius:10px}
  .plan-tabs button{height:29px;padding:0 12px;font-size:9px}
  .plan-pane{padding:12px 10px 11px}
  .plan-summary-card{display:block;padding:12px 12px 11px}
  .plan-summary-main{align-items:flex-start;gap:9px}
  .plan-summary-mark{width:34px;height:34px;border-radius:10px;font-size:17px}
  .plan-summary-card h4{font-size:14px;margin:3px 0 1px}
  .plan-summary-card p{font-size:8.5px;line-height:1.3}
  .plan-renewal{max-width:none;margin:7px 0 0 43px;text-align:left;font-size:8px;line-height:1.35}
  .plan-usage-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
  .plan-usage-card{grid-template-columns:26px minmax(0,1fr);gap:6px;padding:8px;border-radius:10px}
  .plan-usage-icon{width:26px;height:26px;border-radius:8px;font-size:12px}
  .plan-usage-body>div:first-child{display:block}
  .plan-usage-card span{display:block;font-size:7.5px}
  .plan-usage-card strong{display:block;margin-top:1px;font-size:11px}
  .plan-usage-card small{display:none}
  .plan-progress{height:4px;margin-top:4px}
  .plan-section-head{align-items:flex-start;margin:11px 1px 6px}
  .plan-section-head h4{font-size:11px}
  .plan-section-head span{font-size:6.5px}
  .plan-section-head small{display:none}
  .plan-options-grid{gap:6px}
  .plan-tier-card{padding:9px 10px;border-radius:11px}
  .plan-tier-card.current::after{right:8px;top:7px;padding:3px 5px;font-size:6px}
  .plan-tier-head h4{font-size:12px}.plan-tier-head>span{font-size:6.5px}
  .plan-tier-limits strong{min-height:20px;padding:0 6px;font-size:7.4px}
  .plan-tier-price b,.plan-tier-prices b{font-size:12.5px}
  .plan-tier-price small,.plan-tier-prices small{font-size:6.7px}
  .plan-tier-card .primary{height:27px;min-height:27px;font-size:8.5px}
  .plan-help-grid{grid-template-columns:1fr;gap:5px;margin-top:7px}
  .plan-support-row,.plan-instagram-row{padding:7px 8px;border-radius:9px}
  .plan-account-actions{margin-top:6px;padding-top:6px}
}

/* ===== Web v0.13.59: Hesabım penceresi kompaktlaştırıldı; masaüstünde ekrana tam sığan görünüm ===== */
@media (min-width:761px){
  .plan-modal{
    width:min(1040px,calc(100vw - 56px));
    max-height:min(720px,calc(100dvh - 48px));
    border-radius:19px;
  }
  .plan-modal-head{
    padding:15px 20px 14px;
  }
  .plan-modal-head .eyebrow{font-size:7.5px;letter-spacing:2px}
  .plan-modal-head h3{margin:3px 0 2px;font-size:22px}
  .plan-head-copy p{font-size:9.5px;line-height:1.35}
  .plan-modal-head .modal-close{
    width:34px;height:34px;min-width:34px;border-radius:11px;font-size:19px;
  }
  .plan-tabs{
    margin:-11px 19px 0 auto;
    padding:3px;
    border-radius:10px;
  }
  .plan-tabs button{height:29px;padding:0 14px;border-radius:8px;font-size:9px}
  .plan-pane{padding:11px 20px 13px}

  .plan-summary-card{
    gap:14px;
    padding:11px 14px;
    border-radius:14px;
  }
  .plan-summary-card::after{right:-58px;top:-72px;width:150px;height:150px}
  .plan-summary-main{gap:10px}
  .plan-summary-mark{width:36px;height:36px;border-radius:11px;font-size:18px}
  .plan-current-badge{height:18px;padding:0 7px;font-size:6.8px}
  .plan-summary-card h4{font-size:15px;margin:3px 0 2px}
  .plan-summary-card p{font-size:9px;line-height:1.3}
  .plan-renewal{max-width:235px;font-size:8.5px;line-height:1.35}

  .plan-usage-grid{gap:8px;margin-top:8px}
  .plan-usage-card{
    grid-template-columns:30px minmax(0,1fr);
    gap:8px;
    padding:8px 10px;
    border-radius:12px;
  }
  .plan-usage-icon{width:30px;height:30px;border-radius:9px;font-size:13px}
  .plan-usage-card span{font-size:8.7px}
  .plan-usage-card strong{font-size:13px}
  .plan-progress{height:4px;margin-top:5px}
  .plan-usage-card small{margin-top:3px;font-size:7.5px}

  .plan-section-head{margin:10px 1px 6px;gap:10px}
  .plan-section-head span{font-size:6.5px;letter-spacing:1.45px}
  .plan-section-head h4{font-size:12px}
  .plan-section-head small{font-size:7.5px}

  .plan-options-grid{gap:8px}
  .plan-tier-card{
    gap:6px;
    padding:10px 11px;
    border-radius:13px;
    min-height:0;
  }
  .plan-tier-card.current::after{right:9px;top:8px;padding:3px 6px;font-size:6.2px}
  .plan-tier-head>span{font-size:6.5px;letter-spacing:1.3px}
  .plan-tier-head h4{margin-top:1px;font-size:12.5px}
  .plan-tier-limits{gap:4px}
  .plan-tier-limits strong{min-height:20px;padding:0 6px;font-size:7.2px}
  .plan-tier-price b,.plan-tier-prices b{font-size:13.5px}
  .plan-tier-price small,.plan-tier-prices small{font-size:6.8px}
  .plan-tier-card .primary{height:27px;min-height:27px;border-radius:8px;font-size:8.5px}

  .plan-help-grid{gap:7px;margin-top:8px}
  .plan-support-row,.plan-instagram-row{padding:7px 9px;border-radius:10px}
  .plan-support-icon{width:27px;height:27px;border-radius:8px;font-size:11px}
  .plan-support-copy strong{font-size:9px}
  .plan-support-copy small{font-size:7px}
  .plan-support-mail{font-size:7.6px}
  .plan-support-arrow{font-size:15px}
  .plan-account-actions{margin-top:7px;padding-top:7px}
  .plan-account-actions button{height:28px!important;min-height:28px!important;font-size:8.5px!important}
}

/* ===== Web v0.13.60: Hesabım penceresi masaüstünde belirgin biçimde daraltıldı ===== */
@media (min-width:761px){
  .plan-modal{
    width:min(760px,calc(100vw - 48px));
    max-height:min(700px,calc(100dvh - 40px));
    border-radius:18px;
  }
  .plan-modal-head{padding:13px 18px 12px}
  .plan-modal-head h3{font-size:20px}
  .plan-head-copy p{font-size:8.8px}
  .plan-modal-head .modal-close{width:32px;height:32px;min-width:32px;border-radius:10px}
  .plan-tabs{margin:-10px 16px 0 auto}
  .plan-tabs button{height:27px;padding:0 12px;font-size:8.5px}
  .plan-pane{padding:9px 16px 11px}

  .plan-summary-card{padding:9px 11px;gap:10px}
  .plan-summary-mark{width:32px;height:32px;border-radius:10px;font-size:16px}
  .plan-summary-main{gap:8px}
  .plan-summary-card h4{font-size:13.5px;margin:2px 0 1px}
  .plan-summary-card p{font-size:8.2px}
  .plan-current-badge{height:17px;padding:0 6px;font-size:6.3px}
  .plan-renewal{max-width:190px;font-size:7.6px;line-height:1.3}

  .plan-usage-grid{gap:6px;margin-top:6px}
  .plan-usage-card{grid-template-columns:27px minmax(0,1fr);gap:6px;padding:7px 8px;border-radius:10px}
  .plan-usage-icon{width:27px;height:27px;border-radius:8px;font-size:12px}
  .plan-usage-card span{font-size:7.8px}
  .plan-usage-card strong{font-size:11.5px}
  .plan-progress{height:3px;margin-top:4px}
  .plan-usage-card small{margin-top:2px;font-size:6.8px}

  .plan-section-head{margin:8px 1px 5px}
  .plan-section-head h4{font-size:11px}
  .plan-section-head span{font-size:6px;letter-spacing:1.3px}
  .plan-section-head small{font-size:6.8px;max-width:220px}

  .plan-options-grid{gap:6px}
  .plan-tier-card{gap:5px;padding:8px 9px;border-radius:11px}
  .plan-tier-card.current::after{right:7px;top:6px;padding:2px 5px;font-size:5.8px}
  .plan-tier-head>span{font-size:6px;letter-spacing:1.15px}
  .plan-tier-head h4{font-size:11px}
  .plan-tier-limits{gap:3px}
  .plan-tier-limits strong{min-height:18px;padding:0 5px;font-size:6.6px}
  .plan-tier-price b,.plan-tier-prices b{font-size:12px}
  .plan-tier-price small,.plan-tier-prices small{font-size:6.2px}
  .plan-tier-card .primary{height:24px;min-height:24px;border-radius:7px;font-size:7.8px}

  .plan-help-grid{gap:6px;margin-top:6px}
  .plan-support-row,.plan-instagram-row{padding:6px 8px;border-radius:9px}
  .plan-support-icon{width:24px;height:24px;border-radius:7px;font-size:10px}
  .plan-support-copy strong{font-size:8px}
  .plan-support-copy small{font-size:6.3px}
  .plan-support-mail{font-size:6.8px}
  .plan-support-arrow{font-size:13px}
  .plan-account-actions{margin-top:5px;padding-top:5px}
  .plan-account-actions button{height:25px!important;min-height:25px!important;font-size:7.8px!important}
}

@media(max-width:620px){.payment-method-grid{grid-template-columns:1fr}.payment-method{min-height:54px}}

/* ===== Web v0.13.64: Plan seçimi 5 gerçek paket kartına ayrıldı ===== */
.paytr-modal{width:min(940px,calc(100vw - 28px))}
.paytr-package-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0 10px}
.paytr-package{position:relative;appearance:none;min-width:0;border:1px solid #dce4ee;border-radius:14px;background:#fff;padding:12px 11px 11px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;color:#1f3148}
.paytr-package:hover{transform:translateY(-1px);border-color:#aebdd0;box-shadow:0 8px 20px rgba(31,49,72,.07)}
.paytr-package.active{border-color:#447ee2;background:#f6f9ff;box-shadow:0 0 0 3px rgba(68,126,226,.10),0 8px 20px rgba(31,73,150,.07)}
.paytr-package.plus-package{background:linear-gradient(155deg,#fbfdff,#f2f7ff);border-color:#ccdcf5}
.paytr-package.plus-package.active{border-color:#3475dc;background:linear-gradient(155deg,#f8fbff,#eaf3ff)}
.paytr-package.pro-package{background:linear-gradient(155deg,#fff,#faf6ff);border-color:#e2d7f2}
.paytr-package.pro-package.active{border-color:#8056bd;background:linear-gradient(155deg,#fff,#f3ebff);box-shadow:0 0 0 3px rgba(128,86,189,.10),0 8px 20px rgba(84,51,131,.07)}
.paytr-package.locked{opacity:.46;cursor:not-allowed;filter:saturate(.65)}
.paytr-package-kicker{font-size:7px;font-weight:900;letter-spacing:1.35px;color:#8390a3;white-space:nowrap}
.paytr-package.plus-package .paytr-package-kicker{color:#4778cf}.paytr-package.pro-package .paytr-package-kicker{color:#7d56b1}
.paytr-package.current .paytr-package-kicker::after{content:" · MEVCUT";color:#2f72dc;letter-spacing:.8px}
.paytr-package.pro-package.current .paytr-package-kicker::after{color:#7448b5}
.paytr-package>strong{font-size:12px;line-height:1.2;color:#1d3658;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paytr-package>b{font-size:19px;line-height:1.15;color:#142c4c;margin-top:2px}
.paytr-package>small{font-size:7.5px;line-height:1.3;color:#738197;min-height:20px}
.paytr-package>em{font-style:normal;align-self:flex-start;margin-top:2px;padding:3px 6px;border-radius:999px;background:#edf2f8;color:#5e6f86;font-size:7px;font-weight:800}
.paytr-package.plus-package>em{background:#e7f0ff;color:#4770bd}.paytr-package.pro-package>em{background:#f0e8fb;color:#76559d}
.paytr-package-badge{position:absolute;right:7px;top:7px;padding:3px 5px;border-radius:999px;background:#e7f6ec;color:#398257;font-size:6.2px;font-weight:900;line-height:1;white-space:nowrap}
.paytr-package.yearly .paytr-package-kicker{padding-right:58px}
.paytr-selection-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:9px 0 8px;padding:8px 10px;border:1px solid #e0e7f0;border-radius:11px;background:#f8fafc}
.paytr-selection-summary>span{font-size:7.5px;font-weight:900;letter-spacing:1.2px;color:#8290a4;text-transform:uppercase}
.paytr-selection-summary>strong{font-size:11px;color:#263d5d}.paytr-selection-summary>b{font-size:14px;color:#17345b}
.paytr-payment-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:10px 1px 5px}.paytr-payment-heading>span{font-size:7.5px;font-weight:900;letter-spacing:1.5px;color:#8290a4}.paytr-payment-heading>small{font-size:7.5px;color:#8b98aa}
.paytr-free-pane{margin:10px 0 3px}.paytr-free-summary{display:flex;flex-direction:column;gap:5px;padding:15px 16px;border:1px solid #dfe6ef;border-radius:14px;background:#f8fafc}.paytr-free-summary>span{font-size:8px;font-weight:900;letter-spacing:1.3px;color:#75849a;text-transform:uppercase}.paytr-free-summary>strong{font-size:15px;color:#223b5c}.paytr-free-summary>small{font-size:9px;line-height:1.45;color:#6d7b8e}
.paytr-modal.iframe-active .paytr-package-grid,.paytr-modal.iframe-active .paytr-selection-summary,.paytr-modal.iframe-active .paytr-payment-heading,.paytr-modal.iframe-active .payment-method-grid{display:none}

@media(max-width:760px){
  .paytr-modal{width:calc(100vw - 8px);max-height:calc(100dvh - 8px);padding:13px}
  .paytr-package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0}
  .paytr-package.free-package{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"kicker title price" "kicker info period";align-items:center;column-gap:8px;padding:9px 10px}
  .paytr-package.free-package .paytr-package-kicker{grid-area:kicker}.paytr-package.free-package>strong{grid-area:title}.paytr-package.free-package>b{grid-area:price;margin:0;text-align:right}.paytr-package.free-package>small{grid-area:info;min-height:0}.paytr-package.free-package>em{grid-area:period;justify-self:end;margin:0}
  .paytr-package{padding:10px 9px;border-radius:12px;gap:2px}
  .paytr-package>strong{font-size:10.5px}.paytr-package>b{font-size:16px}.paytr-package>small{font-size:6.8px;min-height:18px}.paytr-package>em{font-size:6.5px;padding:3px 5px}
  .paytr-package-badge{right:6px;top:6px;font-size:5.7px;padding:3px 4px}.paytr-package.yearly .paytr-package-kicker{padding-right:52px}
  .paytr-selection-summary{grid-template-columns:1fr auto;gap:3px 8px;padding:7px 8px}.paytr-selection-summary>span{grid-column:1/-1;font-size:6.5px}.paytr-selection-summary>strong{font-size:9.5px}.paytr-selection-summary>b{font-size:12px}
  .paytr-payment-heading>span{font-size:6.8px}.paytr-payment-heading>small{font-size:6.5px}
  .paytr-free-summary{padding:12px}.paytr-free-summary>strong{font-size:13px}.paytr-free-summary>small{font-size:8px}
}


/* ===== Web v0.13.65: Masaüstü Hesabım / Planım — okunabilirlik iyileştirmesi ===== */
/* Sadece masaüstünü etkiler; mobil/tablet dikey düzenine dokunulmaz. */
@media (min-width:761px){
  .plan-modal{
    width:min(1040px,calc(100vw - 40px));
    max-height:min(770px,calc(100dvh - 34px));
    border-radius:21px;
  }
  .plan-modal-head{padding:19px 24px 18px}
  .plan-modal-head .eyebrow{font-size:9px;letter-spacing:2.2px}
  .plan-modal-head h3{margin:4px 0 3px;font-size:27px}
  .plan-head-copy p{font-size:11.5px;line-height:1.4}
  .plan-modal-head .modal-close{width:38px;height:38px;min-width:38px;border-radius:12px;font-size:22px}

  .plan-tabs{margin:-13px 21px 0 auto;padding:4px;border-radius:12px}
  .plan-tabs button{height:33px;padding:0 16px;border-radius:9px;font-size:10.5px}
  .plan-pane{padding:15px 22px 16px}

  .plan-summary-card{padding:14px 16px;gap:16px;border-radius:15px}
  .plan-summary-main{gap:11px}
  .plan-summary-mark{width:40px;height:40px;border-radius:12px;font-size:20px}
  .plan-current-badge{height:21px;padding:0 8px;font-size:8px}
  .plan-summary-card h4{font-size:18px;margin:4px 0 2px}
  .plan-summary-card p{font-size:10.8px;line-height:1.4}
  .plan-renewal{max-width:270px;font-size:10px;line-height:1.45}

  .plan-usage-grid{gap:10px;margin-top:10px}
  .plan-usage-card{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:10px 12px;border-radius:12px}
  .plan-usage-icon{width:34px;height:34px;border-radius:10px;font-size:15px}
  .plan-usage-card span{font-size:10px}
  .plan-usage-card strong{font-size:15.5px}
  .plan-progress{height:5px;margin-top:6px}
  .plan-usage-card small{margin-top:4px;font-size:8.7px}

  .plan-section-head{margin:13px 1px 7px;gap:12px}
  .plan-section-head span{font-size:7.7px;letter-spacing:1.55px}
  .plan-section-head h4{font-size:14px}
  .plan-section-head small{font-size:8.8px;max-width:300px}

  .plan-options-grid{gap:9px}
  .plan-tier-card{gap:7px;padding:12px 13px;border-radius:13px}
  .plan-tier-card.current::after{right:10px;top:9px;padding:4px 7px;font-size:7px}
  .plan-tier-head>span{font-size:7.5px;letter-spacing:1.35px}
  .plan-tier-head h4{margin-top:2px;font-size:14px}
  .plan-tier-limits{gap:5px}
  .plan-tier-limits strong{min-height:23px;padding:0 7px;font-size:8.4px}
  .plan-tier-price b,.plan-tier-prices b{font-size:16px}
  .plan-tier-price small,.plan-tier-prices small{font-size:7.8px}
  .plan-tier-card .primary{height:31px;min-height:31px;border-radius:8px;font-size:9.7px}

  .plan-help-grid{gap:9px;margin-top:9px}
  .plan-support-row,.plan-instagram-row{padding:9px 11px;border-radius:11px}
  .plan-support-icon{width:30px;height:30px;border-radius:9px;font-size:12px}
  .plan-support-copy strong{font-size:10.2px}
  .plan-support-copy small{font-size:8px}
  .plan-support-mail{font-size:8.8px}
  .plan-support-arrow{font-size:16px}

  .plan-account-actions{margin-top:8px;padding-top:8px}
  .plan-account-actions button{height:30px!important;min-height:30px!important;font-size:9.5px!important}
}

/* ===== Web v0.13.66: Masaüstü Hesabım / Planım — daha kompakt yerleşim ===== */
@media (min-width:761px){
  .plan-modal{
    width:min(1060px,calc(100vw - 24px));
    max-height:calc(100dvh - 14px);
    border-radius:20px;
  }
  .plan-modal-head{padding:14px 20px 12px}
  .plan-modal-head .eyebrow{font-size:8.5px;letter-spacing:2px}
  .plan-modal-head h3{margin:3px 0 2px;font-size:25px;line-height:1.08}
  .plan-head-copy p{font-size:10.8px;line-height:1.32}
  .plan-modal-head .modal-close{width:34px;height:34px;min-width:34px;border-radius:11px;font-size:20px}

  .plan-tabs{margin:-9px 18px 0 auto;padding:4px;border-radius:12px}
  .plan-tabs button{height:31px;padding:0 15px;border-radius:9px;font-size:10px}
  .plan-pane{padding:10px 18px 12px}

  .plan-summary-card{padding:11px 13px;gap:12px;border-radius:15px}
  .plan-summary-card::after{right:-52px;top:-64px;width:148px;height:148px}
  .plan-summary-main{gap:10px}
  .plan-summary-mark{width:36px;height:36px;border-radius:11px;font-size:18px}
  .plan-current-badge{height:20px;padding:0 8px;font-size:7.7px}
  .plan-summary-card h4{font-size:17px;margin:3px 0 2px}
  .plan-summary-card p{font-size:10.2px;line-height:1.34}
  .plan-renewal{max-width:240px;font-size:9.6px;line-height:1.36}

  .plan-usage-grid{gap:9px;margin-top:9px}
  .plan-usage-card{grid-template-columns:31px minmax(0,1fr);gap:8px;padding:9px 11px;border-radius:12px}
  .plan-usage-icon{width:31px;height:31px;border-radius:9px;font-size:14px}
  .plan-usage-card span{font-size:9.7px}
  .plan-usage-card strong{font-size:14.8px}
  .plan-progress{height:5px;margin-top:5px}
  .plan-usage-card small{margin-top:3px;font-size:8.4px}

  .plan-section-head{margin:10px 1px 6px;gap:10px}
  .plan-section-head h4{font-size:13.5px}
  .plan-section-head small{font-size:8.4px;line-height:1.3}

  .plan-options-grid{gap:8px}
  .plan-tier-card{gap:6px;padding:10px 11px;border-radius:13px}
  .plan-tier-card.current::after{right:9px;top:8px;padding:3px 6px;font-size:6.8px}
  .plan-tier-head>span{font-size:7.2px;letter-spacing:1.25px}
  .plan-tier-head h4{margin-top:1px;font-size:13.5px}
  .plan-tier-limits{gap:4px}
  .plan-tier-limits strong{min-height:21px;padding:0 7px;font-size:8.1px}
  .plan-tier-price b,.plan-tier-prices b{font-size:15px}
  .plan-tier-price small,.plan-tier-prices small{font-size:7.5px}
  .plan-tier-card .primary{height:29px;min-height:29px;border-radius:8px;font-size:9.2px}

  .plan-help-grid{gap:8px;margin-top:8px}
  .plan-support-row,.plan-instagram-row{padding:8px 10px;border-radius:11px}
  .plan-support-icon{width:28px;height:28px;border-radius:8px;font-size:11px}
  .plan-support-copy strong{font-size:10px}
  .plan-support-copy small{font-size:7.8px}
  .plan-support-mail{font-size:8.6px}
  .plan-support-arrow{font-size:15px}

  .plan-account-actions{margin-top:6px;padding-top:6px}
  .plan-account-actions button{height:29px!important;min-height:29px!important;font-size:9.2px!important}
}


/* ===== Web v0.13.67: Masaüstü Hesabım / Planım — genişlik geri alındı, üst boşluk azaltıldı ===== */
@media (min-width:761px){
  .plan-modal{
    width:min(980px,calc(100vw - 34px));
    max-height:calc(100dvh - 14px);
  }

  /* Sekmeleri başlık bandına yaklaştır; Free özet kartını yukarı al. */
  .plan-tabs{
    margin:-20px 18px -6px auto;
  }
  .plan-pane{
    padding:4px 18px 12px;
  }
}

/* ===== Web v0.13.68: ORTAK İÇERİK + bağlı sorular ===== */
.item-heading.common{
  background:#eef8ff;
  color:#17608c;
  border:1px solid #cfe8f7;
  letter-spacing:.45px;
}
.common-link-field{
  padding:12px;
  border:1px solid #d9e7f3;
  border-radius:12px;
  background:linear-gradient(180deg,#f8fcff,#f2f8fd);
}
.common-link-count-row{display:flex;align-items:center;gap:10px;min-width:0}
.common-link-count-row input{
  width:74px;min-width:74px;height:40px;
  border:1px solid #cfd9e7;border-radius:9px;
  padding:0 10px;font-size:14px;font-weight:800;color:#163b5d;background:#fff;
}
.common-link-count-row span{font-size:11px;line-height:1.35;color:#61748a}
.common-link-active{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 12px;border:1px solid #bcdff4;border-radius:12px;
  background:#eef9ff;color:#174866;
}
.common-link-active>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.common-link-active strong{font-size:11px;color:#123f5b}
.common-link-active span{font-size:10px;line-height:1.4;color:#53758b}
.common-link-active .secondary{height:34px;flex:none;font-size:10px}

.common-pool-badge{
  display:inline-flex;align-items:center;min-height:20px;padding:0 7px;
  border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap;
}
.common-pool-badge.parent{background:#e9f7ff;color:#17608c;border:1px solid #cae6f6}
.common-pool-badge.child{background:#f2efff;color:#6751aa;border:1px solid #e1daf9}

/* Dizgide yalnız yönerge dikdörtgen kutudur; ortak görsel/metin kendi doğal görünümünü korur. */
.desk-common-instruction{
  position:absolute;box-sizing:border-box;display:flex;align-items:center;
  min-height:23px;padding:4px 8px;border:1.5px solid;border-radius:3px;
  background:#fff;color:#111;font-size:8.5px;font-weight:850;line-height:1.3;
  letter-spacing:.02em;overflow:hidden;
}
.desk-common-frame{
  position:absolute;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:flex-start;
  overflow:hidden;background:#fff;
}
.desk-common-frame img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:left top;pointer-events:none;
}
.desk-common-frame .desk-demo{width:100%;height:100%;overflow:hidden}
.desk-test-item.common-content,.desk-exam-item.common-content,.desk-written-item.common-content{background:transparent}

@media(max-width:640px){
  .common-link-field{padding:9px;border-radius:10px}
  .common-link-count-row{gap:8px}
  .common-link-count-row input{width:62px;min-width:62px;height:36px;font-size:13px}
  .common-link-count-row span{font-size:10px}
  .common-link-active{align-items:flex-start;flex-direction:column;padding:9px 10px}
  .common-link-active .secondary{width:100%;height:34px}
  .common-pool-badge{font-size:7.5px;padding:0 6px}
}


/* v0.13.87 — referans görsellere daha yakın deneme kapakları */
.exam-cover-page .exam-cover-booklet.always{position:absolute;display:grid!important;place-items:center;min-width:120px;padding:0 14px;height:30px;border-radius:999px;background:#fff;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,#fff);font-size:10px;font-weight:900;letter-spacing:.4px;box-shadow:0 5px 16px rgba(28,69,120,.10)}
.exam-cover-page .exam-cover-logo{display:grid;place-items:center;background:#fff;border:1.5px dashed color-mix(in srgb,var(--accent) 45%,#cfe0f6);border-radius:14px;color:var(--accent);overflow:hidden;text-align:center}
.exam-cover-page .exam-cover-logo strong{display:block;font-size:10px;letter-spacing:1px}.exam-cover-page .exam-cover-logo span{display:block;font-size:7px;color:#6480a0;letter-spacing:.6px}
.exam-cover-page .exam-cover-logo img{max-width:85%;max-height:80%;object-fit:contain}
.exam-cover-page .cover-field-line{display:grid;grid-template-columns:46px 135px 18px 1fr;align-items:center;gap:10px}.exam-cover-page .cover-field-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#edf6ff,#d7e9ff);display:grid;place-items:center;color:#1f66c1;font-size:17px}.exam-cover-page .cover-field-label{font-size:9px;font-weight:800;color:#13498f}.exam-cover-page .cover-field-colon{font-size:11px;font-weight:900;color:#3568ac}.exam-cover-page .cover-field-box{height:33px;border:1.5px solid #b7d0ee;border-radius:11px;background:#fff}.exam-cover-page ol{margin:0;padding:0;list-style:none}.exam-cover-page ol li{display:grid;align-items:flex-start}

/* Minimal ref */
.cover-minimal-ref{background:#fff;color:#12498b}.cover-minimal-ref .min-border{position:absolute;inset:18px;border:2px solid #2f8df3;border-radius:2px}.cover-minimal-ref .min-corner{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#7fb8f4,#1f6cc4)}.cover-minimal-ref .min-corner.tl{left:-60px;top:-45px;opacity:.85;box-shadow:90px 20px 0 0 rgba(157,204,248,.55)}.cover-minimal-ref .min-corner.br{right:-55px;bottom:-48px;opacity:.52;box-shadow:-88px -18px 0 0 rgba(157,204,248,.48)}.cover-minimal-ref .min-tag{position:absolute;right:48px;top:58px;font-size:8px;font-weight:800;letter-spacing:4px;line-height:1.7;color:#2b6fcb;text-align:right}.cover-minimal-ref .min-tag::after{content:'';display:block;width:38px;height:2px;background:#2b84f0;margin-top:10px;margin-left:auto}.cover-minimal-ref .min-logo-wrap{position:absolute;left:50%;top:48px;transform:translateX(-50%);width:300px}.cover-minimal-ref .min-logo-wrap .exam-cover-logo{height:110px}.cover-minimal-ref .min-title{position:absolute;left:52px;right:52px;top:208px;font-size:49px;font-weight:950;letter-spacing:.5px;line-height:1.04;text-align:center;color:#0f5caf;text-shadow:0 4px 10px rgba(16,89,170,.08)}.cover-minimal-ref .min-school{position:absolute;left:120px;right:120px;top:320px;text-align:center;font-size:27px;font-weight:700;color:#1259ac}.cover-minimal-ref .min-school::before,.cover-minimal-ref .min-school::after{content:'';position:absolute;top:17px;width:110px;height:2px;background:#4da0ff}.cover-minimal-ref .min-school::before{left:-120px}.cover-minimal-ref .min-school::after{right:-120px}.cover-minimal-ref .min-motto{position:absolute;left:0;right:0;top:374px;text-align:center;font-size:9px;font-weight:800;letter-spacing:5px;color:#2c72c9}.cover-minimal-ref .min-motto::before,.cover-minimal-ref .min-motto::after{content:'';display:inline-block;vertical-align:middle;width:70px;height:2px;background:#6faef7;margin:0 18px}.cover-minimal-ref .min-student{position:absolute;left:58px;right:58px;top:430px;background:linear-gradient(90deg,#edf6ff,#f8fbff);border-radius:18px;padding:22px 26px;display:grid;gap:16px;box-shadow:inset 0 0 0 1px #d9e8f8}.cover-minimal-ref .min-rules{position:absolute;left:58px;right:58px;top:915px;background:linear-gradient(180deg,#f1f7ff,#f9fbfe);border:1px solid #c6dbf3;border-radius:16px;overflow:hidden}.cover-minimal-ref .min-rules-head{height:74px;background:linear-gradient(90deg,#2a73bf,#63a6ec);display:flex;align-items:center;gap:16px;padding:0 24px;color:#fff}.cover-minimal-ref .min-rules-head span{width:40px;height:40px;border-radius:50%;background:#fff;color:#2c7bd2;display:grid;place-items:center;font-size:26px;font-weight:900}.cover-minimal-ref .min-rules-head strong{font-size:24px}.cover-minimal-ref .min-rules ol{padding:18px 24px 18px 20px;display:grid;gap:14px}.cover-minimal-ref .min-rules li{grid-template-columns:44px 1fr;gap:14px;font-size:9px;color:#24476c;line-height:1.45}.cover-minimal-ref .min-rules li span{width:36px;height:36px;border-radius:50%;background:#d9ecff;color:#1862bb;display:grid;place-items:center;font-weight:900;font-size:16px}.cover-minimal-ref .min-bottom-script{position:absolute;left:0;right:0;bottom:94px;text-align:center;font-size:30px;font-style:italic;color:#2a83e4}.cover-minimal-ref .min-bottom-script::before,.cover-minimal-ref .min-bottom-script::after{content:'';display:inline-block;vertical-align:middle;width:80px;height:2px;background:#5fa4ee;margin:0 18px}.cover-minimal-ref .min-bottom-mini{position:absolute;left:0;right:0;bottom:56px;text-align:center;font-size:8px;font-weight:800;letter-spacing:4px;color:#275ea1}.cover-minimal-ref .exam-cover-booklet{left:50%;top:392px;transform:translateX(-50%)}


/* v0.13.91 — IBAN ödeme bildirimi */
.iban-payment-notify-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:11px 12px;border:1px solid #d8e5f6;border-radius:11px;background:#f7faff}.iban-payment-notify-box>div{display:flex;flex-direction:column;gap:2px;min-width:0}.iban-payment-notify-box strong{font-size:10px;color:#274466}.iban-payment-notify-box span{font-size:8.5px;line-height:1.4;color:#718198}.iban-payment-notify-btn{flex:0 0 auto;min-width:122px;height:32px;min-height:32px;padding:0 12px;font-size:9px}
.plan-admin-payment-notices{margin-bottom:9px;padding:10px 12px;border:1px solid #dfe8f4;border-radius:11px;background:#fff}.plan-admin-payment-notices-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #edf1f6}.plan-admin-payment-notices-head h4{margin:2px 0 2px;font-size:14px;color:#27384f}.plan-admin-payment-notices-head p{margin:0;max-width:640px;font-size:9px;line-height:1.4;color:#76859a}.plan-notice-count{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#fff4dd;color:#8c5f0d;font-size:8.5px;font-weight:850;white-space:nowrap}.plan-admin-payment-notice-list{display:grid;gap:6px;margin-top:8px;max-height:220px;overflow:auto;padding-right:2px}.plan-payment-notice-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e6ecf4;border-radius:9px;background:#fbfcfe}.plan-payment-notice-copy{display:flex;flex-direction:column;min-width:0}.plan-payment-notice-copy strong{font-size:10.5px;color:#263a55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-payment-notice-copy span{margin-top:2px;font-size:8px;color:#8793a3}.plan-payment-notice-actions{display:flex;align-items:center;gap:5px}.plan-payment-notice-actions button{height:29px;min-height:29px;padding:0 9px;font-size:8.5px}
@media(max-width:760px){.iban-payment-notify-box{align-items:stretch;flex-direction:column}.iban-payment-notify-btn{width:100%}.plan-admin-payment-notices{padding:8px 9px}.plan-admin-payment-notices-head{gap:7px}.plan-admin-payment-notices-head h4{font-size:12px}.plan-admin-payment-notices-head p{font-size:8px}.plan-payment-notice-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px}.plan-payment-notice-copy{grid-column:1/-1}.plan-payment-notice-actions{grid-column:1/-1}.plan-payment-notice-actions button{flex:1}}


/* ===== Web v0.13.94: geçici manuel erişim modu ===== */
.temp-manual-access-mode #paytrModal,
.temp-manual-access-mode #ibanAdminApproveModal,
.temp-manual-access-mode .temp-payment-only{display:none!important}
.temp-account-modal{width:min(760px,calc(100vw - 24px))}
.temp-account-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #e2e8f2;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#f4f7ff)}
.temp-account-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#e8f7ee;color:#23824c;font-size:22px;font-weight:900}
.temp-account-card h4{margin:1px 0 5px;font-size:17px;color:#26384f}.temp-account-card p{margin:0;color:#6f7e92;font-size:11px;line-height:1.55}.temp-account-card strong{display:block;margin-top:9px;color:#485a74;font-size:11px}
.temp-account-help{margin-top:12px}.temp-limit-backdrop{z-index:10350}.temp-limit-modal{width:min(470px,calc(100vw - 24px));text-align:left}.temp-limit-visual{width:52px;height:52px;margin:10px auto 8px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#edf4ff,#e7ecff);color:#5368d7;font-size:28px;font-weight:900}.temp-limit-message{margin:8px 0 14px;color:#5f6f84;font-size:12px;line-height:1.65;text-align:center}.temp-limit-contact-actions{display:grid;grid-template-columns:1fr;gap:8px}.temp-limit-contact-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:42px;text-decoration:none}.temp-limit-contact-info{text-align:center;margin:10px 0 2px;color:#7b8899;font-size:9px}.temp-limit-contact-info strong{color:#4b5e78}.temp-limit-contact-info span{margin-left:2px}.manual-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.manual-access-grid label{display:grid;gap:4px;font-size:9px;font-weight:800;color:#5e6f84}.manual-access-grid input{width:100%;height:38px;border:1px solid #dce4ee;border-radius:9px;background:#fff;padding:0 9px;font:inherit;color:#27384f;outline:none}.manual-access-grid input:focus{border-color:#7896e7;box-shadow:0 0 0 2px rgba(85,113,210,.08)}.manual-access-grid small{font-size:7.5px;color:#8a97a9;font-weight:600}.manual-access-btn{min-width:104px}
@media(max-width:640px){.temp-account-modal{width:calc(100vw - 8px)}.manual-access-grid{grid-template-columns:1fr}.temp-limit-modal{width:calc(100vw - 14px)}.temp-account-card{padding:14px}.temp-account-card p{font-size:10px}}


/* ===== Web v0.13.96: Hesabım iletişim kartları alt alta + dar modal ===== */
.temp-account-modal{width:min(760px,calc(100vw - 32px))}
.temp-account-modal .temp-account-help{grid-template-columns:1fr;gap:10px;max-width:560px}
.temp-account-modal .plan-account-actions{max-width:560px}
@media(max-width:760px){
  .temp-account-modal{width:calc(100vw - 8px)}
  .temp-account-modal .temp-account-help,.temp-account-modal .plan-account-actions{max-width:none}
}


/* ===== Web v0.13.97: Hesabım pencere genişliği iletişim kartlarıyla hizalı ===== */
.temp-account-modal{
  width:min(900px,calc(100vw - 32px))!important;
}
.temp-account-modal .temp-account-help{
  grid-template-columns:1fr!important;
  gap:10px!important;
  max-width:none!important;
}
.temp-account-modal .plan-account-actions{
  max-width:none!important;
}
@media(max-width:760px){
  .temp-account-modal{
    width:calc(100vw - 8px)!important;
  }
}


/* ===== Web v0.13.98: Hesabım penceresi belirgin daraltıldı ===== */
.temp-account-modal{
  width:min(520px,calc(100vw - 32px))!important;
}
.temp-account-modal .temp-account-help{
  grid-template-columns:1fr!important;
  gap:9px!important;
  max-width:none!important;
}
.temp-account-modal .plan-account-actions{max-width:none!important}
@media(max-width:760px){
  .temp-account-modal{width:calc(100vw - 8px)!important}
}


/* ===== Web v0.13.99: Yönetim sekmesi ayrı genişlik + düzenli kullanıcı kartları ===== */

/* Kullanıcı Hesabım sekmesi dar kalır; yalnız Yönetim sekmesi çalışma alanı kadar genişler. */
.temp-account-modal[data-tab="admin"]{
  width:min(900px,calc(100vw - 32px))!important;
}

/* Yönetim kullanıcı kartı: bilgiler üstte, aksiyonlar ayrı satırda. */
.temp-account-modal[data-tab="admin"] .plan-admin-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "copy badges"
    "actions actions"!important;
  align-items:start!important;
  gap:9px 14px!important;
  padding:12px 14px!important;
}

.temp-account-modal[data-tab="admin"] .plan-admin-copy{
  grid-area:copy;
  min-width:0;
}
.temp-account-modal[data-tab="admin"] .plan-admin-copy strong{
  font-size:12px!important;
}
.temp-account-modal[data-tab="admin"] .plan-admin-copy span{
  white-space:normal!important;
  line-height:1.45!important;
  overflow-wrap:anywhere;
}

.temp-account-modal[data-tab="admin"] .plan-admin-badges{
  grid-area:badges;
  align-self:start;
  justify-content:flex-end!important;
}

.temp-account-modal[data-tab="admin"] .plan-admin-actions{
  grid-area:actions;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding-top:2px;
  border-top:1px solid #edf1f6;
  padding-top:9px;
}

.temp-account-modal[data-tab="admin"] .plan-admin-actions button{
  flex:0 0 auto!important;
  min-width:118px;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  font-size:9.5px!important;
}

/* Arama ve yönetim başlığı da geniş görünümde biraz ferahlasın. */
.temp-account-modal[data-tab="admin"] .plan-admin-search-wrap input{
  height:38px;
  font-size:10.5px;
}
.temp-account-modal[data-tab="admin"] .plan-admin-toolbar{
  gap:14px;
}

/* Tablet / dar ekran: tek sütun, butonlar eşit ve okunaklı. */
@media(max-width:760px){
  .temp-account-modal[data-tab="admin"]{
    width:calc(100vw - 8px)!important;
  }
  .temp-account-modal[data-tab="admin"] .plan-admin-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "copy"
      "badges"
      "actions"!important;
  }
  .temp-account-modal[data-tab="admin"] .plan-admin-badges{
    justify-content:flex-start!important;
  }
  .temp-account-modal[data-tab="admin"] .plan-admin-actions button{
    flex:1 1 130px!important;
  }
}


/* ===== Web v0.13.100: Yönetim sekmesi gerçek modal genişleme düzeltmesi ===== */
/* data-tab niteliği içteki modalda değil, planModal backdrop üzerindedir. */
.plan-modal-backdrop[data-tab="overview"] .temp-account-modal{
  width:min(520px,calc(100vw - 32px))!important;
}

.plan-modal-backdrop[data-tab="admin"] .temp-account-modal{
  width:min(900px,calc(100vw - 32px))!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "copy badges"
    "actions actions"!important;
  align-items:start!important;
  gap:9px 14px!important;
  padding:12px 14px!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-copy{
  grid-area:copy!important;
  min-width:0!important;
}
.plan-modal-backdrop[data-tab="admin"] .plan-admin-copy strong{
  font-size:12px!important;
}
.plan-modal-backdrop[data-tab="admin"] .plan-admin-copy span{
  white-space:normal!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-badges{
  grid-area:badges!important;
  align-self:start!important;
  justify-content:flex-end!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-actions{
  grid-area:actions!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  border-top:1px solid #edf1f6!important;
  padding-top:9px!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-actions button{
  flex:0 0 auto!important;
  min-width:118px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  font-size:9.5px!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-search-wrap input{
  height:38px!important;
  font-size:10.5px!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-toolbar{
  gap:14px!important;
}

/* Genişlik değişimi sert sıçramasın. */
.temp-account-modal{
  transition:width .18s ease!important;
}

@media(max-width:760px){
  .plan-modal-backdrop[data-tab="overview"] .temp-account-modal,
  .plan-modal-backdrop[data-tab="admin"] .temp-account-modal{
    width:calc(100vw - 8px)!important;
  }

  .plan-modal-backdrop[data-tab="admin"] .plan-admin-row{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "copy"
      "badges"
      "actions"!important;
  }

  .plan-modal-backdrop[data-tab="admin"] .plan-admin-badges{
    justify-content:flex-start!important;
  }

  .plan-modal-backdrop[data-tab="admin"] .plan-admin-actions button{
    flex:1 1 130px!important;
  }
}


/* ===== Web v0.13.102: Yönetim kullanıcıları tek satır + hak bilgileri ===== */
.plan-modal-backdrop[data-tab="admin"] .plan-admin-row.plan-admin-row-compact{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) minmax(0,2.15fr)!important;
  grid-template-areas:"copy right"!important;
  align-items:center!important;
  gap:14px!important;
  min-height:72px!important;
  padding:10px 14px!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-row-compact .plan-admin-copy{
  grid-area:copy!important;
  min-width:0!important;
}
.plan-modal-backdrop[data-tab="admin"] .plan-admin-row-compact .plan-admin-copy strong{
  font-size:12px!important;
  line-height:1.2!important;
}
.plan-modal-backdrop[data-tab="admin"] .plan-admin-row-compact .plan-admin-copy span{
  margin-top:4px!important;
  font-size:8.8px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-right{
  grid-area:right!important;
  min-width:0!important;
}
.plan-modal-backdrop[data-tab="admin"] .plan-admin-right-top{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-limits{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
}
.plan-modal-backdrop[data-tab="admin"] .plan-admin-limits span{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  height:28px!important;
  padding:0 8px!important;
  border:1px solid #e2e9f2!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  color:#53657c!important;
  font-size:8.5px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
.plan-modal-backdrop[data-tab="admin"] .plan-admin-limits b{
  color:#7b899b!important;
  font-size:7.6px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.25px!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-row-compact .plan-admin-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  flex:0 0 auto!important;
}

.plan-modal-backdrop[data-tab="admin"] .plan-admin-row-compact .plan-admin-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  border-top:0!important;
  padding-top:0!important;
  flex:0 0 auto!important;
}
.plan-modal-backdrop[data-tab="admin"] .plan-admin-row-compact .plan-admin-actions button{
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 10px!important;
  font-size:8.7px!important;
  border-radius:9px!important;
  white-space:nowrap!important;
}

/* Yönetim alanına biraz daha çalışma genişliği ver; Hesabım genişliği değişmez. */
.plan-modal-backdrop[data-tab="admin"] .temp-account-modal{
  width:min(1080px,calc(100vw - 32px))!important;
}

@media(max-width:980px){
  .plan-modal-backdrop[data-tab="admin"] .plan-admin-row.plan-admin-row-compact{
    grid-template-columns:minmax(210px,1fr) minmax(0,2fr)!important;
    gap:10px!important;
    padding:9px 10px!important;
  }
  .plan-modal-backdrop[data-tab="admin"] .plan-admin-right-top{
    gap:5px!important;
  }
  .plan-modal-backdrop[data-tab="admin"] .plan-admin-limits span{
    padding:0 6px!important;
    font-size:8px!important;
  }
  .plan-modal-backdrop[data-tab="admin"] .plan-admin-row-compact .plan-admin-actions button{
    padding:0 7px!important;
    font-size:8.2px!important;
  }
}

/* Telefonda okunabilirlik için tekrar dikey düzene geçer. */
@media(max-width:760px){
  .plan-modal-backdrop[data-tab="admin"] .plan-admin-row.plan-admin-row-compact{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "copy"
      "right"!important;
  }
  .plan-modal-backdrop[data-tab="admin"] .plan-admin-right-top{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
  .plan-modal-backdrop[data-tab="admin"] .plan-admin-row-compact .plan-admin-badges{
    justify-content:flex-start!important;
  }
  .plan-modal-backdrop[data-tab="admin"] .plan-admin-row-compact .plan-admin-actions{
    flex-wrap:wrap!important;
  }
}

/* ===== Web v0.13.159: Sayfaya bağımsız metin ekleme ===== */
.lesson-text-toolbar{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-height:39px;padding:5px 10px;background:#f7f9fc;border:1px solid #dce4ed;border-bottom:0;border-radius:10px 10px 0 0}
.lesson-text-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:4px 10px;border:1px solid #cddaea;border-radius:6px;background:#fff;color:#315d88;font-size:11px;font-weight:650;white-space:nowrap}
:is(#addLessonText,#addTestText,#addExamText,#addWrittenText).lesson-text-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;margin-top:10px;padding:7px 10px;border:1px solid #cbddef;border-radius:8px;background:#edf4fc;color:#315d88;font:650 11px/1.4 "Segoe UI",Arial,sans-serif;cursor:pointer}
:is(#addLessonText,#addTestText,#addExamText,#addWrittenText).lesson-text-add:hover{background:#e1edfb;border-color:#9fbde1}
:is(#addLessonText,#addTestText,#addExamText,#addWrittenText).lesson-text-add:disabled{opacity:.55;cursor:default}
:is(#addLessonText,#addTestText,#addExamText,#addWrittenText).lesson-text-add>span{font-size:17px;line-height:1}
.lesson-text-toolbar.is-placing{justify-content:stretch;background:#eaf4ff}
.layout-text-placement-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;flex-wrap:wrap}
.layout-text-placement-tools>span{margin-right:auto;color:#365c7d;font-size:11px}
.lesson-text-placing .desk-page{cursor:crosshair}
.lesson-text-placing .test-empty-page{pointer-events:none}
.lesson-text-block,.lesson-text-ghost{position:absolute;box-sizing:border-box;z-index:55}
.lesson-text-block{cursor:grab;touch-action:none;user-select:none}
.lesson-text-block.is-text-dragging{cursor:grabbing;outline:1px dashed #679ad0;outline-offset:2px}
.lesson-text-content{position:absolute;inset:0;pointer-events:none}
.lesson-text-body{position:absolute;box-sizing:border-box;white-space:pre;letter-spacing:normal}
.lesson-text-block:focus{outline:1px dashed #679ad0;outline-offset:2px}
.lesson-text-controls{position:absolute;right:0;top:-25px;display:flex;gap:3px;z-index:4}
.lesson-text-controls button,.lesson-text-resize{display:grid;place-items:center;box-sizing:border-box;width:24px;height:23px;min-width:24px;min-height:23px;padding:0;border:1px solid #ccd9e7;border-radius:5px;background:#fff;color:#42688a;font:600 14px/1 Arial,sans-serif;cursor:pointer}
.lesson-text-controls [data-text-move]{cursor:move;touch-action:none}
.lesson-text-controls svg,.lesson-text-resize svg{width:14px;height:14px;pointer-events:none}
.lesson-text-resize{position:absolute;right:0;bottom:0;cursor:ew-resize;touch-action:none;z-index:4;opacity:.8}
.lesson-text-block.text-collision,.lesson-text-ghost.invalid{outline:2px dashed #d64d5c}
.lesson-text-ghost{opacity:.66;pointer-events:none;outline:1px dashed #4387bc}
body.lesson-text-dragging{user-select:none;cursor:grabbing}
body.lesson-text-dragging #lessonPreviewScroll{scroll-behavior:auto;overscroll-behavior:contain}
#lessonTextModal{z-index:1110;padding:14px}
#lessonTextModal .lesson-text-modal{display:flex;flex-direction:column;width:min(850px,100%);max-height:calc(100dvh - 28px);padding:22px;overflow:hidden}
.lesson-text-modal .modal-head{flex:none;gap:12px;margin-bottom:17px}
.lesson-text-modal .modal-head h3{font-size:21px;margin:3px 0 6px}
.lesson-text-modal .modal-help{font-size:12px;line-height:1.5;color:#6b7b8c;margin:0}
.lesson-text-editor-body{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1fr);gap:25px;overflow-y:auto;min-height:0;padding:2px 4px 10px;scrollbar-width:thin}
.lesson-text-label-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}
#lessonTextCounter{font-size:10px;color:#8995a4}
.lesson-text-fields textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #cfdce8;border-radius:8px;padding:11px;font:14px/1.55 "Segoe UI",Arial,sans-serif;color:#23364c;background:#fff}
.lesson-text-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.lesson-text-two>div{min-width:0}
.lesson-text-two label{display:block;margin-bottom:6px}
.lesson-text-fields input[type=color]{display:block;width:100%;height:35px;border:1px solid #d6e0e9;border-radius:6px;padding:4px;background:#fff}
.lesson-text-fields input:disabled{opacity:.5}
.lesson-text-error{font-size:12px;line-height:1.45;color:#b53245;min-height:0;margin:3px 0}
.lesson-text-error:empty{display:none}
#lessonTextPreview{position:relative;width:100%;min-height:24px}
.lesson-text-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:14px;border-top:1px solid #e5eaf0;flex:none}
.lesson-text-actions>div{display:flex;justify-content:flex-end;gap:7px;margin-left:auto}
.lesson-text-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #d4dee9;border-radius:8px;padding:8px 11px;background:#fff;color:#4c5d73;font-size:12px;white-space:nowrap}
.lesson-text-actions .primary{background:var(--primary);color:#fff;border-color:var(--primary)}
#deleteLessonText{color:#b23d4d;border-color:#eccdd2}
.saved-preview-page .lesson-text-controls,.saved-preview-page .lesson-text-resize,#directPdfHost .lesson-text-controls,#directPdfHost .lesson-text-resize,#pdfPrintHost .lesson-text-controls,#pdfPrintHost .lesson-text-resize{display:none!important}
.saved-preview-page .lesson-text-block,#directPdfHost .lesson-text-block,#pdfPrintHost .lesson-text-block{outline:none!important}
@media(max-width:600px){
  #lessonTextModal{padding:8px!important}
  #lessonTextModal .lesson-text-modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;padding:15px!important;transform:none!important}
  .lesson-text-editor-body{grid-template-columns:minmax(0,1fr);gap:18px}
  #lessonTextModal textarea{font-size:16px!important}
  .lesson-text-actions{flex-wrap:wrap}
  .lesson-text-actions>div{flex-wrap:wrap}
  #lessonTextModal .lesson-text-actions button{font-size:12px!important;min-height:40px!important;padding:8px 9px!important}
  .lesson-text-toolbar{padding:5px 8px;min-height:40px;border-radius:0}
  .lesson-text-toolbar button{font-size:12px!important;min-height:30px!important;padding:4px 8px!important}
  :is(#addLessonText,#addTestText,#addExamText,#addWrittenText).lesson-text-add{min-height:42px;font-size:14px}
  .layout-text-placement-tools{gap:5px}
  .layout-text-placement-tools>span{font-size:11px;flex:1 1 100%}
}
html.mobile-portrait-ui .lesson-text-controls button,html.mobile-portrait-ui .lesson-text-resize{width:27px!important;height:27px!important;min-height:27px!important;min-width:27px!important;padding:0!important;font-size:15px!important}
@media print{.lesson-text-controls,.lesson-text-resize,.lesson-text-ghost{display:none!important}.lesson-text-block{outline:none!important}}

/* ===== Web v0.13.158: Ders notunda kutu galerisi ve bağımsız arka plan ===== */
.lesson-design-button{position:absolute;right:4px;top:3px;z-index:54;border:1px solid #d7e1ed;border-radius:5px;background:#fff;color:#44617c;font:600 9px/1.2 Arial,sans-serif;padding:4px 6px;min-height:20px;box-shadow:0 1px 4px #1934480c;cursor:pointer;touch-action:manipulation;opacity:.84}
.lesson-design-button:hover,.lesson-design-button:focus-visible{opacity:1;background:#eff6ff;border-color:#7ba4dc}
.lesson-design-surface,.lesson-design-heading,.lesson-solution-area{position:absolute;box-sizing:border-box}
.lesson-design-surface{pointer-events:none}
.lesson-design-heading{font-weight:700;letter-spacing:.15px;border-radius:3px;font-family:var(--test-font,"Segoe UI"),sans-serif;white-space:pre}
.lesson-solution-area{background:#fff;overflow:hidden;pointer-events:none}
.lesson-solution-area i{display:block;box-sizing:border-box}
#lessonDesignModal{z-index:1100;padding:14px}
#lessonDesignModal .lesson-design-modal{width:min(920px,100%);max-height:calc(100dvh - 28px);padding:24px;display:flex;flex-direction:column;overflow:hidden}
.lesson-design-modal .modal-head{flex:none;margin-bottom:16px;gap:12px}
.lesson-design-modal .modal-head h3{font-size:19px;margin:3px 0 5px}
.lesson-design-modal .modal-help{font-size:12px;line-height:1.5;margin:4px 0;color:#64748b}
.lesson-design-body{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1fr);gap:28px;overflow-y:auto;min-height:0;padding:2px 5px 12px;scrollbar-width:thin}
.lesson-design-fields{min-width:0;display:flex;flex-direction:column;gap:8px}
.lesson-design-fields>label:not(.lesson-design-check){margin-top:5px}
.lesson-design-fields label{font-size:12px;font-weight:650;color:#374b62}
.lesson-design-fields select,.lesson-design-fields input:not([type=checkbox]):not([type=color]){width:100%;max-width:100%;min-width:0;min-height:37px;border:1px solid #cfdce8;background:#fff;border-radius:7px;padding:8px 10px;font:400 13px/1.3 "Segoe UI",Arial,sans-serif;color:#172b42}
.lesson-design-fields #lessonDesignCustomRow label,.lesson-design-fields #lessonDesignHeightRow label{display:block;margin-bottom:6px}
.lesson-design-fields .lesson-design-check{display:flex;align-items:center;gap:7px;font-weight:400;line-height:1.35;margin:0;cursor:pointer}
.lesson-design-fields input[type=checkbox]{width:16px;height:16px;flex:none;accent-color:#2f6fed;margin:0}
.lesson-design-color-row{display:flex;align-items:center;gap:10px}
.lesson-design-color-row input[type=color]{width:45px;height:35px;flex:none;padding:3px;border:1px solid #cfdae7;border-radius:6px;background:#fff}
.lesson-design-color-row input:disabled{opacity:.55}
.lesson-design-height{display:flex;align-items:center;gap:9px;font-size:12px;color:#53657b}
.lesson-design-height input{max-width:105px!important}
.lesson-design-preview-panel{position:sticky;top:0;min-width:0;background:#f4f7fa;border:1px solid #e0e7ee;border-radius:12px;padding:20px;align-self:start;overflow:hidden}
.lesson-design-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.lesson-design-preview-heading strong{color:#5f7187;font-size:10px;font-weight:700;letter-spacing:1.2px}
.lesson-design-preview-heading span{color:#345675;background:#e7eef5;border-radius:20px;padding:5px 9px;font-size:11px}
.lesson-design-preview-panel>p{font-size:11px;line-height:1.5;color:#728197;margin:20px 0 0}
#lessonDesignPreview{width:100%;position:relative}
#lessonDesignPreview .lesson-design-sample{margin:0!important;min-height:0!important;min-width:0!important;box-shadow:none!important;border:0!important;background:transparent!important;transform-origin:0 0;overflow:hidden;padding:0!important}
#lessonDesignPreview .desk-lesson-item{cursor:default;outline:0!important;box-shadow:none!important}
.lesson-design-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e5eaf0;margin-top:10px;padding-top:14px;flex:none}
.lesson-design-actions>div{display:flex;gap:8px}
.lesson-design-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;font-size:12px;padding:8px 13px;white-space:nowrap}
.lesson-design-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 6px}
.lesson-style-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:78px;border:1px solid #dfe6ee;border-radius:9px;background:#fff;padding:8px 3px;color:#52667d;font:500 10px/1.3 "Segoe UI",Arial,sans-serif;cursor:pointer}
.lesson-style-choice:hover{border-color:#98b5d1;background:#f8fbfe}
.lesson-style-choice[aria-pressed=true]{border-color:#356d9d;background:#edf5fc;box-shadow:0 0 0 1px #356d9d;color:#244f75;font-weight:700}
.lesson-style-choice:focus-visible,.lesson-background-swatch:focus-visible{outline:3px solid #8ebafa;outline-offset:2px}
.lesson-style-mini-wrap{position:relative;display:block;width:82.5px;height:44px;pointer-events:none}
.lesson-style-mini{position:absolute;display:block;width:150px;height:80px;transform:scale(.55);transform-origin:0 0;pointer-events:none}
.lesson-style-mini>i{position:absolute;height:2px;background:#9babb9;border-radius:2px}
.lesson-design-background-group{display:flex;flex-direction:column;gap:10px;border-top:1px solid #e6ecf2;margin:9px 0 3px;padding-top:15px}
.lesson-design-background-palette{display:flex;flex-wrap:wrap;gap:9px;padding:2px}
.lesson-background-swatch{display:grid;place-items:center;width:28px;height:28px;min-width:28px;min-height:28px;border:1px solid #cdd7e1;border-radius:50%;padding:0;color:#51667c;font-size:18px;cursor:pointer}
.lesson-background-swatch[aria-pressed=true]{outline:2px solid #356d9d;outline-offset:2px}
.lesson-design-field-hint{font-size:11px;line-height:1.5;margin:0;color:#718198}
.saved-preview-page .lesson-design-button,.saved-preview-page-shell .lesson-design-button,#savedWorkPreviewPages .lesson-design-button,#pdfPrintHost .lesson-design-button,#directPdfHost .lesson-design-button,body.pdf-print-mode .lesson-design-button{display:none!important}
@media(max-width:600px){
  #lessonDesignModal{padding:8px!important}
  #lessonDesignModal .lesson-design-modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;padding:15px!important;transform:none!important}
  .lesson-design-body{grid-template-columns:minmax(0,1fr);gap:16px}
  .lesson-design-preview-panel{position:static}
  .lesson-design-models{gap:6px}
  #lessonDesignModal .lesson-style-choice{min-height:76px;font-size:11px!important;line-height:1.25!important;padding:8px 3px!important}
  .lesson-style-mini-wrap{width:75px;height:40px}
  .lesson-style-mini{transform:scale(.5)}
  .lesson-design-background-palette{display:grid;grid-template-columns:repeat(4,44px);gap:10px}
  .lesson-background-swatch{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important}
  .lesson-design-fields select,.lesson-design-fields input:not([type=checkbox]):not([type=color]){font-size:16px;min-height:42px}
  .lesson-design-fields label{font-size:13px}
  .lesson-design-actions{flex-wrap:wrap}
  .lesson-design-actions button{min-height:40px;padding:8px 10px;font-size:12px}
  .lesson-design-preview-panel{padding:12px}
}
@media print{.lesson-design-button{display:none!important}}

/* ===== Web v0.13.102: Deneme / Yazılı / Ders Notu geniş içerik ===== */


/* ===== Web v0.13.105: Limit penceresi iletişim bilgisi okunabilirlik ===== */
.temp-limit-contact-info{
  font-size:10.5px!important;
  line-height:1.45!important;
}


/* ===== Web v0.13.106: Şifremi unuttum / şifre yenileme ===== */
.auth-forgot-btn{
  display:block;
  width:max-content;
  margin:-2px 0 10px auto;
  padding:0;
  border:0;
  background:transparent;
  color:#5267d8;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.auth-forgot-btn:hover{text-decoration:underline}
.auth-forgot-btn:disabled{opacity:.55;cursor:default}
.password-reset-backdrop{z-index:12000}
.password-reset-modal{width:min(460px,100%)}
.password-reset-modal .modal-head{margin-bottom:12px}
.password-reset-modal .modal-head h3{font-size:21px}
.password-reset-modal .modal-head p{margin:5px 0 0;font-size:11px}
.password-reset-modal .modal-actions{justify-content:stretch}
.password-reset-modal .modal-actions .primary{width:100%;min-height:42px}
@media(max-width:640px){
  .auth-forgot-btn{font-size:12px;margin-bottom:12px}
  .password-reset-modal{width:100%}
}


/* ===== Web v0.13.107: Şifre yenileme penceresi mobil okunabilirlik ===== */
.password-reset-backdrop{
  place-items:center!important;
  align-items:center!important;
  padding:16px!important;
}
.password-reset-modal{
  position:relative;
  width:min(460px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 32px)!important;
  overflow-y:auto;
  background:#fff!important;
  border:1px solid #e3e8f2;
  border-radius:20px;
  padding:22px!important;
  box-shadow:0 24px 70px rgba(14,22,38,.28)!important;
}
.password-reset-modal .modal-head{
  align-items:flex-start;
  margin-bottom:16px!important;
}
.password-reset-modal .modal-head h3{
  margin:0!important;
  font-size:22px!important;
  line-height:1.15!important;
  color:var(--text)!important;
}
.password-reset-modal .modal-head p{
  margin:6px 0 0!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:var(--muted)!important;
}
.password-reset-modal .modal-close{
  flex:0 0 auto;
  width:38px;
  height:38px;
  margin-left:12px;
}
.password-reset-modal .modal-field{
  margin-top:12px;
}
.password-reset-modal .modal-field label{
  margin:0 0 7px!important;
  font-size:12px!important;
  line-height:1.3!important;
  color:var(--text)!important;
}
.password-reset-modal .modal-field input{
  height:48px!important;
  border-radius:12px!important;
  font-size:14px!important;
  padding:0 13px!important;
}
.password-reset-modal .modal-actions{
  margin-top:18px!important;
  padding-top:16px!important;
}
.password-reset-modal .modal-actions .primary{
  width:100%;
  min-height:46px!important;
  font-size:14px;
  border-radius:12px;
}

@media(max-width:640px){
  .password-reset-backdrop{
    padding:max(12px,env(safe-area-inset-top))
            max(12px,env(safe-area-inset-right))
            max(12px,env(safe-area-inset-bottom))
            max(12px,env(safe-area-inset-left))!important;
  }
  .password-reset-modal{
    width:calc(100vw - 24px)!important;
    max-width:430px!important;
    padding:18px!important;
    border-radius:18px!important;
  }
  .password-reset-modal .modal-head h3{font-size:20px!important}
  .password-reset-modal .modal-head p{font-size:11px!important}
  .password-reset-modal .modal-field label{font-size:12px!important}
  .password-reset-modal .modal-field input{
    height:46px!important;
    font-size:14px!important;
  }
}


/* ===== Web v0.13.113: yönetim paneli kullanım / akış istatistiği ===== */
.plan-usage-analytics-card{margin-bottom:9px;padding:10px 12px;border:1px solid #dfe8f4;border-radius:11px;background:linear-gradient(180deg,#fbfdff,#f7f9fe)}
.plan-usage-lifetime-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}
.plan-usage-lifetime-grid article,.plan-usage-flow-grid article{min-width:0;padding:9px 10px;border:1px solid #e1e8f2;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:2px}
.plan-usage-lifetime-grid article>span,.plan-usage-flow-grid article>span{font-size:8px;font-weight:850;letter-spacing:.02em;color:#7d8ba0;text-transform:uppercase}
.plan-usage-lifetime-grid article>strong,.plan-usage-flow-grid article>strong{font-size:20px;line-height:1.05;color:#263b5a;letter-spacing:-.02em}
.plan-usage-lifetime-grid article>small,.plan-usage-flow-grid article>small{font-size:8px;color:#7d8b9e;line-height:1.25}
.plan-usage-flow-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:9px;border-top:1px solid #e7edf5}
.plan-usage-flow-head>div:first-child{display:flex;flex-direction:column;gap:2px}
.plan-usage-flow-head>div:first-child strong{font-size:10px;color:#344a67}
.plan-usage-flow-head>div:first-child span{font-size:8px;color:#8592a4}
.plan-usage-range{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid #e1e8f2;border-radius:9px;background:#f4f7fb}
.plan-usage-range button{border:0;background:transparent;color:#748399;border-radius:7px;height:27px;padding:0 9px;font-size:8px;font-weight:800;cursor:pointer}
.plan-usage-range button.active{background:#fff;color:#315bd6;box-shadow:0 1px 5px rgba(38,59,90,.08)}
.plan-usage-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:7px}
@media(max-width:760px){
  .plan-usage-analytics-card{padding:8px 9px}
  .plan-usage-lifetime-grid{grid-template-columns:1fr}
  .plan-usage-flow-head{align-items:flex-start;flex-direction:column}
  .plan-usage-flow-grid{grid-template-columns:1fr 1fr;gap:6px}
  .plan-usage-lifetime-grid article,.plan-usage-flow-grid article{padding:8px 9px}
  .plan-usage-lifetime-grid article>strong,.plan-usage-flow-grid article>strong{font-size:18px}
}

/* Küçük tabletlerde dizginin iki ayar bandını ve önizlemeyi birlikte göster. */
@media (min-width:861px) and (max-width:1100px){
  html.tablet-responsive-ui .test-editor-grid{
    display:grid!important;
    grid-template-columns:clamp(190px,22%,230px) minmax(0,1fr) clamp(190px,22%,230px)!important;
    grid-template-areas:none!important;
    gap:8px!important;
    min-width:0;
  }
  html.tablet-responsive-ui .test-editor-grid>.test-side{
    display:flex!important;
    min-width:0;
    grid-area:auto!important;
  }
  html.tablet-responsive-ui .test-editor-grid>.test-preview-area{
    min-width:0;
    grid-area:auto!important;
  }
  html.tablet-responsive-ui .test-preview-scroll{
    min-width:0;
    padding-left:8px;
    padding-right:8px;
  }
  html.tablet-responsive-ui :is(#testPages,#examPages,#writtenPages,#lessonPages){
    min-width:0;
    width:100%;
  }
}

/* Yan bantların içeriği, tablet modeline değil gerçek panel genişliğine uyar. */
html.tablet-responsive-ui .test-side.card{container:sh-layout-panel / inline-size}
html.tablet-responsive-ui .test-side .preview-zoom-setting-row{flex-wrap:wrap}
html.tablet-responsive-ui .test-side .text-color-common{flex-wrap:wrap}
html.tablet-responsive-ui .test-side .test-ops button{
  min-width:0;
  height:auto;
  min-height:34px;
  padding:4px;
  white-space:normal;
  line-height:1.12;
  overflow-wrap:anywhere;
}
html.tablet-responsive-ui .test-side .test-side-head>div{min-width:0}
html.tablet-responsive-ui .test-side .test-side-head strong{overflow-wrap:anywhere}
html.tablet-responsive-ui :is(#testTemplateGrid,#lessonTemplateGrid) button{min-width:0}
html.tablet-responsive-ui :is(#testTemplateGrid,#lessonTemplateGrid) button span{overflow-wrap:anywhere}

@container sh-layout-panel (max-width:245px){
  .test-side-fixed.test-ops{grid-template-columns:repeat(2,minmax(0,1fr))}
  .test-side-fixed.test-ops button:last-child{grid-column:1/-1}
}
@container sh-layout-panel (max-width:215px){
  #testTemplateGrid,#lessonTemplateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .margin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .margin-grid>label{min-width:0;padding:4px 3px;gap:2px;font-size:7.5px}
  .margin-grid input{width:36px!important}
}

/* Eski tarayıcılarda da dar tablet panelleri yatay taşmadan kullanılabilir. */
@supports not (container-type:inline-size){
  @media (min-width:861px) and (max-width:1100px){
    html.tablet-responsive-ui .test-side-fixed.test-ops{grid-template-columns:repeat(2,minmax(0,1fr))}
    html.tablet-responsive-ui .test-side-fixed.test-ops button:last-child{grid-column:1/-1}
    html.tablet-responsive-ui :is(#testTemplateGrid,#lessonTemplateGrid){grid-template-columns:repeat(2,minmax(0,1fr))}
    html.tablet-responsive-ui .margin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    html.tablet-responsive-ui .margin-grid>label{min-width:0;padding:4px 3px;gap:2px;font-size:7.5px}
    html.tablet-responsive-ui .margin-grid input{width:36px!important}
  }
}

/* Masaüstü uygulamasında yalnız içerik alanları kayar; dış belge kaymaz. */
html.desktop-device-ui:has(>body.app-open),
html.desktop-device-ui body.app-open{
  overflow:hidden!important;
}

/* Keep the lesson appearance button clear of the mobile question drag grip. */
@media screen {html.mobile-portrait-ui #lessonPages .desk-lesson-item>.lesson-design-button{right:calc(20px / var(--mobile-layout-page-scale,1))!important}}