:root{--navy:#0b2442;--navy2:#102f54;--teal:#12b8a6;--teal2:#0fa58f;--bg:#f5f8fb;--panel:#fff;--text:#152238;--muted:#708096;--line:#e6edf4;--danger:#d6455d;--warning:#e59a28;--purple:#7c63d8;--shadow:0 10px 35px rgba(15,39,68,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}small,.muted{color:var(--muted)}
.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#071c33,#10365b 62%,#0a776f);padding:4vw}.auth-brand{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:5vw;max-width:760px}.auth-brand img{width:280px;background:#fff;border-radius:18px;padding:12px 18px;margin-bottom:46px}.auth-brand h1{font-size:clamp(40px,5vw,70px);line-height:1.03;letter-spacing:-2px;margin-bottom:20px}.auth-brand p{font-size:20px;color:#c7d8e8;max-width:590px;line-height:1.7}.auth-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;color:#d9e9f5}.auth-card{align-self:center;justify-self:center;width:min(470px,100%);background:#fff;border-radius:28px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.auth-logo-mobile{display:none}.auth-tabs{display:flex;background:#f1f5f9;border-radius:13px;padding:4px;margin-bottom:24px}.auth-tabs button{flex:1;border:0;background:transparent;padding:11px;border-radius:10px;color:#66778e}.auth-tabs button.active{background:#fff;color:var(--navy);box-shadow:0 2px 10px rgba(0,0,0,.06);font-weight:800}.auth-card label,.modal label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:13px;font-weight:700;color:#405168}.auth-card input,.modal input,.modal select,.modal textarea,.toolbar input,.toolbar select{width:100%;border:1px solid #d9e3ee;border-radius:11px;background:#fff;padding:11px 12px;color:var(--text);outline:0}.auth-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(18,184,166,.1)}.auth-hint{text-align:center;margin:14px 0 0;font-size:12px;color:#8290a1}
.btn{border:1px solid #d7e1eb;background:#fff;color:#26374d;border-radius:11px;padding:10px 15px;font-weight:750}.btn:hover{background:#f7fafc}.btn-primary{border-color:var(--teal);background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;box-shadow:0 6px 18px rgba(18,184,166,.18)}.btn-primary:hover{filter:brightness(.97)}.btn-block{width:100%;padding:13px}.alert{padding:13px 15px;border-radius:12px;margin-bottom:18px}.alert.error{background:#fff0f3;color:#ac2e45;border:1px solid #ffd7df}
.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#09213c,#0c2b4e);color:#fff;padding:22px 15px;display:flex;flex-direction:column}.sidebar-logo{padding:3px 8px 23px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo img{width:185px;background:#fff;border-radius:12px;padding:7px 10px}.sidebar nav{display:flex;flex-direction:column;gap:3px;margin-top:18px;overflow-y:auto}.nav-item{border:0;background:transparent;color:#c3d1df;border-radius:11px;padding:10px 12px;text-align:left;display:flex;gap:12px;align-items:center;font-size:13px;font-weight:650}.nav-item span{width:22px;height:22px;display:grid;place-items:center;color:#8fa8bd}.nav-item:hover,.nav-item.active{background:rgba(18,184,166,.14);color:#fff}.nav-item.active span{color:#37ddc8}.sidebar-company{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:17px 8px 4px;display:flex;align-items:center;gap:10px}.company-icon{width:38px;height:38px;border-radius:11px;background:rgba(18,184,166,.15);display:grid;place-items:center;color:#36d8c3}.sidebar-company strong,.sidebar-company small{display:block}.sidebar-company strong{font-size:12px}.sidebar-company small{font-size:11px;color:#8fa8bd;margin-top:2px}
.main{min-width:0}.topbar{height:84px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.topbar h2{font-size:19px;margin-bottom:3px}.topbar p{font-size:12px;color:var(--muted);margin:0}.top-actions,.top-user{display:flex;align-items:center;gap:10px}.top-user{padding-right:10px}.top-user strong,.top-user small{display:block}.top-user strong{font-size:12px}.top-user small{font-size:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:850;background:linear-gradient(135deg,#d8f7f2,#a5e8de);color:#08796b}.avatar.sm{width:32px;height:32px;font-size:11px}.avatar.xs{width:28px;height:28px;font-size:9px}.avatar.lg{width:58px;height:58px;font-size:17px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;width:38px;height:38px;color:#63748a}.page{padding:26px 30px 50px}.loading{height:55vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{width:24px;height:24px;border:3px solid #dbe6ee;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.hero,.toolbar,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.hero{margin-bottom:20px}.hero h1{font-size:27px;letter-spacing:-.7px;margin-bottom:4px}.hero p,.toolbar p{margin:0;color:var(--muted)}.toolbar{margin-bottom:18px}.toolbar h3{margin-bottom:4px}.toolbar-actions{display:flex;gap:8px}.search-box{width:min(430px,100%);display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 12px}.search-box input{border:0!important;padding-left:0;background:transparent}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 4px 20px rgba(13,39,66,.035);display:flex;align-items:center;gap:14px;min-height:110px}.metric-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:19px}.metric-icon.mint{background:#dff8f3;color:#0f9b88}.metric-icon.blue{background:#e7f0ff;color:#3572cb}.metric-icon.amber{background:#fff3d9;color:#c7831d}.metric-icon.purple{background:#f0eaff;color:#7259c7}.metric span,.metric strong,.metric small{display:block}.metric span{font-size:12px;color:var(--muted)}.metric strong{font-size:27px;margin:3px 0}.metric small{font-size:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:var(--shadow)}.panel.soft{background:#f9fbfd;box-shadow:none;margin-top:18px}.panel-head{margin-bottom:16px}.panel-head h3{font-size:15px;margin-bottom:3px}.panel-head p{font-size:11px;color:var(--muted);margin:0}.grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.8fr);gap:18px;margin-bottom:18px}.grid-org{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:18px}.stack{display:grid;gap:18px}.link-btn,.table-action,.ok-link,.danger-link{border:0;background:transparent;font-weight:750;font-size:12px}.link-btn,.table-action{color:#178d80}.ok-link{color:#13834d}.danger-link{color:var(--danger)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8492a4;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid #eef3f7;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.person-cell{display:flex;align-items:center;gap:9px}.person-cell strong,.person-cell small{display:block}.person-cell small,.cell-sub{font-size:10px;color:var(--muted);margin-top:2px}.empty{text-align:center;color:var(--muted);padding:28px!important}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850;background:#eef2f6;color:#617187}.badge-active,.badge-approved,.badge-available,.badge-completed{background:#def7e9;color:#167a49}.badge-on_leave,.badge-pending,.badge-open{background:#fff1d8;color:#9c6719}.badge-passive,.badge-rejected,.badge-cancelled,.badge-retired{background:#ffe5ea;color:#b3314a}.badge-assigned{background:#e7efff;color:#325fb3}.badge-maintenance{background:#efeaff;color:#6950b2}
.bar-list,.report-bars{display:grid;gap:15px}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.bar-row span{color:var(--muted)}.bar{height:7px;background:#ecf2f5;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),#6fdaca);border-radius:999px}.feed{display:grid;gap:16px}.feed article{display:flex;gap:12px}.feed-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);margin-top:5px;box-shadow:0 0 0 5px #e6faf7}.feed strong{font-size:12px}.feed p{font-size:11px;color:#5d6f84;margin:4px 0}.feed small{font-size:9px}.quick-panel h3{margin-bottom:18px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{border:1px solid var(--line);background:#fafcfd;border-radius:13px;padding:20px 10px;font-size:20px;color:var(--teal)}.quick-grid span{display:block;font-size:10px;color:#415269;margin-top:7px;font-weight:750}.simple-row,.list-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f6;padding:10px 0}.simple-row:last-child,.list-row:last-child{border-bottom:0}.simple-row span,.list-row strong{font-size:12px}.simple-row small,.list-row small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.org-tree{list-style:none;padding-left:0}.org-tree .org-tree{padding-left:30px;margin-left:16px;border-left:1px dashed #cddce7}.org-tree li{margin:10px 0}.org-person{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:9px 11px;width:max-content;max-width:100%}.org-person strong,.org-person small{display:block}.org-person strong{font-size:11px}.org-person small{font-size:9px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.asset-card,.life-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:var(--shadow)}.asset-top{display:flex;justify-content:space-between}.asset-icon{width:40px;height:40px;border-radius:12px;background:#e1f8f4;color:#129681;display:grid;place-items:center}.asset-card h3,.life-card h3{margin:16px 0 4px;font-size:15px}.asset-card p,.life-card p{font-size:11px;color:var(--muted)}.asset-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-card dt{font-size:9px;color:var(--muted)}.asset-card dd{font-size:11px;margin:2px 0}.assigned-person{display:flex;gap:8px;align-items:center;background:#f6fafc;border-radius:11px;padding:9px;margin-top:12px}.assigned-person small,.assigned-person strong{display:block}.assigned-person small{font-size:8px}.assigned-person strong{font-size:10px}.available-note{background:#effaf7;color:#12806e;padding:9px;border-radius:10px;font-size:10px;margin-top:12px}.asset-actions{margin-top:12px;display:flex;justify-content:flex-end}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:42px 1fr;gap:12px}.timeline-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0d5;color:#9b671b;font-weight:900}.timeline-mark.closed{background:#dff7e9;color:#187a4a}.timeline-item .panel p{font-size:12px;color:#52657a;line-height:1.6}.callout{font-size:11px;background:#f5f8fb;border-radius:10px;padding:10px}.timeline-foot{display:flex;justify-content:space-between;margin-top:14px;font-size:10px;color:var(--muted)}.shift-templates{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.shift-chip{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 13px}.shift-chip strong,.shift-chip span{display:block}.shift-chip strong{font-size:11px}.shift-chip span{font-size:9px;color:var(--muted);margin-top:2px}.life-type{display:inline-block;font-size:8px;font-weight:900;letter-spacing:.7px;padding:5px 7px;border-radius:7px;background:#dff8f3;color:#108271}.life-type.offboarding{background:#ffe9ed;color:#ad344a}.progress{height:7px;background:#edf3f6;border-radius:99px;overflow:hidden;margin:13px 0 6px}.progress i{display:block;height:100%;background:var(--teal)}.life-card>small{font-size:9px}.life-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.announcement-list{display:grid;gap:12px}.announcement{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:44px 1fr;gap:13px}.announcement.pinned{border-left:4px solid var(--teal)}.announcement-icon{width:40px;height:40px;border-radius:12px;background:#e0f8f4;color:#11927e;display:grid;place-items:center}.announcement-head{display:flex;align-items:center;gap:8px}.announcement h3{font-size:14px;margin-bottom:0}.announcement p{font-size:12px;color:#5c6e82;line-height:1.6;margin:7px 0}.announcement small{font-size:9px}.pin{font-size:8px;padding:3px 6px;border-radius:99px;background:#e0f8f4;color:#128471}.report-bars>div{display:grid;grid-template-columns:180px 1fr 40px;gap:12px;align-items:center}.report-bars span,.report-bars strong{font-size:11px}.settings-tabs{display:flex;gap:7px;margin-bottom:16px}.settings-tabs button{border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:10px;color:#62748a}.settings-tabs button.active{background:var(--navy);color:#fff}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.role-card>p{font-size:10px;color:var(--muted)}.permission-list{max-height:360px;overflow:auto;margin:12px 0}.permission-list label{display:grid;grid-template-columns:18px 1fr;gap:7px;padding:8px 0;border-bottom:1px solid #edf2f6}.permission-list strong,.permission-list small{display:block}.permission-list strong{font-size:10px}.permission-list small{font-size:9px}.system-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.system-info div{border:1px solid var(--line);border-radius:12px;padding:12px}.system-info span,.system-info strong{display:block}.system-info span{font-size:9px;color:var(--muted)}.system-info strong{font-size:12px;margin-top:3px}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,20,36,.56);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:20px;width:min(560px,100%);max-height:92vh;overflow:auto;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-wide{width:min(900px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-head h2{font-size:19px;margin-bottom:4px}.modal-head p{font-size:11px;color:var(--muted);margin:0}.modal-x{width:34px;height:34px;border:0;background:#f2f5f8;border-radius:9px;font-size:22px;color:#68798b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.span-2{grid-column:1/-1}.modal textarea{min-height:78px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-grid div{background:#f7fafc;border-radius:11px;padding:10px}.profile-grid span,.profile-grid strong{display:block}.profile-grid span{font-size:8px;color:var(--muted);text-transform:uppercase}.profile-grid strong{font-size:11px;margin-top:3px}.person-title{display:flex;align-items:center;gap:12px}.mini-person{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:7px 0;font-size:10px}.checklist{display:grid;gap:8px}.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;background:#f8fafc;border:1px solid var(--line);border-radius:11px;padding:12px;margin:0!important}.check-row input{width:16px!important}.check-inline{flex-direction:row!important;align-items:center!important}.check-inline input{width:auto!important}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#17334e;color:#fff;padding:12px 16px;border-radius:11px;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:12px}.toast.error{background:#b7364d}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.grid-2,.grid-org{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.auth-page{grid-template-columns:1fr;padding:18px}.auth-brand{display:none}.auth-logo-mobile{display:block;width:190px;margin:0 auto 20px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;z-index:50;transform:translateX(-100%)}.topbar{padding:0 16px}.page{padding:18px 14px 40px}.metrics,.metrics.compact,.card-grid,.role-grid{grid-template-columns:1fr}.hero,.toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.profile-grid{grid-template-columns:1fr}.report-bars>div{grid-template-columns:100px 1fr 30px}}

/* v1.1 organizasyon / takvim / yetki */
.row-actions{display:flex;gap:5px;align-items:center}.mini-action{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#52657a;font-weight:900}.mini-action:hover{background:#f0f7f6;color:var(--teal)}.mini-action.danger:hover{background:#fff0f2;color:var(--danger)}
.editable-tree .org-person{width:100%;max-width:620px;cursor:grab;position:relative}.org-draggable.dragging{opacity:.45}.org-draggable.drag-over{border-color:var(--teal);box-shadow:0 0 0 3px rgba(17,153,133,.12);background:#f2fcfa}.org-drag-handle{font-size:16px;color:#9aabba;letter-spacing:-4px}.org-person-text{flex:1;min-width:0}.hierarchy-actions{display:flex;gap:4px}.hierarchy-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;width:27px;height:27px;color:#52657a}.hierarchy-actions button:hover{border-color:var(--teal);color:var(--teal)}
.org-root-drop{border:1px dashed #b9d7d2;background:#f2fbf9;border-radius:12px;padding:12px;margin:0 0 14px;font-size:11px;color:#39786f;text-align:center}.org-root-drop.drag-over{background:#dff8f2;border-color:var(--teal)}
.calendar-panel{margin-bottom:16px}.calendar-title{align-items:center}.calendar-nav{display:flex;align-items:center;gap:8px}.calendar-nav>button:not(.btn){width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:20px;color:#455d72}.calendar-nav strong{min-width:130px;text-align:center;text-transform:capitalize}.btn.small{padding:7px 10px;font-size:10px}
.leave-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line);border-radius:12px;overflow:hidden}.calendar-head{padding:8px;text-align:center;background:#f6f9fb;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;font-weight:900;color:#73869b;text-transform:uppercase}.calendar-day{min-height:112px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.calendar-day>strong{font-size:11px}.calendar-day.today{background:#f1fbf9;box-shadow:inset 0 0 0 2px rgba(17,153,133,.16)}.calendar-day.muted-day{background:#fafcfd}.calendar-events{display:grid;gap:4px;margin-top:6px}.leave-chip{border:0;border-radius:6px;text-align:left;padding:5px 6px;font-size:8px;font-weight:850;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#dff5ef;color:#176f62}.leave-chip.pending{background:#fff0d5;color:#966117}.leave-chip span{display:block;font-weight:600;font-size:7px;opacity:.8;overflow:hidden;text-overflow:ellipsis}.calendar-events small{font-size:8px;color:var(--muted)}
.settings-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.settings-intro h3{margin-bottom:4px}.settings-intro p{font-size:11px;color:var(--muted)}.permission-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.permission-role{margin:0}.role-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.role-head p{font-size:9px;color:var(--muted)}.permission-group{border-top:1px solid var(--line);padding:11px 0}.permission-group h4{font-size:10px;color:#344c62;margin:0 0 5px}.permission-group label{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:6px 4px;border-radius:7px}.permission-group label:hover{background:#f7fafb}.permission-group strong,.permission-group small{display:block}.permission-group strong{font-size:10px}.permission-group small{font-size:8px;color:var(--muted);margin-top:1px}
.role-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.role-checks label{display:grid;grid-template-columns:18px 1fr;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px}.role-checks strong,.role-checks small{display:block}.role-checks strong{font-size:11px}.role-checks small{font-size:8px;color:var(--muted)}.permission-user-info{background:#f5f9fb;border-radius:12px;padding:12px}.permission-user-info strong,.permission-user-info small{display:block}.permission-user-info small{font-size:9px;color:var(--muted);margin-top:2px}.role-pill{display:inline-block;padding:4px 7px;border-radius:99px;background:#e7f7f4;color:#157969;font-size:8px;font-weight:800;margin:2px}
@media(max-width:900px){.permission-matrix{grid-template-columns:1fr}.leave-calendar{min-width:760px}.calendar-panel{overflow:auto}.calendar-title{align-items:flex-start;gap:12px}.calendar-nav{flex-wrap:wrap}}


/* v1.3 platform admin / belge görüntüleme */
.platform-badge{font-size:9px;font-weight:900;letter-spacing:.7px;background:#e0f8f4;color:#0d7d6e;border:1px solid #bcece4;border-radius:999px;padding:6px 9px}.document-preview{height:min(68vh,720px);background:#eef3f6;border:1px solid var(--line);border-radius:13px;overflow:hidden;display:grid;place-items:center}.document-preview iframe{width:100%;height:100%;border:0;background:#fff}.document-preview img{max-width:100%;max-height:100%;object-fit:contain}.platform-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-section-title{font-size:12px;margin:8px 0 10px}.module-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.module-checks label{display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;margin:0;font-size:11px}.module-checks input{width:auto!important}.badge-trial{background:#e9f1ff;color:#3c68ad}.badge-suspended,.badge-expired{background:#ffe5ea;color:#b3314a}
@media(max-width:780px){.module-checks{grid-template-columns:1fr}.platform-metrics{grid-template-columns:1fr}.document-preview{height:60vh}}

/* v1.4 üyelik / davet / abonelik */
.subscription-banner{margin:14px 30px 0;padding:12px 15px;border:1px solid #bfe9e2;background:#ecfbf8;border-radius:13px;display:flex;align-items:center;gap:10px;color:#126f63;font-size:11px}.subscription-banner strong{font-size:12px}.subscription-banner.expired{background:#fff1f3;border-color:#ffd1d9;color:#a72e43}.company-switcher{width:150px;max-width:100%;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:6px 7px;font-size:11px;outline:none}.company-switcher option{color:#1d2c3e;background:#fff}.invite-email{background:#f5f9fb;border:1px solid var(--line);padding:11px 12px;border-radius:10px;margin:14px 0;font-size:12px;font-weight:750}.invite-link-box{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.invite-link-box input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px}.company-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.company-admin-card{margin:0}.company-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.company-card-head h3{margin-bottom:3px}.company-card-head p{font-size:10px;color:var(--muted)}.company-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.company-card-stats>div{border:1px solid var(--line);background:#f9fbfc;border-radius:10px;padding:10px}.company-card-stats span,.company-card-stats strong{display:block}.company-card-stats span{font-size:8px;color:var(--muted);text-transform:uppercase}.company-card-stats strong{font-size:11px;margin-top:3px;word-break:break-word}.company-card-actions{display:flex;gap:8px}.owner-line,.history-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;font-size:10px}.owner-line span,.history-list span{color:var(--muted)}
@media(max-width:900px){.company-admin-grid{grid-template-columns:1fr}.subscription-banner{margin:12px 14px 0;align-items:flex-start;flex-direction:column}.invite-link-box{grid-template-columns:1fr}}

/* v2.0 gelişmiş İK modülleri */
.smart-alert-list{display:grid;gap:8px}.smart-alert{display:grid;grid-template-columns:34px 1fr 28px 28px;gap:9px;align-items:center;border:1px solid #f1dfb7;background:#fffaf0;border-radius:12px;padding:10px}.smart-alert.danger{border-color:#f4c7d0;background:#fff4f6}.alert-symbol{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff0ca;color:#a66b10;font-weight:900}.smart-alert.danger .alert-symbol{background:#ffe1e7;color:#b52f49}.smart-alert strong{font-size:11px}.smart-alert p{font-size:9px;color:var(--muted);margin:3px 0 0}.occasion-list{display:grid;gap:8px}.occasion-list>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:8px 0}.occasion-list strong{font-size:11px}.occasion-list small{font-size:9px}.self-hero,.self-profile{display:flex;align-items:center;gap:14px;margin-bottom:18px}.self-hero>button{margin-left:auto}.self-profile h2{margin-bottom:3px}.adv-quick{grid-template-columns:repeat(6,1fr)}.leave-balance-panel{margin-bottom:18px}.module-card{display:flex;flex-direction:column;gap:14px}.module-card-head{display:flex;justify-content:space-between;gap:10px}.module-card h3{font-size:14px;margin-bottom:4px}.module-card p{font-size:10px;color:var(--muted);margin:0}.module-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.module-stats>div{background:#f7fafb;border-radius:9px;padding:9px}.module-stats span,.module-stats strong{display:block}.module-stats span{font-size:8px;color:var(--muted);text-transform:uppercase}.module-stats strong{font-size:12px;margin-top:2px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 15px}.inline-form select{border:1px solid var(--line);border-radius:10px;padding:9px}.criteria-editor{background:#f7fafb;border:1px solid var(--line);padding:12px;border-radius:12px;margin-bottom:12px}.criteria-editor h4{margin:0 0 8px}.criterion{display:grid;grid-template-columns:1fr 100px;gap:8px;margin-bottom:7px}.score-field{background:#f7fafb;padding:10px;border-radius:10px}.score-field input{padding:0!important}.score-field output{font-size:12px;font-weight:900;color:var(--teal)}.survey-results{display:grid;gap:10px}.result-score{font-size:34px;font-weight:900;color:var(--teal)}.result-score small{font-size:11px}.result-line{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:10px}.template-preview{font-size:10px;color:#617287;line-height:1.5;min-height:60px}.template-editor{min-height:260px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.rendered-document{margin-top:18px;background:#fff;border:1px solid #dfe6ec;box-shadow:0 10px 35px rgba(0,0,0,.06);padding:45px;min-height:420px;color:#111;line-height:1.65}.settings-tabs{flex-wrap:wrap}.settings-tabs button{white-space:nowrap}
@media(max-width:1100px){.adv-quick{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.adv-quick{grid-template-columns:1fr 1fr}.self-hero,.self-profile{align-items:flex-start;flex-wrap:wrap}.self-hero>button{margin-left:0}.module-stats{grid-template-columns:1fr}.criterion{grid-template-columns:1fr}.smart-alert{grid-template-columns:30px 1fr 28px}.smart-alert [data-dismiss-alert]{display:none}}

/* ==================== v2.1 PUANTAJ ==================== */
.btn.danger{border-color:#f3c6cf;background:#fff4f6;color:var(--danger)}
.attendance-controls{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(170px,.7fr) minmax(260px,1.1fr) auto;gap:12px;align-items:end;margin-bottom:18px}
.attendance-controls label{font-size:10px;font-weight:800;color:#68788d;text-transform:uppercase;letter-spacing:.35px}
.attendance-controls select,.attendance-controls input{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;color:var(--text)}
.attendance-save-note{margin-bottom:8px;font-size:10px}
.attendance-sheet{padding:0;overflow:hidden;margin-bottom:18px}
.attendance-sheet-head{display:grid;grid-template-columns:1fr 1.7fr 1fr;border-bottom:1px solid #cdd8e3;background:#f9fbfd}
.attendance-sheet-head>div{display:grid;grid-template-columns:110px 1fr;align-items:center;min-height:46px;border-right:1px solid #dbe3eb;padding:0 14px}.attendance-sheet-head>div:last-child{border-right:0}.attendance-sheet-head span{font-size:9px;color:#6e7e90;font-weight:800}.attendance-sheet-head strong{font-size:12px;text-align:center}
.attendance-table-wrap{max-height:620px}.attendance-table{min-width:760px;border-collapse:collapse}.attendance-table th{position:sticky;top:0;z-index:2;background:#eef3f7;color:#314158;text-align:center;border:1px solid #cfd9e3;padding:9px}.attendance-table td{border:1px solid #d7e0e9;padding:4px 7px;background:#fff}.attendance-table .day-cell{width:72px;text-align:center}.attendance-table .day-cell strong{font-size:11px}.attendance-table .day-cell small{display:block;font-size:8px;color:#8390a0;text-transform:uppercase;margin-top:2px}.attendance-table input{width:100%;border:0;background:transparent;padding:7px 5px;font-size:11px;outline:none}.attendance-table input:focus{background:#f0fbf8}.attendance-table input:disabled{color:#4c5d70;opacity:1}.attendance-table .att-total,.attendance-table .att-overtime{text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.attendance-table .att-overtime{color:#9b6414}.attendance-table tr.attendance-sunday td{background:#fff0f2}.attendance-table tr.attendance-holiday td{background:#fff5d9}.attendance-table tr.attendance-holiday .day-cell small,.attendance-table tr.attendance-sunday .day-cell small{font-weight:900;color:#ad4257}.attendance-table tr.attendance-holiday input::placeholder{color:#a57117;opacity:1}
.attendance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #d7e0e9;background:#f9fbfd}.attendance-summary>div{padding:13px 16px;border-right:1px solid #dfe6ed}.attendance-summary>div:last-child{border-right:0}.attendance-summary span,.attendance-summary strong{display:block}.attendance-summary span{font-size:9px;color:var(--muted);text-transform:uppercase}.attendance-summary strong{font-size:15px;margin-top:3px}.attendance-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid var(--line)}.attendance-approved-note{font-size:11px;font-weight:800;color:#157d4a}
.attendance-pending{margin-bottom:18px}.attendance-pending-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:11px 2px;text-align:left}.attendance-pending-row:last-child{border-bottom:0}.attendance-pending-row strong,.attendance-pending-row small{display:block}.attendance-pending-row small{font-size:9px;color:var(--muted);margin-top:3px}.attendance-pending-row:hover{background:#f8fbfd}
.holiday-form{display:grid;grid-template-columns:170px 1fr 210px auto;gap:8px;margin-bottom:16px}.holiday-form input,.holiday-form select{border:1px solid var(--line);border-radius:10px;padding:10px}.holiday-list{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}.holiday-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.holiday-list>div:last-child{border-bottom:0}.holiday-list strong,.holiday-list small{display:block}.holiday-list small{font-size:9px;color:var(--muted);margin-top:2px}
@media(max-width:900px){.attendance-controls{grid-template-columns:1fr 1fr}.attendance-sheet-head{grid-template-columns:1fr}.attendance-sheet-head>div{border-right:0;border-bottom:1px solid var(--line)}.attendance-summary{grid-template-columns:1fr 1fr}.holiday-form{grid-template-columns:1fr}.attendance-actions{flex-wrap:wrap}}

/* v2.1.1 Puantaj üst sabit bar */
.topbar-left{display:flex;align-items:center;gap:20px;min-width:0}.top-attendance-btn{height:40px;border:1px solid #bfe7e1;background:#eefbf8;color:#08796b;border-radius:11px;padding:0 14px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap}.top-attendance-btn span{font-size:16px}.top-attendance-btn:hover,.top-attendance-btn.active{background:linear-gradient(135deg,var(--teal),var(--teal2));border-color:var(--teal);color:#fff;box-shadow:0 6px 18px rgba(18,184,166,.16)}
@media(max-width:780px){.topbar-left{gap:8px}.top-attendance-btn{padding:0 10px}.top-attendance-btn strong{display:none}}


/* v2.1.2 — Kategorili sol menü */
.sidebar nav{gap:7px;margin-top:14px;padding-right:2px}
.nav-section-label{padding:4px 11px 3px;color:#6f8ba4;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.nav-root{margin-bottom:5px}
.nav-group{border:1px solid transparent;border-radius:12px;overflow:hidden;transition:.18s ease}
.nav-group.has-active{border-color:rgba(55,221,200,.08)}
.nav-group-toggle{width:100%;height:40px;border:0;background:transparent;color:#9fb2c5;padding:0 10px;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:8px;text-align:left;border-radius:11px;cursor:pointer;font-size:11.5px}
.nav-group-toggle:hover,.nav-group.has-active>.nav-group-toggle{background:rgba(255,255,255,.035);color:#fff}
.nav-group-toggle strong{font-size:11.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-group-icon{width:22px;height:22px;display:grid;place-items:center;color:#7995ad;font-size:13px}
.nav-chevron{display:grid;place-items:center;color:#6f8ba4;font-size:15px;transition:transform .18s ease}
.nav-group.open .nav-chevron{transform:rotate(180deg)}
.nav-group-items{display:none;padding:3px 4px 6px 18px}
.nav-group.open .nav-group-items{display:flex;flex-direction:column;gap:2px}
.nav-child{padding:8px 9px;font-size:11.5px;border-radius:9px;gap:8px;position:relative}
.nav-child:before{content:"";position:absolute;left:-10px;top:50%;width:7px;height:1px;background:rgba(143,168,189,.22)}
.nav-child span{width:19px;height:19px;font-size:11px}
.nav-child.active:before{background:#37ddc8}
.sidebar-platform{padding:9px 0 2px;border-top:1px solid rgba(255,255,255,.08);margin-top:8px}
.platform-nav{width:100%;color:#cdd7ff;background:rgba(95,92,255,.07);border:1px solid rgba(139,133,255,.09)}
.platform-nav span{color:#a99cff}
.platform-nav:hover,.platform-nav.active{background:rgba(108,99,255,.15);color:#fff}
.sidebar-company{flex-wrap:wrap}
.sidebar-company>small{width:100%}
@media(max-width:780px){.nav-group-toggle{height:42px}.nav-child{padding:9px}}


/* v2.1.3 — Premium sidebar typography & chevrons */
.sidebar{
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sidebar nav{
  gap:4px;
  margin-top:15px;
  padding-right:3px;
}
.nav-section-label{
  padding:3px 12px 7px;
  color:#6f879d;
  font-size:9.5px;
  font-weight:600;
  letter-spacing:.095em;
  text-transform:uppercase;
}
.nav-root{
  min-height:40px;
  margin-bottom:7px;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:-.005em;
}
.nav-group{
  border:0;
  border-radius:12px;
  overflow:visible;
  margin:1px 0;
  background:transparent;
}
.nav-group.has-active{
  border-color:transparent;
}
.nav-group-toggle{
  width:100%;
  height:42px;
  border:1px solid transparent;
  background:transparent;
  color:#a9b9c8;
  padding:0 9px;
  display:grid;
  grid-template-columns:29px minmax(0,1fr) 18px;
  align-items:center;
  gap:9px;
  text-align:left;
  border-radius:11px;
  cursor:pointer;
  font-family:inherit;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.nav-group-toggle:hover{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.025);
  color:#f2f7fb;
}
.nav-group.has-active>.nav-group-toggle,
.nav-group.open>.nav-group-toggle{
  color:#edf8f7;
  background:rgba(14,51,79,.62);
  border-color:rgba(101,209,194,.075);
}
.nav-group-toggle strong{
  min-width:0;
  font-size:12.35px;
  line-height:1;
  font-weight:600;
  letter-spacing:.002em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.nav-group-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#829cb2;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.03);
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.nav-group-icon svg{
  width:15px;
  height:15px;
  display:block;
}
.nav-group.open .nav-group-icon,
.nav-group.has-active .nav-group-icon{
  color:#49d8c6;
  background:rgba(18,184,166,.085);
  border-color:rgba(73,216,198,.09);
}
.nav-chevron{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  color:#708ba2;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s ease;
  transform-origin:center;
}
.nav-chevron svg{
  width:15px;
  height:15px;
  display:block;
}
.nav-group.open .nav-chevron{
  transform:rotate(180deg);
  color:#70cfc3;
}
.nav-group-items{
  display:flex;
  flex-direction:column;
  gap:2px;
  max-height:0;
  opacity:0;
  overflow:hidden;
  padding:0 4px 0 20px;
  transform:translateY(-3px);
  transition:max-height .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease,transform .22s ease,padding .22s ease;
}
.nav-group.open .nav-group-items{
  max-height:330px;
  opacity:1;
  padding-top:4px;
  padding-bottom:6px;
  transform:translateY(0);
}
.nav-child{
  min-height:34px;
  padding:7px 9px 7px 11px;
  border-radius:8px;
  gap:8px;
  position:relative;
  color:#9fb2c3;
  font-size:12px;
  font-weight:500;
  letter-spacing:-.002em;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.nav-child:before{
  content:"";
  position:absolute;
  left:1px;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:transparent;
  transform:translateY(-50%);
  transition:background .16s ease,box-shadow .16s ease;
}
.nav-child span{
  width:19px;
  height:19px;
  font-size:11px;
  opacity:.74;
  transition:opacity .16s ease,color .16s ease;
}
.nav-child:hover{
  background:rgba(255,255,255,.035);
  color:#edf4f8;
}
.nav-child:hover span{
  opacity:.95;
}
.nav-child.active{
  background:linear-gradient(90deg,rgba(18,184,166,.135),rgba(18,184,166,.045));
  color:#f5fffd;
  font-weight:600;
  box-shadow:none;
}
.nav-child.active:before{
  background:#45d9c6;
  box-shadow:0 0 0 3px rgba(69,217,198,.08);
}
.nav-child.active span{
  color:#45d9c6;
  opacity:1;
}
.sidebar-platform{
  margin-top:10px;
}
.platform-nav{
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
}
@media(max-width:780px){
  .nav-group-toggle{height:43px}
  .nav-child{min-height:36px;padding:8px 9px 8px 11px}
}


/* v2.1.4 — Kalıcı şirket silme ve optimize belge önizleme */
.btn-danger-outline{border-color:#efb8c1!important;color:#b52f49!important;background:#fff7f8!important}
.btn-danger-outline:hover:not(:disabled){background:#ffecef!important;border-color:#e594a3!important}
.btn-danger-outline:disabled{opacity:.42;cursor:not-allowed}
.btn-danger{background:#b4233b!important;color:#fff!important;border-color:#b4233b!important;box-shadow:0 8px 20px rgba(180,35,59,.16)}
.btn-danger:hover:not(:disabled){background:#941b30!important}
.btn-danger:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.destructive-zone{border:1px solid #f0b7c1;background:#fff5f6;border-radius:13px;padding:14px;margin-bottom:16px;color:#8e2438}
.destructive-zone strong{display:block;font-size:12px;margin-bottom:5px}.destructive-zone p{margin:0;font-size:10px;line-height:1.55;color:#a14657}
.preview-optimized-note{margin-top:8px;padding:8px 11px;border-radius:9px;background:#f3f8fa;border:1px solid #e2ecef;color:#64798a;font-size:9.5px;text-align:center}
.document-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:auto}


/* v2.1.5 — Küçük ve kaydırılabilir evrak önizleme */
.modal-backdrop{
  overflow-y:auto;
  overflow-x:hidden;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:24px 18px 40px;
  overscroll-behavior:contain;
}
.modal{
  flex:0 0 auto;
  max-height:none;
  margin:auto 0;
  overflow:visible;
}
.modal.modal-wide{
  width:min(860px,calc(100vw - 36px));
}
.document-preview{
  width:100%;
  height:auto;
  min-height:280px;
  max-height:62vh;
  padding:18px;
  overflow:auto;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  background:#eef3f6;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
}
.document-preview img{
  display:block;
  width:auto;
  height:auto;
  max-width:min(100%,720px);
  max-height:none;
  object-fit:contain;
  margin:0 auto;
  box-shadow:0 6px 24px rgba(15,39,68,.12);
  background:#fff;
}
.document-preview iframe{
  width:100%;
  height:58vh;
  min-height:420px;
  border:0;
  background:#fff;
}
.preview-optimized-note{
  margin-top:8px;
  font-size:10px;
  color:var(--muted);
  text-align:center;
}
@media(max-width:780px){
  .modal-backdrop{padding:12px 8px 28px}
  .modal.modal-wide{width:calc(100vw - 16px)}
  .document-preview{max-height:68vh;padding:10px;min-height:220px}
  .document-preview img{max-width:100%}
  .document-preview iframe{height:64vh;min-height:360px}
}

/* ==================== v2.2.0 Üretkenlik Paketi ==================== */
.notification-bell{position:relative;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center;color:#44586c;cursor:pointer;transition:.18s ease}
.notification-bell:hover{background:#f7fafc;color:#0f766e;transform:translateY(-1px)}
.notification-bell svg{width:18px;height:18px}.notification-bell span{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px;border:2px solid #fff}
.notification-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.notification-list{display:grid;gap:7px;max-height:62vh;overflow:auto;padding-right:3px}
.notification-item{width:100%;display:grid;grid-template-columns:10px 1fr 18px;gap:11px;align-items:start;border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 13px;text-align:left;cursor:pointer;color:inherit}.notification-item:hover{background:#f9fbfd}.notification-item.unread{background:#f0fdfa;border-color:#c8f2ec}.notification-item strong{display:block;font-size:13px}.notification-item p{margin:3px 0;color:var(--muted);font-size:12px}.notification-item small{color:#93a1af;font-size:10.5px}.notification-dot{width:7px;height:7px;border-radius:50%;margin-top:6px;background:#94a3b8}.notification-dot.success{background:#10b981}.notification-dot.warning{background:#f59e0b}.notification-dot.action{background:#0ea5a0}.notification-arrow{font-size:22px;color:#94a3b8;line-height:1}

.bulk-employee-bar{display:flex;align-items:center;gap:12px;background:#ecfdf9;border:1px solid #c6f3e8;border-radius:13px;padding:10px 14px;margin-bottom:12px}.bulk-employee-bar strong{margin-right:auto;font-size:12.5px;color:#0f6d63}.check-col{width:38px;text-align:center}.check-col input{width:15px;height:15px}.employee-toolbar{gap:12px}

.shift-week-input{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 9px;background:#fff;color:var(--text)}
.shift-template-palette{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.planner-template{display:flex;flex-direction:column;border:1px solid #ccebe6;background:#f0fdfa;padding:8px 11px;border-radius:10px;cursor:grab;min-width:118px}.planner-template strong{font-size:11.5px;color:#0f766e}.planner-template span{font-size:10.5px;color:#64748b;margin-top:2px}.planner-panel{padding:0;overflow:hidden}.shift-planner-wrap{overflow:auto;max-height:62vh}.shift-planner-table{border-collapse:separate;border-spacing:0;min-width:1050px;width:100%}.shift-planner-table th,.shift-planner-table td{border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;vertical-align:top}.shift-planner-table thead th{position:sticky;top:0;background:#f8fafc;z-index:4;padding:9px 8px;text-align:center}.shift-planner-table thead th:first-child{left:0;z-index:6;text-align:left;min-width:180px}.shift-planner-table thead th strong{display:block;font-size:11.5px}.shift-planner-table thead th small{font-size:10px;color:#8493a1}.planner-employee{position:sticky;left:0;background:#fff;z-index:3;min-width:180px;padding:10px}.planner-employee strong{display:block;font-size:11.5px}.planner-employee small{color:#8a98a6;font-size:10px}.planner-cell{height:72px;min-width:118px;padding:5px;background:#fff;transition:.15s ease}.planner-cell:hover{background:#fbfdfd}.planner-cell.drag-over{background:#e6fffa;box-shadow:inset 0 0 0 2px #4fd1c5}.planner-shift{position:relative;border:1px solid #bfe8e1;background:linear-gradient(135deg,#eefcf9,#f8fffd);border-radius:9px;padding:7px 22px 7px 8px;cursor:grab;min-height:52px}.planner-shift strong{display:block;color:#0f766e;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planner-shift span{display:block;color:#64748b;font-size:10px;margin-top:2px}.planner-shift button{position:absolute;right:4px;top:3px;border:0;background:transparent;color:#9aa8b5;font-size:16px;cursor:pointer}.planner-shift button:hover{color:#dc2626}.planner-add{width:100%;height:58px;border:1px dashed #d8e2ea;background:transparent;border-radius:9px;color:#9aa8b5;font-size:20px;cursor:pointer}.planner-add:hover{border-color:#78d7ca;background:#f0fdfa;color:#0f766e}

.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.report-bar-list{display:grid;gap:13px}.report-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px}.report-bar-row strong{font-size:12px}.report-bar-row small{color:#8795a3;font-size:10.5px}.report-bar{height:7px;background:#edf2f6;border-radius:999px;overflow:hidden}.report-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1fb9a7,#59d8c7)}

.manager-action-center{margin:0 0 16px;border-color:#d8eee9;background:linear-gradient(135deg,#ffffff,#f7fffd)}.manager-action-center .panel-head{margin-bottom:12px}.action-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action-center-card{border:1px solid #e2ecea;background:#fff;border-radius:13px;padding:12px;display:grid;grid-template-columns:35px 1fr 16px;align-items:center;gap:10px;text-align:left;color:inherit;cursor:pointer}.action-center-card:hover{border-color:#a9ddd5;box-shadow:0 7px 18px rgba(20,76,72,.06)}.action-center-card>span{width:34px;height:34px;border-radius:10px;background:#e9fbf7;color:#0f766e;display:grid;place-items:center;font-weight:800}.action-center-card strong{display:block;font-size:12px}.action-center-card small{display:block;color:#8694a1;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-center-card b{font-size:20px;color:#9aa7b4}.action-center-empty{grid-column:1/-1;color:#0f766e;font-size:12px;padding:4px}.action-center-show{margin-left:10px}

.attendance-leave td{background:#f0fdfa!important}.attendance-leave .day-cell strong{color:#0f766e}.attendance-leave-pill{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border-radius:8px;background:#d9f7f0;color:#0f766e;font-size:11px;font-weight:650;white-space:nowrap}

@media(max-width:1100px){.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.action-center-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.report-metrics,.action-center-grid{grid-template-columns:1fr}.employee-toolbar{align-items:stretch}.employee-toolbar .toolbar-actions{flex-wrap:wrap}.notification-bell{width:38px;height:38px}}


/* v2.2.1 — Ayarlar / Rol & Yetki matrisi kaydırılabilir */
.permission-matrix{
  align-items:start;
}
.permission-role{
  height:min(600px,64vh);
  min-height:430px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 18px 18px;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#b8c8d4 transparent;
}
.permission-role::-webkit-scrollbar{width:8px}
.permission-role::-webkit-scrollbar-track{background:transparent}
.permission-role::-webkit-scrollbar-thumb{background:#c4d1da;border-radius:999px;border:2px solid #fff}
.permission-role::-webkit-scrollbar-thumb:hover{background:#9fb2c0}
.permission-role .role-head{
  position:sticky;
  top:0;
  z-index:4;
  margin:0 -18px 10px;
  padding:17px 18px 13px;
  background:linear-gradient(180deg,#fff 82%,rgba(255,255,255,.94));
  border-bottom:1px solid #edf2f6;
  box-shadow:0 7px 14px rgba(18,44,63,.025);
}
.permission-role .permission-group:first-of-type{
  border-top:0;
}
.permission-role .permission-group h4{
  font-size:10px;
  font-weight:750;
  letter-spacing:.012em;
}
.permission-scroll-hint{
  font-size:9px;
  color:var(--muted);
}
@media(max-height:760px){
  .permission-role{height:500px;min-height:380px}
}
@media(max-width:900px){
  .permission-role{height:520px;min-height:380px}
}


/* v2.2.2 — Yeni çalışan formunda sistem rolü / davet */
.system-access-card{
  margin-top:4px;
  border:1px solid #d9ece8;
  background:linear-gradient(145deg,#fbfefd,#f2faf8);
  border-radius:16px;
  padding:16px;
}
.system-access-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.system-access-head h3{font-size:13px;margin:4px 0 5px;color:#183247}
.system-access-head p{font-size:10px;line-height:1.55;color:#687c8e;margin:0;max-width:560px}
.access-kicker{font-size:8px;font-weight:800;letter-spacing:.12em;color:#159786}
.access-toggle{
  display:flex!important;
  flex:0 0 auto;
  align-items:center;
  gap:8px;
  cursor:pointer;
  padding:7px 9px!important;
  border:1px solid #dce9e7;
  border-radius:10px;
  background:#fff;
}
.access-toggle>input{position:absolute;opacity:0;pointer-events:none}
.access-toggle>span{
  width:31px;height:18px;border-radius:999px;background:#cbd7dc;position:relative;
  transition:.18s ease;
}
.access-toggle>span:after{
  content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;border-radius:50%;
  background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.16);transition:.18s ease;
}
.access-toggle>input:checked+span{background:#16ad98}
.access-toggle>input:checked+span:after{transform:translateX(13px)}
.access-toggle>strong{font-size:10px;color:#365064;white-space:nowrap}
.system-access-fields{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #dfecea;
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(260px,1fr);
  gap:14px;
  align-items:end;
}
.system-access-fields.is-hidden{display:none}
.system-access-fields label{margin:0}
.system-access-fields label small{display:block;margin-top:5px;font-size:9px;line-height:1.45;color:#788b9a}
.invite-info{
  min-height:64px;border:1px solid #e1ebef;background:#fff;border-radius:11px;padding:11px 12px;
}
.invite-info strong,.invite-info span{display:block}
.invite-info strong{font-size:10px;color:#274359;margin-bottom:4px}
.invite-info span{font-size:9.5px;line-height:1.5;color:#6e8191}
.access-warning{grid-column:1/-1;padding:10px 12px;border-radius:10px;background:#fff3d8;color:#8a5b12;font-size:10px}
.success-box{padding:12px 14px;border-radius:12px;background:#eaf9f4;color:#137561;font-size:11px;margin-bottom:14px}
@media(max-width:760px){
  .system-access-head{flex-direction:column}
  .system-access-fields{grid-template-columns:1fr}
}


/* v2.3.0 — Pozisyon bazlı otomatik sistem rolü */
.position-role-hint{
  display:block;
  margin-top:6px;
  padding:7px 9px;
  border-radius:9px;
  background:#f3f9f8;
  border:1px solid #dcefeb;
  color:#55706e;
  font-size:11px;
  line-height:1.35;
}
.position-role-hint strong{color:#0d7f72;font-weight:700}


/* v2.3.1 — Kullanıcı bazlı kişisel yetki matrisi */
.special-permission-btn{border-color:#b8e6df!important;color:#087f73!important;background:#f2fbf9!important}
.individual-permission-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.individual-permission-summary>div{border:1px solid #e5edf2;border-radius:12px;padding:10px 12px;background:#f9fbfc}.individual-permission-summary span{display:block;font-size:10px;color:#7b8da0;text-transform:uppercase;letter-spacing:.05em}.individual-permission-summary strong{display:block;margin-top:4px;font-size:13px;color:#1e3045}
.permission-legend{display:flex;gap:18px;flex-wrap:wrap;padding:9px 12px;margin-bottom:10px;border:1px solid #e8eef3;border-radius:11px;background:#fff;font-size:11px;color:#617286}.permission-legend span{display:flex;align-items:center;gap:6px}.permission-legend i{width:8px;height:8px;border-radius:50%}.inherit-dot{background:#94a3b8}.allow-dot{background:#10b981}.deny-dot{background:#ef4444}
.individual-permission-scroll{max-height:55vh;overflow:auto;padding-right:7px;scrollbar-width:thin;scrollbar-color:#c7d5df transparent}.individual-permission-scroll::-webkit-scrollbar{width:6px}.individual-permission-scroll::-webkit-scrollbar-thumb{background:#c7d5df;border-radius:10px}
.individual-permission-group{margin:0 0 12px}.individual-permission-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f5}.permission-copy strong{display:block;font-size:12px;color:#25374a;font-weight:600}.permission-copy small{display:block;margin-top:3px;color:#8595a5;font-size:10px}.permission-mode{display:flex;padding:2px;background:#f0f4f7;border-radius:9px;gap:2px}.permission-mode button{border:0;background:transparent;color:#708294;font-size:10px;font-weight:600;padding:6px 8px;border-radius:7px;cursor:pointer}.permission-mode button.active.inherit{background:#fff;color:#526579;box-shadow:0 1px 3px rgba(15,23,42,.08)}.permission-mode button.active.allow{background:#e8faf4;color:#07815f}.permission-mode button.active.deny{background:#fff0f0;color:#c83d3d}.individual-permission-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e8eef2;margin:12px -1px -1px;padding:12px 1px 1px;display:flex;align-items:center;justify-content:space-between;gap:14px}.individual-permission-footer p{margin:0;color:#7c8d9e;font-size:10.5px;max-width:65%}
@media(max-width:760px){.individual-permission-summary{grid-template-columns:1fr}.individual-permission-row{grid-template-columns:1fr}.permission-mode{width:100%}.permission-mode button{flex:1}.individual-permission-footer{align-items:stretch;flex-direction:column}.individual-permission-footer p{max-width:none}}

/* ==================== v2.4.0 Public Site & Billing ==================== */
html{scroll-behavior:smooth}
.public-site{min-height:100vh;background:#f7fafc;color:#10253d;font-family:"Segoe UI Variable Text","Segoe UI",Inter,system-ui,sans-serif}
.public-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #e7eef4}
.public-header-inner{width:min(1180px,calc(100% - 40px));height:76px;margin:auto;display:flex;align-items:center;gap:34px}
.public-logo img{width:176px;display:block}.public-header nav{display:flex;gap:28px;margin-left:auto}.public-header nav a{color:#597087;text-decoration:none;font-size:13px;font-weight:600}.public-header nav a:hover{color:#0c887b}.public-header-actions{display:flex;gap:10px;align-items:center}.public-login{border:0;background:transparent;color:#19324c;font-weight:650;padding:10px 13px;cursor:pointer}
.public-hero{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:84px 0 72px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:58px}.hero-kicker,.section-heading>span{display:inline-flex;color:#0b9585;font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:15px}.public-hero h1{font-size:58px;line-height:1.04;letter-spacing:-.045em;margin:0 0 22px;color:#102942;max-width:640px}.public-hero-copy>p{font-size:18px;line-height:1.65;color:#657a8e;max-width:600px}.public-hero-actions{display:flex;gap:12px;margin-top:30px}.btn-hero{padding:14px 22px;font-size:14px}.public-secondary{background:#fff;color:#19324c;border:1px solid #d8e4ed;text-decoration:none}.hero-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;color:#6b7f91;font-size:11.5px}.hero-trust span:before{color:#0cad99}
.public-product-preview{border-radius:24px;padding:11px;background:linear-gradient(145deg,#0a2a49,#0b3c58);box-shadow:0 28px 70px rgba(11,42,73,.22),0 0 0 1px rgba(255,255,255,.3);transform:perspective(1200px) rotateY(-2deg)}.preview-top{height:34px;display:flex;align-items:center;justify-content:space-between;color:#a6bdcb;padding:0 8px}.preview-top>div{display:flex;gap:5px}.preview-dot{display:block;width:7px;height:7px;border-radius:50%;background:#6f8798}.preview-shell{height:440px;background:#f6f9fc;border-radius:16px;display:grid;grid-template-columns:74px 1fr;overflow:hidden}.preview-sidebar{background:#102d47;padding:25px 15px;display:flex;flex-direction:column;gap:19px;align-items:center}.preview-sidebar img{width:35px;margin-bottom:20px}.preview-sidebar i{width:34px;height:7px;border-radius:5px;background:#294a63}.preview-sidebar i:nth-child(3){background:#13a996}.preview-main{padding:28px}.preview-greeting{display:flex;flex-direction:column;gap:4px}.preview-greeting strong{font-size:18px}.preview-greeting span{font-size:10px;color:#8495a4}.preview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.preview-metrics div{background:white;border:1px solid #e8eef3;border-radius:13px;padding:15px}.preview-metrics b{display:block;font-size:22px}.preview-metrics span{font-size:9px;color:#8293a2}.preview-content{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.preview-table,.preview-chart{background:#fff;border:1px solid #e7edf2;border-radius:15px;padding:17px;height:228px}.preview-table>strong,.preview-chart>strong{font-size:11px}.preview-table p{display:flex;justify-content:space-between;margin:13px 0;padding-bottom:9px;border-bottom:1px solid #eef2f5;font-size:9px}.preview-table em{font-style:normal;color:#8191a0}.org-mini{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px;justify-content:center}.org-mini b{width:100%;text-align:center;background:#edf9f7;color:#167f74;padding:9px;border-radius:9px;font-size:9px}.org-mini span{width:1px;height:18px;background:#ccd9e2}.org-mini i{font-style:normal;background:#f3f6f8;padding:8px;border-radius:8px;font-size:8px}
.public-strip{background:#0d2a45;color:#b8c9d7;display:flex;justify-content:center;gap:34px;padding:17px 25px;font-size:11px;font-weight:700;letter-spacing:.03em;flex-wrap:wrap}.public-section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:88px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 44px}.section-heading h2{font-size:39px;letter-spacing:-.035em;margin:0 0 14px;color:#142d46}.section-heading p{color:#718397;line-height:1.65}.feature-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-showcase article{background:#fff;border:1px solid #e4edf3;border-radius:18px;padding:27px;box-shadow:0 8px 25px rgba(20,45,70,.035)}.feature-showcase article>div{width:42px;height:42px;border-radius:12px;background:#eaf8f5;color:#0a9382;display:grid;place-items:center;font-size:17px}.feature-showcase h3{font-size:16px;margin:19px 0 9px}.feature-showcase p{color:#708295;font-size:13px;line-height:1.6;margin:0}.public-why{padding-top:35px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-grid>div{background:linear-gradient(145deg,#102d48,#153953);border-radius:20px;padding:30px;color:white}.why-grid b{color:#40d2bf;font-size:11px;letter-spacing:.12em}.why-grid h3{font-size:17px}.why-grid p{color:#b4c5d2;font-size:13px;line-height:1.6}
.public-pricing{padding:90px 24px;background:#eef5f7}.public-pricing .section-heading{max-width:780px}.public-plan-grid{width:min(1220px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-plan-card{position:relative;background:#fff;border:1px solid #dae6ec;border-radius:21px;padding:27px;display:flex;flex-direction:column;min-height:440px;box-shadow:0 10px 30px rgba(25,55,75,.04)}.public-plan-card.featured{border-color:#42c7b7;box-shadow:0 18px 44px rgba(14,154,138,.13)}.plan-popular{position:absolute;right:20px;top:-10px;background:#0da18f;color:white;border-radius:20px;padding:5px 11px;font-size:9px;font-weight:800;letter-spacing:.05em}.plan-title h3{margin:0;font-size:19px}.plan-title p{margin:5px 0 20px;color:#7b8d9c;font-size:11px}.plan-price strong{font-size:30px;letter-spacing:-.04em}.plan-price span{color:#8595a3;font-size:11px}.plan-annual{font-size:10.5px;color:#698091;margin:7px 0 16px;min-height:30px}.plan-limit{background:#f3f8fa;border-radius:10px;padding:10px 12px;font-size:11px;color:#4c6578}.public-plan-card ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:8px;font-size:11px;color:#5d7385;flex:1}.public-plan-card li::first-letter{color:#0aa18f}.btn-plan{border:1px solid #d4e1e8;background:#fff;color:#17334d}.public-cta{padding:82px 20px;background:#0e2a45}.public-cta>div{text-align:center;color:white}.public-cta img{width:64px}.public-cta h2{font-size:35px;margin:18px 0 9px}.public-cta p{color:#b7c8d4}.public-footer{height:96px;width:min(1180px,calc(100% - 40px));margin:auto;display:flex;align-items:center;gap:25px;color:#80909f;font-size:11px}.public-footer img{width:145px;margin-right:auto}
.public-auth-modal{padding:4px 2px}.public-auth-logo{display:block;width:185px;margin:0 auto 22px}.trial-modal-badge{grid-column:1/-1;background:#eaf9f6;color:#087f71;border:1px solid #c9eee8;padding:10px 12px;border-radius:10px;text-align:center;font-size:11px;font-weight:700;margin-bottom:5px}.public-auth-modal form{display:grid;gap:13px}.public-auth-modal label{display:grid;gap:6px;font-size:11px;font-weight:650;color:#50697d}.public-auth-modal input{width:100%;padding:12px;border:1px solid #d8e3ea;border-radius:10px}
.subscription-banner{justify-content:space-between;gap:15px}.subscription-banner>div{display:flex;gap:13px;align-items:center}.subscription-cta{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:inherit;border-radius:9px;padding:7px 11px;font-size:10px;font-weight:700;cursor:pointer}.inapp-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inapp-plan-grid .public-plan-card{min-height:390px;padding:20px}.plan-request-note{text-align:center;margin-top:15px}.plan-all-features{background:#edf9f6;border:1px solid #d2eee8;border-radius:10px;padding:12px;color:#177a6f;font-size:12px}
.platform-tabs{display:flex;gap:7px;margin:18px 0}.platform-tabs button{border:1px solid #dde6ec;background:#fff;border-radius:10px;padding:10px 14px;color:#536b7e;font-weight:650;cursor:pointer}.platform-tabs button.active{background:#102e49;color:white;border-color:#102e49}.platform-tabs b{display:inline-grid;place-items:center;background:#ef665d;color:#fff;border-radius:12px;min-width:18px;height:18px;margin-left:5px;font-size:9px}.central-plan-info{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#102d48,#164057);color:white}.central-plan-info h3{margin:0 0 5px}.central-plan-info p{color:#b9cad5;margin:0}.live-badge{color:#55dec9;font-size:10px;font-weight:800;letter-spacing:.08em}.trial-settings{margin-top:15px}.inline-settings{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.inline-settings label{display:grid;gap:5px;font-size:10px;color:#6e8192}.inline-settings label>div,.inline-settings label{position:relative}.inline-settings input{padding:10px;border:1px solid #dce5eb;border-radius:9px;width:150px}.plan-admin-toolbar{margin-top:18px}.plan-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-admin-card{display:flex;flex-direction:column;gap:13px}.plan-admin-head{display:flex;justify-content:space-between;gap:10px}.plan-admin-head h3{margin:0}.plan-admin-head code{font-size:9px;color:#8293a0}.status-live,.status-off{font-size:9px;padding:5px 8px;border-radius:12px;height:max-content}.status-live{background:#e8f8f4;color:#0a8979}.status-off{background:#f1f2f4;color:#7d8993}.plan-admin-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.plan-admin-values div{background:#f5f8fa;padding:10px;border-radius:9px}.plan-admin-values span{display:block;font-size:8.5px;color:#8a98a5}.plan-admin-values strong{font-size:12px}.plan-auto-note{background:#eef8f6;border:1px solid #d8eee9;color:#46766f;padding:11px;border-radius:10px;font-size:11px}
@media(max-width:1050px){.public-hero{grid-template-columns:1fr;padding-top:55px}.public-hero-copy{text-align:center;margin:auto}.public-hero-copy>p{margin-left:auto;margin-right:auto}.public-hero-actions,.hero-trust{justify-content:center}.public-product-preview{max-width:760px;margin:auto;width:100%}.feature-showcase,.why-grid{grid-template-columns:repeat(2,1fr)}.public-plan-grid,.inapp-plan-grid,.plan-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.public-header-inner{width:calc(100% - 24px);height:66px}.public-logo img{width:145px}.public-header nav{display:none}.public-header-actions .btn{font-size:10px;padding:9px}.public-hero{width:calc(100% - 28px);padding:48px 0}.public-hero h1{font-size:39px}.public-hero-copy>p{font-size:15px}.preview-shell{height:340px;grid-template-columns:54px 1fr}.preview-main{padding:16px}.preview-sidebar{padding:16px 9px}.preview-metrics{grid-template-columns:repeat(2,1fr)}.preview-content{display:none}.feature-showcase,.why-grid,.public-plan-grid,.inapp-plan-grid,.plan-admin-grid{grid-template-columns:1fr}.public-section{width:calc(100% - 28px);padding:62px 0}.section-heading h2{font-size:31px}.public-pricing{padding:65px 14px}.public-footer{height:auto;padding:30px 0;flex-wrap:wrap}.public-footer img{width:130px}.inline-settings{display:grid}.platform-tabs{overflow:auto}.subscription-banner>div{display:block}.subscription-banner{align-items:flex-start}}

.employee-access-panel{margin-top:16px}
.profile-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}


/* v2.4.7 — Ayarlar > Nasıl Kullanılır */
.help-center{display:grid;gap:14px}
.help-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:linear-gradient(135deg,#f7fbfb,#eef8f6);border-color:#d9ece8}
.help-kicker{display:block;font-size:8px;letter-spacing:.15em;font-weight:900;color:#168d7e;margin-bottom:7px}
.help-hero h3{font-size:22px;margin:0 0 6px;color:#17384e}
.help-hero p{margin:0;color:#617487;font-size:11px;max-width:720px;line-height:1.7}
.help-hero-mark{width:54px;height:54px;min-width:54px;border-radius:18px;display:grid;place-items:center;background:#0f887b;color:#fff;font-size:28px;font-weight:900;box-shadow:0 10px 25px rgba(15,136,123,.18)}
.help-tools{display:grid;gap:10px}
.help-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 13px;color:#8b9ba8}
.help-search input{width:100%;border:0!important;outline:0;padding:12px 0;background:transparent;font-size:11px}
.help-category-row{display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:thin}
.help-category-row button{white-space:nowrap;border:1px solid var(--line);background:#fff;color:#5c7184;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:750;cursor:pointer}
.help-category-row button.active{background:#12334d;border-color:#12334d;color:#fff}
.help-results-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7b8c9c;font-size:9px;padding:2px 2px}
.help-results-meta strong{color:#344f64;font-size:10px}
.help-topic-list{display:grid;gap:9px}
.help-topic{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.help-topic[hidden]{display:none}
.help-topic summary{list-style:none;display:grid;grid-template-columns:38px 1fr 24px;align-items:center;gap:11px;padding:13px 15px;cursor:pointer;user-select:none}
.help-topic summary::-webkit-details-marker{display:none}
.help-topic:hover{border-color:#cbdfe0;box-shadow:0 5px 18px rgba(21,55,75,.05)}
.help-topic-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf8f6;color:#108a7a;font-weight:900;font-size:14px}
.help-topic-copy{display:grid;gap:2px}
.help-topic-copy small{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#159080;font-weight:800}
.help-topic-copy strong{font-size:11px;color:#253f54}
.help-topic-copy em{font-style:normal;font-size:9px;color:#7a8b99}
.help-chevron{color:#8295a4;font-size:16px;transition:transform .18s ease}
.help-topic[open] .help-chevron{transform:rotate(180deg)}
.help-topic-body{border-top:1px solid #edf2f5;padding:13px 18px 16px 62px;background:#fbfdfd}
.help-topic-body ol{margin:0;padding-left:16px;display:grid;gap:8px}
.help-topic-body li{font-size:10px;color:#52687a;line-height:1.55;padding-left:3px}
.help-topic-body li::marker{color:#159080;font-weight:900}
.help-empty{text-align:center;color:#7f909e;font-size:11px}
@media(max-width:720px){.help-hero{padding:18px}.help-hero-mark{display:none}.help-topic summary{grid-template-columns:34px 1fr 18px;padding:12px}.help-topic-body{padding:12px 16px 15px 48px}.help-results-meta{align-items:flex-start;flex-direction:column}.help-category-row{margin-right:-8px}}


/* v2.4.9 — İzin iptali, kompakt izin takvimi ve doğrudan onay merkezi */
.leave-approval-panel{margin-bottom:14px;border-color:#f0dfba;background:linear-gradient(180deg,#fffdfa,#fff)}
.leave-actions{white-space:nowrap}.leave-actions button{margin-right:8px}.leave-actions button:last-child{margin-right:0}
.compact-leave-calendar{padding:16px}.compact-leave-calendar .panel-head{margin-bottom:10px}
.compact-leave-calendar .calendar-day{min-height:72px;padding:5px}.compact-leave-calendar .calendar-head{padding:6px}
.compact-leave-calendar .calendar-events{gap:2px;margin-top:3px}.compact-leave-calendar .leave-chip{padding:3px 4px;font-size:7px}.compact-leave-calendar .leave-chip span{font-size:6.5px}
.self-leave-actions{display:flex;align-items:center;gap:8px}
.manager-action-center.direct{margin-bottom:16px;border-color:#cfe9e4;background:linear-gradient(135deg,#fff,#f8fffd)}
.action-direct-groups{display:grid;gap:12px}.action-direct-group{border:1px solid #e5eeec;border-radius:13px;background:#fff;overflow:hidden}
.action-direct-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#fbfdfd;border-bottom:1px solid #edf2f1}
.action-direct-head strong,.action-direct-head small{display:block}.action-direct-head strong{font-size:12px}.action-direct-head small{font-size:9px;color:var(--muted);margin-top:2px}
.action-direct-list{display:grid}.action-direct-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 13px;border-bottom:1px solid #f0f3f3}.action-direct-row:last-child{border-bottom:0}
.action-direct-copy strong,.action-direct-copy small{display:block}.action-direct-copy strong{font-size:11.5px}.action-direct-copy small{font-size:9.5px;color:var(--muted);margin-top:2px}
.action-direct-buttons{display:flex;align-items:center;gap:9px;white-space:nowrap}.action-direct-buttons button{padding:3px 0}
@media(max-width:780px){.action-direct-row{grid-template-columns:1fr}.action-direct-buttons{flex-wrap:wrap}.compact-leave-calendar .leave-calendar{min-width:660px}}

/* ==================== v2.5.1 Bordrolama V1 ==================== */
.payroll-v1-warning{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin-bottom:14px;border:1px solid #f2d7a3;background:#fffaf0;border-radius:14px;color:#805b18;font-size:12px;line-height:1.5}.payroll-v1-warning strong{white-space:nowrap}.payroll-period-card{margin-bottom:18px}.payroll-period-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.payroll-period-head h2{margin:3px 0 6px;font-size:24px}.payroll-period-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.payroll-review-note{font-size:11px;color:#9b3a33;background:#fff2f0;border:1px solid #f3c4bf;border-radius:999px;padding:5px 9px}.payroll-metrics{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}.payroll-metrics .metric strong{font-size:17px}.payroll-table-wrap{max-height:58vh}.payroll-table{min-width:1260px}.payroll-table th{position:sticky;top:0;z-index:2;background:#f8fafc}.payroll-source{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.source-attendance{background:#ecfdf5;color:#047857}.source-manual{background:#eff6ff;color:#1d4ed8}.source-fixed{background:#f4f4f5;color:#52525b}.payroll-row-warning{background:#fffaf5}.payroll-warning{display:block;max-width:260px;color:#a15c00;font-size:10px;line-height:1.35}.payroll-ok{color:#15803d;font-weight:800;font-size:11px}.payroll-empty{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.payroll-empty h3{margin:0 0 4px}.payroll-history{margin-top:18px}.payroll-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;background:#f8fafc;border-radius:12px}.payroll-detail-summary div{display:flex;flex-direction:column;gap:4px}.payroll-detail-summary span{font-size:10px;color:#64748b}.payroll-detail-summary strong{font-size:13px}.payroll-source-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.payroll-source-help>div{padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}.payroll-source-help strong,.payroll-source-help span{display:block}.payroll-source-help strong{font-size:12px;margin-bottom:4px}.payroll-source-help span{font-size:10px;color:#64748b;line-height:1.4}.payroll-settings-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;min-height:420px}.payroll-settings-grid section{min-width:0}.payroll-settings-grid h3{margin:0 0 10px}.payroll-setting-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.payroll-setting-title input{max-width:220px}.payroll-setting-list{display:flex;flex-direction:column;gap:7px;max-height:54vh;overflow:auto;padding-right:4px}.payroll-setting-list label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #e5e7eb;border-radius:10px;background:white}.payroll-setting-list label>span{min-width:0;font-size:11px}.payroll-setting-list label>span strong,.payroll-setting-list label>span small{display:block}.payroll-setting-list label>span small{margin-top:2px;color:#64748b}.payroll-setting-list select{width:190px;min-width:190px}.self-payroll-panel{margin-top:16px}.payroll-self-note{margin-top:10px;font-size:10px;color:#64748b}.payroll-slip{display:grid;gap:8px;margin:8px 0 16px}.payroll-slip>div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #edf0f3}.payroll-slip>div.total{margin-top:5px;border:0;border-radius:12px;background:#f0fdfa;padding:14px}.payroll-slip span{color:#64748b;font-size:12px}.payroll-slip strong{font-size:14px}.payroll-slip .total strong{font-size:19px;color:#0f766e}
@media(max-width:1100px){.payroll-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-settings-grid{grid-template-columns:1fr}.payroll-source-help{grid-template-columns:1fr}.payroll-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.payroll-period-head,.payroll-empty{flex-direction:column}.payroll-metrics{grid-template-columns:1fr}.payroll-detail-summary{grid-template-columns:1fr}.payroll-setting-list label{align-items:flex-start;flex-direction:column}.payroll-setting-list select{width:100%;min-width:0}.payroll-v1-warning{flex-direction:column}}

/* ==================== v2.6 BORDROLAMA V2 ==================== */
.payroll-v2-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:14px;border:1px solid #bfe3dc;background:linear-gradient(135deg,#f2fbf9,#f8fbfd);border-radius:16px}.payroll-v2-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#0b7d70;color:#fff;font-weight:900;flex:none}.payroll-v2-notice strong{display:block;color:#12344c;font-size:13px}.payroll-v2-notice span{display:block;color:#627487;font-size:11px;line-height:1.55;margin-top:4px}.payroll-legal-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:14px 0}.payroll-legal-metrics>div{border:1px solid var(--border,#e4e9ef);background:var(--surface,#fff);border-radius:13px;padding:11px}.payroll-legal-metrics span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#7a8998}.payroll-legal-metrics strong{display:block;margin-top:5px;font-size:14px;color:#17364e}.payroll-legal-metrics .net{background:#ecfaf6;border-color:#a8ded2}.payroll-legal-metrics .net strong{color:#08796c}.payroll-row-actions{white-space:nowrap}.payroll-row-actions button+button{margin-left:5px}.payroll-v2-breakdown{border:1px solid #dfe7ee;border-radius:14px;padding:12px;background:#f8fafc}.payroll-v2-breakdown h3{margin:0 0 9px}.payroll-legal-note{line-height:1.5;margin:10px 0 0}.payroll-legal-tabs{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px}.payroll-legal-tabs>section{min-width:0}.payroll-brackets{display:grid;gap:7px;margin-top:8px}.payroll-brackets>div{display:grid;grid-template-columns:1fr 110px 20px;gap:7px;align-items:center}.payroll-carry-list{max-height:520px;overflow:auto;display:grid;gap:7px;padding-right:4px}.payroll-carry-row{display:grid;grid-template-columns:minmax(160px,1fr) 130px 76px 64px;gap:7px;align-items:center;border:1px solid #e1e7ed;border-radius:12px;padding:8px}.payroll-carry-row strong,.payroll-carry-row small{display:block}.payroll-carry-row small{color:#788795;font-size:9px;margin-top:3px}.payroll-carry-row input{min-width:0}.payroll-warning-row{background:#fffaf0}.self-payroll-panel .table-wrap{margin-top:5px}
@media(max-width:1100px){.payroll-legal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-legal-tabs{grid-template-columns:1fr}.payroll-carry-row{grid-template-columns:1fr 120px 70px 60px}}
@media(max-width:700px){.payroll-legal-metrics{grid-template-columns:1fr}.payroll-carry-row{grid-template-columns:1fr 1fr}.payroll-carry-row>div{grid-column:1/-1}}

/* v2.6.1 profil ve bekleyen onay görünürlüğü */
.top-user[role="button"]{cursor:pointer;border-radius:12px;padding:6px 10px 6px 6px;transition:background .18s ease,box-shadow .18s ease}
.top-user[role="button"]:hover,.top-user[role="button"]:focus{background:#f3f8fb;box-shadow:0 0 0 1px #e1e9ef;outline:none}
.pending-approval-top-badge{border:1px solid #f0c9c9;background:#fff7f7;color:#9d2d2d;border-radius:11px;padding:6px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:10px;font-weight:800}
.pending-approval-top-badge strong{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#b43b3b;color:#fff;font-size:10px}
.action-count-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#0b8b7b;color:#fff;font-size:10px;vertical-align:middle;margin-left:5px}
.my-profile-grid{margin-top:4px}

/* ==================== v2.7 Operasyon & Evrak Paketi ==================== */
.live-approval-center{border:1px solid #cdebe6;background:linear-gradient(180deg,#ffffff,#fbfefd);box-shadow:0 10px 28px rgba(16,81,75,.06);margin-bottom:18px}
.live-approval-center .panel-head{align-items:flex-start}.live-dot{font-size:10px;font-weight:800;letter-spacing:.08em;color:#0b8f80;background:#eaf9f6;border:1px solid #c9ece6;padding:6px 9px;border-radius:999px;white-space:nowrap}.action-count-badge{display:inline-flex;min-width:22px;height:22px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:#0b8f80;color:white;font-size:10px;margin-left:6px}.live-approval-list{display:grid;gap:9px;margin-top:12px}.live-approval-row{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e3ecef;background:#fff;border-radius:13px;padding:11px 12px}.live-approval-kind{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#0d8377}.live-approval-copy strong,.live-approval-copy small{display:block}.live-approval-copy strong{font-size:12px;color:#20364a}.live-approval-copy small{font-size:10px;color:#788a9a;margin-top:3px}.live-approval-buttons{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.live-approval-empty{padding:16px;border:1px dashed #cae5df;border-radius:12px;background:#f5fcfa;color:#168172;font-size:11px;font-weight:650}.pending-approval-top-badge{border:1px solid #bfe3dc;background:#f2fbf9;color:#0b7e72;border-radius:11px;padding:5px 9px;display:flex;gap:5px;align-items:center;cursor:pointer}.pending-approval-top-badge strong{font-size:12px}.pending-approval-top-badge span{font-size:9px;font-weight:700}

.attendance-tabs{display:inline-flex;background:#edf3f6;border:1px solid #dce6eb;border-radius:12px;padding:3px;margin:0 0 14px}.attendance-tabs button{border:0;background:transparent;padding:8px 13px;border-radius:9px;color:#64788b;font-size:11px;font-weight:700;cursor:pointer}.attendance-tabs button.active{background:#fff;color:#0b7568;box-shadow:0 1px 5px rgba(20,50,70,.08)}.attendance-flow-note{min-width:180px;padding:8px 11px;border:1px solid #d8ebe7;border-radius:10px;background:#f5fbfa}.attendance-flow-note span,.attendance-flow-note strong,.attendance-flow-note small{display:block}.attendance-flow-note span{font-size:8px;color:#7d9290;letter-spacing:.08em}.attendance-flow-note strong{font-size:11px;color:#0a776c;margin:2px 0}.attendance-flow-note small{font-size:9px;color:#80918f}.attendance-tracking-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.attendance-tracking-head label{max-width:190px}.attendance-tracking-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:12px 0}.attendance-tracking-metrics>div{background:#fff;border:1px solid #e2eaef;border-radius:12px;padding:12px}.attendance-tracking-metrics span{display:block;font-size:9px;color:#788a9b}.attendance-tracking-metrics strong{display:block;font-size:20px;color:#18344c;margin-top:4px}

.shift-template-palette .planner-template.editable{display:flex;align-items:center;justify-content:space-between;gap:8px}.shift-template-actions{display:flex;gap:3px}.shift-template-actions button{width:25px;height:25px;border:1px solid #dbe6eb;background:#fff;border-radius:7px;color:#607588;cursor:pointer}.shift-template-actions button:hover{border-color:#8bcac0;color:#087b70}.shift-template-actions button:last-child:hover{border-color:#f0b8b8;color:#c33}.life-card.life-cancelled{opacity:.68;background:#f8fafb}.check-row.disabled{opacity:.65;cursor:not-allowed}.bulk-file-picker input[type=file]{padding:10px;background:#f8fafb;border:1px dashed #b8cbd6;border-radius:10px}.bulk-file-picker small{display:block;margin-top:6px;color:#718597}.asset-actions{display:flex;gap:7px;flex-wrap:wrap}

@media(max-width:900px){.live-approval-row{grid-template-columns:1fr}.live-approval-buttons{justify-content:flex-start}.attendance-tracking-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.attendance-tracking-head{flex-direction:column;align-items:stretch}.attendance-tracking-metrics{grid-template-columns:1fr 1fr}.live-approval-row{padding:10px}.pending-approval-top-badge span{display:none}}

/* ==================== v2.8.0 GÜNDÜZ / GECE MODU + OKUNABİLİRLİK ==================== */
html,body,button,input,select,textarea{font-family:"Segoe UI Variable Text","Segoe UI",Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-size:13px}.muted,small{line-height:1.45}.theme-toggle{height:38px;min-width:76px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:800}.theme-toggle span{font-size:10px}.theme-toggle:hover{border-color:#78cfc4;transform:translateY(-1px)}
.attendance-required-field{border:1px solid #cde8e3!important;background:#f4fdfa!important;border-radius:12px;padding:10px 12px}.attendance-required-field small{font-weight:500!important;color:#58746f!important}
.dashboard-section-title{display:flex;justify-content:space-between;align-items:end;margin:24px 0 10px}.dashboard-section-title span{display:block;font-size:9px;letter-spacing:.14em;font-weight:900;color:#0f8f81}.dashboard-section-title h3{margin:3px 0 2px;font-size:18px}.dashboard-section-title p{margin:0;color:var(--muted);font-size:11px}.dashboard-engagement-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.dashboard-feed,.dashboard-survey-list{display:grid;gap:10px}.dashboard-announcement{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.dashboard-announcement:last-child{border-bottom:0}.dashboard-announcement .announcement-mark{width:27px;height:27px;border-radius:9px;background:#e9faf6;color:#0c8b7d;display:grid;place-items:center;font-size:10px}.dashboard-announcement.pinned .announcement-mark{background:#fff3d9;color:#a56c16}.dashboard-announcement strong,.dashboard-survey-card strong{font-size:12.5px}.dashboard-announcement p,.dashboard-survey-card p{margin:4px 0;color:var(--muted);font-size:11px;line-height:1.55}.dashboard-announcement small,.dashboard-survey-card small{font-size:9.5px;color:var(--muted)}.dashboard-survey-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fafcfd}.dashboard-survey-card>div{min-width:0}.performance-team h3,.performance-my-published h3{font-size:13px;margin:14px 0 10px}.published-review-list{display:grid;gap:10px}.published-review-card{display:grid;grid-template-columns:72px 1fr;gap:14px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdfd;margin-top:10px}.published-review-score{width:64px;height:64px;border-radius:16px;background:#e8faf6;color:#08796b;display:grid;place-content:center;text-align:center}.published-review-score span{font-size:8px;letter-spacing:.12em;font-weight:900}.published-review-score strong{font-size:21px}.published-review-card>div:last-child>strong,.published-review-card>div:last-child>small{display:block}.published-review-card>div:last-child>small{font-size:10px;color:var(--muted);margin:3px 0 7px}.published-review-card p{font-size:11px;line-height:1.55;margin:4px 0}.payroll-simple-source-note{margin-top:-7px;margin-bottom:16px}

:root[data-theme="dark"]{--navy:#d7e6f5;--navy2:#e8f1f8;--bg:#09111d;--panel:#111c2b;--text:#e9f1f8;--muted:#a5b5c5;--line:#2a3a4d;--shadow:0 12px 35px rgba(0,0,0,.28);color-scheme:dark}
:root[data-theme="dark"] body{background:var(--bg);color:var(--text)}
:root[data-theme="dark"] .main,:root[data-theme="dark"] .page{background:var(--bg)}
:root[data-theme="dark"] .topbar{background:rgba(11,20,34,.94);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#071321,#0a1b2d)}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .metric,:root[data-theme="dark"] .search-box,:root[data-theme="dark"] .auth-card,:root[data-theme="dark"] .modal,:root[data-theme="dark"] .notification-item,:root[data-theme="dark"] .action-center-card,:root[data-theme="dark"] .attendance-pending-row,:root[data-theme="dark"] .planner-employee,:root[data-theme="dark"] .planner-cell{background:var(--panel);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .panel.soft,:root[data-theme="dark"] .dashboard-survey-card,:root[data-theme="dark"] .published-review-card,:root[data-theme="dark"] .quick-grid button,:root[data-theme="dark"] .manager-action-center,:root[data-theme="dark"] .live-approval-center{background:#142133;border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .auth-card label,:root[data-theme="dark"] .modal label,:root[data-theme="dark"] label{color:#dce7f0}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea,:root[data-theme="dark"] .toolbar input,:root[data-theme="dark"] .toolbar select,:root[data-theme="dark"] .company-switcher,:root[data-theme="dark"] .shift-week-input{background:#0d1725!important;color:#edf5fb!important;border-color:#34475b!important}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#7f93a7;opacity:1}
:root[data-theme="dark"] select option{background:#0d1725;color:#edf5fb}
:root[data-theme="dark"] .btn,:root[data-theme="dark"] .icon-btn,:root[data-theme="dark"] .theme-toggle{background:#162437;color:#e6eef6;border-color:#34475b}
:root[data-theme="dark"] .btn:hover,:root[data-theme="dark"] .icon-btn:hover,:root[data-theme="dark"] .theme-toggle:hover{background:#1c2d43}
:root[data-theme="dark"] .btn-primary{background:linear-gradient(135deg,#15b8a7,#0b8f82)!important;color:#fff!important;border-color:#15b8a7!important}
:root[data-theme="dark"] th{color:#a9bac9;border-color:var(--line);background:#101c2c}
:root[data-theme="dark"] td{border-color:#223246;color:#e6eef6}
:root[data-theme="dark"] tbody tr:hover td{background:#132033}
:root[data-theme="dark"] .simple-row,:root[data-theme="dark"] .list-row,:root[data-theme="dark"] .dashboard-announcement{border-color:var(--line)}
:root[data-theme="dark"] .quick-grid span,:root[data-theme="dark"] .feed p,:root[data-theme="dark"] .profile-grid span,:root[data-theme="dark"] .system-info span{color:#b5c4d1}
:root[data-theme="dark"] .metric-icon.mint,:root[data-theme="dark"] .avatar,:root[data-theme="dark"] .published-review-score{background:#163c3a;color:#62e2d2}
:root[data-theme="dark"] .metric-icon.blue{background:#172f52;color:#78abf3}:root[data-theme="dark"] .metric-icon.amber{background:#45351d;color:#f0bf66}:root[data-theme="dark"] .metric-icon.purple{background:#30284a;color:#b4a1f0}
:root[data-theme="dark"] .badge{background:#243347;color:#c6d4df}:root[data-theme="dark"] .badge-approved,:root[data-theme="dark"] .badge-active,:root[data-theme="dark"] .badge-completed{background:#173a2d;color:#69d89e}:root[data-theme="dark"] .badge-pending,:root[data-theme="dark"] .badge-open,:root[data-theme="dark"] .badge-on_leave{background:#48391e;color:#f0c66c}:root[data-theme="dark"] .badge-rejected,:root[data-theme="dark"] .badge-passive,:root[data-theme="dark"] .badge-cancelled{background:#48242c;color:#f28d9e}
:root[data-theme="dark"] .attendance-required-field{background:#102a28!important;border-color:#28504d!important}:root[data-theme="dark"] .attendance-required-field small{color:#a7c8c4!important}
:root[data-theme="dark"] .planner-template,:root[data-theme="dark"] .planner-shift,:root[data-theme="dark"] .attendance-leave td,:root[data-theme="dark"] .notification-item.unread{background:#12302d!important;border-color:#28504d!important;color:#dff7f2}
:root[data-theme="dark"] .shift-planner-table thead th{background:#101c2c}:root[data-theme="dark"] .planner-cell:hover{background:#152438}:root[data-theme="dark"] .planner-add{border-color:#3a4b5d;color:#95a7b7}
:root[data-theme="dark"] .modal-backdrop{background:rgba(0,0,0,.72)}
:root[data-theme="dark"] .alert.info,:root[data-theme="dark"] .callout{background:#14283a;color:#c9dcea;border-color:#2c4b62}:root[data-theme="dark"] .alert.warning{background:#3b301c;color:#f1cf84;border-color:#665126}:root[data-theme="dark"] .alert.error{background:#3d2028;color:#ffb7c3;border-color:#6e3340}
:root[data-theme="dark"] .document-preview,:root[data-theme="dark"] .permission-role,:root[data-theme="dark"] .settings-intro{background:#0d1725;color:var(--text);border-color:var(--line)}
:root[data-theme="dark"] .org-person,:root[data-theme="dark"] .live-approval-row,:root[data-theme="dark"] .action-direct-row{background:#142133;border-color:#2a3a4d;color:var(--text)}
:root[data-theme="dark"] .top-attendance-btn{background:#12302d;color:#70ddd0;border-color:#28504d}
:root[data-theme="dark"] .notification-panel,:root[data-theme="dark"] .dropdown-menu{background:#111c2b;border-color:#2a3a4d;color:#e9f1f8}
:root[data-theme="dark"] a,:root[data-theme="dark"] .table-action,:root[data-theme="dark"] .link-btn{color:#5fd7c9}
:root[data-theme="dark"] code{background:#0c1724;color:#c9d8e5}
@media(max-width:900px){.dashboard-engagement-grid{grid-template-columns:1fr}.theme-toggle{min-width:40px}.theme-toggle span{display:none}}

/* v2.8.1 - kompakt puantaj kopyalama */
.attendance-table .day-cell{position:relative;min-width:58px}.att-copy-prev{border:0;background:transparent;color:var(--muted,#64748b);font-size:12px;line-height:1;padding:2px 3px;margin-left:4px;border-radius:5px;cursor:pointer;opacity:.6}.att-copy-prev:hover{opacity:1;background:rgba(15,118,110,.10);color:var(--primary,#0f766e)}.att-copy-help{white-space:nowrap}

/* v2.8.2 duyuru yönetimi */
.announcement-body{min-width:0;flex:1}.announcement-actions{display:flex;gap:10px;align-items:center;margin-top:10px}.announcement-actions .table-action,.announcement-actions .danger-link{font-size:12px;padding:5px 9px}.announcement-actions .danger-link{border:0;background:transparent;cursor:pointer}

/* ==================== v2.12 Cihazdan Puantaj Aktar ==================== */
.device-import-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:16px;margin-bottom:16px}.device-import-main,.device-import-side,.device-import-history{min-width:0}.device-import-drop{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,320px);gap:14px;align-items:center;padding:18px;border:1.5px dashed var(--border);border-radius:18px;background:color-mix(in srgb,var(--card,#fff) 82%,var(--bg,#f4f7fb));margin:14px 0}.device-import-drop strong,.device-import-drop small,.device-file-selected strong,.device-file-selected small,.device-unmatched-row strong,.device-unmatched-row small,.device-apply-bar strong,.device-apply-bar small{display:block}.device-import-drop small,.device-file-selected small,.device-unmatched-row small,.device-apply-bar small{margin-top:4px;color:var(--muted,#64748b)}.device-import-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:900;background:rgba(20,184,166,.12);color:#0f9f91}.device-import-drop input[type=file]{width:100%}.device-import-profile-row,.device-profile-save{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.device-import-profile-row label,.device-profile-save>label:not(.device-check){flex:1 1 260px}.device-import-profile-row select,.device-profile-save input,.device-mapping-grid select,.device-unmatched-row select{width:100%}.device-file-selected{margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(20,184,166,.08);border:1px solid rgba(20,184,166,.18)}.device-import-steps{list-style:none;margin:12px 0 18px;padding:0;display:grid;gap:11px}.device-import-steps li{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center}.device-import-steps b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(20,184,166,.12);color:#0f9f91}.device-inspect-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:16px 0}.device-inspect-summary>div{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--card,#fff)}.device-inspect-summary span{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#64748b);margin-bottom:4px}.device-inspect-summary strong{font-size:16px}.device-mapping-head,.device-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.device-mapping-head h4,.device-preview-head h4,.device-unmatched h4,.device-complete h4{margin:0}.device-mapping-head p,.device-preview-head p,.device-unmatched p,.device-complete p{margin:4px 0 0;color:var(--muted,#64748b)}.device-mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.device-mapping-grid label{display:grid;gap:6px;font-size:12px;font-weight:800}.device-mapping-grid label b{color:#ef4444}.device-check{display:flex!important;align-items:center!important;gap:8px!important;padding-bottom:11px!important;font-size:12px!important;font-weight:700!important}.device-check input{width:auto!important}.device-profile-save{margin-top:14px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--card,#fff) 80%,var(--bg,#f4f7fb));border:1px solid var(--border)}.device-sample,.device-preview-table{margin-top:16px}.device-sample>strong{display:block;margin-bottom:8px}.device-unmatched{margin:16px 0;padding:14px;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.06);border-radius:16px}.device-unmatched-row{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(220px,1.4fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}.device-unmatched-row:first-of-type{border-top:0}.device-apply-bar{margin-top:16px;padding:15px;border-radius:16px;background:rgba(20,184,166,.08);border:1px solid rgba(20,184,166,.2);display:flex;align-items:center;justify-content:space-between;gap:14px}.device-complete{text-align:center;padding:28px 12px}.device-complete-icon{width:58px;height:58px;border-radius:18px;background:rgba(20,184,166,.14);color:#0f9f91;display:grid;place-items:center;font-size:28px;font-weight:900;margin:0 auto 12px}.device-complete .device-inspect-summary{max-width:420px;margin:18px auto}.device-import-history{margin-top:0}@media(max-width:1000px){.device-import-grid{grid-template-columns:1fr}.device-import-side{order:2}}@media(max-width:700px){.device-import-drop{grid-template-columns:auto 1fr}.device-import-drop input[type=file]{grid-column:1/-1}.device-mapping-grid{grid-template-columns:1fr}.device-unmatched-row{grid-template-columns:1fr}.device-apply-bar{align-items:stretch;flex-direction:column}.device-import-profile-row .btn,.device-profile-save .btn{width:100%}}

/* v2.13 - Genel cihaz entegrasyon profilleri */
.device-import-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 4px}.device-profile-hint strong,.device-profile-hint small{display:block}.device-profile-hint small{margin-top:4px;color:var(--muted,#64748b)}.device-parser-grid{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(120px,.5fr) auto;gap:12px;align-items:end}.device-parser-grid label,.device-event-rule label{display:grid;gap:6px;font-size:12px;font-weight:800}.device-parser-grid select,.device-parser-grid input,.device-event-rule select,.device-event-rule input{width:100%}.device-event-rule{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(180px,1fr));gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card,#fff) 82%,var(--bg,#f4f7fb))}.device-event-rule input:disabled{opacity:.55;cursor:not-allowed}.device-preview-table strong{font-size:12px}
@media(max-width:700px){.device-import-actions{align-items:stretch;flex-direction:column}.device-import-actions .btn{width:100%}.device-parser-grid,.device-event-rule{grid-template-columns:1fr}}

/* ==================== v2.14.0 ÇALIŞAN 360 PROFİL ==================== */
.modal.employee-profile-modal{width:min(1180px,calc(100vw - 32px));padding:0;overflow:hidden}
.employee-profile-shell{display:flex;flex-direction:column;max-height:92vh}
.employee-profile-head{padding:22px 24px 14px;margin:0;border-bottom:1px solid var(--line)}
.employee-profile-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px 24px;background:#f7fafc;border-bottom:1px solid var(--line)}
.employee-profile-summary>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 12px;min-width:0}
.employee-profile-summary i{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#e8f8f5;color:#0b8d7d;display:grid;place-items:center;font-style:normal;font-weight:900}
.employee-profile-summary span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.employee-profile-summary strong{font-size:15px;color:#17364e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.employee-profile-tabs{display:flex;gap:6px;padding:12px 24px 0;overflow-x:auto;background:#fff;border-bottom:1px solid var(--line)}
.employee-profile-tabs button{border:1px solid transparent;border-bottom:0;background:transparent;color:#66798d;padding:10px 12px;border-radius:10px 10px 0 0;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}
.employee-profile-tabs button.active{background:#edf9f7;color:#087a6e;border-color:#ccece6}
.employee-profile-tab-body{padding:18px 24px;overflow:auto;min-height:300px;max-height:58vh}
.employee-profile-overview{display:grid;gap:16px}
.employee-identity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.employee-profile-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.employee-profile-overview-grid>.panel{margin:0}
.employee-profile-split{display:grid;grid-template-columns:1fr;gap:18px}
.employee-profile-split>section{min-width:0}
.employee-profile-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}
.employee-profile-section-head h3{font-size:14px;margin:0 0 3px}
.employee-profile-section-head p{font-size:9px;color:var(--muted);margin:0}
.employee-profile-table{border:1px solid var(--line);border-radius:13px;overflow:auto;background:#fff}
.employee-profile-table table{margin:0}
.employee-profile-table th{font-size:8px;white-space:nowrap}
.employee-profile-table td{font-size:10px;vertical-align:top}
.employee-profile-table td strong{font-size:10px}
.employee-profile-table .cell-sub{display:block;margin-top:3px;color:var(--muted);font-size:8.5px}
.employee-profile-footer{display:flex;justify-content:flex-end;margin-top:10px}
.employee-profile-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 24px 18px;border-top:1px solid var(--line);background:#fff}
.employee-profile-notes{display:grid;gap:9px;margin-top:12px}
.employee-profile-notes>div{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:11px}
.employee-profile-notes strong{font-size:10px}.employee-profile-notes p{font-size:9px;color:#5d7184;line-height:1.5;margin:5px 0 0}
.employee-profile-empty{padding:24px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted);font-size:10px}

:root[data-theme="dark"] .employee-profile-summary,
:root[data-theme="dark"] .employee-profile-notes>div{background:#13283a}
:root[data-theme="dark"] .employee-profile-summary>div,
:root[data-theme="dark"] .employee-profile-tabs,
:root[data-theme="dark"] .employee-profile-table,
:root[data-theme="dark"] .employee-profile-actions{background:#102338}
:root[data-theme="dark"] .employee-profile-summary strong{color:#e5eef5}
:root[data-theme="dark"] .employee-profile-tabs button.active{background:#123a39;color:#75dfd0;border-color:#275953}
:root[data-theme="dark"] .employee-profile-notes p{color:#b6c4d0}

@media(max-width:1000px){
  .employee-profile-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .employee-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .employee-profile-overview-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .modal.employee-profile-modal{width:calc(100vw - 12px);max-height:96vh}
  .employee-profile-head{padding:16px 14px 12px}
  .employee-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 14px}
  .employee-profile-tabs{padding:10px 14px 0}
  .employee-profile-tab-body{padding:14px;max-height:62vh}
  .employee-profile-actions{padding:10px 14px 14px;flex-wrap:wrap}
  .employee-profile-actions .btn{flex:1}
  .employee-identity-grid{grid-template-columns:1fr 1fr}
}

/* ==================== v2.14.1 ÇALIŞAN 360 SABİT MAKSİMUM PANEL ==================== */
/* Çalışan 360 modalı sekme içeriğine göre büyüyüp/küçülmez; masaüstünde mevcut
   viewport'un mümkün olan en büyük güvenli alanını sabit olarak kullanır. */
.modal.employee-profile-modal{
  width:min(1320px,calc(100vw - 32px));
  height:calc(100vh - 32px);
  max-height:calc(100vh - 32px);
  margin:0;
  display:flex;
  flex-direction:column;
}
.employee-profile-shell{
  width:100%;
  height:100%;
  max-height:none;
  min-height:0;
  overflow:hidden;
}
.employee-profile-head,
.employee-profile-summary,
.employee-profile-tabs,
.employee-profile-actions{
  flex:0 0 auto;
}
.employee-profile-tab-body{
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow:auto;
  scrollbar-gutter:stable;
}

@supports (height: 100dvh){
  .modal.employee-profile-modal{
    height:calc(100dvh - 32px);
    max-height:calc(100dvh - 32px);
  }
}

@media(max-width:640px){
  .modal.employee-profile-modal{
    width:calc(100vw - 12px);
    height:calc(100vh - 12px);
    max-height:calc(100vh - 12px);
  }
  @supports (height: 100dvh){
    .modal.employee-profile-modal{
      height:calc(100dvh - 12px);
      max-height:calc(100dvh - 12px);
    }
  }
  .employee-profile-tab-body{max-height:none}
}

/* ==================== v2.15 İCRA TAKİBİ ==================== */
.enforcement-metrics .metric{min-height:104px}.enforcement-money-metric{font-size:18px!important}.enforcement-toolbar{align-items:stretch}.enforcement-table{min-width:1380px}.enforcement-table td{transition:background .15s ease}.enforcement-row-active td{background:#eaf8ef}.enforcement-row-completed td{background:#fff0f2}.enforcement-row-active:hover td{background:#e0f4e8!important}.enforcement-row-completed:hover td{background:#ffe7eb!important}.enforcement-status{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.03em}.enforcement-status-active{background:#d9f4e3;color:#187246}.enforcement-status-waiting{background:#fff3d9;color:#95661d}.enforcement-status-completed{background:#ffdfe5;color:#a62d43}.enforcement-money-link{border:0;background:transparent;padding:0;color:#14304b;font:inherit;text-align:left}.enforcement-money-link:hover{color:#0d9c8c;text-decoration:underline}.enforcement-month-ok{color:#13834d!important;font-weight:700}.enforcement-month-missing{color:#c0781d!important;font-weight:700}.enforcement-finished-text{color:#b52f48;font-weight:850}.enforcement-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.enforcement-detail-summary>div{border:1px solid var(--line);border-radius:13px;padding:13px;background:#f8fbfd}.enforcement-detail-summary span,.enforcement-detail-summary strong{display:block}.enforcement-detail-summary span{font-size:10px;color:var(--muted);margin-bottom:5px}.enforcement-detail-summary strong{font-size:16px}.enforcement-current-month{margin:0 0 14px}.enforcement-opening-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px dashed #c7d9e4;background:#fff;padding:11px 12px;border-radius:11px;margin-bottom:12px}.enforcement-opening-row span{font-size:11px;color:var(--muted)}.enforcement-case-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}.enforcement-case-info span,.enforcement-case-info strong{display:block}.enforcement-case-info span{font-size:10px;color:var(--muted);margin-bottom:4px}.enforcement-import-guide{display:grid;gap:5px;border:1px solid #d7ece8;background:#f3fbf9;border-radius:12px;padding:12px;margin-bottom:14px}.enforcement-import-guide strong{font-size:12px;color:#0c7f72}.enforcement-import-guide span{font-size:10px;color:#587080;line-height:1.5}.enforcement-import-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:15px 0}.enforcement-import-summary>div{border:1px solid var(--line);border-radius:11px;padding:10px;background:#f9fbfd}.enforcement-import-summary span,.enforcement-import-summary strong{display:block}.enforcement-import-summary span{font-size:9px;color:var(--muted)}.enforcement-import-summary strong{font-size:13px;margin-top:4px}.enforcement-unmatched-list{display:grid;gap:9px;margin-top:12px}.enforcement-unmatched-list label{display:grid;grid-template-columns:minmax(250px,1fr) minmax(230px,.8fr);gap:12px;align-items:center;margin:0;padding:8px;border-bottom:1px solid var(--line)}.enforcement-unmatched-list label span{font-size:11px}.enforcement-import-good{color:#13834d;font-weight:800}.enforcement-import-warn{color:#b3761c;font-weight:800}.enforcement-import-bad{color:#b42e48;font-weight:800}.enforcement-import-loading{height:120px}
:root[data-theme="dark"] .enforcement-row-active td{background:#123126}:root[data-theme="dark"] .enforcement-row-completed td{background:#351e25}:root[data-theme="dark"] .enforcement-row-active:hover td{background:#173a2e!important}:root[data-theme="dark"] .enforcement-row-completed:hover td{background:#42242d!important}:root[data-theme="dark"] .enforcement-money-link{color:#e2edf5}:root[data-theme="dark"] .enforcement-detail-summary>div,:root[data-theme="dark"] .enforcement-opening-row,:root[data-theme="dark"] .enforcement-import-summary>div{background:#102338;border-color:var(--line)}:root[data-theme="dark"] .enforcement-import-guide{background:#12302d;border-color:#28504d;color:#dff7f2}
@media(max-width:900px){.enforcement-detail-summary,.enforcement-import-summary{grid-template-columns:1fr 1fr}.enforcement-unmatched-list label{grid-template-columns:1fr}.enforcement-case-info{grid-template-columns:1fr}}


/* ==================== v2.15.2 İCRA HIZLI KESİNTİ GİRİŞİ ==================== */
.enforcement-row-actions{align-items:center;white-space:nowrap}.enforcement-quick-deduction{background:#0fae9a;color:#fff!important;border-radius:9px;padding:7px 10px;box-shadow:0 5px 14px rgba(15,174,154,.16);font-weight:850}.enforcement-quick-deduction:hover{background:#0b9484}.enforcement-quick-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.enforcement-quick-summary span{border:1px solid var(--line);background:#f8fbfd;border-radius:11px;padding:10px;color:var(--muted);font-size:10px}.enforcement-quick-summary strong{display:block;color:#14304b;font-size:14px;margin-top:4px}:root[data-theme="dark"] .enforcement-quick-summary span{background:#102338}:root[data-theme="dark"] .enforcement-quick-summary strong{color:#e2edf5}@media(max-width:700px){.enforcement-quick-summary{grid-template-columns:1fr}}

/* ==================== v2.16 ŞİRKET MARKALAMA ==================== */
:root{--brand-sidebar:#09213C;--brand-sidebar2:#19314C}
.sidebar{background:linear-gradient(180deg,var(--brand-sidebar),var(--brand-sidebar2))}
.company-brand-logo{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.company-brand-logo img{width:185px;max-height:68px;object-fit:contain;background:#fff;border-radius:12px;padding:7px 10px}.company-brand-logo.custom img{width:100%;max-width:190px;min-height:48px}.company-brand-logo small{display:block;padding-left:3px;color:rgba(255,255,255,.52);font-size:8.5px;font-weight:650;letter-spacing:.02em}
.branding-settings-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;align-items:start}.branding-settings-card,.branding-preview-card{min-width:0}.branding-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#e8faf6;color:#08796b;border:1px solid #c9eee6;font-size:9px;font-weight:850;white-space:nowrap}.branding-form{display:grid;gap:15px}.branding-form>label{display:grid;gap:7px;margin:0;font-size:11px;font-weight:800;color:#52647a}.branding-form input[type="text"],.branding-form input:not([type]),.branding-form input[name="portalName"],.branding-form input[name="tagline"]{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--text);outline:0}.branding-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 12%,transparent)}.branding-logo-picker{padding:14px;border:1px dashed #cdd9e3;border-radius:13px;background:#fafcfd}.branding-logo-picker input[type="file"]{margin-top:2px}.branding-logo-picker small{font-weight:500;font-size:9.5px}.branding-remove-logo{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:flex-start;gap:8px!important;padding:10px 12px;background:#fff7f8;border:1px solid #f5d9df;border-radius:11px;color:#9e3e52!important}.branding-remove-logo input{width:auto!important;margin:0}.branding-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.branding-colors>label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#52647a}.branding-color-field{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center}.branding-color-field input[type="color"]{width:48px;height:42px;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff}.branding-color-field input[type="text"],.branding-color-field input:not([type="color"]){height:42px;border:1px solid var(--line);border-radius:10px;padding:0 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-transform:uppercase}.branding-note{display:grid;gap:4px;padding:12px 13px;border-radius:12px;background:#f6fafc;border:1px solid #e4edf3}.branding-note strong{font-size:10px;color:#31445b}.branding-note span{font-size:9.5px;line-height:1.55;color:var(--muted)}.branding-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}
.branding-preview-card{position:sticky;top:104px}.branding-preview{display:grid;grid-template-columns:132px 1fr;min-height:390px;border-radius:16px;overflow:hidden;border:1px solid #dce6ee;background:#f5f8fb;box-shadow:0 12px 28px rgba(15,39,68,.08)}.branding-preview-sidebar{background:linear-gradient(180deg,var(--preview-sidebar),color-mix(in srgb,var(--preview-sidebar) 82%,white));padding:14px 10px;color:#fff}.branding-preview-logo{min-height:74px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:13px}.branding-preview-logo img{width:100%;height:48px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.branding-preview-logo small{display:block;margin-top:5px;font-size:6.8px;color:rgba(255,255,255,.55);text-align:center}.branding-preview-nav{padding:9px 8px;margin:3px 0;border-radius:8px;font-size:8.5px;color:rgba(255,255,255,.67)}.branding-preview-nav.active{background:color-mix(in srgb,var(--preview-primary) 24%,transparent);color:#fff}.branding-preview-main{min-width:0}.branding-preview-top{height:68px;background:#fff;border-bottom:1px solid #e7eef4;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.branding-preview-top strong,.branding-preview-top small{display:block;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branding-preview-top strong{font-size:11px;color:#17253b}.branding-preview-top small{font-size:7.5px;color:#8090a4;margin-top:3px}.branding-preview-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--preview-primary) 22%,white);color:color-mix(in srgb,var(--preview-primary) 70%,#10283f);font-size:8px;font-weight:900}.branding-preview-content{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:start}.branding-preview-metric{background:#fff;border:1px solid #e4ebf1;border-radius:11px;padding:12px}.branding-preview-metric small,.branding-preview-metric strong{display:block}.branding-preview-metric small{font-size:7px;color:#8996a6}.branding-preview-metric strong{font-size:18px;margin-top:4px;color:#17253b}.branding-preview-content button{grid-column:1/-1;border:0;border-radius:10px;padding:10px;background:linear-gradient(135deg,var(--preview-primary),color-mix(in srgb,var(--preview-primary) 80%,#000));color:#fff;font-size:9px;font-weight:800}.branding-preview-foot{font-size:9.5px;line-height:1.55;color:var(--muted);margin:12px 2px 0}
@media(max-width:1050px){.branding-settings-layout{grid-template-columns:1fr}.branding-preview-card{position:static}.branding-preview{min-height:340px}}
@media(max-width:620px){.branding-colors{grid-template-columns:1fr}.branding-actions{flex-direction:column-reverse}.branding-actions .btn{width:100%}.branding-preview{grid-template-columns:104px 1fr}.company-brand-logo.custom img{max-width:175px}}

/* ==================== v2.16.2 GELISMIS SIRKET MARKALAMA ==================== */
.company-brand-logo.logo-style-transparent img{background:transparent!important;padding:0!important;border-radius:0!important;filter:none}.company-brand-logo.logo-style-transparent{padding-top:2px}.branding-v2162 .panel-head{gap:12px}.branding-head-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.branding-version-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eef4ff;color:#315ea8;border:1px solid #d8e5fb;font-size:9px;font-weight:850;white-space:nowrap}.branding-section-title{display:flex;align-items:center;gap:10px;padding-top:4px;margin-top:3px}.branding-section-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--teal) 12%,white);color:color-mix(in srgb,var(--teal) 76%,#0c263f);font-size:9px;font-weight:900;border:1px solid color-mix(in srgb,var(--teal) 18%,#e2e8f0)}.branding-section-title>div{display:grid;gap:2px}.branding-section-title strong{font-size:11px;color:#273b52}.branding-section-title small{font-size:9px;color:var(--muted);font-weight:500}.branding-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.branding-two-col>label{display:grid;gap:7px;margin:0;font-size:11px;font-weight:800;color:#52647a}.branding-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.branding-upload-title{display:grid;gap:2px;margin-bottom:7px}.branding-upload-title strong{font-size:10.5px;color:#33485f}.branding-upload-title small{font-size:8.5px!important;color:#8b99aa}.branding-logo-picker{margin:0!important;min-height:128px;align-content:start}.branding-remove-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.branding-remove-grid:empty{display:none}.branding-display-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.branding-choice,.branding-powered-choice{position:relative;margin:0!important;border:1px solid #dce5ed;border-radius:13px;background:#fff;padding:12px;display:grid!important;cursor:pointer;transition:.18s ease}.branding-choice{grid-template-columns:auto 1fr;gap:10px;align-items:center}.branding-choice>input{position:absolute;opacity:0;pointer-events:none}.branding-choice.selected{border-color:color-mix(in srgb,var(--teal) 58%,#cfd9e2);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 8%,transparent);background:color-mix(in srgb,var(--teal) 3%,white)}.branding-choice .choice-icon{width:42px;height:36px;display:grid;place-items:center;border-radius:8px;font-size:13px;font-weight:900}.card-logo-demo{background:#fff;border:1px solid #dfe7ee;color:#20364f;box-shadow:0 3px 8px rgba(15,35,55,.08)}.transparent-logo-demo{background:#17344e;color:#fff}.branding-choice div,.branding-powered-choice div{display:grid;gap:2px}.branding-choice strong,.branding-powered-choice strong{font-size:10px;color:#30465c}.branding-choice small,.branding-powered-choice small{font-size:8.5px;color:#8795a5;font-weight:500;line-height:1.45}.branding-powered-choice{grid-column:1/-1;grid-template-columns:auto 1fr!important;gap:10px!important;align-items:center;background:#f8fbfd}.branding-powered-choice input{width:18px!important;height:18px;margin:0;accent-color:var(--teal)}.branding-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.branding-presets button{border:1px solid #dfe7ee;background:#fff;border-radius:10px;padding:7px 5px;display:grid;justify-items:center;gap:5px;cursor:pointer;color:#506176;font-size:8px;font-weight:750}.branding-presets button:hover{border-color:color-mix(in srgb,var(--teal) 35%,#dfe7ee);transform:translateY(-1px)}.branding-presets i{width:32px;height:14px;border-radius:999px;background:linear-gradient(90deg,var(--p) 0 50%,var(--s) 50%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)}.branding-preview-head{align-items:center}.branding-preview-modes{display:flex;padding:3px;background:#f1f5f8;border-radius:9px;border:1px solid #e1e8ee}.branding-preview-modes button{border:0;background:transparent;border-radius:6px;padding:6px 8px;font-size:8px;color:#77869a;font-weight:800;cursor:pointer}.branding-preview-modes button.active{background:#fff;color:#2d4359;box-shadow:0 1px 4px rgba(20,40,60,.08)}.branding-browser-tab{height:32px;border:1px solid #dce6ee;border-bottom:0;border-radius:12px 12px 0 0;background:#eef3f7;display:grid;grid-template-columns:16px 1fr 12px;gap:7px;align-items:center;padding:0 10px;color:#67788b;font-size:7.5px;overflow:hidden}.branding-browser-tab img{width:14px;height:14px;object-fit:contain;border-radius:3px}.branding-browser-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branding-browser-tab b{font-size:10px;color:#98a4b0}.branding-v2162 .branding-preview{border-radius:0 0 16px 16px}.branding-v2162 .branding-preview-content{grid-template-columns:1fr 1fr}.branding-v2162 .branding-preview-content button{margin-top:2px}.branding-preview.preview-logo-transparent .branding-preview-logo img{background:transparent;padding:0;border-radius:0}.branding-preview.preview-logo-transparent .branding-preview-logo{padding-left:4px;padding-right:4px}.branding-preview-checks{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.branding-preview-checks span{font-size:7.8px;font-weight:750;color:#547063;background:#f2faf7;border:1px solid #dcefe7;border-radius:999px;padding:5px 7px}.branding-preview.mobile-preview{grid-template-columns:78px minmax(0,210px);max-width:288px;margin-left:auto;margin-right:auto;min-height:430px}.branding-preview.mobile-preview .branding-preview-sidebar{padding:10px 7px}.branding-preview.mobile-preview .branding-preview-nav{font-size:0;padding:8px;text-align:center}.branding-preview.mobile-preview .branding-preview-nav::first-letter{font-size:11px}.branding-preview.mobile-preview .branding-preview-top{padding:10px;height:58px}.branding-preview.mobile-preview .branding-preview-top strong{max-width:125px;font-size:9px}.branding-preview.mobile-preview .branding-preview-top small{max-width:125px;font-size:6.5px}.branding-preview.mobile-preview .branding-preview-content{grid-template-columns:1fr;padding:10px}.branding-preview.mobile-preview .branding-preview-content button{grid-column:1}.branding-preview.mobile-preview .branding-preview-metric{padding:9px}.branding-preview.mobile-preview .branding-preview-metric strong{font-size:14px}.branding-preview.mobile-preview .branding-preview-logo img{height:40px}.branding-preview.mobile-preview .branding-preview-logo small{font-size:5.8px}
@media(max-width:760px){.branding-two-col,.branding-upload-grid,.branding-remove-grid,.branding-display-options{grid-template-columns:1fr}.branding-powered-choice{grid-column:auto}.branding-presets{grid-template-columns:repeat(2,1fr)}.branding-head-badges{justify-content:flex-start}.branding-preview-head{align-items:flex-start}.branding-preview-modes{margin-top:4px}}

/* ==================== v2.17.0 PREMIUM + DUZENLENEBILIR DASHBOARD ==================== */
body.ikm-premium-ui{letter-spacing:-.008em}
.ikm-premium-shell.app-shell{grid-template-columns:232px minmax(0,1fr);background:var(--bg)}
.ikm-premium-ui .sidebar{padding:18px 14px 16px;border-right:1px solid rgba(255,255,255,.045);box-shadow:10px 0 40px rgba(4,20,39,.055)}
.ikm-premium-ui .sidebar-logo{padding:3px 6px 20px;margin-bottom:2px}
.ikm-premium-ui .sidebar-logo img{width:176px;border-radius:13px;padding:7px 10px;box-shadow:0 8px 28px rgba(0,0,0,.1)}
.ikm-premium-ui .nav-root{min-height:42px;border-radius:12px;padding:0 12px}
.ikm-premium-ui .nav-root.active{background:linear-gradient(135deg,var(--teal),var(--teal2));box-shadow:0 8px 22px rgba(0,0,0,.12)}
.ikm-premium-ui .nav-root.active span{color:#fff}
.ikm-premium-ui .nav-group-toggle{height:42px;border-radius:11px}
.ikm-premium-ui .nav-child{min-height:34px;padding:8px 9px;border-radius:9px}
.ikm-premium-ui .nav-child.active{background:rgba(18,184,166,.105)}
.ikm-premium-ui .sidebar-company{padding-top:16px}
.ikm-premium-ui .topbar{height:76px;padding:0 26px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(219,229,238,.9);box-shadow:0 1px 0 rgba(7,31,55,.02);backdrop-filter:blur(18px)}
.ikm-premium-ui .topbar h2{font-size:18px;font-weight:850;letter-spacing:-.025em}
.ikm-premium-ui .topbar p{font-size:11px}
.ikm-premium-ui .top-user{border:1px solid transparent;border-radius:13px;padding:6px 9px 6px 6px;transition:.18s ease}
.ikm-premium-ui .top-user:hover{border-color:var(--line);background:rgba(255,255,255,.7)}
.ikm-premium-ui .top-user .avatar{width:36px;height:36px}
.ikm-premium-ui .icon-btn,.ikm-premium-ui .theme-toggle,.ikm-premium-ui .notification-bell{border-radius:12px;box-shadow:none}
.ikm-premium-ui .page{padding:28px 26px 48px}
.ikm-premium-ui .panel{border-color:#e4ebf2;border-radius:18px;box-shadow:0 8px 28px rgba(16,43,72,.045)}
.ikm-premium-ui .btn{border-radius:11px}
.ikm-premium-ui .btn-primary{box-shadow:0 7px 18px rgba(18,184,166,.16)}

.premium-dashboard-page{position:relative}
.premium-dashboard-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0 2px}
.premium-dashboard-controls>div{display:flex;align-items:center;gap:9px;min-width:0}
.premium-dashboard-eyebrow{font-size:9px;font-weight:900;letter-spacing:.11em;color:var(--teal);white-space:nowrap}
.premium-dashboard-controls small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-edit-btn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;background:#fff;border-color:#dce6ee;color:#30445b}
.dashboard-edit-btn span{color:var(--teal);font-size:14px}
.dashboard-edit-btn:hover{border-color:#b8ddd8;background:#f8fcfb}

.premium-dashboard-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px;width:100%}
.premium-dashboard-card{margin:0!important;min-width:0;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease,flex-basis .22s ease;position:relative}
.premium-dashboard-card[hidden]{display:none!important}
.premium-dashboard-card.dashboard-size-small{flex:1 1 230px}
.premium-dashboard-card.dashboard-size-medium{flex:1 1 460px}
.premium-dashboard-card.dashboard-size-wide{flex:1 0 100%}
.premium-dashboard-card:hover{border-color:#d7e4ed;box-shadow:0 11px 34px rgba(15,40,67,.065)}

/* v2.17.1 - Dashboard üzerinde doğrudan sürükle / bırak */
.dashboard-autosave-state{padding-left:9px;border-left:1px solid #e3eaf0;color:#8b9aaa!important;transition:.16s ease}
.dashboard-autosave-state[data-status="saving"]{color:#9a6a00!important}
.dashboard-autosave-state[data-status="saved"]{color:#078b76!important}
.dashboard-autosave-state[data-status="error"]{color:#c63e46!important}
.dashboard-canvas-drag-handle{position:absolute;z-index:12;top:-9px;left:50%;transform:translateX(-50%);width:34px;height:19px;border:1px solid #dbe6ec;border-radius:999px;background:rgba(255,255,255,.97);box-shadow:0 3px 10px rgba(12,38,63,.07);color:#8da0b1;display:flex;align-items:center;justify-content:center;padding:0;cursor:grab;opacity:.58;transition:opacity .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.dashboard-canvas-drag-handle span{font-size:15px;line-height:1;transform:translateY(-1px);pointer-events:none}
.premium-dashboard-card:hover>.dashboard-canvas-drag-handle,.dashboard-canvas-drag-handle:focus-visible{opacity:1;color:var(--teal);border-color:#b8ddd8;box-shadow:0 4px 13px rgba(18,184,166,.12);outline:none}
.dashboard-canvas-drag-handle:active{cursor:grabbing}
.premium-dashboard-card.dashboard-canvas-dragging{opacity:.42;transform:scale(.985);box-shadow:none!important}
.premium-dashboard-card.dashboard-drop-target{border-color:var(--teal)!important;box-shadow:0 0 0 3px rgba(18,184,166,.10),0 13px 34px rgba(15,40,67,.07)!important;transform:translateY(-2px)}

.premium-welcome-card.hero{min-height:196px;padding:26px 28px;border:1px solid #dcebe9;border-radius:20px;background:radial-gradient(circle at 92% 15%,rgba(18,184,166,.13),transparent 30%),linear-gradient(135deg,#fff 0%,#f9fcfc 100%);box-shadow:0 9px 30px rgba(15,52,70,.045);align-items:flex-start}
.premium-welcome-card.hero h1{font-size:27px;letter-spacing:-.045em;line-height:1.12;margin-bottom:9px}
.premium-welcome-card.hero p{font-size:12px;line-height:1.6;max-width:520px}
.premium-welcome-card.hero>.btn{align-self:flex-start}

.premium-live-card.live-approval-center{min-height:196px;padding:22px 24px;border-radius:20px}
.premium-live-card .live-approval-list{max-height:270px;overflow:auto;padding-right:2px}
.premium-live-card .live-approval-empty{min-height:92px;display:grid;place-items:center;border-radius:13px}
.premium-live-card .live-dot{font-size:9px;letter-spacing:.06em}

.premium-metric-card.metric{min-height:120px;padding:18px 19px;border-radius:18px;box-shadow:0 7px 26px rgba(16,43,72,.04)}
.premium-metric-card .metric-icon{width:50px;height:50px;border-radius:15px;font-size:20px;flex:0 0 auto}
.premium-metric-card .metric strong{font-size:28px}
.premium-metric-card>div:last-child{min-width:0}
.premium-metric-card span{font-size:11px!important}
.premium-metric-card small{font-size:9.5px!important;line-height:1.4}

.premium-team-card{padding:22px 24px!important;overflow:hidden}
.premium-team-card .payroll-legal-metrics{gap:8px}
.premium-team-card .payroll-legal-metrics>div{background:#fbfcfd;border:1px solid #e8eef3;border-radius:12px;padding:12px 13px}
.premium-team-card .table-wrap{margin-top:8px}
.premium-alert-card,.premium-occasion-card{min-height:310px;padding:22px 24px!important}
.premium-alert-card .smart-alert-list{display:grid;gap:7px}
.premium-occasion-card .occasion-list{display:grid;gap:2px}
.premium-quick-card{padding:20px 22px!important}
.premium-quick-card .adv-quick{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px}
.premium-quick-card .quick-grid button{padding:15px 10px;border-radius:12px;background:#fbfcfd}
.premium-engagement-card{width:100%}
.premium-engagement-card .dashboard-engagement-grid{margin-bottom:0}

.dashboard-editing .premium-dashboard-card:not([hidden]){outline:1px dashed rgba(18,184,166,.45);outline-offset:3px}
.dashboard-editing .premium-dashboard-card:not([hidden])::after{content:"Düzenleniyor";position:absolute;right:12px;top:10px;z-index:3;background:#e8faf6;color:#08796b;border:1px solid #c5eee5;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:850;letter-spacing:.04em;pointer-events:none}

.dashboard-editor-backdrop{position:fixed;inset:0;z-index:120;background:rgba(6,19,33,.28);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;animation:dashboardFade .16s ease}
.dashboard-editor{width:min(430px,94vw);height:100vh;background:#fff;border-left:1px solid #e1e9ef;box-shadow:-24px 0 60px rgba(7,30,54,.14);display:flex;flex-direction:column;animation:dashboardSlide .2s ease}
.dashboard-editor-head{display:grid;grid-template-columns:1fr auto;gap:14px;padding:24px 24px 18px;border-bottom:1px solid #edf1f4}
.dashboard-editor-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--teal);margin-bottom:6px}
.dashboard-editor-head h2{font-size:21px;letter-spacing:-.03em;margin:0 0 5px}
.dashboard-editor-head p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}
.dashboard-editor-close{width:34px;height:34px;border:0;border-radius:10px;background:#f3f6f8;color:#64778a;font-size:22px;line-height:1}
.dashboard-editor-summary{display:flex;justify-content:space-between;gap:12px;padding:12px 24px;background:#fbfcfd;border-bottom:1px solid #edf1f4;font-size:10px;color:var(--muted)}
.dashboard-editor-summary b{color:var(--text)}
.dashboard-editor-list{padding:14px 16px;overflow:auto;display:grid;gap:8px;flex:1}
.dashboard-editor-item{display:grid;grid-template-columns:24px minmax(0,1fr) 82px 38px;align-items:center;gap:9px;min-height:58px;border:1px solid #e4ebf0;border-radius:13px;background:#fff;padding:8px 9px;transition:.15s ease;cursor:grab}
.dashboard-editor-item:hover{border-color:#cde2df;box-shadow:0 5px 16px rgba(17,45,72,.045)}
.dashboard-editor-item.is-hidden{opacity:.62;background:#f8fafb}
.dashboard-editor-item.is-dragging{opacity:.4;transform:scale(.985)}
.dashboard-editor-item.drag-over{border-color:var(--teal);box-shadow:0 0 0 2px rgba(18,184,166,.08)}
.dashboard-editor-drag{color:#91a1b2;font-size:20px;text-align:center;user-select:none}
.dashboard-editor-item-copy{min-width:0}
.dashboard-editor-item-copy strong,.dashboard-editor-item-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-editor-item-copy strong{font-size:11px;color:#263950}
.dashboard-editor-item-copy small{font-size:8.5px;color:#8a99a8;margin-top:3px}
.dashboard-editor-size{width:82px;height:34px;border:1px solid #dfe7ed;border-radius:9px;background:#f9fbfc;padding:0 7px;font-size:10px;color:#45596e;outline:0}
.dashboard-switch{display:inline-flex;align-items:center;justify-content:center;margin:0!important}
.dashboard-switch input{position:absolute;opacity:0;pointer-events:none}
.dashboard-switch span{width:34px;height:20px;border-radius:999px;background:#cfd9e1;position:relative;transition:.16s ease;display:block}
.dashboard-switch span::after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.16s ease}
.dashboard-switch input:checked+span{background:var(--teal)}
.dashboard-switch input:checked+span::after{transform:translateX(14px)}
.dashboard-editor-foot{padding:16px;border-top:1px solid #e8eef2;display:flex;justify-content:space-between;gap:10px;background:#fff}
.dashboard-editor-foot-actions{display:flex;gap:8px}
.dashboard-editor-foot .btn{font-size:10px;padding:9px 11px}
@keyframes dashboardSlide{from{transform:translateX(28px);opacity:.6}to{transform:translateX(0);opacity:1}}
@keyframes dashboardFade{from{background:rgba(6,19,33,0)}to{background:rgba(6,19,33,.28)}}

:root[data-theme="dark"] .ikm-premium-ui .topbar{background:rgba(10,18,31,.92);border-color:#223144}
:root[data-theme="dark"] .ikm-premium-ui .top-user:hover{background:#132033;border-color:#2a3a4d}
:root[data-theme="dark"] .ikm-premium-ui .panel,:root[data-theme="dark"] .premium-dashboard-card{border-color:#26374a}
:root[data-theme="dark"] .dashboard-edit-btn{background:#152235;border-color:#304257;color:#e4edf5}
:root[data-theme="dark"] .premium-welcome-card.hero{background:radial-gradient(circle at 92% 15%,rgba(18,184,166,.13),transparent 30%),linear-gradient(135deg,#111c2b,#101a29);border-color:#26394a}
:root[data-theme="dark"] .premium-team-card .payroll-legal-metrics>div,:root[data-theme="dark"] .premium-quick-card .quick-grid button{background:#101b2a;border-color:#29394a}
:root[data-theme="dark"] .dashboard-editor{background:#101b2a;border-color:#27384a}
:root[data-theme="dark"] .dashboard-editor-head,:root[data-theme="dark"] .dashboard-editor-summary,:root[data-theme="dark"] .dashboard-editor-foot{border-color:#26374a;background:#101b2a}
:root[data-theme="dark"] .dashboard-editor-summary{background:#0d1725}
:root[data-theme="dark"] .dashboard-editor-item{background:#142133;border-color:#2b3c4f}
:root[data-theme="dark"] .dashboard-editor-item.is-hidden{background:#101a28}
:root[data-theme="dark"] .dashboard-editor-item-copy strong{color:#e7eef5}
:root[data-theme="dark"] .dashboard-editor-size{background:#0d1725;color:#e5edf4;border-color:#34475b}
:root[data-theme="dark"] .dashboard-editor-close{background:#17263a;color:#c4d0dc}

@media(max-width:1180px){
  .ikm-premium-shell.app-shell{grid-template-columns:220px minmax(0,1fr)}
  .premium-dashboard-card.dashboard-size-small{flex-basis:210px}
  .premium-dashboard-card.dashboard-size-medium{flex-basis:390px}
}
@media(max-width:900px){
  .premium-dashboard-card.dashboard-size-medium{flex-basis:100%}
  .premium-dashboard-card.dashboard-size-small{flex-basis:calc(50% - 8px)}
  .premium-welcome-card.hero{min-height:165px}
  .premium-dashboard-controls small{display:none}
}
@media(max-width:780px){
  .ikm-premium-ui .page{padding:18px 14px 34px}
  .ikm-premium-ui .topbar{height:68px;padding:0 14px}
  .premium-dashboard-grid{gap:12px}
  .premium-dashboard-card.dashboard-size-small,.premium-dashboard-card.dashboard-size-medium,.premium-dashboard-card.dashboard-size-wide{flex:1 0 100%}
  .premium-welcome-card.hero{padding:20px;min-height:0;flex-wrap:wrap}
  .premium-welcome-card.hero h1{font-size:23px}
  .premium-live-card.live-approval-center,.premium-team-card,.premium-alert-card,.premium-occasion-card{padding:18px!important}
  .premium-dashboard-controls{margin-bottom:12px}
  .premium-dashboard-eyebrow{display:none}
  .dashboard-editor{width:100vw}
  .dashboard-editor-item{grid-template-columns:22px minmax(0,1fr) 76px 36px}
  .dashboard-editor-size{width:76px}
  .dashboard-editor-foot{flex-direction:column}
  .dashboard-editor-foot-actions{display:grid;grid-template-columns:1fr 1.3fr}
  .dashboard-editor-foot .btn{width:100%}
}

:root[data-theme="dark"] .dashboard-canvas-drag-handle{background:#142133;border-color:#33485d;color:#8da0b1;box-shadow:0 3px 10px rgba(0,0,0,.18)}
:root[data-theme="dark"] .dashboard-autosave-state{border-left-color:#2b3d50}
@media(max-width:900px){.dashboard-autosave-state{display:none}}
@media(max-width:780px){.dashboard-canvas-drag-handle{display:none}}

/* =========================================================
   v2.18.0 — Şirket İçi Mesajlaşma / Node Native
   Yalnızca .chat-* kapsamındadır; mevcut ekranları etkilemez.
   ========================================================= */
.chat-nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff6075;color:#fff!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:8px!important;font-weight:900;line-height:1;box-shadow:0 2px 8px rgba(255,96,117,.28)}
.chat-nav-badge[hidden]{display:none!important}
.chat-page{height:calc(100vh - 144px);min-height:590px}
.chat-shell{height:100%;display:grid;grid-template-columns:320px minmax(0,1fr);overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 48px rgba(12,37,64,.07)}
.chat-sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfd)}
.chat-sidebar-head{padding:18px 17px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-sidebar-head h2{font-size:20px;margin:2px 0 0;letter-spacing:-.4px}.chat-kicker{display:block;color:var(--teal);font-size:8px;font-weight:900;letter-spacing:.14em}.chat-new-btn{padding:8px 11px!important;font-size:10px!important;border-radius:10px!important}
.chat-search{margin:0 13px 10px;height:39px;border:1px solid #dfe7ed;background:#f7f9fb;border-radius:11px;display:flex;align-items:center;gap:7px;padding:0 11px;color:#8a9aac}.chat-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}
.chat-conversation-list{min-height:0;overflow:auto;padding:7px}.chat-conversation{width:100%;border:0;background:transparent;border-radius:14px;padding:9px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;text-align:left;color:var(--text);transition:.14s ease}.chat-conversation:hover{background:#f4f8fa}.chat-conversation.active{background:linear-gradient(135deg,rgba(18,184,166,.12),rgba(18,184,166,.045))}
.chat-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#e3f8f5,#c3eee7);color:#0b8477;font-size:11px;font-weight:900;flex:0 0 auto}.chat-avatar.lg{width:42px;height:42px}.chat-avatar.sm{width:31px;height:31px;border-radius:10px;font-size:9px}.chat-avatar.channel{background:linear-gradient(135deg,#e9efff,#dde5fb);color:#536dad;font-size:17px}
.chat-conversation-copy{min-width:0;display:grid;gap:4px;align-content:center}.chat-conversation-top,.chat-conversation-bottom{display:flex;gap:7px;align-items:center;min-width:0}.chat-conversation-top strong,.chat-conversation-bottom small{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conversation-top strong{font-size:11px}.chat-conversation-top time{font-size:8px;color:#9aa7b4}.chat-conversation-bottom small{font-size:8.5px;color:#8291a0}.chat-conversation-bottom b{min-width:18px;height:18px;border-radius:999px;padding:0 5px;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:7px}
.chat-list-empty{padding:45px 15px;text-align:center;color:var(--muted)}.chat-list-empty span{display:block;font-size:27px;margin-bottom:8px}.chat-list-empty strong,.chat-list-empty small{display:block}.chat-list-empty strong{font-size:11px;color:var(--text)}.chat-list-empty small{font-size:8px;margin-top:4px}
.chat-main{min-width:0;min-height:0;display:grid;grid-template-rows:68px minmax(0,1fr) auto;background:radial-gradient(circle at 95% 5%,rgba(18,184,166,.05),transparent 28%),#fbfcfd}.chat-active-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-active-header>div:first-child:not(.chat-active-person) h3{margin:0;font-size:15px}.chat-active-header>div:first-child:not(.chat-active-person) p{margin:4px 0 0;font-size:9px;color:var(--muted)}.chat-active-person{display:flex;align-items:center;gap:10px;min-width:0}.chat-active-person h3{font-size:13px;margin:0}.chat-active-person p{font-size:9px;color:var(--muted);margin:3px 0 0}.chat-active-actions{display:flex;gap:6px}
.chat-messages{min-height:0;overflow:auto;padding:20px 22px;scroll-behavior:smooth}.chat-empty-state{height:100%;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.chat-empty-state>div{width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,#e4faf6,#d2f3ed);display:grid;place-items:center;font-size:27px;margin-bottom:14px}.chat-empty-state h3{font-size:18px;color:var(--text);margin:0 0 6px}.chat-empty-state p{font-size:10px;max-width:360px;line-height:1.6;margin:0 0 16px}.chat-empty-state.compact{min-height:250px}
.chat-day-separator{display:flex;align-items:center;justify-content:center;margin:9px 0 14px}.chat-day-separator span{background:#eef3f6;color:#8795a4;border-radius:999px;padding:5px 10px;font-size:8px;font-weight:700}
.chat-message-row{display:flex;align-items:flex-end;gap:7px;margin:6px 0;max-width:78%}.chat-message-row.mine{margin-left:auto;flex-direction:row-reverse}.chat-message-avatar{width:27px;height:27px;border-radius:9px;background:#e8f0f5;color:#6e8194;display:grid;place-items:center;font-size:8px;font-weight:900;flex:0 0 auto}.chat-message-row.mine .chat-message-avatar{background:#daf4ef;color:#0d8a7d}.chat-message-wrap{min-width:0}.chat-message-meta{height:14px;padding:0 4px}.chat-message-meta strong{font-size:8px;color:#738598}.chat-bubble{position:relative;min-width:90px;padding:9px 11px 7px;border:1px solid #e1e8ed;border-radius:16px 16px 16px 5px;background:#fff;box-shadow:0 3px 12px rgba(16,45,70,.035);font-size:11px;line-height:1.5;color:#23354a;overflow-wrap:anywhere}.chat-message-row.mine .chat-bubble{border-radius:16px 16px 5px 16px;border-color:rgba(18,184,166,.2);background:linear-gradient(135deg,#e8faf6,#dff6f1)}.chat-message-text{white-space:normal}.chat-bubble-foot{margin-top:5px;display:flex;justify-content:flex-end;align-items:center;gap:5px;font-size:7.5px;color:#8795a3}.chat-bubble-foot span{color:#168e80}.chat-deleted{font-size:9px;color:#8e9aa6}.chat-reply-preview{border-left:2px solid var(--teal);background:rgba(18,184,166,.06);border-radius:7px;padding:5px 7px;margin-bottom:6px;display:grid;gap:1px}.chat-reply-preview strong{font-size:7.5px;color:#168d80}.chat-reply-preview span{font-size:8px;color:#68798b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-message-actions{position:absolute;top:-14px;right:5px;display:flex;gap:3px;opacity:0;transition:.12s}.chat-message-row.mine .chat-message-actions{right:auto;left:5px}.chat-message-row:hover .chat-message-actions{opacity:1}.chat-message-actions button{width:25px;height:25px;border:1px solid #e1e8ed;border-radius:8px;background:#fff;color:#718294;display:grid;place-items:center;font-size:11px;box-shadow:0 3px 8px rgba(20,45,70,.06)}
.chat-attachment{margin-top:7px;min-width:220px;max-width:310px;border:1px solid rgba(95,119,139,.14);border-radius:11px;padding:8px;background:rgba(255,255,255,.66);display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;color:inherit}.chat-attachment>span:first-child{font-size:18px}.chat-attachment strong,.chat-attachment small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-attachment strong{font-size:9px}.chat-attachment small{font-size:7px;color:var(--muted);margin-top:2px}.chat-attachment b{font-size:8px;color:var(--teal)}
.chat-composer{border-top:1px solid var(--line);padding:10px 14px 11px;background:rgba(255,255,255,.93)}.chat-compose-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:end;gap:8px}.chat-attach-btn{width:38px;height:38px;border:1px solid #dfe7ed;border-radius:11px;background:#f7f9fb;color:#617386;font-size:20px}.chat-compose-row textarea{resize:none;max-height:140px;min-height:38px;border:1px solid #dbe4ea;background:#f8fafb;border-radius:12px;padding:9px 11px;outline:0;color:var(--text);font-size:11px;line-height:1.45}.chat-compose-row textarea:focus{background:#fff;border-color:var(--teal);box-shadow:0 0 0 3px rgba(18,184,166,.08)}.chat-send-btn{height:38px;min-width:78px;font-size:10px!important}.chat-composer-hint{margin:6px 0 0 46px;font-size:7.5px;color:#9aa6b1}.chat-composer-context{display:grid;gap:5px}.chat-composer-context:empty{display:none}.chat-composer-context-item{margin:0 44px 7px;min-height:38px;border:1px solid #dfe8ed;border-radius:10px;background:#f7fafb;padding:6px 8px;display:grid;grid-template-columns:22px minmax(0,1fr) 24px;align-items:center;gap:7px}.chat-composer-context-item>span{font-size:14px;color:var(--teal)}.chat-composer-context-item div{min-width:0}.chat-composer-context-item strong,.chat-composer-context-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-composer-context-item strong{font-size:8.5px}.chat-composer-context-item small{font-size:7px;color:var(--muted)}.chat-composer-context-item button{border:0;background:transparent;color:#8493a1;font-size:16px}
.chat-new-modal{display:grid;gap:12px}.chat-dept-option{border:1px solid #dce8e6;background:linear-gradient(135deg,#f1fbf9,#f8fcfb);border-radius:13px;padding:11px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left}.chat-dept-option>span{width:38px;height:38px;border-radius:11px;background:#ddf6f1;display:grid;place-items:center;color:#0b8b7c;font-weight:900}.chat-dept-option strong,.chat-dept-option small{display:block}.chat-dept-option strong{font-size:11px}.chat-dept-option small{font-size:8.5px;color:var(--muted);margin-top:2px}.chat-new-tabs{display:flex;background:#f1f5f7;border-radius:11px;padding:3px}.chat-new-tabs button{flex:1;border:0;background:transparent;border-radius:9px;padding:8px;font-size:9px;color:#66788b}.chat-new-tabs button.active{background:#fff;color:var(--text);font-weight:800;box-shadow:0 2px 8px rgba(13,39,66,.05)}.chat-directory-search{width:100%;border:1px solid #dfe7ed;border-radius:11px;padding:9px 10px;outline:0;font-size:10px}.chat-directory-list,.chat-member-picker{max-height:390px;overflow:auto;display:grid;gap:4px}.chat-directory-person,.chat-member-picker label{border:1px solid transparent;background:transparent;border-radius:11px;padding:7px;display:flex;align-items:center;gap:9px;text-align:left}.chat-directory-person:hover,.chat-member-picker label:hover{background:#f7fafb;border-color:#e9eef2}.chat-directory-person div,.chat-member-picker label div{min-width:0;flex:1}.chat-directory-person strong,.chat-directory-person small,.chat-member-picker strong,.chat-member-picker small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-directory-person strong,.chat-member-picker strong{font-size:10px}.chat-directory-person small,.chat-member-picker small{font-size:8px;color:var(--muted);margin-top:2px}.chat-member-picker label{display:grid;grid-template-columns:18px 31px minmax(0,1fr);margin:0!important;font-weight:400!important}.chat-member-picker input{width:auto!important;margin:0!important}
:root[data-theme="dark"] .chat-shell{background:#101b2a;border-color:#26374a;box-shadow:0 18px 52px rgba(0,0,0,.16)}:root[data-theme="dark"] .chat-sidebar{background:linear-gradient(180deg,#101b2a,#0e1826);border-color:#26374a}:root[data-theme="dark"] .chat-search,:root[data-theme="dark"] .chat-compose-row textarea,:root[data-theme="dark"] .chat-attach-btn{background:#0d1725;border-color:#2d3e50;color:#e8eef5}:root[data-theme="dark"] .chat-conversation:hover{background:#142234}:root[data-theme="dark"] .chat-conversation.active{background:linear-gradient(135deg,rgba(18,184,166,.15),rgba(18,184,166,.06))}:root[data-theme="dark"] .chat-main{background:radial-gradient(circle at 94% 6%,rgba(18,184,166,.055),transparent 28%),#0d1725}:root[data-theme="dark"] .chat-active-header,:root[data-theme="dark"] .chat-composer{background:rgba(16,27,42,.92);border-color:#26374a}:root[data-theme="dark"] .chat-bubble{background:#142234;border-color:#2b3c4d;color:#e3ebf3}:root[data-theme="dark"] .chat-message-row.mine .chat-bubble{background:linear-gradient(135deg,#12352f,#143d36);border-color:#23574f}:root[data-theme="dark"] .chat-message-actions button{background:#142234;border-color:#2b3c4d;color:#a4b4c4}:root[data-theme="dark"] .chat-attachment,:root[data-theme="dark"] .chat-composer-context-item{background:#102033;border-color:#2b4054}:root[data-theme="dark"] .chat-new-tabs{background:#0d1725}:root[data-theme="dark"] .chat-new-tabs button.active{background:#172638;color:#e7edf4}
@media(max-width:980px){.chat-shell{grid-template-columns:285px minmax(0,1fr)}.chat-message-row{max-width:86%}}
@media(max-width:780px){.chat-page{height:auto;min-height:calc(100vh - 110px)}.chat-shell{height:auto;grid-template-columns:1fr;grid-template-rows:290px minmax(540px,1fr);border-radius:15px}.chat-sidebar{border-right:0;border-bottom:1px solid var(--line)}.chat-main{min-height:540px}.chat-messages{padding:16px 12px}.chat-message-row{max-width:92%}.chat-composer-hint{display:none}.chat-composer-context-item{margin-left:0;margin-right:0}.chat-directory-list,.chat-member-picker{max-height:300px}}

/* ==================== v2.18.1 PROFİL FOTOĞRAFI + FLOATING CHAT ==================== */
.employee-photo-avatar{position:relative;overflow:hidden;isolation:isolate;flex:0 0 auto}.employee-photo-avatar .employee-photo-fallback{display:grid;place-items:center;width:100%;height:100%;position:relative;z-index:1}.employee-photo-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:2;background:#eef3f6}.employee-photo-avatar.has-photo .employee-photo-fallback{visibility:hidden}.my-profile-photo-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-2px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fbfc}.my-profile-photo-actions small{color:var(--muted);font-size:8.5px}.danger-soft{color:#a94256!important;border-color:#efd7dc!important;background:#fff7f8!important}

.ikm-chat-widget{position:fixed;right:22px;bottom:20px;z-index:860;pointer-events:none}.chat-float-launcher{pointer-events:auto;min-width:126px;height:48px;border:0;border-radius:16px;padding:0 15px;background:linear-gradient(135deg,var(--brand-sidebar,#09213C),color-mix(in srgb,var(--brand-sidebar,#09213C) 78%,var(--teal,#12B8A6)));color:#fff;box-shadow:0 12px 34px rgba(8,32,58,.24);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850;font-size:11px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.chat-float-launcher:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(8,32,58,.3)}.chat-float-launcher.active{background:linear-gradient(135deg,var(--teal,#12B8A6),color-mix(in srgb,var(--teal,#12B8A6) 72%,#0b4050))}.chat-launcher-icon{font-size:17px;line-height:1}.chat-launcher-badge{position:absolute;right:-5px;top:-7px;min-width:22px;height:22px;border-radius:999px;background:#e9415c;color:#fff;border:3px solid #fff;display:grid;place-items:center;font-size:8px;padding:0 5px;box-shadow:0 4px 12px rgba(213,48,77,.28)}.chat-float-launcher.has-unread:not(.active){animation:ikmChatPulse 2.3s ease-in-out infinite}@keyframes ikmChatPulse{0%,100%{box-shadow:0 12px 34px rgba(8,32,58,.24)}50%{box-shadow:0 12px 34px rgba(8,32,58,.24),0 0 0 7px rgba(18,184,166,.12)}}
.chat-float-panel{pointer-events:auto;position:absolute;right:0;bottom:60px;width:min(780px,calc(100vw - 44px));height:min(610px,calc(100vh - 115px));border:1px solid rgba(203,216,226,.95);border-radius:20px;background:#fff;box-shadow:0 26px 80px rgba(10,34,58,.25);overflow:hidden;transform-origin:bottom right;animation:ikmChatIn .16s ease-out}@keyframes ikmChatIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.chat-float-topbar{height:55px;padding:0 12px 0 16px;background:linear-gradient(135deg,var(--brand-sidebar,#09213C),color-mix(in srgb,var(--brand-sidebar,#09213C) 90%,#fff));color:#fff;display:flex;align-items:center;justify-content:space-between}.chat-float-topbar>div:first-child{display:grid;gap:1px}.chat-float-topbar .chat-kicker{font-size:7px;color:rgba(255,255,255,.58);letter-spacing:.13em}.chat-float-topbar strong{font-size:13px}.chat-float-top-actions{display:flex;gap:5px}.chat-float-top-actions button{width:31px;height:31px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font-size:17px;display:grid;place-items:center}.chat-float-top-actions button:hover{background:rgba(255,255,255,.16)}.chat-float-content{height:calc(100% - 55px);display:grid;grid-template-columns:265px minmax(0,1fr);min-height:0}.chat-float-panel .chat-sidebar{min-width:0;height:100%;border-radius:0;border-right:1px solid var(--line);border-bottom:0;padding-top:10px}.chat-float-panel .chat-main{height:100%;min-height:0;grid-template-rows:62px minmax(0,1fr) auto}.chat-float-panel .chat-conversation-list{padding-bottom:10px}.chat-float-panel .chat-messages{padding:15px 15px}.chat-float-panel .chat-message-row{max-width:88%}.chat-float-panel .chat-composer{padding:9px 10px 9px}.chat-float-panel .chat-compose-row{grid-template-columns:36px minmax(0,1fr) auto}.chat-float-panel .chat-attach-btn{width:36px;height:36px}.chat-float-panel .chat-compose-row textarea{min-height:36px}.chat-float-panel .chat-send-btn{height:36px;min-width:66px}.chat-float-panel .chat-composer-hint{margin-left:44px}.chat-float-panel .chat-active-header{padding:0 12px}.nav-item.chat-window-open{background:rgba(18,184,166,.1)!important;color:#dffbf6!important}.chat-nav-badge{margin-left:auto;min-width:17px;height:17px;border-radius:999px;background:#e9415c;color:#fff;display:grid;place-items:center;font-size:7px;padding:0 4px}.chat-nav-badge[hidden]{display:none!important}
:root[data-theme="dark"] .my-profile-photo-actions{background:#102033}:root[data-theme="dark"] .chat-launcher-badge{border-color:#101b2a}:root[data-theme="dark"] .chat-float-panel{background:#0d1725;border-color:#2a3b4d;box-shadow:0 28px 85px rgba(0,0,0,.48)}
@media(max-width:820px){.ikm-chat-widget{right:10px;bottom:10px}.chat-float-launcher{min-width:52px;width:52px;padding:0;border-radius:16px}.chat-launcher-label{display:none}.chat-float-panel{right:0;bottom:60px;width:calc(100vw - 20px);height:min(650px,calc(100dvh - 85px));border-radius:17px}.chat-float-content{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:580px){.chat-float-panel{width:calc(100vw - 12px);right:-4px;height:calc(100dvh - 82px)}.chat-float-content{grid-template-columns:132px minmax(0,1fr)}.chat-float-panel .chat-conversation{padding:7px 5px;gap:5px}.chat-float-panel .chat-conversation .chat-avatar{display:none}.chat-float-panel .chat-conversation-top time{display:none}.chat-float-panel .chat-conversation-copy strong{font-size:8.5px}.chat-float-panel .chat-conversation-bottom small{font-size:7px}.chat-float-panel .chat-message-row{max-width:96%}.chat-float-panel .chat-message-row>.chat-avatar{display:none}.chat-float-panel .chat-active-person p{display:none}.chat-float-panel .chat-send-btn{min-width:44px;padding-left:7px!important;padding-right:7px!important;font-size:0!important}.chat-float-panel .chat-send-btn:after{content:'➤';font-size:13px}.chat-float-panel .chat-composer-hint{display:none}}

/* ==================== v2.18.2 CHAT SILME + EMOJI ==================== */
.chat-conversation-shell{position:relative;border-radius:14px}.chat-conversation-shell .chat-conversation{padding-right:31px}.chat-conversation-remove{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:23px;height:23px;border:0;border-radius:8px;background:transparent;color:#9aa7b4;display:grid;place-items:center;font-size:15px;opacity:0;cursor:pointer;transition:.12s ease}.chat-conversation-shell:hover .chat-conversation-remove,.chat-conversation-shell.active .chat-conversation-remove{opacity:1}.chat-conversation-remove:hover{background:#fff0f2;color:#bd4054}.chat-active-actions #chatRemoveConversationBtn:hover{background:#fff0f2!important;color:#bd4054!important;border-color:#f0d2d8!important}
.chat-composer{position:relative}.chat-compose-row{grid-template-columns:38px 38px minmax(0,1fr) auto}.chat-emoji-btn{width:38px;height:38px;border:1px solid #dfe7ed;border-radius:11px;background:#f7f9fb;color:#617386;font-size:17px;cursor:pointer}.chat-emoji-btn:hover{background:#eef9f7;color:#118c7e;border-color:#cce9e4}.chat-emoji-picker{position:absolute;left:55px;bottom:63px;width:286px;max-width:calc(100% - 75px);padding:9px;border:1px solid #dce6eb;border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(10,34,58,.16);z-index:8}.chat-emoji-picker[hidden]{display:none!important}.chat-emoji-head{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 3px 5px}.chat-emoji-head strong{font-size:9px;color:#6f8090}.chat-emoji-head button{width:23px;height:23px;border:0;border-radius:7px;background:transparent;color:#8c9aa7;font-size:15px}.chat-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.chat-emoji-grid button{height:29px;border:0;border-radius:8px;background:transparent;font-size:17px;display:grid;place-items:center;cursor:pointer}.chat-emoji-grid button:hover{background:#edf8f6;transform:scale(1.08)}.chat-composer-hint{margin-left:84px}
:root[data-theme="dark"] .chat-conversation-remove:hover{background:#351d26;color:#ff8da0}:root[data-theme="dark"] .chat-emoji-btn,:root[data-theme="dark"] .chat-emoji-picker{background:#0d1725;border-color:#2d3e50;color:#e8eef5}:root[data-theme="dark"] .chat-emoji-grid button:hover{background:#153129}
.chat-float-panel .chat-compose-row{grid-template-columns:36px 36px minmax(0,1fr) auto}.chat-float-panel .chat-emoji-btn{width:36px;height:36px}.chat-float-panel .chat-composer-hint{margin-left:84px}.chat-float-panel .chat-emoji-picker{left:52px;bottom:57px;width:270px}
@media(max-width:580px){.chat-float-panel .chat-compose-row{grid-template-columns:32px 32px minmax(0,1fr) auto;gap:5px}.chat-float-panel .chat-attach-btn,.chat-float-panel .chat-emoji-btn{width:32px;height:34px}.chat-float-panel .chat-emoji-picker{left:6px;right:6px;width:auto;max-width:none;bottom:54px}.chat-emoji-grid{grid-template-columns:repeat(8,1fr)}.chat-conversation-remove{opacity:1;right:3px;width:20px;height:20px}.chat-conversation-shell .chat-conversation{padding-right:22px}}


/* v2.18.3 — Emoji taşma düzeltmesi + uygulama içi onay/düzenleme pencereleri */
.chat-emoji-picker{box-sizing:border-box;overflow:hidden;width:278px;max-width:min(278px,calc(100% - 68px));padding:10px}.chat-emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%;max-height:224px;overflow-y:auto;overflow-x:hidden;padding:1px;scrollbar-width:thin}.chat-emoji-grid button{box-sizing:border-box;min-width:0;width:100%;height:30px;padding:0;margin:0;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;overflow:hidden}.chat-emoji-head{box-sizing:border-box;width:100%}.chat-float-panel .chat-emoji-picker{left:50px;right:auto;bottom:56px;width:278px;max-width:min(278px,calc(100% - 62px))}
.chat-decision-layer{position:fixed;inset:0;left:0;top:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(6,21,37,.42);backdrop-filter:blur(5px);animation:chatDecisionFade .14s ease-out}@keyframes chatDecisionFade{from{opacity:0}to{opacity:1}}.chat-decision-card,.chat-edit-card{position:relative;box-sizing:border-box;width:min(390px,calc(100vw - 28px));border:1px solid rgba(205,218,227,.96);border-radius:20px;background:#fff;padding:24px;box-shadow:0 28px 80px rgba(8,31,52,.28);text-align:center;animation:chatDecisionPop .16s ease-out}@keyframes chatDecisionPop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.chat-decision-x{position:absolute;top:11px;right:11px;width:30px;height:30px;border:0;border-radius:9px;background:#f4f7f9;color:#7d8c99;font-size:18px;display:grid;place-items:center;cursor:pointer}.chat-decision-icon{width:46px;height:46px;margin:0 auto 12px;border-radius:14px;display:grid;place-items:center;background:#e7f8f5;color:#0c8e7e;font-size:20px;font-weight:900}.chat-decision-icon.danger{background:#fff0f2;color:#d73d59}.chat-decision-card h3,.chat-edit-card h3{margin:0;color:var(--text);font-size:15px}.chat-decision-card>p{margin:8px auto 0;max-width:315px;color:var(--muted);font-size:10px;line-height:1.55}.chat-decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.chat-decision-actions button{height:39px;border-radius:11px;font-size:10px;font-weight:800;cursor:pointer}.chat-decision-no{border:1px solid #dce5eb;background:#f7f9fb;color:#647588}.chat-decision-yes{border:1px solid #0ea693;background:linear-gradient(135deg,#18b8a6,#0d9f8f);color:#fff;box-shadow:0 7px 18px rgba(18,184,166,.16)}.chat-decision-yes.danger{border-color:#d9435d;background:linear-gradient(135deg,#ec6077,#d83d58);box-shadow:0 7px 18px rgba(217,67,93,.16)}.chat-edit-card{text-align:left}.chat-edit-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.chat-edit-head>span{width:38px;height:38px;border-radius:11px;background:#e7f8f5;color:#0c8e7e;display:grid;place-items:center;font-size:15px}.chat-edit-head p{margin:3px 0 0;color:var(--muted);font-size:8.5px}.chat-edit-card textarea{box-sizing:border-box;width:100%;min-height:105px;max-height:220px;resize:vertical;border:1px solid #dbe5eb;border-radius:12px;background:#f8fafb;padding:11px;color:var(--text);font:inherit;font-size:11px;line-height:1.5;outline:0}.chat-edit-card textarea:focus{background:#fff;border-color:var(--teal);box-shadow:0 0 0 3px rgba(18,184,166,.09)}
:root[data-theme="dark"] .chat-decision-layer{background:rgba(0,0,0,.58)}:root[data-theme="dark"] .chat-decision-card,:root[data-theme="dark"] .chat-edit-card{background:#101b2a;border-color:#2c3d4f}:root[data-theme="dark"] .chat-decision-x,:root[data-theme="dark"] .chat-decision-no{background:#162435;border-color:#304255;color:#adbac7}:root[data-theme="dark"] .chat-edit-card textarea{background:#0d1725;border-color:#2d3e50;color:#e8eef5}
@media(max-width:580px){.chat-emoji-picker,.chat-float-panel .chat-emoji-picker{left:6px;right:6px;width:auto;max-width:none;bottom:54px}.chat-emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr));max-height:208px}.chat-decision-card,.chat-edit-card{padding:21px 18px}.chat-decision-actions{gap:7px}}

.chat-decision-layer,.chat-edit-layer{margin:0!important;transform:none!important;}

/* ==================== v2.19.0 MODERN MESSENGER ==================== */
.ikm-chat-widget.modern{z-index:930}.chat-float-panel.modern{width:min(920px,calc(100vw - 44px));height:min(690px,calc(100dvh - 104px));border-radius:22px;border-color:#d6e1e8;box-shadow:0 30px 100px rgba(7,29,49,.29)}
.chat-float-topbar.modern{height:58px;padding:0 13px 0 18px}.chat-float-topbar.modern .chat-kicker{font-size:6.5px;letter-spacing:.18em}.chat-float-topbar.modern strong{font-size:13px;letter-spacing:-.01em}.chat-float-content.modern{height:calc(100% - 58px);grid-template-columns:284px minmax(0,1fr)}
.chat-sidebar.modern{background:linear-gradient(180deg,#fbfdfe,#f7fafc);padding:11px 10px 10px!important}.chat-sidebar-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:7px;align-items:center;padding:0 2px 8px}.chat-sidebar-head .chat-search{margin:0}.chat-new-compact{width:34px;height:34px;border:1px solid #d9e4eb;background:#fff;border-radius:11px;color:#0d897c;font-size:19px;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 10px rgba(14,45,70,.04)}.chat-new-compact:hover{background:#ecfaf7;border-color:#c9ebe4}
.chat-conversation-list{display:grid;gap:3px}.chat-conversation-shell{border:1px solid transparent}.chat-conversation-shell.unread{background:#f5fbfa}.chat-conversation-shell.active{background:linear-gradient(135deg,#eaf9f6,#f2fbfa);border-color:#d0eee8}.chat-conversation{min-height:58px!important;border-radius:13px!important;padding:8px 31px 8px 7px!important}.chat-conversation:hover{background:#f2f7f8!important}.chat-conversation.active{background:transparent!important}.chat-conversation-top strong{font-size:10.2px!important;color:#10263a}.chat-conversation-top time{font-size:7.5px!important;color:#8394a4}.chat-conversation-bottom small{font-size:8px!important;color:#7a8c9c}.chat-conversation-shell.unread .chat-conversation-top strong{font-weight:900}.chat-list-badges{display:flex;gap:4px;align-items:center}.chat-list-badges b,.chat-list-badges i{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-size:7px;font-style:normal}.chat-list-badges b{background:#12a795;color:#fff}.chat-list-badges i.mention{background:#e9e2ff;color:#7047bd;font-weight:900}.chat-list-status{font-size:7px}.chat-avatar-wrap{position:relative;display:inline-grid;flex:0 0 auto}.chat-avatar-wrap>i{position:absolute;right:-1px;bottom:0;width:9px;height:9px;border:2px solid #fff;border-radius:999px;background:#aab7c1}.chat-avatar-wrap.online>i{background:#24c47a}
.chat-main.modern{position:relative;grid-template-rows:66px auto minmax(0,1fr) auto auto!important;background:linear-gradient(180deg,#ffffff,#fbfcfd)}.chat-active-header.modern{padding:0 15px;border-bottom:1px solid #e7eef2;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}.chat-active-person h3{font-size:12px!important;display:flex;align-items:center;gap:6px}.chat-active-person p{font-size:8px!important}.chat-header-muted{font-size:10px}.chat-active-actions.modern{display:flex;gap:5px}.chat-active-actions.modern button{width:33px;height:33px;border:1px solid #e1e9ee;border-radius:10px;background:#fff;color:#637688;font-size:15px;display:grid;place-items:center;cursor:pointer}.chat-active-actions.modern button:hover{background:#f0faf8;color:#0d8c7e;border-color:#d0ebe6}
.chat-pinned-bar{padding:7px 12px 0;background:#fff}.chat-pinned-bar[hidden]{display:none}.chat-pinned-bar button{width:100%;min-height:39px;border:1px solid #dcebe7;border-radius:11px;background:linear-gradient(135deg,#f4fbf9,#fbfdfd);display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;padding:6px 9px;color:#15314a;cursor:pointer}.chat-pinned-bar button>span{width:27px;height:27px;border-radius:8px;background:#e3f6f2;display:grid;place-items:center}.chat-pinned-bar strong,.chat-pinned-bar small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-pinned-bar strong{font-size:8.5px}.chat-pinned-bar small{font-size:7.5px;color:#7b8d9c;margin-top:2px}.chat-pinned-bar b{font-size:10px;color:#149989}
.chat-messages.modern{padding:16px 18px 12px;background-image:radial-gradient(circle at 20% 0%,rgba(18,184,166,.035),transparent 30%),linear-gradient(#fbfcfd,#fff);scroll-behavior:smooth}.chat-message-row.modern{max-width:84%;margin-bottom:8px;gap:7px}.chat-message-row.modern.mine{margin-left:auto}.chat-message-row.modern.mentioned-me .chat-bubble{box-shadow:0 0 0 2px rgba(119,76,201,.12),0 6px 18px rgba(15,45,70,.06)}.chat-bubble.modern{border-radius:16px!important;padding:9px 10px 7px!important;border:1px solid #e3eaef!important;box-shadow:0 5px 16px rgba(14,43,66,.045);background:#fff!important}.chat-message-row.mine .chat-bubble.modern{background:linear-gradient(135deg,#e8faf6,#eefbf8)!important;border-color:#c8ece5!important}.chat-bubble.modern.pinned{border-color:#bfe6dd!important}.chat-message-meta{margin:0 0 3px 5px}.chat-message-meta strong{font-size:8px!important;color:#60788b}.chat-message-text{font-size:10.5px!important;line-height:1.48;color:#173047}.chat-mention{display:inline-block;background:#eee9ff;color:#6845b3;border-radius:5px;padding:0 3px;font-weight:800}.chat-mention.me{background:#dff7f2;color:#087f72}.chat-bubble-foot{margin-top:5px!important;min-height:15px}.chat-bubble-foot time{font-size:6.8px!important;color:#91a0ad}
.chat-message-actions.modern{top:-18px!important;right:3px!important;border:1px solid #e0e8ed;background:#fff;border-radius:10px;padding:2px;box-shadow:0 6px 18px rgba(10,31,50,.11);gap:1px}.chat-message-actions.modern button{width:25px;height:24px;border-radius:7px;font-size:11px}.chat-message-row.mine .chat-message-actions.modern{left:3px;right:auto}.chat-reaction-menu{position:absolute;top:-42px;right:0;display:flex;gap:2px;padding:4px;border:1px solid #dbe6eb;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(8,29,48,.16);z-index:20}.chat-message-row.mine .chat-reaction-menu{right:auto;left:0}.chat-reaction-menu button{width:29px;height:29px;border:0;border-radius:8px;background:transparent;font-size:16px;cursor:pointer}.chat-reaction-menu button:hover{background:#edf8f6;transform:translateY(-1px)}.chat-reaction-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.chat-reaction-chips button{height:22px;border:1px solid #dce6eb;border-radius:999px;background:#f8fafb;padding:0 6px;display:flex;align-items:center;gap:3px;font-size:10px;cursor:pointer}.chat-reaction-chips button b{font-size:7px;color:#6d7f8e}.chat-reaction-chips button.mine{background:#e8f8f5;border-color:#bee8e1}.chat-seen-avatars{display:flex;align-items:center;gap:0}.chat-seen-avatars .chat-avatar{width:17px!important;height:17px!important;font-size:5px!important;margin-left:-4px;border:2px solid #eefbf8}.chat-seen-avatars i{font-size:7px;color:#0a9687;margin-left:2px;font-style:normal}.chat-read-state{font-size:8px;color:#7e8e9d}
.chat-day-separator span{font-size:7px!important;background:#f0f4f6!important;color:#788b9a!important}.chat-unread-separator{display:flex;align-items:center;gap:8px;margin:13px 0}.chat-unread-separator:before,.chat-unread-separator:after{content:"";height:1px;background:#d5ebe6;flex:1}.chat-unread-separator span{font-size:7.5px;font-weight:850;color:#0b8d7f;background:#e9f8f5;border-radius:999px;padding:4px 8px}.chat-jump-highlight .chat-bubble{animation:chatJump 1.5s ease}@keyframes chatJump{0%,100%{box-shadow:0 5px 16px rgba(14,43,66,.045)}35%{box-shadow:0 0 0 5px rgba(18,184,166,.18),0 10px 25px rgba(14,43,66,.08)}}
.chat-reply-preview{display:block;width:100%;border:0;border-left:3px solid #6ac9bc;border-radius:7px;background:rgba(14,139,125,.055);padding:6px 7px;margin-bottom:6px;text-align:left;cursor:pointer}.chat-reply-preview strong,.chat-reply-preview span{display:block}.chat-reply-preview strong{font-size:7.5px;color:#0e8a7d}.chat-reply-preview span{font-size:7.5px;color:#718290;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-image-attachment{width:min(310px,100%);overflow:hidden;border:1px solid #dce5ea;border-radius:12px;background:#f7f9fb;margin-top:5px}.chat-image-attachment>button:first-child{display:block;width:100%;height:170px;border:0;background:#edf2f5;padding:0;cursor:pointer;overflow:hidden}.chat-image-attachment img{width:100%;height:100%;object-fit:cover}.chat-image-loader{height:100%;display:grid;place-items:center;font-size:8px;color:#8494a1}.chat-image-attachment>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px}.chat-image-attachment>div span{font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-image-attachment>div button{border:0;background:transparent;color:#0a8b7d;font-size:7.5px;font-weight:850;cursor:pointer}.chat-attachment.modern{grid-template-columns:38px minmax(0,1fr) 20px!important;background:#f7fafb!important;border-color:#dde7ec!important}.chat-file-type{width:36px;height:36px;border-radius:10px;background:#e6f1ff!important;color:#3e6eae!important;font-size:7px!important;font-weight:900!important;display:grid!important;place-items:center!important}
.chat-typing-row{min-height:28px;padding:4px 18px 5px;display:flex;align-items:center;gap:6px;background:#fff;color:#748694;font-size:8px}.chat-typing-row[hidden]{display:none}.chat-typing-row strong{color:#526878}.typing-dots{display:flex;gap:2px}.typing-dots i{width:4px;height:4px;border-radius:999px;background:#12a694;animation:typingDot 1.1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typingDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
.chat-composer.modern{position:relative;padding:9px 12px 10px;border-top:1px solid #e5edf1;background:#fff}.chat-compose-row.modern{grid-template-columns:36px 36px minmax(0,1fr) auto!important;gap:6px}.chat-round-btn{width:36px;height:36px;border:1px solid #dce5eb;border-radius:11px;background:#f8fafb;color:#617587;font-size:17px;cursor:pointer}.chat-round-btn:hover{background:#edf9f7;color:#0c8c7e;border-color:#cce9e3}.chat-compose-row.modern textarea{min-height:36px!important;max-height:118px!important;border-radius:12px!important;background:#f7f9fb!important;border-color:#dfe7ec!important;font-size:9.5px!important;padding:9px 11px!important}.chat-compose-row.modern textarea:focus{background:#fff!important;border-color:#6acabc!important;box-shadow:0 0 0 3px rgba(18,184,166,.075)}.chat-send-btn.modern{height:36px;min-width:83px;border:0;border-radius:11px;background:linear-gradient(135deg,#18b8a6,#0b998a);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:8.5px;font-weight:850;cursor:pointer;box-shadow:0 6px 16px rgba(18,184,166,.15)}.chat-send-btn.modern b{font-size:11px}.chat-send-btn.modern.sending{opacity:.65}.chat-composer-hint{margin:5px 0 0 85px!important;font-size:6.8px!important;color:#9aa7b2}.chat-drop-overlay{position:absolute;inset:6px;z-index:30;border:2px dashed #62cbbb;border-radius:15px;background:rgba(237,250,247,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0b8e7f}.chat-drop-overlay[hidden]{display:none}.chat-drop-overlay span{font-size:24px}.chat-drop-overlay strong{font-size:10px;margin-top:4px}.chat-composer-context-item{border-radius:10px!important;background:#f3f8f8!important;border-color:#dceae7!important}.chat-composer-context-item.file{background:#f5f8fb!important}
.chat-mention-picker{position:absolute;left:86px;bottom:63px;width:min(320px,calc(100% - 110px));max-height:250px;overflow:auto;border:1px solid #dce6eb;border-radius:13px;background:#fff;padding:5px;box-shadow:0 15px 38px rgba(8,31,51,.16);z-index:24}.chat-mention-picker[hidden]{display:none}.chat-mention-picker button{width:100%;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:8px;border:0;border-radius:9px;background:transparent;padding:6px;text-align:left;cursor:pointer}.chat-mention-picker button:hover{background:#edf8f6}.chat-mention-picker strong,.chat-mention-picker small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-mention-picker strong{font-size:8.5px}.chat-mention-picker small{font-size:7px;color:#81909d;margin-top:2px}
.chat-emoji-picker.modern{left:52px!important;bottom:62px!important;width:310px!important;max-width:min(310px,calc(100% - 62px))!important;padding:8px!important}.chat-emoji-tabs{display:flex;gap:3px;padding:2px 0 7px;border-bottom:1px solid #eef2f4;margin-bottom:5px}.chat-emoji-tabs button{border:0;border-radius:8px;background:transparent;padding:5px 7px;font-size:7px;color:#758796;cursor:pointer}.chat-emoji-tabs button.active{background:#e9f8f5;color:#0a897b;font-weight:850}.chat-emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;max-height:190px!important}
.chat-tool-panel{position:absolute;top:0;right:0;bottom:0;width:min(340px,88%);z-index:35;background:#fff;border-left:1px solid #dde7ec;box-shadow:-14px 0 36px rgba(12,37,57,.09);animation:chatToolIn .16s ease-out;display:flex;flex-direction:column}@keyframes chatToolIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.chat-tool-panel[hidden]{display:none}.chat-tool-head{height:66px;flex:0 0 auto;padding:0 12px 0 14px;border-bottom:1px solid #e7eef2;display:flex;align-items:center;justify-content:space-between}.chat-tool-head strong,.chat-tool-head small{display:block}.chat-tool-head strong{font-size:11px}.chat-tool-head small{font-size:7px;color:#8493a0;margin-top:2px}.chat-tool-head>button{width:31px;height:31px;border:0;border-radius:9px;background:#f4f7f9;color:#7d8b97;font-size:17px}.chat-tool-search{margin:10px 12px 4px;border:1px solid #dde6eb;border-radius:11px;background:#f8fafb;display:flex;align-items:center;padding:0 8px}.chat-tool-search input{width:100%;border:0;background:transparent;padding:9px 6px;outline:0;font-size:8.5px}.chat-tool-body{min-height:0;overflow:auto;padding:8px 12px 14px}.chat-tool-body.info{padding-top:12px}.chat-tool-empty{padding:30px 12px;text-align:center;font-size:8px;color:#8a99a6}.chat-tool-empty.compact{padding:15px 8px}.chat-tool-empty.error{color:#bd4054}.chat-search-result{width:100%;display:grid;gap:3px;border:0;border-bottom:1px solid #eef2f4;background:transparent;padding:9px 7px;text-align:left;cursor:pointer}.chat-search-result:hover{background:#f4faf9}.chat-search-result strong{font-size:8px}.chat-search-result span{font-size:8px;color:#617485;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-search-result time{font-size:6.5px;color:#9aa6b1}.chat-info-hero{text-align:center;padding:4px 0 13px;border-bottom:1px solid #edf2f4}.chat-info-hero .chat-avatar,.chat-info-hero .chat-avatar-wrap{margin:auto}.chat-info-hero h3{font-size:12px;margin:8px 0 2px}.chat-info-hero p{font-size:7.5px;color:#80909d;margin:0}.chat-pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.chat-pref-grid button{min-height:70px;border:1px solid #dfe7ec;border-radius:12px;background:#f9fbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.chat-pref-grid button span{font-size:17px}.chat-pref-grid button strong{font-size:7.5px}.chat-pref-grid button.active{background:#eaf8f5;border-color:#c8e9e2;color:#0b887b}.chat-info-wide{width:100%;min-height:50px;border:1px solid #dde6eb;border-radius:12px;background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:7px;padding:7px;text-align:left;cursor:pointer}.chat-info-wide:hover{background:#f4faf9}.chat-info-wide>span{width:32px;height:32px;border-radius:9px;background:#eaf7f5;display:grid;place-items:center}.chat-info-wide strong,.chat-info-wide small{display:block}.chat-info-wide strong{font-size:8.5px}.chat-info-wide small{font-size:7px;color:#8997a3;margin-top:2px}.chat-info-section{margin-top:14px}.chat-info-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.chat-info-title strong{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:#718493}.chat-info-title span{font-size:7px;color:#8e9aa5}.chat-info-title button{border:0;background:transparent;color:#0a8a7c;font-size:7.5px;font-weight:850;cursor:pointer}.chat-member-list{display:grid;gap:2px}.chat-member-list>div{display:grid;grid-template-columns:31px minmax(0,1fr) 8px;align-items:center;gap:7px;padding:5px;border-radius:9px}.chat-member-list>div:hover{background:#f6f9fa}.chat-member-list strong,.chat-member-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-member-list strong{font-size:8px}.chat-member-list small{font-size:6.8px;color:#8a98a4;margin-top:2px}.chat-member-list i{width:7px;height:7px;border-radius:999px;background:#bac4cc}.chat-member-list i.online{background:#24c47a}.chat-media-list{display:grid;gap:5px}.chat-media-thumb,.chat-media-file{width:100%;border:1px solid #e2e9ed;border-radius:10px;background:#f9fbfc;cursor:pointer;text-align:left}.chat-media-thumb{display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px;padding:7px}.chat-media-thumb span{grid-row:1/3;width:31px;height:31px;border-radius:8px;background:#eaf6f3;display:grid;place-items:center}.chat-media-thumb strong,.chat-media-thumb small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-media-thumb strong{font-size:7.5px}.chat-media-thumb small{font-size:6.5px;color:#8997a2}.chat-media-file{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;padding:7px}.chat-media-file strong,.chat-media-file small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-media-file strong{font-size:7.5px}.chat-media-file small{font-size:6.5px;color:#8997a2;margin-top:2px}
.chat-member-picker.modern{border:1px solid #e1e8ec;border-radius:12px;padding:5px;background:#fafcfd}.chat-member-picker.modern label{border-bottom:1px solid #eef2f4!important;border-radius:8px!important}.chat-member-picker.modern label:last-child{border-bottom:0!important}
.chat-lightbox{position:fixed;inset:0;z-index:10050;background:rgba(3,13,23,.84);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:28px}.chat-lightbox>button{position:absolute;right:22px;top:20px;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.1);color:#fff;font-size:22px}.chat-lightbox figure{margin:0;max-width:min(1100px,94vw);max-height:90vh;display:grid;gap:8px}.chat-lightbox img{max-width:100%;max-height:84vh;border-radius:12px;box-shadow:0 25px 80px rgba(0,0,0,.4)}.chat-lightbox figcaption{text-align:center;color:#dfe8ef;font-size:9px}
.chat-empty-state.modern{min-height:100%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center}.chat-empty-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#e2f8f3,#eef8ff);display:grid;place-items:center;font-size:24px;margin-bottom:9px}.chat-empty-state.modern h3{font-size:13px!important}.chat-empty-state.modern p{max-width:300px;font-size:8.5px!important;color:#7b8c9a!important}
:root[data-theme="dark"] .chat-sidebar.modern,:root[data-theme="dark"] .chat-main.modern,:root[data-theme="dark"] .chat-active-header.modern,:root[data-theme="dark"] .chat-pinned-bar,:root[data-theme="dark"] .chat-typing-row,:root[data-theme="dark"] .chat-composer.modern,:root[data-theme="dark"] .chat-tool-panel{background:#0d1725;color:#e8eef5}:root[data-theme="dark"] .chat-sidebar.modern{background:linear-gradient(180deg,#0e1927,#101b2a)}:root[data-theme="dark"] .chat-conversation-shell.active,:root[data-theme="dark"] .chat-conversation-shell.unread{background:#122b2a;border-color:#1c4642}:root[data-theme="dark"] .chat-conversation-top strong,:root[data-theme="dark"] .chat-message-text{color:#e8eef5}:root[data-theme="dark"] .chat-bubble.modern{background:#142234!important;border-color:#2b3b4b!important}:root[data-theme="dark"] .chat-message-row.mine .chat-bubble.modern{background:#11302e!important;border-color:#23504a!important}:root[data-theme="dark"] .chat-active-actions.modern button,:root[data-theme="dark"] .chat-new-compact,:root[data-theme="dark"] .chat-reaction-menu,:root[data-theme="dark"] .chat-mention-picker,:root[data-theme="dark"] .chat-pref-grid button,:root[data-theme="dark"] .chat-info-wide,:root[data-theme="dark"] .chat-media-thumb,:root[data-theme="dark"] .chat-media-file{background:#142131;border-color:#2d3d4d;color:#dfe8ef}:root[data-theme="dark"] .chat-tool-head,:root[data-theme="dark"] .chat-active-header.modern,:root[data-theme="dark"] .chat-composer.modern{border-color:#293949}:root[data-theme="dark"] .chat-tool-search,:root[data-theme="dark"] .chat-compose-row.modern textarea{background:#101c2a!important;border-color:#2d3d4d!important;color:#e8eef5}:root[data-theme="dark"] .chat-pinned-bar button{background:#122622;border-color:#245047;color:#e8eef5}:root[data-theme="dark"] .chat-reaction-chips button{background:#172435;border-color:#304152;color:#dfe8ef}
@media(max-width:900px){.chat-float-panel.modern{width:calc(100vw - 24px);right:-4px}.chat-float-content.modern{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:650px){.chat-float-panel.modern{width:calc(100vw - 12px);height:calc(100dvh - 78px);right:-4px;bottom:58px;border-radius:18px}.chat-float-content.modern{grid-template-columns:118px minmax(0,1fr)}.chat-sidebar.modern{padding:7px 4px!important}.chat-sidebar-head{grid-template-columns:minmax(0,1fr)}.chat-new-compact{display:none}.chat-search span{display:none}.chat-search input{padding-left:6px!important;font-size:7px!important}.chat-conversation{padding:7px 22px 7px 4px!important;gap:4px!important}.chat-conversation .chat-avatar-wrap,.chat-conversation>.chat-avatar{display:none!important}.chat-conversation-top time{display:none}.chat-conversation-top strong{font-size:8px!important}.chat-conversation-bottom small{font-size:6.6px!important}.chat-list-badges i.mention{display:none}.chat-main.modern{grid-template-rows:59px auto minmax(0,1fr) auto auto!important}.chat-active-header.modern{padding:0 8px}.chat-active-person .chat-avatar-wrap,.chat-active-person>.chat-avatar{display:none}.chat-active-actions.modern button{width:29px;height:29px}.chat-messages.modern{padding:12px 8px}.chat-message-row.modern{max-width:96%}.chat-message-row.modern>.chat-avatar{display:none}.chat-message-text{font-size:9.5px!important}.chat-compose-row.modern{grid-template-columns:32px 32px minmax(0,1fr) 38px!important;gap:4px}.chat-round-btn{width:32px;height:34px}.chat-send-btn.modern{min-width:38px;width:38px;height:34px;padding:0}.chat-send-btn.modern span{display:none}.chat-composer-hint{display:none}.chat-mention-picker{left:6px;right:6px;width:auto;max-width:none;bottom:58px}.chat-emoji-picker.modern{left:6px!important;right:6px!important;width:auto!important;max-width:none!important}.chat-tool-panel{width:92%}.chat-image-attachment>button:first-child{height:140px}}


/* =========================================================
   v2.19.1 — Modern Messenger UX hotfix
   ========================================================= */
/* Mesaj alanı her zaman pencerenin altında sabit; sadece mesaj geçmişi kayar. */
.chat-float-content.modern{min-height:0!important;overflow:hidden!important}
.chat-main.modern{height:100%!important;min-height:0!important;overflow:hidden!important;grid-template-rows:66px auto minmax(0,1fr) auto auto!important}
.chat-messages.modern{min-height:0!important;height:100%!important;overflow-y:auto!important;overscroll-behavior:contain}
.chat-composer.modern{position:relative!important;bottom:auto!important;align-self:end!important;z-index:18!important;flex:0 0 auto;background:#fff!important;box-shadow:0 -8px 20px rgba(12,38,59,.025)}
.chat-typing-row{flex:0 0 auto}

/* Reaksiyon seçici artık mesaj balonunun içinde değildir; viewport üzerinde portal olarak açılır. */
.chat-reaction-menu.chat-reaction-portal{position:fixed!important;top:auto;right:auto;bottom:auto;left:auto;z-index:6200!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:flex!important;white-space:nowrap;max-width:calc(100vw - 16px);overflow:visible}
.chat-reaction-menu.chat-reaction-portal button{flex:0 0 31px}

/* Yeni sohbet/grup modalı floating chat penceresinin her zaman üstündedir. */
.modal-backdrop.chat-modal-layer{z-index:5200!important}
.modal-backdrop.chat-modal-layer .modal{position:relative;z-index:1}

/* Profil fotoğrafı avatarı doğrudan kişi satırında sabit boyutta tutulur. Eski flex kuralı avatarı satırın yarısına büyütüyordu. */
.chat-directory-person>.chat-avatar,
.chat-directory-person>.employee-photo-avatar{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;flex:0 0 36px!important;border-radius:11px!important;padding:0!important;margin:0!important;align-self:center}
.chat-directory-person>.chat-avatar img,
.chat-directory-person>.employee-photo-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
.chat-directory-person>div:not(.chat-avatar):not(.employee-photo-avatar){min-width:0;flex:1}
.chat-directory-person{min-height:52px!important;display:flex!important;align-items:center!important;gap:10px!important}
.chat-member-picker.modern .chat-avatar,
.chat-member-picker.modern .employee-photo-avatar{width:31px!important;height:31px!important;min-width:31px!important;max-width:31px!important;border-radius:9px!important;padding:0!important}

/* Emoji composer pencere sınırları içinde tutulur. */
.chat-emoji-picker.modern{box-sizing:border-box!important;overflow:hidden!important;max-height:min(300px,calc(100dvh - 150px))!important}
.chat-emoji-picker.modern .chat-emoji-grid{overflow-y:auto!important;overflow-x:hidden!important}

:root[data-theme="dark"] .chat-composer.modern{background:#0d1725!important;box-shadow:0 -8px 20px rgba(0,0,0,.08)}
@media(max-width:650px){
  .chat-main.modern{grid-template-rows:59px auto minmax(0,1fr) auto auto!important}
  .chat-directory-person>.chat-avatar,.chat-directory-person>.employee-photo-avatar{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;flex-basis:32px!important}
}

/* ==================== v2.19.2 — Mesaj 3-Nokta Menü + Reaksiyon Scroll Fix ==================== */
/* Eski, balon dışına taşan çoklu aksiyon şeridi artık kullanılmıyor. */
.chat-message-actions.modern{display:none!important}
.chat-bubble.modern{position:relative}
.chat-message-more{
  position:absolute;top:6px;right:6px;z-index:4;
  width:28px;height:25px;padding:0;border:1px solid #dce5eb;border-radius:9px;
  background:rgba(255,255,255,.96);color:#748594;box-shadow:0 4px 14px rgba(10,31,50,.08);
  display:grid;place-items:center;font-size:13px;font-weight:900;letter-spacing:-1px;
  opacity:0;transform:translateY(-2px);pointer-events:none;cursor:pointer;
  transition:opacity .12s ease,transform .12s ease,background .12s ease;
}
.chat-message-row.mine .chat-message-more{right:auto;left:6px}
.chat-message-row:hover .chat-message-more,.chat-message-more:focus-visible{opacity:1;transform:none;pointer-events:auto}
.chat-message-more:hover{background:#edf8f6;color:#0b8e80;border-color:#c5e8e2}
.chat-message-menu-portal{
  position:fixed;z-index:9000;width:214px;box-sizing:border-box;padding:7px;
  border:1px solid #dce5eb;border-radius:14px;background:#fff;
  box-shadow:0 18px 48px rgba(8,29,48,.22);animation:chatMenuPop .12s ease-out;
}
@keyframes chatMenuPop{from{opacity:0;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:none}}
.chat-message-menu-reactions{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:2px}
.chat-message-menu-reactions button{height:30px;border:0;border-radius:8px;background:transparent;font-size:16px;cursor:pointer;display:grid;place-items:center}
.chat-message-menu-reactions button:hover{background:#edf8f6;transform:translateY(-1px)}
.chat-message-menu-sep{height:1px;background:#edf1f4;margin:6px 2px}
.chat-message-menu-item{width:100%;height:34px;border:0;border-radius:9px;background:transparent;color:#31465a;padding:0 9px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}
.chat-message-menu-item span{width:20px;text-align:center;font-size:13px}.chat-message-menu-item b{font-size:9.5px;font-weight:750}
.chat-message-menu-item:hover{background:#f3f7f9}.chat-message-menu-item.danger{color:#c43d55}.chat-message-menu-item.danger:hover{background:#fff0f2}
:root[data-theme="dark"] .chat-message-more,:root[data-theme="dark"] .chat-message-menu-portal{background:#142131;border-color:#2d3d4d;color:#dfe8ef}
:root[data-theme="dark"] .chat-message-more:hover,:root[data-theme="dark"] .chat-message-menu-reactions button:hover{background:#153129;color:#dff8f3}
:root[data-theme="dark"] .chat-message-menu-sep{background:#293949}:root[data-theme="dark"] .chat-message-menu-item{color:#dfe8ef}:root[data-theme="dark"] .chat-message-menu-item:hover{background:#1a2a3b}:root[data-theme="dark"] .chat-message-menu-item.danger{color:#ff8da0}:root[data-theme="dark"] .chat-message-menu-item.danger:hover{background:#351d26}
@media(max-width:650px){.chat-message-more{opacity:1;transform:none;pointer-events:auto;width:26px;height:24px}.chat-message-menu-portal{width:204px}.chat-message-menu-reactions button{height:29px}}


/* ==================== v2.19.3 — Mesaj Menü Hizalama + Reaksiyon Kapsama + Bordro Gönder ==================== */
.chat-message-wrap{position:relative;overflow:visible}
.chat-bubble.modern{overflow:visible!important}
.chat-message-more{
  top:50%!important;right:-34px!important;left:auto!important;
  transform:translateY(-50%)!important;
  opacity:0;pointer-events:none;
}
.chat-message-row.mine .chat-message-more{left:-34px!important;right:auto!important}
.chat-message-row:hover .chat-message-more,.chat-message-more:focus-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)!important}
.chat-reaction-chips{
  position:static!important;box-sizing:border-box;max-width:100%;width:max-content;
  margin:7px 0 2px!important;padding:3px 4px!important;border:1px solid #e3eaef;
  border-radius:10px;background:rgba(246,249,250,.92);overflow:hidden;
}
.chat-message-row.mine .chat-reaction-chips{background:rgba(255,255,255,.56);border-color:#cfeae5}
.chat-reaction-chips button{max-width:100%;flex:0 0 auto;box-sizing:border-box}
.chat-message-menu-portal{overflow:hidden!important}
.chat-message-menu-reactions{grid-template-columns:repeat(6,minmax(0,1fr))!important;width:100%;box-sizing:border-box;overflow:hidden}
.chat-message-menu-reactions button{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;padding:0!important}
:root[data-theme="dark"] .chat-reaction-chips{background:#101d2b;border-color:#2d3e4f}

.chat-payroll-head-btn{font-weight:900!important;color:#0a8f80!important;background:#e8faf6!important;border-color:#c7ebe4!important}
.chat-payroll-send{display:grid;gap:12px}.chat-payroll-search{height:42px;border:1px solid #dce6ec;border-radius:12px;background:#f8fafb;display:flex;align-items:center;gap:8px;padding:0 12px}.chat-payroll-search span{color:#7d8c99}.chat-payroll-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:10px!important}.chat-payroll-layout{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(300px,1.18fr);gap:12px;min-height:320px}.chat-payroll-employees,.chat-payroll-periods{border:1px solid #e0e8ed;border-radius:14px;background:#fbfcfd;padding:8px;overflow:auto;max-height:390px}.chat-payroll-employees{display:grid;align-content:start;gap:5px}.chat-payroll-employee{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:8px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;cursor:pointer}.chat-payroll-employee:hover{background:#f1f8f7}.chat-payroll-employee.active{background:#e8f8f5;border-color:#c8eae4}.chat-payroll-employee .chat-avatar,.chat-payroll-employee .employee-photo-avatar{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;border-radius:10px!important;font-size:8px!important}.chat-payroll-employee strong,.chat-payroll-employee small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-payroll-employee strong{font-size:10px;color:#173047}.chat-payroll-employee small{font-size:7.7px;color:#81909d;margin-top:2px}.chat-payroll-employee>b{color:#91a0ad}.chat-payroll-periods{padding:13px}.chat-payroll-person-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #e9eef2}.chat-payroll-person-head .chat-avatar,.chat-payroll-person-head .employee-photo-avatar{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;border-radius:12px!important}.chat-payroll-person-head strong,.chat-payroll-person-head small{display:block}.chat-payroll-person-head strong{font-size:12px;color:#173047}.chat-payroll-person-head small{font-size:8px;color:#81909d;margin-top:3px}.chat-payroll-period-title{margin:13px 2px 8px;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:#7b8c99}.chat-payroll-period-grid{display:grid;gap:6px}.chat-payroll-period{width:100%;min-height:56px;border:1px solid #e0e8ed;border-radius:11px;background:#fff;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.chat-payroll-period:hover{border-color:#bfe7df;background:#f6fcfa}.chat-payroll-period.active{border-color:#18aa99;background:#eaf9f6;box-shadow:0 0 0 2px rgba(18,184,166,.06)}.chat-payroll-period span strong,.chat-payroll-period span small{display:block}.chat-payroll-period span strong{font-size:10px;color:#173047}.chat-payroll-period span small{font-size:7.5px;color:#82919e;margin-top:2px}.chat-payroll-period>b{font-size:10px;color:#0a8577;white-space:nowrap}.chat-payroll-note{display:flex;align-items:center;gap:10px;border:1px solid #dcebe7;background:#f2fbf8;border-radius:12px;padding:10px 12px}.chat-payroll-note>span{font-size:16px}.chat-payroll-note strong,.chat-payroll-note small{display:block}.chat-payroll-note strong{font-size:9px;color:#215347}.chat-payroll-note small{font-size:7.7px;color:#6d827b;margin-top:2px}.chat-payroll-modal-layer .modal{width:min(760px,calc(100vw - 28px))}
:root[data-theme="dark"] .chat-payroll-search,:root[data-theme="dark"] .chat-payroll-employees,:root[data-theme="dark"] .chat-payroll-periods,:root[data-theme="dark"] .chat-payroll-period{background:#101b2a;border-color:#2d3d4d}:root[data-theme="dark"] .chat-payroll-employee.active,:root[data-theme="dark"] .chat-payroll-period.active{background:#12312d;border-color:#24594f}:root[data-theme="dark"] .chat-payroll-employee strong,:root[data-theme="dark"] .chat-payroll-person-head strong,:root[data-theme="dark"] .chat-payroll-period span strong{color:#e5edf4}:root[data-theme="dark"] .chat-payroll-note{background:#112720;border-color:#27483f}
@media(max-width:650px){
  .chat-message-row.modern{max-width:88%!important}
  .chat-message-more{right:-29px!important;opacity:1;pointer-events:auto;width:25px;height:23px}
  .chat-message-row.mine .chat-message-more{left:-29px!important;right:auto!important}
  .chat-payroll-layout{grid-template-columns:1fr;min-height:0}.chat-payroll-employees{max-height:180px}.chat-payroll-periods{max-height:260px}
}

/* ==================== v2.19.7 — Messenger Composer Kesin Yerleşim Fix ==================== */
/*
   Eski .chat-messages.modern { height:100%!important } kuralı mesaj geçmişini
   kalan alan yerine chat-main yüksekliğine uzatabiliyordu. Grid yerine flex kolon
   kullanılarak composer fiziksel olarak mesaj listesinin dışında tutulur.
*/
.chat-main.modern{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.chat-main.modern>.chat-active-header,
.chat-main.modern>.chat-pinned-bar,
.chat-main.modern>.chat-typing-row,
.chat-main.modern>.chat-composer{
  flex:0 0 auto!important;
}
.chat-main.modern>.chat-messages{
  flex:1 1 0!important;
  height:0!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-bottom:18px!important;
  scroll-padding-bottom:18px!important;
}
.chat-main.modern>.chat-composer{
  position:relative!important;
  inset:auto!important;
  bottom:auto!important;
  z-index:18!important;
}

/* ==================== v2.20.0 FİLO & ARAÇ YÖNETİMİ ==================== */
.fleet-toolbar{align-items:flex-start}
.fleet-metrics{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}
.fleet-metric-warning strong{color:#b86f00}.fleet-metric-danger strong{color:#c83b42}
.fleet-top-grid{align-items:stretch;margin-bottom:18px}.fleet-top-grid>.panel{min-height:220px}
.fleet-upcoming-list{display:grid;gap:8px}.fleet-upcoming-item{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;width:100%;border:1px solid var(--border,#dfe7ef);background:var(--surface,#fff);border-radius:12px;padding:11px 12px;text-align:left;color:inherit;cursor:pointer}.fleet-upcoming-item:hover{border-color:var(--teal,#12b8a6);transform:translateY(-1px)}.fleet-upcoming-plate{font-weight:800;letter-spacing:.4px}.fleet-upcoming-item strong,.fleet-upcoming-item small{display:block}.fleet-upcoming-item small{margin-top:2px;color:var(--muted,#708090)}.fleet-upcoming-item b{color:var(--teal,#12b8a6)}
.fleet-permission-note{background:linear-gradient(180deg,rgba(18,184,166,.06),rgba(18,184,166,.01))}.fleet-permission-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}.fleet-permission-chips span{padding:7px 10px;border:1px solid rgba(18,184,166,.28);background:rgba(18,184,166,.08);border-radius:999px;font-size:12px;font-weight:700;color:var(--teal2,#0ca596)}
.fleet-table-panel{padding:0;overflow:hidden}.fleet-filters{display:grid;grid-template-columns:minmax(240px,1fr) 210px 210px;gap:10px;padding:15px 16px;border-bottom:1px solid var(--border,#e5ebf1)}.fleet-filters input,.fleet-filters select{width:100%;min-height:42px;border:1px solid var(--border,#dce4eb);border-radius:10px;background:var(--surface,#fff);color:inherit;padding:0 12px}.fleet-table td{vertical-align:middle}.fleet-table th{white-space:nowrap}.fleet-row-expired{background:rgba(210,56,66,.025)}.fleet-row-warning{background:rgba(230,155,20,.025)}
.fleet-plate-link{border:0;background:transparent;color:var(--text,#172333);font-weight:900;font-size:14px;padding:0;cursor:pointer}.fleet-plate-link:hover{color:var(--teal,#12b8a6)}
.fleet-risk{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.fleet-risk-ok{color:#087b5f;background:#e8f8f2}.fleet-risk-warning{color:#9a5d00;background:#fff4da}.fleet-risk-expired{color:#ae2934;background:#fdebed}.fleet-risk-missing{color:#5f6f82;background:#eef2f6}
.fleet-deadline{display:inline-flex;flex-direction:column;gap:2px;min-width:94px}.fleet-deadline strong{font-size:12px}.fleet-deadline small{font-size:10px;color:var(--muted,#758394)}.fleet-deadline-expired strong,.fleet-deadline-expired small{color:#b12834}.fleet-deadline-warning strong,.fleet-deadline-warning small{color:#a76300}.fleet-deadline-soon strong{color:#6a5b00}.fleet-deadline-ok strong{color:#14765d}.fleet-deadline-missing{color:#8a97a5;font-size:11px;font-style:italic}
.fleet-form textarea{resize:vertical;min-height:82px}
.fleet-detail-head{display:grid;grid-template-columns:minmax(240px,1fr) 170px 190px;gap:12px;margin-bottom:14px}.fleet-detail-head>div{border:1px solid var(--border,#e1e8ee);border-radius:13px;padding:13px;background:var(--surface,#fff)}.fleet-detail-head span,.fleet-detail-head small{display:block;color:var(--muted,#6e7f91);font-size:11px}.fleet-detail-head strong{display:block;margin-top:5px;font-size:15px}.fleet-detail-head .fleet-risk{display:inline-flex;margin-bottom:8px}
.fleet-current-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.fleet-current-grid article{border:1px solid var(--border,#e2e8ee);border-radius:12px;padding:12px;background:var(--surface,#fff)}.fleet-current-grid article>span{display:block;font-size:11px;font-weight:800;color:var(--muted,#6e7f91);margin-bottom:8px;text-transform:uppercase;letter-spacing:.35px}
.fleet-record-panel{padding:14px;margin:0 0 14px}.fleet-current-record{background:rgba(18,184,166,.035)}.fleet-detail-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.fleet-detail-info>div{border:1px solid var(--border,#e1e8ee);border-radius:10px;padding:11px}.fleet-detail-info span{display:block;font-size:10px;color:var(--muted,#748396);text-transform:uppercase}.fleet-detail-info strong{display:block;margin-top:4px;font-size:12px;word-break:break-word}
.fleet-dashboard-card{margin-top:18px}.fleet-dashboard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fleet-dashboard-summary>div{border:1px solid var(--border,#e1e8ee);border-radius:12px;padding:12px}.fleet-dashboard-summary span{display:block;color:var(--muted,#748396);font-size:11px}.fleet-dashboard-summary strong{display:block;font-size:25px;margin-top:3px}.fleet-dashboard-summary .warning strong{color:#b86f00}.fleet-dashboard-summary .danger strong{color:#c83b42}.fleet-dashboard-upcoming{display:grid;gap:6px;margin-top:12px}.fleet-dashboard-upcoming>div{display:grid;grid-template-columns:100px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:9px;background:rgba(128,145,160,.07)}.fleet-dashboard-upcoming span{font-size:12px;color:var(--muted,#718194)}.fleet-dashboard-upcoming b{font-size:11px;color:var(--teal2,#0ca596)}
@media(max-width:1180px){.fleet-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.fleet-current-grid,.fleet-detail-info{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-filters{grid-template-columns:1fr 180px}.fleet-filters select:last-child{grid-column:1/-1}.fleet-detail-head{grid-template-columns:1fr 1fr}.fleet-detail-head>div:first-child{grid-column:1/-1}}
@media(max-width:760px){.fleet-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-top-grid{grid-template-columns:1fr}.fleet-filters{grid-template-columns:1fr}.fleet-filters select:last-child{grid-column:auto}.fleet-current-grid,.fleet-detail-info,.fleet-detail-head,.fleet-dashboard-summary{grid-template-columns:1fr}.fleet-detail-head>div:first-child{grid-column:auto}.fleet-upcoming-item{grid-template-columns:90px 1fr auto}.fleet-dashboard-upcoming>div{grid-template-columns:80px 1fr}.fleet-dashboard-upcoming b{grid-column:2}}
[data-theme="dark"] .fleet-upcoming-item,[data-theme="dark"] .fleet-detail-head>div,[data-theme="dark"] .fleet-current-grid article,[data-theme="dark"] .fleet-detail-info>div{background:rgba(255,255,255,.025)}
/* İKMerkez v2.20.1 - Filo Excel toplu aktarım */
.fleet-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.fleet-import-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.fleet-import-guide>div{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border,#dfe7ef);border-radius:12px;padding:12px;background:var(--surface,#fff)}.fleet-import-guide strong{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:rgba(18,184,166,.12);color:var(--teal2,#0ca596);font-size:12px}.fleet-import-guide span{font-size:12px;line-height:1.45;color:var(--muted,#6f7f91)}
.fleet-import-template{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(18,184,166,.28);background:rgba(18,184,166,.055);border-radius:12px;padding:12px 14px;margin-bottom:14px}.fleet-import-template strong,.fleet-import-template small{display:block}.fleet-import-template small{margin-top:3px;color:var(--muted,#728194);font-size:11px}
.fleet-import-drop{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;border:2px dashed var(--border,#ccd8e2);border-radius:14px;background:rgba(118,139,158,.035);padding:24px;cursor:pointer;transition:.18s ease}.fleet-import-drop:hover,.fleet-import-drop.dragover{border-color:var(--teal,#12b8a6);background:rgba(18,184,166,.055)}.fleet-import-drop.has-file{border-style:solid;border-color:rgba(18,184,166,.55);background:rgba(18,184,166,.045)}.fleet-import-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:13px;background:#0b2442;color:#fff;font-size:12px;font-weight:900;letter-spacing:.7px}.fleet-import-drop>strong{font-size:14px}.fleet-import-drop>span{font-size:11px;color:var(--muted,#738294)}.fleet-import-drop>b{margin-top:5px;font-size:12px;color:var(--teal2,#0ca596);max-width:100%;word-break:break-word}
.fleet-import-update{display:flex;gap:11px;align-items:flex-start;margin:14px 0;padding:12px 14px;border:1px solid var(--border,#dfe7ef);border-radius:12px;cursor:pointer}.fleet-import-update input{margin-top:3px}.fleet-import-update span,.fleet-import-update strong,.fleet-import-update small{display:block}.fleet-import-update strong{font-size:12px}.fleet-import-update small{margin-top:3px;font-size:11px;line-height:1.45;color:var(--muted,#738294)}.fleet-import-info{margin:0 0 14px}
.fleet-import-result-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:15px}.fleet-import-result-grid>div{border:1px solid var(--border,#dfe7ef);border-radius:12px;padding:12px;background:var(--surface,#fff)}.fleet-import-result-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.35px;color:var(--muted,#738294)}.fleet-import-result-grid strong{display:block;margin-top:4px;font-size:24px}.fleet-import-result-grid .danger strong{color:#c83b42}.fleet-import-errors{border:1px solid var(--border,#dfe7ef);border-radius:12px;overflow:hidden;margin-bottom:14px}.fleet-import-errors .panel-head{padding:12px 14px;border-bottom:1px solid var(--border,#dfe7ef)}.fleet-import-errors .table-wrap{max-height:330px;overflow:auto}.fleet-import-errors td{vertical-align:top}
@media(max-width:900px){.fleet-import-guide{grid-template-columns:1fr}.fleet-import-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-import-result-grid>div:last-child{grid-column:1/-1}.fleet-import-template{align-items:flex-start;flex-direction:column}.fleet-toolbar-actions{width:100%;justify-content:flex-start}}
@media(max-width:560px){.fleet-import-result-grid{grid-template-columns:1fr}.fleet-import-result-grid>div:last-child{grid-column:auto}.fleet-toolbar-actions .btn{flex:1;min-width:0}.fleet-import-drop{min-height:150px;padding:18px}}
[data-theme="dark"] .fleet-import-guide>div,[data-theme="dark"] .fleet-import-result-grid>div{background:rgba(255,255,255,.025)}

/* İKMerkez v2.20.2 - Dashboard yaklaşan araç kartları + ilk muayene alanı */
.fleet-form-section{display:flex;align-items:baseline;gap:10px;margin-top:2px;padding:11px 12px;border:1px solid var(--border,#dfe7ef);border-radius:10px;background:rgba(18,184,166,.045)}.fleet-form-section strong{font-size:12px}.fleet-form-section span{font-size:11px;color:var(--muted,#718194)}
.fleet-inspection-create{padding:12px;border:1px solid rgba(18,184,166,.35);border-radius:10px;background:rgba(18,184,166,.035)}.fleet-inspection-create small{display:block;margin-top:6px;color:var(--muted,#718194);font-weight:500}
.fleet-dashboard-alerts{margin-top:18px}.fleet-dashboard-vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fleet-dashboard-vehicle-card{appearance:none;border:1px solid var(--border,#dfe7ef);border-radius:14px;background:var(--surface,#fff);padding:14px;text-align:left;color:inherit;cursor:pointer;transition:.16s ease;box-shadow:0 4px 14px rgba(10,38,62,.035)}.fleet-dashboard-vehicle-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(10,38,62,.075)}.fleet-dashboard-vehicle-card.is-warning{border-left:4px solid #e6a23c}.fleet-dashboard-vehicle-card.is-critical{border-left:4px solid #d84b55}.fleet-dashboard-vehicle-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.fleet-dashboard-vehicle-head>div>strong{display:block;font-size:17px;letter-spacing:.25px}.fleet-dashboard-vehicle-head>div>span{display:block;margin-top:2px;font-size:11px;color:var(--muted,#718194)}.fleet-dashboard-vehicle-head>b{font-size:10px;padding:5px 8px;border-radius:999px;background:#fff3df;color:#9a5f00;white-space:nowrap}.fleet-dashboard-vehicle-card.is-critical .fleet-dashboard-vehicle-head>b{background:#fff0f1;color:#b52d36}.fleet-dashboard-vehicle-events{display:grid;gap:6px;margin:13px 0}.fleet-dashboard-vehicle-events>div{display:flex;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px solid var(--border,#edf1f4)}.fleet-dashboard-vehicle-events span{font-size:11px;color:var(--muted,#718194)}.fleet-dashboard-vehicle-events strong{font-size:11px}.fleet-dashboard-vehicle-card>small{display:block;text-align:right;color:var(--teal2,#0ca596);font-weight:700}
@media(max-width:1050px){.fleet-dashboard-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.fleet-dashboard-vehicle-grid{grid-template-columns:1fr}.fleet-form-section{align-items:flex-start;flex-direction:column;gap:2px}}
[data-theme="dark"] .fleet-dashboard-vehicle-card{background:rgba(255,255,255,.025)}


/* İKMerkez v2.20.3 - Dashboard Filo widget / kompakt görünüm */
.fleet-dashboard-alerts.premium-dashboard-card{margin-top:0}
.fleet-dashboard-widget-head{gap:12px}.fleet-dashboard-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.fleet-dashboard-head-actions>span{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;background:rgba(18,184,166,.09);color:var(--teal2,#0ca596);font-size:10px;font-weight:800}
.fleet-dashboard-compact-list{display:grid;gap:8px}.fleet-dashboard-compact-item{appearance:none;width:100%;border:1px solid var(--border,#dfe7ef);border-radius:11px;background:var(--surface,#fff);padding:10px 11px;text-align:left;color:inherit;cursor:pointer;transition:.15s ease}.fleet-dashboard-compact-item:hover{border-color:rgba(18,184,166,.42);background:rgba(18,184,166,.025);transform:translateY(-1px)}.fleet-dashboard-compact-item.is-warning{border-left:3px solid #e6a23c}.fleet-dashboard-compact-item.is-critical{border-left:3px solid #d84b55}
.fleet-dashboard-compact-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.fleet-dashboard-compact-main>div>strong{display:block;font-size:14px;line-height:1.15;letter-spacing:.15px}.fleet-dashboard-compact-main>div>span{display:block;margin-top:2px;font-size:10px;color:var(--muted,#718194)}.fleet-dashboard-compact-main>b{flex:0 0 auto;font-size:9px;padding:4px 7px;border-radius:999px;background:#fff3df;color:#9a5f00}.fleet-dashboard-compact-item.is-critical .fleet-dashboard-compact-main>b{background:#fff0f1;color:#b52d36}
.fleet-dashboard-compact-events{display:grid;gap:4px;margin-top:8px}.fleet-dashboard-compact-events>div{display:grid;grid-template-columns:minmax(86px,.8fr) minmax(0,1.2fr);gap:8px;align-items:center;padding-top:5px;border-top:1px solid var(--border,#edf1f4)}.fleet-dashboard-compact-events>div>span{font-size:10px;color:var(--muted,#718194)}.fleet-dashboard-compact-events>div>div{text-align:right;min-width:0}.fleet-dashboard-compact-events strong{display:block;font-size:10px;line-height:1.2}.fleet-dashboard-compact-events small{display:block;margin-top:1px;font-size:9px;color:var(--muted,#718194);font-variant-numeric:tabular-nums}
.fleet-dashboard-alerts.dashboard-size-small .fleet-dashboard-widget-head p,.fleet-dashboard-alerts.dashboard-size-small .fleet-dashboard-head-actions>span,.fleet-dashboard-alerts.dashboard-size-small .fleet-dashboard-compact-main>div>span{display:none}.fleet-dashboard-alerts.dashboard-size-small .fleet-dashboard-compact-item{padding:9px}.fleet-dashboard-alerts.dashboard-size-small .fleet-dashboard-compact-item:nth-child(n+4){display:none}.fleet-dashboard-alerts.dashboard-size-small .fleet-dashboard-compact-events>div:nth-child(n+2){display:none}
.fleet-dashboard-alerts.dashboard-size-wide .fleet-dashboard-compact-list{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-theme="dark"] .fleet-dashboard-compact-item{background:rgba(255,255,255,.025)}
@media(max-width:760px){.fleet-dashboard-widget-head{align-items:flex-start}.fleet-dashboard-head-actions{justify-content:flex-start}.fleet-dashboard-alerts.dashboard-size-wide .fleet-dashboard-compact-list{grid-template-columns:1fr}.fleet-dashboard-compact-events>div{grid-template-columns:80px 1fr}}


/* ==================== v2.20.4 SADE DASHBOARD ==================== */
.dashboard-control-copy{display:flex;align-items:center;gap:9px;min-width:0}
.dashboard-control-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.dashboard-view-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #dfe8ee;border-radius:11px;background:#f5f8fa}
.dashboard-view-switch button{border:0;background:transparent;color:#728295;border-radius:8px;padding:7px 10px;font-size:9.5px;font-weight:850;cursor:pointer;white-space:nowrap}
.dashboard-view-switch button.active{background:#fff;color:#20384f;box-shadow:0 2px 7px rgba(13,42,67,.08)}
.dashboard-secondary-toggle{display:inline-flex;align-items:center;gap:7px;height:34px;border:1px solid #dfe8ee;border-radius:10px;background:#fff;color:#52677d;padding:0 10px;font-size:9.5px;font-weight:800;cursor:pointer}
.dashboard-secondary-toggle span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e9f8f5;color:#078b76;font-size:8px}
.dashboard-secondary-toggle:hover,.dashboard-view-switch button:hover{color:#087f72}

/* Sade görünüm: mevcut widget tercihleri korunur, yalnız ikincil kartlar katlanır. */
.premium-dashboard-page.dashboard-simple-mode .premium-dashboard-grid{gap:12px}
.premium-dashboard-page.dashboard-simple-mode .dashboard-secondary-card:not([hidden]){display:none!important}
.premium-dashboard-page.dashboard-simple-mode.dashboard-secondary-open .dashboard-secondary-card:not([hidden]){display:block!important}

/* Hoş geldiniz alanı vitrin değil, kısa durum başlığı. */
.premium-dashboard-page.dashboard-simple-mode [data-dashboard-card="welcome"]{flex:1 0 100%;min-height:104px!important;padding:18px 20px!important;border-radius:16px!important;background:linear-gradient(135deg,#fff 0%,#f7fbfb 100%)!important}
.premium-dashboard-page.dashboard-simple-mode [data-dashboard-card="welcome"] h1{font-size:22px!important;margin-bottom:5px!important}
.premium-dashboard-page.dashboard-simple-mode [data-dashboard-card="welcome"] p{font-size:10.5px!important;line-height:1.45!important}
.premium-dashboard-page.dashboard-simple-mode [data-dashboard-card="welcome"]>.btn{padding:8px 11px;font-size:9.5px}

/* KPI'lar tek bakışta okunacak kadar küçük tutulur. */
.premium-dashboard-page.dashboard-simple-mode .premium-metric-card.metric{min-height:96px;padding:13px 14px;border-radius:14px}
.premium-dashboard-page.dashboard-simple-mode .premium-metric-card .metric-icon{width:40px;height:40px;border-radius:12px;font-size:16px}
.premium-dashboard-page.dashboard-simple-mode .premium-metric-card strong{font-size:23px}
.premium-dashboard-page.dashboard-simple-mode .premium-metric-card span{font-size:9.5px!important}
.premium-dashboard-page.dashboard-simple-mode .premium-metric-card small{font-size:8.5px!important}

/* Ana karar kartları daha sıkı; içerik kendi içinde scroll olur. */
.premium-dashboard-page.dashboard-simple-mode .premium-live-card.live-approval-center,
.premium-dashboard-page.dashboard-simple-mode .premium-alert-card,
.premium-dashboard-page.dashboard-simple-mode .premium-fleet-card{min-height:0!important;max-height:330px;padding:17px 18px!important;border-radius:16px}
.premium-dashboard-page.dashboard-simple-mode .premium-live-card .live-approval-list,
.premium-dashboard-page.dashboard-simple-mode .premium-alert-card .smart-alert-list,
.premium-dashboard-page.dashboard-simple-mode .premium-fleet-card .fleet-dashboard-compact-list{max-height:225px;overflow:auto;padding-right:2px}
.premium-dashboard-page.dashboard-simple-mode .panel-head{margin-bottom:10px}
.premium-dashboard-page.dashboard-simple-mode .panel-head h3{font-size:14px}
.premium-dashboard-page.dashboard-simple-mode .panel-head p{font-size:9px;line-height:1.4}

/* Hızlı işlemler tek satıra yakın, düşük görsel ağırlıkta. */
.premium-dashboard-page.dashboard-simple-mode .premium-quick-card{padding:15px 17px!important}
.premium-dashboard-page.dashboard-simple-mode .premium-quick-card h3{font-size:13px;margin-bottom:10px}
.premium-dashboard-page.dashboard-simple-mode .premium-quick-card .adv-quick{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:7px}
.premium-dashboard-page.dashboard-simple-mode .premium-quick-card .quick-grid button{padding:10px 7px;border-radius:10px;font-size:14px}
.premium-dashboard-page.dashboard-simple-mode .premium-quick-card .quick-grid button span{font-size:8.5px}

/* Sade modda sürükleme tutamacı daha sessiz; hover ile belirginleşir. */
.premium-dashboard-page.dashboard-simple-mode .dashboard-canvas-drag-handle{opacity:.18}
.premium-dashboard-page.dashboard-simple-mode .premium-dashboard-card:hover>.dashboard-canvas-drag-handle{opacity:.9}

:root[data-theme="dark"] .dashboard-view-switch{background:#0e1927;border-color:#293b4d}
:root[data-theme="dark"] .dashboard-view-switch button.active,:root[data-theme="dark"] .dashboard-secondary-toggle{background:#152235;border-color:#304257;color:#e5edf4}
:root[data-theme="dark"] .premium-dashboard-page.dashboard-simple-mode [data-dashboard-card="welcome"]{background:linear-gradient(135deg,#111c2b,#101a29)!important;border-color:#26394a!important}

@media(max-width:900px){
  .dashboard-control-copy>small:first-of-type{display:none}
  .dashboard-control-actions{width:100%;justify-content:space-between}
  .premium-dashboard-controls{align-items:flex-start;flex-wrap:wrap}
}
@media(max-width:620px){
  .dashboard-control-copy{display:none}
  .dashboard-control-actions{gap:6px}
  .dashboard-view-switch{flex:1}
  .dashboard-view-switch button{flex:1}
  .dashboard-secondary-toggle{flex:1;justify-content:center}
  .premium-dashboard-page.dashboard-simple-mode [data-dashboard-card="welcome"]{padding:15px!important}
}

/* ==================== v2.20.6 ŞİFRE UX + ÇIKIŞ ONAYI ==================== */
.password-input-wrap{position:relative;display:flex;align-items:center;width:100%}
.auth-card .password-input-wrap input{padding-right:46px;margin:0}
.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:#6f8194;cursor:pointer;transition:.15s ease}
.password-toggle:hover,.password-toggle.active{background:rgba(18,184,166,.09);color:var(--teal2,#0ca596)}
.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.password-info{margin:-2px 0 16px;padding:12px 13px;border:1px solid #dfe8ee;border-radius:12px;background:#f8fbfc}
.password-info>strong{display:block;margin-bottom:8px;font-size:11px;color:#435970}
.password-rule{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:10.5px;color:#7b8998;transition:.15s ease}
.password-rule span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e8edf1;color:#8b98a5;font-size:9px;font-weight:900}
.password-rule.ok{color:#087a68;font-weight:700}.password-rule.ok span{background:#def5ee;color:#087a68}.password-rule.pending{color:#7b8998}
.logout-confirm-copy{margin:4px 0 18px;padding:12px 13px;border:1px solid #e2e9ef;border-radius:11px;background:#f8fafc;color:#66788b;font-size:12px;line-height:1.5}
.btn-danger{background:#c53d49!important;border-color:#c53d49!important;color:#fff!important}.btn-danger:hover{background:#ae303b!important;border-color:#ae303b!important}
:root[data-theme="dark"] .password-info,:root[data-theme="dark"] .logout-confirm-copy{background:#101b29;border-color:#2a3c4d;color:#c7d2dd}
:root[data-theme="dark"] .password-info>strong{color:#e3ebf2}:root[data-theme="dark"] .password-rule{color:#9faebe}:root[data-theme="dark"] .password-rule.ok{color:#5ee2c4}

/* ==================== v2.20.7 AUTH EKRANI ZORUNLU UX ==================== */
.password-input-wrap-v2207{position:relative;display:flex;align-items:center;width:100%}
.auth-card .password-input-wrap-v2207 input{width:100%;padding-right:74px;margin:0}
.password-toggle-text-v2207{position:absolute;right:7px;top:50%;transform:translateY(-50%);height:32px;padding:0 10px;border:1px solid #d9e4ea;border-radius:8px;background:#fff;color:#0b7e72;font:700 11px/1 inherit;cursor:pointer;box-shadow:0 1px 2px rgba(11,36,66,.04)}
.password-toggle-text-v2207:hover{background:#eefaf7;border-color:#bfe8df}
.password-info-v2207{margin:0 0 15px;padding:12px 13px;border:1px solid #dfe8ee;border-radius:12px;background:#f8fbfc}
.password-info-v2207>strong{display:block;margin-bottom:7px;font-size:11px;color:#435970}
.password-rule-v2207{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:10.5px;color:#7b8998}
.password-rule-v2207 span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e8edf1;color:#8b98a5;font-size:9px;font-weight:900}
.password-rule-v2207.ok{color:#087a68;font-weight:700}.password-rule-v2207.ok span{background:#def5ee;color:#087a68}
:root[data-theme="dark"] .password-toggle-text-v2207{background:#132233;border-color:#33495d;color:#65dfc8}
:root[data-theme="dark"] .password-info-v2207{background:#101b29;border-color:#2a3c4d}.password-info-v2207>strong{color:#e3ebf2}


/* ==================== v2.20.8 ŞİFRE GÖSTER / TEKRAR UX ==================== */
.password-input-wrap-v2208{position:relative;display:flex;align-items:center;width:100%}
.password-input-wrap-v2208 input{width:100%;padding-right:78px!important;margin:0!important}
.password-toggle-text-v2208{position:absolute;right:7px;top:50%;transform:translateY(-50%);height:32px;min-width:58px;padding:0 10px;border:1px solid #d6e2e9;border-radius:8px;background:#fff;color:#087d71;font-size:11px;font-weight:800;cursor:pointer;z-index:2}
.password-toggle-text-v2208:hover,.password-toggle-text-v2208.active{background:#eaf9f6;border-color:#b5e3da;color:#076c62}
.password-info-v2208{margin:0 0 15px;padding:11px 13px;border:1px solid #dfe8ee;border-radius:12px;background:#f8fbfc}
.password-info-v2208>strong{display:block;margin-bottom:7px;font-size:11px;color:#435970}
.password-rule-v2208{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:10.5px;color:#7b8998}
.password-rule-v2208 span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e8edf1;color:#8b98a5;font-size:9px;font-weight:900}
.password-rule-v2208.ok{color:#087a68;font-weight:700}.password-rule-v2208.ok span{background:#def5ee;color:#087a68}
.public-auth-modal-v2208{max-height:88vh;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
.auth-card .password-toggle.password-toggle-text-v2208{display:flex;align-items:center;justify-content:center;width:auto;min-width:58px;padding:0 9px;border:1px solid #d6e2e9;background:#fff;color:#087d71;font-size:11px;font-weight:800}
.auth-card .password-input-wrap input{padding-right:78px}
:root[data-theme="dark"] .password-toggle-text-v2208,:root[data-theme="dark"] .auth-card .password-toggle.password-toggle-text-v2208{background:#132233;border-color:#33495d;color:#65dfc8}
:root[data-theme="dark"] .password-info-v2208{background:#101b29;border-color:#2a3c4d}.password-info-v2208>strong{color:#e3ebf2}
@media(max-width:640px){.public-auth-modal-v2208{max-height:84vh}.password-toggle-text-v2208{right:6px;min-width:54px}}


/* ==================== v2.20.9 KOMPAKT ŞİFRE BİLGİLENDİRME ==================== */
.password-inline-rules-v2209{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-7px 0 11px 0;padding:0 1px}
.password-inline-rule-v2209{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;line-height:1.2;color:#7b8998;white-space:nowrap;transition:.15s ease}
.password-inline-rule-v2209 i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#e8edf1;color:#8b98a5;font-style:normal;font-size:8px;font-weight:900;transition:.15s ease}
.password-inline-rule-v2209.ok{color:#087a68;font-weight:700}
.password-inline-rule-v2209.ok i{background:#def5ee;color:#087a68}
:root[data-theme="dark"] .password-inline-rule-v2209{color:#9faebe}
:root[data-theme="dark"] .password-inline-rule-v2209.ok{color:#5ee2c4}
@media(max-width:420px){.password-inline-rules-v2209{gap:6px}.password-inline-rule-v2209{font-size:10px}}