:root{--bg:#f5f8fc;--surface:#fff;--surface-soft:#f8fbff;--text:#0b1833;--muted:#66738b;--line:#e4eaf2;--blue:#1167e8;--blue-dark:#0a52c6;--blue-soft:#eaf3ff;--cyan:#c9ebff;--hover:#f1f6fc;--shadow:0 12px 34px rgba(28,62,112,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}.uiIcon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}.topbar{height:76px;display:grid;grid-template-columns:270px minmax(360px,820px) 1fr;gap:20px;align-items:center;padding:10px 24px 10px 18px;position:sticky;top:0;z-index:50;background:rgba(245,248,252,.94);backdrop-filter:blur(14px)}.brand,.account{display:flex;align-items:center}.brand{gap:10px}.round{width:42px;height:42px;border:0;border-radius:13px;background:transparent;color:#40506b;display:grid;place-items:center;cursor:pointer}.round:hover,.icon:hover{background:#eaf0f8}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-size:24px;letter-spacing:-.65px}.logoMark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#0865e8,#3989f8);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;box-shadow:0 8px 20px rgba(17,103,232,.22)}.logoText{color:#4d5a70}.logoText strong{color:#07152d}.search{height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid transparent;border-radius:28px;background:#eaf1fa;transition:.18s}.search:focus-within{background:#fff;border-color:#dce5f1;box-shadow:0 8px 25px rgba(28,62,112,.08)}.search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.search input::placeholder{color:#6d7890}.searchHint{width:27px;height:27px;border:1px solid #cbd5e2;border-radius:8px;display:grid;place-items:center;color:#7b879c;font-size:12px}.account{justify-content:flex-end;gap:8px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0865e8,#3989f8);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 5px 14px rgba(17,103,232,.18)}.app{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{padding:8px 16px 18px;display:flex;flex-direction:column;position:sticky;top:76px;height:calc(100vh - 76px)}.compose{height:58px;display:inline-flex;align-items:center;gap:12px;width:220px;padding:0 24px;margin:2px 0 20px;border-radius:17px;background:linear-gradient(135deg,#ccecff,#b9e2ff);color:#061a34;text-decoration:none;font-weight:700;box-shadow:0 8px 22px rgba(40,119,177,.13);transition:.16s}.compose:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(40,119,177,.17)}.compose .uiIcon{width:22px;height:22px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.navitem{height:43px;display:flex;align-items:center;gap:17px;padding:0 17px;border-radius:12px;color:#15233c;text-decoration:none;font-size:15px;transition:.12s}.navitem:hover{background:#edf3fa}.navitem.active{background:#dfeeff;color:#075fd9;font-weight:700}.navitem .uiIcon{width:20px;height:20px;flex:none}.sidebarBottom{margin-top:auto}.productNote{padding:15px 0 0 18px;font-size:10px;letter-spacing:1.8px;color:#9ba6b7;font-weight:800}.content{min-width:0;margin:0 20px 20px 0;background:var(--surface);border:1px solid #edf1f6;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);min-height:calc(100vh - 96px)}.toolbar{height:62px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);gap:6px}.toolbar .right{margin-left:auto;color:var(--muted);font-size:13px;padding-right:8px}.icon{width:38px;height:38px;border:0;border-radius:11px;background:transparent;color:#40506b;cursor:pointer;display:grid;place-items:center}.section{height:58px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);color:var(--blue);font-weight:750;font-size:15px;position:relative}.section:after{content:'';position:absolute;left:18px;bottom:0;width:190px;height:3px;background:var(--blue);border-radius:4px 4px 0 0}.mailrow{min-height:54px;display:grid;grid-template-columns:42px 38px minmax(175px,230px) minmax(260px,1fr) 132px;align-items:center;padding:0 18px 0 14px;border-bottom:1px solid #edf1f5;background:#f7f9fc;color:var(--text);text-decoration:none;font-size:14px;transition:.12s}.mailrow.unread{background:#fff;font-weight:700}.mailrow:hover{position:relative;z-index:2;background:#f2f7fd;box-shadow:inset 3px 0 var(--blue),0 5px 16px rgba(28,62,112,.08)}.mailrow .sender,.mailrow .subject{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mailrow .sender{padding-right:18px}.mailrow .subject{color:#26354d}.mailrow .preview{color:#778297;font-weight:400}.mailrow .date{text-align:right;color:#66738b;font-size:12px;white-space:nowrap}.starBtn{width:34px;height:34px;border:0;border-radius:10px;background:transparent;font-size:21px;color:#8792a4;cursor:pointer}.starBtn:hover{background:#e8eef6}.starBtn.on{color:#f4ae00}.check{width:17px;height:17px;accent-color:var(--blue)}.empty{padding:110px 30px;text-align:center;color:var(--muted)}.flash{margin:16px 20px;padding:13px 16px;border-radius:12px}.flash.ok{background:#e8f6ed;color:#16713b}.flash.err{background:#ffeded;color:#a92525}.reader{padding:26px 38px 48px;max-width:1220px}.readerTop{display:flex;gap:8px;align-items:center;min-height:44px}.reader h1{font-size:27px;font-weight:650;margin:25px 0 22px;letter-spacing:-.5px}.meta{padding:18px 20px;margin-bottom:28px;border:1px solid var(--line);background:#f8fbff;border-radius:15px;color:var(--muted);font-size:13px;line-height:1.8}.meta b{color:var(--text)}.mailbody{font-size:15px;line-height:1.75;overflow-wrap:anywhere;min-height:200px;padding:4px 8px}.mailbody img,.mailbody table{max-width:100%}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1px solid #d6deea;border-radius:11px;background:#fff;color:#15233c;text-decoration:none;cursor:pointer;font:650 13px "Segoe UI",Arial}.btn:hover{background:#f6f9fc}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 5px 14px rgba(17,103,232,.18)}.btn.primary:hover{background:var(--blue-dark)}.composeWrap{position:relative;min-height:calc(100vh - 96px);background:linear-gradient(180deg,#fbfdff,#f6f9fd)}.composeWrap>h2{display:none}.composeWrap form{position:absolute;right:34px;bottom:0;width:min(720px,calc(100% - 68px));height:min(680px,calc(100vh - 115px));background:#fff;border:1px solid #dfe6ef;border-radius:17px 17px 0 0;box-shadow:0 24px 60px rgba(30,60,105,.2);display:flex;flex-direction:column;overflow:hidden}.composeWrap form:before{content:'Yeni İleti';height:48px;display:flex;align-items:center;padding:0 18px;background:#eef5ff;color:#12233e;font-size:14px;font-weight:750;flex:none}.field{border-bottom:1px solid #e8edf3;display:flex;align-items:center;min-height:47px;padding:0 18px}.field label{width:60px;color:#65738a;font-size:13px}.field input{flex:1;border:0;outline:0;font-size:14px;color:#14233d}.composeWrap textarea{width:100%;flex:1;min-height:220px;border:0;outline:0;resize:none;padding:20px;font:14px/1.7 "Segoe UI",Arial;color:#14233d}.composeFooter{display:flex;align-items:center;gap:9px;padding:12px 16px 16px}.composeFooter .muted{margin-left:auto}.fileLabel{cursor:pointer}.settingsShell{padding:20px;min-height:100%}.settingsHero{display:flex;align-items:center;gap:18px;padding:20px 26px;margin-bottom:14px;border:1px solid #edf1f6;border-radius:18px;background:linear-gradient(135deg,#fff,#fbfdff);box-shadow:0 8px 24px rgba(28,62,112,.04)}.settingsHeroIcon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#edf5ff;color:var(--blue)}.settingsHeroIcon .uiIcon{width:29px;height:29px}.settingsHero h1{margin:0 0 4px;font-size:25px}.settingsHero p{margin:0;color:var(--muted)}.settingsGrid{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid #edf1f6;border-radius:18px;overflow:hidden;background:#fff}.settingsNav{padding:12px;border-right:1px solid var(--line);background:#fbfdff}.settingsNavItem{display:flex;gap:14px;align-items:center;padding:14px 14px;border-radius:12px;color:#15233c;text-decoration:none;margin-bottom:3px}.settingsNavItem.active{background:#e9f3ff;color:var(--blue)}.settingsNavItem b{display:block;margin-bottom:3px}.settingsNavItem small{color:var(--muted)}.settingsMain{padding:24px}.settingsHead{display:flex;align-items:center;gap:13px;margin-bottom:20px}.settingsHead h2{margin:0;font-size:22px}.settingsHead p{margin:3px 0 0;color:var(--muted)}.settingsHead .save{margin-left:auto}.settingCard{border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px}.settingCard h3{margin:0 0 18px;font-size:16px}.settingFields{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px}.settingField label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.settingField select,.settingField input{width:100%;height:42px;border:1px solid #d7e0eb;border-radius:10px;padding:0 12px;background:#fff;color:#15233c}.toggleRows{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}.toggleRow{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#31415b}.switch{width:42px;height:24px;border-radius:20px;background:#bdc9d9;position:relative;flex:none}.switch:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}.switch.on{background:var(--blue)}.switch.on:after{left:21px}.quotaBox{margin:12px 4px 4px;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--line)}.quotaBar{height:8px;background:#e5ebf3;border-radius:10px;overflow:hidden;margin:10px 0}.quotaBar span{display:block;height:100%;width:12%;background:var(--blue);border-radius:10px}.loginPage{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f7f9fc}.loginHero{display:flex;flex-direction:column;justify-content:center;padding:8vw;background:linear-gradient(145deg,#0a5edb,#174ea6 58%,#0c254d);color:#fff;position:relative;overflow:hidden}.loginHero:after{content:'';position:absolute;width:540px;height:540px;border-radius:50%;border:1px solid rgba(255,255,255,.12);right:-170px;bottom:-180px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018)}.loginHeroMark{width:58px;height:58px;border-radius:17px;background:#fff;color:#0b57d0;display:grid;place-items:center;font-size:27px;font-weight:800;margin-bottom:28px}.loginHero h1{font-size:46px;line-height:1.07;letter-spacing:-1.6px;margin:0 0 18px;max-width:540px}.loginHero p{font-size:17px;line-height:1.7;max-width:500px;color:rgba(255,255,255,.82)}.loginSide{display:grid;place-items:center;padding:34px}.loginCard{width:min(440px,100%);background:#fff;border:1px solid #e5eaf1;border-radius:25px;padding:40px;box-shadow:0 22px 60px rgba(34,55,88,.09)}.loginBrand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.loginBrand .logoMark{width:43px;height:43px}.loginCard h2{font-size:29px;letter-spacing:-.6px;margin:0 0 8px}.loginCard>p{color:var(--muted);margin:0 0 28px}.loginField{margin:16px 0}.loginField label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.loginField input{width:100%;height:51px;border:1px solid #cfd8e4;border-radius:12px;padding:0 14px;font-size:15px;outline:0}.loginField input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(17,103,232,.09)}.loginBtn{width:100%;height:49px;border:0;border-radius:13px;background:var(--blue);color:#fff;font-weight:750;cursor:pointer;margin-top:8px}.loginFoot{text-align:center;color:#9aa4b3;font-size:12px;margin-top:24px}.muted{color:var(--muted);font-size:13px}.inlineForm{display:inline}.bulk{display:flex;gap:6px;align-items:center}select{height:38px;border:1px solid #d7e0eb;border-radius:10px;background:#fff;padding:0 11px;color:#31415b}
@media(max-width:1050px){.topbar{grid-template-columns:230px 1fr auto}.app{grid-template-columns:82px 1fr}.sidebar{padding-right:8px}.compose{width:58px;padding:0;justify-content:center}.compose span,.navitem span,.productNote,.quotaBox{display:none}.navitem{width:54px;padding:0;justify-content:center}.settingsGrid{grid-template-columns:220px 1fr}.settingFields{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.topbar{height:auto;grid-template-columns:1fr auto;padding:10px}.search{grid-column:1/-1;grid-row:2}.searchHint{display:none}.app{display:block}.sidebar{display:none}.content{margin:0 8px 8px;border-radius:15px;min-height:calc(100vh - 130px)}.mailrow{grid-template-columns:32px 1fr 88px;grid-template-areas:'star sender date' 'star subject subject';min-height:70px;gap:3px 8px;padding:8px 11px}.mailrow .select{display:none}.mailrow .star{grid-area:star}.mailrow .sender{grid-area:sender}.mailrow .subject{grid-area:subject}.mailrow .date{grid-area:date}.reader{padding:16px}.composeWrap form{position:fixed;inset:0;width:100%;height:100%;border-radius:0;z-index:100}.settingsShell{padding:10px}.settingsGrid{display:block}.settingsNav{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow:auto}.settingsNavItem{min-width:max-content}.settingsNavItem small{display:none}.settingsMain{padding:16px}.settingFields,.toggleRows{grid-template-columns:1fr}.settingsHead{align-items:flex-start;flex-wrap:wrap}.settingsHead .save{margin-left:0}.loginPage{grid-template-columns:1fr}.loginHero{display:none}.loginSide{min-height:100vh;padding:18px}.loginCard{padding:29px 23px}}
/* Reel Mail persistent settings */
html[data-theme="dark"]{--bg:#0f172a;--surface:#111827;--surface-soft:#172033;--text:#e5edf8;--muted:#9aa8bd;--line:#263247;--blue-soft:#14284a;--hover:#1b2940;--shadow:0 12px 34px rgba(0,0,0,.25)}
html[data-theme="dark"] body,html[data-theme="dark"] .topbar{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .content,html[data-theme="dark"] .settingsGrid,html[data-theme="dark"] .settingCard,html[data-theme="dark"] .settingsHero,html[data-theme="dark"] .quotaBox,html[data-theme="dark"] .settingField select,html[data-theme="dark"] .settingField input,html[data-theme="dark"] .settingTextarea,html[data-theme="dark"] .settingInput{background:#111827;color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .settingsNav{background:#0f1929;border-color:var(--line)}
html[data-theme="dark"] .navitem,html[data-theme="dark"] .settingsNavItem{color:#dbe7f7}
html[data-theme="dark"] .navitem:hover,html[data-theme="dark"] .settingsNavItem:hover{background:#18263a}
html[data-theme="dark"] .mailrow{background:#172033;color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .mailrow.unread{background:#111827}
html[data-theme="dark"] .mailrow .subject{color:#dbe7f7}
html[data-theme="dark"] .search{background:#18263a}
html[data-theme="dark"] .search input{color:var(--text)}
html[data-theme="dark"] .composeWrap,html[data-theme="dark"] .composeWrap form{background:#111827;color:var(--text)}
html[data-theme="dark"] .composeWrap textarea,html[data-theme="dark"] .field input{background:#111827;color:var(--text)}
body.density-compact .mailrow{min-height:42px}body.density-compact .navitem{height:38px}body.density-compact .toolbar{height:54px}
body.density-standard .mailrow{min-height:49px}
body.no-unread-bold .mailrow.unread{font-weight:400}
.settingTextarea{width:100%;min-height:120px;border:1px solid #d7e0eb;border-radius:10px;padding:12px;font:14px/1.6 "Segoe UI",Arial;resize:vertical}.settingsPanel{display:none}.settingsPanel.active{display:block}.settingsNavItem{cursor:pointer}.settingsNotice{padding:14px 16px;border:1px solid #dbe7fb;background:#f7faff;border-radius:12px;color:#40516d;font-size:13px;line-height:1.55}.dangerZone{border-color:#f0d2d2}.dangerZone h3{color:#b3261e}

/* Site logo setting */
.logoMark.logoImage{padding:0;overflow:hidden;background:#fff}.logoMark.logoImage img{width:100%;height:100%;object-fit:cover;display:block}.logoUploadRow{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.logoPreview{min-width:300px;display:flex;align-items:center;gap:14px;padding:14px;border:1px dashed var(--line);border-radius:14px;background:var(--surface)}.logoPreview>img,.logoPreview>.logoMark{width:52px;height:52px;border-radius:14px;object-fit:cover;flex:none}.logoPreview b{display:block;font-size:16px}.logoPreview small{display:block;color:var(--muted);margin-top:4px}.logoUploadBtn{cursor:pointer}.senderProfile{display:flex;align-items:center;gap:12px;margin:0 0 18px}.senderProfileLogo{width:46px;height:46px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;overflow:hidden;flex:none}.senderProfileLogo img{width:100%;height:100%;object-fit:cover;display:block}.senderProfile>div:last-child{min-width:0}.senderProfile b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.senderProfile small{display:block;color:var(--muted);margin-top:3px}
[data-theme="dark"] .logoPreview{background:#101a2d}


/* Professional compose */
.composePage{padding:28px;max-width:1120px;margin:0 auto}.composePageHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:2px 0 18px}.composeEyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:1.7px;color:var(--blue);margin-bottom:7px}.composePageHead h1{font-size:28px;letter-spacing:-.6px;margin:0 0 6px}.composePageHead p{margin:0;color:var(--muted);font-size:14px}.composeClose{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;text-decoration:none;color:var(--muted);font-size:25px;background:var(--surface);transition:.18s}.composeClose:hover{color:var(--text);background:var(--hover)}.composePro{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.composeRecipients{padding:7px 22px 0}.composeLine{min-height:58px;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;border-bottom:1px solid var(--line);gap:8px}.composeLine label{font-size:13px;font-weight:750;color:var(--muted)}.composeLine input{width:100%;height:48px;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;font-size:14px;box-shadow:none!important}.composeLine input::placeholder{color:#94a0b3}.recipientActions{display:flex;gap:5px}.textAction,.removeRecipient{border:0;background:transparent;color:var(--blue);font-weight:750;cursor:pointer;padding:8px;border-radius:8px}.textAction:hover,.removeRecipient:hover{background:var(--blue-soft)}.optionalRecipient{display:none}.optionalRecipient.show{display:grid}.removeRecipient{font-size:19px;color:var(--muted)}.subjectLine{grid-template-columns:68px minmax(0,1fr) auto}.subjectCount{font-size:11px;color:var(--muted);white-space:nowrap}.composeEditor{margin:18px 22px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--surface)}.editorBar{min-height:48px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.editorIdentity{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:12px}.editorIdentity span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusDot{width:8px;height:8px;border-radius:50%;background:#23a55a;box-shadow:0 0 0 3px rgba(35,165,90,.12)}.editorTools{display:flex;gap:4px}.editorTools button{height:31px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;padding:0 9px}.editorTools button:hover{background:var(--hover);color:var(--text)}.composeEditor textarea{width:100%;min-height:330px;border:0!important;outline:0!important;resize:vertical;background:var(--surface)!important;color:var(--text)!important;padding:22px;font:14px/1.75 "Segoe UI",Arial;box-shadow:none!important}.editorMeta{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.attachmentPanel{margin:0 22px 18px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--surface-soft)}.attachmentTitle{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.attachmentTitle b{font-size:13px}.attachmentTitle span{font-size:11px;color:var(--muted)}.attachmentList{display:grid;gap:7px}.attachmentItem{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.attachmentIcon{width:30px;height:30px;display:grid;place-items:center;background:var(--blue-soft);border-radius:8px}.attachmentName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.attachmentSize{font-size:11px;color:var(--muted)}.composeBottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;border-top:1px solid var(--line);background:var(--surface-soft)}.composePrimaryActions{display:flex;align-items:center;gap:9px}.sendPro,.attachPro,.draftPro,.discardPro{height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;font-weight:750;font-size:13px;text-decoration:none;cursor:pointer}.sendPro{border:0;background:var(--blue);color:#fff;min-width:116px;box-shadow:0 5px 14px rgba(17,103,232,.18)}.sendPro:hover{filter:brightness(.96)}.sendArrow{font-size:12px}.attachPro,.draftPro,.discardPro{border:1px solid var(--line);background:var(--surface);color:var(--text)}.attachPro:hover,.draftPro:hover,.discardPro:hover{background:var(--hover)}.discardPro{color:var(--muted)}
html[data-theme="dark"] .composePro,html[data-theme="dark"] .composeEditor,html[data-theme="dark"] .composeEditor textarea,html[data-theme="dark"] .composeLine input{background:#111827;color:var(--text)}
@media(max-width:700px){.composePage{padding:10px}.composePageHead{padding:8px 4px}.composePageHead p{display:none}.composePro{border-radius:15px}.composeRecipients{padding:4px 13px 0}.composeLine{grid-template-columns:52px minmax(0,1fr) auto}.subjectLine{grid-template-columns:52px minmax(0,1fr)}.subjectCount{display:none}.composeEditor{margin:12px}.composeEditor textarea{min-height:300px;padding:16px}.editorIdentity{display:none}.editorBar{justify-content:flex-end}.composeBottom{padding:12px;align-items:stretch}.composePrimaryActions{flex:1}.sendPro{flex:1}.attachPro span,.draftPro span,.discardPro span{display:none}.attachPro,.draftPro,.discardPro{width:42px;padding:0}.attachmentPanel{margin:0 12px 12px}}

/* Okunma durumu: okunmamis iletiler belirgin, okunmus iletiler normal */
.mailrow .sender,
.mailrow .subject,
.mailrow .preview{font-weight:400}
.mailrow.unread .sender,
.mailrow.unread .subject,
.mailrow.unread .preview{font-weight:700}
.mailrow .date{font-weight:400}
body.no-unread-bold .mailrow.unread .sender,
body.no-unread-bold .mailrow.unread .subject,
body.no-unread-bold .mailrow.unread .preview{font-weight:400}


/* Reel Ajans sabit marka + müşteri hesap logosu */
.agencyBrand{gap:9px}.agencyBrandLogo{width:54px;height:42px;object-fit:contain;display:block;flex:none}.accountLogo{overflow:hidden;padding:0}.accountLogo img{width:100%;height:100%;object-fit:cover;display:block}.accountLogo span{width:100%;height:100%;display:grid;place-items:center}
@media(max-width:900px){.agencyBrandLogo{width:46px;height:36px}}


/* Professional mail reader action toolbar */
.readerActionBar{position:sticky;top:76px;z-index:18;display:flex;align-items:center;justify-content:flex-end;gap:3px;min-height:68px;margin:-26px -38px 22px;padding:8px 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px)}
.readerAction,.readerActionForm .readerAction{appearance:none;border:0;background:transparent;color:var(--text);min-width:62px;height:52px;padding:5px 8px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font:600 11px "Segoe UI",Arial;cursor:pointer;white-space:nowrap;transition:.15s}
.readerAction:hover,.readerMore[open]>summary{background:var(--hover);color:var(--blue)}
.readerAction.danger:hover{background:#fff0f0;color:#c62828}
.readerActionIcon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.readerActionDivider{width:1px;height:34px;background:var(--line);margin:0 6px}
.readerActionForm{margin:0;display:block}
.readerMore{position:relative}.readerMore summary{list-style:none}.readerMore summary::-webkit-details-marker{display:none}
.readerMoreMenu{position:absolute;right:0;top:58px;width:220px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 38px rgba(20,45,80,.16);z-index:30}
.readerMoreMenu form{margin:0}.readerMoreMenu button,.readerMoreMenu a{width:100%;min-height:40px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--text);display:flex;align-items:center;text-decoration:none;font:500 13px "Segoe UI",Arial;cursor:pointer;text-align:left}
.readerMoreMenu button:hover,.readerMoreMenu a:hover{background:var(--hover)}
@media(max-width:900px){.readerActionBar{justify-content:flex-start;overflow-x:auto;margin:-26px -38px 18px;padding-left:14px}.readerAction{min-width:58px}.readerAction span{font-size:10px}}
@media(max-width:700px){.readerActionBar{top:0;margin:-16px -16px 16px}.readerActionDivider{display:none}}

/* Reader polish v2 */
.reader{padding:0 34px 48px;max-width:none}
.readerHeader{display:flex;align-items:center;gap:14px;padding:22px 4px 15px;border-bottom:1px solid var(--line)}
.readerBack{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--text);text-decoration:none;font-size:24px;flex:none}.readerBack:hover{background:var(--hover)}
.readerTitleBlock{min-width:0}.readerEyebrow{display:block;margin-bottom:3px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--blue)}
.reader .readerHeader h1{margin:0;font-size:24px;line-height:1.25;font-weight:700;overflow-wrap:anywhere}
.readerActionBar{position:sticky;top:76px;z-index:18;justify-content:flex-start;min-height:58px;margin:0;padding:7px 2px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(14px)}
.readerAction,.readerActionForm .readerAction{min-width:auto;height:42px;padding:0 11px;flex-direction:row;gap:7px;border-radius:10px;font-size:12px;font-weight:650}
.readerActionIcon{width:18px;height:18px}.readerActionDivider{height:26px;margin:0 4px}.readerMoreMenu{top:48px}
.senderProfile{margin:24px 4px 12px;padding:0}.senderProfileLogo{width:44px;height:44px;border-radius:50%}.senderProfile b{font-size:14px}.senderProfile small{font-size:12px}
.reader .meta{margin:0 0 22px;padding:13px 16px;border-radius:13px;background:var(--surface-soft);line-height:1.65}
.reader .mailbody{padding:12px 8px 30px;font-size:15px;line-height:1.72}
@media(max-width:900px){.reader{padding:0 20px 36px}.readerActionBar{margin:0;overflow-x:auto}.readerAction{white-space:nowrap}.readerAction span{font-size:11px}}
@media(max-width:700px){.reader{padding:0 14px 28px}.readerHeader{padding-top:14px}.reader .readerHeader h1{font-size:20px}.readerActionBar{top:0}.readerAction span{display:none}.readerAction,.readerActionForm .readerAction{width:40px;padding:0;justify-content:center}.readerActionDivider{display:block}.senderProfile{margin-top:18px}}
/* Final product features */
.mailrow{cursor:pointer}.bulk{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.bulkSelect{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.bulk select,.filterBuilder select,.filterBuilder input,.inlineManage input{height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:0 11px;outline:none}.activeFilter{border-color:var(--blue)!important;color:var(--blue)!important;background:var(--blue-soft)!important}.managePage{padding:28px;max-width:1100px}.manageHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.manageHead h1{margin:5px 0 6px;font-size:27px}.manageHead p{margin:0;color:var(--muted)}.inlineManage,.filterBuilder{display:flex;gap:10px;flex-wrap:wrap}.inlineManage input,.filterBuilder input{min-width:240px;flex:1}.folderList{display:grid;gap:8px}.folderManageRow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.folderManageRow form{margin:0}.folderManageRow small{color:var(--muted)}.filterBuilder select{min-width:170px}
body.sidebarCollapsed .app{grid-template-columns:84px minmax(0,1fr)}body.sidebarCollapsed .sidebar{padding-left:10px;padding-right:10px}body.sidebarCollapsed .compose{width:58px;padding:0;justify-content:center}body.sidebarCollapsed .compose span,body.sidebarCollapsed .navitem span,body.sidebarCollapsed .productNote{display:none}body.sidebarCollapsed .navitem{justify-content:center;padding:0}.senderProfile{display:flex;align-items:center;gap:12px}.senderProfileLogo{display:grid;place-items:center;overflow:hidden;background:var(--blue-soft);color:var(--blue);font-weight:800}.senderProfileLogo img{width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.managePage{padding:16px}.manageHead{flex-direction:column}.filterBuilder>*{width:100%}.toolbar{height:auto;min-height:62px;padding-top:8px;padding-bottom:8px}.toolbar .right{display:none}}
.folderActions,.renameForm{display:flex;align-items:center;gap:7px}.renameForm input{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:var(--surface);color:var(--text);max-width:150px}
/* Professional attachment composer */
.attachmentDrop{margin:0 22px 18px;min-height:66px;border:1.5px dashed #b9cceb;border-radius:14px;background:var(--surface-soft);display:flex;align-items:center;gap:14px;padding:11px 14px;color:var(--muted);transition:.15s}.attachmentDrop.dragging{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 4px rgba(17,103,232,.08)}.attachDropButton{height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:11px;background:var(--blue-soft);color:var(--blue);cursor:pointer;white-space:nowrap}.attachmentDrop>span{font-size:12px}.proAttachments{background:transparent}.attachmentTitle>div{display:flex;align-items:center;gap:9px}.attachmentTitle small{font-size:11px;color:var(--muted);font-weight:500}.proAttachmentList{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.proAttachmentItem{grid-template-columns:46px minmax(0,1fr) auto;padding:8px 9px;border-radius:12px;min-height:58px}.attachmentThumb{width:44px;height:44px;border-radius:9px;background:var(--blue-soft);display:grid;place-items:center;overflow:hidden;font-size:21px}.attachmentThumb img{width:100%;height:100%;object-fit:cover}.attachmentInfo{min-width:0;display:flex;flex-direction:column;gap:4px}.attachmentInfo b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachmentInfo span{font-size:10px;color:var(--muted)}.attachmentActions{display:flex;align-items:center;gap:2px}.attachmentActions button{width:31px;height:31px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:15px}.attachmentActions button:hover{background:var(--hover);color:var(--text)}.attachmentActions .removeAttachment{font-size:20px}.attachmentActions .removeAttachment:hover{background:#fff0f0;color:#c62828}html[data-theme="dark"] .attachmentDrop{border-color:#33445e;background:#0f1725}html[data-theme="dark"] .attachDropButton{background:#152c4d}.composePrimaryActions .attachPro{cursor:pointer}@media(max-width:850px){.proAttachmentList{grid-template-columns:1fr}.attachmentDrop>span{display:none}}@media(max-width:700px){.attachmentDrop{margin:0 12px 12px}.attachDropButton{width:100%;justify-content:center}.attachmentActions button:nth-child(2){display:none}}

/* Responsive isolation for third-party HTML e-mails */
.reader .mailbody{display:block;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;contain:inline-size;overflow-wrap:anywhere;word-break:break-word}
.reader .mailbody *{max-width:100% !important;box-sizing:border-box}
.reader .mailbody table{width:auto !important;max-width:100% !important;border-collapse:collapse;table-layout:auto}
.reader .mailbody td,.reader .mailbody th{max-width:100% !important;overflow-wrap:anywhere;word-break:break-word}
.reader .mailbody img{max-width:100% !important;height:auto !important;object-fit:contain}
.reader .mailbody a{overflow-wrap:anywhere;word-break:break-word}
.reader .mailbody pre,.reader .mailbody code{white-space:pre-wrap;overflow-wrap:anywhere}

.readerAction.notSpam{color:#0b57d0}.readerAction.notSpam:hover{background:#e8f0fe;color:#0842a0}
body.theme-dark .readerAction.notSpam:hover{background:rgba(26,115,232,.16);color:#8ab4f8}

/* Final reader utilities */
.readerMoreMenuWide{width:290px;max-height:70vh;overflow:auto}.readerMenuGroup{padding:8px;border-top:1px solid var(--line)}.readerMenuGroup>b{display:block;padding:4px 4px 7px;font-size:11px;color:var(--muted)}.readerMenuGroup form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.readerMenuGroup select{min-width:0;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 8px}.readerMenuGroup form button{width:auto!important;min-height:36px!important;background:var(--blue-soft)!important;color:var(--blue)!important}.mailDetails{margin:0 0 18px}.mailDetails>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;padding:0 4px}.mailDetails>summary::-webkit-details-marker{display:none}.mailDetails>summary span{color:var(--muted);margin-left:auto}.mailDetails .meta{margin-top:10px!important}
@media print{.topbar,.sidebar,.readerActionBar,.readerBack,.mailDetails summary,.card .actions{display:none!important}.app{display:block!important}.content{margin:0!important;border:0!important;box-shadow:none!important}.reader{padding:0!important}.mailDetails{display:block!important}.mailDetails .meta{display:block!important}}

/* Final product polish */
.richMessage{min-height:360px;padding:24px 28px;outline:0;font-size:15px;line-height:1.7;color:var(--text,#202124);overflow:auto;background:var(--surface,#fff)}
.richMessage:empty:before{content:attr(data-placeholder);color:#9aa0a6;pointer-events:none}.richMessage a{color:#0b57d0;text-decoration:underline}.richMessage ul,.richMessage ol{padding-left:24px}.richTools{display:flex;gap:5px;flex-wrap:wrap}.richTools button{min-width:34px;height:32px;border:0;border-radius:7px;background:transparent;cursor:pointer}.richTools button:hover{background:rgba(60,64,67,.09)}
.senderManageGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.senderManageList{display:grid;gap:8px;margin-top:16px}.senderManageRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line,#e4e7ec);border-radius:10px}.senderManageRow span{overflow:hidden;text-overflow:ellipsis}.emptyMini{padding:18px;border:1px dashed var(--line,#dfe3e8);border-radius:10px;color:#7b8189;text-align:center}
.isLoading{opacity:.75;cursor:wait!important}.miniSpinner{display:inline-block;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:reelSpin .65s linear infinite;vertical-align:-2px}@keyframes reelSpin{to{transform:rotate(360deg)}}.flash{transition:.25s ease}.flashHide{opacity:0;transform:translateY(-5px)}
@media(max-width:850px){.senderManageGrid{grid-template-columns:1fr}.richMessage{min-height:300px;padding:18px}.richTools{overflow-x:auto;flex-wrap:nowrap}.richTools button{flex:0 0 auto}}

/* Mobile app + final responsive polish */
.mobileBackdrop{display:none}
.pwaInstall{display:none}
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:hidden}
 body{padding-bottom:env(safe-area-inset-bottom)}
 .topbar{position:sticky;top:0;z-index:90;padding-top:max(10px,env(safe-area-inset-top));background:var(--bg)}
 .brand{min-width:0}.agencyBrandLogo{width:42px!important;height:32px!important}.logo{font-size:20px}.round{width:40px;height:40px}
 .search{height:46px}.account .topAction{display:none}
 .app{min-height:calc(100dvh - 118px)}
 .sidebar{display:flex;position:fixed;z-index:120;left:0;top:0;bottom:0;width:min(84vw,310px);height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:20px 0 50px rgba(10,30,60,.18);transform:translateX(-105%);transition:transform .22s ease}
 body.mobileNavOpen .sidebar{transform:translateX(0)}
 body.mobileNavOpen .mobileBackdrop{display:block;position:fixed;inset:0;z-index:110;background:rgba(5,18,38,.38);backdrop-filter:blur(2px)}
 .sidebar .compose{width:100%;height:54px;margin-bottom:14px}.sidebar .compose span,.sidebar .navitem span,.sidebar .productNote{display:inline}.sidebar .navitem{width:100%;height:46px;justify-content:flex-start;padding:0 17px}.sidebarBottom{margin-top:auto}
 .content{margin:0;border:0;border-radius:0;box-shadow:none;min-height:calc(100dvh - 118px)}
 .composePage{padding:0;max-width:none}.composePageHead{padding:16px 15px 10px;margin:0}.composePageHead h1{font-size:23px}.composeClose{width:38px;height:38px}
 .composePro{border:0;border-radius:0;box-shadow:none}.composeRecipients{padding:0 14px}.composeLine{min-height:54px;grid-template-columns:48px minmax(0,1fr) auto}.subjectLine{grid-template-columns:48px minmax(0,1fr)}
 .composeEditor{margin:10px 12px 92px;border-radius:13px}.editorBar{padding:6px 8px;min-height:46px;overflow:hidden}.richTools{width:100%;overflow-x:auto;scrollbar-width:none;gap:3px}.richTools::-webkit-scrollbar{display:none}.richTools button{min-width:38px;height:36px;padding:0 8px;background:var(--surface)}
 .richMessage{min-height:42dvh;padding:17px 16px;font-size:16px;line-height:1.65}.editorMeta{padding:8px 12px}
 .attachmentPanel,.attachmentDrop{margin-left:12px;margin-right:12px}.attachmentDrop{margin-bottom:92px}
 .composeBottom{position:fixed;z-index:80;left:0;right:0;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);box-shadow:0 -8px 25px rgba(20,45,80,.08)}
 .composePrimaryActions{width:100%}.sendPro{flex:1;min-width:0;height:46px}.attachPro,.draftPro,.discardPro{width:46px;height:46px;padding:0}.attachPro span,.draftPro span,.discardPro span{display:none}
 .settingsShell{padding:8px}.settingsHero{padding:15px;margin-bottom:8px}.settingsGrid{border-radius:14px}.settingsNav{position:sticky;top:116px;z-index:20;background:var(--surface);padding:7px}.settingsNavItem{padding:10px 12px}.settingsMain{padding:12px}.settingCard{padding:15px;border-radius:13px}.settingsHead .save{width:100%}
 .reader{padding:0 12px 28px}.readerActionBar{position:sticky;top:112px;z-index:25;background:var(--surface);box-shadow:0 5px 12px rgba(20,45,80,.05)}
 .mailbody{font-size:15px}.mailrow{border-radius:0}
}
@media(display-mode:standalone){.topbar{padding-top:max(10px,env(safe-area-inset-top))}.productNote:after{content:' · UYGULAMA';}}

/* Professional login final */
.loginFinal{min-height:100dvh;display:grid;grid-template-columns:minmax(520px,1.12fr) minmax(520px,.88fr);background:#f5f8fc;overflow:hidden}.loginFinal .loginHero{position:relative;display:flex;align-items:center;padding:clamp(56px,7vw,120px);color:#fff;background:linear-gradient(145deg,#0867e8 0%,#145dc4 46%,#123a79 100%);overflow:hidden}.loginHeroInner{position:relative;z-index:2;max-width:680px}.loginAgencyLogo{width:128px;height:64px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);margin-bottom:40px}.loginHeroBadge{width:max-content;display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);font-size:12px;font-weight:700;margin-bottom:24px}.loginHeroBadge span{width:8px;height:8px;border-radius:50%;background:#66e5a3;box-shadow:0 0 0 4px rgba(102,229,163,.14)}.loginFinal .loginHero h1{font-size:clamp(44px,4.1vw,70px);line-height:1.03;letter-spacing:-2.6px;margin:0 0 28px;font-weight:780}.loginFinal .loginHero p{max-width:620px;margin:0;color:rgba(255,255,255,.82);font-size:18px;line-height:1.75}.loginFeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}.loginFeatures>div{padding:17px 18px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.loginFeatures b,.loginFeatures span{display:block}.loginFeatures b{font-size:14px;margin-bottom:5px}.loginFeatures span{font-size:11px;color:rgba(255,255,255,.7)}.loginGlow{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.loginGlowOne{width:650px;height:650px;right:-210px;bottom:-330px}.loginGlowTwo{width:420px;height:420px;right:-65px;bottom:-205px}.loginFinal .loginSide{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px;background:radial-gradient(circle at 50% 42%,#fff 0,#f8fbff 48%,#f2f6fb 100%)}.loginFinal .loginCard{width:min(100%,510px);padding:42px 44px 34px;border:1px solid #e4eaf2;border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 28px 70px rgba(26,55,95,.13)}.loginFinal .loginBrand{display:flex;align-items:center;gap:11px;margin-bottom:36px}.loginFinal .loginBrand .logoMark{width:46px;height:46px;border-radius:14px}.loginFinal .loginBrand .logoText{font-size:18px}.loginWelcome{margin-bottom:28px}.loginEyebrow{display:block;margin-bottom:9px;color:#0d66e7;font-size:10px;font-weight:850;letter-spacing:1.7px}.loginFinal .loginCard h2{margin:0 0 9px;font-size:34px;line-height:1.12;letter-spacing:-1.1px}.loginFinal .loginCard p{margin:0;color:#728097;font-size:14px;line-height:1.6}.loginFinal .loginField{display:block;padding:0;border:0;margin-bottom:18px}.loginFinal .loginField label{display:block;width:auto;margin-bottom:8px;color:#17243a;font-size:12px;font-weight:750}.loginLabelRow{display:flex;align-items:center;justify-content:space-between}.capsWarning{display:none;margin-bottom:8px;color:#b55b00;font-size:10px;font-weight:700}.capsWarning.on{display:block}.loginInputWrap{height:54px;display:flex;align-items:center;border:1px solid #d7e0ec;border-radius:13px;background:#f9fbfe;transition:.16s}.loginInputWrap:focus-within{border-color:#1970ea;background:#fff;box-shadow:0 0 0 4px rgba(25,112,234,.11)}.loginInputWrap>svg{width:19px;height:19px;margin-left:16px;fill:none;stroke:#78869b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.loginFinal .loginField input{min-width:0;height:52px;padding:0 13px;border:0;outline:0;background:transparent;color:#101d32;font-size:14px}.passwordToggle{width:48px;height:52px;border:0;background:transparent;display:grid;place-items:center;color:#718097;cursor:pointer}.passwordToggle svg{grid-area:1/1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.passwordToggle .eyeClosed,.passwordToggle.showing .eyeOpen{display:none}.passwordToggle.showing .eyeClosed{display:block}.loginFinal .loginBtn{width:100%;height:54px;margin-top:5px;border:0;border-radius:13px;background:linear-gradient(135deg,#0871f5,#1162dc);color:#fff;font-size:14px;font-weight:780;cursor:pointer;box-shadow:0 10px 24px rgba(17,103,232,.2);transition:.16s}.loginFinal .loginBtn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(17,103,232,.25)}.loginBtnLoading{display:none;align-items:center;justify-content:center;gap:9px}.loginBtnLoading i{width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:reelSpin .7s linear infinite}.loginBtn.loading .loginBtnText{display:none}.loginBtn.loading .loginBtnLoading{display:flex}.loginBtn:disabled{cursor:wait;transform:none}.loginAlert{margin:0 0 20px!important;border:1px solid #ffd3d3;font-size:12px}.loginSecure{display:flex;align-items:flex-start;gap:9px;margin-top:20px;padding:12px 13px;border-radius:11px;background:#f5f8fc;color:#718097;font-size:11px;line-height:1.45}.loginSecure svg{width:17px;height:17px;flex:none;fill:none;stroke:#168054;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.loginFoot{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:25px;color:#9aa5b5;font-size:10px}.loginFoot i{width:3px;height:3px;border-radius:50%;background:#b9c2cf}.loginSideFoot{margin-top:20px;color:#a0aabb;font-size:10px}.loginMobileBrand{display:none}
@media(max-width:1050px){.loginFinal{grid-template-columns:1fr 1fr}.loginFinal .loginHero{padding:55px}.loginFinal .loginHero h1{font-size:46px}.loginFeatures{grid-template-columns:1fr}.loginFeatures>div:nth-child(3){display:none}.loginFinal .loginSide{padding:28px}.loginFinal .loginCard{padding:36px}}
@media(max-width:760px){.loginFinal{display:block;min-height:100dvh;background:linear-gradient(180deg,#edf5ff 0,#f7faff 42%,#fff 100%);overflow:auto}.loginFinal .loginHero{display:none}.loginFinal .loginSide{min-height:100dvh;justify-content:flex-start;padding:max(22px,env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));background:transparent}.loginMobileBrand{width:min(100%,500px);display:flex;align-items:center;gap:10px;margin:4px auto 24px;padding:0 5px;color:#0b1833;font-size:18px}.loginMobileBrand img{width:52px;height:34px;object-fit:contain}.loginFinal .loginCard{width:min(100%,500px);padding:28px 22px 24px;border-radius:22px;box-shadow:0 18px 45px rgba(26,55,95,.1)}.loginFinal .loginBrand{display:none}.loginWelcome{margin-bottom:25px}.loginFinal .loginCard h2{font-size:29px}.loginInputWrap,.loginFinal .loginBtn{height:56px}.loginFinal .loginField input,.passwordToggle{height:54px;font-size:16px}.loginSideFoot{margin:18px 0 0}.loginSecure{font-size:10px}}
@media(max-width:380px){.loginFinal .loginSide{padding-left:10px;padding-right:10px}.loginFinal .loginCard{padding:24px 17px}.loginFinal .loginCard h2{font-size:26px}}

/* Reel Mail mobile final overrides */
html{overflow-x:hidden} body{overflow-x:hidden}.mobileBackdrop{display:none}
.loginFinal .loginInputWrap>svg,.loginFinal .loginSecure>svg{max-width:20px!important;max-height:20px!important;min-width:17px!important;min-height:17px!important}.loginFinal .loginInputWrap{overflow:hidden}.loginFinal .loginField input{width:100%}.passwordToggle{display:none!important}
@media(max-width:900px){
 .topbar{grid-template-columns:auto minmax(0,1fr) auto;height:64px;padding:7px 10px;gap:8px}.brand{min-width:0}.agencyBrandLogo{width:34px!important;height:34px!important;object-fit:contain}.logoText{font-size:19px}.search{height:44px;min-width:0}.search input{font-size:14px}.searchHint,.topAction{display:none}.avatar{width:38px;height:38px}.app{display:block;min-height:calc(100dvh - 64px)}
 .sidebar{position:fixed;z-index:100;left:0;top:64px;width:min(84vw,310px);height:calc(100dvh - 64px);padding:12px 14px 18px;background:var(--bg);transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px rgba(15,38,75,.18);overflow-y:auto}.mobileNavOpen .sidebar{transform:none}.mobileBackdrop{position:fixed;display:block;z-index:90;inset:64px 0 0;background:rgba(5,20,45,.34);opacity:0;visibility:hidden;transition:.2s}.mobileNavOpen .mobileBackdrop{opacity:1;visibility:visible}.compose{width:100%;margin-bottom:12px}.content{margin:0;border:0;border-radius:0;box-shadow:none;min-height:calc(100dvh - 64px);overflow:visible}.toolbar{height:54px;padding:0 10px;overflow-x:auto;white-space:nowrap}.section{height:48px;padding:0 14px}.section:after{left:12px;width:120px}
 .mailrow{grid-template-columns:32px 30px minmax(0,1fr) 70px;grid-template-areas:'check star sender date' 'check star subject subject';gap:1px 5px;min-height:70px;padding:8px 10px}.mailrow .select{grid-area:check}.mailrow .starForm{grid-area:star}.mailrow .sender{grid-area:sender;padding:0;min-width:0}.mailrow .subject{grid-area:subject;min-width:0;font-size:13px}.mailrow .date{grid-area:date;font-size:11px}.mailrow .preview{display:none}
 .reader{padding:14px 14px 34px;max-width:none}.readerTop{overflow-x:auto;white-space:nowrap;padding-bottom:4px}.reader h1{font-size:22px;margin:15px 0}.meta{padding:13px 14px;margin-bottom:18px}.mailbody{padding:0;font-size:14px;overflow-x:auto}.mailbody img{height:auto!important}.mailbody table{width:100%!important;max-width:100%!important}.actions{gap:7px;margin-top:22px}.btn{min-height:42px;padding:0 13px}
 .settingsShell{padding:10px}.settingsHero{padding:15px;border-radius:14px}.settingsHeroIcon{width:44px;height:44px}.settingsHero h1{font-size:21px}.settingsHero p{font-size:12px}.settingsGrid{display:block;border-radius:14px}.settingsNav{display:flex;gap:7px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:9px;scrollbar-width:none}.settingsNav::-webkit-scrollbar{display:none}.settingsNavItem{min-width:max-content;margin:0;padding:10px 12px}.settingsNavItem small{display:none}.settingsMain{padding:14px}.settingsHead{align-items:flex-start;flex-wrap:wrap}.settingsHead .save{width:100%;margin:4px 0 0}.settingCard{padding:14px}.settingFields,.toggleRows{grid-template-columns:1fr}.toggleRow{min-height:42px}
 .composeWrap{min-height:calc(100dvh - 64px)}.composeWrap form{position:relative;inset:auto;width:100%;height:calc(100dvh - 64px);border:0;border-radius:0;box-shadow:none}.composeWrap form:before{height:46px}.field{padding:0 12px}.field label{width:48px}.composeFooter{position:sticky;bottom:0;z-index:8;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);overflow-x:auto}.composeFooter .btn.primary{min-width:92px}.editorToolbar{overflow-x:auto!important;white-space:nowrap!important;flex-wrap:nowrap!important}.editorToolbar button{flex:0 0 auto}.attachmentGrid,.attachmentList{grid-template-columns:1fr!important}
}
@media(max-width:600px){
 .topbar{grid-template-columns:auto 1fr auto}.topbar .logoText{display:none}.search{padding:0 12px}.search input::placeholder{font-size:13px}.round{width:38px;height:38px}.account{gap:0}
 .loginFinal{display:block!important;width:100%!important;min-height:100dvh!important;overflow-x:hidden!important}.loginFinal .loginHero{display:none!important}.loginFinal .loginSide{width:100%!important;min-height:100dvh!important;padding:max(18px,env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))!important;justify-content:flex-start!important}.loginMobileBrand{display:flex!important;width:100%!important;max-width:460px!important;margin:0 auto 18px!important}.loginFinal .loginCard{width:100%!important;max-width:460px!important;margin:0 auto!important;padding:24px 18px 22px!important;border-radius:20px!important}.loginFinal .loginCard h2{font-size:27px!important}.loginFinal .loginField{margin-bottom:16px!important}.loginFinal .loginInputWrap{width:100%!important;height:54px!important}.loginFinal .loginInputWrap>svg{width:18px!important;height:18px!important;margin-left:14px!important}.loginFinal .loginField input{height:52px!important;font-size:16px!important;padding:0 12px!important}.loginFinal .loginSecure>svg{width:17px!important;height:17px!important}.loginSideFoot{text-align:center}.loginFeatures{display:none!important}
}
@media(max-width:420px){.search{max-width:210px}.reader{padding-left:10px;padding-right:10px}.settingsShell{padding:6px}.loginFinal .loginSide{padding-left:10px!important;padding-right:10px!important}.loginFinal .loginCard{padding:22px 15px!important}.loginMobileBrand img{width:46px!important}.loginFinal .loginCard h2{font-size:25px!important}}

/* === Reel Mail mobile app layout v3 === */
@media (max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{background:var(--surface)}
  .topbar{height:116px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:52px 48px!important;gap:6px 8px!important;padding:max(6px,env(safe-area-inset-top)) 10px 6px!important;background:var(--bg)!important}
  .brand{grid-column:1/3;grid-row:1;min-width:0!important;gap:7px!important}
  .brand .round{width:40px!important;height:40px!important;flex:none}
  .agencyBrand{min-width:0!important;gap:7px!important}.agencyBrandLogo{width:40px!important;height:30px!important;flex:none}.logoText{display:inline!important;font-size:19px!important;white-space:nowrap}
  .account{grid-column:3;grid-row:1}.account .topAction{display:none!important}.avatar{width:38px!important;height:38px!important;box-shadow:none!important}
  .search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;height:44px!important;margin:0!important;padding:0 13px!important;border-radius:14px!important;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important}
  .search .uiIcon{width:18px;height:18px;flex:none}.search input{min-width:0!important;font-size:16px!important}.searchHint{display:none!important}
  .app{display:block!important;min-height:calc(100dvh - 116px)!important}
  .content{width:100%!important;min-width:0!important;min-height:calc(100dvh - 116px)!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
  .sidebar{display:flex!important;position:fixed!important;z-index:130!important;left:0!important;top:0!important;bottom:0!important;width:min(86vw,320px)!important;height:100dvh!important;padding:calc(18px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom))!important;background:var(--surface)!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;overflow-y:auto!important;box-shadow:18px 0 45px rgba(15,38,75,.2)!important}
  body.mobileNavOpen .sidebar{transform:translateX(0)!important}
  .mobileBackdrop{display:block!important;position:fixed!important;z-index:120!important;inset:0!important;background:rgba(5,20,45,.38)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.2s!important}
  body.mobileNavOpen .mobileBackdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .sidebar .compose{width:100%!important;height:54px!important;margin:0 0 12px!important;padding:0 18px!important;justify-content:flex-start!important}.sidebar .compose span,.sidebar .navitem span,.sidebar .productNote{display:inline!important}.sidebar .navitem{width:100%!important;height:46px!important;justify-content:flex-start!important;padding:0 17px!important}
  .toolbar{min-height:50px!important;height:auto!important;padding:6px 10px!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar .right{display:none!important}.toolbar .bulk{flex-wrap:nowrap!important;min-width:max-content}.toolbar select{height:38px!important}
  .section{height:45px!important;padding:0 14px!important;font-size:13px!important}.section:after{left:12px!important;width:95px!important}
  .mailrow{display:grid!important;grid-template-columns:34px minmax(0,1fr) 68px!important;grid-template-rows:23px 25px!important;grid-template-areas:'star sender date' 'star subject subject'!important;column-gap:7px!important;row-gap:1px!important;min-height:66px!important;padding:8px 11px!important;border-bottom:1px solid var(--line)!important;align-items:center!important}
  .mailrow .select{display:none!important}.mailrow .star{grid-area:star!important;align-self:start!important}.mailrow .starBtn{width:32px!important;height:32px!important;font-size:20px!important}.mailrow .sender{grid-area:sender!important;min-width:0!important;padding:0!important;font-size:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mailrow .subject{grid-area:subject!important;min-width:0!important;padding:0!important;font-size:13px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mailrow .date{grid-area:date!important;text-align:right!important;font-size:10.5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mailrow .preview{display:none!important}
  .reader{width:100%!important;max-width:none!important;padding:10px 12px 28px!important}.readerActionBar,.readerTop{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none}.readerActionBar::-webkit-scrollbar,.readerTop::-webkit-scrollbar{display:none}.reader h1{font-size:21px!important;line-height:1.25!important;margin:13px 0!important;overflow-wrap:anywhere}.meta{padding:12px!important;margin-bottom:16px!important}.mailbody{width:100%!important;max-width:100%!important;padding:0!important;font-size:14px!important;overflow-x:auto!important}.mailbody img{max-width:100%!important;height:auto!important}.mailbody table{max-width:100%!important}
  .composePage{padding:0!important;max-width:none!important}.composePageHead{padding:13px 12px 8px!important}.composePageHead h1{font-size:22px!important}.composePro{border:0!important;border-radius:0!important;box-shadow:none!important}.composeRecipients{padding:0 10px!important}.composeLine{grid-template-columns:44px minmax(0,1fr) auto!important;min-height:52px!important}.subjectLine{grid-template-columns:44px minmax(0,1fr)!important}.composeEditor{margin:8px 10px 84px!important}.richTools{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none}.richTools button{flex:0 0 38px!important}.richMessage{min-height:38dvh!important;padding:15px!important;font-size:16px!important}.composeBottom{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:100!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}.sendPro{flex:1!important;min-width:0!important}
  .settingsShell{padding:7px!important}.settingsHero{padding:13px!important;margin-bottom:7px!important}.settingsGrid{display:block!important}.settingsNav{position:static!important;display:flex!important;gap:5px!important;overflow-x:auto!important;padding:7px!important;border-right:0!important;border-bottom:1px solid var(--line)!important;scrollbar-width:none}.settingsNavItem{min-width:max-content!important;margin:0!important;padding:9px 11px!important}.settingsNavItem small{display:none!important}.settingsMain{padding:11px!important}.settingsHead{flex-wrap:wrap!important}.settingsHead .save{width:100%!important;margin:5px 0 0!important}.settingCard{padding:13px!important}.settingFields,.toggleRows{grid-template-columns:1fr!important}
}
@media(max-width:390px){
 .topbar{padding-left:7px!important;padding-right:7px!important}.brand .round{width:36px!important}.agencyBrandLogo{width:35px!important}.logoText{font-size:17px!important}.avatar{width:35px!important;height:35px!important}.mailrow{grid-template-columns:31px minmax(0,1fr) 58px!important;padding-left:8px!important;padding-right:8px!important}.mailrow .sender{font-size:13px!important}.mailrow .date{font-size:10px!important}
}

/* Reel Mail centered login — desktop + mobile */
body.loginFinal.loginCentered{margin:0!important;min-height:100dvh!important;display:block!important;overflow-x:hidden!important;background:radial-gradient(circle at 50% 28%,#fff 0,#f8fbff 38%,#eef6ff 72%,#e7f2ff 100%)!important;position:relative}
body.loginFinal.loginCentered:before,body.loginFinal.loginCentered:after{content:"";position:fixed;z-index:0;pointer-events:none;border-radius:50%;border:46px solid rgba(80,161,255,.08);width:1050px;height:1050px;left:-430px;bottom:-790px}
body.loginFinal.loginCentered:after{width:1250px;height:1250px;left:auto;right:-720px;bottom:-980px;border-width:55px;border-color:rgba(80,161,255,.055)}
.centeredLoginShell{position:relative;z-index:1;width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 20px 32px}
.centeredLoginLogo{width:100%;display:flex;justify-content:center;align-items:center;margin:0 0 28px}
.centeredLoginLogo img{display:block;width:210px!important;height:auto!important;max-height:115px!important;object-fit:contain!important}
.loginFinal.loginCentered .centeredLoginCard{width:min(100%,570px)!important;margin:0!important;padding:42px 38px 30px!important;border:1px solid rgba(219,229,242,.9)!important;border-radius:24px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 24px 65px rgba(31,73,125,.12)!important}
.centeredLoginWelcome{text-align:center!important;margin:0 0 32px!important}
.loginFinal.loginCentered .centeredLoginWelcome h1{margin:0 0 8px!important;font-size:36px!important;line-height:1.1!important;letter-spacing:-1px!important;color:#0b1833!important;font-weight:800!important}
.loginFinal.loginCentered .centeredLoginWelcome p{margin:0!important;color:#65748d!important;font-size:15px!important;line-height:1.55!important}
.loginFinal.loginCentered .loginField{margin:0 0 20px!important;padding:0!important;border:0!important}
.loginFinal.loginCentered .loginField label{display:block!important;margin:0 0 9px!important;color:#101c31!important;font-size:13px!important;font-weight:750!important}
.loginFinal.loginCentered .loginInputWrap{width:100%!important;height:58px!important;display:flex!important;align-items:center!important;overflow:hidden!important;border:1px solid #d2ddeb!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
.loginFinal.loginCentered .loginInputWrap:focus-within{border-color:#1670ee!important;box-shadow:0 0 0 4px rgba(22,112,238,.10)!important}
.loginFinal.loginCentered .loginInputWrap>svg{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;margin:0 0 0 18px!important;flex:0 0 20px!important;fill:none!important;stroke:#667b98!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.loginFinal.loginCentered .loginField input{display:block!important;width:100%!important;min-width:0!important;height:56px!important;margin:0!important;padding:0 16px!important;border:0!important;outline:0!important;background:transparent!important;color:#101d32!important;font-size:16px!important}
.loginFinal.loginCentered .loginField input::placeholder{color:#7b889d!important;opacity:1!important}
.loginFinal.loginCentered .loginBtn{width:100%!important;height:58px!important;margin:4px 0 0!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#0875f7,#1161df)!important;color:#fff!important;font-size:15px!important;font-weight:800!important;box-shadow:0 10px 24px rgba(17,103,232,.20)!important}
.loginFinal.loginCentered .loginSecure{display:flex!important;align-items:center!important;gap:10px!important;margin:20px 0 0!important;padding:14px 15px!important;border-radius:12px!important;background:#f4f9fd!important;color:#5f718b!important;font-size:11px!important;line-height:1.45!important}
.loginFinal.loginCentered .loginSecure>svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;stroke:#12a080!important}
.loginFinal.loginCentered .loginFoot{margin-top:26px!important;padding-top:23px!important;border-top:1px solid #e7edf5!important}
.loginFinal.loginCentered .loginSideFoot{margin:26px 0 0!important;text-align:center!important;color:#728099!important;font-size:11px!important}
.loginFinal.loginCentered .passwordToggle{display:none!important}
@media(max-width:760px){
 body.loginFinal.loginCentered{background:linear-gradient(180deg,#edf5ff 0,#f8fbff 45%,#fff 100%)!important}
 .centeredLoginShell{min-height:100dvh!important;justify-content:flex-start!important;padding:max(28px,env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))!important}
 .centeredLoginLogo{margin:0 0 22px!important}
 .centeredLoginLogo img{width:150px!important;max-height:84px!important}
 .loginFinal.loginCentered .centeredLoginCard{width:100%!important;max-width:440px!important;padding:30px 20px 24px!important;border-radius:22px!important}
 .loginFinal.loginCentered .centeredLoginWelcome{margin-bottom:27px!important}
 .loginFinal.loginCentered .centeredLoginWelcome h1{font-size:30px!important}
 .loginFinal.loginCentered .centeredLoginWelcome p{font-size:14px!important}
 .loginFinal.loginCentered .loginInputWrap{height:56px!important}
 .loginFinal.loginCentered .loginField input{height:54px!important;font-size:16px!important}
 .loginFinal.loginCentered .loginBtn{height:56px!important}
 .loginFinal.loginCentered .loginSideFoot{margin-top:20px!important}
}
@media(max-width:380px){.centeredLoginShell{padding-left:10px!important;padding-right:10px!important}.loginFinal.loginCentered .centeredLoginCard{padding:26px 16px 22px!important}.centeredLoginLogo img{width:135px!important}}

/* Login desktop compact sizing — mobile rules remain unchanged */
@media(min-width:761px){
 .centeredLoginLogo{margin-bottom:20px!important}
 .loginFinal.loginCentered .centeredLoginCard{width:min(100%,470px)!important;padding:30px 30px 24px!important;border-radius:21px!important}
 .loginFinal.loginCentered .centeredLoginWelcome{margin-bottom:24px!important}
 .loginFinal.loginCentered .centeredLoginWelcome h1{font-size:30px!important}
 .loginFinal.loginCentered .centeredLoginWelcome p{font-size:14px!important}
 .loginFinal.loginCentered .loginField{margin-bottom:16px!important}
 .loginFinal.loginCentered .loginField label{margin-bottom:7px!important;font-size:12px!important}
 .loginFinal.loginCentered .loginInputWrap{height:50px!important;border-radius:11px!important}
 .loginFinal.loginCentered .loginField input{height:48px!important;font-size:14px!important;padding:0 14px!important}
 .loginFinal.loginCentered .loginInputWrap>svg{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex-basis:18px!important;margin-left:15px!important}
 .loginFinal.loginCentered .loginBtn{height:50px!important;border-radius:11px!important;font-size:14px!important}
 .loginFinal.loginCentered .loginSecure{margin-top:16px!important;padding:11px 13px!important;font-size:10px!important}
 .loginFinal.loginCentered .loginSecure>svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important}
 .loginFinal.loginCentered .loginFoot{margin-top:20px!important;padding-top:18px!important;font-size:11px!important}
 .loginFinal.loginCentered .loginSideFoot{margin-top:20px!important;font-size:10px!important}
}

/* Login desktop final fit: keep the complete form inside one viewport */
@media(min-width:761px){
 .centeredLoginShell{justify-content:center!important;padding:18px 20px!important;gap:0!important;transform:translateY(-8px)}
 .centeredLoginLogo{margin:0 0 12px!important}
 .centeredLoginLogo img{width:145px!important;max-height:76px!important}
 .loginFinal.loginCentered .centeredLoginCard{width:min(100%,410px)!important;padding:22px 24px 18px!important;border-radius:18px!important}
 .loginFinal.loginCentered .centeredLoginWelcome{margin-bottom:18px!important}
 .loginFinal.loginCentered .centeredLoginWelcome h1{font-size:27px!important;margin-bottom:5px!important}
 .loginFinal.loginCentered .centeredLoginWelcome p{font-size:12.5px!important}
 .loginFinal.loginCentered .loginField{margin-bottom:12px!important}
 .loginFinal.loginCentered .loginField label{margin-bottom:5px!important;font-size:11.5px!important}
 .loginFinal.loginCentered .loginInputWrap{height:44px!important;border-radius:10px!important}
 .loginFinal.loginCentered .loginField input{height:42px!important;font-size:13.5px!important}
 .loginFinal.loginCentered .loginInputWrap>svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex-basis:16px!important;margin-left:14px!important}
 .loginFinal.loginCentered .loginBtn{height:44px!important;margin-top:2px!important;border-radius:10px!important;font-size:13px!important}
 .loginFinal.loginCentered .loginSecure{margin-top:12px!important;padding:9px 11px!important;border-radius:10px!important;font-size:9.5px!important}
 .loginFinal.loginCentered .loginSecure>svg{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;min-height:14px!important;max-height:14px!important}
 .loginFinal.loginCentered .loginFoot{margin-top:14px!important;padding-top:13px!important;font-size:9.5px!important}
 .loginFinal.loginCentered .loginSideFoot{margin-top:12px!important;font-size:9px!important}
}

/* Login desktop corporate balance — compact but comfortable */
@media(min-width:761px){
 .centeredLoginShell{justify-content:center!important;padding:24px 20px!important;transform:translateY(-4px)!important}
 .centeredLoginLogo{margin:0 0 18px!important}
 .centeredLoginLogo img{width:158px!important;max-height:82px!important}
 .loginFinal.loginCentered .centeredLoginCard{width:min(100%,440px)!important;padding:27px 28px 22px!important;border-radius:20px!important}
 .loginFinal.loginCentered .centeredLoginWelcome{margin-bottom:22px!important}
 .loginFinal.loginCentered .centeredLoginWelcome h1{font-size:29px!important;margin-bottom:7px!important}
 .loginFinal.loginCentered .centeredLoginWelcome p{font-size:13.5px!important;line-height:1.5!important}
 .loginFinal.loginCentered .loginField{margin-bottom:15px!important}
 .loginFinal.loginCentered .loginField label{margin-bottom:7px!important;font-size:12px!important}
 .loginFinal.loginCentered .loginInputWrap{height:48px!important;border-radius:11px!important}
 .loginFinal.loginCentered .loginField input{height:46px!important;font-size:14px!important;padding:0 14px!important}
 .loginFinal.loginCentered .loginInputWrap>svg{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;min-height:17px!important;max-height:17px!important;flex-basis:17px!important;margin-left:15px!important}
 .loginFinal.loginCentered .loginBtn{height:48px!important;margin-top:3px!important;border-radius:11px!important;font-size:13.5px!important}
 .loginFinal.loginCentered .loginSecure{margin-top:15px!important;padding:11px 13px!important;border-radius:11px!important;font-size:10px!important;line-height:1.45!important}
 .loginFinal.loginCentered .loginSecure>svg{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important}
 .loginFinal.loginCentered .loginFoot{margin-top:18px!important;padding-top:16px!important;font-size:10px!important}
 .loginFinal.loginCentered .loginSideFoot{margin-top:16px!important;font-size:9.5px!important}
}

/* Reel Ajans horizontal logo — login final */
@media(min-width:761px){
 .centeredLoginLogo{margin-bottom:20px!important}
 .centeredLoginLogo img{width:330px!important;max-width:46vw!important;max-height:105px!important;height:auto!important;object-fit:contain!important}
}
@media(max-width:760px){
 .centeredLoginLogo{margin-bottom:20px!important}
 .centeredLoginLogo img{width:min(78vw,300px)!important;max-height:90px!important;height:auto!important;object-fit:contain!important}
}
@media(max-width:380px){.centeredLoginLogo img{width:min(82vw,270px)!important}}

/* Reel Mail mobile message reader — subject first, then sender and content */
.readerMobileReplyBar{display:none}
@media(max-width:760px){
 .content:has(.reader){background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 .reader{max-width:none!important;padding:0 0 calc(22px + env(safe-area-inset-bottom))!important;background:#fff!important}
 .readerHeader{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:16px 16px 10px!important;border-bottom:0!important}
 .readerBack{width:38px!important;height:38px!important;flex:0 0 38px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:#34445f!important;text-decoration:none!important;font-size:22px!important;line-height:1!important}
 .readerBack:hover{background:#f1f5fa!important}
 .readerTitleBlock{min-width:0!important;flex:1!important;padding-top:2px!important}
 .readerTitleBlock .readerEyebrow{display:block!important;margin:0 0 5px!important;color:#7b879a!important;font-size:10px!important;font-weight:800!important;letter-spacing:1.25px!important}
 .readerTitleBlock h1,.reader h1{margin:0!important;font-size:21px!important;line-height:1.3!important;letter-spacing:-.25px!important;font-weight:700!important;overflow-wrap:anywhere!important}
 .readerActionBar{order:0!important;display:flex!important;align-items:center!important;gap:2px!important;overflow-x:auto!important;padding:4px 12px 10px!important;border-bottom:1px solid #edf1f6!important;scrollbar-width:none!important}
 .readerActionBar::-webkit-scrollbar{display:none!important}
 .readerActionBar .readerAction{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:transparent!important}
 .readerActionBar .readerAction span{display:none!important}
 .readerActionBar .readerActionIcon{width:19px!important;height:19px!important}
 .readerActionDivider{display:none!important}
 .readerActionForm{margin:0!important;flex:0 0 auto!important}
 .readerMore{flex:0 0 auto!important}
 .readerMore>summary{list-style:none!important}
 .readerMoreMenu{position:fixed!important;top:auto!important;right:12px!important;left:12px!important;bottom:14px!important;max-height:68dvh!important;overflow:auto!important;z-index:1000!important;border-radius:18px!important;box-shadow:0 18px 55px rgba(11,24,51,.22)!important}
 .senderProfile{display:flex!important;align-items:center!important;gap:11px!important;margin:0!important;padding:14px 16px 8px!important}
 .senderProfileLogo{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;overflow:hidden!important}
 .senderProfileLogo img{width:100%!important;height:100%!important;object-fit:contain!important}
 .senderProfile>div:last-child{min-width:0!important;display:flex!important;flex-direction:column!important}
 .senderProfile b{font-size:13px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .senderProfile small{font-size:11px!important;color:#78859a!important;margin-top:2px!important}
 .mailDetails{margin:0 16px 8px!important;padding:0!important;border:0!important;background:transparent!important}
 .mailDetails>summary{font-size:11px!important;color:#6d7b91!important;padding:0 0 8px!important}
 .mailDetails>summary span{float:right!important}
 .mailDetails .meta{margin:4px 0 8px!important;padding:12px 13px!important;border-radius:12px!important;font-size:11px!important;line-height:1.65!important}
 .mailbody{display:block!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:16px!important;border-top:1px solid #f0f3f7!important;font-size:14px!important;line-height:1.65!important;overflow-x:auto!important;overflow-wrap:anywhere!important;word-break:break-word!important}
 .mailbody>*{max-width:100%!important}
 .mailbody img,.mailbody video,.mailbody iframe{max-width:100%!important;height:auto!important}
 .mailbody table{width:auto!important;max-width:100%!important;table-layout:auto!important}
 .readerAttachments{margin:10px 16px 0!important;padding:14px!important;border-radius:14px!important}
 .readerAttachments .actions{margin-top:10px!important}
 .readerMobileReplyBar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:18px 16px 4px!important}
 .readerMobileReply{height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border:1px solid #d8e1ec!important;border-radius:23px!important;background:#fff!important;color:#243650!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important}
 .readerMobileReply .readerActionIcon{width:18px!important;height:18px!important}
}

/* Reel Mail reader — Gmail-familiar desktop layout, Reel branding */
@media (min-width:701px){
  .content:has(.reader){background:#fff;border-radius:18px;box-shadow:none;overflow:visible}
  .reader{display:flex;flex-direction:column;padding:0 26px 48px!important;background:#fff;min-height:calc(100vh - 94px)}
  .readerActionBar{order:1!important;position:sticky!important;top:76px!important;z-index:20!important;height:58px!important;min-height:58px!important;margin:0!important;padding:7px 4px!important;gap:3px!important;border-bottom:1px solid #edf1f5!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)}
  .readerAction,.readerActionForm .readerAction{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:transparent!important;color:#3c4043!important}
  .readerAction:hover,.readerMore[open]>summary{background:#f1f3f4!important;color:#202124!important}
  .readerAction span{display:none!important}.readerActionIcon{width:19px!important;height:19px!important}.readerActionDivider{height:24px!important;margin:0 5px!important;background:#e0e3e7!important}
  .readerHeader{order:2!important;display:flex!important;align-items:center!important;gap:12px!important;padding:28px 56px 18px!important;border:0!important}
  .readerBack{display:none!important}.readerEyebrow{display:none!important}.readerTitleBlock{min-width:0!important;flex:1!important}
  .reader .readerHeader h1{margin:0!important;font-size:23px!important;line-height:1.35!important;font-weight:500!important;letter-spacing:0!important;color:#202124!important;overflow-wrap:anywhere}
  .senderProfile{order:3!important;display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0!important;padding:2px 56px 12px!important;border:0!important;background:transparent!important}
  .senderProfileLogo{width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;overflow:hidden!important;background:#e8f0fe!important;display:grid!important;place-items:center!important}
  .senderProfileLogo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important}
  .senderProfile>div:last-child{display:flex!important;align-items:baseline!important;gap:8px!important;min-width:0!important;flex-wrap:wrap!important}
  .senderProfile b{font-size:14px!important;font-weight:700!important;color:#202124!important}.senderProfile small{font-size:12px!important;color:#5f6368!important}
  .mailDetails{order:4!important;margin:0 56px 6px!important}.mailDetails>summary{padding:0!important;font-size:12px!important;color:#5f6368!important}.mailDetails>summary span{margin-left:auto!important}
  .reader .mailbody{order:5!important;margin:0 56px!important;padding:18px 0 34px!important;min-height:240px!important;font-size:14px!important;line-height:1.65!important;color:#202124!important;border:0!important;background:#fff!important}
  .readerAttachments{order:6!important;margin:0 56px 22px!important;padding:14px!important;border:1px solid #e0e3e7!important;border-radius:12px!important;box-shadow:none!important}
  .readerMobileReplyBar{order:7!important;display:flex!important;gap:8px!important;margin:0 56px!important;padding:4px 0 10px!important}
  .readerMobileReply{min-width:112px!important;height:40px!important;padding:0 18px!important;border:1px solid #747775!important;border-radius:20px!important;background:#fff!important;color:#3c4043!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:13px!important;font-weight:600!important}
  .readerMobileReply:hover{background:#f8fafd!important}.readerMobileReply .readerActionIcon{width:17px!important;height:17px!important}
  .readerMoreMenu{top:46px!important}
}
/* Reel Mail final workflow polish */
.reelSignature{margin-top:8px;color:#26364d;line-height:1.55}.reelQuoted{margin-top:18px;color:#5c6b80}.reelQuoted .quoteMeta{font-size:13px;color:#718096}.reelQuoted blockquote{margin:10px 0 0;padding-left:14px;border-left:2px solid #d7e2f1}.readerAttachmentItem{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 0}.readerAttachmentItem>span{margin-right:auto;min-width:140px;overflow:hidden;text-overflow:ellipsis}.readerAttachments .actions{display:block}
@media(max-width:700px){.readerAttachmentItem{align-items:flex-start}.readerAttachmentItem>span{width:100%;margin-bottom:3px}.reelQuoted{font-size:13px;overflow-wrap:anywhere}.reelQuoted blockquote{margin-left:0;overflow-x:auto}}
\n/* Gmail-benzeri compose araçları */\n.composeIconBtn{border:0;background:transparent;min-width:38px;height:40px;border-radius:9px;font-weight:700;font-size:15px;cursor:pointer;color:var(--text)}.composeIconBtn:hover{background:var(--surface-2,#eef3f8)}.composeMoreWrap{position:relative}.composeMoreMenu{position:absolute;left:0;bottom:48px;width:255px;padding:7px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 38px rgba(20,45,80,.18);z-index:130}.composeMoreMenu button{width:100%;height:42px;border:0;background:transparent;border-radius:8px;display:flex;gap:13px;align-items:center;padding:0 12px;text-align:left;color:var(--text);cursor:pointer}.composeMoreMenu button:hover{background:var(--surface-2,#f3f6fa)}.emojiMenu{position:fixed;bottom:82px;left:50%;transform:translateX(-50%);max-width:310px;padding:9px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px rgba(20,45,80,.18);z-index:140}.emojiMenu button{border:0;background:transparent;font-size:22px;padding:6px;cursor:pointer;border-radius:7px}.emojiMenu button:hover{background:var(--surface-2,#eef3f8)}.toolsHidden{display:none!important}.plainEditor{display:block!important;width:100%;min-height:420px;border:0;outline:0;resize:vertical;padding:22px;font:15px/1.65 Arial,sans-serif;background:var(--surface,#fff);color:var(--text)}.richMessage img{max-width:100%;height:auto}.composeFullscreen .composePage{position:fixed;z-index:120;inset:0;max-width:none!important;padding:12px;background:var(--bg);overflow:auto}.composeFullscreen .composePageHead{display:none}.composeFullscreen .composePro{min-height:calc(100vh - 24px)}@media(max-width:700px){.composeMoreMenu{position:fixed;left:12px;right:12px;bottom:72px;width:auto}.composeIconBtn{flex:0 0 40px}.emojiMenu{left:12px;right:12px;transform:none;max-width:none}}\n
/* Reel Mail - Gelen Kutusu üzerinde Yeni İleti */
.composeInboxBackdrop{position:relative;min-height:calc(100vh - 96px);background:var(--surface)}
.composeInboxBackdrop .toolbar,.composeInboxBackdrop .section,.composeInboxBackdrop .mailrow{pointer-events:none}
.composeOverlay{position:fixed;inset:76px 20px 20px 270px;z-index:45;pointer-events:none}
.composePopupForm{pointer-events:auto;position:absolute;right:34px;bottom:0;width:min(720px,calc(100% - 68px));height:min(680px,calc(100vh - 115px));background:#fff;border:1px solid #dfe6ef;border-radius:17px 17px 0 0;box-shadow:0 24px 60px rgba(30,60,105,.24);display:flex;flex-direction:column;overflow:hidden}
.composePopupHead{height:48px;display:flex;align-items:center;padding:0 12px 0 18px;background:#eef5ff;color:#12233e;font-size:14px;flex:none}
.composePopupHead strong{font-weight:750}
.composeClose{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;text-decoration:none;color:#40506b;font-size:25px;line-height:1}
.composeClose:hover{background:#dfeaf8;color:#12233e}
.composePopupForm .field{flex:none}
.composePopupForm textarea{width:100%;flex:1;min-height:220px;border:0;outline:0;resize:none;padding:20px;font:14px/1.7 "Segoe UI",Arial;color:#14233d;background:#fff}
.composePopupForm .composeFooter{flex:none;border-top:1px solid #e8edf3;background:#fff}
@media(max-width:900px){.composeOverlay{inset:68px 0 0 0}.composePopupForm{right:0;width:100%;height:calc(100vh - 68px);border-radius:0}.composeInboxBackdrop{opacity:.28}.composePopupForm .composeFooter .muted{display:none}}
\n\n/* Reel Mail - Profesyonel seçili ek dosya kartları */
.selectedAttachments{flex:none;padding:10px 16px 8px;background:#fff;max-height:170px;overflow:auto;border-top:1px solid #eef2f6}
.selectedAttachmentItem{width:min(420px,100%);min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 9px;margin-bottom:7px;background:#f8fafc;border:1px solid #dfe6ef;border-radius:12px;color:#17233a;box-shadow:0 2px 7px rgba(25,52,86,.05);transition:.16s ease}
.selectedAttachmentItem:hover{background:#f4f8fd;border-color:#cbd9ea;box-shadow:0 4px 12px rgba(25,52,86,.08)}
.selectedAttachmentInfo{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.selectedAttachmentIcon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:9px;background:#e9f2ff;color:#1267d9;font-size:9px;font-weight:800;letter-spacing:.15px;overflow:hidden}
.selectedAttachmentMeta{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;flex:1}
.selectedAttachmentName{display:block;max-width:100%;font-size:13px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#17233a}
.selectedAttachmentSize{display:block;font-size:11px;font-weight:500;line-height:1.2;color:#778399}
.selectedAttachmentRemove{width:32px;height:32px;flex:0 0 32px;border:0;border-radius:9px;background:transparent;color:#7b8799;font-size:21px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.15s ease}
.selectedAttachmentRemove:hover{background:#e9eef5;color:#26364d}
html[data-theme="dark"] .selectedAttachments{background:var(--surface);border-top-color:var(--line)}
html[data-theme="dark"] .selectedAttachmentItem{background:#111b2b;border-color:#2b3a50;color:#e7edf7;box-shadow:none}
html[data-theme="dark"] .selectedAttachmentItem:hover{background:#152238;border-color:#3a4c66}
html[data-theme="dark"] .selectedAttachmentName{color:#e7edf7}
html[data-theme="dark"] .selectedAttachmentIcon{background:#17345d;color:#8fc0ff}
@media(max-width:700px){.selectedAttachments{padding:8px 10px 5px}.selectedAttachmentItem{width:100%;min-height:54px}.selectedAttachmentIcon{width:36px;height:36px;flex-basis:36px}.selectedAttachmentName{font-size:12px}}

/* === Reel Mail desktop fixed sidebar === */
@media (min-width:901px){
  .sidebar{
    position:fixed!important;
    left:0!important;
    top:76px!important;
    width:270px!important;
    height:calc(100vh - 76px)!important;
    z-index:40!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    background:var(--bg)!important;
  }
  .app{
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr)!important;
  }
  .content{
    grid-column:2!important;
    width:auto!important;
    min-width:0!important;
  }
}

/* === Reel Mail desktop: üst alan + sidebar tamamen sabit === */
@media (min-width:901px){
  html,body{min-height:100%;}
  .topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:76px!important;
    z-index:100!important;
  }
  .app{
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr)!important;
    padding-top:76px!important;
    min-height:100vh!important;
  }
  .sidebar{
    position:fixed!important;
    left:0!important;
    top:76px!important;
    bottom:0!important;
    width:270px!important;
    height:calc(100vh - 76px)!important;
    z-index:90!important;
    overflow:hidden!important;
    background:var(--bg)!important;
  }
  .content{
    grid-column:2!important;
    margin-top:0!important;
    min-width:0!important;
  }
  .composeOverlay{
    top:76px!important;
  }
}

/* Reel Mail uygulama indirme / kurulum menüsü */
.appDownloadWrap{position:relative;margin-right:4px}.appDownloadBtn{height:40px;border:1px solid #d5e3f7;border-radius:12px;background:#fff;color:#0b5fd7;padding:0 14px;display:inline-flex;align-items:center;gap:7px;font:700 13px/1 Inter,"Segoe UI",Arial;cursor:pointer;box-shadow:0 4px 14px rgba(17,103,232,.07)}.appDownloadBtn:hover{background:#eef6ff;border-color:#bad4f7}.appDownloadMenu{position:absolute;right:0;top:48px;width:290px;padding:12px;background:#fff;border:1px solid #e1e9f3;border-radius:16px;box-shadow:0 18px 45px rgba(20,45,80,.18);display:none;z-index:150}.appDownloadWrap.open .appDownloadMenu{display:block}.appDownloadTitle{font-weight:800;font-size:14px;padding:4px 5px 10px}.appDownloadChoice{width:100%;border:0;background:#f7faff;border-radius:12px;padding:11px 12px;margin:3px 0;text-align:left;color:#10213c;cursor:pointer;display:flex;flex-direction:column;gap:3px}.appDownloadChoice:hover{background:#eaf3ff}.appDownloadChoice b{font-size:13px}.appDownloadChoice small{color:#6d7890;font-size:11px}.appDownloadHint{padding:9px 5px 2px;color:#7a8799;font-size:10px;line-height:1.45}
@media(max-width:1050px){.appDownloadBtn span{display:none}.appDownloadBtn{width:40px;padding:0;justify-content:center}}
@media(max-width:700px){
  .appDownloadWrap{display:block!important;margin-right:0!important}
  .appDownloadBtn{display:inline-flex!important;width:38px!important;height:38px!important;padding:0!important;justify-content:center!important;border-radius:50%!important;font-size:18px!important}
  .appDownloadBtn span{display:none!important}
  .appDownloadMenu{position:fixed!important;top:68px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;z-index:1000!important}
  .appDownloadWrap.open .appDownloadMenu{display:block!important}
  .account{gap:6px!important}
}
@media(display-mode:standalone){.appDownloadWrap{display:none!important}}

/* Reel Mail mobile inbox tap fix */
@media(max-width:700px){
 .mailrow{cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(17,103,232,.08)!important;user-select:none}
 .mailrow .sender,.mailrow .subject,.mailrow .date{pointer-events:none!important}
 .mailrow .star,.mailrow .starBtn{pointer-events:auto!important}
}

/* === Reel Mail mobile inbox professional fix 2026-09-18 === */
@media (max-width:700px){
  /* Keep the requested full install button on mobile. */
  .topbar{grid-template-columns:minmax(0,1fr) auto!important}
  .brand{grid-column:1!important;grid-row:1!important;min-width:0!important}
  .account{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:7px!important}
  .appDownloadWrap{display:block!important;flex:none!important;margin:0!important}
  .appDownloadBtn{display:inline-flex!important;width:auto!important;min-width:132px!important;height:40px!important;padding:0 12px!important;justify-content:center!important;gap:6px!important;border-radius:13px!important;border:1px solid #cfe0f5!important;background:#fff!important;color:#0b5fd7!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;box-shadow:0 4px 14px rgba(17,103,232,.07)!important}
  .appDownloadBtn span{display:inline!important}
  .avatar{flex:0 0 38px!important}

  /* Toolbar stays usable without covering the inbox. */
  .toolbar{position:relative!important;z-index:4!important;width:100%!important;min-height:54px!important;padding:7px 10px!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}
  .toolbar .bulk{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;min-width:max-content!important}
  .bulkSelect{height:40px!important;padding:0 5px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;flex:none!important}
  .bulkSelect .check,.bulkSelect input{width:19px!important;height:19px!important;flex:none!important}
  .toolbar .btn,.toolbar select,.toolbar .icon{height:40px!important;min-height:40px!important;flex:none!important}
  .section{position:relative!important;z-index:2!important;clear:both!important;background:var(--surface)!important}

  /* Every message has its own selectable checkbox; columns never overlap. */
  .mailrow{display:grid!important;grid-template-columns:28px 32px minmax(0,1fr) 66px!important;grid-template-rows:minmax(24px,auto) minmax(24px,auto)!important;grid-template-areas:'check star sender date' 'check star subject subject'!important;column-gap:7px!important;row-gap:2px!important;width:100%!important;min-width:0!important;min-height:76px!important;padding:9px 10px!important;align-items:center!important;overflow:hidden!important;background:var(--surface)!important}
  .mailrow.unread{background:#fff!important}
  .mailrow .select{display:flex!important;grid-area:check!important;align-items:center!important;justify-content:center!important;align-self:center!important;min-width:0!important;position:relative!important;z-index:5!important}
  .mailrow .messageCheck{display:block!important;appearance:auto!important;-webkit-appearance:checkbox!important;width:19px!important;height:19px!important;min-width:19px!important;margin:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;accent-color:var(--blue)!important}
  .mailrow .star{grid-area:star!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;min-width:0!important}
  .mailrow .starBtn{width:30px!important;height:34px!important;padding:0!important;display:grid!important;place-items:center!important}
  .mailrow .sender{grid-area:sender!important;display:block!important;min-width:0!important;max-width:100%!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important;line-height:22px!important}
  .mailrow .subject{grid-area:subject!important;display:block!important;min-width:0!important;max-width:100%!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;line-height:22px!important;color:#40506b!important}
  .mailrow .date{grid-area:date!important;display:block!important;min-width:0!important;max-width:66px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:right!important;font-size:10.5px!important;color:var(--muted)!important}
  .mailrow .preview{display:none!important}
  .mailrow:has(.messageCheck:checked){background:#eaf3ff!important;box-shadow:inset 3px 0 var(--blue)!important}
}
@media (max-width:430px){
  .topbar{padding-left:7px!important;padding-right:7px!important;gap:5px!important}
  .brand{gap:4px!important}.brand .round{width:36px!important;height:36px!important}.agencyBrand{gap:4px!important}.agencyBrandLogo{width:31px!important;height:27px!important}.logoText{font-size:16px!important}
  .account{gap:5px!important}.appDownloadBtn{min-width:120px!important;height:38px!important;padding:0 9px!important;font-size:11px!important}.avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
  .mailrow{grid-template-columns:27px 30px minmax(0,1fr) 58px!important;column-gap:5px!important;padding-left:7px!important;padding-right:7px!important}
}
@media (max-width:365px){
  .logoText{display:none!important}.appDownloadBtn{min-width:118px!important}
}
@media(max-width:700px){.mailrow.is-selected{background:#eaf3ff!important;box-shadow:inset 3px 0 var(--blue)!important}}

/* Reel Ajans resmi şirket unvanı */
.productNote small{display:block;margin-top:4px;font-size:8px;line-height:1.25;font-weight:600;letter-spacing:.02em;opacity:.62;white-space:normal;max-width:190px}
@media(max-width:900px){.productNote small{font-size:8px;max-width:180px}}

/* Profesyonel e-posta imzası */
.signatureBuilder{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:24px;margin-top:18px}.signatureLogoBox{display:block;font-size:12px}.signatureLogoBox>b{display:block;margin-bottom:9px}.signatureLogoPreview{height:110px;border:1px dashed #c9d8ea;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#fbfdff;margin-bottom:10px;overflow:hidden}.signatureLogoPreview img{max-width:220px;max-height:82px;object-fit:contain}.signatureLogoPreview em{font-style:normal;color:#8996a9}.signatureLogoBox input[type=file]{max-width:100%}.signatureLogoBox small{display:block;color:var(--muted);margin-top:7px}.signatureFields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.signatureWide{grid-column:1/-1}.signatureLive{border:1px solid #dbe5f0;border-radius:15px;background:#fbfdff;padding:18px;min-height:330px}.signatureLive>b{display:block;font-size:11px;letter-spacing:1.4px;color:#7a8ba3;padding-bottom:14px;border-bottom:1px solid #dbe5f0}.signaturePreview{margin-top:18px;background:#fff;border:1px solid #e1e8f1;border-radius:13px;padding:20px;min-height:220px;font-size:13px;line-height:1.55;color:#31415b}.signaturePreview>img{display:block;max-width:190px;max-height:70px;margin-bottom:13px}.signaturePreview>strong{display:block;font-size:16px;color:#13233d}.signaturePreview>span{display:block}.signatureContact,.signatureNote{border-top:1px solid #dbe4ef;margin-top:10px;padding-top:9px}.signatureNote{color:#52627a}@media(max-width:1050px){.signatureBuilder{grid-template-columns:1fr}.signatureLive{min-height:auto}}@media(max-width:700px){.signatureFields{grid-template-columns:1fr}.signatureWide{grid-column:auto}}

/* === Reel Mail - Yandex esintili acik renk paleti + ek gostergesi === */
:root{
  --bg:#f4f7fb;
  --surface:#ffffff;
  --surface-soft:#f7f9fc;
  --text:#172033;
  --muted:#6f7b91;
  --line:#e5eaf1;
  --blue:#2f6fed;
  --blue-dark:#245fd2;
  --blue-soft:#eaf2ff;
  --cyan:#c9eaff;
  --hover:#f0f4f9;
  --shadow:0 10px 32px rgba(32,55,88,.06)
}
.topbar{background:rgba(244,247,251,.96)}
.search{background:#e9f0f9;border-color:transparent}
.search:focus-within{background:#fff;border-color:#d8e1ed;box-shadow:0 5px 18px rgba(32,55,88,.07)}
.compose{background:#c8e9ff;box-shadow:none}
.compose:hover{background:#bce4ff;box-shadow:none}
.sidebar{background:#f4f7fb}
.navitem:hover{background:#e9eef5}
.navitem.active{background:#dcecff;color:#2564dc}
.content{border-color:#e9edf3;box-shadow:0 8px 28px rgba(32,55,88,.05)}
.mailrow{background:#f8fafc;border-bottom-color:#edf0f4}
.mailrow.unread{background:#fff}
.mailrow:hover{background:#eef5ff;box-shadow:inset 3px 0 var(--blue)}
.mailrow .date{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.mailAttachment{display:inline-flex;align-items:center;gap:4px;height:25px;padding:0 8px;border-radius:8px;background:#eef3f9;color:#68758b;font-size:11px;font-weight:700;white-space:nowrap}
.mailAttachment .uiIcon{width:14px;height:14px;stroke-width:2}
.mailrow:hover .mailAttachment{background:#fff;color:#3769bd}
.mailrow.unread .mailAttachment{background:#eaf2ff;color:#2f6fed}
.settingsNavItem.active{background:#e6f0ff;color:#2f6fed}
.btn.primary{background:#2f6fed;border-color:#2f6fed}
.btn.primary:hover{background:#245fd2}
@media(max-width:700px){
  .mailAttachment{height:23px;padding:0 6px}
  .mailAttachment span{display:none}
  .mailrow .date{gap:6px}
}

/* === Reel Mail - Yandex benzeri kompakt yesil tema === */
:root{
  --bg:#f4f8f5;
  --surface:#ffffff;
  --surface-soft:#f7faf8;
  --text:#1d2329;
  --muted:#8a9197;
  --line:#e3e8e5;
  --blue:#39b978;
  --blue-dark:#2fa469;
  --blue-soft:#e3f3eb;
  --cyan:#dff2e8;
  --hover:#f1f5f2;
  --shadow:none;
}
body{background:#f4f8f5;color:#1d2329;font-size:13px}
.topbar{height:62px;background:#f4f8f5;padding:6px 16px;grid-template-columns:210px minmax(320px,730px) 1fr}
.search{height:42px;background:#fff;border:1px solid #e0e6e2;border-radius:11px}
.search:focus-within{border-color:#b8d9c7;box-shadow:0 0 0 3px rgba(57,185,120,.08)}
.app{grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 62px)}
.sidebar{top:62px;height:calc(100vh - 62px);padding:4px 14px 14px 10px;background:#f2f8f4;border-right:1px solid #dfe8e2}
.compose{width:155px;height:34px;margin:0 0 8px 14px;padding:0 20px;border-radius:9px;background:#3fbb78;color:#fff;box-shadow:none;justify-content:center}
.compose:hover{background:#34aa6d;box-shadow:none;transform:none}
.compose .uiIcon{width:17px;height:17px}
.sidebar nav{gap:1px}
.navitem{height:34px;padding:0 14px;border-radius:9px;gap:10px;font-size:13px;color:#2d3338}
.navitem:hover{background:#e9f0ec}
.navitem.active{background:#dfeae4;color:#222;font-weight:700}
.navitem.active .uiIcon{color:#30383d}
.content{margin:0;background:#fff;border:0;border-radius:0;box-shadow:none;min-height:calc(100vh - 62px)}
.toolbar{height:48px;padding:0 14px;border-bottom:1px solid #e3e7e5;gap:5px}
.toolbar .btn,.bulk select{min-height:31px;height:31px;border-radius:7px;padding:0 11px;font-size:12px}
.icon{width:32px;height:32px;border-radius:7px}
.section{height:43px;padding:0 14px;color:#222;border-bottom:1px solid #e3e7e5;font-size:13px}
.section:after{display:none}
.mailrow{
  min-height:36px;
  grid-template-columns:30px 31px minmax(155px,205px) minmax(300px,1fr) 96px;
  padding:0 10px 0 8px;
  border-bottom:1px solid #e8ebe9;
  background:#fff;
  font-size:12px;
}
.mailrow.unread{background:#fff;font-weight:700}
.mailrow:hover{background:#f3f7f4;box-shadow:none}
.mailrow.is-selected,.mailrow:has(.messageCheck:checked){background:#e8f3ed!important;box-shadow:none!important}
.mailrow .sender{padding-right:10px;color:#252b2f}
.mailrow .subject{color:#222}
.mailrow .preview{color:#92989c;font-weight:400}
.mailrow .date{color:#90979c;font-size:11px}
.starBtn{width:28px;height:28px;border-radius:7px;font-size:18px;color:#a2a8ab}
.starBtn:hover{background:#e9efeb}
.starBtn.on{color:#39b978}
.check{width:15px;height:15px;accent-color:#39b978}
.bulkSelect{font-size:11px}
.btn{border-color:#dfe5e1;background:#fff;color:#30363b;box-shadow:none}
.btn:hover{background:#f3f6f4}
.activeFilter{border-color:#bcdcca!important;color:#268b59!important;background:#e7f4ed!important}
.mailAttachment{background:#ecefed;color:#5d6661}
.mailrow.unread .mailAttachment{background:#e4f2ea;color:#2e9f65}
.logo{font-size:21px}.agencyBrandLogo{width:44px;height:34px}
.avatar{width:36px;height:36px;background:#e2eee7;color:#2b6f4d;box-shadow:none}
.round:hover,.icon:hover{background:#e8efeb}
.productNote{color:#a0aaa4}

/* === Reel Mail final compact inbox rows v4 === */
:root{
  --bg:#f3f8f5;
  --surface:#fff;
  --surface-soft:#f8faf9;
  --text:#202529;
  --muted:#92999d;
  --line:#e2e7e4;
  --blue:#3fba78;
  --blue-dark:#32a968;
  --blue-soft:#e1f2e9;
  --hover:#f2f6f3;
  --shadow:none;
}
body{background:#f3f8f5;color:#202529}
.topbar{background:#f3f8f5}
.sidebar{background:#f1f8f4}
.compose{background:#3fba78!important;color:#fff!important;box-shadow:none!important}
.compose:hover{background:#34aa6d!important}
.navitem.active{background:#dfeae4!important;color:#202529!important}
.content{background:#fff;box-shadow:none}
.section{color:#222}
.section:after{display:none}

/* Görseldeki gibi sık, tek satırlı mail listesi */
.mailrow{
  min-height:40px!important;
  height:40px;
  grid-template-columns:30px 30px minmax(170px,220px) minmax(0,1fr) 105px!important;
  padding:0 12px!important;
  gap:0!important;
  background:#fff!important;
  border-bottom:1px solid #e5e9e7!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.mailrow:hover{background:#f4f7f5!important;box-shadow:none!important}
.mailrow.unread{background:#fff!important}
.mailrow .sender{
  padding-right:14px!important;
  font-size:12px!important;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.mailrow .subject{
  min-width:0;
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-size:12px!important;
  color:#202529!important;
}
.mailrow .preview{
  color:#969da0!important;
  font-weight:400!important;
}
.mailrow .date{
  text-align:right;
  color:#8f9699!important;
  font-size:11px!important;
}
.mailrow .select,.mailrow .star{
  display:flex;
  align-items:center;
  justify-content:center;
}
.check{width:15px!important;height:15px!important;accent-color:#3fba78!important}
.starBtn{
  width:27px!important;
  height:27px!important;
  font-size:17px!important;
  color:#a6ada9!important;
  border-radius:6px!important;
}
.starBtn.on{color:#3fba78!important}
.starBtn:hover{background:#edf2ef!important}
.mailrow.unread .sender,
.mailrow.unread .subject{font-weight:700!important}
.mailrow.unread .preview{font-weight:400!important}

/* Ek rozeti */
.mailAttachment{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-right:7px!important;
  padding:3px 6px!important;
  border-radius:7px!important;
  background:#eef1ef!important;
  color:#606864!important;
  font-size:10px!important;
}
.mailAttachment .uiIcon{width:13px!important;height:13px!important}
.mailrow.unread .mailAttachment{background:#e4f2ea!important;color:#2d9d63!important}

/* Araç çubuğu da referanstaki gibi daha sık */
.toolbar{height:48px!important;padding:0 12px!important;border-color:#e2e7e4!important}
.toolbar .btn,.bulk select{height:31px!important;min-height:31px!important;border-radius:7px!important;font-size:11px!important}
.section{height:43px!important;padding:0 14px!important;border-color:#e2e7e4!important;font-size:13px!important}
.activeFilter{background:#e5f3eb!important;color:#278d59!important;border-color:#bcdcca!important}

/* Daha fazla satır ekrana sığsın */
body.density-standard .mailrow,
body.density-compact .mailrow{min-height:40px!important;height:40px!important}

/* Mobil mevcut yapıyı koru */
@media(max-width:900px){
  .mailrow{
    height:auto!important;
    min-height:66px!important;
    grid-template-columns:32px 30px minmax(0,1fr) 70px!important;
    grid-template-areas:'check star sender date' 'check star subject subject'!important;
    padding:7px 10px!important;
  }
}



/* === Reel Mail - mail satirinda dosya kartlari v5 === */
.mailrow{
  grid-template-columns:30px 30px minmax(170px,220px) minmax(260px,1fr) minmax(0,190px) 78px!important;
}
.attachmentCell{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  padding:3px 8px 3px 6px;
  overflow:hidden;
}
.attachmentCard{
  min-width:0;
  max-width:142px;
  height:34px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px 7px;
  border-radius:8px;
  background:#eef0ef;
  color:#303633;
  text-decoration:none;
}
.attachmentCard:hover{background:#e5e9e7}
.attachmentFileName{
  min-width:0;
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  line-height:12px;
  font-weight:500;
}
.attachmentExt{
  flex:0 0 auto;
  padding:2px 4px;
  border-radius:3px;
  background:#65717a;
  color:#fff;
  font-size:9px;
  line-height:12px;
  font-weight:800;
}
.attachmentExt-pdf{background:#d71920}
.attachmentExt-doc,.attachmentExt-docx{background:#3f51d7}
.attachmentExt-xls,.attachmentExt-xlsx,.attachmentExt-csv{background:#16852b}
.attachmentExt-ppt,.attachmentExt-pptx{background:#d65a27}
.attachmentExt-zip,.attachmentExt-rar,.attachmentExt-7z{background:#7a5aa6}
.attachmentExt-jpg,.attachmentExt-jpeg,.attachmentExt-png,.attachmentExt-webp,.attachmentExt-gif{background:#277aa8}
.attachmentCount{
  flex:0 0 auto;
  min-width:27px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#eef0ef;
  color:#343a37;
  font-size:11px;
  font-weight:700;
}
.attachmentDownload{
  flex:0 0 auto;
  width:29px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#eef0ef;
  color:#303633;
  text-decoration:none;
  font-size:18px;
  font-weight:700;
}
.attachmentDownload:hover{background:#e2e7e4}
@media(max-width:1150px){
  .mailrow{
    grid-template-columns:30px 30px minmax(150px,190px) minmax(220px,1fr) 120px 72px!important;
  }
  .attachmentCard{max-width:84px}
}
@media(max-width:900px){
  .mailrow{
    grid-template-columns:32px 30px minmax(0,1fr) 70px!important;
    grid-template-areas:'check star sender date' 'check star subject subject' 'check star attachment attachment'!important;
  }
  .attachmentCell{
    grid-area:attachment;
    justify-content:flex-start;
    padding:4px 0 0;
  }
  .attachmentCard{max-width:220px}
}


/* === Yandex referansina uygun orta boy ek karti === */
.mailrow{
  grid-template-columns:30px 30px minmax(170px,220px) minmax(260px,1fr) minmax(0,155px) 78px!important;
}
.attachmentCell{
  gap:4px!important;
  padding:2px 5px!important;
}
.attachmentCard{
  width:104px!important;
  max-width:104px!important;
  height:42px!important;
  padding:4px 6px!important;
  border-radius:7px!important;
  gap:5px!important;
}
.attachmentFileName{
  font-size:10px!important;
  line-height:11px!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.attachmentExt{
  padding:1px 4px!important;
  font-size:8px!important;
  line-height:11px!important;
}
.attachmentCount{
  min-width:27px!important;
  width:27px!important;
  height:27px!important;
  border-radius:7px!important;
  font-size:10px!important;
}
.attachmentDownload{
  width:27px!important;
  height:27px!important;
  border-radius:7px!important;
  font-size:16px!important;
}


/* === Reel Mail ek karti kesin duzeltme v6 === */
@media(min-width:901px){
  .mailrow{
    height:48px!important;
    min-height:48px!important;
    grid-template-columns:30px 30px minmax(170px,220px) minmax(220px,1fr) 155px 112px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .attachmentCell{
    width:155px!important;
    min-width:155px!important;
    max-width:155px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .attachmentCard{
    width:102px!important;
    min-width:0!important;
    max-width:102px!important;
    height:40px!important;
    padding:4px 6px!important;
    border-radius:7px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    background:#eef0ef!important;
  }
  .attachmentFileName{
    min-width:0!important;
    flex:1!important;
    font-size:9.5px!important;
    line-height:11px!important;
    white-space:normal!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  .attachmentExt{
    flex:0 0 auto!important;
    font-size:8px!important;
    line-height:11px!important;
    padding:1px 3px!important;
  }
  .attachmentCount,.attachmentDownload{
    width:25px!important;
    min-width:25px!important;
    height:28px!important;
  }
  .mailrow .date{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    font-size:10.5px!important;
    line-height:1!important;
  }
  .mailrow .date span{
    white-space:nowrap!important;
  }
}


/* ===== Yazışma geçmişi: ayrı, ferah modal kutusu ===== */
.threadHistoryModal[hidden]{display:none!important}
.threadHistoryModal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
}
.threadHistoryBackdrop{
  position:absolute;
  inset:0;
  background:rgba(22,30,26,.34);
  backdrop-filter:blur(2px);
}
.threadHistoryDialog{
  position:relative;
  width:min(760px,calc(100vw - 48px));
  max-height:min(720px,calc(100vh - 70px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid #dfe7e2;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(28,43,35,.22);
}
.threadHistoryHeader{
  min-height:74px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid #e7ece9;
  background:#fbfdfc;
}
.threadHistoryHeader>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.threadHistoryHeader small{
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  color:#38a66b;
}
.threadHistoryHeader strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
  color:#202824;
}
.threadHistoryClose{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border:0;
  border-radius:10px;
  background:#eef3f0;
  color:#4b5751;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.threadHistoryClose:hover{background:#e3ebe6}
.threadHistoryBody{
  padding:18px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:12px;
  background:#f5f8f6;
}
.threadHistoryCard{
  display:block;
  padding:16px 17px;
  background:#fff;
  border:1px solid #e0e7e3;
  border-radius:13px;
  text-decoration:none;
  color:inherit;
  box-shadow:0 2px 8px rgba(30,45,37,.04);
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.threadHistoryCard:hover{
  border-color:#b9d9c7;
  box-shadow:0 7px 18px rgba(30,45,37,.08);
  transform:translateY(-1px);
}
.threadHistoryCardTop{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:7px;
}
.threadHistoryCardTop strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.threadHistoryCardTop time{
  flex:0 0 auto;
  font-size:11px;
  color:#929b96;
}
.threadHistorySubject{
  margin-bottom:5px;
  font-size:13px;
  font-weight:700;
  color:#29312d;
}
.threadHistoryCard p{
  margin:0;
  color:#7d8781;
  font-size:12px;
  line-height:1.55;
  white-space:normal;
}
body.thread-modal-open{overflow:hidden}

@media(max-width:700px){
  .threadHistoryModal{padding:12px}
  .threadHistoryDialog{
    width:100%;
    max-height:calc(100vh - 24px);
    border-radius:15px;
  }
  .threadHistoryHeader{padding:14px 15px}
  .threadHistoryBody{padding:12px;gap:10px}
  .threadHistoryCard{padding:14px}
}


/* === Reel Mail: yazışma sayacı normal %100 görünüm düzeltmesi === */
@media (min-width:901px){
  .mailrow{
    position:relative!important;
  }

  /* Konu alanı, sayaç için sağda daima boşluk bıraksın */
  .mailrow .subject{
    min-width:0!important;
    padding-right:48px!important;
  }

  /* Aynı gönderici/yazışma sayısı zoom yapmadan her zaman görünsün */
  .mailrow .threadCountBtn,
  .mailrow [data-thread-count]{
    position:absolute!important;
    right:279px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:12!important;

    width:30px!important;
    min-width:30px!important;
    height:26px!important;
    padding:0 5px!important;
    margin:0!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;

    border:1px solid #cfd6d2!important;
    border-radius:7px!important;
    background:#f4f6f5!important;
    color:#343b37!important;
    box-shadow:0 1px 2px rgba(20,35,27,.04)!important;

    font:700 10px/1 "Segoe UI",Arial,sans-serif!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:visible!important;
  }

  .mailrow .threadCountBtn:hover,
  .mailrow [data-thread-count]:hover{
    background:#e7ece9!important;
    border-color:#b9c6bf!important;
  }
}

/* Orta genişlikte ek ve tarih alanına çarpmadan sayaç görünür kalsın */
@media (min-width:901px) and (max-width:1250px){
  .mailrow{
    grid-template-columns:30px 30px minmax(145px,180px) minmax(170px,1fr) 128px 102px!important;
  }

  .attachmentCell{
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
  }

  .mailrow .date{
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
  }

  .mailrow .threadCountBtn,
  .mailrow [data-thread-count]{
    right:238px!important;
  }
}

/* Mobilde sayaç konu satırının sağında doğal biçimde kalsın */
@media (max-width:900px){
  .mailrow .subject{
    position:relative!important;
    padding-right:42px!important;
  }

  .mailrow .threadCountBtn,
  .mailrow [data-thread-count]{
    position:absolute!important;
    right:4px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:29px!important;
    min-width:29px!important;
    height:25px!important;
    padding:0 4px!important;
    border:1px solid #cfd6d2!important;
    border-radius:7px!important;
    background:#f4f6f5!important;
    color:#343b37!important;
    font:700 10px/1 "Segoe UI",Arial,sans-serif!important;
    z-index:8!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* ======================================================================
   REEL MAIL — CORPORATE UI V2 / 2026-09
   Ferah, hızlı ve kurumsal masaüstü + mobil arayüz.
   Mevcut işlevlere dokunmadan son katman olarak uygulanır.
   ====================================================================== */
:root{
  --ukv-bg:#f3f8f6;
  --ukv-surface:#ffffff;
  --ukv-soft:#f7fbf9;
  --ukv-soft-2:#eef8f4;
  --ukv-text:#11233d;
  --ukv-muted:#74839a;
  --ukv-line:#e3ebe8;
  --ukv-green:#12a97b;
  --ukv-green-dark:#078d66;
  --ukv-green-soft:#e8f8f2;
  --ukv-navy:#14243d;
  --ukv-shadow:0 10px 32px rgba(33,74,65,.06);
}

body.ukvUi{
  margin:0!important;
  background:linear-gradient(135deg,#f8fbfa 0%,var(--ukv-bg) 42%,#f6faf9 100%)!important;
  color:var(--ukv-text)!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif!important;
  font-size:14px!important;
  overflow-x:hidden;
}
body.ukvUi .uiIcon{width:20px;height:20px;stroke-width:1.8}

/* Üst alan */
body.ukvUi .ukvTopbar{
  height:72px!important;
  display:grid!important;
  grid-template-columns:230px minmax(340px,680px) minmax(280px,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  padding:10px 18px!important;
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  background:rgba(247,251,249,.94)!important;
  border-bottom:1px solid rgba(222,233,229,.75)!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:none!important;
}
body.ukvUi .ukvBrandArea{gap:9px!important;min-width:0}
body.ukvUi .ukvTopbar .round{
  width:40px!important;height:40px!important;border-radius:12px!important;
  color:#30435f!important;background:transparent!important;
}
body.ukvUi .ukvTopbar .round:hover{background:#eaf3ef!important;color:var(--ukv-green-dark)!important}
body.ukvUi .ukvBrand{
  display:flex!important;align-items:center!important;gap:10px!important;
  min-width:0!important;color:var(--ukv-text)!important;text-decoration:none!important;
}
body.ukvUi .ukvBrandMark{
  width:34px;height:34px;display:block;position:relative;flex:0 0 34px;
}
body.ukvUi .ukvBrandMark i{
  position:absolute;display:block;width:19px;height:19px;border-radius:5px;
  background:linear-gradient(145deg,#16b88a,#079f75);transform:rotate(45deg);
  box-shadow:0 5px 12px rgba(18,169,123,.16);
}
body.ukvUi .ukvBrandMark i:first-child{left:2px;top:7px}
body.ukvUi .ukvBrandMark i:last-child{right:2px;top:7px;opacity:.7}
body.ukvUi .ukvBrand .logoText{font-size:22px!important;letter-spacing:-.55px!important;color:#253852!important;white-space:nowrap}
body.ukvUi .ukvBrand .logoText strong{color:#0d203b!important;font-weight:800!important}

body.ukvUi .ukvSearch{
  width:100%!important;height:46px!important;margin:0!important;
  display:flex!important;align-items:center!important;gap:11px!important;
  padding:0 14px!important;border:1px solid #dce7e3!important;border-radius:13px!important;
  background:#fff!important;box-shadow:0 5px 18px rgba(31,67,58,.045)!important;
  transition:.16s ease!important;
}
body.ukvUi .ukvSearch:focus-within{border-color:#a7dcca!important;box-shadow:0 0 0 4px rgba(18,169,123,.075),0 8px 24px rgba(31,67,58,.055)!important}
body.ukvUi .ukvSearch .uiIcon{color:#263a57!important;width:19px;height:19px}
body.ukvUi .ukvSearch input{font-size:14px!important;color:var(--ukv-text)!important}
body.ukvUi .ukvSearch input::placeholder{color:#91a0b4!important}
body.ukvUi .ukvSearch .searchHint{width:27px;height:27px;border-radius:8px;border:1px solid #d8e2ea;color:#8190a4;background:#fbfcfd}

body.ukvUi .ukvAccount{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0}
body.ukvUi .ukvProfile{
  height:48px;max-width:255px;margin-left:5px;padding:4px 10px 4px 5px;
  display:flex;align-items:center;gap:9px;border:1px solid #e0e9e6;border-radius:13px;
  background:#fff;color:var(--ukv-text);text-decoration:none;box-shadow:0 4px 16px rgba(30,70,61,.035);
}
body.ukvUi .ukvProfile:hover{border-color:#cfe0da;background:#fbfdfc}
body.ukvUi .ukvProfileAvatar{
  width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:50%;overflow:hidden;
  background:linear-gradient(145deg,#19b78a,#0f9f77);color:#fff;font-size:11px;font-weight:800;
}
body.ukvUi .ukvProfileAvatar img{width:100%;height:100%;object-fit:cover;display:block}
body.ukvUi .ukvProfileMeta{min-width:0;display:flex;flex-direction:column;line-height:1.15}
body.ukvUi .ukvProfileMeta strong{font-size:12px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ukvUi .ukvProfileMeta small{font-size:9px;color:#8a97aa;margin-top:3px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ukvUi .ukvProfile>.uiIcon{width:14px;height:14px;transform:rotate(90deg);color:#77869a}

body.ukvUi .appDownloadWrap{position:relative}
body.ukvUi .appDownloadMenu{
  width:270px!important;right:0!important;top:48px!important;padding:10px!important;border:1px solid #dfe9e5!important;
  border-radius:14px!important;background:#fff!important;box-shadow:0 18px 44px rgba(18,50,42,.15)!important;
}
body.ukvUi .appDownloadTitle{padding:7px 8px 10px!important;color:var(--ukv-text)!important;font-size:12px!important;font-weight:800!important}
body.ukvUi .appDownloadChoice{border-radius:10px!important;padding:10px!important}
body.ukvUi .appDownloadChoice:hover{background:var(--ukv-green-soft)!important}
body.ukvUi .appDownloadChoice b{display:flex;align-items:center;gap:7px;color:var(--ukv-text)!important}
body.ukvUi .appDownloadChoice b .uiIcon{width:16px;height:16px}

/* Ana iskelet */
body.ukvUi .ukvApp{
  display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;
  min-height:calc(100vh - 72px)!important;
}
body.ukvUi .ukvSidebar{
  width:auto!important;height:calc(100vh - 72px)!important;top:72px!important;
  position:sticky!important;padding:6px 12px 14px!important;display:flex!important;flex-direction:column!important;
  overflow-y:auto!important;overflow-x:hidden!important;background:transparent!important;
}
body.ukvUi .ukvCompose{
  width:100%!important;height:48px!important;margin:0 0 11px!important;padding:0 18px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;
  border-radius:12px!important;background:linear-gradient(135deg,#16b987,#10a779)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(18,169,123,.15)!important;font-size:13px!important;font-weight:800!important;
}
body.ukvUi .ukvCompose:hover{transform:none!important;background:linear-gradient(135deg,#10ad7f,#078f68)!important;box-shadow:0 10px 22px rgba(18,169,123,.2)!important}
body.ukvUi .ukvCompose .uiIcon{width:19px;height:19px}
body.ukvUi .ukvNav{display:flex!important;flex-direction:column!important;gap:2px!important}
body.ukvUi .ukvSidebar .navitem{
  width:100%!important;height:39px!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:11px!important;
  border-radius:10px!important;color:#33445e!important;font-size:12.5px!important;font-weight:500!important;text-decoration:none!important;
}
body.ukvUi .ukvSidebar .navitem .uiIcon{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#415673}
body.ukvUi .ukvSidebar .navitem:hover{background:#edf5f2!important;color:#17324a!important}
body.ukvUi .ukvSidebar .navitem.active{background:#e2f3ed!important;color:#102941!important;font-weight:750!important}
body.ukvUi .ukvSidebar .navitem.active .uiIcon{color:var(--ukv-green)!important}
body.ukvUi .navUnreadCount,body.ukvUi .navSoftCount{
  margin-left:auto!important;min-width:27px;height:22px;padding:0 7px;display:inline-flex!important;align-items:center;justify-content:center;
  border-radius:999px;background:#d4eee5;color:#176a52;font-size:10px;font-weight:800;
}
body.ukvUi .navSoftCount{background:transparent!important;color:#8290a3!important;padding-right:0}
body.ukvUi .navDivider{height:1px;background:#dde8e4;margin:10px 6px 9px}
body.ukvUi .navSectionTitle{
  min-height:28px;padding:0 10px 5px;display:flex;align-items:center;justify-content:space-between;
  color:#65758b;font-size:10.5px;font-weight:700;letter-spacing:.01em;
}
body.ukvUi .navSectionTitle a{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:#62758c;text-decoration:none}
body.ukvUi .navSectionTitle a:hover{background:#e8f2ee;color:var(--ukv-green)}
body.ukvUi .navSectionTitle .uiIcon{width:16px;height:16px}
body.ukvUi .ukvSmartNav .navitem{height:37px!important}
body.ukvUi .ukvSidebar .sidebarBottom{margin-top:auto!important;padding-top:8px}
body.ukvUi .ukvProductNote{
  margin-top:10px;padding:11px 10px;display:flex;align-items:center;gap:9px;border:1px solid #e0e9e6;border-radius:11px;
  background:rgba(255,255,255,.68);color:#65758a;
}
body.ukvUi .ukvProductDot{width:9px;height:9px;border-radius:50%;background:var(--ukv-green);box-shadow:0 0 0 4px rgba(18,169,123,.11)}
body.ukvUi .ukvProductNote div{display:flex;min-width:0;flex-direction:column}
body.ukvUi .ukvProductNote b{font-size:10.5px;color:#2c4059;line-height:1.2}
body.ukvUi .ukvProductNote small{font-size:8.5px;color:#91a0b1;margin-top:2px}

body.ukvUi .ukvContent{
  min-width:0!important;min-height:calc(100vh - 88px)!important;margin:0 14px 16px 0!important;
  border:1px solid #e0e9e6!important;border-radius:14px!important;background:#fff!important;
  overflow:hidden!important;box-shadow:var(--ukv-shadow)!important;
}
body.ukvUi .flash{position:relative;z-index:4;margin:12px 14px!important;border-radius:10px!important}

/* Gelen kutusu üst araçları */
body.ukvUi #bulkForm{min-width:0;background:#fff}
body.ukvUi .ukvToolbar{
  min-height:58px!important;height:auto!important;padding:8px 12px!important;display:flex!important;align-items:center!important;gap:8px!important;
  border-bottom:1px solid var(--ukv-line)!important;background:#fff!important;
}
body.ukvUi .ukvToolbarLeft{display:flex!important;align-items:center!important;gap:7px!important;min-width:0;flex:1 1 auto}
body.ukvUi .ukvSelectAll{
  width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:1px solid #e0e7e5;border-radius:9px;background:#fff;cursor:pointer;
}
body.ukvUi .ukvSelectAll:hover{background:#f5faf8}
body.ukvUi .ukvSelectAll input{width:16px;height:16px;margin:0;accent-color:var(--ukv-green);cursor:pointer}
body.ukvUi .ukvSelectAll span{display:none}
body.ukvUi .ukvIconButton{
  width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:0;border-radius:9px;background:transparent;color:#344964;cursor:pointer;
}
body.ukvUi .ukvIconButton:hover{background:#eef5f2;color:var(--ukv-green-dark)}
body.ukvUi .ukvIconButton .uiIcon{width:18px;height:18px}
body.ukvUi .ukvBulkSelect{
  height:36px;max-width:135px;padding:0 31px 0 11px;border:1px solid #e0e7e5;border-radius:9px;background:#fff;color:#3d4f67;font-size:11.5px;outline:0;
}
body.ukvUi .ukvApplyBtn{min-height:36px!important;height:36px!important;padding:0 11px!important;border-radius:9px!important;font-size:11px!important}
body.ukvUi .ukvToolbarDivider{width:1px;height:24px;background:#e4ebe8;margin:0 2px}
body.ukvUi .ukvFilterButton{
  height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border:1px solid #e0e7e5;border-radius:9px;
  background:#fff;color:#43546b;text-decoration:none;font-size:11.5px;font-weight:600;white-space:nowrap;
}
body.ukvUi .ukvFilterButton:hover{background:#f4faf7;border-color:#d4e5df}
body.ukvUi .ukvFilterButton.activeFilter{background:var(--ukv-green-soft);border-color:#c9e9de;color:#087e5c}
body.ukvUi .ukvFilterButton .uiIcon{width:15px;height:15px}
body.ukvUi .ukvClearFilter{color:#8a5060!important}
body.ukvUi .ukvToolbarRight{margin-left:auto!important;padding:0 2px 0 10px!important;display:flex!important;align-items:center!important;gap:7px!important;color:#8593a5!important;font-size:11px!important;white-space:nowrap}
body.ukvUi .ukvPager{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#445872;font-size:20px;line-height:1}

body.ukvUi .ukvMailTabs{
  min-height:52px;padding:0 11px;display:flex;align-items:stretch;gap:7px;border-bottom:1px solid var(--ukv-line);background:#fff;overflow-x:auto;scrollbar-width:none;
}
body.ukvUi .ukvMailTabs::-webkit-scrollbar{display:none}
body.ukvUi .ukvMailTabs>a{
  position:relative;min-width:98px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:8px;
  color:#617088;text-decoration:none;font-size:11.5px;font-weight:650;white-space:nowrap;
}
body.ukvUi .ukvMailTabs>a:hover{color:#27435b;background:#fbfdfc}
body.ukvUi .ukvMailTabs>a.active{color:var(--ukv-green-dark);font-weight:800}
body.ukvUi .ukvMailTabs>a.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:3px 3px 0 0;background:var(--ukv-green)}
body.ukvUi .ukvMailTabs .uiIcon{width:17px;height:17px}
body.ukvUi .ukvMailTabTitle{margin-left:auto;padding:0 10px;display:flex;align-items:center;color:#9aa6b6;font-size:10.5px;white-space:nowrap}

/* Mail listesi */
body.ukvUi .mailrow{
  min-height:48px!important;display:grid!important;
  grid-template-columns:28px 28px 36px minmax(135px,190px) minmax(300px,1fr) minmax(0,215px) 72px!important;
  align-items:center!important;column-gap:7px!important;padding:0 12px!important;
  border-bottom:1px solid #edf1f0!important;background:#fff!important;color:var(--ukv-text)!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;cursor:pointer!important;transition:background .1s ease!important;
}
body.ukvUi .mailrow:last-of-type{border-bottom:0!important}
body.ukvUi .mailrow:hover{background:#f4faf7!important;box-shadow:none!important;z-index:auto!important}
body.ukvUi .mailrow.is-selected{background:#eaf7f2!important}
body.ukvUi .mailrow.unread{background:#fff!important}
body.ukvUi .mailrow .select{display:grid;place-items:center}
body.ukvUi .mailrow .check{width:15px!important;height:15px!important;margin:0!important;accent-color:var(--ukv-green)!important}
body.ukvUi .mailrow .star{display:grid;place-items:center}
body.ukvUi .mailrow .starBtn{
  width:28px!important;height:28px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;
  color:#b6c0cb!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;
}
body.ukvUi .mailrow .starBtn:hover{background:#edf5f2!important;color:#f1ae18!important}
body.ukvUi .mailrow .starBtn.on{color:#f3aa12!important}
body.ukvUi .senderAvatar{
  width:30px!important;height:30px!important;min-width:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;color:#fff!important;font-size:9.5px!important;font-weight:800!important;letter-spacing:.05em!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)!important;user-select:none!important;
}
body.ukvUi .avatarColor1{background:#e85d6f!important}body.ukvUi .avatarColor2{background:#6884b5!important}body.ukvUi .avatarColor3{background:#69a83d!important}
body.ukvUi .avatarColor4{background:#e9a124!important}body.ukvUi .avatarColor5{background:#7b61b3!important}body.ukvUi .avatarColor6{background:#2ba58d!important}
body.ukvUi .avatarColor7{background:#cf6294!important}body.ukvUi .avatarColor8{background:#4186d8!important}body.ukvUi .avatarColor9{background:#dd7938!important}
body.ukvUi .avatarColor10{background:#586b83!important}body.ukvUi .avatarColor11{background:#20a568!important}body.ukvUi .avatarColor12{background:#8b6e63!important}
body.ukvUi .mailrow .sender{
  min-width:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#485970!important;font-size:11.5px!important;font-weight:500!important;letter-spacing:-.005em!important;
}
body.ukvUi .mailrow.unread .sender{color:#1c304b!important;font-weight:750!important}
body.ukvUi .mailrow .sender::after{content:none!important;display:none!important}
body.ukvUi .mailrow .subject{
  min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:hidden!important;padding:0!important;line-height:1.2!important;
}
body.ukvUi .mailrow .subjectTop{min-width:0!important;max-width:58%;display:flex!important;align-items:center!important;gap:6px!important;overflow:hidden!important;flex:0 1 auto!important}
body.ukvUi .mailrow .subjectTitle{
  min-width:0!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#405168!important;font-size:11.5px!important;font-weight:600!important;letter-spacing:-.008em!important;
}
body.ukvUi .mailrow.unread .subjectTitle{color:#172b47!important;font-weight:800!important}
body.ukvUi .mailrow .subject .preview{
  min-width:0!important;flex:1 1 auto!important;display:block!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#94a0b1!important;font-size:10.5px!important;font-weight:400!important;
}
body.ukvUi .mailrow .subject .preview:before{content:"— ";color:#c0c8d1}
body.ukvUi .readStateDot{
  width:8px!important;height:8px!important;min-width:8px!important;padding:0!important;border-radius:50%!important;box-shadow:none!important;cursor:pointer!important;flex:0 0 8px!important;
}
body.ukvUi .readStateDot.is-unread{border:0!important;background:#16b989!important}
body.ukvUi .readStateDot.is-read{border:1px solid #bec8d2!important;background:transparent!important}
body.ukvUi .threadCountBtn{
  min-width:28px!important;height:23px!important;padding:0 6px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  border:1px solid #dbe4e1!important;border-radius:7px!important;background:#f6f9f8!important;color:#58697c!important;font-size:9px!important;font-weight:700!important;flex:0 0 auto!important;
}
body.ukvUi .attachmentCell{min-width:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
body.ukvUi .attachmentStrip{min-width:0!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;overflow:hidden!important}
body.ukvUi .attachmentItem{height:29px!important;min-width:0!important;display:flex!important;align-items:center!important;gap:2px!important;flex:0 1 auto!important}
body.ukvUi .attachmentCardThreeLine{
  width:auto!important;max-width:102px!important;height:28px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  border:1px solid #e0e7e5!important;border-radius:7px!important;background:#f7f9f8!important;color:#617086!important;text-decoration:none!important;overflow:hidden!important;
}
body.ukvUi .attachmentCardThreeLine:hover{background:#eef6f3!important;border-color:#d2e4de!important}
body.ukvUi .attachmentCardThreeLine .attachmentFileName{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;line-height:1!important;color:#617086!important}
body.ukvUi .attachmentCardThreeLine .attachmentExt{display:none!important}
body.ukvUi .attachmentImagePreview{width:36px!important;height:28px!important;border-radius:7px!important;border:1px solid #dfe7e4!important;overflow:hidden!important;background:#f5f7f6!important;flex:0 0 36px!important}
body.ukvUi .attachmentImagePreview img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body.ukvUi .attachmentItemActions{display:none!important}
body.ukvUi .attachmentSummary{display:flex!important;align-items:center!important;gap:3px!important;flex:0 0 auto!important}
body.ukvUi .attachmentSummary .attachmentCount{min-width:25px!important;height:25px!important;padding:0 5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:7px!important;background:#f2f6f4!important;color:#6d7b8e!important;font-size:9px!important;font-weight:700!important}
body.ukvUi .attachmentZipDownload{width:25px!important;height:25px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:7px!important;border:1px solid #e1e7e5!important;background:#fff!important;color:#5c6b7e!important;text-decoration:none!important;font-size:11px!important}
body.ukvUi .mailAttachment{font-size:10px;color:#738195}
body.ukvUi .mailrow .date{justify-self:end!important;text-align:right!important;color:#78889d!important;font-size:9.5px!important;white-space:nowrap!important}
body.ukvUi .mailrow.unread .date{color:#2d435f!important;font-weight:700!important}
body.ukvUi .empty{padding:90px 24px!important;color:#8190a3!important;background:#fff!important}

/* Yazışma geçmişi */
body.ukvUi .threadInlineHistory{width:100%;background:#f8fbfa;border-bottom:1px solid var(--ukv-line);animation:threadInlineOpen .14s ease-out}
body.ukvUi .threadInlineList{width:100%}
body.ukvUi .threadInlineItem{
  min-height:48px;display:grid;grid-template-columns:30px minmax(130px,185px) minmax(0,1fr) 80px;align-items:center;gap:9px;
  padding:5px 14px 5px 71px;border-bottom:1px solid #e8eeec;background:#fbfdfc;color:#283a52;text-decoration:none;
}
body.ukvUi .threadInlineItem:hover{background:#eef7f3}
body.ukvUi .threadInlineAvatar{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e1ece8;color:#51665d;font-size:9px;font-weight:800}
body.ukvUi .threadInlineSender{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700}
body.ukvUi .threadInlineContent{min-width:0;display:flex;align-items:baseline;gap:7px;overflow:hidden}
body.ukvUi .threadInlineContent strong,body.ukvUi .threadInlineContent small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ukvUi .threadInlineContent strong{font-size:10.5px}body.ukvUi .threadInlineContent small{font-size:9.5px;color:#8f9baa;flex:1}
body.ukvUi .threadInlineDate{justify-self:end;white-space:nowrap;color:#8d9aab;font-size:9px}
body.ukvUi .threadInlineEmpty{padding:13px 24px 13px 70px;color:#819087;font-size:11px}
body.ukvUi .threadCountBtn.is-open .threadCountArrow{display:inline-block;transform:rotate(180deg)}
@keyframes threadInlineOpen{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}

/* Okuma / oluşturma / ayarlar sayfaları aynı kurumsal dilde */
body.ukvUi .reader{max-width:1180px!important;padding:24px 34px 46px!important}
body.ukvUi .reader h1{color:var(--ukv-text)!important;font-size:24px!important}
body.ukvUi .meta{background:#f7fbf9!important;border-color:#e1eae7!important;border-radius:12px!important}
body.ukvUi .btn.primary{background:var(--ukv-green)!important;border-color:var(--ukv-green)!important;box-shadow:0 5px 14px rgba(18,169,123,.16)!important}
body.ukvUi .btn.primary:hover{background:var(--ukv-green-dark)!important}
body.ukvUi .settingsNavItem.active{background:var(--ukv-green-soft)!important;color:var(--ukv-green-dark)!important}
body.ukvUi .switch.on{background:var(--ukv-green)!important}
body.ukvUi .settingCard{border-color:#e2eae7!important;box-shadow:0 5px 18px rgba(31,67,58,.025)}
body.ukvUi .managePage{max-width:1180px;margin:auto}

/* Sidebar daraltma */
@media(min-width:901px){
 body.ukvUi.sidebarCollapsed .ukvApp{grid-template-columns:72px minmax(0,1fr)!important}
 body.ukvUi.sidebarCollapsed .ukvTopbar{grid-template-columns:72px minmax(340px,680px) minmax(280px,1fr)!important}
 body.ukvUi.sidebarCollapsed .ukvBrand{display:none!important}
 body.ukvUi.sidebarCollapsed .ukvSidebar{padding-left:10px!important;padding-right:10px!important}
 body.ukvUi.sidebarCollapsed .ukvCompose{width:48px!important;padding:0!important;justify-content:center!important;margin-left:2px!important}
 body.ukvUi.sidebarCollapsed .ukvCompose span,body.ukvUi.sidebarCollapsed .ukvSidebar .navitem span:not(.navUnreadCount):not(.navSoftCount),body.ukvUi.sidebarCollapsed .navSectionTitle,body.ukvUi.sidebarCollapsed .ukvProductNote{display:none!important}
 body.ukvUi.sidebarCollapsed .ukvSidebar .navitem{width:48px!important;padding:0!important;justify-content:center!important;margin-left:2px!important}
 body.ukvUi.sidebarCollapsed .ukvSidebar .navUnreadCount,body.ukvUi.sidebarCollapsed .ukvSidebar .navSoftCount{display:none!important}
 body.ukvUi.sidebarCollapsed .navDivider{margin-left:8px;margin-right:8px}
}

/* Orta ekran */
@media(max-width:1250px){
 body.ukvUi .ukvTopbar{grid-template-columns:210px minmax(300px,1fr) auto!important}
 body.ukvUi .ukvProfileMeta small{display:none}
 body.ukvUi .ukvProfile{max-width:170px}
 body.ukvUi .mailrow{grid-template-columns:28px 28px 34px minmax(120px,165px) minmax(260px,1fr) minmax(0,150px) 64px!important}
 body.ukvUi .attachmentStrip .attachmentItem:nth-of-type(n+2){display:none!important}
 body.ukvUi .ukvFilterButton:nth-of-type(3){display:none}
}
@media(max-width:1050px){
 body.ukvUi .ukvTopbar{grid-template-columns:190px minmax(260px,1fr) auto!important;gap:10px!important}
 body.ukvUi .ukvApp{grid-template-columns:210px minmax(0,1fr)!important}
 body.ukvUi .ukvProfileMeta{display:none}
 body.ukvUi .ukvProfile{width:48px;padding:5px!important;border-radius:12px}
 body.ukvUi .ukvProfile>.uiIcon{display:none}
 body.ukvUi .mailrow{grid-template-columns:26px 27px 33px minmax(105px,145px) minmax(220px,1fr) 60px!important}
 body.ukvUi .attachmentCell{display:none!important}
 body.ukvUi .ukvBulkSelect,body.ukvUi .ukvApplyBtn,body.ukvUi .ukvToolbarDivider{display:none!important}
 body.ukvUi .ukvMailTabTitle{display:none}
}

/* Mobil */
@media(max-width:700px){
 body.ukvUi{background:#fff!important}
 body.ukvUi .ukvTopbar{
   height:auto!important;min-height:64px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand account" "search search"!important;
   gap:8px!important;padding:8px 10px 9px!important;background:rgba(255,255,255,.97)!important;
 }
 body.ukvUi .ukvBrandArea{grid-area:brand!important}
 body.ukvUi .ukvSearch{grid-area:search!important;height:42px!important}
 body.ukvUi .ukvAccount{grid-area:account!important}
 body.ukvUi .ukvHelp,body.ukvUi .appGridBtn{display:none!important}
 body.ukvUi .ukvBrand .logoText{font-size:19px!important}
 body.ukvUi .ukvBrandMark{width:30px;height:30px;flex-basis:30px}
 body.ukvUi .ukvBrandMark i{width:17px;height:17px}
 body.ukvUi .ukvProfile{width:40px!important;height:40px!important;padding:2px!important;border:0!important;background:transparent!important;box-shadow:none!important}
 body.ukvUi .ukvProfileAvatar{width:35px;height:35px;flex-basis:35px}
 body.ukvUi .ukvTopbar>.account>a.round{display:none!important}
 body.ukvUi .ukvApp{display:block!important;min-height:0!important}
 body.ukvUi .ukvSidebar{
   position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:250!important;width:280px!important;height:100dvh!important;
   padding:18px 12px!important;background:#f8fbfa!important;box-shadow:18px 0 50px rgba(18,45,39,.18)!important;
   transform:translateX(-102%)!important;transition:transform .2s ease!important;
 }
 body.ukvUi.mobileNavOpen .ukvSidebar{transform:translateX(0)!important}
 body.ukvUi .ukvCompose{margin-top:50px!important}
 body.ukvUi .ukvContent{min-height:calc(100dvh - 114px)!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 body.ukvUi .ukvToolbar{min-height:50px!important;padding:6px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important}
 body.ukvUi .ukvToolbar::-webkit-scrollbar{display:none}
 body.ukvUi .ukvToolbarLeft{min-width:max-content!important}
 body.ukvUi .ukvToolbarRight{display:none!important}
 body.ukvUi .ukvBulkSelect,body.ukvUi .ukvApplyBtn,body.ukvUi .ukvToolbarDivider{display:none!important}
 body.ukvUi .ukvFilterButton{height:34px;padding:0 10px;font-size:10.5px}
 body.ukvUi .ukvMailTabs{min-height:45px!important;padding:0 5px!important;gap:1px!important}
 body.ukvUi .ukvMailTabs>a{min-width:auto!important;padding:0 11px!important;font-size:10.5px!important}
 body.ukvUi .ukvMailTabs>a .uiIcon{display:none}
 body.ukvUi .ukvMailTabTitle{display:none!important}
 body.ukvUi .mailrow{
   min-height:66px!important;display:grid!important;
   grid-template-columns:30px 36px minmax(0,1fr) 58px!important;grid-template-rows:26px 25px!important;
   grid-template-areas:"star avatar sender date" "star avatar subject subject"!important;column-gap:7px!important;row-gap:0!important;padding:7px 9px!important;
 }
 body.ukvUi .mailrow .select{display:none!important}
 body.ukvUi .mailrow .star{grid-area:star!important;align-self:start!important}
 body.ukvUi .mailrow .senderAvatar{grid-area:avatar!important;align-self:start!important;width:32px!important;height:32px!important;min-width:32px!important}
 body.ukvUi .mailrow .sender{grid-area:sender!important;font-size:12px!important;align-self:center!important}
 body.ukvUi .mailrow .subject{grid-area:subject!important;display:block!important;align-self:center!important}
 body.ukvUi .mailrow .subjectTop{display:flex!important;max-width:100%!important}
 body.ukvUi .mailrow .subjectTitle{font-size:11.5px!important}
 body.ukvUi .mailrow .subject .preview{display:none!important}
 body.ukvUi .mailrow .attachmentCell{display:none!important}
 body.ukvUi .mailrow .date{grid-area:date!important;font-size:9px!important;align-self:center!important}
 body.ukvUi .readStateDot{display:none!important}
 body.ukvUi .threadInlineItem{grid-template-columns:28px minmax(80px,120px) minmax(0,1fr);padding:7px 10px 7px 40px}
 body.ukvUi .threadInlineDate,body.ukvUi .threadInlineContent small{display:none}
 body.ukvUi .reader{width:100%!important;padding:12px 13px 28px!important}
}

/* Reel Mail V3 — 5 dakikalık hafif senkronizasyon + isteğe bağlı yeni posta görünümü */
body.ukvUi .newMailNotice[hidden]{display:none!important}
body.ukvUi .newMailNotice{
  min-height:48px;display:flex;align-items:center;gap:8px;padding:7px 10px 7px 12px;
  border-bottom:1px solid #cfe9df;background:#effaf6;color:#17463a;
}
body.ukvUi .newMailNoticeButton{
  min-width:0;flex:1;min-height:36px;display:flex;align-items:center;gap:10px;padding:5px 8px;
  border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;
}
body.ukvUi .newMailNoticeButton:hover{background:#e3f6ee}
body.ukvUi .newMailNoticeIcon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:9px;background:#d7f3e8;color:#07805e}
body.ukvUi .newMailNoticeIcon .uiIcon{width:17px;height:17px}
body.ukvUi .newMailNoticeText{min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
body.ukvUi .newMailNoticeText strong{font-size:11.5px;color:#0a7557}
body.ukvUi .newMailNoticeText small{font-size:10px;color:#668177}
body.ukvUi .newMailNoticeAction{margin-left:auto;flex:0 0 auto;padding:6px 10px;border-radius:8px;background:#fff;border:1px solid #cae6db;color:#087b5b;font-size:10.5px;font-weight:800}
body.ukvUi .newMailNoticeClose{width:30px;height:30px;flex:0 0 30px;border:0;border-radius:8px;background:transparent;color:#678177;font-size:20px;line-height:1;cursor:pointer}
body.ukvUi .newMailNoticeClose:hover{background:#dff2eb;color:#295f50}
body.ukvUi .ukvSyncMeta{display:inline-flex;align-items:center;height:30px;padding:0 7px;color:#8a98aa;font-size:9.5px;white-space:nowrap}
body.ukvUi .ukvIconButton.isChecking .uiIcon{animation:ukvSyncSpin .8s linear infinite}
@keyframes ukvSyncSpin{to{transform:rotate(360deg)}}
@media(max-width:1050px){body.ukvUi .ukvSyncMeta{display:none!important}}
@media(max-width:700px){
  body.ukvUi .newMailNotice{padding:6px 8px;min-height:46px}
  body.ukvUi .newMailNoticeText small{display:none}
  body.ukvUi .newMailNoticeAction{padding:6px 8px}
}

/* =========================================================
   Reel Mail V4 — ferah Gmail-benzeri e-posta okuma ekranı
   Sadece okuma sayfasını etkiler; mail motoru değişmez.
   ========================================================= */
body.ukvUi .ukvContent:has(.ukvReaderV4){
  background:#fff!important;
  overflow:visible!important;
}
body.ukvUi .ukvReaderV4{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - 86px)!important;
  margin:0!important;
  padding:0 0 52px!important;
  display:block!important;
  background:#fff!important;
}
body.ukvUi .ukvReaderToolbar{
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  margin:0!important;
  padding:7px 18px!important;
  position:sticky!important;
  top:72px!important;
  z-index:35!important;
  border-bottom:1px solid #edf1ef!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(12px)!important;
}
body.ukvUi .ukvReaderToolbar .readerAction,
body.ukvUi .ukvReaderToolbar .readerActionForm .readerAction{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#405267!important;
  box-shadow:none!important;
}
body.ukvUi .ukvReaderToolbar .readerAction:hover,
body.ukvUi .ukvReaderToolbar .readerMore[open]>.readerAction{
  background:#edf5f2!important;
  color:#15384a!important;
}
body.ukvUi .ukvReaderToolbar .readerActionIcon{width:18px!important;height:18px!important}
body.ukvUi .ukvReaderToolbar .readerAction span{display:none!important}
body.ukvUi .ukvReaderToolbar .readerActionDivider{width:1px!important;height:22px!important;margin:0 6px!important;background:#e2e8e5!important}
body.ukvUi .readerToolbarSpacer{flex:1 1 auto}
body.ukvUi .readerBackAction{margin-right:4px!important}

body.ukvUi .readerMessageShell{
  width:min(calc(100% - 72px),1700px)!important;
  margin:0 0 0 54px!important;
  padding:0 0 20px!important;
}
body.ukvUi .ukvReaderSubjectRow{
  display:block!important;
  margin:0!important;
  padding:30px 8px 18px 58px!important;
  border:0!important;
}
body.ukvUi .ukvReaderSubjectRow .readerTitleBlock{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
body.ukvUi .ukvReaderSubjectRow h1{
  max-width:calc(100% - 120px)!important;
  margin:0!important;
  color:#172539!important;
  font-size:25px!important;
  line-height:1.32!important;
  font-weight:550!important;
  letter-spacing:-.32px!important;
  overflow-wrap:anywhere!important;
}
body.ukvUi .readerFolderChip{
  height:23px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 8px!important;
  border-radius:6px!important;
  background:#edf3f1!important;
  color:#607268!important;
  font-size:10px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

body.ukvUi .ukvSenderRow{
  width:100%!important;
  min-height:56px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
  margin:0!important;
  padding:4px 8px 12px 0!important;
  border:0!important;
  background:transparent!important;
}
body.ukvUi .ukvSenderRow .senderProfileLogo{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#daf5eb,#c9eee1)!important;
  color:#07986f!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
body.ukvUi .ukvSenderIdentity{min-width:0!important;padding-top:1px!important}
body.ukvUi .ukvSenderMainLine{
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  gap:5px!important;
  flex-wrap:wrap!important;
  line-height:1.4!important;
}
body.ukvUi .ukvSenderMainLine strong{color:#172539!important;font-size:13.5px!important;font-weight:800!important}
body.ukvUi .ukvSenderMainLine span{max-width:100%!important;color:#66778d!important;font-size:11.5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.ukvUi .ukvMailDetails{margin:2px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
body.ukvUi .ukvMailDetails>summary{
  width:max-content!important;
  max-width:100%!important;
  padding:0!important;
  color:#7a899a!important;
  font-size:10.5px!important;
  cursor:pointer!important;
  list-style:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.ukvUi .ukvMailDetails>summary::-webkit-details-marker{display:none}
body.ukvUi .ukvMailDetails .detailsChevron{font-size:11px!important;color:#66788b!important}
body.ukvUi .ukvMailDetails .meta{
  width:min(560px,calc(100vw - 390px))!important;
  margin:8px 0 0!important;
  padding:12px 14px!important;
  position:relative!important;
  z-index:5!important;
  border:1px solid #dfe8e4!important;
  border-radius:10px!important;
  background:#fbfdfc!important;
  color:#607066!important;
  font-size:11px!important;
  line-height:1.7!important;
  box-shadow:0 10px 28px rgba(32,66,58,.07)!important;
}
body.ukvUi .ukvSenderTools{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:1px!important;
  color:#7a8798!important;
}
body.ukvUi .ukvSenderTools time{margin-right:5px!important;font-size:10.5px!important;white-space:nowrap!important}
body.ukvUi .readerMiniAction{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#536477!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body.ukvUi .readerMiniAction:hover{background:#edf5f2!important;color:#173e4e!important}
body.ukvUi .readerMiniAction .readerActionIcon{width:17px!important;height:17px!important}
body.ukvUi .readerSenderMore{position:relative!important}
body.ukvUi .readerSenderMore>summary{list-style:none!important}
body.ukvUi .readerSenderMore>summary::-webkit-details-marker{display:none}
body.ukvUi .readerSenderMore .readerMoreMenu{right:0!important;left:auto!important;top:38px!important}

body.ukvUi .ukvReaderBody{
  width:100%!important;
  max-width:none!important;
  min-height:160px!important;
  margin:0!important;
  padding:16px 52px 26px 56px!important;
  border:0!important;
  background:#fff!important;
  color:#202e42!important;
  font-size:14px!important;
  line-height:1.68!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body.ukvUi .ukvReaderBody>*{max-width:100%!important}
body.ukvUi .ukvReaderBody img,body.ukvUi .ukvReaderBody video{max-width:100%!important;height:auto!important}
body.ukvUi .ukvReaderBody iframe{max-width:100%!important}
body.ukvUi .ukvReaderBody table{max-width:100%!important}

body.ukvUi .ukvAttachmentSection{
  width:calc(100% - 56px)!important;
  margin:4px 0 24px 56px!important;
  padding:15px 0 0!important;
  border:0!important;
  border-top:1px solid #e5ebe8!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.ukvUi .ukvAttachmentTitle{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 0 10px!important;
  padding:0!important;
}
body.ukvUi .attachmentTitleLeft{display:flex!important;align-items:center!important;gap:7px!important;color:#2c3b4e!important}
body.ukvUi .attachmentTitleLeft .attachmentPaperclip{display:grid!important;place-items:center!important;color:#617084!important}
body.ukvUi .attachmentTitleLeft .uiIcon{width:17px!important;height:17px!important}
body.ukvUi .attachmentTitleLeft strong{font-size:12px!important;font-weight:800!important}
body.ukvUi .readerAttachmentGrid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(175px,220px))!important;
  gap:10px!important;
  align-items:start!important;
}
body.ukvUi .readerAttachmentTile{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #dfe5e2!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(28,62,52,.025)!important;
  transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease!important;
}
body.ukvUi .readerAttachmentTile:hover{
  border-color:#c9d8d3!important;
  box-shadow:0 7px 18px rgba(29,68,57,.075)!important;
  transform:translateY(-1px)!important;
}
body.ukvUi .readerAttachmentPreview{
  height:104px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  text-decoration:none!important;
  background:#f6f8f7!important;
  border-bottom:1px solid #e7ecea!important;
}
body.ukvUi .readerAttachmentPreview img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
body.ukvUi .readerAttachmentTypeIcon{
  min-width:58px!important;
  height:44px!important;
  padding:0 9px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#62758c!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.5px!important;
  box-shadow:0 5px 12px rgba(23,40,62,.12)!important;
}
body.ukvUi .readerAttachmentPreview.file-pdf .readerAttachmentTypeIcon{background:#d94343!important}
body.ukvUi .readerAttachmentPreview.file-word .readerAttachmentTypeIcon{background:#386bc0!important}
body.ukvUi .readerAttachmentPreview.file-excel .readerAttachmentTypeIcon{background:#2b8c5a!important}
body.ukvUi .readerAttachmentPreview.file-powerpoint .readerAttachmentTypeIcon{background:#cc6844!important}
body.ukvUi .readerAttachmentPreview.file-archive .readerAttachmentTypeIcon{background:#725d98!important}
body.ukvUi .readerAttachmentBottom{
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 6px 5px 9px!important;
  background:#fff!important;
}
body.ukvUi .readerAttachmentName{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#3e4e62!important;
  font-size:10px!important;
  font-weight:650!important;
}
body.ukvUi .readerAttachmentQuickActions{display:flex!important;align-items:center!important;gap:1px!important}
body.ukvUi .readerAttachmentQuickActions a{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#5c6d80!important;
  text-decoration:none!important;
  font-size:14px!important;
}
body.ukvUi .readerAttachmentQuickActions a:hover{background:#edf4f1!important;color:#0d785b!important}
body.ukvUi .readerAttachmentQuickActions .readerActionIcon{width:15px!important;height:15px!important}

body.ukvUi .ukvReaderReplyBar{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:20px 0 0 56px!important;
  padding:0!important;
}
body.ukvUi .ukvReaderReplyBar .readerMobileReply{
  min-width:108px!important;
  height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 17px!important;
  border:1px solid #cad4d0!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#34475a!important;
  text-decoration:none!important;
  font-size:11.5px!important;
  font-weight:750!important;
}
body.ukvUi .ukvReaderReplyBar .readerMobileReply:hover{background:#f2f8f5!important;border-color:#b8cbc4!important}
body.ukvUi .ukvReaderReplyBar .readerActionIcon{width:16px!important;height:16px!important}

@media(max-width:1250px) and (min-width:701px){
  body.ukvUi .readerMessageShell{width:calc(100% - 34px)!important;margin-left:26px!important}
  body.ukvUi .ukvReaderSubjectRow{padding-left:50px!important;padding-right:8px!important}
  body.ukvUi .ukvReaderBody{padding-left:50px!important;padding-right:20px!important}
  body.ukvUi .ukvAttachmentSection{width:calc(100% - 50px)!important;margin-left:50px!important}
  body.ukvUi .ukvReaderReplyBar{margin-left:50px!important}
  body.ukvUi .readerAttachmentGrid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))!important}
}

@media(max-width:700px){
  body.ukvUi .ukvReaderV4{padding:0 0 30px!important}
  body.ukvUi .ukvReaderToolbar{
    top:0!important;height:50px!important;min-height:50px!important;padding:5px 8px!important;overflow-x:auto!important;scrollbar-width:none!important;
  }
  body.ukvUi .ukvReaderToolbar::-webkit-scrollbar{display:none!important}
  body.ukvUi .ukvReaderToolbar .readerAction,body.ukvUi .ukvReaderToolbar .readerActionForm .readerAction{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  body.ukvUi .readerToolbarSpacer{min-width:12px!important}
  body.ukvUi .readerMessageShell{width:100%!important;margin:0!important;padding:0 0 16px!important}
  body.ukvUi .ukvReaderSubjectRow{padding:16px 14px 12px!important}
  body.ukvUi .ukvReaderSubjectRow .readerTitleBlock{align-items:flex-start!important}
  body.ukvUi .ukvReaderSubjectRow h1{max-width:100%!important;font-size:20px!important;line-height:1.32!important;font-weight:650!important}
  body.ukvUi .readerFolderChip{height:21px!important;font-size:9px!important}
  body.ukvUi .ukvSenderRow{grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important;padding:8px 12px 10px 14px!important}
  body.ukvUi .ukvSenderRow .senderProfileLogo{width:36px!important;height:36px!important;min-width:36px!important;font-size:12px!important}
  body.ukvUi .ukvSenderMainLine strong{font-size:12.5px!important}
  body.ukvUi .ukvSenderMainLine span{font-size:10px!important}
  body.ukvUi .ukvMailDetails>summary{max-width:230px!important;font-size:9.5px!important}
  body.ukvUi .ukvMailDetails .meta{width:min(92vw,520px)!important;font-size:10px!important}
  body.ukvUi .ukvSenderTools time{font-size:9px!important;margin-right:0!important}
  body.ukvUi .ukvSenderTools .readerMiniAction{display:none!important}
  body.ukvUi .ukvReaderBody{padding:15px 14px 22px!important;font-size:13.5px!important;line-height:1.62!important;border-top:1px solid #f0f3f2!important}
  body.ukvUi .ukvAttachmentSection{width:auto!important;margin:4px 14px 18px!important;padding-top:12px!important}
  body.ukvUi .readerAttachmentGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.ukvUi .readerAttachmentPreview{height:88px!important}
  body.ukvUi .readerAttachmentBottom{padding-left:7px!important}
  body.ukvUi .readerAttachmentQuickActions a{width:26px!important;height:26px!important}
  body.ukvUi .ukvReaderReplyBar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:14px 14px 0!important}
  body.ukvUi .ukvReaderReplyBar .readerMobileReply{width:100%!important;min-width:0!important;height:42px!important;padding:0 8px!important;font-size:11px!important}
  body.ukvUi .ukvReaderReplyBar .readerReplyAll{display:none!important}
}

@media(max-width:390px){
  body.ukvUi .readerAttachmentGrid{grid-template-columns:1fr!important}
}

/* =========================================================
   Reel Mail V5 — header/content boşluk düzeltmesi + daha okunaklı tipografi
   ========================================================= */
body.ukvUi{
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif!important;
}

@media (min-width:701px){
  /* Header akışta kalsın; içerik altında ikinci bir boşluk oluşmasın */
  body.ukvUi .ukvTopbar{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
    height:64px!important;
    min-height:64px!important;
    padding:7px 16px!important;
    z-index:90!important;
    border-bottom:1px solid #e3ebe6!important;
    background:rgba(244,248,245,.96)!important;
    backdrop-filter:blur(10px)!important;
  }
  body.ukvUi .ukvApp{
    padding-top:0!important;
    min-height:calc(100vh - 64px)!important;
    align-items:start!important;
  }
  body.ukvUi .ukvSidebar{
    top:64px!important;
    height:calc(100vh - 64px)!important;
    padding-top:10px!important;
  }
  body.ukvUi .ukvContent{
    min-height:calc(100vh - 64px)!important;
    margin:0 14px 14px 0!important;
  }

  /* Liste ekranı daha ferah ve kurumsal olsun */
  body.ukvUi .ukvToolbar{
    min-height:54px!important;
    padding:8px 14px!important;
  }
  body.ukvUi .ukvMailTabs{
    min-height:50px!important;
    padding:0 14px!important;
  }
  body.ukvUi .ukvMailTabs>a{
    font-size:12.5px!important;
  }
  body.ukvUi .mailrow{
    min-height:52px!important;
    grid-template-columns:28px 28px 38px minmax(155px,210px) minmax(320px,1fr) minmax(0,230px) 88px!important;
    padding:0 14px!important;
    column-gap:8px!important;
  }
  body.ukvUi .senderAvatar{
    width:32px!important;height:32px!important;min-width:32px!important;
    font-size:10px!important;
  }
  body.ukvUi .mailrow .sender{
    font-size:12.5px!important;
    color:#31445a!important;
  }
  body.ukvUi .mailrow.unread .sender{color:#1b2f47!important}
  body.ukvUi .mailrow .subjectTitle{
    font-size:12.7px!important;
    line-height:1.35!important;
    letter-spacing:0!important;
  }
  body.ukvUi .mailrow .subject .preview{
    font-size:11.5px!important;
    color:#8392a4!important;
  }
  body.ukvUi .mailrow .date{
    font-size:11.5px!important;
    color:#7d8a99!important;
  }
  body.ukvUi .attachmentItem{
    height:31px!important;
  }

  /* Okuma ekranı daha okunaklı olsun */
  body.ukvUi .ukvReaderToolbar{
    top:64px!important;
  }
  body.ukvUi .readerMessageShell{
    width:min(calc(100% - 56px),1720px)!important;
    margin:0 0 0 32px!important;
    padding:0 0 22px!important;
  }
  body.ukvUi .ukvReaderSubjectRow{
    padding:24px 14px 14px 56px!important;
  }
  body.ukvUi .ukvReaderSubjectRow h1{
    max-width:none!important;
    font-size:31px!important;
    line-height:1.24!important;
    font-weight:620!important;
    letter-spacing:-.45px!important;
    color:#17283c!important;
  }
  body.ukvUi .readerFolderChip{
    height:24px!important;
    font-size:10.5px!important;
    padding:0 9px!important;
  }
  body.ukvUi .ukvSenderRow{
    padding:2px 16px 14px 0!important;
    gap:14px!important;
  }
  body.ukvUi .ukvSenderRow .senderProfileLogo{
    width:42px!important;height:42px!important;min-width:42px!important;
    font-size:14px!important;
  }
  body.ukvUi .ukvSenderMainLine{
    gap:7px!important;
    line-height:1.45!important;
  }
  body.ukvUi .ukvSenderMainLine strong{
    font-size:14.5px!important;
    font-weight:800!important;
  }
  body.ukvUi .ukvSenderMainLine span{
    font-size:12px!important;
    color:#6f7f92!important;
  }
  body.ukvUi .ukvMailDetails>summary{
    font-size:11px!important;
  }
  body.ukvUi .ukvSenderTools time{
    font-size:11px!important;
  }
  body.ukvUi .ukvReaderBody{
    padding:18px 52px 28px 56px!important;
    font-size:15px!important;
    line-height:1.82!important;
    color:#243549!important;
  }
  body.ukvUi .ukvAttachmentSection{
    width:calc(100% - 56px)!important;
    margin:8px 0 26px 56px!important;
    padding-top:16px!important;
  }
  body.ukvUi .attachmentTitleLeft strong{
    font-size:13px!important;
  }
  body.ukvUi .readerAttachmentGrid{
    grid-template-columns:repeat(auto-fill,minmax(190px,230px))!important;
    gap:12px!important;
  }
  body.ukvUi .readerAttachmentName{
    font-size:10.8px!important;
  }
  body.ukvUi .ukvReaderReplyBar{
    margin:24px 0 0 56px!important;
  }
  body.ukvUi .ukvReaderReplyBar .readerMobileReply{
    min-width:120px!important;
    height:42px!important;
    font-size:12px!important;
  }
}

@media (min-width:701px) and (max-width:1250px){
  body.ukvUi .readerMessageShell{width:calc(100% - 28px)!important;margin-left:20px!important}
  body.ukvUi .ukvReaderSubjectRow{padding-left:42px!important}
  body.ukvUi .ukvReaderBody{padding-left:42px!important;padding-right:28px!important}
  body.ukvUi .ukvAttachmentSection{width:calc(100% - 42px)!important;margin-left:42px!important}
  body.ukvUi .ukvReaderReplyBar{margin-left:42px!important}
}

/* =========================================================
   Reel Mail V6 — 15'li Gmail-benzeri sayfalama
   ========================================================= */
body.ukvUi .ukvPageRange{
  display:inline-flex!important;
  align-items:center!important;
  min-width:82px!important;
  justify-content:flex-end!important;
  color:#7e8b9c!important;
  font-size:11px!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
body.ukvUi a.ukvPager{
  text-decoration:none!important;
  cursor:pointer!important;
  color:#3c526b!important;
  transition:background .12s ease,color .12s ease!important;
}
body.ukvUi a.ukvPager:hover{
  background:#edf5f2!important;
  color:#087d5b!important;
}
body.ukvUi .ukvPager.disabled{
  opacity:.3!important;
  cursor:default!important;
  pointer-events:none!important;
}
@media(max-width:700px){
  body.ukvUi .ukvPageRange{font-size:10px!important;min-width:auto!important}
}


/* =========================================================
   Reel Mail V8 — sade ve kurumsal yeni ileti penceresi
   CC/BCC arayüzden kaldırıldı; gönderim motoru korunur.
   ========================================================= */
body.ukvUi .composePopupForm{
  width:min(760px,calc(100% - 56px))!important;
  height:min(640px,calc(100vh - 96px))!important;
  right:28px!important;
  border:1px solid #dce6e2!important;
  border-radius:15px 15px 0 0!important;
  box-shadow:0 20px 52px rgba(30,63,53,.18)!important;
}
body.ukvUi .composePopupHead{
  height:50px!important;
  padding:0 12px 0 18px!important;
  background:#edf6f2!important;
  color:#182d42!important;
  border-bottom:1px solid #dfe8e4!important;
  font-size:14px!important;
}
body.ukvUi .composePopupHead strong{font-weight:800!important}
body.ukvUi .composePopupForm .field{
  min-height:52px!important;
  height:52px!important;
  padding:0 18px!important;
  border-bottom:1px solid #e6ebe9!important;
  background:#fff!important;
}
body.ukvUi .composePopupForm .field label{
  width:62px!important;
  flex:0 0 62px!important;
  color:#506379!important;
  font-size:12.5px!important;
  font-weight:600!important;
}
body.ukvUi .composePopupForm .field input{
  min-width:0!important;
  height:100%!important;
  color:#203247!important;
  font-size:14px!important;
}
body.ukvUi .composePopupForm .field input::placeholder{color:#9aa5b2!important}
body.ukvUi .composePopupForm textarea{
  flex:1 1 auto!important;
  min-height:300px!important;
  padding:24px 20px!important;
  color:#203247!important;
  font:14.5px/1.78 "Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;
}
body.ukvUi .composePopupForm textarea::placeholder{color:#a0aab5!important}
body.ukvUi .composePopupForm .composeFooter{
  min-height:68px!important;
  padding:11px 16px!important;
  gap:9px!important;
  border-top:1px solid #e3eae7!important;
  background:#fff!important;
}
body.ukvUi .composePopupForm .composeFooter .btn{
  min-height:40px!important;
  height:40px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:750!important;
}
body.ukvUi .composePopupForm .composeFooter .btn.primary{
  min-width:86px!important;
  background:#0eac7c!important;
  border-color:#0eac7c!important;
  box-shadow:none!important;
}
body.ukvUi .composePopupForm .composeFooter .btn.primary:hover{background:#078f68!important;border-color:#078f68!important}
body.ukvUi .composePopupForm .composeFooter .muted{
  margin-left:auto!important;
  color:#8a98a7!important;
  font-size:10.5px!important;
}
body.ukvUi .selectedAttachments{padding:0 18px 8px!important}

@media(max-width:900px){
  body.ukvUi .composePopupForm{
    width:100%!important;height:calc(100vh - 68px)!important;right:0!important;border-radius:0!important;
  }
}
@media(max-width:700px){
  body.ukvUi .composePopupForm .field{min-height:50px!important;height:50px!important;padding:0 14px!important}
  body.ukvUi .composePopupForm .field label{width:50px!important;flex-basis:50px!important}
  body.ukvUi .composePopupForm textarea{padding:18px 14px!important;font-size:16px!important;line-height:1.65!important}
  body.ukvUi .composePopupForm .composeFooter{padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}
}

/* =========================================================
   Reel Mail V11 — kalıcı Reel Ajans ürün markası
   Müşteri logosu yalnızca hesap/profil alanında kullanılır.
   ========================================================= */
body.ukvUi .reelProductBrand{
  gap:7px!important;
  min-width:0!important;
}
body.ukvUi .reelProductLogo{
  width:132px!important;
  max-width:132px!important;
  height:34px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
  flex:0 0 132px!important;
}
body.ukvUi .reelProductName{
  display:inline-flex!important;
  align-items:center!important;
  height:24px!important;
  padding-left:8px!important;
  border-left:1px solid #d9e4e0!important;
  color:#23384f!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:-.2px!important;
  white-space:nowrap!important;
}
body.ukvUi .reelProductNote small{
  max-width:165px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:1050px) and (min-width:701px){
  body.ukvUi .reelProductLogo{width:112px!important;max-width:112px!important;flex-basis:112px!important;height:31px!important}
  body.ukvUi .reelProductName{font-size:13px!important;padding-left:6px!important}
}
@media(max-width:700px){
  body.ukvUi .reelProductLogo{width:116px!important;max-width:116px!important;flex-basis:116px!important;height:30px!important}
  body.ukvUi .reelProductName{display:none!important}
}
body.ukvUi .reelProductNote small{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  line-height:1.25!important;
}

/* =========================================================
   Reel Mail V13 — kurumsal manuel yenile butonu
   ========================================================= */
body.ukvUi .ukvManualRefresh{
  height:36px;
  min-width:92px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  border:1px solid #c8ded6;
  border-radius:9px;
  background:#f5fbf8;
  color:#137557;
  font:750 11.5px/1 "Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  letter-spacing:.005em;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease;
}
body.ukvUi .ukvManualRefresh:hover{
  background:#e9f7f1;
  border-color:#a9d2c3;
  color:#086c4e;
  box-shadow:0 3px 10px rgba(18,169,123,.08);
}
body.ukvUi .ukvManualRefresh:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(18,169,123,.14);
}
body.ukvUi .ukvManualRefresh:disabled{
  cursor:wait;
  opacity:.72;
}
body.ukvUi .ukvManualRefreshIcon{
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  flex:0 0 17px;
}
body.ukvUi .ukvManualRefreshIcon .uiIcon{width:17px;height:17px}
body.ukvUi .ukvManualRefresh.isChecking .ukvManualRefreshIcon .uiIcon{animation:ukvSyncSpin .8s linear infinite}
body.ukvUi .ukvManualRefreshText{white-space:nowrap}

@media(max-width:700px){
  body.ukvUi .ukvManualRefresh{height:34px;min-width:82px;padding:0 10px;font-size:10.5px}
  body.ukvUi .ukvManualRefreshIcon{width:16px;height:16px;flex-basis:16px}
  body.ukvUi .ukvManualRefreshIcon .uiIcon{width:16px;height:16px}
}

/* =========================================================
   Reel Mail V16 — TinyMCE kurumsal tam e-posta editörü
   Yalnızca Yeni İleti penceresinde yüklenir.
   ========================================================= */
body.ukvUi .reelRichEditorHost{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.ukvUi .reelRichEditorHost>textarea{
  flex:1 1 auto!important;
  min-height:300px!important;
}
body.ukvUi .reelEditorLoading{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  background:#fff!important;
  color:#7b8998!important;
  font-size:11.5px!important;
}
body.ukvUi .reelEditorLoading span{
  width:14px!important;height:14px!important;border:2px solid #d9e7e2!important;border-top-color:#0eac7c!important;border-radius:50%!important;
  animation:reelEditorSpin .7s linear infinite!important;
}
@keyframes reelEditorSpin{to{transform:rotate(360deg)}}
body.ukvUi .reelRichEditorHost .tox-tinymce{
  flex:1 1 auto!important;
  min-height:300px!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.ukvUi .reelRichEditorHost .tox .tox-editor-header{
  border-bottom:1px solid #e4ebe8!important;
  box-shadow:none!important;
  background:#f8fbfa!important;
  padding:3px 7px!important;
}
body.ukvUi .reelRichEditorHost .tox .tox-toolbar-overlord,
body.ukvUi .reelRichEditorHost .tox .tox-toolbar__primary,
body.ukvUi .reelRichEditorHost .tox .tox-toolbar,
body.ukvUi .reelRichEditorHost .tox .tox-toolbar__overflow{
  background:#f8fbfa!important;
}
body.ukvUi .reelRichEditorHost .tox .tox-tbtn{
  border-radius:7px!important;
  color:#41566d!important;
}
body.ukvUi .reelRichEditorHost .tox .tox-tbtn:hover,
body.ukvUi .reelRichEditorHost .tox .tox-tbtn--enabled{
  background:#e8f4ef!important;
}
body.ukvUi .reelRichEditorHost .tox .tox-edit-area::before{border:0!important}
body.ukvUi .reelRichEditorHost .tox .tox-edit-area__iframe{background:#fff!important}
body.ukvUi .reelRichEditorHost.editorFallback .reelEditorLoading{display:none!important}
body.ukvUi .composePopupForm:has(.tox-tinymce) .composeFooter{border-top:1px solid #e3eae7!important}

@media(max-width:700px){
  body.ukvUi .reelRichEditorHost .tox-tinymce{min-height:260px!important}
  body.ukvUi .reelRichEditorHost .tox .tox-editor-header{padding:2px 3px!important}
  body.ukvUi .reelRichEditorHost .tox .tox-toolbar__primary{overflow-x:auto!important;flex-wrap:nowrap!important}
}

/* =========================================================
   Reel Mail V17 — gelen kutusunda ek önizleme şeridi
   Görseller lazy thumbnail; belgeler hafif dosya kartı.
   ========================================================= */
@media (min-width:1251px){
  body.ukvUi .mailrow{
    grid-template-columns:28px 28px 38px minmax(155px,210px) minmax(300px,1fr) minmax(250px,300px) 88px!important;
  }
  body.ukvUi .attachmentCell{
    overflow:visible!important;
  }
  body.ukvUi .attachmentStrip{
    gap:5px!important;
    overflow:hidden!important;
  }
  body.ukvUi .attachmentItem{
    height:36px!important;
    flex:0 1 auto!important;
  }
  body.ukvUi .attachmentInboxPreview{
    width:58px!important;
    height:36px!important;
    flex:0 0 58px!important;
    display:block!important;
    overflow:hidden!important;
    border:1px solid #dce5e2!important;
    border-radius:8px!important;
    background:#f4f7f6!important;
    box-shadow:0 1px 3px rgba(31,61,52,.04)!important;
  }
  body.ukvUi .attachmentInboxPreview:hover{
    border-color:#b9d4cb!important;
    box-shadow:0 4px 12px rgba(27,74,59,.10)!important;
  }
  body.ukvUi .attachmentInboxPreview img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
  }
  body.ukvUi .attachmentInboxDoc{
    width:104px!important;
    height:36px!important;
    min-width:74px!important;
    max-width:112px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:5px!important;
    padding:4px 5px 4px 8px!important;
    overflow:hidden!important;
    border:1px solid #dce5e2!important;
    border-radius:8px!important;
    background:#f5f7f6!important;
    color:#42546a!important;
    text-decoration:none!important;
    box-shadow:0 1px 3px rgba(31,61,52,.025)!important;
  }
  body.ukvUi .attachmentInboxDoc:hover{
    background:#eef6f3!important;
    border-color:#c6dcd4!important;
  }
  body.ukvUi .attachmentInboxDocName{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
    font-weight:650!important;
    line-height:1.15!important;
  }
  body.ukvUi .attachmentInboxDocType{
    min-width:28px!important;
    height:21px!important;
    padding:0 4px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:5px!important;
    background:#65768d!important;
    color:#fff!important;
    font-size:7.5px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
  }
  body.ukvUi .attachmentInboxDocType.attachmentExt-pdf{background:#d74444!important}
  body.ukvUi .attachmentInboxDocType.attachmentExt-doc,
  body.ukvUi .attachmentInboxDocType.attachmentExt-docx{background:#3972c8!important}
  body.ukvUi .attachmentInboxDocType.attachmentExt-xls,
  body.ukvUi .attachmentInboxDocType.attachmentExt-xlsx,
  body.ukvUi .attachmentInboxDocType.attachmentExt-csv{background:#238554!important}
  body.ukvUi .attachmentInboxDocType.attachmentExt-ppt,
  body.ukvUi .attachmentInboxDocType.attachmentExt-pptx{background:#cc6541!important}
  body.ukvUi .attachmentInboxDocType.attachmentExt-zip,
  body.ukvUi .attachmentInboxDocType.attachmentExt-rar,
  body.ukvUi .attachmentInboxDocType.attachmentExt-7z{background:#765f9b!important}
  body.ukvUi .attachmentSummary .attachmentCount,
  body.ukvUi .attachmentZipDownload{
    height:29px!important;
    min-width:29px!important;
  }
}

/* 1050–1250 px: bir küçük önizleme bırak, listeyi sıkıştırma */
@media (min-width:1051px) and (max-width:1250px){
  body.ukvUi .attachmentInboxPreview{width:48px!important;height:31px!important;flex-basis:48px!important}
  body.ukvUi .attachmentInboxDoc{width:92px!important;height:31px!important;padding:3px 5px 3px 7px!important}
  body.ukvUi .attachmentInboxDocName{font-size:8.5px!important}
  body.ukvUi .attachmentInboxDocType{min-width:25px!important;height:19px!important;font-size:7px!important}
}

/* =========================================================
   Reel Mail V18 — gerçek ek minyatürleri
   Mail açılmadan görsel/PDF/Office önizlemesi; thumbnail endpoint cache'lidir.
   ========================================================= */
@media (min-width:1251px){
  body.ukvUi .mailrow{
    grid-template-columns:28px 28px 38px minmax(155px,210px) minmax(280px,1fr) minmax(285px,340px) 88px!important;
  }
  body.ukvUi .attachmentStrip{gap:6px!important;justify-content:flex-end!important}
  body.ukvUi .attachmentItem{height:42px!important;display:flex!important;align-items:center!important}
  body.ukvUi .attachmentInboxThumb{
    position:relative!important;
    width:68px!important;
    height:42px!important;
    flex:0 0 68px!important;
    display:block!important;
    overflow:hidden!important;
    border:1px solid #d8e2de!important;
    border-radius:8px!important;
    background:#f5f8f7!important;
    text-decoration:none!important;
    box-shadow:0 1px 4px rgba(25,61,50,.05)!important;
    transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease!important;
  }
  body.ukvUi .attachmentInboxThumb:hover{
    border-color:#a9cbbf!important;
    box-shadow:0 4px 12px rgba(22,76,59,.12)!important;
    transform:translateY(-1px)!important;
  }
  body.ukvUi .attachmentInboxThumb img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    background:#f5f8f7!important;
  }
  body.ukvUi .attachmentInboxThumbLabel{
    position:absolute!important;
    left:4px!important;
    bottom:3px!important;
    max-width:48px!important;
    height:15px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    border-radius:4px!important;
    background:rgba(20,36,51,.78)!important;
    color:#fff!important;
    font-size:6.5px!important;
    font-weight:850!important;
    letter-spacing:.02em!important;
    line-height:1!important;
    pointer-events:none!important;
  }
  body.ukvUi .attachmentInboxDoc{height:42px!important}
  body.ukvUi .attachmentSummary .attachmentCount,
  body.ukvUi .attachmentZipDownload{height:31px!important;min-width:31px!important}
}

@media (min-width:1051px) and (max-width:1250px){
  body.ukvUi .attachmentInboxThumb{
    position:relative!important;width:58px!important;height:36px!important;flex:0 0 58px!important;display:block!important;
    overflow:hidden!important;border:1px solid #d8e2de!important;border-radius:7px!important;background:#f5f8f7!important;text-decoration:none!important;
  }
  body.ukvUi .attachmentInboxThumb img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
  body.ukvUi .attachmentInboxThumbLabel{
    position:absolute!important;left:3px!important;bottom:2px!important;height:13px!important;padding:0 3px!important;display:flex!important;align-items:center!important;
    border-radius:3px!important;background:rgba(20,36,51,.76)!important;color:#fff!important;font-size:6px!important;font-weight:850!important;
  }
}

/* =========================================================
   Reel Mail V19 — Gelen kutusu ek minyatürlerini daha belirgin yap
   ========================================================= */
@media (min-width:1251px){
  body.ukvUi .mailrow{
    min-height:62px!important;
    grid-template-columns:28px 28px 38px minmax(150px,205px) minmax(220px,1fr) minmax(360px,440px) 90px!important;
  }
  body.ukvUi .attachmentStrip{
    gap:8px!important;
  }
  body.ukvUi .attachmentItem{
    height:52px!important;
  }
  body.ukvUi .attachmentInboxThumb{
    width:84px!important;
    height:52px!important;
    flex-basis:84px!important;
    border-radius:10px!important;
    border-color:#cfddd8!important;
    box-shadow:0 2px 7px rgba(22,76,59,.08)!important;
  }
  body.ukvUi .attachmentInboxThumb:hover{
    box-shadow:0 6px 16px rgba(22,76,59,.14)!important;
  }
  body.ukvUi .attachmentInboxThumbLabel{
    left:5px!important;
    bottom:5px!important;
    max-width:62px!important;
    height:17px!important;
    padding:0 5px!important;
    border-radius:5px!important;
    font-size:7px!important;
  }
  body.ukvUi .attachmentInboxDoc{
    width:124px!important;
    min-width:104px!important;
    max-width:128px!important;
    height:52px!important;
    padding:6px 6px 6px 10px!important;
    border-radius:10px!important;
    box-shadow:0 2px 7px rgba(22,76,59,.06)!important;
  }
  body.ukvUi .attachmentInboxDocName{
    font-size:10.5px!important;
    line-height:1.2!important;
  }
  body.ukvUi .attachmentInboxDocType{
    min-width:33px!important;
    height:24px!important;
    border-radius:6px!important;
    font-size:8px!important;
  }
  body.ukvUi .attachmentSummary .attachmentCount,
  body.ukvUi .attachmentZipDownload{
    height:34px!important;
    min-width:34px!important;
    border-radius:8px!important;
    font-size:12px!important;
  }
}

@media (min-width:1051px) and (max-width:1250px){
  body.ukvUi .mailrow{
    min-height:60px!important;
  }
  body.ukvUi .attachmentStrip{gap:7px!important}
  body.ukvUi .attachmentItem{height:46px!important}
  body.ukvUi .attachmentInboxThumb{
    width:72px!important;
    height:46px!important;
    flex-basis:72px!important;
    border-radius:9px!important;
  }
  body.ukvUi .attachmentInboxThumbLabel{
    max-width:52px!important;
    height:16px!important;
    font-size:6.5px!important;
  }
  body.ukvUi .attachmentInboxDoc{
    width:108px!important;
    height:46px!important;
    min-width:94px!important;
    max-width:112px!important;
    padding:5px 6px 5px 8px!important;
    border-radius:9px!important;
  }
  body.ukvUi .attachmentInboxDocName{font-size:9.5px!important}
  body.ukvUi .attachmentInboxDocType{min-width:30px!important;height:22px!important;font-size:7.5px!important}
  body.ukvUi .attachmentSummary .attachmentCount,
  body.ukvUi .attachmentZipDownload{height:32px!important;min-width:32px!important}
}

/* =========================================================
   Reel Mail V20 — 2 büyük önizleme + kalan ek sayısı
   ========================================================= */
@media (min-width:1251px){
  body.ukvUi .mailrow{
    min-height:66px!important;
    grid-template-columns:28px 28px 38px minmax(150px,205px) minmax(220px,1fr) minmax(300px,350px) 90px!important;
  }
  body.ukvUi .attachmentStrip{
    gap:9px!important;
    overflow:visible!important;
  }
  body.ukvUi .attachmentItem{
    height:56px!important;
  }
  body.ukvUi .attachmentInboxThumb{
    width:96px!important;
    height:56px!important;
    flex-basis:96px!important;
    border-radius:10px!important;
    border-color:#cfdcd8!important;
    box-shadow:0 2px 8px rgba(22,76,59,.09)!important;
  }
  body.ukvUi .attachmentInboxThumb img{object-fit:cover!important}
  body.ukvUi .attachmentInboxThumbLabel{
    left:6px!important;
    bottom:5px!important;
    max-width:70px!important;
    height:18px!important;
    padding:0 5px!important;
    font-size:7.2px!important;
  }
  body.ukvUi .attachmentInboxDoc{
    width:132px!important;
    min-width:116px!important;
    max-width:136px!important;
    height:56px!important;
    padding:7px 7px 7px 10px!important;
    border-radius:10px!important;
  }
  body.ukvUi .attachmentInboxDocName{
    font-size:10.5px!important;
    line-height:1.22!important;
  }
  body.ukvUi .attachmentInboxDocType{
    min-width:35px!important;
    height:25px!important;
    font-size:8px!important;
  }
  body.ukvUi .attachmentRemaining{
    min-width:40px!important;
    padding:0 8px!important;
    background:#e8f4ef!important;
    color:#147153!important;
    border:1px solid #cee5dc!important;
    font-size:11px!important;
    font-weight:850!important;
  }
  body.ukvUi .attachmentZipDownload{
    border-color:#d6e2de!important;
    background:#fff!important;
  }
}

@media (min-width:1051px) and (max-width:1250px){
  body.ukvUi .mailrow{min-height:62px!important}
  body.ukvUi .attachmentStrip{gap:8px!important}
  body.ukvUi .attachmentItem{height:50px!important}
  body.ukvUi .attachmentInboxThumb{
    width:82px!important;height:50px!important;flex-basis:82px!important;
  }
  body.ukvUi .attachmentInboxDoc{
    width:116px!important;height:50px!important;min-width:104px!important;max-width:120px!important;
  }
  body.ukvUi .attachmentRemaining{min-width:36px!important;padding:0 7px!important;font-size:10px!important}
}

/* =========================================================
   Reel Mail V21 — Gmail kompakt liste + dengeli ek alanı
   - normal satırlar kompakt
   - ekli satırlar hafif yüksek
   - konu alanı geniş
   - ilk 2 ek belirgin ama alanı işgal etmiyor
   - hover'da önizle/indir aksiyonları
   ========================================================= */
@media (min-width:1251px){
  body.ukvUi .mailrow{
    min-height:46px!important;
    height:46px!important;
    grid-template-columns:28px 28px 38px minmax(150px,205px) minmax(360px,1fr) minmax(220px,270px) 90px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body.ukvUi .mailrow:has(.attachmentStrip){
    min-height:60px!important;
    height:60px!important;
  }
  body.ukvUi .attachmentCell{
    overflow:visible!important;
  }
  body.ukvUi .attachmentStrip{
    max-width:270px!important;
    gap:6px!important;
    overflow:visible!important;
  }
  body.ukvUi .attachmentItem{
    position:relative!important;
    height:46px!important;
    overflow:visible!important;
  }
  body.ukvUi .attachmentInboxThumb{
    width:78px!important;
    height:46px!important;
    flex-basis:78px!important;
    border-radius:8px!important;
    box-shadow:0 1px 5px rgba(22,76,59,.07)!important;
  }
  body.ukvUi .attachmentInboxThumbLabel{
    left:4px!important;
    bottom:4px!important;
    max-width:56px!important;
    height:16px!important;
    padding:0 4px!important;
    border-radius:4px!important;
    font-size:6.6px!important;
  }
  body.ukvUi .attachmentInboxDoc{
    width:106px!important;
    min-width:92px!important;
    max-width:110px!important;
    height:46px!important;
    padding:5px 5px 5px 8px!important;
    border-radius:8px!important;
    box-shadow:0 1px 5px rgba(22,76,59,.045)!important;
  }
  body.ukvUi .attachmentInboxDocName{
    font-size:9.2px!important;
    line-height:1.15!important;
  }
  body.ukvUi .attachmentInboxDocType{
    min-width:29px!important;
    height:21px!important;
    font-size:7.2px!important;
  }
  body.ukvUi .attachmentSummary{
    gap:3px!important;
  }
  body.ukvUi .attachmentSummary .attachmentCount,
  body.ukvUi .attachmentZipDownload{
    height:29px!important;
    min-width:29px!important;
    border-radius:7px!important;
    font-size:10px!important;
  }
  body.ukvUi .attachmentRemaining{
    min-width:34px!important;
    padding:0 6px!important;
    font-size:10px!important;
  }

  /* Normalde sade; satıra/eke gelince hızlı aksiyonlar belirir */
  body.ukvUi .attachmentItemActions{
    display:flex!important;
    position:absolute!important;
    right:4px!important;
    top:50%!important;
    transform:translateY(-50%) translateX(3px)!important;
    gap:2px!important;
    padding:2px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 3px 10px rgba(31,61,52,.12)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .12s ease,transform .12s ease,visibility .12s ease!important;
    z-index:4!important;
  }
  body.ukvUi .attachmentItem:hover .attachmentItemActions,
  body.ukvUi .mailrow:hover .attachmentItem:hover .attachmentItemActions{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(-50%) translateX(0)!important;
  }
  body.ukvUi .attachmentMiniAction{
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:6px!important;
    background:#f5f9f7!important;
    color:#36596b!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:800!important;
  }
  body.ukvUi .attachmentMiniAction:hover{
    background:#e3f3ed!important;
    color:#087b5b!important;
  }
}

@media (min-width:1051px) and (max-width:1250px){
  body.ukvUi .mailrow{
    min-height:46px!important;
    height:46px!important;
  }
  body.ukvUi .mailrow:has(.attachmentStrip){
    min-height:58px!important;
    height:58px!important;
  }
  body.ukvUi .attachmentStrip{max-width:230px!important;gap:5px!important}
  body.ukvUi .attachmentItem{height:43px!important}
  body.ukvUi .attachmentInboxThumb{width:70px!important;height:43px!important;flex-basis:70px!important}
  body.ukvUi .attachmentInboxDoc{width:98px!important;height:43px!important;min-width:86px!important;max-width:102px!important}
  body.ukvUi .attachmentInboxDocName{font-size:8.8px!important}
  body.ukvUi .attachmentInboxDocType{min-width:27px!important;height:20px!important;font-size:7px!important}
  body.ukvUi .attachmentSummary .attachmentCount,
  body.ukvUi .attachmentZipDownload{height:28px!important;min-width:28px!important}
}

/* =========================================================
   Reel Mail V24 — okunma noktası başta + konuşma adedi
   ========================================================= */
body.ukvUi .mailrow .subjectTop{
  max-width:64%!important;
  gap:6px!important;
}
body.ukvUi .mailrow .subjectTop .readStateDot{
  order:0!important;
  margin-right:1px!important;
}
body.ukvUi .mailrow .subjectTop .subjectTitle{
  order:1!important;
}
body.ukvUi .mailrow .subjectTop .threadCountBtn,
body.ukvUi .mailrow .subjectTop .threadCountBadge{
  order:2!important;
}
body.ukvUi .threadCountBadge{
  min-width:22px!important;
  height:20px!important;
  padding:0 6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  border:1px solid #d8e2df!important;
  border-radius:7px!important;
  background:#f1f6f4!important;
  color:#526579!important;
  font-size:9.5px!important;
  font-weight:800!important;
  line-height:1!important;
}
body.ukvUi .threadCountBtn{
  min-width:25px!important;
  height:20px!important;
  padding:0 5px!important;
  border-radius:7px!important;
  background:#f1f6f4!important;
  color:#526579!important;
  font-size:9.5px!important;
}
body.ukvUi .threadCountArrow{font-size:9px!important;color:#829087!important}
body.ukvUi .mailrow.unread .threadCountBadge,
body.ukvUi .mailrow.unread .threadCountBtn{
  background:#e8f6f1!important;
  border-color:#cae5dc!important;
  color:#21765c!important;
}
@media(max-width:700px){
  body.ukvUi .threadCountBadge,body.ukvUi .threadCountBtn{height:19px!important;min-width:21px!important;font-size:9px!important}
}

/* Reel Mail: mobil PWA kurulum butonu */
.mobileInstallLabel{display:none}
@media(max-width:700px){
 body.ukvUi .appDownloadWrap{display:block!important;margin:0!important}
 body.ukvUi .appGridBtn{display:inline-flex!important;width:auto!important;min-width:44px!important;height:40px!important;padding:0 10px!important;gap:6px!important;border:1px solid #d8e8e2!important;border-radius:11px!important;background:#fff!important;color:#087b61!important}
 body.ukvUi .appGridBtn .mobileInstallLabel{display:inline!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
 body.ukvUi .appDownloadMenu{position:fixed!important;top:64px!important;left:10px!important;right:10px!important;width:auto!important;z-index:1200!important}
}
@media(max-width:390px){body.ukvUi .appGridBtn .mobileInstallLabel{display:none!important}}
@media(display-mode:standalone){body.ukvUi .appDownloadWrap{display:none!important}}


/* Mobile drawer brand — logo above modules */
.mobileSidebarBrand{display:none}
@media(max-width:700px){
 body.ukvUi .mobileSidebarBrand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:58px!important;margin:0 4px 14px!important;padding:2px 10px 14px!important;border-bottom:1px solid #e1e9e5!important;text-decoration:none!important;color:#17283d!important}
 body.ukvUi .mobileSidebarBrand img{display:block!important;width:auto!important;height:38px!important;max-width:150px!important;object-fit:contain!important;object-position:left center!important}
 body.ukvUi .mobileSidebarBrand span{font-size:19px!important;font-weight:650!important;letter-spacing:-.35px!important;color:#4f6073!important}
}


/* Reel Mail — mobil çekmece: logo altı boşluk ve Yeni e-posta genişliği */
@media(max-width:700px){
  body.ukvUi .ukvSidebar .mobileSidebarBrand{
    min-height:52px!important;
    margin:0 0 8px!important;
    padding:0 10px 10px!important;
  }
  body.ukvUi .ukvSidebar .ukvCompose{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    align-self:stretch!important;
    margin:0 0 11px!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
  }
  body.ukvUi .ukvSidebar .ukvNav,
  body.ukvUi .ukvSidebar .navitem{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

/* =========================================================
   Reel Mail — mobile polish (compose + responsive header/PWA)
   Scope: visual only; no mail/application logic.
   ========================================================= */
@media (max-width:700px){
  /* Drawer: compose button same usable width as nav, but taller */
  body.ukvUi .ukvSidebar .ukvCompose{
    width:100%!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    margin:0 0 12px!important;
    padding:0 20px!important;
    border-radius:13px!important;
    justify-content:flex-start!important;
    gap:12px!important;
    font-size:14px!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }
  body.ukvUi .ukvSidebar .ukvCompose .uiIcon{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }

  /* Keep drawer logo compact; no artificial gap before compose */
  body.ukvUi .ukvSidebar .mobileSidebarBrand{
    min-height:50px!important;
    margin:0 0 8px!important;
    padding:0 10px 9px!important;
  }

  /* Mobile header: brand + actions first row, search second row */
  body.ukvUi .ukvTopbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand account" "search search"!important;
    min-height:112px!important;
    padding:7px 10px 9px!important;
    gap:7px 8px!important;
    overflow:visible!important;
  }
  body.ukvUi .ukvBrandArea{min-width:0!important;overflow:hidden!important}
  body.ukvUi .ukvBrand{min-width:0!important;overflow:hidden!important}
  body.ukvUi .ukvAccount{
    min-width:0!important;
    max-width:100%!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
  }

  /* Professional install CTA; compact enough not to collide */
  body.ukvUi .appDownloadWrap{
    display:block!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
  body.ukvUi .appGridBtn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:128px!important;
    max-width:148px!important;
    height:38px!important;
    padding:0 12px!important;
    gap:7px!important;
    border:1px solid #cfe2db!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#087b61!important;
    box-shadow:0 4px 13px rgba(20,85,67,.07)!important;
    white-space:nowrap!important;
  }
  body.ukvUi .appGridBtn:hover{
    background:#f2faf7!important;
    border-color:#b7d9ce!important;
  }
  body.ukvUi .appGridBtn .uiIcon{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
  }
  body.ukvUi .appGridBtn .mobileInstallLabel{
    display:inline!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:-.1px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body.ukvUi .ukvProfile{
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
  }
  body.ukvUi .ukvSearch{width:100%!important;min-width:0!important}
}

@media (max-width:430px){
  body.ukvUi .appGridBtn{
    min-width:116px!important;
    max-width:122px!important;
    padding:0 9px!important;
    gap:5px!important;
  }
  body.ukvUi .appGridBtn .mobileInstallLabel{font-size:10.5px!important}
  body.ukvUi .ukvBrand .logoText{font-size:17px!important}
}

@media (max-width:360px){
  body.ukvUi .appGridBtn{
    min-width:40px!important;
    width:40px!important;
    max-width:40px!important;
    padding:0!important;
  }
  body.ukvUi .appGridBtn .mobileInstallLabel{display:none!important}
}

/* GBT Lojistik — Yeni e-posta butonu masaüstünde biraz daha geniş/rahat */
@media (min-width:701px){
  body.ukvUi .ukvSidebar .ukvCompose{
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 20px!important;
    border-radius:13px!important;
    gap:12px!important;
    font-size:14px!important;
    box-sizing:border-box!important;
  }
  body.ukvUi .ukvSidebar .ukvCompose .uiIcon{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }
}