:root{--green:#0b5d47;--green-2:#0f7a5c;--green-soft:#e8f4ef;--navy:#16324f;--ink:#17212b;--muted:#647382;--line:#dce4e8;--bg:#f3f6f7;--white:#fff;--red:#bd2c2c;--amber:#b77908;--shadow:0 8px 28px rgba(19,44,58,.08);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:72px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:30;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:275px}.brand-mark,.large-mark,.print-mark{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--green-2),var(--green));border-radius:50%;font-weight:900;letter-spacing:-1px}.brand-mark{width:44px;height:44px;font-size:16px}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:14px}.brand small{font-size:9px;color:var(--muted);letter-spacing:.4px;margin-top:2px}.desktop-nav{display:flex;gap:4px;flex:1;height:100%;align-items:center}.desktop-nav a{font-weight:700;font-size:12px;padding:12px 10px;border-radius:8px}.desktop-nav a:hover{background:var(--green-soft);color:var(--green)}.user-menu{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;text-align:right}.user-menu form{margin:0}.link-button{border:0;background:none;color:var(--red);font-weight:800;padding:4px}.page{max-width:1480px;margin:0 auto;padding:26px 28px 60px}.auth-page{max-width:none;padding:0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.page-heading h1{font-size:26px;margin:0 0 5px;letter-spacing:-.5px}.page-heading p{color:var(--muted);margin:0}.eyebrow{font-size:12px;color:var(--green);font-weight:900;letter-spacing:.6px;margin-bottom:5px}.heading-actions{display:flex;gap:10px;align-items:center}.card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}.card.compact{padding:16px 20px}.card.no-padding{padding:0;overflow:hidden}.button{border:1px solid transparent;border-radius:9px;min-height:42px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;letter-spacing:.15px}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#084b39}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button.success{background:#167c54;color:#fff}.button.warning{background:#fff3d6;border-color:#e8c86f;color:#7a5300}.button.location{background:#e8f1fb;border-color:#bdd2e8;color:#174c7b}.button.full{width:100%}.button.large{min-height:50px;font-size:14px}.flash-stack{position:fixed;right:24px;top:86px;z-index:100;display:grid;gap:8px;max-width:440px}.flash{padding:13px 17px;border-radius:10px;color:#fff;font-weight:700;box-shadow:var(--shadow);animation:flash-in .2s ease}.flash-success{background:#167c54}.flash-error{background:#b62c34}@keyframes flash-in{from{transform:translateY(-8px);opacity:0}}.login-shell{min-height:100vh;background:linear-gradient(125deg,#073e31 0%,#0b5d47 48%,#e9f3ef 48%);display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:40px}.login-brand{text-align:center;color:#fff}.large-mark{width:120px;height:120px;margin:0 auto 22px;background:rgba(255,255,255,.14);border:3px solid rgba(255,255,255,.8);font-size:38px}.login-brand h1{font-size:35px;margin:0 0 8px}.login-brand p{letter-spacing:2px;margin:0}.login-card{width:min(430px,100%);padding:34px}.login-card h2{margin:0 0 24px}.login-card label,.form-grid label,.stack-form label,.action-panel label,.photo-upload label{display:grid;gap:7px;font-size:11px;font-weight:850;color:#415260;letter-spacing:.3px}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),select,textarea{width:100%;border:1px solid #cbd7dd;background:#fff;color:var(--ink);border-radius:8px;padding:11px 12px;min-height:44px;outline:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(15,122,92,.12)}.login-card label{margin-bottom:16px}.muted{color:var(--muted)}.small{font-size:11px}.narrow{max-width:600px;margin:30px auto}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-top:4px solid #78909c;border-radius:12px;padding:17px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.metric span{font-size:10px;font-weight:900;color:var(--muted)}.metric strong{font-size:30px}.metric.waiting{border-top-color:#8294a1}.metric.assigned{border-top-color:#2d7bb5}.metric.progress{border-top-color:#d28a14}.metric.completed{border-top-color:#7a55ad}.metric.approved{border-top-color:#16845c}.metric.urgent{border-top-color:#c63d3d}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title h2,.card>h2{font-size:15px;margin:0}.section-title>a{color:var(--green);font-size:11px;font-weight:900}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.4px;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #edf1f2}.clickable{cursor:pointer}.clickable:hover{background:#f5faf8}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#edf2f4;color:#354753;padding:5px 9px;font-size:9px;font-weight:900;white-space:nowrap}.large-badge{font-size:12px;padding:8px 13px}.priority-acil{background:#fce5e6;color:#a61920}.priority-y?ksek{background:#fff0d3;color:#895700}.priority-normal{background:#e7f0fa;color:#245d8e}.priority-d???k{background:#edf2f4;color:#53636e}.empty{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--muted);text-align:center}.empty strong{color:var(--ink);font-size:18px}.empty.slim{min-height:90px}.network-note{margin-top:16px;border-radius:10px;background:#e6f0f8;color:#214f70;padding:12px 15px;font-size:11px}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:12px;align-items:end;margin-bottom:18px}.filters label{display:grid;gap:5px;font-size:10px;font-weight:850;color:var(--muted)}.order-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.order-card{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px}.order-card:hover{background:#f5faf8}.order-top,.order-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.order-card h3{font-size:16px;margin:16px 0 12px}.order-card p{color:#53636e;font-size:12px;margin:7px 0}.order-bottom{margin-top:18px}.order-bottom time{font-size:10px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.form-grid.one{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 2}.form-section{grid-column:span 2;border-bottom:1px solid var(--line);padding-top:10px}.form-section:first-of-type{padding-top:0}.form-section h2{font-size:14px;margin:0 0 8px;color:var(--green)}.required:after{content:" *";color:var(--red)}.location-box{display:flex;align-items:center;gap:12px;background:#f4f8fa;border:1px dashed #b9c9d1;border-radius:10px;padding:12px}.location-box span{color:var(--muted);font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.main-column{display:grid;gap:18px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin:0 0 18px}.facts>div{display:grid;gap:4px}.facts .wide{grid-column:span 2}.facts dt,.mini-facts dt{font-size:9px;color:var(--muted);font-weight:900}.facts dd,.mini-facts dd{margin:0;font-size:13px;font-weight:650}.inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.photo-upload{display:grid;grid-template-columns:1fr 1.2fr 1fr auto auto;gap:10px;align-items:end;background:#f6f8f9;padding:14px;border-radius:10px;margin-bottom:16px}.file-label input{padding:8px}.photo-location-status{grid-column:span 5}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-grid figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.photo-grid figcaption{padding:9px;display:grid;gap:3px;font-size:10px;color:var(--muted)}.photo-grid figcaption strong{color:var(--ink)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.align-start{align-items:start}.stack-form{display:grid;gap:11px;margin-bottom:18px}.input-button{display:flex;gap:8px;align-items:stretch}.input-button select,.input-button input{flex:1}.item-list{list-style:none;padding:0;margin:10px 0 0}.item-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f2;padding:10px 2px;font-size:12px}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:16px 1fr;gap:10px;position:relative;padding-bottom:16px}.timeline li>span{width:10px;height:10px;background:var(--green-2);border-radius:50%;margin-top:3px;position:relative}.timeline li:not(:last-child)>span:after{content:"";position:absolute;top:10px;bottom:-24px;left:4px;width:2px;background:#dce6e2}.timeline strong{font-size:11px}.timeline p{font-size:11px;margin:3px 0;color:#53636e}.timeline small{color:var(--muted);font-size:9px}.sticky{position:sticky;top:92px}.action-panel{display:grid;gap:15px}.action-panel form{display:grid;gap:9px}.mini-facts{display:grid;gap:13px;margin:4px 0 0;padding-top:15px;border-top:1px solid var(--line)}.mini-facts>div{display:flex;justify-content:space-between;gap:10px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bar-list{list-style:none;padding:0;margin:0}.bar-list li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.bar-list strong{color:var(--green)}.mobile-nav{display:none}
@media(max-width:1100px){.topbar{justify-content:space-between}.metric-grid{grid-template-columns:repeat(3,1fr)}.order-cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,1fr)}.photo-upload{grid-template-columns:1fr 1fr}.photo-location-status{grid-column:span 2}.photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{padding-bottom:72px}.topbar{height:62px;padding:0 14px}.brand{min-width:0}.brand-mark{width:38px;height:38px}.brand strong{font-size:12px}.brand small{font-size:8px}.user-menu>span{display:none}.page{padding:18px 13px 30px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:21px}.page-heading>.button{width:100%}.heading-actions{width:100%;justify-content:space-between}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:13px}.metric strong{font-size:26px}.card{padding:16px;border-radius:12px}.table-wrap table{min-width:700px}.order-cards{grid-template-columns:1fr}.order-card{min-height:0;border-right:0}.filters{grid-template-columns:1fr 1fr;padding:14px}.filters label:first-child{grid-column:span 2}.form-grid{grid-template-columns:1fr}.form-grid .span-2,.form-section{grid-column:span 1}.location-box{align-items:stretch;flex-direction:column}.form-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.form-actions .button{width:auto;flex:1 1 calc(50% - 8px);min-height:44px}.detail-grid{grid-template-columns:1fr}.side-column{grid-row:1}.sticky{position:static}.facts{grid-template-columns:1fr}.facts .wide{grid-column:span 1}.inline-form{grid-template-columns:1fr}.photo-upload{grid-template-columns:1fr}.photo-location-status{grid-column:span 1}.photo-grid{grid-template-columns:1fr 1fr}.two-columns,.three-columns,.report-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;align-content:center;background:linear-gradient(165deg,#073e31 0%,#0b5d47 42%,#e9f3ef 42%);padding:24px}.login-brand{margin-bottom:16px}.large-mark{width:76px;height:76px;font-size:25px;margin-bottom:10px}.login-brand h1{font-size:22px}.login-brand p{font-size:10px}.login-card{padding:24px}.mobile-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--line);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#53636e}.mobile-nav a span{font-size:21px;line-height:1;margin-bottom:3px}.mobile-nav .nav-create{color:var(--green)}.mobile-nav .nav-create span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;margin-top:-17px}.flash-stack{left:12px;right:12px;top:72px}.network-note{overflow-wrap:anywhere}}
@media(max-width:440px){.photo-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.filters label:first-child{grid-column:span 1}.metric span{font-size:9px}}
@media print{.topbar,.mobile-nav,.page-heading .button,.filters,.network-note{display:none!important}.page{padding:0;max-width:none}.card{box-shadow:none;break-inside:avoid}.report-grid{grid-template-columns:1fr 1fr}}
.install-button{border:1px solid #b8d9cc;background:var(--green-soft);color:var(--green);border-radius:7px;padding:7px 9px;font-size:9px;font-weight:900}
.danger-link{border:0;background:none;color:var(--red);font-size:9px;font-weight:900;padding:3px 0}
.inline-delete{display:inline;margin-left:7px}.item-list li>span{text-align:right}
.online-card{margin-top:16px}.online-list{display:flex;flex-wrap:wrap;gap:8px}.online-list>span{background:var(--green-soft);color:var(--green);border-radius:999px;padding:7px 10px;font-size:10px}
.correction-note{background:#fff4d8;border:1px solid #e8c86f;border-radius:9px;padding:11px}.correction-note dd{color:#7a5300}.operation-columns{align-items:start}
.report-filters{margin-bottom:12px}.export-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.token-box{background:#102f26;color:#fff;border-radius:12px;padding:18px;margin-bottom:18px;display:grid;gap:8px}.token-box code{background:#061b15;padding:12px;border-radius:8px;overflow-wrap:anywhere;color:#9ff0cf}.token-box p{margin:0;font-size:11px}.api-info{display:grid;gap:7px}.api-info code{background:#eef3f5;padding:9px;border-radius:7px;font-size:11px}.integration-log{margin-top:18px}
.system-metrics .metric strong{font-size:20px}.one-column{grid-template-columns:1fr}.break-text{overflow-wrap:anywhere}.status-backups{margin-top:18px}
.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.pager span{font-size:12px;font-weight:900;color:var(--muted)}
.citizen-shell{max-width:1120px;margin:0 auto;padding:24px 24px 60px}.citizen-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.citizen-header>div{display:flex;gap:8px}.citizen-brand{display:flex;align-items:center;gap:11px}.citizen-brand>span:last-child{display:grid}.citizen-brand strong{font-size:15px}.citizen-brand small{font-size:9px;color:var(--muted);letter-spacing:.4px}.citizen-login{color:var(--green);border:1px solid #bcd3ca}.citizen-intro{background:linear-gradient(125deg,#073e31,#0b7254);color:#fff;border-radius:20px;padding:34px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;margin-bottom:20px;box-shadow:var(--shadow)}.citizen-intro .eyebrow{color:#a9efd7}.citizen-intro h1{font-size:36px;margin:5px 0 10px}.citizen-intro p{margin:0;color:#dcf3ea}.citizen-steps{display:grid;gap:10px}.citizen-steps span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);padding:11px 13px;border-radius:10px;font-size:12px;font-weight:800}.citizen-steps b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--green);margin-right:8px}.citizen-form{box-shadow:0 14px 40px rgba(19,44,58,.1)}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.citizen-photo-input input{border:2px dashed #91b6a7;background:#f0f8f5;padding:18px}.citizen-photo-input small{color:var(--muted);font-weight:500}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;background:#f4f8f7;padding:13px;border-radius:9px}.consent input{width:16px;min-height:16px;margin:0}.consent span{font-size:11px;line-height:1.45}.citizen-result-shell{max-width:760px;padding-top:70px}.citizen-success{text-align:center;padding:40px}.success-check{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:38px;margin:0 auto 20px}.citizen-success h1{font-size:32px;margin:7px 0}.citizen-success>p{color:var(--muted);line-height:1.6}.tracking-credentials{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.tracking-credentials>div{background:#eff7f4;border:1px solid #cbe0d8;border-radius:12px;padding:18px;display:grid;gap:8px}.tracking-credentials small{color:var(--muted);font-size:9px;font-weight:900}.tracking-credentials strong{font-size:20px;color:var(--green);letter-spacing:.7px}.citizen-warning{background:#fff3d6;color:#7a5300;padding:11px;border-radius:9px;font-size:11px;font-weight:800}.citizen-result-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.citizen-track-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.citizen-track-head h1{margin:4px 0}.citizen-track-head p{color:var(--muted)}.tracking-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:25px 0}.tracking-form label{display:grid;gap:6px;font-size:10px;font-weight:900;color:var(--muted)}.tracking-result{border-top:1px solid var(--line);padding-top:23px}.tracking-result h2{margin:5px 0}.tracking-resolution{background:var(--green-soft);border-radius:9px;padding:12px}.citizen-admin-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.citizen-admin-metrics .metric{padding:14px}.citizen-admin-metrics .metric strong{font-size:25px}.citizen-filters{grid-template-columns:2fr 1fr auto auto}
.notification-link{position:relative;font-size:20px;line-height:1;display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border-radius:12px}.notification-link b{position:absolute;right:2px;top:2px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:var(--red);color:#fff;font-size:10px;display:grid;place-items:center;z-index:1}.chat-icon-link{touch-action:manipulation;-webkit-tap-highlight-color:rgba(11,93,71,.18)}.chat-icon-glyph{font-size:1.45rem;line-height:1;pointer-events:none;display:block}.nav-chat-icon{font-size:22px!important;line-height:1;margin-bottom:3px;pointer-events:none}.notification-list{display:grid;gap:10px}.notification-item{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:15px}.notification-item.unread{border-left:5px solid var(--green-2);background:#f3fbf7}.notification-item p{margin:4px 0;color:var(--muted)}.notification-item small{color:var(--muted)}
.notif-group{padding:0;overflow:hidden}.notif-group.unread,.notif-group.is-unread{border-left:5px solid var(--green-2);background:#f3fbf7}.notif-group-summary{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:15px;cursor:pointer;list-style:none}.notif-group-summary::-webkit-details-marker{display:none}.notif-group-summary strong{display:block;font-size:1.02rem}.notif-group-summary p,.notif-group-summary span{margin:4px 0 0;color:var(--muted);font-size:13px}.notif-group-summary small{color:var(--muted)}.notif-group-icon{font-size:1.25rem;text-align:center}.notif-group-count{min-width:34px;height:34px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:900}.notif-group-body{display:grid;gap:8px;padding:0 14px 14px;border-top:1px solid var(--line)}.notif-group-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px}.notification-item.nested{grid-template-columns:1fr;margin:0;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:none}.field-task-list .notif-group{margin:0}.field-task-list .notif-group-summary{grid-template-columns:1fr auto;padding:14px}
.field-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.field-hero h1{font-size:28px;margin:4px 0}.field-hero p{margin:0;color:var(--muted)}.field-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.field-metrics a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;display:grid;text-align:center;box-shadow:var(--shadow)}.field-metrics strong{font-size:34px;color:var(--green)}.field-metrics span{font-size:10px;font-weight:900;color:var(--muted)}.field-task-list{display:grid;gap:12px}.field-task{display:block;background:#fff;border:1px solid var(--line);border-left:6px solid #7e919d;border-radius:13px;padding:17px;box-shadow:var(--shadow)}.field-task.priority-border-acil{border-left-color:#c63d3d}.field-task.priority-border-y?ksek{border-left-color:#d28a14}.field-task h2{margin:13px 0 8px;font-size:18px}.field-task p{margin:0;color:#526471}.field-task-top,.field-task-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center}.field-task-bottom{margin-top:16px;font-size:11px}.field-task-bottom b{color:var(--green)}.field-order-head{display:grid;gap:10px;margin-bottom:15px}.field-order-head h1{font-size:25px;margin:3px 0}.field-order-head>p{margin:0}.field-address{font-size:16px;font-weight:800}.field-alert{margin-bottom:15px}.field-actions,.field-section,.field-detail-box,.field-complete{margin-bottom:14px}.field-main-button{min-height:62px;font-size:16px}.field-running,.field-done{text-align:center;padding:15px;border-radius:10px;background:#fff4d8;color:#7a5300;font-weight:900}.field-done{background:var(--green-soft);color:var(--green)}.field-description{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.field-description p{margin-bottom:0}.field-photo-form,.field-inline-form{display:grid;gap:10px}.field-photo-form{grid-template-columns:1fr 1fr}.field-photo-form .photo-location-status{grid-column:span 2}.field-detail-box summary{cursor:pointer;font-weight:900;color:var(--green);padding:3px 0 14px}.field-detail-box:not([open]) summary{padding-bottom:3px}.field-inline-form{grid-template-columns:2fr 1fr auto}.field-complete h2{color:var(--green)}.field-complete form{display:grid;gap:12px}.field-complete p{font-size:11px;color:var(--muted);margin:0;text-align:center}.user-cards{display:grid;gap:14px}.user-admin-card.inactive{opacity:.68}.user-admin-card .section-title p{font-size:9px;color:var(--muted);margin:4px 0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reset-password-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:760px){.field-hero{align-items:stretch;flex-direction:column}.field-hero .button{width:100%}.field-metrics{grid-template-columns:repeat(3,1fr)}.field-metrics a{padding:12px 5px}.field-metrics strong{font-size:28px}.field-photo-form,.field-inline-form{grid-template-columns:1fr}.field-photo-form .photo-location-status{grid-column:span 1}.user-layout{grid-template-columns:1fr}.two-fields,.reset-password-form{grid-template-columns:1fr}.field-order-head .button{width:100%}}
@media(max-width:760px){.citizen-shell{padding:12px 12px 40px}.citizen-header{align-items:flex-start}.citizen-header>div{display:grid}.citizen-header .citizen-login{display:none}.citizen-brand .brand-mark{flex:none}.citizen-intro{grid-template-columns:1fr;padding:24px 19px;border-radius:15px}.citizen-intro h1{font-size:28px}.citizen-form{padding:17px}.tracking-credentials{grid-template-columns:1fr}.citizen-result-actions,.citizen-track-head{flex-direction:column}.citizen-result-actions .button,.citizen-track-head .button{width:100%}.tracking-form{grid-template-columns:1fr}.citizen-admin-metrics{grid-template-columns:repeat(2,1fr)}.citizen-filters{grid-template-columns:1fr}.citizen-filters label:first-child{grid-column:span 1}.citizen-success{padding:28px 18px}.tracking-credentials strong{font-size:17px}.mobile-nav a{font-size:8px}}
.license-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.license-card{border-top:5px solid #b42318}.license-card.license-active{border-top-color:#198754}.license-id{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.license-id code{font-size:1.15rem;font-weight:800;letter-spacing:.08em;background:#eef4f1;padding:14px;border-radius:8px}.license-card dl>div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #e5e7eb}.license-card dt{font-size:.75rem;font-weight:800;color:#667085}.license-card dd{margin:0;font-weight:700}.license-features{margin:8px 0 0;padding-left:18px;color:#344054;font-size:.92rem;line-height:1.45}.license-features.compact{margin:10px 0 14px}.license-features li{margin:4px 0}.license-banner{padding:10px 16px;text-align:center;font-weight:800;background:#fff3cd;color:#704c00}.license-banner.danger{background:#f8d7da;color:#842029}@media(max-width:800px){.license-grid{grid-template-columns:1fr}.license-card dl>div{grid-template-columns:1fr;gap:2px}}
.activity-warning{background:#fff4d8;border:1px solid #e8c86f;color:#6f4b00;border-radius:10px;padding:13px 16px;margin-bottom:16px;font-size:12px;line-height:1.5}.activity-metrics{grid-template-columns:repeat(5,1fr)}.activity-table small{color:var(--muted)}.activity-table .rate{display:block;color:var(--green);font-weight:800}.activity-explanation{margin-top:18px}.activity-explanation ul{margin:12px 0 0;padding-left:20px;display:grid;gap:8px;font-size:12px;line-height:1.45}@media(max-width:900px){.activity-metrics{grid-template-columns:repeat(2,1fr)}}
.compact-list{max-height:260px;overflow:auto}.assignment-section{margin-top:18px}.assignment-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.assignment-card{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;background:#f6f9f8;border:1px solid var(--line);border-radius:11px;padding:14px}.assignment-card label{display:grid;gap:5px;font-size:9px;font-weight:900;color:var(--muted)}.assignment-wide{grid-column:span 2}.new-vehicle-box{border:1px dashed #9db9ae;border-radius:10px;padding:13px;margin-bottom:15px}.new-vehicle-box summary{cursor:pointer;color:var(--green);font-weight:900;margin-bottom:12px}.excel-import-card h2:not(:first-child){margin-top:26px}.import-rules{display:grid;gap:10px;padding-left:20px;font-size:12px;line-height:1.45}.import-result{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.mini-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-result-grid span{display:grid;text-align:center;background:var(--green-soft);color:var(--green);border-radius:9px;padding:12px 5px;font-size:9px;font-weight:900}.mini-result-grid b{font-size:24px}.import-result .activity-warning{margin-top:15px}.import-result .activity-warning ul{margin-bottom:0}@media(max-width:900px){.assignment-cards{grid-template-columns:1fr}}@media(max-width:600px){.assignment-card{grid-template-columns:1fr}.assignment-wide{grid-column:span 1}.mini-result-grid{grid-template-columns:repeat(2,1fr)}}
.critical-alarm{position:sticky;top:0;z-index:80;background:#9f1d25;color:#fff;padding:12px max(14px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 8px 22px rgba(90,0,0,.28);animation:alarm-pulse 1.2s infinite}.critical-alarm[hidden]{display:none}.critical-alarm>div{display:grid;gap:3px}.critical-alarm-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.critical-alarm strong{font-size:14px}.critical-alarm span{font-size:11px}.critical-alarm .button{background:#fff;color:#8c151c;border:0;white-space:nowrap}.critical-alarm .button.secondary{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35)}body.has-critical-alarm.field-order-page .field-actions,body.has-critical-alarm.field-order-page .field-order-head{padding-top:4px}body.has-critical-alarm .field-main-button{margin-top:4px}.notification-settings-form label{display:grid;gap:6px}.notification-settings-form small{color:var(--muted);font-weight:500;line-height:1.4}.reminder-flow ol{display:grid;gap:14px;padding-left:22px;font-size:12px;line-height:1.5}.reminder-flow .activity-warning{margin:20px 0 0}@keyframes alarm-pulse{50%{background:#c1262f}}@media(max-width:760px){.critical-alarm{position:fixed;top:62px;left:0;right:0;padding:11px 13px}.critical-alarm .button{padding:9px}.user-menu>.enable-notifications{font-size:0;padding:7px}.user-menu>.enable-notifications:after{content:'??';font-size:14px}}

/* v5.3.0 temiz ?ekirdek */
.citizen-account-actions{display:flex!important;align-items:center;gap:.55rem;flex-wrap:wrap}.citizen-account-actions form{margin:0}.citizen-account-card{width:min(760px,100%);margin-inline:auto;padding:clamp(1.1rem,3vw,2rem)}.citizen-login-card{width:min(560px,100%);text-align:center}.citizen-login-card .stack-form{text-align:left;margin-top:1rem}.citizen-user-icon{font-size:1.4rem}.citizen-login-links{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.citizen-account-note{margin-top:1rem;text-align:center}.citizen-account-summary{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#f2f8f5}.citizen-account-summary strong{color:var(--green);font-size:1.05rem}.tracking-credentials.one-credential{grid-template-columns:1fr;max-width:430px;margin-inline:auto}.citizen-account-intro{align-items:center}.citizen-account-stat{min-width:150px;padding:1rem 1.2rem;border-radius:18px;text-align:center;background:rgba(255,255,255,.14)}.citizen-account-stat strong{display:block;font-size:2rem}.citizen-account-stat span{font-size:.75rem;font-weight:800}.citizen-request-cards{display:grid;gap:.75rem;margin-top:1rem}.citizen-request-card{color:inherit;text-decoration:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:transform .15s ease,border-color .15s ease}.citizen-request-card:hover{transform:translateY(-2px);border-color:var(--green)}.citizen-request-card h2{margin:.3rem 0}.citizen-request-card p,.citizen-request-card small{color:var(--muted)}.citizen-own-detail{margin-top:1rem}.citizen-own-detail h1{margin:.25rem 0 0}.account-admin-actions{display:flex;gap:.4rem;flex-wrap:wrap}.account-admin-actions form{margin:0}.button.danger{background:#b62c34;color:#fff}.citizen-account-form{margin-top:1rem}
@media(max-width:720px){.citizen-account-actions{width:100%}.citizen-account-actions .button,.citizen-account-actions form{flex:1 1 auto}.citizen-account-actions form .button{width:100%}.citizen-header .citizen-account-actions .citizen-login{display:inline-flex}.citizen-request-card{align-items:flex-start;flex-direction:column}.citizen-account-stat{width:100%}}

/* v2.9.1 ?ifre g?r?n?rl??? ve ?ift g?nderim korumas? */
.password-input-wrap{display:block;position:relative;width:100%}.password-input-wrap input{padding-right:78px}.password-toggle{position:absolute;right:6px;top:6px;min-height:32px;border:1px solid #b9c9d1;border-radius:7px;background:#eef5f2;color:var(--green);padding:4px 8px;font-size:9px;font-weight:900}.password-caps-warning{display:block;color:var(--red);font-size:9px;font-weight:900;margin-top:4px}.password-caps-warning[hidden]{display:none}.button:disabled{cursor:wait;opacity:.7}.citizen-submit-status{border:1px solid #b9d8cb;border-radius:10px;background:var(--green-soft);color:var(--green);padding:13px;text-align:center;font-size:12px;font-weight:800}.citizen-form[data-submitting="1"]{cursor:wait}

/* v2.9.2 kolay kurulum ve sade vatanda? deneyimi */
.install-center{width:min(1060px,100%);margin:0 auto;padding:28px 20px 64px}.install-hero{text-align:center;display:grid;justify-items:center;gap:10px;margin-bottom:24px}.install-hero .citizen-brand{margin-bottom:12px}.install-hero h1{font-size:clamp(28px,5vw,46px);margin:0;color:var(--green)}.install-hero p{max-width:740px;margin:0;color:var(--muted);line-height:1.65}.install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.install-card{display:grid;justify-items:center;gap:16px;padding:26px;border-top:6px solid var(--green)}.staff-install-card{border-top-color:#1976a3}.install-card-head{width:100%;display:flex;align-items:center;gap:12px}.install-card-head h2{margin:3px 0}.install-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);font-size:24px}.install-qr{width:min(220px,72vw);height:auto;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px}.install-card ol{width:100%;margin:0;padding-left:22px;display:grid;gap:10px;color:#40545d;font-size:12px;line-height:1.5}.install-url{width:100%;color:var(--muted);text-align:center;overflow-wrap:anywhere}.device-help{margin-top:18px;padding:22px}.device-help h2{margin-top:0}.device-help>div{display:grid;grid-template-columns:210px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.device-help strong{color:var(--green)}.legacy-tracking{margin-top:14px;color:var(--muted);font-size:11px}.legacy-tracking summary{cursor:pointer}.legacy-tracking a{display:inline-block;margin-top:8px}.field-helper{color:var(--muted);font-weight:600}.field-helper.ready{color:var(--green)}.citizen-photo-preview{display:block;width:min(100%,420px);max-height:300px;object-fit:cover;margin:12px auto 0;border-radius:12px;border:1px solid var(--line)}.citizen-photo-preview[hidden]{display:none}
@media(max-width:760px){.install-center{padding:14px 12px 42px}.install-grid{grid-template-columns:1fr}.install-card{padding:20px 16px}.device-help>div{grid-template-columns:1fr;gap:4px}.citizen-form .form-section h2{font-size:14px}.citizen-sticky-actions{position:sticky;bottom:8px;z-index:20;padding:10px;margin:0 -8px -8px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 26px rgba(12,52,41,.18)}.citizen-sticky-actions .citizen-submit-button{flex:1}.citizen-intro .citizen-steps{display:none}}

/* v2.9.3 arama, konum ve taslak kolayl?klar? */
.citizen-search-form{display:grid;grid-template-columns:2fr repeat(2,minmax(150px,1fr));gap:12px;align-items:end;margin-bottom:16px}.citizen-search-form label{display:grid;gap:6px;font-size:9px;font-weight:900;color:var(--muted)}.citizen-search-form .search-wide{grid-column:span 2}.search-actions{display:flex;gap:8px}.search-actions .button{flex:1}.street-picker{align-content:start}.street-picker small{color:var(--muted);font-weight:600}.street-picker input{margin-bottom:7px}.location-box{flex-wrap:wrap}.location-box #location-status{flex:1;min-width:220px}.citizen-photo-input:has(.citizen-photo-preview:not([hidden])){border:1px solid #b9d8cb;border-radius:12px;padding:12px;background:#f2f8f5}
@media(max-width:900px){.citizen-search-form{grid-template-columns:repeat(2,1fr)}.citizen-search-form .search-wide{grid-column:span 2}}
@media(max-width:600px){.citizen-search-form{grid-template-columns:1fr}.citizen-search-form .search-wide{grid-column:span 1}.search-actions{position:sticky;bottom:8px;z-index:10;background:#fff;padding:8px;border-radius:12px;box-shadow:var(--shadow)}.location-box .button{width:100%}.location-box #location-status{min-width:100%}}

/* Dikmen Belediyesi kurumsal kimlik ve vatanda? hizmet ba?lant?lar? */
.municipality-logo{
  width:52px;height:52px;flex:none;display:block;object-fit:contain;
  border-radius:50%;background:#fff;padding:3px;box-shadow:0 2px 8px rgba(15,58,48,.12)
}
.municipality-logo.large-logo{width:82px;height:82px;padding:5px}
.municipality-login-logo{
  width:120px;height:120px;object-fit:contain;background:#fff;border-radius:50%;
  border:0;padding:10px;box-shadow:0 12px 28px rgba(0,0,0,.18)
}.municipality-access-bar{max-width:1480px;margin:14px auto 0;padding:12px 22px;background:#fff;border:1px solid var(--line);border-left:5px solid #f4c43a;border-radius:14px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:18px}.municipality-access-message{display:flex;align-items:center;gap:11px;min-width:270px}.municipality-access-message>span{display:grid;gap:3px}.municipality-access-message strong{font-size:13px;color:var(--green)}.municipality-access-message small{font-size:10px;color:var(--muted);line-height:1.35}.municipality-access-bar nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.municipality-payment{background:#f8c93f;color:#4d3412;border-color:#e0ad18}.municipality-payment:hover{background:#efbb22}.municipality-website{background:#e8f4ef;color:var(--green);border-color:#bcd9ce}.install-help-dialog{width:min(440px,calc(100% - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.28)}.install-help-dialog::backdrop{background:rgba(10,25,31,.68);backdrop-filter:blur(3px)}.install-help-dialog form{padding:28px;display:grid;justify-items:center;text-align:center;gap:13px}.install-help-dialog img{width:92px;height:92px}.install-help-dialog h2{font-size:23px;margin:0}.install-help-dialog p{margin:0;color:#40545d;line-height:1.55}.install-help-note{background:#fff3d6;border:1px solid #ebcf82;color:#725215;border-radius:10px;padding:11px;font-size:11px;line-height:1.45}.install-help-dialog .button{width:100%}
@media(max-width:900px){.municipality-access-bar{margin:10px 12px 0;align-items:stretch;flex-direction:column}.municipality-access-bar nav{display:grid;grid-template-columns:1fr 1fr}.municipality-access-bar nav .install-app{grid-column:span 2}}
@media(max-width:560px){.municipality-access-bar{padding:11px;border-radius:12px}.municipality-access-message .municipality-logo{width:46px;height:46px}.municipality-access-bar nav{grid-template-columns:1fr}.municipality-access-bar nav .install-app{grid-column:span 1}.municipality-access-bar .button{width:100%;min-height:46px}.citizen-header .municipality-logo{width:44px;height:44px}.citizen-brand small{max-width:190px;line-height:1.25}.municipality-login-logo{width:84px;height:84px}}

/* v3.3.0 birim y?nlendirme ve ?st y?netim izleme */
.executive-readonly{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:14px 18px;border:1px solid #b8d4e8;border-left:5px solid #276f9f;border-radius:12px;background:#edf6fc;color:#214f70}.executive-readonly strong{font-size:12px}.executive-readonly span{font-size:11px}.assignment-unit{display:grid;gap:5px;padding:12px;border-radius:9px;background:var(--green-soft);border:1px solid #bedacc}.assignment-unit small{font-size:9px;color:var(--muted);font-weight:900}.assignment-unit strong{font-size:13px;color:var(--green)}
@media(max-width:600px){.executive-readonly{align-items:flex-start;flex-direction:column}.citizen-search-form{grid-template-columns:1fr}}

/* v3.6.0 sade g?rev ak??? ve yetki g?r?n?m? */
.workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px}.workflow-steps span{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#7b8992;text-align:center;font-size:9px;font-weight:900}.workflow-steps span.done{background:var(--green-soft);border-color:#b7d8ca;color:var(--green)}.workflow-steps span.active{background:#fff3d6;border-color:#e7c86d;color:#795200;box-shadow:0 0 0 3px rgba(231,200,109,.18)}.permission-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.permission-guide article{display:grid;gap:6px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.permission-guide strong{font-size:11px;color:var(--green)}.permission-guide span{font-size:10px;line-height:1.45;color:var(--muted)}.dispatch-note{background:#eef7ff!important;border:1px solid #b8d5ea!important;border-left:5px solid #2874a6!important;border-radius:10px!important;padding:13px!important;color:#174c70!important}.dispatch-note p{margin:6px 0 0;line-height:1.5}.quick-assign-form{min-width:260px;display:grid;gap:7px}.quick-assign-form input,.quick-assign-form select{min-height:38px;padding:8px}.citizen-workflow{margin:14px 0 20px}
@media(max-width:900px){.permission-guide{grid-template-columns:repeat(2,1fr)}.workflow-steps{grid-template-columns:1fr}.workflow-steps span{justify-content:flex-start;min-height:38px;text-align:left}}
@media(max-width:560px){.permission-guide{grid-template-columns:1fr}.workflow-steps span{font-size:10px}.quick-assign-form{min-width:220px}}

/* v3.7.0 tek dokunu? kurulum ve mobil eri?ilebilirlik */
.install-readiness{display:flex;align-items:center;gap:10px;max-width:680px;margin-top:6px;padding:12px 15px;border:1px solid #b9d8cb;border-radius:13px;background:#f2f8f5;text-align:left}.install-ready-dot{width:12px;height:12px;flex:none;border-radius:50%;background:#16a36a;box-shadow:0 0 0 5px rgba(22,163,106,.13);animation:install-ready-pulse 1.8s infinite}.install-readiness>div{display:grid;gap:3px}.install-readiness strong{font-size:11px;color:var(--green)}.install-readiness small{font-size:10px;line-height:1.4;color:var(--muted)}.install-promotion{position:fixed;z-index:120;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(620px,calc(100% - 24px));display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:11px;padding:11px 12px;background:#fff;border:1px solid #b8d8cb;border-radius:16px;box-shadow:0 18px 55px rgba(6,48,36,.27)}.install-promotion[hidden]{display:none}.install-promotion img{width:48px;height:48px;border-radius:12px}.install-promotion>div{display:grid;gap:2px}.install-promotion strong{font-size:11px;color:var(--green)}.install-promotion span{font-size:10px;color:var(--muted);line-height:1.35}.install-promotion .button{white-space:nowrap;min-height:42px}.install-promotion-close{width:34px;height:34px;border:0;border-radius:50%;background:#edf2f4;color:#40545d;font-size:22px;line-height:1;cursor:pointer}@keyframes install-ready-pulse{50%{box-shadow:0 0 0 9px rgba(22,163,106,0)}}
@media(max-width:600px){.install-promotion{grid-template-columns:42px 1fr 34px;padding:10px}.install-promotion img{width:42px;height:42px}.install-promotion .button{grid-column:1/-1;width:100%;min-height:48px;font-size:12px}.install-promotion-close{grid-column:3;grid-row:1}.mobile-nav~.install-promotion,.native-app .install-promotion{bottom:calc(76px + env(safe-area-inset-bottom))}.install-readiness{align-items:flex-start}.install-hero>.button{width:100%;min-height:52px}}
@media(prefers-reduced-motion:reduce){.install-ready-dot{animation:none}}

/* v3.8.0 vatanda? ?ube y?nlendirme ve amir h?zl? g?revlendirme */
.compact-button{min-height:34px;padding:7px 10px;font-size:10px;white-space:nowrap}.manager-team-picker{display:grid;grid-template-columns:minmax(190px,.8fr) 2fr auto;gap:14px;align-items:center;margin-bottom:16px}.manager-team-picker>div:first-child{display:grid;gap:4px}.manager-team-picker strong{font-size:12px;color:var(--green)}.manager-team-picker small{font-size:10px;line-height:1.4;color:var(--muted)}.manager-team-options{display:flex;flex-wrap:wrap;gap:8px}.manager-team-options label,.team-scope-picker label{display:flex;align-items:center;gap:7px;cursor:pointer}.manager-team-options label{padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#f8fafb;font-size:11px;font-weight:800}.manager-team-options input,.team-scope-picker input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--green)}.team-scope-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid var(--line);border-radius:10px;padding:12px}.team-scope-picker legend{padding:0 6px;font-size:10px;font-weight:900;color:#415260}.team-scope-picker label{padding:8px;border:1px solid #e5ecef;border-radius:8px;background:#f8fafb;font-size:10px;font-weight:800}.team-scope-picker small{grid-column:1/-1;color:var(--muted);font-size:9px;line-height:1.4}.citizen-form optgroup{font-weight:900;color:var(--green)}.citizen-form optgroup option{font-weight:600;color:var(--ink)}
@media(max-width:800px){.manager-team-picker{grid-template-columns:1fr}.manager-team-picker .button{width:100%}.team-scope-picker{grid-template-columns:1fr}}

/* v3.10.0 y?netim, hat?rlama ve s?f?rlama ekranlar? */
.remember-login{display:flex!important;grid-template-columns:16px 1fr!important;align-items:center;gap:8px!important;margin:0!important;cursor:pointer}.remember-login input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--green)}.login-memory-note{display:block;margin:-4px 0 6px;color:var(--muted);font-size:9px;line-height:1.4}.danger-zone{border:2px solid #e3a7aa;background:#fffafa}.danger-zone h2{color:var(--red)}.danger-button{background:#bd2c2c!important;color:#fff!important}.record-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.record-actions form{margin:0}.definition-card-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.definition-card-actions .button{width:100%}.license-days{display:grid;place-items:center;gap:3px;margin:12px 0 16px;padding:14px;border-radius:12px;background:var(--green-soft);color:var(--green)}.license-days strong{font-size:34px;line-height:1}.license-days span{font-size:10px;font-weight:900}.reset-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.reset-options label{display:flex;align-items:flex-start;gap:8px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.reset-options input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--red)}@media(max-width:650px){.reset-options{grid-template-columns:1fr}.definition-card-actions{grid-template-columns:1fr}}

/* v3.11.0 telefonda eksiksiz ADMIN y?netimi */
.mobile-admin-panel,.mobile-admin-backdrop{display:none}.mobile-admin-panel[hidden],.mobile-admin-backdrop[hidden]{display:none!important}
@media(max-width:1100px){
  body{padding-bottom:72px}
  .mobile-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--line);z-index:40;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-nav a,.mobile-nav button{min-width:0;border:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#53636e;padding:2px;cursor:pointer}
  .mobile-nav a span,.mobile-nav button span{font-size:21px;line-height:1;margin-bottom:3px}
  .mobile-nav .nav-create{color:var(--green)}
  .mobile-nav .nav-create span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;margin-top:-17px}
  .mobile-nav .nav-create[aria-expanded="true"] span{transform:rotate(45deg);background:#0a4a3b}
  .quick-actions{position:fixed;inset:0;z-index:55;display:flex;align-items:flex-end;justify-content:center}
  .quick-actions[hidden]{display:none!important}
  .quick-actions-backdrop{position:absolute;inset:0;border:0;background:rgba(15,32,28,.45);cursor:pointer}
  .quick-actions-sheet{position:relative;z-index:1;width:min(480px,100%);max-height:min(78vh,560px);overflow:auto;margin:0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -12px 40px rgba(10,40,32,.22);animation:quick-sheet-up .22s ease}
  .quick-actions-handle{width:42px;height:5px;border-radius:999px;background:#d5e0db;margin:4px auto 12px}
  .quick-actions-title{margin:0 0 12px;text-align:center;font-size:13px;font-weight:900;letter-spacing:.04em;color:var(--green);text-transform:uppercase}
  .quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
  .quick-actions-item{display:grid;gap:4px;justify-items:center;text-align:center;padding:16px 10px;border:1px solid var(--line);border-radius:16px;background:#f7faf8;color:inherit;text-decoration:none;min-height:112px;align-content:center}
  .quick-actions-item:active{transform:scale(.98);background:#e8f4ef}
  .quick-actions-icon{font-size:28px;line-height:1}
  .quick-actions-item strong{font-size:13px}
  .quick-actions-item small{font-size:10px;color:var(--muted);line-height:1.3}
  @keyframes quick-sheet-up{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
  body.quick-actions-open{overflow:hidden}
  .mobile-admin-toggle{color:var(--green)!important}
  .mobile-admin-backdrop{display:block;position:fixed;inset:0;background:rgba(8,26,21,.48);z-index:89;backdrop-filter:blur(2px)}
  .mobile-admin-panel{
    display:block;position:fixed;left:0;right:0;top:0;bottom:0;
    width:100%;max-width:100vw;height:100dvh;max-height:100dvh;
    overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
    background:#f3f6f7;z-index:90;
    padding:0 12px calc(78px + env(safe-area-inset-bottom));
    box-shadow:none;
  }
  .mobile-admin-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -12px 12px;padding:calc(12px + env(safe-area-inset-top)) 14px 14px;background:#07503d;color:#fff}
  .mobile-admin-head>div{display:grid;gap:3px;min-width:0}.mobile-admin-head span{font-size:9px;font-weight:800;opacity:.8}.mobile-admin-head strong{font-size:14px}.mobile-admin-head button{width:42px;height:42px;flex:none;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:27px;line-height:1}
  .mobile-admin-panel section{margin-bottom:14px}.mobile-admin-panel section>h2{margin:0 0 8px;font-size:10px;color:var(--muted);letter-spacing:.5px}
  .mobile-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mobile-admin-grid a{min-height:72px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(19,44,58,.05);min-width:0}
  .mobile-admin-grid a span{font-size:20px;color:var(--green)}.mobile-admin-grid a strong{font-size:10px;line-height:1.3;word-break:break-word}
  .mobile-admin-actions{display:grid;gap:8px;padding:12px;border-radius:13px;background:#fff;border:1px solid var(--line)}.mobile-admin-actions form{margin:0}.mobile-admin-actions .button{width:100%;min-height:48px}
  .mobile-admin-open{overflow:hidden}
  .table-wrap{position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
}
@media(min-width:761px) and (max-width:1100px){
  .mobile-admin-panel{left:auto;width:min(420px,92vw);box-shadow:-16px 0 44px rgba(9,35,28,.24)}
  .mobile-admin-backdrop{inset:0 0 66px}
}
/* Masa?st?: mobildeki ayn? Y?NET?M paneli (?st bardan a??l?r) */
@media(min-width:1101px){
  .mobile-admin-backdrop{display:block;position:fixed;inset:0;background:rgba(8,26,21,.42);z-index:89;backdrop-filter:blur(2px)}
  .mobile-admin-panel{
    display:block;position:fixed;top:0;right:0;bottom:0;left:auto;
    width:min(480px,42vw);height:100dvh;max-height:100dvh;
    overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
    background:#f3f6f7;z-index:90;
    padding:0 14px 28px;box-shadow:-16px 0 44px rgba(9,35,28,.22);
  }
  .mobile-admin-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -14px 14px;padding:16px 16px 14px;background:#07503d;color:#fff}
  .mobile-admin-head>div{display:grid;gap:3px;min-width:0}.mobile-admin-head span{font-size:9px;font-weight:800;opacity:.8}.mobile-admin-head strong{font-size:14px}
  .mobile-admin-head button{width:42px;height:42px;flex:none;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:27px;line-height:1}
  .mobile-admin-panel section{margin-bottom:14px}.mobile-admin-panel section>h2{margin:0 0 8px;font-size:10px;color:var(--muted);letter-spacing:.5px}
  .mobile-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mobile-admin-grid a{min-height:72px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(19,44,58,.05);min-width:0}
  .mobile-admin-grid a span{font-size:20px;color:var(--green)}.mobile-admin-grid a strong{font-size:10px;line-height:1.3;word-break:break-word}
  .mobile-admin-actions{display:grid;gap:8px;padding:12px;border-radius:13px;background:#fff;border:1px solid var(--line)}.mobile-admin-actions form{margin:0}.mobile-admin-actions .button{width:100%;min-height:48px}
  .mobile-admin-open{overflow:hidden}
  .desktop-admin-yonetim{display:inline-flex!important;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:12px;font-weight:900;letter-spacing:.02em}
}
.desktop-admin-yonetim{display:none}
@media(max-width:760px){
  .user-menu>.install-button{display:none}.user-menu{gap:8px;align-items:center}.notification-link{margin-left:auto}.user-menu .topbar-logout,.user-menu-saha .topbar-logout{display:flex!important;margin:0}.topbar-logout-btn{min-height:40px!important;padding:0 12px!important;font-size:12px!important;font-weight:800!important;white-space:nowrap}
  .heading-actions{display:grid;grid-template-columns:1fr;width:100%}.heading-actions .button{width:100%}
  input[type=file]{min-height:52px;padding:10px;background:#f8fbfa}
  .table-wrap{margin:0 -4px;padding-bottom:5px}
  .table-wrap:after{content:'TABLOYU SA?A?SOLA KAYDIRAB?L?RS?N?Z';position:sticky;left:8px;display:inline-block;margin:7px;padding:5px 8px;border-radius:999px;background:#edf3f1;color:var(--muted);font-size:8px;font-weight:800}
}
@media(max-width:390px){.mobile-admin-grid{grid-template-columns:1fr}.mobile-admin-grid a{min-height:58px}}

/* v3.12.0 belediye geneli g?nl?k ?al??ma ve dall? faaliyet yap?s? */
.activity-category-layout{grid-template-columns:minmax(290px,.72fr) minmax(0,1.7fr)}.category-admin-list{display:grid;gap:12px}.category-admin-card{display:grid;gap:11px}.category-admin-card.inactive{opacity:.65;background:#f5f6f6}.category-admin-card .section-title small{display:block;color:var(--green);font-size:10px;margin-bottom:5px}.daily-filter{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;align-items:end;margin-bottom:18px}.daily-filter .button{min-height:45px}.daily-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.daily-record-card{display:grid;gap:9px;transition:.15s transform,.15s border-color}.daily-record-card:hover{transform:translateY(-2px);border-color:#9ac8b5}.daily-record-card h2{font-size:17px;margin:0}.daily-record-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.daily-record-top,.daily-record-meta,.activity-status-strip,.participant-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-record-top>strong{color:var(--green);font-size:11px}.daily-record-meta{justify-content:flex-start;flex-wrap:wrap;padding:9px;border-radius:9px;background:#f5f8f7;font-size:10px;font-weight:800}.category-path{color:var(--green)!important;font-weight:800}.daily-activity-form{display:grid;gap:20px}.daily-activity-form section{display:grid;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}.daily-activity-form section h2{margin:0;font-size:13px;color:var(--green)}.activity-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.activity-choice-grid label{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8faf9;cursor:pointer}.activity-choice-grid input{width:20px;height:20px;min-height:0;margin:0;accent-color:var(--green)}.activity-choice-grid span{display:grid;gap:3px}.activity-choice-grid strong{font-size:10px}.activity-choice-grid small{font-size:9px;color:var(--muted)}.activity-choice-grid.compact label{min-height:45px}.activity-location{padding:13px;border:1px solid var(--line);border-radius:11px;background:#f8faf9}.activity-location summary{font-size:11px;font-weight:900;color:var(--green);cursor:pointer}.activity-location[open] summary{margin-bottom:13px}.activity-status-strip{margin-bottom:16px;padding:13px 17px;border:1px solid #b9d7cb;border-radius:12px;background:var(--green-soft)}.activity-status-strip small{color:var(--muted);font-weight:800}.activity-detail-main h2,.approval-panel h2{margin-top:0}.participant-row{padding:10px 0;border-bottom:1px solid var(--line)}.participant-row:last-child{border:0}.participant-row>div{display:grid;gap:3px}.participant-row small{font-size:9px;color:var(--muted)}.participant-row>span{font-size:10px;font-weight:900;color:var(--green);white-space:nowrap}.approval-panel{margin:16px 0;border-left:5px solid var(--green)}.timeline{display:grid;gap:12px}.timeline>div{display:grid;gap:4px;padding-left:14px;border-left:3px solid #b6d7c9}.timeline strong{font-size:11px}.timeline span{font-size:9px;color:var(--muted)}.timeline p{margin:0;font-size:10px}.status-onayland?{background:#dff3e8;color:#116340}.status-onay-bekliyor{background:#fff0c8;color:#765000}.status-d?zeltme-istendi{background:#fde4e4;color:#8b2525}.status-taslak{background:#e9eef1;color:#4b5b65}
@media(max-width:1050px){.daily-filter{grid-template-columns:repeat(3,1fr)}.activity-choice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.activity-category-layout,.daily-card-list{grid-template-columns:1fr}.daily-filter{grid-template-columns:1fr 1fr}.daily-filter label:nth-of-type(5),.daily-filter label:nth-of-type(6){grid-column:1/-1}.activity-choice-grid{grid-template-columns:1fr}.activity-status-strip{align-items:flex-start;flex-direction:column}.permission-guide{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.daily-filter{grid-template-columns:1fr}.daily-filter label:nth-of-type(5),.daily-filter label:nth-of-type(6){grid-column:auto}.permission-guide{grid-template-columns:1fr}}

/* v3.13.0 puantaj, izin, fazla mesai ve ki?i bazl? bildirim */
.attendance-period-form,.calculation-bar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.attendance-period-form label{min-width:230px}.calculation-bar{align-items:center;background:var(--green-soft);border-color:#b7d8ca}.calculation-bar>div{display:grid;gap:4px}.calculation-bar strong{color:var(--green);font-size:12px}.calculation-bar small{color:var(--muted);font-size:10px}.attendance-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.danger-stat{border-color:#e5a9aa!important;background:#fff7f7!important}.attendance-upload{max-width:920px}.attendance-column-guide{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attendance-column-guide article{display:grid;gap:7px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#f8faf9}.attendance-column-guide strong{color:var(--green)}.attendance-column-guide span{font-size:10px}.attendance-column-guide span:before{content:'?';margin-right:7px;color:var(--green);font-weight:900}.compact-stats{grid-template-columns:repeat(4,1fr)}.import-errors{margin-top:14px;padding:12px;border:1px solid #edc6c6;border-radius:10px;background:#fff7f7}.import-errors summary{cursor:pointer;color:var(--red);font-weight:900;font-size:11px}.import-errors li{margin:5px 0;font-size:10px}.attendance-settings-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr)}.weekday-picker{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px;padding:12px;border:1px solid var(--line);border-radius:10px}.weekday-picker legend{font-size:9px;font-weight:900;color:var(--green);padding:0 6px}.weekday-picker label{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#f8faf9;font-size:10px;font-weight:800}.weekday-picker input{width:17px;height:17px;min-height:0;margin:0;accent-color:var(--green)}.schedule-list{display:grid;gap:9px}.schedule-list article{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:9px;background:#f8faf9}.schedule-list strong{font-size:11px}.schedule-list span,.schedule-list small{font-size:9px;color:var(--muted)}.legend{display:flex;gap:7px}.attendance-person-form{max-width:920px;margin:auto}.attendance-detail-kpis{grid-template-columns:repeat(5,1fr)}.notice-preview{display:grid;gap:12px}.notice-preview p{margin:0;line-height:1.6}.notice-preview form{margin:0}.manual-attendance{margin-bottom:16px}.manual-attendance summary{cursor:pointer;color:var(--green);font-weight:900}.manual-attendance form{display:grid;gap:12px;margin-top:14px}.attendance-detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.6fr)}.attendance-notice-sheet{width:min(980px,100%);margin:0 auto 24px;padding:34px;background:#fff;border:1px solid #cad3d7;border-radius:4px;box-shadow:var(--shadow);color:#1b2931}.attendance-notice-sheet>header{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding-bottom:18px;border-bottom:4px solid var(--green)}.attendance-notice-sheet>header img{width:68px;height:68px;object-fit:contain}.attendance-notice-sheet>header div{display:grid;gap:3px}.attendance-notice-sheet>header strong{font-size:20px;color:var(--green)}.attendance-notice-sheet>header span{font-size:11px;font-weight:900;letter-spacing:.5px}.attendance-notice-sheet>header b{padding:9px 12px;border-radius:7px;background:var(--green);color:#fff}.notice-person{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:12px;margin:18px 0}.notice-person>div{display:grid;gap:4px;padding:12px;border:1px solid #dbe2e5;border-radius:8px}.notice-person small{font-size:8px;font-weight:900;color:#6c7a82}.notice-person strong{font-size:12px;color:var(--green)}.notice-person span{font-size:9px;color:#5b6971}.attendance-notice-sheet table{width:100%;border-collapse:collapse}.attendance-notice-sheet th,.attendance-notice-sheet td{padding:11px;border:1px solid #cfd8dc;text-align:left;font-size:10px}.attendance-notice-sheet th{background:#f2f6f4}.attendance-notice-sheet td{font-weight:800}.notice-total th,.notice-total td{background:#fff2c8}.notice-warn-row th,.notice-warn-row td{background:#fde4e4;color:#8b2525}.notice-warn-row u{text-decoration-thickness:2px}.notice-text{margin:18px 0;padding:16px;border-left:5px solid var(--green);background:#f1f8f5}.notice-text strong{font-size:10px;color:var(--green)}.notice-text p{font-size:11px;line-height:1.65}.notice-status{padding:10px;text-align:center;border:1px dashed #9aacb4;font-size:9px}.attendance-notice-sheet footer{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}.attendance-notice-sheet footer>div{display:grid;gap:40px;text-align:center;border-top:1px solid #65737b;padding-top:8px}.attendance-notice-sheet footer span{font-size:9px;font-weight:900}.attendance-notice-sheet footer i{font-size:8px;color:#6c7a82}.legal-note{display:block;margin-top:24px;padding-top:10px;border-top:1px solid #dbe2e5;font-size:8px;line-height:1.5;color:#667780}.bulk-sheet{break-after:page}
@media(max-width:1050px){.attendance-kpis,.attendance-detail-kpis{grid-template-columns:repeat(3,1fr)}.attendance-settings-grid,.attendance-detail-grid{grid-template-columns:1fr}}
@media(max-width:700px){.attendance-period-form,.calculation-bar{align-items:stretch;flex-direction:column}.attendance-period-form label{min-width:0}.attendance-column-guide{grid-template-columns:1fr}.attendance-kpis,.attendance-detail-kpis,.compact-stats{grid-template-columns:1fr 1fr}.attendance-notice-sheet{padding:18px}.notice-person{grid-template-columns:1fr}.attendance-notice-sheet>header{grid-template-columns:54px 1fr}.attendance-notice-sheet>header img{width:52px;height:52px}.attendance-notice-sheet>header b{grid-column:1/-1;text-align:center}.attendance-notice-sheet footer{grid-template-columns:1fr;gap:48px}}
@media(max-width:430px){.attendance-kpis,.attendance-detail-kpis,.compact-stats{grid-template-columns:1fr}}
@media print{body{background:#fff!important;padding:0!important}.topbar,.mobile-nav,.license-banner,.print-actions,.flash-stack,.critical-alarm,.mobile-admin-panel,.mobile-admin-backdrop{display:none!important}.page{max-width:none!important;margin:0!important;padding:0!important}.attendance-notice-sheet{width:100%!important;margin:0!important;padding:14mm!important;border:0!important;box-shadow:none!important;break-after:page}.attendance-notice-sheet:last-child{break-after:auto}.attendance-notice-sheet>header b{color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.attendance-notice-sheet th,.notice-text,.notice-total th,.notice-total td,.notice-warn-row th,.notice-warn-row td{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* v3.16.0 ayr? giri? kap?lar? + v5.3.4 sosyal belediyecilik ana giri? */
.portal-shell{max-width:1180px;margin:0 auto;padding:clamp(24px,5vw,64px) 18px}.portal-brand{display:flex;align-items:center;gap:22px;margin-bottom:32px}.portal-logo{width:96px;height:96px;object-fit:contain}.portal-brand h1{margin:.25rem 0;font-size:clamp(1.7rem,4vw,3rem)}.portal-brand p{margin:0;color:var(--muted,#667085)}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portal-card{display:flex;flex-direction:column;min-height:300px;padding:28px;border-radius:24px;text-decoration:none;color:inherit;background:#fff;border:1px solid #e4e7ec;box-shadow:0 14px 35px rgba(16,24,40,.08);transition:.2s transform,.2s box-shadow}.portal-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(16,24,40,.14)}.portal-card h2{margin:18px 0 10px}.portal-card p{line-height:1.6;flex:1;color:#667085}.portal-card b{font-size:.95rem}.portal-icon{font-size:3rem}.portal-card.citizen{border-top:7px solid #16a34a}.portal-card.management{border-top:7px solid #1d4ed8}.portal-card.field{border-top:7px solid #ea580c}.portal-version{text-align:center;color:#667085;margin-top:25px}.portal-login .login-card{border-top:7px solid #1d4ed8}.field-login .login-card{border-top-color:#ea580c}@media(max-width:850px){.portal-grid{grid-template-columns:1fr}.portal-card{min-height:230px}.portal-brand{align-items:flex-start}.portal-logo{width:72px;height:72px}}@media(max-width:520px){.portal-brand{display:block;text-align:center}.portal-logo{margin-bottom:14px}.portal-shell{padding-top:22px}.portal-card{padding:22px;border-radius:18px}}

body.gateway-body{background:#e7f0eb;font-family:"Outfit",sans-serif}
body.gateway-body .page.auth-page{max-width:none;margin:0;padding:0;width:100%}
body.gateway-body .flash-stack{left:16px;right:16px;top:16px;z-index:40}
.gateway{min-height:100vh;display:flex;flex-direction:column;color:#12352c}
.gateway-hero{position:relative;isolation:isolate;min-height:min(100svh,860px);display:grid;align-items:end;overflow:hidden;background:#0a3d32}
.gateway-hero-visual{position:absolute;inset:0;z-index:0}
.gateway-skyline{width:100%;height:100%;display:block}
.gateway-sun{transform-origin:760px 140px;animation:gateway-sun-pulse 7s ease-in-out infinite}
.gateway-hero-copy{position:relative;z-index:1;width:min(720px,100%);padding:clamp(28px,6vw,72px);padding-bottom:clamp(36px,7vw,80px);animation:gateway-rise .7s ease both}
.gateway-logo{
  width:clamp(88px,14vw,120px);height:clamp(88px,14vw,120px);display:block;margin-bottom:18px;
  object-fit:contain;border-radius:50%;background:#fff;padding:8px;
  box-shadow:0 14px 36px rgba(0,0,0,.22);animation:gateway-logo-in .85s ease both
}
.gateway-eyebrow{margin:0 0 10px;font-size:.82rem;font-weight:600;letter-spacing:.18em;color:#f0c14b;animation:gateway-rise .75s .05s ease both}
.gateway-brand{margin:0 0 14px;font-family:"Fraunces",serif;font-size:clamp(2.1rem,7vw,4rem);font-weight:700;letter-spacing:.01em;line-height:1.02;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.22);animation:gateway-rise .75s .08s ease both}
.gateway-lead{margin:0 0 28px;max-width:34ch;font-size:clamp(1.02rem,2.4vw,1.22rem);line-height:1.55;color:rgba(243,250,246,.9);animation:gateway-rise .75s .14s ease both}
.gateway-cta{display:flex;flex-wrap:wrap;gap:12px;animation:gateway-rise .75s .2s ease both}
.gateway-cta-primary,.gateway-cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:14px;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.gateway-cta-primary{background:#f0c14b;color:#173328}
.gateway-cta-primary:hover{background:#ffd76a;transform:translateY(-2px)}
.gateway-cta-secondary{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.gateway-cta-secondary:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px)}
.gateway-paths{width:min(1080px,100%);margin:0 auto;padding:clamp(36px,6vw,72px) 20px}
.gateway-contact{width:min(1080px,100%);margin:0 auto;padding:0 20px clamp(36px,6vw,56px)}
.gateway-contact .section-title h2{font-family:"Fraunces",serif;font-size:clamp(1.45rem,3vw,2rem);color:#0d3f34}
.gateway-contact .section-title .eyebrow{color:#0d5c4a}
.gateway-paths-head{margin-bottom:22px;max-width:40rem}
.gateway-paths-head h2{margin:0 0 8px;font-family:"Fraunces",serif;font-size:clamp(1.45rem,3vw,2rem);color:#0d3f34}
.gateway-paths-head p{margin:0;color:#4d6a60;line-height:1.5}
.gateway-path-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gateway-path{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:16px;background:#fff;border:1px solid #cfe0d8;text-decoration:none;color:inherit;transition:transform .22s ease,border-color .22s ease,background .22s ease;animation:gateway-rise .55s ease both}
.gateway-path:nth-child(1){animation-delay:.04s}.gateway-path:nth-child(2){animation-delay:.08s}.gateway-path:nth-child(3){animation-delay:.12s}.gateway-path:nth-child(4){animation-delay:.16s}.gateway-path:nth-child(5){animation-delay:.2s}.gateway-path:nth-child(6){animation-delay:.24s}
.gateway-path:hover{transform:translateY(-3px);border-color:#8fbfab;background:#f7fbf9}
.gateway-path strong{font-size:1.05rem;color:#0f3f33}.gateway-path span{color:#5a736a;line-height:1.4;font-size:.95rem}
.gateway-staff{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:22px clamp(18px,4vw,40px);background:#0d3f34;color:#d7ebe3}
.gateway-staff-copy{display:flex;flex-direction:column;gap:2px}.gateway-staff-copy strong{font-size:1rem;color:#fff}.gateway-staff-copy span{font-size:.9rem;opacity:.8}
.gateway-staff-nav{display:flex;flex-wrap:wrap;gap:10px 18px}
.gateway-staff-nav a{color:#e8f6f0;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .2s ease,color .2s ease}
.gateway-staff-nav a:hover{color:#fff;border-bottom-color:#f0c14b}
.gateway-photo-slider{position:absolute;inset:0}
.gateway-photo-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 1.1s ease,transform 7s ease}
.gateway-photo-slide.is-active{opacity:1;transform:scale(1)}
.gateway-photo-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,40,32,.35) 0%,rgba(6,40,32,.55) 45%,rgba(6,40,32,.82) 100%)}
.gateway-hero.has-photos .gateway-hero-copy{text-shadow:0 2px 18px rgba(0,0,0,.35)}
.citizen-photo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}
.citizen-photo-item{display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid #d5e8df;background:#e8f2ec;box-shadow:0 8px 20px rgba(15,58,48,.08);transition:transform .22s ease,box-shadow .22s ease}
.citizen-photo-item:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(15,58,48,.14)}
.citizen-photo-item img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.citizen-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.citizen-photo-gallery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gateway-photo-slide{transition:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.citizen-map-report .map-category-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:10px 0 12px}
.map-category-chip{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:84px;padding:12px 14px;border:1px solid #cfe0d8;border-radius:16px;background:#fff;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.map-category-chip>span{font-size:1.35rem;line-height:1}
.map-category-chip strong{font-size:.92rem;color:#0f3f33;line-height:1.25}
.map-category-chip small{color:#5a736a;font-size:.78rem;line-height:1.3}
.map-category-chip:hover{transform:translateY(-2px);border-color:#8fbfab;box-shadow:0 10px 22px rgba(15,58,48,.1)}
.map-category-chip.is-selected{border-color:#0d5c4a;background:#e8f5f0;box-shadow:0 0 0 3px rgba(13,92,74,.15)}
.map-category-select-wrap{display:block;margin-top:4px}
.map-category-more{margin-top:6px}
.map-category-more summary{cursor:pointer;color:#0d5c4a;font-weight:700;font-size:.9rem}
.report-step-hint{margin:0;color:#5a736a;font-size:.92rem;line-height:1.4}
.report-wizard-progress{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
  margin:0 0 4px;padding:0;position:relative
}
.report-wizard-progress::before{
  content:"";position:absolute;left:8%;right:8%;top:22px;height:3px;border-radius:99px;
  background:#d7e8e0;z-index:0
}
.report-wizard-progress::after{
  content:"";position:absolute;left:8%;top:22px;height:3px;border-radius:99px;
  background:linear-gradient(90deg,#0b5d47,#1a8f6e);z-index:0;
  width:calc((var(--wizard-progress, 0) / 3) * 84%);
  transition:width .35s ease
}
.report-wizard-dot{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  padding:12px 8px;border:1px solid #d5e8df;border-radius:10px;background:#fff;color:#5a736a;
  cursor:pointer;min-width:0;min-height:64px;position:relative;z-index:1;text-align:center;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease
}
.report-wizard-dot b{
  display:block;width:auto;height:auto;border-radius:0;background:transparent;color:#0d5c4a;
  font-size:1rem;font-weight:900;line-height:1
}
.report-wizard-dot span{font-size:.72rem;font-weight:800;letter-spacing:.02em;text-align:center;line-height:1.15}
.report-wizard-dot.is-active{border-color:#0d5c4a;background:#e8f5f0;color:#0d3f34;box-shadow:0 4px 12px rgba(11,93,71,.1)}
.report-wizard-dot.is-active b{background:transparent;color:#0d5c4a;transform:none;animation:none}
.report-wizard-dot.is-done{border-color:#9ecbb8;background:#f4faf7}
.report-wizard-dot.is-done b{background:transparent;color:#147a5c}
.report-wizard-dot:disabled{opacity:.45;cursor:not-allowed}
@keyframes citizen-dot-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(11,93,71,.35)}
  50%{box-shadow:0 0 0 8px rgba(11,93,71,0)}
}
.report-step-summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;border-radius:14px;background:#e8f5f0;border:1px solid #9ecbb8
}
.report-step-summary strong{font-size:.95rem;color:#0d3f34;overflow-wrap:anywhere}
.report-step-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.report-step-nav .button{width:100%;min-height:48px}
.report-step-error{margin:8px 0 0;padding:10px 12px;border-radius:12px;background:#fff5f5;border:1px solid #f0b4b4;color:#9b1c1c;font-weight:700;font-size:.9rem}
.map-pin-box .map-pin-help{margin:6px 0 12px;color:#5a736a;line-height:1.45;font-size:.95rem}
.citizen-report-map-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.citizen-report-map{width:100%;height:min(52vh,420px);min-height:280px;border-radius:18px;border:1px solid #c5ddd2;overflow:hidden;background:#dceee6;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);z-index:1}
.map-pin-status{display:block;margin-top:10px;padding:10px 12px;border-radius:12px;background:#f4faf7;border:1px solid #d5e8df;color:#3f5f55;font-size:.92rem}
.map-pin-status.is-pinned{background:#e8f5f0;border-color:#9ecbb8;color:#0d3f34;font-weight:600;animation:citizen-pin-ok .45s ease}
.citizen-map-pin{background:transparent;border:0}
.citizen-map-pin-dot{display:block;width:18px;height:18px;margin:5px auto 0;border-radius:50% 50% 50% 0;background:#c62828;transform:rotate(-45deg);box-shadow:0 4px 10px rgba(0,0,0,.28)}
.citizen-map-pin-pulse{position:absolute;left:50%;bottom:2px;width:18px;height:6px;margin-left:-9px;border-radius:50%;background:rgba(0,0,0,.22);filter:blur(1px)}
.citizen-map-pin.is-dropped .citizen-map-pin-dot{animation:citizen-pin-drop .55s cubic-bezier(.2,.9,.3,1.2)}
@keyframes citizen-pin-drop{
  0%{transform:rotate(-45deg) translateY(-18px) scale(.7);opacity:.4}
  70%{transform:rotate(-45deg) translateY(2px) scale(1.05);opacity:1}
  100%{transform:rotate(-45deg) translateY(0) scale(1)}
}
@keyframes citizen-pin-ok{from{transform:translateY(6px);opacity:.4}to{transform:none;opacity:1}}
.citizen-map-report .leaflet-container{font:inherit}
@media(max-width:760px){
  .citizen-map-report .map-category-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .citizen-report-map{height:46vh;min-height:240px}
  .report-wizard-dot{padding:8px 4px}
  .report-wizard-dot span{font-size:.68rem}
  .report-step-summary{flex-direction:column;align-items:stretch}
  .report-step-summary .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.map-category-chip:hover{transform:none}}

/* Vatanda? 7/24 asistan */
.citizen-assistant{position:fixed;right:16px;bottom:16px;z-index:80;font-family:"Outfit",system-ui,sans-serif}
.citizen-assistant-fab{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 16px 0 14px;border:0;border-radius:999px;background:#0d5c4a;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 12px 28px rgba(8,50,40,.35);cursor:pointer;transition:transform .2s ease,background .2s ease}
.citizen-assistant-fab:hover{background:#0a4a3b;transform:translateY(-2px)}
.citizen-assistant-fab-icon{font-size:1.25rem}
.citizen-assistant-panel{position:absolute;right:0;bottom:64px;width:min(380px,calc(100vw - 24px));height:min(520px,70vh);display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid #cfe0d8;box-shadow:0 22px 50px rgba(8,50,40,.28);overflow:hidden}
.citizen-assistant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#0d5c4a,#147a5c);color:#fff}
.citizen-assistant-head strong{display:block;font-size:1.05rem}
.citizen-assistant-head small{opacity:.88;font-size:.8rem}
.citizen-assistant-close{border:0;background:rgba(255,255,255,.16);color:#fff;width:34px;height:34px;border-radius:10px;font-size:1.3rem;cursor:pointer}
.citizen-assistant-messages{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f4faf7}
.citizen-assistant-msg{display:flex;flex-direction:column;gap:6px;max-width:92%}
.citizen-assistant-msg.is-user{align-self:flex-end}
.citizen-assistant-msg.is-bot{align-self:flex-start}
.citizen-assistant-bubble{padding:10px 12px;border-radius:14px;line-height:1.45;font-size:.92rem;white-space:pre-wrap}
.citizen-assistant-msg.is-user .citizen-assistant-bubble{background:#0d5c4a;color:#fff;border-bottom-right-radius:4px}
.citizen-assistant-msg.is-bot .citizen-assistant-bubble{background:#fff;border:1px solid #d5e8df;color:#12352c;border-bottom-left-radius:4px}
.citizen-assistant-bubble a{color:#0b5d47;font-weight:600;word-break:break-all}
.citizen-assistant-msg.is-user .citizen-assistant-bubble a{color:#ffe08a}
.citizen-assistant-links{display:flex;flex-wrap:wrap;gap:6px}
.citizen-assistant-link{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e8f5f0;color:#0d3f34;text-decoration:none;font-size:.8rem;font-weight:700;border:1px solid #b7d8ca}
.citizen-assistant-link:hover{background:#d7ebe3}
.citizen-assistant-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px;background:#f4faf7}
.citizen-assistant-chip{border:1px solid #c5ddd2;background:#fff;color:#0f3f33;border-radius:999px;padding:7px 11px;font-size:.78rem;cursor:pointer}
.citizen-assistant-chip:hover{border-color:#0d5c4a;background:#e8f5f0}
.citizen-assistant-form{display:flex;gap:8px;padding:12px;border-top:1px solid #d5e8df;background:#fff}
.citizen-assistant-form input{flex:1;min-width:0;border:1px solid #c5ddd2;border-radius:12px;padding:11px 12px;font:inherit}
.citizen-assistant-form .button{min-height:44px;padding:0 14px;border-radius:12px}
@media(max-width:700px){
  .citizen-assistant{right:10px;bottom:calc(12px + env(safe-area-inset-bottom))}
  .citizen-assistant-fab-label{display:none}
  .citizen-assistant-fab{width:54px;height:54px;padding:0;justify-content:center;border-radius:50%}
  .citizen-assistant-panel{width:calc(100vw - 20px);height:min(68vh,560px);bottom:66px}
}
body.gateway-body .citizen-assistant{bottom:18px}

.gateway-quick-free{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:22px;animation:gateway-rise .75s .26s ease both}
.gateway-quick-free a{color:rgba(255,255,255,.92);font-size:.92rem;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(240,193,75,.55);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}
.gateway-quick-free a:hover{color:#fff;border-bottom-color:#f0c14b}
.gateway-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(1080px,100%);margin:-28px auto 0;padding:0 20px;position:relative;z-index:2}
.gateway-stat{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid #cfe0d8;box-shadow:0 12px 28px rgba(13,63,52,.1)}
.gateway-stat strong{font-family:"Fraunces",serif;font-size:clamp(1.35rem,3vw,1.85rem);color:#0d3f34;line-height:1.1}
.gateway-stat span{color:#5a736a;font-size:.9rem;line-height:1.35}
.gateway-stat-contact strong{font-size:clamp(1.05rem,2.4vw,1.35rem)}
a.gateway-stat{text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}
a.gateway-stat:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(13,63,52,.14)}
.citizen-ltb-tile.contact{background:linear-gradient(160deg,#eef7f3,#fff)}
.citizen-ltb-tile.contact>span{background:#dff0e8;color:#0b5d47}

/* ?leti?im sayfas? ? sade liste */
.contact-page-body{background:
  radial-gradient(ellipse 80% 50% at 10% -10%,rgba(20,122,92,.12),transparent 55%),
  radial-gradient(ellipse 60% 40% at 100% 0%,rgba(244,213,141,.18),transparent 50%),
  linear-gradient(180deg,#e8f2ec 0%,#f3f7f5 40%,#f7faf8 100%)}
.contact-page{max-width:640px;margin:0 auto;padding:18px 18px 48px;font-family:"Outfit",system-ui,sans-serif}
.contact-page-nav{margin-bottom:18px}
.contact-page-nav a{color:#0d5c4a;font-weight:600;text-decoration:none;font-size:.95rem}
.contact-page-nav a:hover{border-bottom:1px solid #0d5c4a}
.contact-sheet{display:grid;gap:22px}
.contact-sheet-head h2{
  margin:4px 0 8px;font-family:"Fraunces",serif;font-size:clamp(1.85rem,4vw,2.35rem);
  color:#0d3f34;font-weight:700;letter-spacing:-.02em
}
.contact-eyebrow{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0d5c4a}
.contact-lead{margin:0;color:#5a736a;font-size:1.02rem;line-height:1.45;max-width:36ch}
.contact-group h3{
  margin:0 0 10px;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6a8278
}
.contact-rows{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:#d5e4dd;border:1px solid #d5e4dd;border-radius:16px;overflow:hidden}
.contact-rows li{margin:0;padding:0;background:#fff}
.contact-rows a{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  padding:14px 16px;text-decoration:none;color:#16352c;transition:background .15s ease
}
.contact-rows a:hover{background:#f3faf7}
.contact-rows .contact-label{color:#6a8278;font-size:.88rem;font-weight:500}
.contact-rows strong{font-size:1.02rem;font-weight:700;letter-spacing:.01em;text-align:right}
.contact-rows--compact a{padding:12px 16px}
.contact-address address{
  margin:0;padding:18px 16px;border-radius:16px 16px 0 0;background:#0d5c4a;color:#fff;
  font-style:normal;display:grid;gap:4px
}
.contact-address address strong{font-size:1.08rem;font-weight:700}
.contact-address address span{opacity:.9;line-height:1.45;font-weight:500}
.contact-map-btn{
  display:block;text-align:center;padding:14px 16px;border-radius:0 0 16px 16px;
  background:#147a5c;color:#fff;font-weight:700;text-decoration:none;letter-spacing:.02em
}
.contact-map-btn:hover{background:#18936e}
.contact-page-foot{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:28px;padding-top:18px;border-top:1px solid #d5e4dd}
.contact-page-foot a{color:#0d5c4a;font-weight:600;text-decoration:none;font-size:.92rem}
.contact-page-foot a:hover{border-bottom:1px solid #0d5c4a}
.privacy-page{max-width:720px}
.privacy-doc{display:grid;gap:22px;padding:8px 0 12px}
.privacy-doc h1{margin:4px 0 8px;font-family:"Fraunces",serif;font-size:clamp(1.85rem,4vw,2.35rem);color:#0d3f34;font-weight:700;letter-spacing:-.02em}
.privacy-doc h2{margin:0 0 8px;font-size:1.05rem;color:#0d5c4a}
.privacy-doc section,.privacy-doc aside{padding:16px 18px;border:1px solid #d5e4dd;border-radius:16px;background:#fff}
.privacy-doc p,.privacy-doc li{color:#3d554c;line-height:1.55;font-size:.98rem}
.privacy-doc ul,.privacy-doc ol{margin:8px 0 0;padding-left:1.2rem;display:grid;gap:6px}
.privacy-doc a{color:#0d5c4a;font-weight:600}
.privacy-meta{margin:10px 0 0;color:#6a8278;font-size:.88rem}
.privacy-meta code,.privacy-url code{font-size:.86rem;background:#e8f5f0;padding:2px 6px;border-radius:6px}
.privacy-url{word-break:break-all}
.privacy-play-box{background:linear-gradient(180deg,#f3faf7,#fff)!important;border-color:#b7d8ca!important}
.privacy-table-wrap{overflow:auto;margin-top:10px}
.privacy-table{width:100%;border-collapse:collapse;font-size:.9rem}
.privacy-table th,.privacy-table td{border:1px solid #d5e4dd;padding:10px 12px;text-align:left;vertical-align:top}
.privacy-table th{background:#e8f5f0;color:#0d3f34}
.gateway-legal{margin:10px 0 0;font-size:.88rem;color:#6a8278}
.gateway-legal a{color:#0d5c4a;font-weight:600;text-decoration:none}
.gateway-legal a:hover{border-bottom:1px solid #0d5c4a}
@media(max-width:480px){
  .contact-rows a{flex-direction:column;align-items:flex-start;gap:2px}
  .contact-rows strong{text-align:left}
}
.gateway-news{width:min(1080px,100%);margin:0 auto;padding:clamp(28px,5vw,48px) 20px 0}
.gateway-news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gateway-news-card{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid #cfe0d8;min-height:160px}
.gateway-news-kind{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#0d5c4a;background:#e8f5f0;padding:4px 8px;border-radius:999px}
.gateway-news-card strong{font-size:1.02rem;color:#0f3f33;line-height:1.3}
.gateway-news-card p{margin:0;flex:1;color:#5a736a;font-size:.92rem;line-height:1.45}
.gateway-news-card small{color:#7a9088;font-size:.82rem}
.gateway-news-more{margin:14px 0 0;text-align:right}
.gateway-news-more a{color:#0d5c4a;font-weight:600;text-decoration:none}
.gateway-news-more a:hover{border-bottom:1px solid #0d5c4a}
.gateway-path-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.citizen-status-timeline{margin:8px 0 22px;padding:18px 18px 8px;border-radius:16px;background:#f4faf7;border:1px solid #d5e8df}
.citizen-status-timeline h2{margin:0 0 14px;font-size:1rem;color:#0d3f34}
.citizen-timeline{list-style:none;margin:0;padding:0 0 8px;display:grid;gap:0}
.citizen-timeline li{position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding:0 0 18px}
.citizen-timeline li:last-child{padding-bottom:4px}
.citizen-timeline-dot{width:12px;height:12px;margin-top:5px;border-radius:50%;background:#0d5c4a;box-shadow:0 0 0 4px #d7ebe3;justify-self:center}
.citizen-timeline li:not(:last-child)::before{content:"";position:absolute;left:8px;top:18px;bottom:0;width:2px;background:#c5ddd2}
.citizen-timeline strong{display:block;color:#0f3f33;font-size:.98rem}
.citizen-timeline p{margin:4px 0 0;color:#5a736a;font-size:.9rem;line-height:1.4}
.citizen-timeline small{display:block;margin-top:4px;color:#7a9088;font-size:.82rem}
@keyframes gateway-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes gateway-logo-in{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
@keyframes gateway-sun-pulse{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}
@media(max-width:900px){
  .gateway-stats,.gateway-news-list,.gateway-path-list{grid-template-columns:1fr}
  .gateway-stats{margin-top:-18px}
}
@media(max-width:760px){
  .gateway-hero{min-height:92svh;align-items:end}
  .gateway-path-list{grid-template-columns:1fr}
  .gateway-staff{flex-direction:column;align-items:flex-start}
  .gateway-version{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .gateway-hero-copy,.gateway-eyebrow,.gateway-brand,.gateway-lead,.gateway-cta,.gateway-quick-free,.gateway-logo,.gateway-path,.gateway-sun{animation:none!important}
  .gateway-cta-primary:hover,.gateway-cta-secondary:hover,.gateway-path:hover{transform:none}
}

/* v3.21.0 kullan?c? dostu vatanda? merkezi */
.citizen-hub{width:min(1120px,100%);margin:0 auto;padding:clamp(12px,3vw,28px)}
.citizen-hub-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.citizen-welcome{padding:clamp(20px,5vw,42px);border-radius:28px;background:linear-gradient(135deg,#083f33,#0b755a);color:#fff;box-shadow:0 18px 44px rgba(8,63,51,.22)}
.citizen-welcome h1{margin:.25rem 0;font-size:clamp(1.65rem,5vw,2.7rem)}.citizen-welcome p{margin:.25rem 0 1.2rem;opacity:.9}
.citizen-global-search{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid transparent;border-radius:18px;padding:6px 10px;color:#173c34;box-shadow:0 9px 22px rgba(0,0,0,.13)}
.citizen-global-search:focus-within{border-color:#f0b429}.citizen-global-search span{font-size:1.6rem}.citizen-global-search input{flex:1;min-width:0;border:0!important;box-shadow:none!important;padding:13px 4px!important;font-size:1rem}.citizen-global-search button{border:0;background:#edf3f1;width:36px;height:36px;border-radius:50%;font-size:1.35rem;cursor:pointer}
.citizen-search-message{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fff3cd;color:#614c00}
.citizen-main-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.citizen-action-card{display:flex;align-items:center;gap:14px;min-height:118px;padding:18px;border-radius:22px;background:#fff;color:inherit;text-decoration:none;border:1px solid #dce9e5;box-shadow:0 8px 24px rgba(15,58,48,.08)}
.citizen-action-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,58,48,.13)}.citizen-action-card .action-icon{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:16px;background:#e8f5f0;font-size:1.5rem}.citizen-action-card div{flex:1}.citizen-action-card strong{display:block;font-size:1.05rem}.citizen-action-card small{display:block;margin-top:6px;line-height:1.35;color:#526d65}.citizen-action-card>b{font-size:1.5rem}
.citizen-service-section{margin-top:26px}.citizen-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.citizen-service-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #dbe8e4;border-radius:18px;background:#fff;text-decoration:none;color:inherit}.citizen-service-card>span{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:#0b6750;color:#fff;font-weight:800}.citizen-service-card div{flex:1;min-width:0}.citizen-service-card small,.citizen-service-card strong{display:block}.citizen-service-card p{margin:5px 0 0;color:#60766f;font-size:.88rem}.citizen-form-search-wrap{width:min(760px,100%);margin:0 auto 16px}.citizen-form-search-wrap .citizen-global-search{border-color:#cfe1db}
[hidden]{display:none!important}
@media(max-width:760px){.citizen-main-actions,.citizen-service-grid{grid-template-columns:1fr}.citizen-action-card{min-height:96px}.citizen-hub-header .citizen-brand small{display:none}.citizen-welcome{border-radius:22px}.citizen-service-card p{display:none}}
/* LTB Online tarz? sosyal belediyecilik kutular? */
.citizen-ltb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.citizen-ltb-tile{display:flex;flex-direction:column;gap:8px;min-height:132px;padding:18px;border-radius:20px;background:#fff;border:1px solid #dce9e5;text-decoration:none;color:inherit;box-shadow:0 8px 22px rgba(15,58,48,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;animation:citizen-rise .55s ease both}
.citizen-ltb-tile:nth-child(1){animation-delay:.04s}.citizen-ltb-tile:nth-child(2){animation-delay:.08s}.citizen-ltb-tile:nth-child(3){animation-delay:.12s}
.citizen-ltb-tile:nth-child(4){animation-delay:.16s}.citizen-ltb-tile:nth-child(5){animation-delay:.2s}.citizen-ltb-tile:nth-child(6){animation-delay:.24s}
.citizen-ltb-tile:nth-child(7){animation-delay:.28s}.citizen-ltb-tile:nth-child(8){animation-delay:.32s}.citizen-ltb-tile:nth-child(9){animation-delay:.36s}
.citizen-ltb-tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,58,48,.14);border-color:#b7d5cb}
.citizen-ltb-tile:active{transform:translateY(-1px) scale(.98)}
.citizen-ltb-tile>span{font-size:1.55rem;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e8f5f0;transition:transform .25s ease}
.citizen-ltb-tile:hover>span{transform:scale(1.08) rotate(-4deg)}
.citizen-ltb-tile strong{font-size:.98rem}.citizen-ltb-tile small{color:#526d65;line-height:1.35}
.citizen-ltb-tile.social>span{background:#fde8ef}.citizen-ltb-tile.meet>span{background:#e8f0ff}
.citizen-ltb-tile.news>span{background:#fff4df}.citizen-ltb-tile.solidarity>span{background:#eef6e8}
.citizen-ltb-tile.faq>span{background:#f1eefc}.citizen-ltb-tile.track>span{background:#e7f7f2}
.citizen-ltb-tile.reserve>span{background:#eef2ff;color:#3730a3}
.citizen-ltb-tile.pay-water>span{background:#e3f4ff}.citizen-ltb-tile.pay-property>span{background:#fff0e6}
.citizen-ltb-tile.pay-business>span{background:#f3eefe}
.citizen-ltb-tile.pay-other>span{background:#eef6f2}
.citizen-ltb-tile .pay-examples{
  display:block;
  margin-top:6px;
  color:#4d655c;
  font-size:.78rem;
  font-weight:650;
  line-height:1.45;
  letter-spacing:.01em;
}
.citizen-pay-section{margin:8px 0 6px}
.citizen-pay-grid{margin-top:8px}
.citizen-pay-note{margin:10px 2px 0;color:#5b7169;font-size:.84rem;line-height:1.4;font-weight:650}
.citizen-voice-row{margin-top:6px}
.citizen-update-banner{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#fff3cd;border:1px solid #e6c86a;color:#5c4a10;font-weight:800;line-height:1.35;animation:citizen-rise .45s ease both}
.citizen-fade-in{animation:citizen-rise .5s ease both}
.citizen-welcome{animation:citizen-rise .45s ease both}
.citizen-announce-card,.citizen-official-link,.citizen-service-card{animation:citizen-rise .5s ease both}
@keyframes citizen-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.street-typeahead{position:relative;z-index:5}
.street-typeahead-field{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1.5px solid #b8d0c8;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(15,58,48,.05);transition:border-color .2s ease,box-shadow .2s ease}
.street-typeahead-field:focus-within{border-color:#0b5d47;box-shadow:0 0 0 4px rgba(11,93,71,.12)}
.street-typeahead-icon{opacity:.55;font-size:1.1rem}
.street-typeahead-field input{flex:1;border:0;outline:0;min-height:42px;background:transparent;font-size:16px;font-weight:650}
.street-typeahead-clear{border:0;background:#eef4f1;width:32px;height:32px;border-radius:999px;font-size:1.1rem;line-height:1;color:#36554a}
.street-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;max-height:min(46vh,320px);overflow:auto;background:#fff;border:1px solid #d5e4df;border-radius:16px;box-shadow:0 18px 40px rgba(12,40,32,.18);animation:street-pop .18s ease}
.street-suggestion{display:grid;gap:2px;padding:12px 14px;border-radius:12px;cursor:pointer;transition:background .15s ease,transform .15s ease}
.street-suggestion strong{font-size:.95rem}.street-suggestion small{color:#5b7169}
.street-suggestion.is-active,.street-suggestion:hover{background:#e8f5f0;transform:translateX(2px)}
@keyframes street-pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.street-pick-status{margin:.55rem 0 0;font-size:.86rem;color:#5b7169;font-weight:650}
.street-pick-status.is-selected{color:#0b5d47;font-weight:800}
.field-helper.is-ok{color:#0b5d47}
.field-helper.is-warn{color:#8a5a00}
.nearby-streets{margin-top:12px;animation:citizen-rise .35s ease}
.nearby-streets>small{display:block;margin-bottom:8px;font-weight:800;color:#0b5d47}
.nearby-street-chips{display:flex;flex-wrap:wrap;gap:8px}
.nearby-street-chip{display:grid;gap:2px;text-align:left;padding:10px 12px;border-radius:14px;border:1px solid #c9ddd5;background:#f4faf7;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.nearby-street-chip:hover{transform:translateY(-2px);background:#e5f4ed;border-color:#0b5d47}
.nearby-street-chip strong{font-size:.86rem}.nearby-street-chip small{color:#5b7169;font-size:.72rem}
.location-or-divider{display:flex;align-items:center;gap:12px;margin:14px 0 10px;color:#7a9088;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.location-or-divider::before,.location-or-divider::after{content:"";flex:1;height:1px;background:#d5e3de}
.address-detail-inline{display:grid;gap:6px;margin-top:14px;font-weight:800}
.address-detail-inline input{min-height:48px;border-radius:12px;border:1px solid #c9d7d1;padding:10px 12px;font-weight:600}
@media(prefers-reduced-motion:reduce){
  .citizen-ltb-tile,.citizen-fade-in,.citizen-welcome,.citizen-announce-card,.citizen-official-link,.citizen-service-card,.street-suggestions,.nearby-streets{animation:none}
  .citizen-ltb-tile:hover,.citizen-ltb-tile:hover>span,.nearby-street-chip:hover,.street-suggestion.is-active{transform:none}
  .citizen-splash,.citizen-splash-logo,.citizen-splash-bar>i,.citizen-splash-orb,.citizen-splash-ring,.citizen-splash-hint,.report-wizard-dot.is-active b,.citizen-map-pin.is-dropped .citizen-map-pin-dot,.citizen-success-pop .success-check{animation:none!important}
}
.citizen-announce-list{display:grid;gap:12px}.citizen-announce-list.wide{max-width:820px}
.citizen-announce-card{background:#fff;border:1px solid #dbe8e4;border-radius:16px;padding:16px}
.citizen-announce-card strong{display:block;margin:.35rem 0}.citizen-announce-card p{margin:0;color:#4d635c;line-height:1.45}
.citizen-official-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:4px}
.citizen-official-links-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.citizen-official-link{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:#fff;border:1px solid #dce9e5;text-decoration:none;color:inherit;min-height:96px}
.citizen-official-link>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;font-weight:900;background:#e8f5f0;color:#0b5d47}
.citizen-official-link.fb>span{background:#e8f0ff;color:#1877f2}
.citizen-official-link.ig>span{background:#fde8ef;color:#c13584}
.citizen-official-link.tel>span{background:#fff4df;color:#9a6b00}
.citizen-official-link strong{font-size:.92rem}.citizen-official-link small{color:#526d65;line-height:1.3}
.citizen-contact-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:6px}
.citizen-contact-block{padding:18px 18px 16px;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f5faf8 100%);border:1px solid #d7e6e0}
.citizen-contact-block h3{margin:0 0 10px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#0b5d47}
.citizen-phone-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.citizen-phone-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.citizen-phone-list a{color:#16352c;font-weight:800;text-decoration:none;font-size:1.02rem}
.citizen-phone-list a:hover{color:#0b5d47;text-decoration:underline}
.citizen-phone-list small{color:#5b7169;font-weight:650}
.citizen-contact-meta{margin:12px 0 0;color:#5b7169;font-weight:650}
.citizen-contact-meta a{color:inherit;font-weight:800;text-decoration:none}
.citizen-village-vezne .citizen-phone-list li{flex-direction:column;align-items:flex-start;gap:2px}
.citizen-village-vezne .citizen-phone-list small{order:-1;color:#0b5d47;font-weight:800;letter-spacing:.02em}
.citizen-phone-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.citizen-contact-block.span-2{grid-column:1 / -1}
.citizen-address-wrap{padding:18px;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f5faf8 100%);border:1px solid #d7e6e0}
.citizen-address-wrap .citizen-address-panel{margin-top:10px}
.citizen-address-panel{display:grid;gap:6px;margin:6px 0 0;padding:18px;border-radius:18px;background:linear-gradient(135deg,#0b5d47 0%,#147a5c 55%,#1f8f6a 100%);color:#fff;font-style:normal;box-shadow:0 12px 28px rgba(11,93,71,.18)}
.citizen-address-panel strong{font-size:1.05rem}
.citizen-address-panel>span{opacity:.92;line-height:1.45;font-weight:650}
.citizen-address-panel .button{justify-self:start;margin-top:8px;background:#fff;color:#0b5d47;border:0}
@media(max-width:900px){
  .citizen-official-links,.citizen-official-links-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .citizen-contact-panel{grid-template-columns:1fr}
}
@media(max-width:560px){.citizen-phone-list-grid{grid-template-columns:1fr}}
@media(max-width:420px){.citizen-official-links,.citizen-official-links-3{grid-template-columns:1fr}}
.citizen-faq-list{display:grid;gap:10px}.citizen-faq-item{background:#fff;border:1px solid #dbe8e4;border-radius:14px;padding:12px 16px}
.citizen-faq-item summary{cursor:pointer;font-weight:800}.citizen-faq-item p{margin:.75rem 0 0;line-height:1.5;color:#4d635c}
@media(max-width:900px){.citizen-ltb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.citizen-ltb-grid{grid-template-columns:1fr}}
/* v4.1 Kullan?c? ve Yetki Merkezi */
.org-center,.org-tree{margin-bottom:1.25rem}.org-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.org-quick-card{padding:1rem;border:1px solid var(--border,#d8e0ea);border-radius:16px;background:#f8fafc;display:grid;gap:.7rem}.org-quick-card strong{font-size:1rem}.manager-tree{border:1px solid #d8e0ea;border-radius:14px;margin:.75rem 0;overflow:hidden}.manager-tree summary{cursor:pointer;padding:1rem;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.manager-tree summary span{display:grid}.manager-tree summary small{opacity:.7;margin-top:.25rem}.manager-units{padding:1rem;display:grid;gap:1rem}.unit-tree{border-left:4px solid #1d4ed8;padding:.8rem 1rem;background:#fff;border-radius:10px}.unit-tree h3{margin:0 0 .6rem}.branch-row{display:flex;justify-content:space-between;padding:.45rem .6rem;background:#eef4ff;border-radius:8px;margin:.35rem 0}.person-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.person-chips>span{display:grid;padding:.5rem .7rem;border:1px solid #d8e0ea;border-radius:10px;background:#fff}.person-chips small{opacity:.7}.person-chips em{opacity:.6}@media(max-width:900px){.org-quick-grid{grid-template-columns:1fr}.manager-tree summary{align-items:flex-start;gap:.6rem}.branch-row{gap:.5rem}}

/* v4.2 mobil saha */
.quick-capture-card{margin-bottom:18px;padding:16px;border:2px solid #b8d9cb;border-radius:16px;background:#eef8f3}.quick-capture-card h2{margin:0 0 6px;color:var(--green)}.quick-capture-card p{margin:0 0 14px;color:var(--muted);line-height:1.5}.quick-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.camera-tile{min-height:78px;display:grid;place-items:center;text-align:center;padding:12px;border:2px dashed #7eaa98;border-radius:14px;background:#fff;font-weight:900;color:var(--green)}.camera-tile input{width:100%;min-height:38px;margin-top:8px;font-size:11px}.mobile-location-status{margin-top:9px;padding:10px;border-radius:10px;background:#fff;font-size:11px;font-weight:800}.field-quick-add{margin:0 0 16px}.daily-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.daily-photo-grid a{display:grid;gap:6px;text-align:center}.daily-photo-grid img{width:100%;max-height:360px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
@media(max-width:700px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.page{padding:14px 12px calc(100px + env(safe-area-inset-bottom))}.topbar{height:62px;padding:0 12px}.button{min-height:40px;font-size:12px;padding:0 12px;border-radius:10px}.button.large{min-height:42px;font-size:13px;padding:0 14px}.form-actions.sticky-save,.vitals-sticky-actions{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:25;padding:10px;margin:12px -4px 0;background:rgba(255,255,255,.96);border:1px solid #d7e4de;border-radius:14px;box-shadow:0 -6px 20px rgba(15,42,34,.1);display:flex!important;flex-wrap:wrap;gap:8px;flex-direction:row!important;align-items:center;justify-content:stretch}.form-actions.sticky-save .button,.vitals-sticky-actions .button{flex:1 1 auto;width:auto;min-height:40px;order:0;font-size:12px}.form-actions.sticky-save .button.primary,.vitals-sticky-actions .button.primary{order:0;flex:1.2 1 140px}.page-heading .form-actions{position:static!important;background:transparent!important;box-shadow:none!important;padding:0!important;border:0!important;margin:0!important}.quick-photo-grid{grid-template-columns:1fr}.daily-photo-grid{grid-template-columns:1fr}.flash-stack{left:10px;right:10px;top:70px;max-width:none}.daily-activity-form{padding:14px}.daily-activity-form section{margin-bottom:15px}.mobile-nav{padding-bottom:env(safe-area-inset-bottom);min-height:calc(64px + env(safe-area-inset-bottom))}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),select,textarea{font-size:16px!important;min-height:44px}textarea{min-height:100px}.camera-tile{min-height:92px}}

/* Saha ekibi ana sayfa ? h?zl? dokunmatik i?lem */
.field-home{padding-top:4px;padding-bottom:8px}
.field-home-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 12px}
.field-home-kicker{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b5d47}
.field-home-header h1{margin:2px 0 0;font-size:1.28rem;line-height:1.2;color:#0f2a22}
.field-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.field-chip{
  display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;
  background:#fff;border:1px solid #d7e4de;text-decoration:none;color:#334;font-weight:700;font-size:.9rem
}
.field-chip b{color:#0b5d47;font-size:1.05rem}
.field-chip.is-alert{border-color:#f0b4b4;background:#fff5f5}
.field-chip.is-alert b{color:#b42318}
.field-action-block{margin:0 0 20px}
.field-action-block h2,.field-block-head h2{margin:0 0 10px;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6a8278}
.field-block-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.field-block-head a{font-weight:800;color:#0b5d47;font-size:.9rem;text-decoration:none}
.field-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.field-action-tile{
  display:grid;gap:6px;align-content:start;min-height:118px;padding:16px 14px;
  border-radius:18px;background:#fff;border:1px solid #d7e4de;text-decoration:none;color:inherit;
  box-shadow:0 1px 0 rgba(15,42,34,.04)
}
.field-action-tile.is-primary{border-color:#9fd0bb;background:linear-gradient(180deg,#f2faf6,#fff)}
.field-action-icon{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  font-size:1.25rem;font-weight:900;background:#e8f4ef;color:#0b5d47
}
.field-action-tile.mark-tasks .field-action-icon{background:#e8f1ff;color:#1d4ed8}
.field-action-tile.mark-quick .field-action-icon{background:#0b5d47;color:#fff}
.field-action-tile.mark-today .field-action-icon{background:#fff4df;color:#9a6b00}
.field-action-tile.mark-service .field-action-icon{background:#fde8ef;color:#9d174d}
.field-action-tile.mark-meet .field-action-icon{background:#e7f6f3;color:#0f766e}
.field-action-tile.mark-notify .field-action-icon{background:#f3e8ff;color:#6b21a8}
.field-action-tile.mark-team .field-action-icon{background:#eef2ff;color:#3730a3}
.field-action-tile.mark-menu .field-action-icon{background:#ecfdf5;color:#047857}
.field-action-tile.mark-map .field-action-icon{background:#ecfeff;color:#0e7490}
.manager-hub-hint{margin:0 0 14px;font-size:.88rem;line-height:1.4;color:#4d635a}
.manager-unit-hub{margin:0 0 18px;padding:14px 12px;border:1px solid #d7e4dd;border-radius:16px;background:linear-gradient(180deg,#f7fbf8,#fff)}
.manager-unit-hub-head{margin:0 0 12px}
.manager-unit-hub-tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#0b5d47;margin:0 0 4px}
.manager-unit-hub-head h3{margin:0;font-size:1.05rem;color:#0f2a22}
.manager-all-units-link{display:inline-block;margin-top:4px;font-size:.9rem;font-weight:700;color:#0b5d47}
.manager-hub-empty{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.service-mobile-hint{font-size:.95rem;line-height:1.45}
.manager-drill-menu{margin-bottom:18px}
.manager-menu-section{
  margin:0 0 10px;border:1px solid #d7e4dd;border-radius:16px;background:#fff;
  overflow:hidden;box-shadow:0 1px 0 rgba(15,42,34,.04)
}
.manager-menu-section>summary.manager-menu-summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:14px 14px;min-height:56px;-webkit-tap-highlight-color:transparent
}
.manager-menu-section>summary.manager-menu-summary::-webkit-details-marker{display:none}
.manager-menu-summary-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.manager-menu-summary-main strong{font-size:1.05rem;color:#0f2a22}
.manager-menu-summary-main small{color:#667785;font-size:.8rem}
.manager-menu-badge{
  flex:0 0 auto;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#0b5d47;background:#e8f6ef;border-radius:999px;padding:6px 10px
}
.manager-menu-section[open]>summary.manager-menu-summary{border-bottom:1px solid #e4eee8;background:#f7fbf8}
.manager-menu-units{padding:8px 10px 12px;display:grid;gap:8px}
.manager-menu-unit{border:1px solid #e4eee8;border-radius:12px;background:#fafcfb}
.manager-menu-unit-summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:12px 12px;min-height:48px
}
.manager-menu-unit-summary::-webkit-details-marker{display:none}
.manager-menu-unit-summary strong{display:block;font-size:.95rem;color:#0f2a22}
.manager-menu-lock{display:block;margin-top:2px;font-size:.72rem;color:#9a6b00}
.manager-menu-chevron{color:#0b5d47;font-size:1.2rem;font-weight:700;transform:rotate(90deg);transition:transform .15s ease}
.manager-menu-unit[open] .manager-menu-chevron{transform:rotate(-90deg)}
.manager-menu-features{padding:0 10px 12px}
.manager-ops-section{margin:0 0 16px}
.field-action-tile strong{font-size:1.02rem;line-height:1.25;color:#0f2a22}
.field-action-tile small{color:#667785;font-size:.8rem;line-height:1.3}

/* Ofis ana sayfa ? numaral? ak?? */
.office-home-header{align-items:center;margin-bottom:16px}
.office-home-lead{margin:6px 0 0;color:#5a736a;font-size:.92rem;line-height:1.35}
.office-flow-title{
  margin:14px 0 8px;padding:0 2px;font-size:.78rem;font-weight:900;
  letter-spacing:.04em;text-transform:uppercase;color:#0b5d47
}
.office-flow-title:first-of-type{margin-top:4px}
.office-notify-pill{
  display:grid;justify-items:center;gap:2px;min-width:64px;padding:10px 12px;
  border-radius:16px;border:1px solid #d7e4de;background:#fff;text-decoration:none;color:#334
}
.office-notify-pill b{font-size:1.2rem;color:#0b5d47;line-height:1}
.office-notify-pill span{font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6a8278}
.office-notify-pill.is-alert{border-color:#f0b4b4;background:#fff5f5}
.office-notify-pill.is-alert b{color:#b42318}
.office-main-grid{display:grid;gap:12px;margin:0 0 8px}
.office-main-card{
  display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;
  min-height:88px;padding:16px 16px;border-radius:18px;background:#fff;
  border:1px solid #9fd0bb;text-decoration:none;color:inherit;
  box-shadow:0 8px 22px rgba(15,58,48,.06)
}
.office-main-card:active{transform:scale(.99)}
.office-main-icon{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  font-size:1.2rem;font-weight:900;background:#e8f4ef;color:#0b5d47
}
.office-main-card.mark-today .office-main-icon{background:#fff4df;color:#9a6b00}
.office-main-card.mark-team .office-main-icon{background:#eef2ff;color:#3730a3}
.office-main-card.mark-meet .office-main-icon{background:#e7f6f3;color:#0f766e}
.office-main-card.mark-inbox .office-main-icon{background:#fff1e8;color:#c2410c}
.office-main-card.mark-report .office-main-icon{background:#f3e8ff;color:#6b21a8}
.office-main-card strong{display:block;font-size:1.12rem;line-height:1.2;color:#0f2a22}
.office-main-card small{display:block;margin-top:4px;color:#667785;font-size:.84rem;line-height:1.35}
.office-main-go{font-size:1.25rem;font-weight:900;color:#0b5d47}
.office-quick-links{
  display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px
}
.office-quick-links a{
  display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;
  background:#f3f8f5;border:1px solid #d7e4de;color:#0f2a22;text-decoration:none;
  font-size:.82rem;font-weight:800
}
.office-more{
  margin:0 0 18px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #d7e4de
}
.office-more summary{
  cursor:pointer;font-weight:800;font-size:.9rem;color:#0b5d47;list-style:none
}
.office-more summary::-webkit-details-marker{display:none}
.office-more summary::after{content:" ?";font-weight:900}
.office-more[open] summary::after{content:" ?"}
.office-more-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px
}
.office-more-grid a{
  display:block;padding:12px;border-radius:12px;background:#f7faf8;border:1px solid #e3eee8;
  text-decoration:none;color:#0f2a22;font-weight:700;font-size:.86rem
}
@media(min-width:720px){
  .office-main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .office-main-card{min-height:104px;padding:18px}
  .office-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:420px){
  .office-main-card{gap:10px;padding:14px 12px;min-height:80px}
  .office-main-icon{width:42px;height:42px;border-radius:14px;font-size:1.05rem}
  .office-main-card strong{font-size:1.02rem}
  .office-main-card small{font-size:.78rem}
  .office-more-grid{grid-template-columns:1fr}
}

.field-task-list{display:grid;gap:8px}
.field-task-row{
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;
  padding:14px;border-radius:16px;background:#fff;border:1px solid #d7e4de;
  text-decoration:none;color:inherit;min-height:64px
}
.field-task-row strong{display:block;font-size:.98rem;line-height:1.25}
.field-task-row span{color:#667785;font-size:.82rem;line-height:1.35}
.field-task-row b{color:#0b5d47;font-size:.82rem;text-transform:uppercase}
.field-task-row.is-unread{border-color:#9fd0bb;background:linear-gradient(180deg,#f2faf6,#fff)}
.field-task-row.is-unread b{color:#b42318}
.field-region-list{display:grid;gap:12px}
.field-region-card{
  background:#fff;border:1px solid #d7e4de;border-radius:16px;padding:14px;
  display:grid;gap:10px
}
.field-region-card.is-near,.field-region-card.is-focus{
  border-color:#0b5d47;box-shadow:0 0 0 2px rgba(11,93,71,.15);
  background:linear-gradient(180deg,#f2faf6,#fff)
}
.field-region-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.field-region-head strong{display:block;font-size:1.05rem;color:#0f2a22}
.field-region-head span{display:block;font-size:.8rem;color:#667785;margin-top:2px}
.field-region-arrive{margin:0;flex:0 0 auto}
.field-region-arrive .button{min-height:44px;white-space:nowrap}
.field-region-tasks{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.field-region-tasks li{
  display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;
  padding:10px 12px;border-radius:12px;background:#f7faf8;border:1px solid #e4eee9
}
.field-region-tasks a{text-decoration:none;color:inherit;min-width:0}
.field-region-tasks strong{display:block;font-size:.95rem;line-height:1.25}
.field-region-tasks span{display:block;font-size:.78rem;color:#667785;margin-top:2px}
.field-region-start{margin:0}
.field-region-start .button{min-height:40px;padding:0 12px;font-size:12px}
.field-region-map{font-size:.85rem;font-weight:800;color:#0b5d47;text-decoration:none}
@media(max-width:420px){
  .field-region-tasks li{grid-template-columns:1fr;gap:6px}
  .field-region-start .button{width:100%}
}
.field-perm-details{margin:0 0 16px;padding:10px 12px;border-radius:12px;border:1px solid #d5e4dd;background:#f7faf8}
.field-perm-details summary{cursor:pointer;font-weight:800;color:#0b5d47}
.field-perm-details .button{margin-top:8px}
/* Eski liste s?n?flar? (ba?ka ?ablonlar) */
.field-stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px}
.field-stat-strip a{display:grid;gap:2px;place-items:center;padding:12px 8px;border-radius:14px;background:#fff;border:1px solid #d7e4de;text-decoration:none;color:inherit}
.field-stat-strip strong{font-size:1.35rem;color:#0b5d47;line-height:1}
.field-stat-strip span{font-size:.72rem;font-weight:800;color:#667785;letter-spacing:.04em;text-transform:uppercase}
.field-menu-block{margin:0 0 18px}
.field-menu-block h2{margin:0 0 10px;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6a8278}
.field-menu-list{display:grid;gap:8px}
.field-menu-item{
  display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;
  padding:14px;border-radius:16px;background:#fff;border:1px solid #d7e4de;
  text-decoration:none;color:inherit;min-height:72px
}
.field-menu-item.field-menu-primary{border-color:#b8d9cb;background:linear-gradient(180deg,#f3faf7,#fff)}
.field-menu-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:1.05rem;background:#e8f4ef;color:#0b5d47}
.field-menu-mark.tasks{background:#e8f1ff;color:#1d4ed8}
.field-menu-mark.quick{background:#0b5d47;color:#fff}
.field-menu-mark.today{background:#fff4df;color:#9a6b00}
.field-menu-mark.service{background:#fde8ef;color:#9d174d}
.field-menu-mark.meet{background:#e7f6f3;color:#0f766e}
.field-menu-mark.notify{background:#f3e8ff;color:#6b21a8}
.field-menu-copy{display:grid;gap:2px;min-width:0}
.field-menu-copy strong{font-size:1rem;line-height:1.25}
.field-menu-copy small{color:#667785;font-size:.82rem;line-height:1.35}
.field-menu-go{font-size:.78rem;font-weight:800;color:#0b5d47;letter-spacing:.04em;text-transform:uppercase}
.mobile-nav a.is-active{color:#0b5d47;font-weight:900}
.mobile-nav a.is-active span{transform:scale(1.08)}
.saha-form-grid{display:grid;gap:10px}
.saha-form-card{
  display:grid;gap:8px;padding:16px;border-radius:16px;background:#fff;border:1px solid #d7e4de
}
.saha-form-card strong{font-size:1.05rem}
.saha-form-card .saha-form-actions{display:flex;flex-wrap:wrap;gap:8px}
.saha-form-card .saha-form-actions .button.primary{flex:1 1 auto;min-height:44px}
.saha-form-card .saha-form-actions .button.secondary{flex:1 1 auto;min-height:40px}
.saha-visit-form{display:grid;gap:8px;margin-top:4px}
.saha-visit-form label{display:grid;gap:4px;margin:0}
.saha-visit-form input{min-height:48px}
@media(max-width:420px){
  .field-action-tile{min-height:108px;padding:14px 12px}
  .field-action-tile strong{font-size:.95rem}
}

/* ?ye hizmet ? i? t?r? kartlar? (h?zl? kay?t ile ayn? dil) */
.member-search-bar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:0 0 16px}
.member-search-bar label{display:grid;gap:6px;margin:0;font-weight:800;font-size:.82rem;color:#0b5d47}
.member-search-bar input{min-height:50px}
.member-service-step{margin:0 0 18px}
.member-service-step h2{margin:0 0 6px;font-size:1.05rem}
.member-service-step h2 small{font-weight:650;color:#667785;font-size:.8rem}
.member-pick-list{display:grid;gap:8px}
.member-pick-card{
  display:grid;gap:2px;text-align:left;padding:14px 16px;border-radius:14px;
  border:1px solid #d7e4de;background:#fff;cursor:pointer;font:inherit;color:inherit
}
.member-pick-card strong{font-size:1rem}
.member-pick-card small{color:#667785;font-size:.82rem}
.member-pick-card.selected{border-color:#0b5d47;outline:3px solid #0b5d47;background:#f3faf7}
.member-service-form .full{display:block;width:100%}
.member-service-form textarea{width:100%;min-height:72px}
.member-service-form .button.full{width:100%;margin-top:10px}
.member-type-admin-list{display:grid;gap:8px}
.member-type-admin-row{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:12px 12px;border:1px solid #d7e4de;border-radius:12px;background:#fff
}
.member-type-admin-actions{display:flex;gap:6px;flex-wrap:wrap}
.member-type-admin-actions form{margin:0}
.member-type-admin h2 small{font-weight:650;color:#667785}
.mobile-person-header,.mobile-simple-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 18px}.mobile-person-header span{font-size:.78rem;font-weight:800;opacity:.7}.mobile-person-header h1,.mobile-simple-header h1{margin:2px 0;font-size:1.35rem}.mobile-icon-button,.mobile-simple-header a,.logout-inline .mobile-icon-button{min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:12px;background:#fff;border:1px solid #dbe4ec;font-weight:800;text-decoration:none;color:inherit;cursor:pointer;font:inherit}.logout-inline{margin:0}
.mobile-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-action-card{min-height:150px;border-radius:20px;padding:18px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:#102333;box-shadow:0 8px 24px rgba(15,44,72,.1);border:1px solid rgba(16,35,51,.07)}.mobile-action-card.quick{background:#eaf8ee}.mobile-action-card.tasks{background:#e9f3ff}.mobile-action-card.today{background:#fff5df}.mobile-action-card.notify{background:#f3ecff}
.mobile-action-card.forms{background:#e7f7f4}
.mobile-action-card.team{background:#eef2ff}
.mobile-action-card.service{background:#fff0f3}
.mobile-action-card.citizen{background:#fff8e8}
.mobile-action-card.map{background:#e8f6fb}
.manager-header small{display:block;margin-top:4px;opacity:.75;font-weight:700}
.manager-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}
.manager-stat-strip a{background:#fff;border:1px solid #e1e8ee;border-radius:14px;padding:12px 8px;text-align:center;text-decoration:none;color:inherit}
.manager-stat-strip strong{display:block;font-size:1.25rem}
.manager-stat-strip span{font-size:.72rem;font-weight:800;color:#667785}
.manager-desktop-hint{text-align:center;margin:22px 0 8px;font-weight:800}
.manager-desktop-hint a{color:var(--green)}
.mobile-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.mobile-account-card{border:1px solid #d5e1d9;border-radius:16px;padding:14px;background:#fff;display:grid;gap:12px}
.mobile-account-card.needs-account{border-color:#f0b429;background:#fffdf5}
.mobile-account-card header{display:grid;gap:4px}
.mobile-account-card header strong{font-size:1rem}
.mobile-account-card header small{color:#667785}
.mobile-account-card .badge{justify-self:start;margin-top:4px}
.mobile-account-card .badge.warning{background:#fff3cd;color:#7a5b00}
.mobile-account-form{display:grid;gap:10px;margin:0;padding-top:8px;border-top:1px solid #e8eef1}
.mobile-account-form.compact{border-top:0;padding-top:0;gap:8px}
.mobile-perm-fieldset{border:1px solid #dbe5df;border-radius:12px;padding:10px 12px;display:grid;gap:8px;margin:0}
.mobile-perm-fieldset.compact{padding:8px 10px}
.mobile-perm-fieldset legend{padding:0 6px;font-size:.78rem;font-weight:900;color:#0b5d47}
.mobile-perm-fieldset .check-inline{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem}
.perm-chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.perm-chip{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;
  padding:11px 13px;border:1px solid #e0ebe5;border-radius:12px;background:#f7fbf9;
  font-size:.82rem;font-weight:700;cursor:pointer;margin:0;line-height:1.3;min-height:0;color:#163d32
}
.perm-chip span{flex:1;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.perm-chip input{grid-column:2;grid-row:1}
.perm-chip:has(input:checked){background:#eef7f3;border-color:#9fcbb8;color:#0b5d47}
.admin-health-board{margin:0 0 16px;padding:14px}
.admin-health-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px
}
.admin-health-tile{
  display:grid;gap:4px;padding:12px;border-radius:14px;border:1px solid var(--line);
  background:#f7faf8;text-decoration:none;color:inherit;min-height:92px
}
.admin-health-tile span{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6a8278}
.admin-health-tile strong{font-size:1.45rem;line-height:1.1;color:#0f2a22}
.admin-health-tile small{font-size:.75rem;color:#667785;line-height:1.3}
.admin-health-tile.is-warn{background:#fff8e8;border-color:#e8c86f}
.admin-health-tile.is-alert{background:#fdecec;border-color:#e8a0a0}
.admin-health-note{
  margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fff4d8;color:#6f4b00;
  font-size:.86rem;line-height:1.4
}
.admin-health-note a{color:#0b5d47;font-weight:800}
.admin-quick-strip{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;
  margin:0 0 16px
}
.admin-quick-strip a{
  display:grid;gap:4px;padding:12px 14px;border-radius:14px;
  background:#0b5d47;color:#fff;text-decoration:none;min-height:72px
}
.admin-quick-strip a strong{font-size:.92rem;line-height:1.2}
.admin-quick-strip a small{opacity:.88;font-size:.75rem;line-height:1.3}
.admin-quick-strip a.is-soft{
  background:#fff;color:#0b3d4f;border:1px solid #c5d3df
}
.manager-edit-bar{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:12px 14px;
  border:1px solid #c5d3df;border-radius:16px;background:#f3faf6
}
.manager-edit-bar p{
  margin:0 0 4px;flex:1 1 100%;font-size:.82rem;color:#52687a;line-height:1.35
}
.manager-edit-bar a{
  display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;
  background:#fff;border:1px solid #c5d3df;text-decoration:none;
  font-weight:800;color:#0b3d4f;font-size:.85rem
}
.manager-edit-bar a.is-primary{background:#0b5d47;border-color:#0b5d47;color:#fff}
html.night-mode .admin-quick-strip a.is-soft,
html.night-mode .manager-edit-bar{
  background:#12241f;border-color:#2c4038;color:#d7e6df
}
html.night-mode .manager-edit-bar a{background:#1a2a24;border-color:#2c4038;color:#e8f0ec}
html.night-mode .manager-edit-bar p{color:#9eb0a7}
table tr.is-muted{opacity:.55}
.admin-org-tree{display:grid;gap:8px}
.admin-org-team{
  border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden
}
.admin-org-team>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:12px 14px;font-weight:800
}
.admin-org-team>summary::-webkit-details-marker{display:none}
.admin-org-team>summary small{font-weight:600;color:#6a8278}
.admin-org-team[open]>summary{border-bottom:1px solid var(--line);background:#f7faf8}
.admin-org-body{padding:12px 14px 14px;display:grid;gap:10px}
.admin-org-branches{margin:0;padding-left:18px;display:grid;gap:4px;color:#3d524a;font-size:.88rem}
.admin-org-links{display:flex;flex-wrap:wrap;gap:8px}
.admin-org-links a,.team-excel-links a{
  display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;
  border:1px solid #d5e4df;background:#f4f8f6;color:#0b5d47;text-decoration:none;
  font-size:.78rem;font-weight:800
}
.admin-org-links a.is-su,.team-excel-links a.is-su{
  background:#e8f3ff;border-color:#9ebfe0;color:#0a4a7a
}
.user-page-head h1{font-size:clamp(1.35rem,2.5vw,1.75rem);margin:4px 0}
.user-page-links{gap:8px}
.org-create-bar{
  display:grid;gap:8px;padding:12px;margin:0 0 12px
}
.org-create-item{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;
  padding:8px 10px;border-radius:10px;background:#f4f8f6;border:1px solid #dce8e2
}
.org-create-label{
  font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#5b7169;min-width:64px
}
.org-create-item input,.org-create-item select{
  min-height:36px;margin:0;flex:1 1 120px;max-width:220px;padding:6px 10px;font-size:.9rem
}
.org-create-person input,.org-create-person select{max-width:160px}
.org-excel-compact{padding:10px 14px;margin:0 0 14px}
.org-excel-compact>summary{cursor:pointer;font-weight:800;list-style:none}
.org-excel-compact>summary::-webkit-details-marker{display:none}
.org-excel-body{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}
.org-excel-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.org-bulk-toolbar{
  position:sticky;top:8px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  padding:10px 12px;margin:0 0 12px;background:#fff;border:1px solid #c5ddd2;
  box-shadow:0 6px 18px rgba(11,93,71,.08)
}
.org-bulk-select-all{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:700}
.org-bulk-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;flex:1 1 280px}
.org-bulk-form select{min-height:34px;max-width:180px;padding:4px 8px;font-size:.82rem;margin:0}
.org-team-list{display:grid;gap:12px}
.org-list-head{margin-bottom:4px}
.org-team-card{
  border:1px solid color-mix(in srgb, var(--team-accent,#0b5d47) 28%, #d5e4df);
  border-left:5px solid var(--team-accent,#0b5d47);
  border-radius:14px;background:var(--team-soft,#f7faf8);overflow:hidden
}
.org-team-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
  padding:12px 14px;background:#fff;border-bottom:1px solid #e4eee9
}
.org-team-head h3{margin:0;font-size:1.05rem;color:var(--team-accent,#0b5d47)}
.org-team-head small{color:#667785;font-weight:600}
.org-team-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.org-team-edit,.org-branch-edit{position:relative}
.org-team-edit>summary,.org-branch-edit>summary{
  list-style:none;cursor:pointer;font-size:.78rem;font-weight:800;color:#0b5d47;
  padding:6px 10px;border-radius:8px;border:1px solid #9fcbb8;background:#eef7f3
}
.org-team-edit>summary::-webkit-details-marker,
.org-branch-edit>summary::-webkit-details-marker{display:none}
.org-team-edit[open]>summary,.org-branch-edit[open]>summary{background:#dff0e8}
.org-team-edit form,.org-branch-edit-form{
  display:grid;gap:8px;margin-top:8px;padding:10px;background:#fff;
  border:1px solid #9fcbb8;border-radius:10px;min-width:min(260px,80vw)
}
.org-branch-edit-form{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.org-branch-edit-form input,.org-branch-edit-form select{
  min-height:34px;max-width:160px;padding:4px 8px;font-size:.82rem;margin:0
}
.org-team-danger{position:relative}
.org-team-danger>summary{
  list-style:none;cursor:pointer;font-size:.78rem;font-weight:800;color:#8a5a5a;
  padding:6px 10px;border-radius:8px;border:1px solid #e8cfcf;background:#fff
}
.org-team-danger>summary::-webkit-details-marker{display:none}
.org-team-danger[open]>summary{background:#fdecec}
.org-team-danger form{display:grid;gap:8px;margin-top:8px;padding:10px;background:#fff;border:1px solid #e8cfcf;border-radius:10px}
.org-branch-block{padding:10px 14px 12px;border-top:1px dashed color-mix(in srgb, var(--team-accent) 22%, transparent)}
.org-branch-title{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  margin:0 0 8px;padding:6px 10px;border-radius:8px;
  background:color-mix(in srgb, var(--team-accent) 12%, #fff);color:#24352f
}
.org-branch-title strong{font-size:.9rem}
.org-branch-title span{font-size:.75rem;font-weight:700;color:#667785}
.org-branch-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.org-branch-delete{display:inline-flex;align-items:center;gap:6px;margin:0}
.org-unit-hint{
  margin:6px 0 0;font-size:.78rem;line-height:1.35;color:#8a5a12;max-width:42rem
}
.org-team-card.is-maybe-unit{box-shadow:inset 0 0 0 1px #e8c86f}
.org-team-convert>summary{
  list-style:none;cursor:pointer;font-size:.78rem;font-weight:800;color:#0b5d47;
  padding:6px 10px;border-radius:8px;border:1px solid #9fcbb8;background:#eef7f3
}
.org-team-convert>summary::-webkit-details-marker{display:none}
.org-team-convert form{display:grid;gap:8px;margin-top:8px;padding:10px;background:#fff;border:1px solid #9fcbb8;border-radius:10px}
.org-person-list{display:grid;gap:6px}
.org-person-row{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;
  padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #e4eee9
}
.org-person-check{display:inline-flex;align-items:center;margin:0;padding:2px 4px 2px 0}
.org-person-check input{width:16px;height:16px;accent-color:#0b5d47}
.org-person-info{display:grid;gap:2px;min-width:140px;flex:1 1 140px}
.org-person-info strong{font-size:.92rem}
.org-person-info small{color:#667785}
.org-person-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.org-move-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0}
.org-move-form select{min-height:34px;max-width:140px;padding:4px 8px;font-size:.82rem;margin:0}
.org-empty-line{margin:0;padding:4px 2px}
.org-amir-fold{margin-top:14px}
.team-tone-0{--team-accent:#0b5d47;--team-soft:#eef7f3}
.team-tone-1{--team-accent:#1d4ed8;--team-soft:#eef2ff}
.team-tone-2{--team-accent:#9a3412;--team-soft:#fff4ed}
.team-tone-3{--team-accent:#6d28d9;--team-soft:#f5f0ff}
.team-tone-4{--team-accent:#0e7490;--team-soft:#e8f7fb}
.team-tone-5{--team-accent:#b45309;--team-soft:#fff8eb}
.team-tone-6{--team-accent:#be123c;--team-soft:#fff1f4}
.team-tone-7{--team-accent:#334155;--team-soft:#f1f5f9}
.team-tone-orphan{--team-accent:#c9892c;--team-soft:#fff8e8}
@media(max-width:760px){
  .org-create-item input,.org-create-item select{max-width:none;flex:1 1 100%}
  .org-person-actions,.org-move-form{width:100%}
  .org-move-form select{max-width:none;flex:1 1 45%}
}
.user-admin-acc{background:#fff}
.manager-hub-hint{margin:0 0 10px;font-size:.82rem;color:#5b7169;line-height:1.4}
.team-su-strip{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:0 0 12px;padding:12px 16px
}
.team-su-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.team-su-form input[type=file]{max-width:min(280px,100%);font-size:12px}
.team-category-inline{
  margin:0 0 14px;padding:12px 14px;border:1px dashed #b7d5c8;border-radius:12px;background:#f7fbf9
}
.team-category-inline-form{margin:0}
.team-nested-details>summary{
  cursor:pointer;list-style:none;display:flex;flex-direction:column;gap:2px;font-weight:800
}
.team-nested-details>summary::-webkit-details-marker{display:none}
.team-nested-details[open]>summary{margin-bottom:4px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.team-search-bar{display:grid;gap:4px;margin:0 0 12px}
.team-search-bar input{min-height:44px}
.kadro-team-head{
  margin:12px 0 4px;padding:4px 2px;font-size:.82rem;font-weight:900;letter-spacing:.04em;
  color:#0b5d47;text-transform:uppercase
}
.kadro-team-head small{font-weight:700;color:var(--muted);letter-spacing:0;text-transform:none}
.three-columns .personnel-accordion{max-height:min(380px,50vh);overflow:auto;padding-right:2px}
.assignment-acc-form{margin:0}
.compact-edit-form .form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.personnel-acc-item{
  border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden
}
.personnel-acc-item.needs-account{border-color:#e8c86f;background:#fffdf8}
.personnel-acc-item.inactive{opacity:.72}
.personnel-acc-item>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:12px 14px;font-weight:800
}
.personnel-acc-item>summary::-webkit-details-marker{display:none}
.personnel-acc-item>summary::after{content:"?";color:#7a8b84;font-size:.85rem}
.personnel-acc-item[open]>summary{border-bottom:1px solid var(--line);background:#f7faf8}
.personnel-acc-item[open]>summary::after{content:"?"}
.personnel-acc-name{font-size:.95rem}
.personnel-acc-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.personnel-acc-meta small{color:var(--muted);font-weight:600}
.personnel-acc-body{padding:12px 14px 14px}
.compact-edit-form{margin:0}
.team-hub-heading-actions .button{min-height:40px}
@media(max-width:760px){
  .team-su-strip{align-items:stretch}
  .team-su-form{flex-direction:column;align-items:stretch}
  .team-su-form .button{width:100%}
  .personnel-acc-item>summary{flex-direction:column;align-items:flex-start}
  .personnel-acc-meta{justify-content:flex-start}
}
.password-reset-form{background:#f7faf8;border-radius:12px;padding:10px}
/* Y?netici g?nl?k ak?ll? ?zet */
.daily-brief{margin:0 0 16px;padding:16px 18px;border-radius:18px;border:1px solid #c5ddd2;background:linear-gradient(165deg,#f3faf6 0%,#fff 58%);box-shadow:var(--shadow)}
.daily-brief-head{margin-bottom:12px}
.daily-brief-kicker{margin:0;font-size:.7rem;font-weight:900;letter-spacing:.14em;color:var(--green)}
.daily-brief-head h2{margin:4px 0 4px;font-size:1.12rem;color:#0b3d30}
.daily-brief-head p{margin:0;font-size:.88rem;color:var(--muted)}
.daily-brief-lines{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.daily-brief-line{margin:0;border-radius:12px;background:#fff;border:1px solid #d9e5df}
.daily-brief-line a,.daily-brief-line span{display:block;padding:12px 14px;font-size:.95rem;font-weight:700;color:inherit;text-decoration:none;line-height:1.35}
.daily-brief-line a:hover{background:#f4faf7}
.daily-brief-line.tone-ok{border-left:4px solid #0b5d47}
.daily-brief-line.tone-warn{border-left:4px solid #b77908;background:#fffbf0}
.daily-brief-line.tone-alert{border-left:4px solid #bd2c2c;background:#fff6f6}
.daily-brief-line.tone-info{border-left:4px solid #1d4ed8}
.daily-brief-line.tone-muted{border-left:4px solid #9aabb5;opacity:.9}
.daily-brief-more{display:inline-block;margin-top:12px;font-size:.85rem;font-weight:800;color:var(--green)}
@media(max-width:760px){.daily-brief{padding:14px}}

.birthday-menu-block{margin:14px 0 18px}
.birthday-menu-block .field-chips{margin:0 0 12px}
@media(max-width:760px){
  .org-quick-grid{grid-template-columns:1fr!important}
  .assignment-cards{grid-template-columns:1fr!important}
  .assignment-card{grid-template-columns:1fr!important}
  .quick-assign-form{display:grid;gap:8px}
  .quick-assign-form select,.quick-assign-form input,.quick-assign-form .button{width:100%}
  .manager-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-shell .hub-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hub-shell .hub-actions .button{width:100%;min-height:48px}
}
@media(min-width:900px){
  .manager-shell{max-width:980px}
  .manager-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}.mobile-action-icon{font-size:2rem}.mobile-action-card strong{font-size:1.03rem;margin-top:10px}.mobile-action-card small{margin-top:5px;line-height:1.35;color:#526575}
.mobile-recent-section{margin-top:22px}.mobile-section-title{display:flex;align-items:center;justify-content:space-between}.mobile-section-title h2{font-size:1rem}.mobile-section-title a{font-weight:800}.mobile-task-row,.mobile-today-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e1e8ee;border-radius:16px;padding:15px;margin:10px 0;text-decoration:none;color:inherit}.mobile-task-row div,.mobile-today-row div{display:flex;flex-direction:column;gap:5px}.mobile-task-row span,.mobile-today-row span{font-size:.86rem;color:#667785}.mobile-empty{padding:24px;text-align:center;background:#fff;border-radius:16px;border:1px dashed #bdcbd6}
.mobile-quick-form{display:flex;flex-direction:column;gap:14px}.mobile-capture-box{min-height:124px;border:2px dashed #8ca4b5;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;background:#fff;position:relative}.mobile-capture-box input{position:absolute;inset:0;opacity:0}.mobile-capture-box small{font-weight:500;margin-top:5px}.mobile-location-button,.mobile-save-button{width:100%;min-height:40px;border:0;border-radius:12px;font-size:.88rem;font-weight:750;padding:8px 12px}.mobile-location-button{background:#e8f2ff;color:#0b579f}.mobile-save-button{background:#12643c;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center}.mobile-location-result{padding:10px 12px;border-radius:10px;background:#f2f4f6}.mobile-location-result.ok{background:#e6f7ec;color:#12643c;font-weight:750}.mobile-field,.mobile-time-grid label{display:flex;flex-direction:column;gap:6px;font-weight:750;font-size:.82rem}.mobile-field input,.mobile-field textarea,.mobile-field select,.mobile-time-grid input{font-size:16px;min-height:44px;border-radius:12px;border:1px solid #cbd7df;padding:10px 12px;background:#fff}.mobile-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-new-record{margin-bottom:16px}.mobile-today-row time{font-weight:900;font-size:1.05rem}.mobile-today-row em{font-size:.72rem;font-style:normal;font-weight:800;background:#eef3f6;padding:6px 8px;border-radius:999px}
@media(max-width:480px){.mobile-main-grid{grid-template-columns:1fr 1fr}.mobile-action-card{min-height:138px;padding:14px}.mobile-action-card strong{font-size:.92rem}.mobile-action-card small{font-size:.76rem}.mobile-person-header h1{font-size:1.12rem}}

/* v5.0.1 konum ve kullan?c? merkezi */
.mobile-address-picker{border:1px solid #dbe4ee;border-radius:18px;padding:14px;background:#f8fafc}.mobile-address-picker h2{margin:0 0 10px;font-size:1rem}.mobile-address-picker h2 small{font-weight:500;color:#64748b}.org-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.org-steps a{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#f4f7fb;text-decoration:none}.org-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#174a7e;color:#fff}.user-search-card{margin:0 0 12px}.user-search-card.compact{padding:12px 14px}.user-search-card input{font-size:16px}@media(max-width:760px){.org-steps{grid-template-columns:1fr}.org-steps a{min-height:52px}}

/* Kullan?c? / yetki merkezi ? sekmeli sade d?zen */
.user-hub-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px;align-items:start}
.user-hub-create{position:sticky;top:110px;display:grid;gap:12px}
.user-hub-create h2{margin:0;font-size:1.05rem}
.scope-chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}
.scope-chip{
  display:flex;align-items:flex-start;gap:6px;margin:0;padding:6px 8px;border-radius:8px;
  border:1px solid #d5e4df;background:#f7faf8;font-size:.78rem;font-weight:700;cursor:pointer
}
.scope-chip input{margin:2px 0 0}
.scope-chip span{overflow-wrap:anywhere;line-height:1.25}
.compact-scope{padding:8px;margin:0}
.user-hub-list{display:grid;gap:12px;min-width:0}
.user-cards{display:grid;gap:12px}
.user-admin-card{display:grid;gap:12px;padding:16px;margin:0}
.user-admin-card.inactive{opacity:.72;border-style:dashed}
.user-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.user-admin-head strong{display:block;font-size:1rem}
.user-admin-head small{display:block;margin-top:2px}
.user-admin-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.user-admin-badges .badge.ok{background:#e8f4ef;color:var(--green)}
.user-admin-badges .badge.warn{background:#fff3d6;color:#795200}
.user-admin-form{gap:10px}
.user-perm-details,.user-admin-more,.user-role-help{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#f8faf9}
.user-perm-details summary,.user-admin-more summary,.user-role-help summary{cursor:pointer;font-weight:800;font-size:12px;color:var(--green)}
.user-admin-more .user-admin-actions,.user-perm-details .team-scope-picker{margin-top:10px}
.user-admin-actions{display:grid;gap:10px}
.user-role-help ul{margin:10px 0 0;padding-left:1.1rem;font-size:12px;color:var(--muted);line-height:1.45}
.user-role-help li{margin:.35rem 0}
.user-role-help strong{color:var(--ink)}
@media(max-width:960px){
  .user-hub-layout{grid-template-columns:1fr}
  .user-hub-create{position:static}
}

/* v5.3.0 temiz ?ekirdek: kullan?c?, yetki ve kod merkezleri */
.definition-layout{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:1rem;align-items:start}.definition-menu{display:grid;gap:.55rem;position:sticky;top:90px}.definition-menu a{display:flex;justify-content:space-between;gap:.8rem;padding:1rem;border-radius:14px;background:#f4f7f6;color:inherit;text-decoration:none}.definition-menu a.active{background:#0b5d47;color:#fff}.definition-menu span{font-size:.8rem;opacity:.8}.definition-list{display:grid;gap:.65rem}.definition-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border:1px solid #d9e3df;border-radius:14px}.definition-row.inactive{opacity:.55}.definition-row small,.definition-row p{display:block;margin-top:.3rem}.personnel-import-card form{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.personnel-import-card label{flex:1;min-width:240px}@media(max-width:760px){.definition-layout{grid-template-columns:1fr}.definition-menu{position:static;grid-template-columns:1fr 1fr}.definition-row{align-items:flex-start;flex-direction:column}.personnel-import-card form{display:grid}.definition-menu a{padding:.8rem}}

/* v5.3.0 vatanda? mobil paneli */
.citizen-mobile-simple{max-width:820px;margin:0 auto;padding-bottom:calc(28px + env(safe-area-inset-bottom));}
.citizen-header.compact{gap:12px;align-items:center;}
.citizen-intro.compact{padding:20px 0 12px;}
.citizen-intro.compact h1{font-size:clamp(1.65rem,6vw,2.35rem);margin:.3rem 0;}
.citizen-quick-request{gap:16px;}
.quick-field{position:relative;border:1px solid var(--border,#d7dee7);border-radius:18px;padding:18px;background:#fff;display:grid;gap:10px;}
.quick-number{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0b5cab;color:#fff;font-weight:800;}
.quick-field>strong,.quick-field-body>strong{font-size:1.05rem;}
.quick-field textarea,.quick-field select,.quick-field input{min-height:44px;font-size:16px;}
.quick-location-box{display:flex;align-items:flex-start;gap:14px;}
.quick-field-body{display:grid;gap:10px;flex:1;}
.citizen-optional-details{border:1px dashed #aeb9c7;border-radius:16px;padding:14px;background:#f8fafc;}
.citizen-optional-details summary{cursor:pointer;font-weight:750;line-height:1.4;}
.optional-location-grid{margin-top:16px;}
.optional-photo strong small{font-weight:600;color:#667085;}
.citizen-account-summary.compact{padding:12px 16px;}
@media (max-width:680px){
  .citizen-header.compact{position:sticky;top:0;z-index:20;background:#fff;padding:10px 0;}
  .citizen-header.compact .citizen-brand small{display:none;}
  .citizen-header.compact .municipality-logo{width:42px;height:42px;}
  .quick-field{padding:15px;border-radius:15px;}
  .quick-location-box{flex-direction:column;}
  .citizen-sticky-actions{position:sticky;bottom:0;z-index:30;background:rgba(255,255,255,.96);padding:12px 0 calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(10px);}
  .citizen-sticky-actions .button{min-height:42px;border-radius:12px;font-size:13px;}
}

/* Saha g?rev foto?raf / konum */
.field-capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 12px}
.field-capture-actions .button{min-height:40px;font-size:12px;border-radius:10px;padding:0 12px}
.field-photo-preview-wrap{display:grid;gap:8px;margin:0 0 12px}
.field-photo-preview{width:100%;max-height:320px;object-fit:cover;border-radius:14px;border:2px solid var(--line);background:#000}
.photo-location-status{display:block;margin-top:8px;padding:10px 12px;border-radius:10px;background:#eef4f1;font-weight:700}

/* Canlı harita — kompakt sol menü */
.live-map-heading{gap:12px}
.live-map-heading .live-map-filter-toggle{display:none}
.live-map-shell{display:flex;gap:10px;height:calc(100vh - 180px);min-height:420px;margin-bottom:1.5rem}
.map-sidebar{width:188px;max-width:100%;overflow:auto;padding:10px 8px;margin:0;flex-shrink:0}
.map-sidebar h3{margin:10px 0 6px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#36554a;font-weight:800}
.map-sidebar h3:first-child{margin-top:0}
.map-sidebar .md-toggle-title{font-size:12px;font-weight:650;line-height:1.25}
.map-sidebar .map-filter{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 4px;padding:3px 2px;font-weight:650;cursor:pointer;min-height:0}
.map-sidebar .map-filter.urgent{color:#d32f2f}
.map-sidebar .md-switch{transform:scale(.82);transform-origin:right center}
.map-sidebar .map-search-wrap{margin:6px 0}
.map-sidebar .map-search-wrap input{min-height:32px;font-size:12px;padding:5px 8px;border-radius:8px}
.map-sidebar .map-meter-legend{padding:6px 8px;margin:6px 0;border-radius:10px}
.map-sidebar .map-meter-legend li{font-size:.72rem;gap:6px;cursor:pointer;user-select:none;padding:2px 0;border-radius:4px}
.map-sidebar .map-meter-legend li.is-off{opacity:.35;text-decoration:line-through}
.map-sidebar .map-meter-legend li:hover{background:rgba(11,93,71,.06)}
.map-sidebar #map-live-meta{font-size:10px;line-height:1.35;margin:6px 0 0}
.map-filter{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:8px 4px;font-weight:700;cursor:pointer;min-height:44px}
.map-filter.urgent{color:#d32f2f}
.map-filter input{width:20px;height:20px;flex:0 0 auto}
.live-map-canvas{flex:1;min-height:320px;border-radius:12px;border:2px solid #b9c5d1;z-index:1}
@media(max-width:900px){
  .live-map-heading{flex-direction:column;align-items:stretch}
  .live-map-heading .live-map-filter-toggle{display:inline-flex;width:100%;justify-content:center}
  .live-map-shell{flex-direction:column;height:auto;min-height:0;gap:10px}
  .map-sidebar{width:100%;max-height:0;overflow:hidden;padding:0 12px;border:0;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .2s ease}
  .map-sidebar.is-open{max-height:70vh;overflow:auto;padding:12px;opacity:1;border:1px solid var(--line)}
  .live-map-canvas{width:100%;height:min(68vh,560px);min-height:280px}
  .field-capture-actions{grid-template-columns:1fr}
}

/* H?zl? saha raporu */
.quick-report .badge.offline{background:#bd2c2c;color:#fff}
.quick-report .quick-net-pill{font-size:.72rem;padding:6px 10px;border-radius:999px;background:#e6f7ec;color:#12643c;font-weight:800;white-space:nowrap}
.quick-auto-bar{margin:0 0 14px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #dbe4ec}
.quick-auto-hint{margin:0 0 10px}
.quick-auto-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:0}
.quick-auto-cell{display:grid;gap:4px;min-width:0}
.quick-auto-cell.span-2{grid-column:1/-1}
.quick-auto-label{display:block;font-size:.68rem;color:#647382;font-weight:800;letter-spacing:.02em}
.quick-auto-grid strong{font-size:.9rem;font-weight:800;line-height:1.35;word-break:break-word}
.quick-report .quick-step{background:#fff;border:1px solid #e1e8ee;border-radius:18px;padding:16px;margin-bottom:12px}
.quick-report .quick-step[hidden]{display:none!important}
.quick-report .quick-step h2{margin:0 0 8px;font-size:1.05rem}
.quick-report .quick-step-back{margin-top:10px}
.quick-file-input{position:absolute;width:0.1px;height:0.1px;opacity:0;overflow:hidden;z-index:-1;clip:rect(0,0,0,0)}
.live-map-dot{background:transparent;border:0}
.live-map-dot span{display:block;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.quick-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.quick-type-card{min-height:72px;border:0;border-radius:14px;background:var(--qt-bg,#eef1f4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;color:#102333;font-weight:750;box-shadow:0 4px 12px rgba(16,35,51,.06);text-align:center}
.quick-type-card.selected{outline:2px solid #0b5d47;outline-offset:1px}
.quick-type-icon{font-size:1.35rem;line-height:1}
.quick-type-label{font-size:.78rem;line-height:1.2;max-width:100%;word-break:break-word}
.quick-type-hint{display:block;font-size:.65rem;font-weight:600;color:#4a6670;line-height:1.2;max-width:14ch;margin-top:1px}
.quick-camera-btn,.quick-send-btn{width:100%;min-height:42px;border:0;border-radius:12px;font-size:.9rem;font-weight:750;background:#0b5d47;color:#fff;letter-spacing:.01em;padding:0 14px}
.quick-camera-btn{background:#16324f;min-height:42px;font-size:.9rem}
.quick-photo-preview{margin-top:10px;display:grid;gap:8px}
.quick-photo-preview img{width:100%;max-height:240px;object-fit:cover;border-radius:12px;border:2px solid #0b5d47}
.quick-voice-row{display:grid;grid-template-columns:1fr 64px;gap:8px;align-items:stretch}
.quick-voice-row textarea{min-height:72px;font-size:16px;border-radius:12px;border:1px solid #cbd7df;padding:10px 12px}
.quick-mic-btn{border:0;border-radius:12px;font-size:1.25rem;background:#fff4e0;box-shadow:0 2px 8px rgba(0,0,0,.05);min-height:42px}
.quick-mic-btn.listening{background:#ffd8a8;animation:quick-pulse 1s infinite}
@keyframes quick-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.quick-step h2{margin-top:0;font-size:1rem}
.quick-step h2 small{font-weight:600;color:#647382;font-size:.75rem}
@media(max-width:420px){.quick-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-voice-row{grid-template-columns:1fr 56px}.quick-type-card{min-height:68px}.quick-type-label{font-size:.74rem}}

/* Ana ekran hub */
.hub-shell{display:grid;gap:18px;width:100%;max-width:100%;min-width:0}
.hub-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,#0b5d47 0%,#16324f 100%);color:#fff;box-shadow:var(--shadow);min-width:0}
.hub-hero>div:first-child{min-width:0;flex:1}
.hub-eyebrow{margin:0 0 6px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.78;font-weight:800}
.hub-hero h1{margin:0;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:800;letter-spacing:-.02em;line-height:1.25}
.hub-lead{margin:8px 0 0;max-width:46rem;opacity:.9;font-size:.92rem;line-height:1.45}
.hub-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:min(520px,100%)}
.hub-actions .button{white-space:nowrap;min-height:40px;padding:8px 12px;font-size:11px}
.hub-actions .button.secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.hub-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.hub-kpi{display:grid;gap:4px;padding:14px 12px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 16px rgba(19,44,58,.05);min-height:96px;min-width:0}
.hub-kpi span{font-size:.68rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.hub-kpi strong{font-size:clamp(1.35rem,2.5vw,1.85rem);line-height:1;font-weight:800}
.hub-kpi small{font-size:.72rem;color:var(--muted)}
.hub-kpi.wait{border-top:3px solid #c2410c}
.hub-kpi.assign{border-top:3px solid #b77908}
.hub-kpi.progress{border-top:3px solid #1d4ed8}
.hub-kpi.review{border-top:3px solid #0f7a5c}
.hub-kpi.warn{border-top:3px solid var(--tone-urgent,#b91c1c)}
.hub-kpi.urgent{border-top:3px solid var(--tone-urgent,#b91c1c)}
.hub-kpi.citizen{border-top:3px solid var(--tone-approval,#7c3aed)}
.hub-kpi.closed{border-top:3px solid var(--tone-cancelled,#647382)}
.hub-kpi.today{border-top:3px solid var(--tone-done,#15803d)}
.hub-kpi.live{border-top:3px solid var(--tone-new,#1d4ed8)}
.hub-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.85fr);gap:14px;align-items:start;min-width:0}
.hub-side{display:grid;gap:14px;min-width:0}
.hub-panel{min-width:0;overflow:hidden}
.hub-panel .section-title{margin-bottom:12px}
.hub-kpi.form{border-top:3px solid #0f766e}
.hub-kpi.form-done{border-top:3px solid #15803d}
.hub-kpi.form-total{border-top:3px solid #1e3a5f}
.hub-forms{margin:0 0 16px}
.hub-forms .section-title{align-items:flex-start}
.hub-forms td small{display:block;color:var(--muted);font-size:.75rem}
.hub-feed a{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:#f7fafb;border:1px solid #e7eef2}
.hub-feed strong{font-size:.92rem}
.hub-feed span,.hub-feed small{color:var(--muted);font-size:.78rem}
.hub-meta p{margin:0 0 6px;color:var(--muted);font-size:.8rem}
.hub-url{word-break:break-all;font-size:.95rem}
.live-map-dot-ring span{box-shadow:0 0 0 3px rgba(11,93,71,.28)}
.map-meter-legend{margin:10px 0 8px;padding:8px 10px;border-radius:12px;background:#f4f8f6;border:1px solid #d7e6df}
.map-meter-legend .md-toggle-title{margin:0 0 6px;display:block}
.map-meter-legend ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.map-meter-legend li{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#334155}
.map-meter-legend i{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15);flex:0 0 auto}
.map-meter-pop table{width:100%;border-collapse:collapse;margin-top:6px;font-size:.82rem}
.map-meter-pop th{text-align:left;color:#667785;font-weight:650;padding:2px 8px 2px 0;vertical-align:top;white-space:nowrap}
.map-meter-pop td{padding:2px 0;vertical-align:top}
.su-map-legend{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0 0 10px;padding:0}
.su-map-legend li{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#475569}
.su-map-legend i{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.12)}
.su-map-pop-table{width:100%;border-collapse:collapse;margin-top:6px;font-size:.82rem}
.su-map-pop-table th{text-align:left;color:#667785;font-weight:650;padding:2px 8px 2px 0;white-space:nowrap}
.su-map-pop-table td{padding:2px 0}
.su-map-pin i{display:block;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}

/* Saha ?st bar ? logo + kayd?r?labilir men? + ??k?? (web portal) */
.topbar-saha{gap:10px}
.session-slot-badge{
  display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;
  background:#16324f;color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em;
  white-space:nowrap;flex:0 0 auto
}
.session-slot-note{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#eef3f8}
.topbar-tools .a11y-toggle[data-a11y-drawer-open]{min-width:auto;padding:0 10px;font-size:11px;font-weight:800}
.topbar-tools a.a11y-toggle{display:grid;place-items:center;text-decoration:none}
.saha-top-nav,
.desktop-nav,
.manager-desktop-nav,
.admin-desktop-nav,
.executive-desktop-nav{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;
  flex:none;min-width:0;max-width:100%;width:100%;
  overflow:visible;
  position:relative;z-index:2;
  padding:6px 0 2px
}
.saha-top-nav::-webkit-scrollbar,
.desktop-nav::-webkit-scrollbar,
.manager-desktop-nav::-webkit-scrollbar,
.admin-desktop-nav::-webkit-scrollbar,
.executive-desktop-nav::-webkit-scrollbar{height:6px}
.saha-top-nav::-webkit-scrollbar-thumb,
.desktop-nav::-webkit-scrollbar-thumb,
.manager-desktop-nav::-webkit-scrollbar-thumb,
.admin-desktop-nav::-webkit-scrollbar-thumb,
.executive-desktop-nav::-webkit-scrollbar-thumb{background:#9db9ae;border-radius:99px}
.saha-top-nav a,
.desktop-nav a,
.manager-desktop-nav a,
.admin-desktop-nav a,
.executive-desktop-nav a{
  flex:0 0 auto;white-space:nowrap;
  padding:8px 12px;border-radius:10px;font-size:12px;font-weight:800;
  color:#53636e;text-decoration:none;min-height:40px;
  display:inline-flex;align-items:center
}
.saha-top-nav a:hover,
.desktop-nav a:hover{background:var(--green-soft);color:var(--green)}
.saha-top-nav a.is-active,
.desktop-nav a.is-active{
  background:var(--green)!important;color:#fff!important;
  box-shadow:0 4px 12px rgba(11,93,71,.2)
}
.user-menu-saha{
  display:flex;align-items:center;gap:8px;flex:0 0 auto;flex-shrink:0;margin-left:0;order:4
}
.user-menu-saha .user-chip{
  font-size:12px;font-weight:800;color:#334;max-width:9rem;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.topbar-logout{margin:0;display:flex;flex-shrink:0}
.topbar-logout-btn{
  min-height:40px;padding:0 14px;font-size:12px;font-weight:800;
  border:1px solid #d7e4de;background:#fff;color:#0b5d47;border-radius:10px
}
.topbar-logout-btn:hover{background:#e8f4ef}
.field-home-logout{margin:0;flex:0 0 auto}
.field-home-logout .button{min-height:44px;padding:0 16px;font-weight:800}

/* ?st bar: tek sat?r ? men? ta?arsa KAYDIR (gizleme yok) */
.topbar{
  min-width:0;overflow:visible;flex-wrap:nowrap;align-items:center;
  height:auto;min-height:72px;padding-top:10px;padding-bottom:10px;
  gap:10px
}
.topbar > .brand{flex:0 1 auto;min-width:0;max-width:min(240px,32vw);order:0}
.topbar > .session-slot-badge{order:1}
.topbar > .saha-top-nav,
.topbar > .desktop-nav,
.topbar > .manager-desktop-nav,
.topbar > .admin-desktop-nav,
.topbar > .executive-desktop-nav{order:2}
.topbar > .user-menu,
.topbar > .user-menu-saha{flex:0 0 auto;flex-shrink:0;margin-left:auto;order:4;position:relative;z-index:3}

/* Admin/Amir/Y?netici: geni? ekranda uzun ?erit; dar ekranda k?sa saha-top-nav */
@media(min-width:901px){
  header.topbar-saha .saha-top-nav[aria-label="Amir men?"],
  header.topbar-saha .saha-top-nav[aria-label="Admin men?"],
  header.topbar-saha .saha-top-nav[aria-label="Y?netici men?"]{display:none}
  .manager-desktop-nav,.admin-desktop-nav,.executive-desktop-nav{display:flex!important}
}
@media(max-width:900px){
  .topbar-saha .brand-text small{display:none}
  .user-menu-saha .user-chip{display:none}
  .topbar-logout-btn{min-height:44px;padding:0 16px;font-size:13px}
  .manager-desktop-nav,.admin-desktop-nav,.executive-desktop-nav{display:none!important}
  header.topbar-saha .saha-top-nav[aria-label="Amir men?"],
  header.topbar-saha .saha-top-nav[aria-label="Admin men?"],
  header.topbar-saha .saha-top-nav[aria-label="Y?netici men?"]{display:flex!important}
}
@media(max-width:760px){
  .user-menu .topbar-logout,.user-menu-saha .topbar-logout{display:flex!important}
  .user-menu .user-chip{display:none}
  .topbar > .brand{max-width:min(160px,40vw)}
  .brand-text strong{font-size:11px;line-height:1.15}
}

.desktop-nav a.nav-emphasis{/* eski sabit vurgu kald?r?ld? ? yaln?z .is-active */}
.page{min-width:0;width:100%}

@media(max-width:1200px){
  .hub-grid{grid-template-columns:1fr}
  .hub-hero{flex-direction:column;align-items:stretch}
  .hub-actions{max-width:none;justify-content:flex-start}
}
@media(max-width:1100px){
  .hub-kpis{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
}
@media(max-width:760px){
  .hub-shell{gap:14px}
  .hub-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hub-kpi{min-height:88px;padding:12px 10px}
  .hub-hero{padding:14px}
  .hub-actions{width:100%}
  .hub-actions .button{flex:1 1 calc(50% - 8px);justify-content:center;min-width:0;white-space:normal;text-align:center;line-height:1.25}
  .hub-forms .button-row{display:grid;grid-template-columns:1fr;gap:8px}
  .hub-forms .button-row .button{width:100%}
}
@media(max-width:420px){
  .hub-actions .button{flex:1 1 100%}
}

/* Y?netim / hub ekrana s??s?n ? yatay ta?may? kes (sticky bozmas?n diye clip) */
html{overflow-x:clip;max-width:100%}
body{overflow-x:clip;max-width:100%}
@supports not (overflow-x: clip){
  html{overflow-x:hidden}
  body{overflow-x:hidden}
}
.page,.hub-shell,.hub-panel,.hub-grid,.hub-side,.table-wrap{max-width:100%;min-width:0}
.hub-panel .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hub-forms .section-title{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:flex-start}
.hub-forms .button-row{display:flex;flex-wrap:wrap;gap:8px}
/* ?st men? kayd?rmas? i?in max-width k?s?t? olmamal?; flex:1 1 0% ile s?n?rlan?r */
.topbar .desktop-nav,
.topbar .saha-top-nav,
.topbar .admin-desktop-nav,
.topbar .manager-desktop-nav,
.topbar .executive-desktop-nav{max-width:none}
.topbar .brand{min-width:0!important}
@media(max-width:1400px){
  .topbar{padding:0 16px;gap:10px}
  .topbar > .brand{max-width:min(220px,28vw)}
  .hub-actions{max-width:100%}
}
@media(max-width:980px){
  .hub-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hub-kpi{min-height:84px}
  .hub-kpi strong{font-size:1.35rem}
}
@media(max-width:760px){
  .hub-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-forms td:nth-child(2),.hub-forms th:nth-child(2){display:none}
  .mobile-admin-panel{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .mobile-admin-grid a strong{font-size:9px;line-height:1.25}
}

/* ?ube amiri ? gruplu ?st men? (details/summary) */
.nav-group{position:relative;flex:0 0 auto}
.nav-group>summary.nav-group-toggle{list-style:none;cursor:pointer;border:0;background:transparent;font:inherit;font-weight:700;font-size:12px;padding:12px 10px;border-radius:8px;color:inherit;display:flex;align-items:center;gap:4px}
.nav-group>summary.nav-group-toggle::-webkit-details-marker{display:none}
.nav-group>summary.nav-group-toggle::after{content:"?";font-size:10px;opacity:.65}
.nav-group>summary.nav-group-toggle:hover,.nav-group[open]>summary.nav-group-toggle{background:var(--green-soft);color:var(--green)}
.nav-group-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:120}
.nav-group[open] .nav-group-menu{display:grid;gap:2px}
.nav-group-menu a{display:block;padding:10px 12px;border-radius:8px;font-size:11px;font-weight:700;color:var(--ink);white-space:nowrap}
.nav-group-menu a:hover{background:var(--green-soft);color:var(--green)}

/* ?ube y?netimi ? sekmeli hub */
.team-hub-heading{margin-bottom:12px}
.team-hub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;position:sticky;top:88px;z-index:12}
.team-hub-tab{padding:10px 14px;border-radius:10px;font-size:11px;font-weight:800;color:#53636e;background:transparent;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.team-hub-tab:hover{background:#f0f6f3;color:var(--green)}
.team-hub-tab.is-active{background:var(--green);color:#fff;box-shadow:0 4px 14px rgba(11,93,71,.22)}
.team-hub-card{margin-bottom:14px}
.team-category-inline-form{margin-top:14px;padding:14px 16px;border:1px dashed #b8d0c8;border-radius:12px;background:#f8fcfa}
.team-category-inline-form label{margin:0}
.team-dispatch-form .street-typeahead{margin-bottom:4px}
@media(max-width:760px){
  .team-hub-tabs{top:72px}
  .team-hub-tab{white-space:normal}
}

/* v5.14.0 ? modern g?r?n?m, eri?ilebilir etkile?imler ve kamera ekran? */
:root{
  --bg:#f4f7f6;
  --line:#d9e4df;
  --shadow:0 12px 34px rgba(15,54,44,.08);
  --shadow-strong:0 20px 54px rgba(15,54,44,.15);
}
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(15,122,92,.08),transparent 30rem),
    linear-gradient(180deg,#f8faf9 0%,var(--bg) 34rem);
}
.topbar{
  background:rgba(255,255,255,.92);
  border-bottom-color:rgba(190,209,201,.82);
  box-shadow:0 6px 24px rgba(15,54,44,.05);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.card,.hub-kpi,.team-hub-tabs{box-shadow:var(--shadow)}
.card{border-radius:18px}
input,select,textarea{border-radius:12px;transition:border-color .18s ease,box-shadow .18s ease}
.button{border-radius:12px;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.button:active{transform:translateY(1px)}
.button.primary,.button.success{box-shadow:0 8px 18px rgba(11,93,71,.18)}
.button:focus-visible,a:focus-visible,.quick-type-card:focus-visible,.map-category-chip:focus-visible{
  outline:3px solid rgba(240,193,75,.92);
  outline-offset:3px;
}
.login-shell{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 24%,rgba(89,190,151,.30),transparent 28rem),
    radial-gradient(circle at 84% 82%,rgba(240,193,75,.18),transparent 24rem),
    linear-gradient(135deg,#052f27 0%,#0b624c 54%,#e9f3ef 54%,#f6faf8 100%);
}
.login-shell::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:32px 32px;
}
.login-brand,.login-card{position:relative;z-index:1}
.login-card{border:1px solid rgba(255,255,255,.65);border-top:5px solid var(--green-2);border-radius:24px;box-shadow:var(--shadow-strong)}
.large-mark{box-shadow:0 18px 40px rgba(0,0,0,.16)}
.gateway-hero{min-height:min(76svh,700px)}
.gateway-path{
  min-height:132px;
  justify-content:center;
  border-radius:20px;
  box-shadow:0 10px 28px rgba(15,58,48,.07);
}
.gateway-path:hover{box-shadow:0 18px 38px rgba(15,58,48,.13)}

/* Gateway v2 ? ana giri? */
.gateway-v2{background:#eef5f1}
.gateway-hero-v2{min-height:100svh;align-items:center}
.gateway-hero-copy-v2{
  width:min(640px,100%);
  padding:clamp(32px,7vw,80px);
  padding-bottom:clamp(48px,10vw,96px);
}
.gateway-hero-v2 .gateway-brand{
  font-family:"Outfit",system-ui,sans-serif;
  font-weight:800;
  letter-spacing:-.02em;
  text-shadow:0 8px 40px rgba(0,0,0,.28);
}
.gateway-hero-v2 .gateway-eyebrow{color:#d9f0e4;letter-spacing:.22em}
.gateway-hero-v2 .gateway-cta-primary{
  background:#fff;color:#0b5d47;min-height:56px;padding:0 28px;border-radius:16px;font-weight:800;
  box-shadow:0 16px 36px rgba(0,0,0,.18)
}
.gateway-hero-v2 .gateway-cta-primary:hover{background:#f3faf7;transform:translateY(-3px)}
.gateway-hero-v2 .gateway-cta-secondary{
  border-color:rgba(255,255,255,.7);min-height:56px;padding:0 24px;border-radius:16px;font-weight:700
}
.gateway-photo-veil-v2{
  background:
    linear-gradient(115deg,rgba(5,40,32,.78) 0%,rgba(5,40,32,.45) 48%,rgba(5,40,32,.62) 100%),
    linear-gradient(180deg,transparent 20%,rgba(5,40,32,.75) 100%)
}
.gateway-aurora{position:absolute;inset:0;overflow:hidden;background:linear-gradient(160deg,#042820 0%,#0b5d47 42%,#126b54 70%,#0a3d32 100%)}
.gateway-orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.55;animation:gateway-orb-float 10s ease-in-out infinite}
.gateway-orb-a{width:42vw;height:42vw;left:-8%;top:-10%;background:radial-gradient(circle,#2aa87d,transparent 68%)}
.gateway-orb-b{width:36vw;height:36vw;right:-6%;bottom:8%;background:radial-gradient(circle,#f0c14b55,transparent 70%);animation-delay:-3s}
.gateway-orb-c{width:28vw;height:28vw;left:35%;bottom:-12%;background:radial-gradient(circle,#ffffff33,transparent 70%);animation-delay:-6s}
@keyframes gateway-orb-float{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(2%,-3%,0) scale(1.06)}
}

/* Vatanda? giri? ? mobil uygulama hissi */
.citizen-auth-body .page.auth-page{max-width:none;margin:0;padding:0;width:100%}
.citizen-auth-body .flash-stack{left:14px;right:14px;top:max(12px,env(safe-area-inset-top));z-index:50}
.citizen-auth{
  min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;background:#e8f1ec;font-family:"Outfit",system-ui,sans-serif
}
.citizen-auth--app{
  grid-template-columns:1fr;grid-template-rows:minmax(38svh,42svh) 1fr;max-width:480px;margin:0 auto;
  background:#041f1a;box-shadow:0 0 0 1px rgba(0,0,0,.04)
}
.citizen-auth-hero{
  position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:end;min-height:38svh;
  padding:clamp(20px,5vw,36px);padding-bottom:36px;color:#fff
}
.citizen-auth-hero-visual{position:absolute;inset:0;z-index:0;background:#042820}
.citizen-auth-slider,.citizen-auth-slide{position:absolute;inset:0}
.citizen-auth-slide{
  background-size:cover;background-position:center;opacity:0;transform:scale(1.06);
  transition:opacity 1s ease,transform 6s ease
}
.citizen-auth-slide.is-active{opacity:1;transform:scale(1)}
.citizen-auth-aurora{position:absolute;inset:0;overflow:hidden;background:linear-gradient(160deg,#042820,#0b5d47 55%,#1a8f6e)}
.citizen-auth-orb{
  position:absolute;border-radius:50%;filter:blur(2px);opacity:.45;
  animation:citizen-auth-orb 9s ease-in-out infinite
}
.citizen-auth-orb.a{width:55%;height:55%;left:-12%;top:-8%;background:radial-gradient(circle,#7dcea0,transparent 70%)}
.citizen-auth-orb.b{width:48%;height:48%;right:-10%;bottom:5%;background:radial-gradient(circle,#f0c14b66,transparent 70%);animation-delay:-3s}
.citizen-auth-orb.c{width:36%;height:36%;left:35%;top:40%;background:radial-gradient(circle,#ffffff33,transparent 70%);animation-delay:-5s}
@keyframes citizen-auth-orb{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(3%,-4%,0) scale(1.08)}
}
.citizen-auth-veil{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(4,32,26,.25) 0%,rgba(4,32,26,.55) 42%,rgba(4,32,26,.92) 100%)
}
.citizen-auth-brand{
  position:relative;z-index:2;display:grid;justify-items:center;text-align:center;gap:6px;
  animation:citizen-auth-rise .65s ease both
}
.citizen-auth-logo{
  width:clamp(88px,20vw,112px);height:clamp(88px,20vw,112px);object-fit:contain;margin:0 0 6px;
  border-radius:0;background:transparent;padding:0;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.32));
  animation:citizen-auth-logo .8s cubic-bezier(.2,.9,.2,1.2) both
}
.citizen-auth-kicker{
  margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;opacity:.88;text-transform:none
}
.citizen-auth-brand h1{
  margin:0;font-size:clamp(1.55rem,5.5vw,2rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;text-transform:none
}
.citizen-auth-tag{margin:4px 0 0;font-size:.95rem;opacity:.88;font-weight:550}
.citizen-auth-sheet{
  position:relative;z-index:3;display:grid;align-content:start;gap:14px;
  margin-top:-22px;padding:26px 20px max(28px,env(safe-area-inset-bottom));
  border-radius:28px 28px 0 0;background:#f7fbf9;
  box-shadow:0 -12px 40px rgba(0,0,0,.18);animation:citizen-auth-sheet .55s .08s ease both
}
.citizen-auth-sheet-head{text-align:center;margin-bottom:4px}
.citizen-auth-hello{
  margin:0;font-size:.8rem;font-weight:750;letter-spacing:.04em;color:#0b5d47;text-transform:none
}
.citizen-auth-sheet-head h2{
  margin:4px 0 6px;font-size:1.45rem;font-weight:800;color:#0d3f34;letter-spacing:-.02em
}
.citizen-auth-sheet-head p{margin:0;color:#5b7169;font-size:.92rem}
.citizen-auth-form{display:grid;gap:12px}
.citizen-auth-field{display:grid;gap:6px}
.citizen-auth-field>span{font-size:.78rem;font-weight:750;color:#3d524a;padding-left:4px}
.citizen-auth-field input{
  min-height:56px;border:0;border-radius:16px;padding:14px 16px;font-size:1.05rem;font-weight:650;
  background:#fff;color:#12352c;box-shadow:inset 0 0 0 1.5px #d5e4df;
  transition:box-shadow .2s ease,transform .2s ease
}
.citizen-auth-field input::placeholder{color:#9aafa6;font-weight:550}
.citizen-auth-field input:focus{
  outline:0;box-shadow:inset 0 0 0 2px #0b5d47,0 0 0 4px rgba(11,93,71,.12)
}
.citizen-auth-opts{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:2px
}
.citizen-auth-opts a{color:#0b5d47;font-weight:750;text-decoration:none;font-size:.88rem}
.citizen-auth-check{
  display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:650;color:#3d524a;cursor:pointer
}
.citizen-auth-check input{width:18px;height:18px;accent-color:#0b5d47}
.citizen-auth-submit{
  margin-top:6px;min-height:56px;border:0;border-radius:18px;background:#0b5d47;color:#fff;
  font-size:1.05rem;font-weight:800;cursor:pointer;
  box-shadow:0 14px 28px rgba(11,93,71,.28);transition:transform .2s ease,background .2s ease
}
.citizen-auth-submit:active{transform:scale(.98)}
.citizen-auth-submit:hover{background:#094a39}
.citizen-auth-bio{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;
  border:0;border-radius:16px;background:#e7f3ee;color:#0d3f34;font-weight:800;font-size:1rem;cursor:pointer
}
.citizen-auth-bio-icon{font-size:1.15rem;color:#0b5d47}
.citizen-auth-divider{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#8aa399;font-size:.78rem;font-weight:700
}
.citizen-auth-divider::before,.citizen-auth-divider::after{content:"";height:1px;background:#d5e4df}
.citizen-auth-register{
  display:grid;place-items:center;min-height:52px;border-radius:16px;border:1.5px solid #0b5d47;
  color:#0b5d47;font-weight:800;text-decoration:none;background:transparent;transition:background .2s ease
}
.citizen-auth-register:hover{background:#e7f3ee}
.citizen-auth-mini{
  display:flex;justify-content:center;gap:18px;padding-top:4px
}
.citizen-auth-mini a{color:#6a8078;font-size:.82rem;font-weight:650;text-decoration:none}
.citizen-auth-mini a:hover{color:#0b5d47}
.citizen-auth-mini-btn{border:0;background:transparent;padding:0;color:#6a8078;font-size:.82rem;font-weight:650;cursor:pointer;font-family:inherit}
.citizen-auth-mini-btn:hover{color:#0b5d47}
.citizen-auth-optional{font-weight:550;color:#8aa399;text-transform:none}
.citizen-auth-hint{color:#8aa399;font-size:.76rem;font-weight:550;padding-left:4px}
.citizen-auth-check--consent{align-items:flex-start;line-height:1.35}
.citizen-auth-check--consent input{margin-top:2px;flex:0 0 auto}
.citizen-auth-check--consent a{color:#0b5d47}
@keyframes citizen-auth-rise{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@keyframes citizen-auth-logo{
  from{opacity:0;transform:scale(.72)}
  to{opacity:1;transform:scale(1)}
}
@keyframes citizen-auth-sheet{
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:none}
}
@media(min-width:900px){
  .citizen-auth--app{
    max-width:920px;margin:28px auto;min-height:calc(100svh - 56px);border-radius:28px;overflow:hidden;
    grid-template-columns:1.05fr .95fr;grid-template-rows:1fr
  }
  .citizen-auth-hero{min-height:100%;padding:48px;align-content:center}
  .citizen-auth-sheet{
    margin:0;border-radius:0;box-shadow:none;padding:clamp(28px,4vw,48px);
    align-content:center;background:#fff
  }
  .citizen-auth-brand{justify-items:start;text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .citizen-auth-orb,.citizen-auth-brand,.citizen-auth-logo,.citizen-auth-sheet,.citizen-auth-slide{animation:none!important;transition:none!important}
}
.button.ghost{background:transparent;border:1px solid #cfe0d8;color:#0d3f34}
.button.location.is-busy{opacity:.85;cursor:wait}
@media(prefers-reduced-motion:reduce){.gateway-orb{animation:none}}

/* ??? Ana giri?: Dikmen Gate (cinema) ??? */
.dikmen-gate{min-height:100vh;display:flex;flex-direction:column;background:#e8f1ec;font-family:"Outfit",sans-serif;color:#12352c}
.dikmen-gate--cinema{background:#041f19}
.dikmen-gate-hero{
  position:relative;isolation:isolate;min-height:100svh;display:grid;align-items:end;overflow:hidden;background:#042820
}
.dikmen-gate-visual{position:absolute;inset:0;z-index:0}
.dikmen-gate-slider{position:absolute;inset:0}
.dikmen-gate-slide{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transform:scale(1.08);transition:opacity 1.25s ease;
  will-change:opacity,transform
}
.dikmen-gate-slide.is-active{
  opacity:1;animation:dikmen-gate-kenburns 7.5s ease-out both
}
@keyframes dikmen-gate-kenburns{
  from{transform:scale(1.12)}
  to{transform:scale(1)}
}
.dikmen-gate-aurora{
  position:absolute;inset:0;overflow:hidden;
  background:linear-gradient(155deg,#031a15 0%,#0b5d47 42%,#147a5c 68%,#042820 100%)
}
.dikmen-gate-orb{
  position:absolute;border-radius:50%;filter:blur(10px);opacity:.55;
  animation:dikmen-gate-orb 11s ease-in-out infinite
}
.dikmen-gate-orb.a{width:58%;height:58%;left:-16%;top:-12%;background:radial-gradient(circle,#3ecf96,transparent 70%)}
.dikmen-gate-orb.b{width:48%;height:48%;right:-14%;bottom:0;background:radial-gradient(circle,#f0c14b66,transparent 70%);animation-delay:-4s}
.dikmen-gate-orb.c{width:34%;height:34%;left:38%;top:36%;background:radial-gradient(circle,#ffffff40,transparent 70%);animation-delay:-7s}
.dikmen-gate-mesh{
  position:absolute;inset:-20%;
  background:
    radial-gradient(circle at 20% 30%,rgba(255,255,255,.08),transparent 28%),
    radial-gradient(circle at 80% 20%,rgba(240,193,75,.12),transparent 26%),
    radial-gradient(circle at 60% 80%,rgba(62,207,150,.1),transparent 30%);
  animation:dikmen-gate-mesh 16s ease-in-out infinite alternate
}
@keyframes dikmen-gate-orb{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(3%,-4%,0) scale(1.08)}
}
@keyframes dikmen-gate-mesh{
  from{transform:translate3d(0,0,0) rotate(0deg)}
  to{transform:translate3d(-2%,3%,0) rotate(4deg)}
}
.dikmen-gate-grain{
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.18;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")
}
.dikmen-gate-veil{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,24,20,.28) 0%,rgba(2,24,20,.15) 35%,rgba(2,24,20,.72) 72%,rgba(2,24,20,.92) 100%),
    linear-gradient(100deg,rgba(2,24,20,.55) 0%,transparent 55%)
}
.dikmen-gate-copy{
  position:relative;z-index:3;width:min(640px,100%);
  padding:clamp(28px,6vw,72px);
  padding-bottom:clamp(72px,10vw,96px);
  color:#fff
}
.dikmen-gate-logo{
  width:clamp(84px,18vw,112px);height:clamp(84px,18vw,112px);display:block;margin:0 0 12px -2px;
  object-fit:contain;background:transparent;padding:0;border-radius:0;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.32));
  animation:dikmen-gate-logo .9s cubic-bezier(.2,.9,.2,1.15) both
}
@keyframes dikmen-gate-logo{
  from{opacity:0;transform:scale(.82) translateY(12px)}
  to{opacity:1;transform:none}
}
.dikmen-gate-kicker{
  margin:0 0 10px;font-size:.82rem;letter-spacing:.08em;font-weight:700;opacity:.9;
  animation:gateway-rise .7s .05s ease both
}
.dikmen-gate-copy h1{
  margin:0 0 12px;font-size:clamp(2.15rem,7vw,3.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.02;
  text-shadow:0 8px 28px rgba(0,0,0,.35);animation:gateway-rise .75s .1s ease both
}
.dikmen-gate-lead{
  margin:0 0 26px;max-width:28ch;font-size:clamp(1.05rem,2.6vw,1.25rem);line-height:1.45;opacity:.94;font-weight:550;
  animation:gateway-rise .75s .16s ease both
}
.dikmen-gate-cta{display:flex;flex-wrap:wrap;gap:12px;animation:gateway-rise .75s .22s ease both}
.dikmen-gate-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;
  border-radius:16px;font-weight:800;text-decoration:none;transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease
}
.dikmen-gate-btn.primary{
  background:linear-gradient(180deg,#fff,#f2f8f5);color:#0b5d47;
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.9)
}
.dikmen-gate-btn.primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.34)}
.dikmen-gate-btn.ghost{border:1.5px solid rgba(255,255,255,.7);color:#fff;backdrop-filter:blur(8px);background:rgba(255,255,255,.06)}
.dikmen-gate-btn.ghost:hover{background:rgba(255,255,255,.14);border-color:#fff;transform:translateY(-3px)}
.dikmen-gate-progress{
  position:absolute;left:clamp(28px,6vw,72px);right:clamp(28px,6vw,72px);bottom:28px;z-index:4;
  display:flex;gap:8px;align-items:center
}
.dikmen-gate-dot{
  flex:1;max-width:48px;height:3px;border:0;padding:0;border-radius:99px;cursor:pointer;
  background:rgba(255,255,255,.28);overflow:hidden;position:relative
}
.dikmen-gate-dot.is-active{background:rgba(255,255,255,.35)}
.dikmen-gate-dot.is-active::after{
  content:"";position:absolute;inset:0;border-radius:inherit;background:#f0c14b;
  transform-origin:left center;animation:dikmen-gate-dot 5.5s linear both
}
@keyframes dikmen-gate-dot{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.dikmen-gate-scroll{
  position:absolute;left:50%;bottom:18px;z-index:4;width:28px;height:42px;margin-left:-14px;
  border:1.5px solid rgba(255,255,255,.45);border-radius:16px;display:grid;place-items:start center;padding-top:8px;
  text-decoration:none;animation:gateway-rise .8s .4s ease both
}
.dikmen-gate-scroll span{
  width:4px;height:8px;border-radius:99px;background:#fff;
  animation:dikmen-gate-scroll 1.6s ease-in-out infinite
}
@keyframes dikmen-gate-scroll{
  0%{opacity:.3;transform:translateY(0)}
  50%{opacity:1;transform:translateY(10px)}
  100%{opacity:.3;transform:translateY(14px)}
}
.dikmen-gate-more{
  width:min(960px,100%);margin:0 auto;padding:28px 16px 8px;
  background:linear-gradient(180deg,#e8f1ec 0%,#eef5f1 100%);
  border-radius:28px 28px 0 0;margin-top:-18px;position:relative;z-index:5;
  box-shadow:0 -18px 40px rgba(0,0,0,.18)
}
.dikmen-gate-more-label{
  margin:0 4px 12px;font-size:.78rem;font-weight:750;letter-spacing:.04em;color:#5b7169
}
.dikmen-gate-nudge{margin:14px 4px 0;font-size:.88rem;color:#5b7169;line-height:1.45}
.dikmen-gate-nudge.is-warn{
  padding:10px 12px;border-radius:12px;border:1px solid #f0c56d;background:#fff8e8;color:#6b5a3a
}
.dikmen-gate-nudge.is-warn a{font-weight:800;color:#0b5d47}
.dikmen-pay-hint.is-guest-warn{
  padding:10px 12px;border-radius:12px;border:1px solid #f0c56d;background:#fff8e8;color:#6b5a3a
}
.dikmen-gate-games{
  width:min(960px,100%);margin:0 auto;padding:8px 16px 20px;
  background:linear-gradient(180deg,#eef5f1 0%,#f4f8f6 100%);
  position:relative;z-index:5
}
.dikmen-gate-games .dikmen-flow-section-head{margin-bottom:10px}
.dikmen-gate-game-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
@media(max-width:700px){
  .dikmen-gate-game-grid{grid-template-columns:1fr}
}
.dikmen-home-games{margin:4px 0 16px}
.dikmen-home-games .eco-game-cards{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
@media(max-width:700px){
  .dikmen-home-games .eco-game-cards{grid-template-columns:1fr}
}
.dikmen-gate-citizen{
  width:min(960px,100%);margin:-28px auto 0;padding:0 16px;position:relative;z-index:2
}
.dikmen-gate-lane--solo{min-height:0}
.dikmen-gate-split{
  width:min(960px,100%);margin:-28px auto 0;padding:0 16px;position:relative;z-index:2;
  display:grid;grid-template-columns:1.15fr .85fr;gap:12px
}
.dikmen-gate-lane{
  display:flex;flex-direction:column;gap:8px;min-height:180px;padding:22px 20px;border-radius:24px;
  text-decoration:none;color:inherit;box-shadow:0 16px 36px rgba(15,58,48,.12)
}
.dikmen-gate-lane.citizen{background:linear-gradient(160deg,#0d3f34,#147a5c);color:#fff}
.dikmen-gate-lane.staff{background:#fff;border:1px solid #d5e4df}
.dikmen-gate-lane-kicker{font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:none;opacity:.9}
.dikmen-gate-lane strong{font-size:1.15rem;line-height:1.25}
.dikmen-gate-lane p{margin:0;line-height:1.45;font-size:.9rem;opacity:.9;flex:1}
.dikmen-gate-lane em{font-style:normal;font-weight:800;color:#d9f5e8}
.dikmen-gate-staff-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.dikmen-gate-staff-btns a{
  display:grid;place-items:center;min-height:46px;border-radius:14px;font-weight:800;text-decoration:none;
  background:#0b5d47;color:#fff
}
.dikmen-gate-staff-btns a:last-child{background:#16352c}
.dikmen-gate-rail{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px
}
.dikmen-gate-rail a{
  display:flex;flex-direction:column;gap:3px;padding:16px 10px;border-radius:18px;background:#fff;
  border:1px solid #d5e4df;text-align:center;text-decoration:none;color:inherit;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.dikmen-gate-rail a:hover{
  transform:translateY(-3px);border-color:#8fbfab;box-shadow:0 12px 28px rgba(15,58,48,.1)
}
.dikmen-gate-rail strong{font-size:.95rem}.dikmen-gate-rail small{color:#5b7169;font-size:.72rem}
.dikmen-gate-news{
  width:min(960px,100%);margin:0 auto;padding:18px 16px 0;background:#eef5f1
}
.dikmen-gate-news .eyebrow{text-transform:none;letter-spacing:.04em}
.dikmen-gate-foot{
  margin-top:auto;padding:22px 16px 28px;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:14px;width:min(960px,100%);margin-inline:auto;background:#eef5f1
}
.dikmen-gate--cinema .dikmen-gate-foot,.dikmen-gate--cinema .dikmen-gate-news{width:100%;max-width:none;padding-left:max(16px,calc((100% - 960px)/2 + 16px));padding-right:max(16px,calc((100% - 960px)/2 + 16px))}
.dikmen-gate-stats{display:flex;gap:18px}
.dikmen-gate-stats div{display:grid}.dikmen-gate-stats b{font-size:1.25rem;color:#0b5d47}.dikmen-gate-stats span{font-size:.78rem;color:#5b7169}
.dikmen-gate-foot nav{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;color:#5b7169;font-weight:700;font-size:.88rem}
.dikmen-gate-foot nav a{color:#0d3f34;text-decoration:none;border-bottom:1px solid #b7d5cb}
.dikmen-gate-staff-link{opacity:.7;font-weight:650!important;border-bottom-color:#c5d8d0!important}
.dikmen-staff-hub{padding:clamp(28px,6vw,56px) 16px 48px;max-width:720px;margin:0 auto;width:100%}
.dikmen-staff-hub-head{margin-bottom:22px}
.dikmen-staff-hub-back{display:inline-block;margin-bottom:14px;color:#0b5d47;font-weight:700;text-decoration:none}
.dikmen-staff-hub-head h1{margin:6px 0 8px;font-size:clamp(1.6rem,4vw,2.2rem);text-transform:none}
.dikmen-staff-hub-head p{margin:0;color:#5b7169;line-height:1.45}
.dikmen-staff-hub-lanes{display:grid;gap:12px}
.dikmen-staff-hub-lane{
  display:flex;flex-direction:column;gap:6px;padding:22px 20px;border-radius:20px;text-decoration:none;color:#fff
}
.dikmen-staff-hub-lane.mgmt{background:linear-gradient(145deg,#0a2430,#0d3f34)}
.dikmen-staff-hub-lane.field{background:linear-gradient(145deg,#1a2e1c,#2f5a32)}
.dikmen-staff-hub-lane.unified{background:linear-gradient(145deg,#0a2430,#2f5a32)}
.dikmen-staff-hub-lane span{font-size:.78rem;font-weight:700;opacity:.85;text-transform:none}
.dikmen-staff-hub-lane strong{font-size:1.2rem}
.dikmen-staff-hub-lane p{margin:0;opacity:.9;font-size:.92rem;line-height:1.4}
.dikmen-staff-hub-lane em{font-style:normal;font-weight:800;margin-top:4px}
@media(max-width:760px){
  .dikmen-gate-split{grid-template-columns:1fr;margin-top:-18px}
  .dikmen-gate-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dikmen-gate-hero{min-height:100svh}
  .dikmen-gate-progress{bottom:52px}
  .dikmen-gate-scroll{display:none}
  .dikmen-gate-more{margin-top:-24px;border-radius:24px 24px 0 0;padding-top:22px}
}
@media(min-width:761px) and (max-width:920px){
  .dikmen-gate-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ??? Personel giri? (y?netim / saha) ??? */
.staff-auth-body .page.auth-page{max-width:none;margin:0;padding:0;width:100%}
.staff-auth{
  min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;font-family:"Outfit",system-ui,sans-serif;background:#eef5f1
}
.staff-auth-panel{
  position:relative;overflow:hidden;display:grid;align-content:center;justify-items:start;gap:12px;
  padding:clamp(28px,6vw,72px);color:#fff
}
.staff-auth--mgmt .staff-auth-panel{
  background:linear-gradient(160deg,#0a2430 0%,#0d3f34 48%,#125a48 100%)
}
.staff-auth--field .staff-auth-panel{
  background:linear-gradient(160deg,#1a2e1c 0%,#2f5a32 50%,#3d6b3a 100%)
}
.staff-auth--unified .staff-auth-panel{
  background:linear-gradient(160deg,#0a2430 0%,#155a45 50%,#2f5a32 100%)
}
.staff-auth-glow{
  position:absolute;inset:auto -20% -30% auto;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none
}
.staff-auth-logo{
  width:104px;height:104px;object-fit:contain;margin-bottom:10px;
  border-radius:50%;background:#fff;padding:10px;box-shadow:0 14px 32px rgba(0,0,0,.28)
}
.staff-auth-kicker{margin:0;letter-spacing:.18em;font-size:.78rem;font-weight:800;opacity:.85}
.staff-auth-panel strong{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1;max-width:14ch}
.staff-auth-panel>span{max-width:30ch;opacity:.88;line-height:1.5}
.staff-auth-roles{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.staff-auth-roles li{
  padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.78rem;font-weight:750
}
.staff-auth-card{
  display:grid;align-content:center;gap:14px;padding:clamp(22px,5vw,48px);
  background:#fff;box-shadow:-18px 0 50px rgba(11,93,71,.08)
}
.staff-auth-head{display:flex;align-items:center;gap:14px}
.staff-auth-logo-sm{
  width:58px;height:58px;object-fit:contain;border-radius:50%;background:#fff;padding:5px;
  border:1px solid #e2eee8;box-shadow:0 4px 12px rgba(11,93,71,.1)
}
.staff-auth-head h1{margin:.1rem 0;font-size:clamp(1.4rem,3vw,1.85rem)}
.staff-auth-head p{margin:0;color:#5b7169}
.staff-auth-form label{display:grid;gap:6px;font-weight:800;font-size:.82rem;color:#0d3f34}
.staff-auth-form input[type=text],.staff-auth-form input[type=password],.staff-auth-form input:not([type]){
  min-height:52px;border-radius:14px;border:1.5px solid #c9ddd5;padding:12px 14px;font-weight:650
}
.staff-auth-form input:focus{outline:0;border-color:#0b5d47;box-shadow:0 0 0 4px rgba(11,93,71,.12)}
.staff-auth--field .staff-auth-form input:focus{border-color:#2f5a32;box-shadow:0 0 0 4px rgba(47,90,50,.15)}
/* Giri? kullan?c? ad? ? yazarken b?y?k harf */
.login-username,
.staff-auth-form input[name=username],
.login-card input[name=username]{
  text-transform:uppercase;letter-spacing:.02em
}
.staff-auth--field .button.primary{background:#2f5a32}
.staff-auth--field .button.primary:hover{background:#254828}
.staff-auth-hint{margin:0}
.staff-auth-footer{display:grid;gap:10px;margin-top:4px;justify-items:stretch}
.staff-auth-switch{color:#0b5d47;font-weight:800;text-align:center;text-decoration:none}
.staff-auth-switch:hover{text-decoration:underline}
.staff-auth-footer .muted{text-align:center}
@media(max-width:900px){
  .staff-auth{grid-template-columns:1fr}
  .staff-auth-panel{min-height:32svh;padding:26px 20px 22px}
  .staff-auth-panel>span,.staff-auth-roles{display:none}
  .staff-auth-card{padding:22px 18px 36px;border-radius:24px 24px 0 0;margin-top:-16px;position:relative;z-index:1}
}
@media(prefers-reduced-motion:reduce){
  .dikmen-gate-btn:hover,.dikmen-gate-copy,.dikmen-gate-logo,.dikmen-gate-kicker,.dikmen-gate-lead,.dikmen-gate-cta,.dikmen-gate-scroll{animation:none;transform:none}
  .dikmen-gate-slide,.dikmen-gate-slide.is-active{animation:none;transform:none;transition:opacity .4s ease}
  .dikmen-gate-orb,.dikmen-gate-mesh,.dikmen-gate-dot.is-active::after{animation:none}
}
.hub-hero{border-radius:24px;box-shadow:0 16px 38px rgba(11,93,71,.16)}
.hub-kpi{border-radius:18px}
.quick-progress{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin:0 0 14px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(15,54,44,.06);
}
.quick-progress span{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
  padding:8px 5px;
  border-radius:11px;
  color:#6b7d75;
  font-size:.65rem;
  font-weight:850;
  white-space:nowrap;
}
.quick-progress b{
  display:grid;place-items:center;width:21px;height:21px;flex:none;
  border-radius:50%;background:#e7eeeb;color:#52675e;font-size:.68rem;
}
.quick-progress span.is-active{background:#e9f5f0;color:var(--green)}
.quick-progress span.is-active b{background:var(--green);color:#fff}
.quick-progress span.is-complete{color:#176c50}
.quick-progress span.is-complete b{background:#d8eee5;color:transparent}
.quick-progress span.is-complete b::after{content:"?";color:#176c50}
.quick-report .quick-step{border-radius:22px;padding:clamp(16px,4vw,24px);box-shadow:var(--shadow)}
.quick-type-card{
  border:1px solid rgba(15,54,44,.08);
  transition:transform .16s ease,box-shadow .16s ease,outline-color .16s ease;
}
.quick-type-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,35,51,.12)}
.quick-type-card.selected{outline:3px solid var(--green);box-shadow:0 0 0 5px rgba(11,93,71,.11)}
.quick-camera-btn,.quick-send-btn{box-shadow:0 14px 30px rgba(11,93,71,.22)}
.quick-capture-actions{display:grid;gap:8px;margin:8px 0 12px}
.quick-after-photo{
  display:none;
  gap:10px;
  margin-top:12px;
  padding:12px;
  border:2px solid #0b5d47;
  border-radius:18px;
  background:#f3faf6;
}
.quick-after-photo.is-open{display:grid!important}
.quick-photo-img{width:100%;max-height:280px;object-fit:cover;border-radius:16px;border:3px solid #0b5d47;background:#000}
.quick-location-panel{
  margin:4px 0;padding:12px;border:1px solid #c5ddd3;border-radius:14px;background:#fff;
  display:grid;gap:8px;
}
.quick-gps-inline{margin:0;font-size:.85rem;font-weight:800;color:#0b5d47;word-break:break-all}
.quick-infra-mark{
  margin:4px 0;padding:12px;border:1px solid #c5ddd3;border-radius:14px;background:#fff;
  display:grid;gap:8px;
}
.quick-infra-map-wrap{border-radius:12px;overflow:hidden;border:1px solid #c5d9d0;height:220px;background:#0b1a16}
.quick-infra-map{height:100%;width:100%}
.quick-infra-mark .infra-point-types{margin:0}
.infra-pt{border:1px solid #c5d3df;background:#fff;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer}
.infra-pt.is-on{background:#0b5d47;color:#fff;border-color:#0b5d47}
.infra-mark-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font:700 12px/1 sans-serif;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.quick-note-label{display:grid;gap:6px;font-size:.78rem;font-weight:800;color:#526471}
.quick-note-label textarea,.quick-note-label input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px;font:inherit}
.quick-citizen-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}
.quick-citizen-grid .span-2{grid-column:1 / -1}
.quick-citizen-actions{margin:0 0 8px}
.quick-citizen-results{display:grid;gap:8px;margin:0 0 12px}
.quick-citizen-hit{display:grid;gap:2px;text-align:left;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;cursor:pointer}
.quick-citizen-hit strong{font-size:.95rem}
.quick-citizen-hit span{font-size:.75rem;color:#5b6d66}
.quick-citizen-picked{display:grid;gap:4px;margin:0 0 12px;padding:12px;border-radius:14px;background:#e9f5f0;border:1px solid #cfe6dc}
.quick-citizen-picked span{font-size:.78rem;color:#3d5a50}
.quick-voice-row.compact{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.quick-sticky-send{
  display:none!important;
  position:static;left:auto;right:auto;bottom:auto;z-index:1;
  padding:0;background:transparent;
}
.quick-sticky-send.is-open{display:none!important}
.quick-sticky-send .quick-send-btn{width:100%;min-height:48px;font-size:1rem;box-shadow:0 8px 20px rgba(11,93,71,.28)}
@media(min-width:900px){
  .quick-sticky-send{max-width:720px;margin:0 auto;width:100%;padding-bottom:0;transform:none}
}
.web-camera-overlay{
  position:fixed;inset:0;z-index:1000;display:grid;place-items:center;
  padding:clamp(10px,3vw,28px);
  background:rgba(2,16,13,.90);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.web-camera-sheet{
  width:min(900px,100%);max-height:100%;overflow:auto;
  border:1px solid rgba(255,255,255,.18);border-radius:24px;
  background:#061d18;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.46);
}
.web-camera-sheet header{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 18px;background:rgba(255,255,255,.06);
}
.web-camera-sheet header>div{display:grid;gap:3px}
.web-camera-sheet header small{color:rgba(255,255,255,.68)}
.web-camera-close{
  width:42px;height:42px;flex:none;border:1px solid rgba(255,255,255,.22);
  border-radius:50%;background:rgba(255,255,255,.10);color:#fff;font-size:28px;line-height:1;
}
.web-camera-video{
  display:block;width:100%;max-height:min(68vh,680px);aspect-ratio:4/3;
  object-fit:contain;background:#000;
}
.web-camera-actions{
  display:grid;grid-template-columns:1fr 96px 1fr;align-items:center;
  gap:16px;padding:16px 18px calc(16px + env(safe-area-inset-bottom));
}
.web-camera-cancel{grid-column:1}
.web-camera-shutter{
  grid-column:2;width:76px;height:76px;justify-self:center;
  border:5px solid #fff;border-radius:50%;padding:6px;background:transparent;
  box-shadow:0 0 0 4px rgba(255,255,255,.18);
}
.web-camera-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff}
.web-camera-shutter:active span{transform:scale(.88)}
.export-buttons{padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.9)}

@media(max-width:760px){
  .login-shell{
    background:
      radial-gradient(circle at 80% 8%,rgba(240,193,75,.18),transparent 16rem),
      linear-gradient(160deg,#063b2f 0%,#0b624c 44%,#edf5f1 44%,#f8fbf9 100%);
  }
  .gateway-hero{min-height:max(600px,76svh)}
  .gateway-hero-copy{padding-bottom:42px}
  .gateway-paths{padding-top:30px}
  .quick-progress span{font-size:0}
  .quick-progress b{font-size:.72rem}
  .quick-progress span.is-complete b{font-size:0}
  .quick-progress span.is-complete b::after{font-size:.72rem}
  .web-camera-overlay{padding:0}
  .web-camera-sheet{width:100%;height:100%;border:0;border-radius:0;display:flex;flex-direction:column}
  .web-camera-video{flex:1;max-height:none;min-height:0;aspect-ratio:auto}
  .web-camera-actions{grid-template-columns:1fr 82px 1fr}
  .web-camera-shutter{width:68px;height:68px}
  .export-buttons{display:grid;grid-template-columns:1fr 1fr;position:sticky;top:70px;z-index:11}
  .export-buttons .button{width:100%;white-space:normal;text-align:center}
}

/* Birim Hizmetleri ? PC/mobil ekrana s??d?r */
.service-page-heading{
  align-items:flex-start;flex-wrap:wrap;gap:14px;
}
.service-page-heading>div:first-child{min-width:0;flex:1 1 280px}
.service-page-heading h1{
  font-size:clamp(1.15rem,2.2vw,1.65rem);line-height:1.2;overflow-wrap:anywhere;
}
.service-heading-actions{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;
  max-width:100%;min-width:0;flex:1 1 260px;
}
.service-heading-actions .button{
  flex:0 1 auto;white-space:normal;text-align:center;line-height:1.25;
  min-height:40px;padding:8px 12px;font-size:11px;
}
.service-unit-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:14px;margin-bottom:20px;
}
.service-unit-card{
  display:grid;gap:12px;min-width:0;overflow:hidden;align-content:start;
}
.service-unit-head{min-width:0}
.service-unit-head h2{
  margin:4px 0 6px;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.25;
  overflow-wrap:anywhere;
}
.service-unit-head p{
  margin:0;color:var(--muted);font-size:.86rem;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.service-counts{
  display:flex;flex-wrap:wrap;gap:6px;
}
.service-counts span{
  display:inline-flex;align-items:baseline;gap:4px;
  padding:6px 9px;border-radius:999px;background:var(--green-soft);
  border:1px solid #cfe3da;font-size:11px;color:var(--muted);font-weight:700;
}
.service-counts b{color:var(--green);font-size:13px}
.service-action-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(128px,1fr));
  gap:8px;
}
.service-action-grid .button{
  width:100%;min-width:0;white-space:normal;text-align:center;
  line-height:1.25;min-height:44px;padding:8px 10px;font-size:11px;
}
.service-panel{min-width:0;overflow:hidden}
.service-panel .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.service-batch-metrics{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:10px;margin-bottom:16px;
}
.service-batch-metrics .metric{min-width:0}
.service-batch-metrics .metric strong{font-size:clamp(1.2rem,3vw,1.7rem)}
.service-intervene{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.service-intervene form{
  display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;min-width:0;
}
.service-event-actions{
  display:grid;gap:6px;min-width:0;max-width:100%;
}
.service-event-actions .form-grid{
  grid-template-columns:1fr;gap:6px;min-width:0;
}
@media(min-width:900px){
  .service-event-actions .form-grid{
    grid-template-columns:1fr 1fr auto;
  }
}
/* Mobilde global sticky form-actions birim kartlar?n? bozmas?n */
.service-unit-card .form-actions,
.service-heading-actions,
.service-action-grid,
.service-intervene,
.service-event-actions .form-actions{
  position:static!important;background:transparent!important;padding:0!important;
}
@media(max-width:760px){
  .service-page-heading{flex-direction:column;align-items:stretch}
  .service-heading-actions{justify-content:stretch}
  .service-heading-actions .button{flex:1 1 calc(50% - 8px)}
  .service-unit-grid{grid-template-columns:1fr}
  .service-action-grid{grid-template-columns:1fr 1fr}
  .service-panel .table-wrap table{min-width:560px}
}
@media(max-width:420px){
  .service-heading-actions .button,
  .service-action-grid .button{flex:1 1 100%;grid-column:span 1}
  .service-action-grid{grid-template-columns:1fr}
}

.secmen-import-options{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:8px 0 4px;display:grid;gap:8px}
.secmen-import-options legend{padding:0 6px;font-size:.82rem;font-weight:800;color:var(--green)}
.secmen-import-options .radio-line{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;font-weight:600;line-height:1.35}
.secmen-import-options .radio-line input{margin-top:3px}

/* v5.21.0 ? birle?ik arama, Kanban, filo ve memnuniyet */
.global-search-shortcut{display:grid;place-items:center;flex:0 0 38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:inherit;text-decoration:none;font-size:1.45rem;font-weight:900;background:rgba(255,255,255,.1);cursor:pointer;padding:0;font:inherit}.global-search-shortcut:hover{background:rgba(255,255,255,.2)}

/* Komut merkezi (Ctrl+K) */
.command-center{position:fixed;inset:0;z-index:1200;display:grid;place-items:start center;padding:12vh 16px 24px}
.command-center[hidden]{display:none!important}
.command-center-backdrop{position:absolute;inset:0;background:rgba(15,35,40,.48);backdrop-filter:blur(4px)}
.command-center-dialog{position:relative;width:min(640px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 80px rgba(10,40,36,.28);overflow:hidden}
.command-center-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.command-center-icon{font-size:1.35rem;font-weight:900;color:var(--green)}
.command-center-input-row input{flex:1;min-width:0;border:0!important;box-shadow:none!important;outline:none;font-size:1.05rem;padding:8px 0!important;min-height:0!important;background:transparent}
.command-center-kbd{font-size:10px;font-weight:800;padding:4px 7px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#f4f7f6}
.command-center-hint{padding:0 16px 10px}
.command-center-list{max-height:min(52vh,420px);overflow:auto;padding:6px 8px 12px;display:grid;gap:4px}
.command-center-group{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--muted);padding:10px 10px 4px;text-transform:uppercase}
.command-center-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:inherit;border:1px solid transparent;cursor:pointer;background:transparent;width:100%;text-align:left;font:inherit}
.command-center-item:hover,.command-center-item.is-active{background:#eef7f3;border-color:#c5e0d4}
.command-center-item .cc-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:11px;background:#e7f4ef;color:#075b44;font-size:.75rem;font-weight:950}
.command-center-item[data-kind="command"] .cc-icon{background:#eaf2ff;color:#215da8}
.command-center-item[data-kind="person"] .cc-icon,.command-center-item[data-kind="member"] .cc-icon{background:#fff4d8;color:#84610a}
.command-center-item[data-kind="vehicle"] .cc-icon{background:#ede9ff;color:#5a45a4}
.command-center-item[data-kind="citizen"] .cc-icon{background:#eaf2ff;color:#215da8}
.command-center-item[data-kind="street"] .cc-icon{background:#e7f7fa;color:#177185}
.command-center-item>div{display:grid;gap:2px;min-width:0;flex:1}
.command-center-item strong,.command-center-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.command-center-item small{color:var(--muted);font-size:12px}
.command-center-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:14px}
body.command-center-open{overflow:hidden}
.universal-search-card{background:linear-gradient(135deg,#f4faf7,#fff);border-color:#c9e3d8}
.universal-search-form{display:grid;gap:7px}.universal-search-form>label{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:var(--green)}
.universal-search-form>div{display:grid;grid-template-columns:1fr auto;gap:9px}.universal-search-form input{font-size:1.05rem;min-height:50px}
.search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.search-result-section{min-width:0}
.search-result-list{display:grid;gap:7px}.search-result-list>a{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);border-radius:13px;text-decoration:none;color:inherit;background:#fff;transition:.18s ease}
.search-result-list>a:hover{border-color:#73ad98;transform:translateY(-1px);box-shadow:0 7px 20px rgba(10,78,60,.08)}
.search-result-list>a>div{display:grid;gap:3px;min-width:0}.search-result-list strong,.search-result-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-list small{color:var(--muted)}
.search-result-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#e7f4ef;color:#075b44;font-size:.7rem;font-weight:950}.search-result-icon.citizen{background:#eaf2ff;color:#215da8}.search-result-icon.person{background:#fff4d8;color:#84610a}.search-result-icon.vehicle{background:#ede9ff;color:#5a45a4}.search-result-icon.member{background:#ffe9f0;color:#a23d61}.search-result-icon.street{background:#e7f7fa;color:#177185}

.kanban-filter-card{margin-bottom:13px}.kanban-filter-card .filter-grid{grid-template-columns:minmax(220px,1fr) minmax(200px,.6fr) auto;align-items:end}
.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(250px,1fr));gap:11px;overflow-x:auto;padding:3px 2px 18px;scroll-snap-type:x proximity}
.kanban-lane{scroll-snap-align:start;min-height:520px;padding:10px;border:1px solid #d7e3de;border-radius:17px;background:#f3f7f5;transition:.18s ease}.kanban-lane.is-drop-target{outline:3px solid #1f8b69;background:#e8f7f1;transform:translateY(-2px)}
.kanban-lane>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px 12px}.kanban-lane>header>div{display:flex;align-items:center;gap:7px}.kanban-lane h2{font-size:.78rem;margin:0;letter-spacing:.08em}.kanban-lane>header>b{display:grid;place-items:center;min-width:27px;height:27px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.75rem}
.kanban-dot{width:9px;height:9px;border-radius:50%;background:#82928c}.lane-assigned .kanban-dot{background:#c9951c}.lane-active .kanban-dot{background:#2478c7}.lane-review .kanban-dot{background:#8a58ba}.lane-closed .kanban-dot{background:#15805e}
.kanban-cards{display:grid;gap:9px;align-content:start}.kanban-card{padding:12px;border:1px solid #d4e0db;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(14,62,48,.055);cursor:grab}.kanban-card.is-dragging{opacity:.38;cursor:grabbing}.kanban-card.priority-acil{border-left:4px solid #c93d3d}.kanban-card.priority-yuksek{border-left:4px solid #d79221}
.kanban-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.kanban-card h3{font-size:.92rem;margin:9px 0 4px;line-height:1.3}.kanban-card h3 a{text-decoration:none;color:inherit}.kanban-card>p{margin:0 0 8px;color:var(--muted);font-size:.76rem}.kanban-card dl{display:grid;gap:4px;margin:0}.kanban-card dl>div{display:flex;justify-content:space-between;gap:8px;font-size:.67rem}.kanban-card dt{color:var(--muted)}.kanban-card dd{margin:0;text-align:right;font-weight:750}.kanban-return-note{margin-top:8px;padding:7px;border-radius:8px;background:#fff0ea;color:#9a4029;font-size:.68rem;font-weight:800}.kanban-empty{padding:24px 8px;text-align:center;color:#82928c;font-size:.7rem;font-weight:900;border:1px dashed #c4d3cd;border-radius:12px}

.vehicle-summary-grid{margin-bottom:14px}.vehicle-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vehicle-card{text-decoration:none;color:inherit;transition:.18s ease}.vehicle-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(10,65,49,.11)}.vehicle-card.has-overdue{border-color:#e0a09b}.vehicle-card-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.vehicle-card-head>div{min-width:0}.vehicle-card-head h2{margin:2px 0 0}.vehicle-card-head>b{margin-left:auto;padding:5px 7px;border-radius:8px;background:#fde9e7;color:#a63831;font-size:.63rem}.vehicle-symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#eaf5f1;font-size:1.35rem}.vehicle-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.vehicle-card dl div{min-width:0}.vehicle-card dt{font-size:.61rem;color:var(--muted);letter-spacing:.07em}.vehicle-card dd{margin:3px 0 0;font-weight:800;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-danger{background:#fff2f0!important}.vehicle-event-form .check-line{align-self:end}.mini-action-form{display:grid;gap:7px;min-width:220px;padding-top:8px}.mini-action-form label{font-size:.7rem}.mini-action-form input,.mini-action-form textarea{min-height:36px}

.satisfaction-shell{max-width:780px}.satisfaction-card>header{text-align:center;margin-bottom:18px}.satisfaction-card>header h1{margin:6px 0}.satisfaction-form{display:grid;gap:17px}.satisfaction-form fieldset{border:0;padding:0;margin:0}.satisfaction-form legend{font-size:.72rem;font-weight:900;letter-spacing:.1em;margin-bottom:9px}.rating-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.rating-picker label{cursor:pointer}.rating-picker input{position:absolute;opacity:0;pointer-events:none}.rating-picker span{display:grid;place-items:center;gap:4px;min-height:74px;border:2px solid #d5e1dc;border-radius:14px;background:#fff;font-size:1.5rem;font-weight:950;color:#6b7b75}.rating-picker small{font-size:.52rem}.rating-picker input:checked+span{border-color:#14815f;background:#e7f6f0;color:#086248;box-shadow:0 0 0 3px rgba(20,129,95,.11)}.satisfaction-thanks{text-align:center;padding:17px;border-radius:15px;background:#e8f7f1;color:#086248;margin-bottom:16px}.satisfaction-thanks>span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 8px;border-radius:50%;background:#14815f;color:#fff;font-size:1.4rem}.satisfaction-thanks h2,.satisfaction-thanks p{margin:4px}.rating-distribution{display:grid;gap:9px}.rating-distribution>div{display:grid;grid-template-columns:55px 1fr 35px;gap:9px;align-items:center}.rating-distribution span{height:12px;border-radius:99px;background:#edf1ef;overflow:hidden}.rating-distribution i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d7658,#59b995)}

@media(max-width:980px){.search-result-grid{grid-template-columns:1fr}.vehicle-card-grid{grid-template-columns:1fr 1fr}.kanban-board{grid-template-columns:repeat(5,280px)}}
@media(max-width:650px){.universal-search-form>div{grid-template-columns:1fr}.kanban-filter-card .filter-grid{grid-template-columns:1fr}.vehicle-card-grid{grid-template-columns:1fr}.rating-picker{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto}.rating-picker span{min-height:62px;font-size:1.2rem}.search-result-list strong,.search-result-list small{white-space:normal}.kanban-board{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}}

/* v5.21.1 ? ofis form belge / tarama kutusu */
.file-field-block{display:grid;gap:8px;margin-bottom:12px;padding:12px;border:1px solid #d5e1dc;border-radius:14px;background:#f7fbf9}
.file-field-label{font-weight:800}.file-field-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.file-pick-local{cursor:pointer;margin:0}.file-field-selected{padding:8px 10px;border-radius:10px;background:#e8f4ef;color:#0b5d47;font-weight:700}
.file-scan-preview{padding:4px 0}.file-scan-preview-link{font-weight:700;color:#0b5d47}
.scan-inbox-panel{border:1px solid #cfe0d8;border-radius:12px;background:#fff;padding:10px;display:grid;gap:8px}
.scan-inbox-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.scan-inbox-head strong{margin-right:auto}
.scan-inbox-path-wrap{display:grid;gap:4px;margin:0}
.scan-inbox-path-row{display:flex;gap:8px;align-items:center}
.scan-inbox-path{flex:1;min-width:0;font-family:Consolas,"Cascadia Mono",monospace;font-size:.86rem;user-select:all;-webkit-user-select:all}
.scan-inbox-list{display:grid;gap:6px;max-height:260px;overflow:auto}
.scan-inbox-item{display:grid;gap:2px;text-align:left;border:1px solid #d9e5df;border-radius:10px;background:#f8fbfa;padding:10px 12px;cursor:pointer}
.scan-inbox-item:hover{border-color:#0b5d47;background:#eef7f2}.scan-inbox-item span{color:#60766f;font-size:.78rem}

/* v5.21.21 ? mobil form / ana sayfa s??d?rma */
.page-heading .button-row{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center
}
.manager-form-grid{display:grid;gap:10px}
.manager-form-card{display:grid;gap:10px;padding:14px;border:1px solid #d4dee7;border-radius:14px;background:#fff;min-width:0}
.manager-form-card strong{display:block;font-size:1.05rem;overflow-wrap:anywhere}
.manager-form-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.manager-form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.manager-form-actions form{margin:0}
.manager-form-actions .button{width:100%;text-align:center;min-width:0;padding-left:8px;padding-right:8px}
.quick-create-card .quick-starter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.quick-starter span{min-width:0}
.field-action-tile{min-width:0;overflow:hidden}
.field-action-tile strong,.field-action-tile small{overflow-wrap:anywhere}
.field-chips{-webkit-overflow-scrolling:touch}
.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.summary-card{padding:12px;border:1px solid #d7e4de;border-radius:14px;background:#fff;min-width:0}
.summary-card span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.06em;color:#6a8278}
.summary-card strong{display:block;margin-top:4px;font-size:1.35rem;overflow-wrap:anywhere}
@media(max-width:760px){
  .page-heading .button-row{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .page-heading .button-row .button{width:100%;min-height:48px}
  .heading-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .heading-actions .button{width:100%}
  .manager-form-actions{grid-template-columns:1fr}
  .manager-form-card{padding:12px}
  .field-action-tile{min-height:100px;padding:12px 10px}
  .field-action-tile strong{font-size:.9rem}
  .field-action-tile small{font-size:.74rem;line-height:1.25}
  .field-chips{gap:6px}
  .field-chip{padding:8px 10px;font-size:.82rem;max-width:100%}
  .field-home-header{flex-direction:column;align-items:stretch}
  .field-home-header .button{width:100%;min-height:44px;text-align:center}
  .birthday-board-head .button{width:100%;min-height:44px;text-align:center}
  .birthday-board-go{font-size:.78rem}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .summary-card{padding:10px}
  .summary-card strong{font-size:1.15rem}
  .mobile-nav a,.mobile-nav button{
    font-size:9px;letter-spacing:0;padding:6px 2px;min-width:0;flex:1 1 0
  }
  .mobile-nav a span,.mobile-nav button span{font-size:16px}
  .report-filters.form-grid,.card.form-grid.report-filters{grid-template-columns:1fr}
  .report-filters .form-actions,.report-filters .span-2{
    display:grid;grid-template-columns:1fr;gap:8px;width:100%
  }
  .report-filters .form-actions .button{width:100%;min-height:48px}
  .inline-search{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .inline-search input,.inline-search select,.inline-search .button{width:100%}
  .saha-form-actions{display:grid!important;grid-template-columns:1fr;gap:8px}
  .saha-form-actions .button{width:100%}
  .quick-create-form .button.large{width:auto;min-height:40px;flex:1 1 auto}
  .designer-link-row{display:grid;grid-template-columns:1fr;gap:8px}
  .designer-link-row .button{width:100%}
  .table-wrap td .button{margin:2px 0}
}
@media(max-width:440px){
  .summary-grid{grid-template-columns:1fr 1fr}
  .field-action-grid{gap:8px}
  .field-action-tile{min-height:92px;padding:10px 8px}
  .field-action-icon{width:36px;height:36px;border-radius:12px;font-size:1.05rem}
}
.form-feature-pick{border:1px solid #d5e8df;border-radius:14px;padding:12px 14px;margin:0}
.form-feature-pick legend{font-weight:800;padding:0 4px}
.form-feature-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.form-feature-chip{display:block;margin:0;cursor:pointer}
.form-feature-chip input{position:absolute;opacity:0;pointer-events:none}
.form-feature-chip span{
  display:grid;place-items:center;min-height:48px;padding:10px 12px;border:1px solid #cfe0d8;
  border-radius:12px;background:#fff;font-weight:800;text-align:center
}
.form-feature-chip input:checked + span{border-color:#0d5c4a;background:#e8f5f0;box-shadow:inset 0 0 0 1px #0d5c4a;color:#0d3f34}
.citizen-form-feature-filter{margin:0 0 16px}
.citizen-form-feature-filter .field-chip.is-active{background:#0d5c4a;border-color:#0d5c4a;color:#fff}
.citizen-form-feature-filter .field-chip.is-active b{color:#fff}
@media(min-width:900px){
  .manager-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .manager-form-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .quick-create-card .quick-starter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .form-feature-chips{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ??? Vatanda? deneyimi C: splash + atmosfer + ba?ar? ??? */
.citizen-experience{
  --citizen-ink:#0b3d32;
  --citizen-green:#0b5d47;
  --citizen-mint:#e8f5f0;
  font-family:"Outfit",system-ui,sans-serif;
  background:
    radial-gradient(1200px 480px at 10% -10%,rgba(26,143,110,.16),transparent 55%),
    radial-gradient(900px 420px at 100% 0%,rgba(11,93,71,.1),transparent 50%),
    linear-gradient(180deg,#f3f8f5 0%,#eef5f1 42%,#f7faf8 100%);
  min-height:100vh;
}
.citizen-experience .page{background:transparent}
html.citizen-splash-skip .citizen-splash{display:none!important}
.citizen-splash{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;
  background:#042820;color:#fff;transition:opacity .55s ease,visibility .55s ease;
  font-family:"Outfit",sans-serif
}
.citizen-splash.is-done{opacity:0;visibility:hidden;pointer-events:none}
.citizen-splash-aurora{position:absolute;inset:0;pointer-events:none}
.citizen-splash-orb{
  position:absolute;border-radius:50%;filter:blur(12px);opacity:.5;
  animation:citizen-splash-orb 7s ease-in-out infinite
}
.citizen-splash-orb.a{width:70vw;height:70vw;left:-20%;top:-15%;background:radial-gradient(circle,#1a8f6e,transparent 68%)}
.citizen-splash-orb.b{width:55vw;height:55vw;right:-18%;bottom:5%;background:radial-gradient(circle,#f0c14b55,transparent 70%);animation-delay:-2.5s}
.citizen-splash-orb.c{width:40vw;height:40vw;left:30%;top:40%;background:radial-gradient(circle,#ffffff33,transparent 70%);animation-delay:-4.5s}
@keyframes citizen-splash-orb{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(2%,-3%,0) scale(1.08)}
}
.citizen-splash-card{
  position:relative;display:grid;justify-items:center;gap:8px;padding:28px 22px;text-align:center;z-index:1
}
.citizen-splash-mark{
  position:relative;display:grid;place-items:center;width:clamp(168px,42vw,220px);height:clamp(168px,42vw,220px);margin-bottom:4px
}
.citizen-splash-ring{
  position:absolute;inset:0;border-radius:50%;
  border:2px solid rgba(240,193,75,.28);border-top-color:#f0c14b;border-right-color:rgba(255,255,255,.35);
  animation:citizen-splash-spin 1.1s linear infinite;pointer-events:none
}
@keyframes citizen-splash-spin{to{transform:rotate(360deg)}}
.citizen-splash-logo{
  width:clamp(132px,34vw,168px);height:clamp(132px,34vw,168px);object-fit:contain;
  border-radius:0;background:transparent;padding:0;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.35));
  animation:citizen-splash-logo .95s cubic-bezier(.2,.85,.2,1.1) both
}
.citizen-splash-title{
  margin:0;font-size:clamp(1.35rem,5.5vw,1.85rem);letter-spacing:-.02em;font-weight:800;
  animation:citizen-splash-rise .7s .12s ease both
}
.citizen-splash-sub{
  opacity:.88;font-weight:550;letter-spacing:.02em;text-transform:none;font-size:.95rem;
  animation:citizen-splash-rise .7s .2s ease both
}
.citizen-splash-bar{
  margin-top:18px;width:min(220px,58vw);height:4px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden;
  animation:citizen-splash-rise .7s .28s ease both
}
.citizen-splash-bar>i{
  display:block;height:100%;width:38%;border-radius:inherit;
  background:linear-gradient(90deg,#fff,#f0c14b,#fff);background-size:200% 100%;
  animation:citizen-splash-bar 1.15s ease-in-out infinite
}
.citizen-splash-hint{
  margin-top:8px;font-size:.78rem;font-weight:650;letter-spacing:.08em;opacity:.65;
  animation:citizen-splash-pulse 1.4s ease-in-out infinite
}
@keyframes citizen-splash-logo{
  from{opacity:0;transform:translateY(18px) scale(.82)}
  to{opacity:1;transform:none}
}
@keyframes citizen-splash-rise{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@keyframes citizen-splash-bar{
  0%{transform:translateX(-130%)}
  100%{transform:translateX(320%)}
}
@keyframes citizen-splash-pulse{
  0%,100%{opacity:.4}
  50%{opacity:.85}
}
@keyframes citizen-splash-glow{
  0%,100%{transform:scale(1);opacity:.7}
  50%{transform:scale(1.08);opacity:1}
}
.citizen-experience .citizen-welcome{
  position:relative;overflow:hidden;
  background:
    radial-gradient(500px 180px at 90% -20%,rgba(255,255,255,.18),transparent 55%),
    linear-gradient(135deg,#083f33,#0b755a 55%,#12926d);
}
.citizen-experience .citizen-welcome::after{
  content:"";position:absolute;right:-40px;top:-50px;width:180px;height:180px;border-radius:50%;
  background:rgba(255,255,255,.08);pointer-events:none
}
.citizen-experience .citizen-ltb-tile{
  backdrop-filter:blur(2px);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease
}
.citizen-experience .citizen-ltb-tile.report{border-color:#c5ddd2;background:linear-gradient(165deg,#fff,#f3faf7)}
.citizen-experience .citizen-ltb-tile.request{border-color:#c9d9ef;background:linear-gradient(165deg,#fff,#f4f7fc)}
.citizen-experience .citizen-ltb-tile.apply{border-color:#d5e2c8;background:linear-gradient(165deg,#fff,#f7faf3)}

/* ??? Dikmen Flow: LTB e?it kutular?ndan farkl? asimetrik yol ??? */
.dikmen-flow{width:min(720px,100%);margin:0 auto;padding:clamp(12px,3vw,28px) clamp(14px,3vw,22px) 48px}
.dikmen-flow-top{margin-bottom:10px}
.dikmen-flow-top-actions{display:flex;align-items:center;gap:10px}
.dikmen-flow-status{
  display:inline-flex;align-items:baseline;gap:6px;padding:8px 12px;border-radius:999px;
  background:#e8f5f0;color:#0b5d47;text-decoration:none;font-weight:800;border:1px solid #c5ddd2
}
.dikmen-flow-status b{font-size:1.05rem}.dikmen-flow-status span{font-size:.78rem;font-weight:700;opacity:.85}
.dikmen-flow-hero{
  position:relative;overflow:hidden;padding:clamp(22px,5vw,34px);border-radius:28px;margin:8px 0 18px;
  background:
    radial-gradient(520px 200px at 100% -20%,rgba(255,255,255,.16),transparent 55%),
    linear-gradient(145deg,#042820 0%,#0b5d47 48%,#127057 100%);
  color:#fff;box-shadow:0 18px 40px rgba(4,40,32,.22);
  animation:citizen-rise .5s ease both
}
.dikmen-flow-greet{margin:0;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.85}
.dikmen-flow-hero h1{margin:.35rem 0 .55rem;font-size:clamp(1.55rem,5vw,2.15rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.dikmen-flow-lead{margin:0 0 16px;max-width:36ch;line-height:1.5;opacity:.9;font-weight:500}
.dikmen-flow-search{border:0!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
.dikmen-flow-notify{display:grid;gap:8px;margin:0 0 16px}
.dikmen-flow-notify-row{
  display:grid;gap:2px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #d7e6e0;
  text-decoration:none;color:inherit;animation:citizen-rise .45s ease both
}
.dikmen-flow-notify-row strong{font-size:.95rem}.dikmen-flow-notify-row span{color:#5b7169;font-size:.86rem;line-height:1.35}
.dikmen-flow-paths{
  display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin:0 0 16px
}
.dikmen-path{
  position:relative;display:flex;flex-direction:column;gap:8px;min-height:200px;padding:22px 20px;
  border-radius:24px;text-decoration:none;color:inherit;overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease;animation:citizen-rise .55s ease both
}
.dikmen-path:nth-child(2){animation-delay:.08s}
.dikmen-path:hover{transform:translateY(-3px)}
.dikmen-path:active{transform:scale(.985)}
.dikmen-path-field{
  background:linear-gradient(165deg,#0d3f34 0%,#147a5c 100%);color:#fff;
  box-shadow:0 16px 36px rgba(13,63,52,.28)
}
.dikmen-path-service{
  background:linear-gradient(165deg,#f7faf8 0%,#e7f2ec 100%);color:#0d3f34;
  border:1px solid #c5ddd2;box-shadow:0 12px 28px rgba(15,58,48,.08)
}
.dikmen-path-kicker{font-size:.78rem;font-weight:750;letter-spacing:.04em;opacity:.8}
.dikmen-path strong{font-size:clamp(1.25rem,3.5vw,1.55rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}
.dikmen-path p{margin:0;line-height:1.45;font-size:.92rem;opacity:.9;flex:1}
.dikmen-path em{font-style:normal;font-weight:800;font-size:.92rem;margin-top:8px}
.dikmen-path-field em{color:#d9f5e8}
.dikmen-path-service em{color:#0b5d47}
.dikmen-flow-rail{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 20px
}
@media(max-width:900px){
  .dikmen-flow-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.dikmen-rail-item{
  display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-radius:16px;
  background:#fff;border:1px solid #d5e4df;text-decoration:none;color:inherit;text-align:center;
  transition:border-color .2s ease,transform .2s ease;animation:citizen-rise .5s .1s ease both
}
.dikmen-rail-item:hover{border-color:#0b5d47;transform:translateY(-2px)}
.dikmen-rail-item strong{font-size:.95rem}.dikmen-rail-item small{color:#5b7169;font-size:.72rem;line-height:1.3}
.dikmen-flow-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px
}
.dikmen-flow-section-head h2{margin:0;font-size:1.15rem;color:#0d3f34}
.dikmen-flow-section-head a{color:#0b5d47;font-weight:800;text-decoration:none}
.dikmen-flow-pay,.dikmen-flow-forms,.dikmen-flow-news{margin:0 0 22px}
.eco-login-notice{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 14px;padding:12px 14px;border-radius:14px;
  border:1px solid #f0c56d;background:linear-gradient(180deg,#fff8e8,#fff3d6);
  box-shadow:0 6px 18px rgba(180,120,20,.08)
}
.eco-login-notice-text{display:grid;gap:2px;min-width:min(100%,220px)}
.eco-login-notice-text strong{font-size:.92rem;color:#8a5a00}
.eco-login-notice-text span{font-size:.8rem;color:#6b5a3a;line-height:1.35}
.eco-login-notice-actions{display:flex;flex-wrap:wrap;gap:8px}
.eco-login-inline{font-weight:800;color:#0b5d47;text-decoration:underline}
html.night-mode .eco-login-notice{
  border-color:#8a6a28;background:linear-gradient(180deg,#3a3218,#2e2814)
}
html.night-mode .eco-login-notice-text strong{color:#f0c56d}
html.night-mode .eco-login-notice-text span{color:#d2c4a4}
.dikmen-pay-hint em{font-style:normal;font-weight:700;color:#0b5d47}
.dikmen-sub-list{display:grid;gap:8px;margin:0 0 12px}
.dikmen-sub-card{
  border-radius:14px;background:#fff;border:1px solid #d7e6e0;overflow:hidden
}
.dikmen-sub-card>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:12px 14px
}
.dikmen-sub-card>summary::-webkit-details-marker{display:none}
.dikmen-sub-main{min-width:0;display:grid;gap:2px}
.dikmen-sub-main small{color:#5b7169;font-size:.72rem}
.dikmen-sub-main strong{font-size:.98rem;letter-spacing:.01em}
.dikmen-sub-name{display:block;font-size:.86rem;font-weight:700;color:#1a2e28}
.dikmen-sub-balance{display:block;font-size:.82rem;font-weight:800;color:#0b5d47}
.dikmen-sub-balance.is-neg{color:#a33}
.dikmen-sub-balance.is-muted{color:#8a9a93;font-weight:650}
.dikmen-sub-addr{display:block;font-size:.75rem;color:#6a7c74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dikmen-sub-chev{color:#0b5d47;font-size:1.25rem;font-weight:700;transform:rotate(90deg);transition:transform .15s ease}
.dikmen-sub-card[open] .dikmen-sub-chev{transform:rotate(-90deg)}
.dikmen-sub-panel{
  display:grid;gap:8px;padding:0 12px 12px;border-top:1px solid #e7efeb
}
.dikmen-sub-panel .dikmen-sub-act{width:100%;min-height:44px;justify-content:center}
.dikmen-sub-edit>summary{
  list-style:none;cursor:pointer;padding:10px 0;font-weight:750;color:#0d3f34;font-size:.9rem
}
.dikmen-sub-edit>summary::-webkit-details-marker{display:none}
.dikmen-sub-del-btn{width:100%;min-height:42px;color:#8a3030;border-color:#e5c4c4}
.dikmen-sub-manual{margin:8px 0 4px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #d7e6e0}
.dikmen-sub-manual>summary{cursor:pointer;font-weight:750;color:#0d3f34}
.dikmen-pay-more{margin:8px 0 0;font-size:.8rem;color:#5b7169}
.dikmen-pay-more a{color:#0b5d47;font-weight:700}
.dikmen-flow--compact .dikmen-flow-hero,.dikmen-flow--compact .dikmen-flow-notify{display:none}
.dikmen-flow-paths--tight{gap:8px;margin:0 0 10px}
.dikmen-flow-paths--tight .dikmen-path{padding:14px;min-height:0}
.dikmen-flow-paths--tight .dikmen-path-kicker,.dikmen-flow-paths--tight .dikmen-path em{display:none}
.dikmen-flow-paths--tight:has(.dikmen-path-water){
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.dikmen-flow-rail--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.dikmen-flow--compact .dikmen-flow-top{margin-bottom:10px}
.dikmen-flow--compact .citizen-more-block{margin:8px 0 20px}
.dikmen-flow--compact .dikmen-flow-repeat{margin:0 0 12px}
.dikmen-flow--compact .dikmen-flow-pay{margin:0 0 12px}
.dikmen-home-priority{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px
}
.dikmen-prio{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  text-align:center;text-decoration:none;color:inherit;padding:12px 8px;min-height:88px;
  border-radius:14px;background:#fff;border:1px solid #d7e6e0
}
.dikmen-prio-ico{font-size:1.35rem;line-height:1}
.dikmen-prio strong{font-size:.82rem;line-height:1.2}
.dikmen-prio small{font-size:.68rem;color:#5b7169}
.dikmen-repeat-menu{
  margin:0 0 12px;padding:0;border-radius:14px;background:#fff;border:1px solid #d7e6e0;overflow:hidden
}
.dikmen-repeat-menu>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:12px 14px;font-weight:800;color:#0d3f34
}
.dikmen-repeat-menu>summary::-webkit-details-marker{display:none}
.dikmen-repeat-menu>summary small{font-weight:650;color:#5b7169}
.dikmen-repeat-menu[open]>summary{border-bottom:1px solid #e7efeb}
.dikmen-repeat-menu .dikmen-pay-hint{margin:8px 14px 0}
.dikmen-repeat-menu .dikmen-repeat-grid{padding:8px 12px 12px}
.dikmen-repeat-grid{display:grid;gap:8px}
.dikmen-repeat-chip{
  display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;
  border:1px solid #d7e3dd;background:#f7fbf9;text-decoration:none;color:inherit
}
.dikmen-repeat-chip strong{font-size:.9rem}
.dikmen-repeat-chip small{color:#5a7268;font-size:.75rem}
.eco-game-card .eco-game-mark{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  font-size:1.45rem;margin-bottom:6px
}
.eco-game-mark.is-sort{background:#e8f5f0}
.eco-game-mark.is-puzzle{background:#eef2ff}
.eco-game-mark.is-match{background:#fff4e5}
.eco-game-mark.is-truck{background:#fff1e0}
.eco-truck-canvas{
  touch-action:none;user-select:none;display:block;margin:0 auto;
  max-width:100%;border-radius:16px;-webkit-user-select:none
}
.eco-truck-pad{
  display:grid;justify-items:center;gap:8px;margin:10px auto 14px;max-width:220px;
  -webkit-user-select:none;user-select:none
}
.eco-truck-pad-mid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%}
.eco-truck-dir{
  min-width:56px;min-height:48px;border:0;border-radius:14px;
  background:#0b5d47;color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;
  box-shadow:0 4px 12px rgba(11,93,71,.2);
  touch-action:manipulation;-webkit-tap-highlight-color:transparent
}
.eco-truck-dir:active{transform:scale(.96);background:#086248}
@media(max-width:760px){
  .eco-truck-page .eco-canvas,
  .eco-truck-page .eco-truck-canvas{width:100%!important;max-width:100%}
  .eco-truck-pad{
    max-width:min(280px,88vw);gap:10px;margin:12px auto 18px;
    padding-bottom:env(safe-area-inset-bottom)
  }
  .eco-truck-pad-mid{gap:10px}
  .eco-truck-dir{
    min-width:72px;min-height:64px;border-radius:18px;font-size:1.35rem
  }
  .eco-truck-page .eco-game-actions{
    display:grid;grid-template-columns:1fr 1fr;gap:8px
  }
  .eco-truck-page .eco-game-actions .button{min-height:48px;justify-content:center}
  .eco-truck-page .eco-game-actions a.button{grid-column:1/-1}
  .eco-truck-page .dikmen-pay-hint{font-size:.88rem;line-height:1.4}
  .eco-truck-page .eco-game-hud{flex-wrap:wrap;gap:8px 12px;font-size:.9rem}
}
@media(max-width:760px){
  .citizen-experience .citizen-assistant-fab{display:none!important}
  .citizen-experience .citizen-assistant{
    left:0;right:0;bottom:0;width:100%;height:0;overflow:visible;pointer-events:none;z-index:60
  }
  .citizen-experience .citizen-assistant-panel{
    pointer-events:auto;position:fixed;left:8px;right:8px;width:auto;
    bottom:calc(70px + env(safe-area-inset-bottom));
    height:min(62vh,520px);z-index:61
  }
  .citizen-experience .citizen-mobile-dock{z-index:55}
  .citizen-experience{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .dikmen-flow--compact .dikmen-flow-paths{grid-template-columns:1fr 1fr}
  .dikmen-home-priority{grid-template-columns:1fr;gap:8px}
  .dikmen-prio{flex-direction:row;justify-content:flex-start;min-height:56px;padding:10px 14px;text-align:left}
}
.citizen-splash-card--logo{gap:12px}
.citizen-splash-card--logo .citizen-splash-logo{
  width:clamp(120px,36vw,160px);height:clamp(120px,36vw,160px);
  animation:citizen-splash-logo .55s ease both
}
.citizen-splash-card--logo .citizen-splash-title{
  font-size:clamp(1.1rem,4.2vw,1.35rem);animation:none;opacity:.95
}
.dikmen-abone-input-wrap{
  display:flex;align-items:center;gap:0;border:1px solid #cbd7df;border-radius:13px;background:#fff;overflow:hidden
}
.dikmen-abone-prefix{
  padding:12px 10px;background:#e8f4ef;color:#0b5d47;font-weight:900;letter-spacing:.04em;border-right:1px solid #cbd7df
}
.dikmen-abone-input-wrap input{
  border:0!important;border-radius:0!important;min-height:52px;flex:1;padding:12px
}
.dikmen-form-list{display:grid;gap:8px}
.dikmen-form-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;
  border-radius:16px;background:#fff;border:1px solid #d7e6e0;text-decoration:none;color:inherit
}
.dikmen-form-row small{display:block;color:#5b7169;font-size:.75rem;margin-bottom:2px}
.dikmen-form-row strong{font-size:.95rem}.dikmen-form-row b{color:#0b5d47;font-size:1.1rem}
.dikmen-flow-links{
  display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 22px;padding:4px 2px
}
.dikmen-flow-links a{
  color:#0d3f34;font-weight:750;text-decoration:none;border-bottom:1.5px solid #b7d5cb;padding-bottom:2px
}
.dikmen-flow-links a:hover{border-bottom-color:#0b5d47;color:#0b5d47}
.dikmen-news-list{display:grid;gap:10px}
.dikmen-news-item{
  padding:16px;border-radius:18px;background:#fff;border:1px solid #d7e6e0
}
.dikmen-news-item>span{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0b5d47;margin-bottom:6px}
.dikmen-news-item strong{display:block;margin-bottom:6px}.dikmen-news-item p{margin:0;color:#5b7169;line-height:1.45;font-size:.9rem}
@media(max-width:640px){
  .dikmen-flow-paths{grid-template-columns:1fr}
  .dikmen-path{min-height:0}
  .dikmen-flow-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dikmen-flow-top .citizen-brand small{display:none}
}
@media(prefers-reduced-motion:reduce){
  .dikmen-flow-hero,.dikmen-path,.dikmen-rail-item,.dikmen-flow-notify-row{animation:none}
  .dikmen-path:hover,.dikmen-rail-item:hover{transform:none}
}
.citizen-success-pop{animation:citizen-rise .55s ease both;text-align:center}
.citizen-success-pop .success-check{
  display:grid;place-items:center;width:72px;height:72px;margin:0 auto 14px;border-radius:50%;
  background:#0b5d47;color:#fff;font-size:2rem;font-weight:800;
  box-shadow:0 12px 28px rgba(11,93,71,.28);animation:citizen-success-pop .7s cubic-bezier(.2,.9,.2,1.25) both
}
@keyframes citizen-success-pop{
  0%{transform:scale(.4);opacity:0}
  70%{transform:scale(1.08)}
  100%{transform:scale(1);opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .citizen-splash-glow,.citizen-splash-logo,.citizen-splash-bar>i{animation:none!important}
  .citizen-success-pop .success-check{animation:none!important}
}

/* ?ube / ?deme noktalar? */
.dikmen-points-intro{margin:0 0 14px}
.dikmen-points-intro h1{margin:.2rem 0 .4rem;font-size:1.45rem}
.dikmen-points-intro p{margin:0;color:#5b7169}
.dikmen-points-map{
  height:min(42vh,320px);border-radius:18px;overflow:hidden;border:1px solid #d7e6e0;margin:0 0 16px;z-index:0
}
.dikmen-points-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dikmen-point-card{
  padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #d7e6e0
}
.dikmen-point-kind{
  display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0b5d47;margin-bottom:4px
}
.dikmen-point-card strong{display:block;margin-bottom:4px}
.dikmen-point-card p{margin:0 0 8px;color:#5b7169;font-size:.9rem}
.dikmen-point-actions{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;font-weight:650}
.dikmen-point-actions a{color:#0b5d47}

/* Bildirim haritas? katmanlar? + yak?n uyar? */
.citizen-map-layers{display:flex;flex-wrap:wrap;gap:10px 16px;margin:8px 0;font-size:.85rem}
.citizen-map-layer{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#3d524a}
.citizen-nearby-alert{
  margin:10px 0 0;padding:12px 14px;border-radius:14px;background:#fff6e8;border:1px solid #e8c98a;color:#5a3d12;font-size:.9rem;line-height:1.4
}
.citizen-nearby-alert strong{display:block;margin-bottom:2px}
.citizen-anon-pin span{
  display:block;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)
}
.resolution-templates{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
.resolution-templates .resolution-tpl{font-size:.75rem;max-width:100%;text-align:left;white-space:normal;line-height:1.3}
.track-hint{margin:10px 0 0;font-size:.85rem}
.track-advanced{margin:18px 0 0;padding:12px 14px;border-radius:14px;background:#f4f8f6;border:1px solid #d7e6e0}
.track-advanced summary{cursor:pointer;font-weight:650;color:#3d524a;font-size:.9rem}
.track-advanced .tracking-form{margin-top:12px}
.tracking-result-list{margin-top:22px}
.tracking-result-list h2{font-size:1.1rem;margin:0 0 4px}
.track-phone-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.track-phone-item{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #d7e6e0;text-decoration:none;color:inherit
}
.track-phone-item:hover{border-color:#0b5d47}
.track-phone-item small{display:block;color:#5b7169;font-size:.75rem;margin-bottom:2px}
.track-phone-item strong{display:block;margin-bottom:2px}
.track-phone-item span{font-size:.85rem;color:#5b7169}
.track-phone-item .badge{flex:none}
.dikmen-bio-save{margin-top:4px}
.dikmen-bio-login{margin-top:8px}
.is-inactive{opacity:.55}
.person-assign-chip{display:grid;gap:6px;align-content:start;min-width:220px;padding:10px 12px}
.person-assign-form{display:grid;gap:6px;margin-top:4px}
.person-assign-form select{min-height:36px;font-size:.85rem}
.person-assign-form.card{display:grid;gap:8px}

/* Durum renkleri ? Mavi=yeni ? Turuncu=i?lemde ? K?rm?z?=acil/gecikme ? Mor=onay */
:root{
  --tone-new:#1d4ed8;--tone-new-bg:#dbeafe;
  --tone-progress:#c2410c;--tone-progress-bg:#ffedd5;
  --tone-urgent:#b91c1c;--tone-urgent-bg:#fee2e2;
  --tone-approval:#7c3aed;--tone-approval-bg:#ede9fe;
  --tone-done:#15803d;--tone-done-bg:#dcfce7;
  --tone-cancelled:#475569;--tone-cancelled-bg:#e2e8f0;
}
.badge.tone-new,.tone-new{background:var(--tone-new-bg)!important;color:var(--tone-new)!important}
.badge.tone-progress,.tone-progress{background:var(--tone-progress-bg)!important;color:var(--tone-progress)!important}
.badge.tone-urgent,.tone-urgent{background:var(--tone-urgent-bg)!important;color:var(--tone-urgent)!important}
.badge.tone-approval,.tone-approval{background:var(--tone-approval-bg)!important;color:var(--tone-approval)!important}
.badge.tone-done,.tone-done,.badge.success{background:var(--tone-done-bg)!important;color:var(--tone-done)!important}
.badge.tone-cancelled,.tone-cancelled{background:var(--tone-cancelled-bg)!important;color:var(--tone-cancelled)!important}
.status-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:11px;font-weight:800}
.status-legend span{display:inline-flex;align-items:center;gap:6px}
.status-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.status-legend .lg-new i{background:var(--tone-new)}
.status-legend .lg-progress i{background:var(--tone-progress)}
.status-legend .lg-urgent i{background:var(--tone-urgent)}
.status-legend .lg-approval i{background:var(--tone-approval)}
.status-legend .lg-done i{background:var(--tone-done)}
.badge.status-olu?turuldu,.badge.status-olusturuldu,.badge.status-yeni,.badge.status-bekliyor,
.badge.status-personel-atand?,.badge.status-personel-atandi,.badge.status-atand?,.badge.status-atandi,
.badge.status-planland?,.badge.status-planlandi{background:var(--tone-new-bg)!important;color:var(--tone-new)!important}
.badge.status-yolda,.badge.status-?al???l?yor,.badge.status-calisiliyor,.badge.status-devam-ediyor,
.badge.status-inceleniyor{background:var(--tone-progress-bg)!important;color:var(--tone-progress)!important}
.badge.status-amir-onay?nda,.badge.status-amir-onayinda,.badge.status-onay-bekliyor,
.badge.status-tamamland?,.badge.status-tamamlandi,.badge.status-kontrol-edildi{background:var(--tone-approval-bg)!important;color:var(--tone-approval)!important}
.badge.status-d?zeltme-bekliyor,.badge.status-duzeltme-bekliyor,.badge.priority-acil{background:var(--tone-urgent-bg)!important;color:var(--tone-urgent)!important}
.badge.status-kapat?ld?,.badge.status-kapatildi,.badge.status-onayland?,.badge.status-onaylandi{background:var(--tone-done-bg)!important;color:var(--tone-done)!important}
.badge.status-iptal,.badge.status-reddedildi{background:var(--tone-cancelled-bg)!important;color:var(--tone-cancelled)!important}
.badge.priority-y?ksek,.badge.priority-yuksek{background:var(--tone-progress-bg)!important;color:var(--tone-progress)!important}
.kanban-card.priority-acil,.field-task.priority-border-acil{border-left-color:var(--tone-urgent)!important}
.kanban-card.priority-yuksek,.field-task.priority-border-y?ksek{border-left-color:var(--tone-progress)!important}
.lane-waiting .kanban-dot,.lane-assigned .kanban-dot{background:var(--tone-new)}
.lane-active .kanban-dot{background:var(--tone-progress)}
.lane-review .kanban-dot{background:var(--tone-approval)}
.lane-closed .kanban-dot{background:var(--tone-done)}
.mobile-task-card{border-left:5px solid var(--tone-new)}
.mobile-task-card.tone-new{border-left-color:var(--tone-new)}
.mobile-task-card.tone-progress{border-left-color:var(--tone-progress)}
.mobile-task-card.tone-urgent{border-left-color:var(--tone-urgent)}
.mobile-task-card.tone-approval{border-left-color:var(--tone-approval)}
.mobile-task-card.tone-done{border-left-color:var(--tone-done)}
.mobile-task-card.tone-cancelled{border-left-color:var(--tone-cancelled)}
.mobile-task-street-nav{
  display:block;margin:6px 12px 0;padding:8px 10px;border-radius:10px;background:#e8f5ee;
  color:#14532d;font-weight:750;font-size:.92rem;text-decoration:none;border:1px solid #b7dfc8
}
.mobile-task-street-nav:active,.mobile-task-street-nav:hover{background:#d4eddf}
.mobile-task-street-plain{display:block;margin:4px 12px 0;color:var(--muted);font-size:.86rem}
.field-street-nav{color:#0f766e;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.field-region-street-nav{
  display:inline-block;margin:4px 0 0;padding:4px 8px;border-radius:8px;background:#e8f5ee;
  color:#14532d;font-weight:700;font-size:.82rem;text-decoration:none;border:1px solid #b7dfc8
}
/* Doğum günü hediye görev panosu — "birthday-board-*" sınıfları için hiçbir
   temel stil yoktu (yalnızca bir mobil medya-sorgusu ince ayarı vardı), ekran
   düz metin yığını gibi çıkıyordu. */
.birthday-board-list{display:grid;gap:10px;margin:0 0 18px;list-style:none;padding:0}
.birthday-board-item{
  display:flex;align-items:center;gap:12px;
  padding:13px 15px;border-radius:14px;background:var(--white);
  border:1px solid var(--line);border-left:5px solid var(--tone-new);
  box-shadow:0 1px 3px rgba(19,44,58,.05);
  transition:transform .08s ease,box-shadow .08s ease;
}
.birthday-board-item:hover,.birthday-board-item:focus-visible{box-shadow:0 4px 14px rgba(19,44,58,.1)}
.birthday-board-item:active{transform:scale(.99)}
.birthday-board-item.is-today{border-left-color:var(--tone-urgent)}
.birthday-board-item.is-overdue{border-left-color:var(--tone-urgent)}
.birthday-board-item.is-soon{border-left-color:var(--tone-progress)}
.birthday-board-item.is-delivered{border-left-color:var(--tone-done);opacity:.72}
.birthday-board-day{
  flex:0 0 auto;min-width:62px;text-align:center;padding:8px 6px;border-radius:10px;
  font-size:.7rem;font-weight:900;letter-spacing:.02em;line-height:1.25;
  background:var(--tone-new-bg);color:var(--tone-new);
}
.birthday-board-item.is-today .birthday-board-day,
.birthday-board-item.is-overdue .birthday-board-day{background:var(--tone-urgent-bg);color:var(--tone-urgent)}
.birthday-board-item.is-soon .birthday-board-day{background:var(--tone-progress-bg);color:var(--tone-progress)}
.birthday-board-item.is-delivered .birthday-board-day{background:var(--tone-done-bg);color:var(--tone-done)}
.birthday-board-body{flex:1 1 auto;min-width:0;display:grid;gap:2px}
.birthday-board-body strong{font-size:.96rem;color:var(--ink);font-weight:800;overflow-wrap:anywhere}
.birthday-board-body small{font-size:.78rem;color:var(--muted);line-height:1.35;overflow-wrap:anywhere}
.birthday-board-go{
  flex:0 0 auto;font-size:.78rem;font-weight:900;color:var(--tone-new);white-space:nowrap;
}
.birthday-board-item.is-delivered .birthday-board-go{color:var(--tone-done)}
.hub-kpi.warn strong,.summary-card.danger strong{color:var(--tone-urgent)}
.vehicle-card.has-overdue{border-color:var(--tone-urgent)}
.row-danger{background:var(--tone-urgent-bg)!important}
.a11y-toggle{
  display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--line);
  border-radius:12px;background:#fff;color:var(--ink);font-weight:900;font-size:13px;cursor:pointer
}
.a11y-float-stack{
  position:fixed;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:40;
  display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;pointer-events:none
}
.a11y-float-stack .a11y-toggle{pointer-events:auto;position:static;bottom:auto;right:auto}
.a11y-toggle-float{
  box-shadow:0 8px 24px rgba(0,0,0,.14)
}
/* Asistan FAB / dock ile ?st ?ste binmesin */
body:has(#citizen-assistant) .a11y-float-stack{
  bottom:calc(86px + env(safe-area-inset-bottom));
}
body:has(.citizen-mobile-dock) .a11y-float-stack{
  left:12px;right:auto;align-items:flex-start;
  bottom:calc(78px + env(safe-area-inset-bottom));
}
@media(max-width:760px){
  .topbar-tools{flex-wrap:nowrap;gap:4px;align-items:center}
  /* Mobilde Aa / kontrast / gece / g?r?n?m ?st barda yok ? sol kenar panelinden */
  .topbar-tools .a11y-toggle-desktop[data-large-text-toggle],
  .topbar-tools .a11y-toggle-desktop[data-contrast-toggle],
  .topbar-tools .a11y-toggle-desktop[data-a11y-drawer-open],
  .topbar-tools .night-toggle{display:none!important}
  .topbar-tools .global-search-shortcut{flex:0 0 36px;height:36px;min-width:36px}
  .a11y-float-desktop{display:none!important}
  body:has(#citizen-assistant) .a11y-float-stack{
    bottom:calc(78px + env(safe-area-inset-bottom));
  }
  body:has(.citizen-mobile-dock) .a11y-float-stack{
    bottom:calc(78px + env(safe-area-inset-bottom));
  }
}

/* Mobil: sol kenardan a??lan g?r?n?m paneli (gece / kontrast) */
.a11y-edge-tab{
  display:none;position:fixed;left:0;top:42%;z-index:55;
  width:20px;min-height:40px;padding:0;margin:0;border:0;
  border-radius:0 10px 10px 0;background:rgba(11,93,71,.92);color:#fff;
  font-size:12px;font-weight:800;box-shadow:4px 0 12px rgba(0,0,0,.16);
  cursor:pointer;touch-action:manipulation
}
.a11y-drawer-backdrop{
  display:none;position:fixed;inset:0;z-index:56;background:rgba(0,0,0,.35)
}
.a11y-drawer{
  display:none;position:fixed;left:0;top:0;bottom:0;z-index:57;width:min(300px,86vw);
  padding:calc(14px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));
  background:#f4faf7;border-right:1px solid #c5d9d0;box-shadow:12px 0 40px rgba(0,0,0,.2);
  transform:translateX(-105%);transition:transform .22s ease
}
.a11y-drawer.is-open{transform:translateX(0)}
.a11y-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.a11y-drawer-head strong{font-size:1.05rem}
.a11y-drawer-close{
  width:40px;height:40px;border:0;border-radius:12px;background:#e2eee8;
  font-size:22px;line-height:1;cursor:pointer;color:#0b5d47
}
.a11y-drawer-hint{margin:0 0 14px;color:#4a635a;font-size:.88rem}
.a11y-drawer-actions{display:grid;gap:10px}
.a11y-drawer-actions .a11y-toggle{
  width:100%;min-height:48px;justify-content:flex-start;padding:0 14px;
  border-radius:14px;gap:10px;font-size:.95rem
}
.a11y-drawer-actions .a11y-theme-row .a11y-toggle{
  width:auto;flex:1;min-height:40px;justify-content:center;padding:0 8px;font-size:.8rem
}
@media(max-width:760px){
  .a11y-edge-tab{display:grid;place-items:center}
  .a11y-drawer-backdrop:not([hidden]){display:block}
  .a11y-drawer:not([hidden]){display:block}
}
html.night-mode .a11y-edge-tab{background:rgba(15,40,34,.95);color:#f0c56d}
html.night-mode .a11y-drawer{background:#0f1f1a;border-color:#1e3a32;color:#e8f0ec}
html.night-mode .a11y-drawer-hint{color:#9bb0a6}
html.night-mode .a11y-drawer-close{background:#1a322a;color:#d7e8df}
@media(min-width:761px){
  .a11y-edge-tab{display:none!important}
  .a11y-drawer-backdrop:not([hidden]){display:block}
  .a11y-drawer:not([hidden]){display:block}
}
.a11y-toggle[aria-pressed="true"]{background:#111;color:#fff;border-color:#111}
.a11y-toggle:focus-visible{outline:3px solid var(--tone-new);outline-offset:2px}
html.large-text-mode{font-size:118%}
@media(max-width:760px){html.large-text-mode{font-size:112%}}
html.contrast-mode,
html.a11y-mode{
  --ink:#000;--muted:#1a1a1a;--line:#111;--bg:#fff;--white:#fff;--green:#064e3b;--green-2:#065f46;--green-soft:#ecfdf5;
  --tone-new:#1e3a8a;--tone-new-bg:#bfdbfe;--tone-progress:#9a3412;--tone-progress-bg:#fed7aa;
  --tone-urgent:#7f1d1d;--tone-urgent-bg:#fecaca;--tone-approval:#5b21b6;--tone-approval-bg:#ddd6fe;
  --tone-done:#14532d;--tone-done-bg:#bbf7d0;--tone-cancelled:#0f172a;--tone-cancelled-bg:#cbd5e1;
}
html.contrast-mode body,html.a11y-mode body{background:#fff;color:#000}
html.contrast-mode .card,html.contrast-mode .topbar,html.contrast-mode .team-hub-tabs,
html.contrast-mode input,html.contrast-mode select,html.contrast-mode textarea,
html.a11y-mode .card,html.a11y-mode .topbar,html.a11y-mode .team-hub-tabs,
html.a11y-mode input,html.a11y-mode select,html.a11y-mode textarea{border-color:#111!important;box-shadow:none!important}
html.contrast-mode .badge,html.contrast-mode .button,html.a11y-mode .badge,html.a11y-mode .button{font-weight:900;border-width:2px}
html.contrast-mode .muted,html.contrast-mode .small,html.contrast-mode small,
html.a11y-mode .muted,html.a11y-mode .small,html.a11y-mode small{color:#222!important;opacity:1}
html.contrast-mode a:focus-visible,html.contrast-mode button:focus-visible,
html.contrast-mode input:focus-visible,html.contrast-mode select:focus-visible,
html.a11y-mode a:focus-visible,html.a11y-mode button:focus-visible,
html.a11y-mode input:focus-visible,html.a11y-mode select:focus-visible{outline:3px solid #000;outline-offset:2px}
@media(max-width:760px){.a11y-toggle{min-width:36px;height:36px}}
html.a11y-mode{font-size:118%}
@media(max-width:760px){html.a11y-mode{font-size:112%}}

/* ?ncesi / sonras? kar??la?t?rma kayd?r?c?s? */
.ba-slider{
  position:relative;width:100%;max-width:640px;aspect-ratio:4/3;overflow:hidden;
  border-radius:14px;border:1px solid var(--line);background:#0f2a22;touch-action:none;user-select:none
}
.ba-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba-slider-before{z-index:1}
.ba-slider-after{z-index:2;clip-path:inset(0 0 0 50%)}
.ba-slider-handle{
  position:absolute;top:0;bottom:0;left:50%;z-index:3;width:3px;margin-left:-1.5px;background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.35)
}
.ba-slider-knob{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;
  background:#fff;border:2px solid #0b5d47;display:grid;place-items:center;font-weight:900;font-size:14px;color:#0b5d47
}
.ba-slider-label{
  position:absolute;z-index:4;top:10px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.55);
  color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.04em
}
.ba-slider-label.before{left:10px}
.ba-slider-label.after{right:10px}
.ba-slider-hint{margin:8px 0 0;font-size:.8rem;color:var(--muted)}

.citizen-voice-hint{display:block;margin-top:6px;font-size:.8rem;color:var(--muted)}
.citizen-voice-hint.is-ok{color:#12643c;font-weight:700}
/* Geri al toast (15 sn) */
.undo-toast{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:0 0 14px;padding:14px 16px;border-radius:14px;border:1px solid #e7c86d;
  background:#fff8e6;box-shadow:var(--shadow);position:sticky;top:88px;z-index:20
}
.undo-toast strong{display:block;font-size:14px}
.undo-toast small{display:block;margin-top:4px;color:#795200;font-weight:700}
.undo-toast form{margin:0}
.undo-toast[hidden]{display:none!important}
@media(max-width:760px){.undo-toast{top:72px}.undo-toast .button{width:100%}}

/* Ana ekran yenileme ? ki?iye ?zel ?erit */
.home-refresh{
  margin:0 0 16px;padding:16px;border-radius:18px;border:1px solid #cfe0d8;
  background:linear-gradient(165deg,#ffffff 0%,#f3faf7 55%,#eaf6f1 100%);
  box-shadow:var(--shadow);display:grid;gap:12px
}
.home-refresh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.home-refresh-greet{margin:0;font-size:1.15rem;line-height:1.25;color:#0f2a22}
.home-refresh-greet strong{font-weight:900}
.home-refresh-date{margin:4px 0 0;font-size:12px;font-weight:700;color:var(--muted)}
.home-refresh-search{
  display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;
  border:1px solid #b7d4c6;background:#fff;color:#0b5d47;font-weight:800;font-size:12px;cursor:pointer
}
.home-refresh-search span:first-child{font-size:1rem}
.home-refresh-search kbd{font-size:9px;padding:3px 6px;border-radius:6px;border:1px solid var(--line);color:var(--muted);background:#f4f7f6}
.home-refresh-focus{
  display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
  padding:12px 14px;border-radius:14px;text-decoration:none;color:inherit;border:1px solid #d5e6de;background:#fff
}
.home-refresh-focus-label{
  font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 8px;border-radius:999px;background:#e8f4ef;color:var(--green)
}
.home-refresh-focus strong{font-size:14px;line-height:1.35}
.home-refresh-focus-go{font-size:1.1rem;color:var(--green);font-weight:900}
.home-refresh-focus.tone-urgent{border-color:#f0b4b4;background:#fff5f5}
.home-refresh-focus.tone-urgent .home-refresh-focus-label{background:#fecaca;color:#7f1d1d}
.home-refresh-focus.tone-warn{border-color:#ecd9a4;background:#fffbeb}
.home-refresh-focus.tone-warn .home-refresh-focus-label{background:#fde68a;color:#92400e}
.home-refresh-focus.tone-new{border-color:#bfdbfe;background:#f8fbff}
.home-refresh-focus.tone-new .home-refresh-focus-label{background:#bfdbfe;color:#1e3a8a}
.home-refresh-notifs{display:grid;gap:8px}
.home-refresh-notifs-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.home-refresh-notifs-head strong{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--green)}
.home-refresh-notifs-head a{font-size:12px;font-weight:800;color:var(--green)}
.home-refresh-notif-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.home-refresh-notif a{
  display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);
  background:#fff;text-decoration:none;color:inherit
}
.home-refresh-notif strong{font-size:13px}
.home-refresh-notif small{color:var(--muted);font-size:12px;line-height:1.35}
.home-refresh-notif.is-unread a{border-color:#9ec9b6;box-shadow:inset 3px 0 0 var(--green)}
.home-refresh-notif.tone-urgent a{border-color:#f0b4b4;background:#fff8f8}
.home-refresh-notif.tone-warn a{border-color:#ecd9a4;background:#fffdf5}
@media(max-width:760px){
  .home-refresh{padding:14px;border-radius:16px}
  .home-refresh-search{width:100%;justify-content:center;min-height:48px}
  .home-refresh-search kbd{display:none}
  .home-refresh-focus{grid-template-columns:auto 1fr;grid-template-areas:"label go" "text text"}
  .home-refresh-focus-label{grid-area:label}
  .home-refresh-focus strong{grid-area:text}
  .home-refresh-focus-go{grid-area:go;justify-self:end}
}

/* Vatanda? ?evre / oyunla?t?rma */
.eco-score-hero{margin:8px 0 18px;padding:18px 4px 8px}
.eco-score-hero h1{margin:4px 0 8px;font-size:2rem;color:#0d3f34}
.eco-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.eco-badge-card{
  display:grid;gap:4px;padding:14px;border-radius:16px;border:1px solid #d7e6e0;background:#fff;text-align:center
}
.eco-badge-card.is-locked{opacity:.45;filter:grayscale(1)}
.eco-badge-card.is-earned{border-color:#0b5d47;box-shadow:0 6px 16px rgba(11,93,71,.1)}
.eco-badge-icon{font-size:1.4rem}
.eco-badge-card strong{font-size:.92rem}
.eco-badge-card small{color:#5b7169;font-size:.75rem;line-height:1.3}
.eco-leaderboard{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.eco-leaderboard li{
  display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;
  background:#fff;border:1px solid #d7e6e0
}
.eco-home-strip{margin:0 0 16px}
.eco-home-strip-link{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;
  border-radius:16px;background:#e8f4ef;border:1px solid #c5ddd3;text-decoration:none;color:inherit
}
.eco-home-strip-link em{font-style:normal;margin-left:4px}
.eco-game-cards{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}
.eco-game-card{
  display:grid;gap:4px;padding:16px;border-radius:16px;border:1px solid #d7e6e0;background:#fff;
  text-decoration:none;color:inherit
}
.eco-game-card strong{font-size:1rem;color:#0d3f34}
.eco-game-card small{color:#5b7169;font-size:.82rem;line-height:1.35}
.eco-game-card-cta{margin-top:6px;font-weight:800;color:#0b5d47;font-size:.86rem}
.eco-game-card-logo{grid-template-columns:40px 1fr;grid-template-areas:"img title" "img desc" "cta cta";align-items:center}
.eco-game-card-logo img{grid-area:img;width:40px;height:40px;object-fit:contain}
.eco-game-card-logo strong{grid-area:title}
.eco-game-card-logo small{grid-area:desc}
.eco-game-card-logo .eco-game-card-cta{grid-area:cta}
.eco-puzzle-layout{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.eco-puzzle-ref{display:flex;align-items:center;gap:8px;color:#5b7169;font-size:.82rem;font-weight:700}
.eco-puzzle-preview{width:56px;height:56px;object-fit:contain;border-radius:12px;border:1px solid #d7e6e0;background:#fff;padding:4px}
.eco-puzzle-board{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:360px;margin:0 auto 14px;
  aspect-ratio:1;width:100%;touch-action:manipulation
}
.eco-puzzle-tile{
  border:0;border-radius:12px;background:#cfe4db center/cover no-repeat;cursor:pointer;min-height:0;padding:0;
  box-shadow:inset 0 0 0 1px rgba(13,63,52,.08),0 2px 6px rgba(13,63,52,.14)
}
.eco-puzzle-tile.is-empty{background:#e8f4ef;cursor:default;box-shadow:none}
.eco-puzzle-tile.is-correct{box-shadow:inset 0 0 0 2px rgba(11,93,71,.35),0 0 10px rgba(11,93,71,.28)}
.eco-puzzle-tile.is-hint{animation:ecoPulse .45s ease 2;box-shadow:inset 0 0 0 3px #f59e0b,0 0 14px rgba(245,158,11,.55)}
.eco-puzzle-tile.is-flash{animation:ecoPop .5s ease}
.eco-puzzle-board.is-won{
  box-shadow:0 0 0 3px rgba(11,93,71,.25),0 0 26px rgba(11,93,71,.35);border-radius:16px;
  position:relative;overflow:hidden
}
.eco-puzzle-board.is-won::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);
  background-size:220% 220%;animation:ecoShineSweep 1.4s ease-out 1
}
@keyframes ecoShineSweep{
  0%{background-position:-140% -140%}
  100%{background-position:140% 140%}
}
@media (prefers-reduced-motion:reduce){
  .eco-puzzle-board.is-won::after{animation:none;display:none}
}
.eco-puzzle-num{
  position:absolute;right:4px;bottom:3px;font-size:.65rem;font-weight:800;color:#0d3f34;
  background:rgba(255,255,255,.85);border-radius:6px;padding:1px 4px;pointer-events:none
}
.eco-puzzle-tile{position:relative}
.eco-puzzle-size{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;align-items:center}
.eco-chip{
  border:1px solid #c5ddd3;background:#fff;border-radius:999px;padding:8px 12px;font-weight:700;
  color:#0d3f34;cursor:pointer;font-size:.82rem
}
.eco-chip.is-active{background:#0b5d47;color:#fff;border-color:#0b5d47}
.eco-chip-check{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:#5b7169}
.eco-win-banner{
  display:grid;gap:4px;padding:12px 14px;margin:0 0 12px;border-radius:14px;
  background:linear-gradient(135deg,#e8f4ef,#d7efe4);border:1px solid #b7d8c8;color:#0d3f34
}
.eco-win-banner strong{font-size:1rem}
.eco-win-banner span{font-size:.85rem;color:#5b7169}
.eco-result-card{
  display:flex;align-items:center;gap:14px;padding:14px 16px;
  border-radius:16px;background:linear-gradient(135deg,#e8f4ef,#d7efe4);
  border:1px solid #b7d8c8;animation:ecoWinIn .5s cubic-bezier(.2,1.2,.4,1)
}
.eco-result-card.is-guest{background:linear-gradient(135deg,#fdf3e2,#fbe8c8);border-color:#eccb87}
.eco-result-icon{font-size:1.9rem;line-height:1;flex:none}
.eco-result-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.eco-result-score{font-size:1.35rem;color:#0d3f34;line-height:1.1;font-weight:800}
.eco-result-score small{font-size:.68rem;font-weight:700;color:#5b7169;text-transform:uppercase;letter-spacing:.04em;margin-left:2px}
.eco-result-award{display:inline-flex;padding:3px 11px;border-radius:999px;background:#0b5d47;color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.01em}
.eco-result-award.is-capped{background:#e2ecea;color:#4d6a61}
.eco-result-extra{font-size:.95rem;letter-spacing:.08em;color:#d97706}
.eco-result-note{font-size:.82rem;color:#8a6a2a}
.eco-result-note .eco-login-inline{color:#0b5d47;font-weight:700;text-decoration:underline}
.eco-match-board{
  display:grid;grid-template-columns:repeat(var(--eco-match-n,7),minmax(0,1fr));gap:5px;
  max-width:420px;margin:0 auto 14px;width:100%;aspect-ratio:1;touch-action:none;user-select:none
}
.eco-match-tile{
  border:0;border-radius:12px;min-height:0;padding:0;cursor:pointer;font-size:1.25rem;line-height:1;
  display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px rgba(13,63,52,.1),0 2px 6px rgba(13,63,52,.12);
  transition:transform .12s ease,background .12s ease,opacity .15s ease,box-shadow .15s ease;position:relative
}
.eco-match-tile img{width:68%;height:68%;object-fit:contain;pointer-events:none}
.eco-match-glyph{pointer-events:none;line-height:1}
.eco-match-tile.is-selected{transform:scale(.9);box-shadow:inset 0 0 0 2px #0b5d47}
.eco-match-tile.is-clear{opacity:.3;transform:scale(.75)}
.eco-match-tile.is-hint{animation:ecoPulse .5s ease 2;box-shadow:inset 0 0 0 2px #f59e0b}
.eco-match-tile.is-logo{background:#eef6f2}
.eco-match-tile.is-bin{background:#e8f0ff}
.eco-match-tile.is-fly{background:#fff4e5}
.eco-match-tile.is-dozer{background:#e7f6ea}
.eco-match-tile.is-truck{background:#f3eef8}
.eco-match-tile.is-special{box-shadow:inset 0 0 0 2px rgba(11,93,71,.4)}
.eco-match-sp{
  position:absolute;top:2px;right:3px;font-style:normal;font-size:.7rem;font-weight:900;color:#0b5d47;
  background:rgba(255,255,255,.9);border-radius:6px;padding:0 3px;line-height:1.2;pointer-events:none
}
.eco-stars{letter-spacing:1px;color:#ca8a04}
.eco-goal{font-size:.82rem;font-weight:700;color:#5b7169}
.eco-game-hud{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 10px;font-weight:800;color:#0d3f34;align-items:center}
.eco-time-track{height:8px;border-radius:999px;background:#d7e6e0;overflow:hidden;margin:0 0 8px;max-width:420px}
.eco-time-bar{display:block;height:100%;width:100%;background:linear-gradient(90deg,#0b5d47,#2f9e7a);transition:width .35s linear}
.eco-time-bar.is-low{background:linear-gradient(90deg,#b45309,#f59e0b)}
.eco-tip{margin:0 0 8px;font-size:.85rem;font-weight:700;color:#0b5d47;min-height:1.2em}
.eco-tip.is-warn{color:#b45309}
.eco-tip.is-good{color:#0b5d47}
.eco-bin.is-target{outline:3px solid rgba(11,93,71,.55);outline-offset:2px;transform:translateY(-2px);transition:transform .2s ease,outline .2s ease;animation:ecoTargetGlow 1.2s ease-in-out infinite}
.eco-bin.is-ok{animation:ecoPop .35s ease}
.eco-bin.is-bad{animation:ecoShake .35s ease}
.eco-game-page{position:relative;overflow:clip}
.eco-game-hud b{display:inline-block;transition:transform .2s ease,color .2s ease}
.eco-game-hud b.eco-fx-bump{animation:ecoScoreBump .45s cubic-bezier(.2,1.4,.4,1)}
.eco-tip{transition:opacity .2s ease,transform .2s ease}
.eco-tip.eco-fx-tip{animation:ecoTipIn .4s ease}
.eco-canvas{animation:ecoFadeIn .5s ease}
.eco-puzzle-board,.eco-match-board{animation:ecoFadeIn .45s ease}
.eco-puzzle-tile{transition:transform .18s ease,box-shadow .2s ease,filter .2s ease}
.eco-puzzle-tile:not(.is-empty):active{transform:scale(.96)}
.eco-puzzle-tile.is-slide{animation:ecoSlideIn .22s ease}
.eco-puzzle-preview{animation:ecoSoftSpin 8s linear infinite;transform-origin:center}
.eco-win-banner{animation:ecoWinIn .55s cubic-bezier(.2,1.2,.4,1)}
.eco-win-banner.eco-fx-stars::after{
  content:"???";position:absolute;inset:auto 12px 8px auto;font-size:1.1rem;color:#ca8a04;
  animation:ecoStarPop .6s ease
}
.eco-win-banner{position:relative}
/* Giri? animasyonu yaln?z .is-enter ? her render'da opacity:0 flicker olmas?n */
.eco-match-tile.is-enter{animation:ecoTileIn .35s ease both}
.eco-match-tile.is-clear{animation:ecoExplode .28s ease forwards}
.eco-match-tile.is-selected{animation:ecoSelectPulse .9s ease-in-out infinite}
.eco-match-tile.is-special:not(.is-clear):not(.is-selected){animation:ecoSpecialGlow 1.6s ease-in-out infinite}
.eco-match-tile.is-fall{animation:ecoFallIn .28s ease}
.eco-match-board.eco-fx-celebrate{animation:ecoBoardGlow .9s ease}
.eco-stars.eco-fx-bump{animation:ecoStarPop .5s ease}
.eco-time-bar.is-low{animation:ecoBarPulse 1s ease-in-out infinite}
.eco-fx-rel{position:relative;overflow:hidden}
.eco-fx-ripple{
  position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;
  background:rgba(255,255,255,.55);pointer-events:none;animation:ecoRipple .5s ease-out forwards
}
.eco-fx-flash{
  position:absolute;inset:0;pointer-events:none;z-index:8;border-radius:18px;
  background:rgba(255,255,255,.35);animation:ecoScreenFlash .4s ease forwards
}
.eco-fx-flash.is-good{background:rgba(47,158,122,.28)}
.eco-fx-flash.is-warn{background:rgba(245,158,11,.22)}
.eco-fx-flash.is-win{background:rgba(11,93,71,.2)}
.eco-fx-confetti{
  position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:9
}
.eco-fx-confetti i{
  position:absolute;top:-12px;left:var(--eco-fx-x,50%);width:8px;height:12px;border-radius:2px;
  animation:ecoConfettiFall var(--eco-fx-dur,.9s) var(--eco-fx-delay,0s) ease-in forwards;
  transform:rotate(var(--eco-fx-rot,0deg))
}
.eco-fx-confetti i.is-round{width:9px;height:9px;border-radius:50%}
.eco-game-card{transition:transform .2s ease,box-shadow .2s ease}
.eco-game-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(11,93,71,.12)}
.eco-badge-card.is-earned{animation:ecoBadgeShine 2.8s ease-in-out infinite}
@keyframes ecoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes ecoPop{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes ecoShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes ecoScoreBump{0%{transform:scale(1)}35%{transform:scale(1.28);color:#0b5d47}100%{transform:scale(1)}}
@keyframes ecoTipIn{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}
@keyframes ecoFadeIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes ecoSlideIn{0%{transform:scale(.86);filter:brightness(1.15)}100%{transform:none;filter:none}}
@keyframes ecoSoftSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes ecoWinIn{0%{opacity:0;transform:scale(.92) translateY(8px)}100%{opacity:1;transform:none}}
@keyframes ecoTileIn{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:none}}
@keyframes ecoExplode{0%{transform:scale(1);opacity:1}100%{transform:scale(1.35);opacity:0}}
@keyframes ecoSelectPulse{0%,100%{transform:scale(.9)}50%{transform:scale(.84)}}
@keyframes ecoSpecialGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12) drop-shadow(0 0 4px rgba(11,93,71,.45))}}
@keyframes ecoFallIn{0%{transform:translateY(-40%);opacity:.2}100%{transform:none;opacity:1}}
@keyframes ecoBoardGlow{0%,100%{box-shadow:0 0 0 0 rgba(11,93,71,0)}40%{box-shadow:0 0 0 6px rgba(11,93,71,.22)}}
@keyframes ecoStarPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}
@keyframes ecoBarPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
@keyframes ecoTargetGlow{0%,100%{box-shadow:0 0 0 0 rgba(11,93,71,.2)}50%{box-shadow:0 0 0 6px rgba(11,93,71,0)}}
@keyframes ecoRipple{0%{transform:scale(1);opacity:.7}100%{transform:scale(14);opacity:0}}
@keyframes ecoScreenFlash{0%{opacity:1}100%{opacity:0}}
@keyframes ecoConfettiFall{
  0%{transform:translate3d(0,0,0) rotate(0);opacity:1}
  100%{transform:translate3d(12px,110vh,0) rotate(var(--eco-fx-rot,180deg));opacity:0}
}
@keyframes ecoBadgeShine{0%,100%{box-shadow:0 6px 16px rgba(11,93,71,.1)}50%{box-shadow:0 8px 22px rgba(11,93,71,.22)}}
@media (prefers-reduced-motion: reduce){
  .eco-puzzle-preview,.eco-bin.is-target,.eco-match-tile.is-selected,.eco-match-tile.is-special,
  .eco-badge-card.is-earned,.eco-time-bar.is-low{animation:none !important}
  .eco-fx-confetti,.eco-fx-flash{display:none !important}
  .eco-game-card:hover{transform:none}
}
.eco-canvas{
  width:100%;max-width:420px;height:auto;aspect-ratio:5/6;display:block;margin:0 auto 12px;border-radius:18px;border:1px solid #d7e6e0;
  background:#dceee6;touch-action:manipulation
}
.eco-bins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}
.eco-bin{
  min-height:52px;border:0;border-radius:14px;font-weight:800;color:#fff;cursor:pointer;padding:8px 4px;font-size:.82rem
}
.eco-bin[data-bin=glass]{background:#2563eb}
.eco-bin[data-bin=plastic]{background:#d97706}
.eco-bin[data-bin=organic]{background:#15803d}
.eco-bin[data-bin=trash]{background:#475569}
.eco-game-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
@media(max-width:420px){
  .eco-badge-grid{grid-template-columns:1fr 1fr}
  .eco-bin{font-size:.72rem;min-height:48px}
}

/* ??? iPhone / iPad Safari & PWA ??? */
html{height:100%;}
body{
  min-height:100vh;
  min-height:100dvh;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
@supports (padding: max(0px)) {
  .topbar{
    padding-top: env(safe-area-inset-top);
    /* Sabit height men?y? kesiyordu (admin ?ok link) ? min-height kullan */
    height: auto;
    min-height: calc(72px + env(safe-area-inset-top));
  }
}
@media(max-width:760px){
  @supports (padding: max(0px)) {
    .topbar{
      height: auto;
      min-height: calc(62px + env(safe-area-inset-top));
      padding-left: max(14px, env(safe-area-inset-left));
      padding-right: max(14px, env(safe-area-inset-right));
    }
  }
  input,select,textarea,button.button,.button{
    font-size:16px; /* iOS odak zoom engeli */
  }
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
}
.mobile-admin-panel{
  height:100vh;
  height:100dvh;
  max-height:100vh;
  max-height:100dvh;
}
.gateway,.dikmen-gate,.citizen-auth-shell,.staff-auth-shell{
  min-height:100vh;
  min-height:100dvh;
}
.live-map-shell{
  height:calc(100vh - 180px);
  height:calc(100dvh - 180px);
}
html.is-ios .eco-match-board,
html.is-ios .eco-puzzle-board{
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
html.is-standalone .topbar{
  /* Ana ekrandan a??l??ta notch alt? */
  border-bottom-color:#cfe0d8;
}
@supports not (aspect-ratio: 1) {
  .eco-match-board,.eco-puzzle-board{
    height:0;
    padding-bottom:100%;
    position:relative;
  }
  .eco-match-board > *,.eco-puzzle-board > *{
    /* grid children still flow; board itself keeps square via padding */
  }
}
html.is-ios .button,
html.is-ios .eco-bin,
html.is-ios .eco-match-tile,
html.is-ios .eco-puzzle-tile{
  -webkit-tap-highlight-color:rgba(11,93,71,.12);
}
html.is-ios .citizen-hub,
html.is-ios .eco-game-page{
  padding-left:max(0px, env(safe-area-inset-left));
  padding-right:max(0px, env(safe-area-inset-right));
  padding-bottom:max(16px, env(safe-area-inset-bottom));
}


/* ??? Gece modu + s?rpriz kolayl?klar ??? */
html.night-transition,html.night-transition body,
html.night-transition .topbar,html.night-transition .card,html.night-transition .mobile-nav{
  transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease
}
html.night-mode{
  color-scheme:dark;
  --bg:#0b1210;--white:#14201c;--surface-2:#1a2a24;--ink:#e8f2ec;--muted:#9eb0a7;--line:#2c4038;
  --green:#4ec99a;--green-2:#3aaf84;--green-soft:#1a2e27;--shadow:0 12px 32px rgba(0,0,0,.45);
  --navy:#c5d8e8;--red:#f07171;--amber:#f0c674;
  --tone-new-bg:#1a2740;--tone-progress-bg:#3a2a12;--tone-urgent-bg:#3a1818;
  --tone-approval-bg:#2a1f40;--tone-done-bg:#163028;--tone-cancelled-bg:#1e2428;
}
html.night-mode body{background:var(--bg);color:var(--ink)}
html.night-mode .topbar,
html.night-mode .card,
html.night-mode .mobile-nav,
html.night-mode .mobile-nav a,
html.night-mode .mobile-nav button,
html.night-mode .field-action-tile,
html.night-mode .field-action-tile.is-primary,
html.night-mode .dikmen-path-service,
html.night-mode .dikmen-rail-item,
html.night-mode .dikmen-flow-notify-row,
html.night-mode .dikmen-form-row,
html.night-mode .dikmen-news-item,
html.night-mode .dikmen-abone-input-wrap,
html.night-mode .eco-game-card,
html.night-mode .eco-badge-card,
html.night-mode .home-refresh,
html.night-mode .field-region-card,
html.night-mode .field-metrics a,
html.night-mode .field-task,
html.night-mode .metric,
html.night-mode .order-card,
html.night-mode .citizen-action-card,
html.night-mode .citizen-service-card,
html.night-mode .citizen-request-card,
html.night-mode .citizen-account-summary,
html.night-mode .notification-item,
html.night-mode .notification-item.nested,
html.night-mode .notif-group,
html.night-mode .install-promotion,
html.night-mode .quick-actions-sheet,
html.night-mode .municipality-access-bar,
html.night-mode .workflow-steps span,
html.night-mode .permission-guide article,
html.night-mode .assignment-card,
html.night-mode .mobile-admin-grid a,
html.night-mode .mobile-admin-actions,
html.night-mode .mobile-task-card,
html.night-mode .team-hub-tabs,
html.night-mode .summary-card,
html.night-mode .hub-kpi,
html.night-mode .vehicle-card{
  background:var(--white);border-color:var(--line);color:var(--ink)
}
html.night-mode .dikmen-path-field{
  background:linear-gradient(165deg,#0a2e26 0%,#0f5c46 100%);color:#f2faf6
}
html.night-mode .dikmen-flow-hero{
  background:
    radial-gradient(520px 200px at 100% -20%,rgba(255,255,255,.08),transparent 55%),
    linear-gradient(145deg,#031a15 0%,#0a3d31 48%,#0e5542 100%);
  color:#f2faf6;box-shadow:0 18px 40px rgba(0,0,0,.4)
}
html.night-mode .dikmen-flow-search,
html.night-mode .citizen-global-search{
  background:var(--surface-2)!important;color:var(--ink);box-shadow:0 10px 28px rgba(0,0,0,.35)!important
}
html.night-mode .citizen-global-search button{background:#243830;color:var(--ink)}
html.night-mode .dikmen-path-service{color:var(--ink);border-color:var(--line)}
html.night-mode .dikmen-path-service em{color:var(--green)}
html.night-mode .dikmen-path-water{color:#fff}
html.night-mode .dikmen-rail-item small,
html.night-mode .dikmen-flow-notify-row span,
html.night-mode .dikmen-form-row small,
html.night-mode .dikmen-news-item p,
html.night-mode .dikmen-pay-hint,
html.night-mode .field-action-tile small,
html.night-mode .eco-game-card small,
html.night-mode .citizen-action-card small,
html.night-mode .citizen-service-card p{color:var(--muted)!important}
html.night-mode .dikmen-flow-section-head h2,
html.night-mode .dikmen-form-row b,
html.night-mode .dikmen-flow-links a,
html.night-mode .field-action-tile strong,
html.night-mode .eco-game-card strong,
html.night-mode .eco-game-card-cta,
html.night-mode .field-home-kicker,
html.night-mode .field-home-header h1{color:var(--ink)}
html.night-mode .dikmen-flow-links a{border-bottom-color:#3d5a4e}
html.night-mode .dikmen-flow-links a:hover{color:var(--green);border-bottom-color:var(--green)}
html.night-mode .dikmen-news-item>span{color:var(--green)}
html.night-mode .dikmen-abone-prefix{background:var(--green-soft);color:var(--green);border-color:var(--line)}
html.night-mode .dikmen-flow-status{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
html.night-mode .button.secondary,
html.night-mode .a11y-toggle,
html.night-mode .password-toggle,
html.night-mode .install-button,
html.night-mode .citizen-login{
  background:var(--surface-2);border-color:#3a5348;color:var(--ink)
}
html.night-mode .a11y-toggle[aria-pressed="true"]{background:#0e1a16;color:#f0c674;border-color:#f0c674}
html.night-mode .night-toggle[aria-pressed="true"]{
  background:linear-gradient(145deg,#1a3a2e,#0f241c);color:#f0d78c;border-color:#4ec99a;
  box-shadow:0 0 0 2px rgba(78,201,154,.25)
}
html.night-mode .button.warning{background:#3a2e12;border-color:#8a6a20;color:#f0d78c}
html.night-mode .button.location{background:#1a2838;border-color:#3a5570;color:#c5d8e8}
html.night-mode input,html.night-mode select,html.night-mode textarea{
  background:#0e1814;border-color:#3a5348;color:var(--ink);color-scheme:dark
}
html.night-mode input:focus,html.night-mode select:focus,html.night-mode textarea:focus{
  border-color:var(--green-2);box-shadow:0 0 0 3px rgba(78,201,154,.18)
}
html.night-mode input::placeholder,html.night-mode textarea::placeholder{color:#7a9088}
html.night-mode .login-card label,
html.night-mode .form-grid label,
html.night-mode .stack-form label,
html.night-mode .action-panel label,
html.night-mode .photo-upload label,
html.night-mode .filters label{color:var(--muted)}
html.night-mode .form-section h2,
html.night-mode .section-title>a,
html.night-mode .eyebrow{color:var(--green)}
html.night-mode th{color:var(--muted);border-color:var(--line)}
html.night-mode td{border-color:#243530}
html.night-mode .clickable:hover,html.night-mode .order-card:hover{background:#1a2a24}
html.night-mode .badge{background:#243830;color:#cfe0d8}
html.night-mode .priority-acil{background:#3a1818;color:#f5a8a8}
html.night-mode .priority-y?ksek{background:#3a2e12;color:#f0d78c}
html.night-mode .priority-normal{background:#1a2838;color:#a8c4e0}
html.night-mode .priority-d???k{background:#243028;color:#a8b8b0}
html.night-mode .location-box,
html.night-mode .photo-upload,
html.night-mode .consent,
html.night-mode .citizen-photo-input input,
html.night-mode .tracking-credentials>div,
html.night-mode .tracking-resolution,
html.night-mode .field-done,
html.night-mode .online-list>span,
html.night-mode .mini-result-grid span,
html.night-mode .license-days,
html.night-mode .api-info code,
html.night-mode .license-id code{
  background:var(--green-soft);border-color:#3a5348;color:var(--ink)
}
html.night-mode .field-running,
html.night-mode .correction-note,
html.night-mode .activity-warning,
html.night-mode .citizen-warning,
html.night-mode .license-banner{background:#3a2e12;border-color:#8a6a20;color:#f0d78c}
html.night-mode .notif-group.unread,
html.night-mode .notif-group.is-unread,
html.night-mode .notification-item.unread{background:#163028;border-color:var(--green-2)}
html.night-mode .saha-top-nav a:hover,
html.night-mode .desktop-nav a:hover{background:var(--green-soft);color:var(--green)}
html.night-mode .saha-top-nav a.is-active,
html.night-mode .desktop-nav a.is-active{background:var(--green)!important;color:#fff!important}
html.night-mode .user-chip{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
html.night-mode .network-note{background:#1a2838;color:#c5d8e8}
html.night-mode .timeline li>span:after{background:#3a5348}
html.night-mode .install-qr{background:#fff}
html.night-mode .install-card ol{color:var(--muted)}
html.night-mode .citizen-sticky-actions,
html.night-mode .search-actions,
html.night-mode .form-actions.sticky-save,
html.night-mode .vitals-sticky-actions{
  background:rgba(20,32,28,.96)!important;border-color:var(--line)
}
html.night-mode .login-shell{
  background:linear-gradient(125deg,#031a15 0%,#0a3d31 48%,#14201c 48%)
}
html.night-mode .eco-canvas,
html.night-mode .eco-match-board,
html.night-mode .eco-puzzle-board{filter:saturate(1.08) brightness(.9)}
html.night-mode .field-action-tile.mark-tasks .field-action-icon{background:#1a2838;color:#93c5fd}
html.night-mode .field-action-tile.mark-today .field-action-icon{background:#3a2e12;color:#f0d78c}
html.night-mode .field-action-tile.mark-service .field-action-icon{background:#3a1828;color:#f9a8d4}
html.night-mode .field-action-tile.mark-meet .field-action-icon{background:#163028;color:#5eead4}
html.night-mode .field-action-tile.mark-notify .field-action-icon{background:#2a1f40;color:#d8b4fe}
html.night-mode .field-action-tile.mark-team .field-action-icon{background:#1e2440;color:#a5b4fc}
html.night-mode .field-action-tile.mark-menu .field-action-icon{background:#163028;color:#6ee7b7}
html.night-mode .field-action-tile.mark-map .field-action-icon{background:#163238;color:#67e8f9}
html.night-mode .citizen-action-card .action-icon{background:var(--green-soft)}
.night-toggle{font-size:1.1rem;line-height:1}
.surprise-card{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:0 0 14px;padding:14px 16px;border-radius:18px;border:1px solid #c5ddd3;
  background:linear-gradient(135deg,#e7f6ef,#fff8e8);box-shadow:0 8px 22px rgba(11,93,71,.08)
}
.surprise-kicker{margin:0 0 4px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0b5d47}
.surprise-card strong{display:block;font-size:.95rem;line-height:1.35;color:#0d3f34;max-width:42ch}
.surprise-done{font-size:.82rem;font-weight:800;color:#5b7169}
.surprise-card.is-claimed{opacity:.88;background:#f2f7f4}
.citizen-recent-searches{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 0}
.citizen-recent-label{font-size:.72rem;font-weight:800;color:#5b7169;text-transform:uppercase;letter-spacing:.04em}
.citizen-recent-chip{
  border:1px solid #c5ddd3;background:#fff;border-radius:999px;padding:6px 10px;
  font-size:.78rem;font-weight:700;color:#0d3f34;cursor:pointer
}
.field-home-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.field-next-banner{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:12px 14px;
  border-radius:16px;background:linear-gradient(90deg,#0b5d47,#1f8a68);color:#fff;text-decoration:none;
  box-shadow:0 10px 24px rgba(11,93,71,.25);animation:ecoPulse 2.2s ease-in-out infinite
}
.field-next-banner span{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.field-next-banner strong{font-size:1rem}
.field-next-banner small{opacity:.85;font-size:.8rem}
.field-region-card.is-next-up{box-shadow:0 0 0 3px rgba(11,93,71,.35);transform:translateY(-1px)}
html.night-mode .surprise-card{
  background:linear-gradient(135deg,#1a2e27,#2a2418);border-color:#3a5348;color:var(--ink)
}
html.night-mode .surprise-kicker{color:var(--green)}
html.night-mode .surprise-card strong{color:var(--ink)}
html.night-mode .surprise-done{color:var(--muted)}
html.night-mode .surprise-card.is-claimed{background:var(--surface-2);opacity:.9}
html.night-mode .citizen-recent-label{color:var(--muted)}
html.night-mode .citizen-recent-chip{background:var(--surface-2);border-color:#3a5348;color:var(--ink)}
.citizen-more-block{
  margin:16px 0;padding:0;border:1px solid #d7e6e0;border-radius:16px;background:#fff;overflow:hidden
}
.citizen-more-block>summary{
  list-style:none;cursor:pointer;padding:14px 16px;font-weight:800;color:#0d3f34
}
.citizen-more-block>summary::-webkit-details-marker{display:none}
.citizen-more-block[open]>summary{border-bottom:1px solid #d7e6e0}
.citizen-more-block .dikmen-flow-links{padding:12px 16px 16px;margin:0}
html.night-mode .citizen-more-block{background:var(--white);border-color:var(--line)}
html.night-mode .citizen-more-block>summary{color:var(--ink)}
html.night-mode .citizen-more-block[open]>summary{border-bottom-color:var(--line)}
@media(prefers-reduced-motion:reduce){
  html.night-transition,html.night-transition body,
  html.night-transition .topbar,html.night-transition .card,html.night-transition .mobile-nav{transition:none}
}

/* Web portal: ?st men? 2. sat?rda ? kayd?rma yok, s??mazsa alta k?r?l?r, asla kaybolmaz */
header.topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto;
  grid-template-areas:
    "brand tools user"
    "nav nav nav";
  align-items:center;
  column-gap:10px;
  row-gap:8px;
  height:auto!important;
  min-height:0!important;
  padding:10px 16px!important;
  overflow:visible!important;
  flex-wrap:unset!important;
}
header.topbar > .brand{
  grid-area:brand;min-width:0!important;max-width:100%!important;
  order:unset!important
}
header.topbar > .session-slot-badge{
  grid-area:brand;justify-self:end;align-self:center;order:unset!important
}
header.topbar > .topbar-tools{
  grid-area:tools;order:unset!important;flex:0 0 auto
}
header.topbar > .user-menu,
header.topbar > .user-menu-saha{
  grid-area:user;margin-left:0!important;order:unset!important;flex:0 0 auto
}
header.topbar > .saha-top-nav,
header.topbar > .desktop-nav,
header.topbar > .admin-desktop-nav,
header.topbar > .manager-desktop-nav,
header.topbar > .executive-desktop-nav{
  grid-area:nav;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center;
  justify-content:center!important;
  gap:6px;
  width:100%!important;
  max-width:100%!important;
  flex:none!important;
  min-width:0!important;
  overflow:visible!important;
  order:unset!important;
  padding:8px 4px 4px;
  border-top:1px solid var(--line);
}
header.topbar > .saha-top-nav a,
header.topbar > .desktop-nav a,
header.topbar > .admin-desktop-nav a,
header.topbar > .manager-desktop-nav a,
header.topbar > .executive-desktop-nav a{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  min-height:38px;
  padding:8px 12px;
}
@media(min-width:1100px){
  header.topbar > .saha-top-nav,
  header.topbar > .desktop-nav,
  header.topbar > .admin-desktop-nav,
  header.topbar > .manager-desktop-nav,
  header.topbar > .executive-desktop-nav{
    justify-content:center!important;
    gap:8px;
  }
  header.topbar > .saha-top-nav a,
  header.topbar > .desktop-nav a,
  header.topbar > .admin-desktop-nav a,
  header.topbar > .manager-desktop-nav a,
  header.topbar > .executive-desktop-nav a{
    min-height:42px;
    padding:10px 14px;
    font-size:13px;
  }
}
@media(max-width:900px){
  header.topbar > .saha-top-nav,
  header.topbar > .desktop-nav,
  header.topbar > .admin-desktop-nav,
  header.topbar > .manager-desktop-nav,
  header.topbar > .executive-desktop-nav{
    /* Dar ekranda tek sat?r + yatay kayd?rma; s??arsa ortal? */
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:#9db9ae transparent;
    justify-content:safe center!important;
    padding-bottom:8px;
  }
  header.topbar > .saha-top-nav::-webkit-scrollbar,
  header.topbar > .desktop-nav::-webkit-scrollbar,
  header.topbar > .admin-desktop-nav::-webkit-scrollbar,
  header.topbar > .manager-desktop-nav::-webkit-scrollbar,
  header.topbar > .executive-desktop-nav::-webkit-scrollbar{height:6px}
  header.topbar > .saha-top-nav::-webkit-scrollbar-thumb,
  header.topbar > .desktop-nav::-webkit-scrollbar-thumb,
  header.topbar > .admin-desktop-nav::-webkit-scrollbar-thumb,
  header.topbar > .manager-desktop-nav::-webkit-scrollbar-thumb,
  header.topbar > .executive-desktop-nav::-webkit-scrollbar-thumb{
    background:#9db9ae;border-radius:99px
  }
}
@media(min-width:901px){
  header.topbar-saha > .saha-top-nav[aria-label="Amir men?"],
  header.topbar-saha > .saha-top-nav[aria-label="Admin men?"],
  header.topbar-saha > .saha-top-nav[aria-label="Y?netici men?"]{display:none!important}
  header.topbar-saha > .manager-desktop-nav,
  header.topbar-saha > .admin-desktop-nav,
  header.topbar-saha > .executive-desktop-nav{display:flex!important}
}
@media(max-width:900px){
  header.topbar-saha > .manager-desktop-nav,
  header.topbar-saha > .admin-desktop-nav,
  header.topbar-saha > .executive-desktop-nav{display:none!important}
  header.topbar-saha > .saha-top-nav[aria-label="Amir men?"],
  header.topbar-saha > .saha-top-nav[aria-label="Admin men?"],
  header.topbar-saha > .saha-top-nav[aria-label="Y?netici men?"]{display:flex!important}
  header.topbar > .brand .brand-text small{display:none}
  header.topbar > .user-menu-saha .user-chip{display:none}
}
@media(max-width:560px){
  header.topbar{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "brand user"
      "tools tools"
      "nav nav";
  }
  header.topbar > .topbar-tools{justify-content:flex-start}
}

/* Ak?ll? tekrar / m?kerrer / ses / vatanda? alt men? */
.citizen-assistant-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.citizen-assistant-action{text-decoration:none!important;min-height:44px;padding:10px 14px;font-size:.85rem}
.citizen-assistant-progress{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 2px}
.citizen-assistant-step{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:999px;background:#e8f0ec;color:#5a6f66}
.citizen-assistant-step.is-done{background:#d8f0e4;color:#0d5c4a}
.citizen-assistant-step.is-current{background:#0d5c4a;color:#fff}
.citizen-assistant-step-card{margin-top:8px;padding:10px;border-radius:12px;background:#f7fbf9;border:1px solid #d5e8df;display:flex;flex-direction:column;gap:8px}
.citizen-assistant-field{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:700;color:#2f4a40}
.citizen-assistant-field span{color:#3d5a50}
.citizen-assistant-field input{border:1px solid #c5ddd2;border-radius:10px;padding:9px 10px;font:inherit;font-weight:500}
.citizen-assistant-field.is-readonly input{background:#eef5f1;color:#2f4a40;border-style:dashed}
.citizen-assistant-field.has-suggest{position:relative}
.citizen-assistant-suggest{
  position:absolute;left:0;right:0;top:100%;z-index:40;
  margin-top:4px;max-height:220px;overflow:auto;
  background:#fff;border:1px solid #c5ddd2;border-radius:10px;
  box-shadow:0 8px 24px rgba(15,50,40,.12);display:flex;flex-direction:column;padding:4px
}
.citizen-assistant-suggest-item{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;
  cursor:pointer;font:inherit
}
.citizen-assistant-suggest-item:hover{background:#e8f4ee}
.citizen-assistant-suggest-item strong{font-size:.82rem;color:#163d32}
.citizen-assistant-suggest-item small{font-size:.7rem;color:#5a6f66;font-weight:600}
.citizen-similar-panel{
  margin-top:10px;padding:12px;border-radius:14px;border:1px solid #d7e3dd;background:#f7fbf9
}
.citizen-similar-list{display:grid;gap:6px;margin:8px 0}
.citizen-similar-item{
  text-align:left;border:1px solid #d7e3dd;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer
}
.citizen-similar-item small{display:block;color:#5a7268;margin-top:2px;font-size:.78rem}
.citizen-similar-item.is-selected{border-color:#0b5d47;box-shadow:0 0 0 2px rgba(11,93,71,.15)}
.citizen-similar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.speech-suggest-panel{margin-top:10px;padding:12px}
.speech-suggest-list{display:grid;gap:6px;margin-top:8px}
.citizen-splash-skeleton{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 6px
}
.citizen-splash-skeleton span{
  padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#e8fff6;
  font-size:.72rem;font-weight:700;letter-spacing:.02em
}
.citizen-mobile-dock{
  display:none
}
@media(max-width:760px){
  .citizen-experience .citizen-mobile-dock{
    display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;
    height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);
    background:#fff;border-top:1px solid var(--line,#dce4e8)
  }
  .citizen-mobile-dock a,.citizen-mobile-dock button{
    border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;
    font-size:10px;font-weight:800;color:#53636e;gap:2px;min-width:0
  }
  .citizen-mobile-dock span{font-size:18px;line-height:1}
  .citizen-mobile-dock .is-active{color:#0b5d47}
  .citizen-experience{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .citizen-experience .citizen-assistant-fab{bottom:calc(78px + env(safe-area-inset-bottom))}
}
.staff-auth-forgot,.citizen-auth-forgot-strong{
  display:inline-block;margin-top:10px;font-weight:700;color:#0b5d47;text-align:center
}
.field-checklist h2{margin:0 0 10px;font-size:.95rem}
.field-step-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.field-step-list li{display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid #d7e4de;background:#f7faf8}
.field-step-list li.is-done{background:#e8f6ef;border-color:#b7dfc8}
.field-step-list li.is-next{background:#fff8e8;border-color:#f0c56d;box-shadow:0 0 0 2px rgba(240,197,109,.25)}
.field-step-list strong{font-size:.88rem}
.field-step-list span{font-size:.78rem;color:#5b7169}
.field-complete.is-blocked{opacity:.92}
.field-complete.is-ready{border-color:#9fd0b5;box-shadow:0 8px 22px rgba(11,93,71,.12)}
.field-complete-warn{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:#fff3d6;color:#7a5300;font-size:.85rem;font-weight:700}
.field-note-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.field-note-chip{border:1px solid #c5d4cc;background:#fff;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800;color:#0d3f34;cursor:pointer}
.field-note-chip:hover{border-color:#0b5d47;background:#e8f4ef}
.field-gps-miss{color:#b45309;font-weight:700}
.field-detail-box summary{cursor:pointer;font-weight:800}
.field-detail-box h3{margin:14px 0 8px;font-size:.85rem;color:#5b7169}
.visit-photo-img{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:12px;border:1px solid #d7e4de}
.visit-photo-box{margin:8px 0 10px}
.visit-capture-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}

/* Dil se?ici */
.ui-lang{display:inline-flex;border:1px solid #c5ddd2;border-radius:999px;overflow:hidden;background:#fff}
.ui-lang a{padding:6px 12px;font-size:.72rem;font-weight:800;text-decoration:none;color:#5a6f66}
.ui-lang a.is-on{background:#0b5d47;color:#fff}
.citizen-auth-lang{margin-top:12px;align-self:center}

/* Su saya? ? mobil kartlar */
.su-m{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding-bottom:32px}
.su-m-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}
.su-m-kicker{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.1em;color:#6a8278}
.su-m-head h1{margin:2px 0 0;font-size:1.4rem;color:#163d32}
.su-m-head-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.su-m-note{margin:0;font-size:.82rem;color:#5a6f66}
.su-m-toolbar{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #d5e3dc;border-radius:14px;background:#fff}
.su-m-sync-box{background:#f3faf6;border-color:#b7d8c8}
.su-m-sync{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.su-m-sync-btn{min-height:44px;font-weight:800}
.su-m-sync-meta{display:flex;flex-direction:column;gap:2px;min-width:12rem}
.su-m-sync-meta strong{font-size:.82rem;color:#0b5d47}
.su-m-sync small{color:#5a6f66;font-size:.78rem}
.su-m-sync-err{color:#9b1c1c!important}
.su-m-citizen-toggle{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;font-weight:700}
.su-m-filters{display:flex;flex-wrap:wrap;gap:6px}
.su-m-filters a{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:999px;border:1px solid #d5e3dc;background:#fff;font-size:.78rem;font-weight:700;text-decoration:none;color:#2f4a40}
.su-m-filters a.is-on{background:#0b5d47;border-color:#0b5d47;color:#fff}
.su-m-filters b{opacity:.85;font-size:.72rem}
.su-m-search{display:flex;flex-wrap:wrap;gap:8px}
.su-m-search input{min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid #c5ddd2;flex:1;min-width:160px}
.su-m-region{max-width:100px;flex:0 0 100px}
.su-m-cards{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:700px){.su-m-cards{grid-template-columns:1fr 1fr}}
.su-m-card{border:1px solid #d5e3dc;border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.su-m-card.has-alert{border-color:#e2c07a}
.su-m-card.is-neg{border-color:#e0a0a0}
.su-m-card-main{display:block;padding:14px 14px 10px;text-decoration:none;color:inherit}
.su-m-card-main header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.su-m-card-main strong{font-size:1.05rem;color:#0d3f34}
.su-m-name{margin:6px 0 2px;font-weight:700;color:#1f3d34}
.su-m-meta{margin:0;font-size:.75rem;color:#6a8278}
.su-m-credit{margin-top:12px}
.su-m-credit-top{display:flex;justify-content:space-between;font-size:.78rem;font-weight:700;color:#3d5a50;margin-bottom:6px}
.su-m-credit-top b{font-size:1.05rem;color:#0d3f34}
.su-m-credit-ton{font-size:.82rem;font-weight:650;color:#1a6b55;margin:-2px 0 6px}
.su-m-credit-bar,.su-md-credit-bar{height:10px;border-radius:999px;background:#e8f0ec;overflow:hidden}
.su-m-credit-bar i,.su-md-credit-bar i{display:block;height:100%;background:linear-gradient(90deg,#1a8f6a,#0b5d47);border-radius:999px}
.su-m-card.is-neg .su-m-credit-bar i,.su-md-hero.is-neg .su-md-credit-bar i{background:#c0392b;width:100%!important}
.su-m-foot{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:.75rem;color:#6a8278}
.su-m-alert{color:#8a5a00;font-weight:800}
.su-m-alert-text{margin:8px 0 0;padding:6px 8px;border-radius:8px;background:#fff8e8;color:#8a5a00;font-size:.78rem;font-weight:650;line-height:1.35}
.su-m-pill{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:800}
.su-m-pill.is-open{background:#e6f7ec;color:#12643c}
.su-m-pill.is-closed{background:#fde8e8;color:#a11}
.su-m-pill.is-warn{background:#fff4d6;color:#8a5a00}
.su-m-pill.is-muted{background:#eef3f0;color:#5a6f66}
.su-m-street{margin:.3rem 0 0;font-size:.82rem;color:#1f4d3a;font-weight:650}
.su-m-street small{opacity:.65;font-size:.7rem;margin-left:.25rem}
.su-m-street-link{font-size:.8rem;font-weight:700;color:#0b5d47;text-decoration:underline;text-underline-offset:2px}
.su-m-street-nav{
  display:block;margin:0;padding:10px 12px;background:#e8f5ee;border-top:1px solid #b7dfc8;
  color:#14532d;font-weight:800;font-size:.9rem;text-decoration:none;line-height:1.25
}
.su-m-street-nav:active,.su-m-street-nav:hover{background:#d4eddf}
.su-m-street-geo{
  display:block;margin:0;padding:8px 12px 10px;background:#f3faf6;border-top:1px solid #d7e8df;
  color:#0b5d47;font-weight:700;font-size:.8rem;text-decoration:none
}
.su-m-street-plain{margin:0;padding:8px 12px;font-size:.82rem;color:#5a6f66;border-top:1px solid #e4eee9;background:#fafcfb}
.su-m-street-nav-inline{
  display:inline-block;margin-top:4px;padding:4px 8px;border-radius:8px;background:#e8f5ee;
  color:#14532d;font-weight:750;font-size:.8rem;text-decoration:none;border:1px solid #b7dfc8
}
.su-m-street-geo-inline{display:inline-block;margin:4px 0 0 6px;font-size:.78rem;font-weight:700;color:#0b5d47}
.su-m-edit-abone{
  display:block;padding:8px 12px;border-top:1px solid #d7e8df;background:#f7faf9;
  color:#0b5d47;font-weight:750;font-size:.82rem;text-decoration:none
}
.su-m-edit-abone:hover{background:#eef6f2}
.su-m-credit-mini{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:.78rem;color:#5a6f66}
.su-m-credit-mini b{font-size:1rem;color:#0d3f34}
.su-m-credit-mini em{font-style:normal}
.su-m-dock{
  position:sticky;top:0;z-index:20;margin:0 0 10px;padding:10px 12px;border-radius:14px;
  border:1px solid #cfe3d9;background:linear-gradient(180deg,#f7fbf9 0%,#eef6f2 100%);
  box-shadow:0 6px 18px rgba(11,93,71,.08);max-width:560px
}
.su-m-dock.is-hidden{display:none}
.su-m-dock.is-active{border-color:#0b5d47;box-shadow:0 0 0 2px rgba(11,93,71,.18),0 8px 20px rgba(11,93,71,.1)}
.su-m-dock-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px
}
.su-m-dock-pending{min-width:0;flex:1}
.su-m-dock-pending[hidden]{display:none !important}
.su-m-dock-kicker{
  display:block;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6a8278
}
.su-m-dock-pending strong{
  display:block;color:#0d3f34;font-size:.95rem;font-weight:800;letter-spacing:.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.su-m-dock-confirm{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:0 14px;border:0;border-radius:999px;
  background:#0b5d47;color:#fff;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer
}
.su-m-dock-confirm:hover{filter:brightness(1.05)}
.su-m-card.is-assigning,.su-m-table tr.is-assigning{
  outline:2px solid #0b5d47;outline-offset:1px;background:#f3faf7
}
.su-m-dock-reopen{
  display:none;width:auto;margin:0 0 8px;padding:5px 12px;border-radius:999px;
  border:1px solid #c5ddd2;background:#fff;font:inherit;font-size:.75rem;font-weight:750;
  color:#0b5d47;cursor:pointer
}
.su-m-dock-reopen.is-on{display:inline-flex}
.su-m-dock-main{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:720px){.su-m-dock-main{grid-template-columns:1fr 1.15fr;gap:10px}}
.su-m-dock-section{display:grid;gap:5px;min-width:0}
.su-m-dock-section > span{
  font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6a8278
}
.su-m-dock-teams{display:flex;flex-wrap:wrap;gap:5px}
.su-m-dock-team{
  position:relative;display:inline-flex;align-items:center;gap:6px;
  min-height:32px;padding:0 10px 0 8px;border-radius:999px;
  border:1px solid #d0e2d8;background:#fff;cursor:pointer;
  font-size:.78rem;color:#163d32;font-weight:700;user-select:none;
  transition:border-color .15s,background .15s,box-shadow .15s
}
.su-m-dock-team input{
  appearance:none;-webkit-appearance:none;width:12px;height:12px;margin:0;border-radius:50%;
  border:1.5px solid #9bb5a8;background:#fff;flex:none
}
.su-m-dock-team em{font-style:normal;font-weight:750}
.su-m-dock-team b{
  font-size:.65rem;font-weight:800;color:#5a6f66;background:#eef5f1;
  border-radius:999px;padding:1px 6px
}
.su-m-dock-team:has(input:checked),
.su-m-dock-team:has(input:checked){
  border-color:#0b5d47;background:#e7f5ef;box-shadow:inset 0 0 0 1px rgba(11,93,71,.25)
}
.su-m-dock-team:has(input:checked) input{
  border-color:#0b5d47;background:#0b5d47;
  box-shadow:inset 0 0 0 2px #fff
}
.su-m-dock-team--ariza:has(input:checked){border-color:#c2410c;background:#fff4ed}
.su-m-dock-team--ariza:has(input:checked) input{border-color:#c2410c;background:#c2410c}
.su-m-dock-team--hat:has(input:checked){border-color:#1d4ed8;background:#eef3ff}
.su-m-dock-team--hat:has(input:checked) input{border-color:#1d4ed8;background:#1d4ed8}
.su-m-dock-people{
  max-height:132px;overflow:auto;display:grid;gap:2px;padding:4px;
  border:1px solid #d5e3dc;border-radius:10px;background:#fff
}
.su-m-dock-person{
  display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:8px;
  font-size:.78rem;color:#163d32;cursor:pointer
}
.su-m-dock-person:hover{background:#f3faf7}
.su-m-dock-person:has(input:checked){background:#e8f5ef}
.su-m-dock-person input{margin:0;flex:none;accent-color:#0b5d47}
.su-m-dock-person span{min-width:0;display:grid;gap:0;line-height:1.2}
.su-m-dock-person strong{font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.su-m-dock-person small{font-weight:500;color:#6a8278;font-size:.65rem}
.su-m-dock-meta{
  display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px;padding-top:8px;
  border-top:1px solid #d7e8df
}
@media(min-width:520px){.su-m-dock-meta{grid-template-columns:1.2fr .9fr}}
.su-m-dock-field{display:grid;gap:3px;min-width:0}
.su-m-dock-field > span{
  font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6a8278
}
.su-m-dock-field input[type=text],
.su-m-dock-field input[type=datetime-local]{
  min-height:34px;width:100%;border:1px solid #c5ddd2;border-radius:9px;padding:0 9px;
  font:inherit;font-size:.8rem;font-weight:600;background:#fff;color:#163d32
}
.su-m-dock-label{display:grid;gap:3px;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6a8278}
.su-m-dock-label select,.su-m-dock-label input[type=text]{
  min-height:34px;width:100%;border:1px solid #c5ddd2;border-radius:9px;padding:0 9px;
  font:inherit;font-size:.8rem;font-weight:600;background:#fff;color:#163d32
}
.su-m-dock-hint{margin:0;font-size:.72rem;color:#6a8278;line-height:1.3;padding:4px}
.su-m-card-bar{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;
  border-top:1px solid #e4eee9;background:#f7fbf9
}
.su-m-bar-assign,.su-m-bar-valve{display:inline-flex;gap:4px;align-items:center;margin:0}
.su-m-ata{
  min-height:36px;padding:0 14px;border:0;border-radius:10px;background:#0b5d47;color:#fff;
  font:inherit;font-size:.82rem;font-weight:800;cursor:pointer
}
.su-m-ata:active{filter:brightness(.95)}
.su-m-vbtn{
  min-height:36px;min-width:44px;padding:0 10px;border:1px solid #d5e3dc;border-radius:10px;
  background:#fff;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;color:#2f4a40
}
.su-m-vbtn.open{background:#e6f7ec;border-color:#b7dfc8;color:#0d5c4a}
.su-m-vbtn.close{background:#fde8e8;border-color:#f0c2c2;color:#8a1f1f}
.su-m-vbtn.pen{background:#fff4e0;border-color:#ecd9a8;color:#8a5a00}
.su-m-row-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.su-m-col-act{white-space:nowrap}
.su-m-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #e4eee9}
.su-m-btn{min-height:52px;border:0;font:inherit;font-weight:800;font-size:.95rem;cursor:pointer}
.su-m-btn-open{background:#e6f7ec;color:#0d5c4a}
.su-m-btn-close{background:#fde8e8;color:#8a1f1f;border-left:1px solid #e4eee9}
.su-m-btn-penalty{background:#fff4e0;color:#8a5a00;border-left:1px solid #e4eee9;font-size:.78rem}
.su-m-btn:active{filter:brightness(.96)}
.su-m-table-wrap{display:none;overflow:auto;border:1px solid #d5e3dc;border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
.su-m-table{width:100%;border-collapse:collapse;min-width:640px}
.su-m-table th,.su-m-table td{padding:10px 12px;border-bottom:1px solid #e8eef1;text-align:left;font-size:.86rem;vertical-align:middle}
.su-m-table th{font-size:.72rem;text-transform:uppercase;color:#6a8278;background:#f7faf9;position:sticky;top:0}
.su-m-inline-actions{display:inline-flex;gap:4px}
@media(min-width:980px){
  .su-m-cards{display:none}
  .su-m-table-wrap{display:block}
}
@media(max-width:700px){
  .su-m-head-actions{width:100%}
  .su-m-head-actions .button{flex:1 1 auto;min-width:0;font-size:.78rem;padding:8px 10px}
  .su-m-filters{gap:5px;max-height:none}
  .su-m-filters a{padding:6px 9px;font-size:.74rem}
  .su-fleet{display:none}
}

/* Sayaç detay */
.su-md{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding-bottom:40px}
.su-md-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.su-md-back{font-size:.85rem;font-weight:700;color:#0b5d47;text-decoration:none}
.su-md-head h1{margin:4px 0 0;font-size:1.5rem;color:#163d32}
.su-md-head p{margin:4px 0 0;color:#5a6f66;font-size:.88rem}
.su-md-brief{
  padding:14px 16px;border-radius:16px;background:#f4faf7;border:1px solid #c5ddd2;
  box-shadow:0 1px 0 rgba(11,93,71,.06)
}
.su-md-brief.is-warn{background:#fffbf2;border-color:#e2c07a}
.su-md-brief.is-alert{background:#fff7f5;border-color:#e8a0a0;box-shadow:0 0 0 3px rgba(138,31,31,.08)}
.su-md-brief-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.su-md-brief-kicker{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#6a8278}
.su-md-brief-head h2{margin:2px 0 0;font-size:1.05rem;color:#163d32}
.su-md-brief-age{font-size:.78rem;font-weight:700;color:#0b5d47;white-space:nowrap}
.su-md-brief-age.is-stale{color:#8a1f1f}
.su-md-brief-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.su-md-chip{
  display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;
  font-size:.72rem;font-weight:800;letter-spacing:.02em;border:1px solid transparent
}
.su-md-chip.is-ok{background:#e7f5ef;color:#0b5d47;border-color:#b7d9c9}
.su-md-chip.is-warn{background:#fff4d9;color:#7a5200;border-color:#e2c07a}
.su-md-chip.is-alert{background:#fde8e6;color:#8a1f1f;border-color:#e8a0a0}
.su-md-brief-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
@media(min-width:640px){.su-md-brief-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.su-md-brief-grid > div{
  padding:10px;border-radius:12px;background:#fff;border:1px solid #dfeae4
}
.su-md-brief-grid small{display:block;font-size:.68rem;font-weight:750;color:#6a8278;text-transform:uppercase;letter-spacing:.04em}
.su-md-brief-grid strong{display:block;margin-top:4px;font-size:1.05rem;color:#163d32}
.su-md-brief-grid strong em{font-style:normal;font-size:.8rem;font-weight:650;color:#6a8278}
.su-md-brief-grid strong.is-hot{color:#8a1f1f}
.su-md-brief-grid em{display:block;margin-top:2px;font-style:normal;font-size:.75rem;color:#6a8278}
.su-md-brief-alert{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e2c07a}
.su-md-brief-alert p{margin:0;font-size:.88rem;color:#163d32;line-height:1.35}
.su-md-brief-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px!important}
.su-md-brief-flags span{
  display:inline-block;padding:3px 8px;border-radius:8px;background:#fff8e8;
  font-size:.72rem;font-weight:700;color:#7a5200
}
.su-md-brief-do{margin-top:12px}
.su-md-brief-do h3{margin:0 0 6px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#6a8278}
.su-md-brief-do ol{margin:0;padding-left:1.2rem}
.su-md-brief-do li{margin:0 0 6px;font-size:.9rem;color:#163d32;line-height:1.35;font-weight:600}
.su-md-brief-meta{
  display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;
  font-size:.72rem;font-weight:650;color:#6a8278
}
.su-md-brief-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.su-md-brief-nav .button{min-height:42px;flex:1 1 10rem;text-align:center}
.su-m-reasons{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.su-m-reason{
  display:inline-block;padding:2px 7px;border-radius:999px;background:#fff4d9;
  color:#7a5200;font-size:.65rem;font-weight:800;letter-spacing:.02em
}
.su-m-card.has-alert .su-m-reason{background:#fde8e6;color:#8a1f1f}
.su-m-ton-hint{margin:6px 0 0;font-size:.78rem;font-weight:700;color:#1a6b55}

/* Sayaç GPS toplu harita */
.su-map-hint{margin:4px 0 0;font-size:.85rem;color:#5a6f66;max-width:36rem}
.su-map-filters{align-items:center}
.su-map-check{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:650;color:#163d32;white-space:nowrap}
.su-map-stats{margin:0 0 10px;font-size:.86rem;color:#5a6f66}
.su-map-canvas{
  height:min(78vh,720px);min-height:360px;border-radius:16px;border:1px solid #d5e3dc;
  background:#eef5f1;overflow:hidden;z-index:0
}
.su-map-workspace{position:relative}
/* Kaydet çubuğu harita üzerinde — kaydırınca kaçmasın / popup altında kalmasın */
.su-map-workspace > .su-map-edit-bar{
  position:absolute;left:10px;right:10px;bottom:10px;z-index:1200;
  margin:0;max-width:min(560px,calc(100% - 20px));
  box-shadow:0 8px 28px rgba(15,35,28,.22)
}
.su-map-popup .leaflet-popup-content-wrapper{
  max-width:min(340px,92vw)
}
.su-map-popup .leaflet-popup-content{
  margin:10px 12px;max-height:min(46vh,360px);overflow:auto;-webkit-overflow-scrolling:touch
}
.su-map-popup .leaflet-popup-close-button{
  z-index:5;width:28px;height:28px;line-height:28px;font-size:20px;font-weight:700;
  background:rgba(255,255,255,.95);border-radius:8px;top:6px;right:6px;color:#163d32!important;
  box-shadow:0 1px 4px rgba(0,0,0,.15)
}
.su-map-pop-close{
  display:inline-flex;align-items:center;justify-content:center;margin:8px 0 0;
  min-height:34px;padding:6px 12px;border:0;border-radius:8px;cursor:pointer;
  font:inherit;font-size:.82rem;font-weight:750;color:#163d32;background:#e8f0ec
}
.su-map-pin{background:transparent;border:0}
.su-map-pin-hit{
  display:flex;align-items:center;justify-content:center;width:28px;height:28px;
  cursor:pointer;pointer-events:auto
}
.su-map-pin i{
  display:block;width:14px;height:14px;border-radius:50%;
  border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35);pointer-events:none
}
.su-map-pin-ok i{background:#0b5d47}
.su-map-pin-alert i{background:#b42318}
.su-map-pop{font-size:.86rem;line-height:1.35;min-width:12rem;max-width:22rem}
.su-map-pop > strong{display:block;margin-bottom:6px;color:#0b5d47}
.su-map-pop-table{width:100%;border-collapse:collapse;margin:0 0 8px}
.su-map-pop-table th,.su-map-pop-table td{
  text-align:left;vertical-align:top;padding:2px 0;font-weight:600
}
.su-map-pop-table th{width:38%;color:#5a6f66;font-weight:650;padding-right:8px}
.su-map-pop em{display:inline;margin:0;font-style:normal;color:#8a1f1f;font-weight:700}
.su-map-pop-hint{margin:6px 0 0;font-size:.78rem;color:#5a6f66}
.su-map-pop-links{margin:8px 0 0}
.su-map-pop-edit{
  display:grid;gap:6px;margin:8px 0;padding:8px;border-radius:10px;
  background:#f3faf6;border:1px solid #cfe0d7
}
.su-map-pop-edit label{display:grid;gap:4px;font-size:.78rem;font-weight:700;color:#163d32}
.su-map-addr-input{
  width:100%;min-height:2.6rem;resize:vertical;box-sizing:border-box;
  border:1px solid #b7d4c8;border-radius:8px;padding:6px 8px;font:inherit
}
.su-map-emlak{
  margin:8px 0;padding:8px;border-radius:10px;background:#f7f9fc;border:1px solid #d5dde8
}
.su-map-emlak > strong{display:block;margin-bottom:4px;color:#1e3a5f;font-size:.82rem}
.su-map-emlak-status{margin:0 0 4px}
.su-map-canvas.su-map-adding{cursor:crosshair}
.su-map-add-bar .su-map-add-meter-label{
  display:flex;flex-direction:column;gap:4px;flex:1 1 12rem;
  font-size:.82rem;font-weight:700;color:#163d32
}
.su-map-add-bar #su-map-add-meter{
  min-height:36px;border:1px solid #b7d4c8;border-radius:8px;
  padding:6px 10px;font:inherit;background:#fff
}
.su-map-share{margin:0 0 12px;padding:12px 14px}
.su-map-share-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.su-map-share-row input[type="text"]{
  flex:1 1 16rem;min-height:36px;border:1px solid #b7d4c8;border-radius:8px;
  padding:6px 10px;font:inherit;background:#fff
}
.su-map-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
@media(min-width:720px){.su-map-list{grid-template-columns:1fr 1fr}}
.su-map-card{
  padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #d5e3dc
}
.su-map-card.is-alert{border-color:#e8a0a0;background:#fff7f5}
.su-map-card a{text-decoration:none;color:inherit;display:block}
.su-map-card strong{display:block;color:#0b5d47}
.su-map-card span{display:block;margin-top:2px;font-size:.88rem;color:#163d32}
.su-map-card small{display:block;margin-top:2px;color:#6a8278}
.su-map-card em{display:block;margin-top:4px;font-style:normal;font-size:.78rem;font-weight:700;color:#8a1f1f}
.su-map-card-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.su-map-card-act a,.su-map-focus{
  font:inherit;font-size:.78rem;font-weight:750;color:#0b5d47;background:#eef5f1;
  border:0;border-radius:8px;padding:6px 10px;cursor:pointer;text-decoration:none
}
.su-map-edit-bar{
  margin:12px 0 0;padding:12px 14px;border-radius:14px;border:1px solid #b7d4c8;
  background:#f3faf6;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center
}
.su-map-edit-bar[hidden]{display:none!important}
.su-map-edit-bar-text{flex:1;min-width:12rem}
.su-map-edit-bar-text strong{display:block;color:#0b5d47;font-size:1rem}
.su-map-edit-bar-act{display:flex;flex-wrap:wrap;gap:8px}
.su-map-edit-status{flex:1 1 100%;margin:0;color:#0b5d47;font-weight:650}
.su-map-pop-hint{margin:8px 0 0;font-size:.78rem;color:#5a6d66}
.su-md-gps-grid{
  display:grid;gap:10px;grid-template-columns:1fr;margin:10px 0
}
@media(min-width:720px){
  .su-md-gps-grid{grid-template-columns:1fr 1fr}
  .su-md-gps-map-wrap{grid-column:1 / -1}
}
.su-md-gps-grid label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;font-weight:700;color:#163d32}
.su-md-gps-grid input[type="number"],
.su-md-gps-grid input[type="text"]{
  font:inherit;padding:8px 10px;border-radius:10px;border:1px solid #c5d7ce;background:#fff
}
.su-md-gps-map{
  height:220px;border-radius:14px;border:1px solid #d5e3dc;overflow:hidden;z-index:0
}
.su-md-gps-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}

.su-md-hero{padding:16px;border-radius:16px;background:#fff;border:1px solid #d5e3dc}
.su-md-credit-num{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:10px}
.su-md-credit-num span{font-size:.8rem;font-weight:700;color:#5a6f66}
.su-md-credit-num strong{font-size:1.8rem;color:#0d3f34}
.su-md-credit-num em{font-style:normal;font-size:1rem;font-weight:650;color:#5a6f66}
.su-md-credit-ton{flex:1 1 100%;margin:4px 0 0;font-size:.95rem;color:#1a6b55;font-weight:650}
.su-md-credit-ton strong{font-size:1.25rem;color:#0d3f34}
.su-md-credit-ton small{display:block;margin-top:2px;font-weight:500;color:#5a6f66;font-size:.78rem}
.su-md-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.su-md-metrics{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
@media(min-width:720px){
  .su-md-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.su-md-metrics > div{
  padding:12px;border-radius:12px;background:#fff;border:1px solid #d5e3dc
}
.su-md-metrics small{display:block;font-size:.68rem;font-weight:750;color:#6a8278;text-transform:uppercase;letter-spacing:.04em}
.su-md-metrics strong{display:block;margin-top:4px;font-size:1.15rem;color:#163d32}
.su-md-metrics em{font-style:normal;font-size:.75rem;font-weight:650;color:#6a8278}
.su-md-analytics{
  padding:12px;border-radius:16px;background:linear-gradient(180deg,#f3faf7,#fff);
  border:1px solid #d5e3dc;overflow:hidden
}
.su-md-analytics-head{margin-bottom:10px}
.su-md-analytics-head h2{margin:0;font-size:1rem;color:#0b5d47}
.su-md-chart-grid{
  display:grid;grid-template-columns:1fr;gap:10px
}
@media(min-width:900px){
  .su-md-chart-grid{grid-template-columns:1fr 1fr}
}
.su-md-chart-card,.su-md-info,.su-md-secure,.su-md-alerts{padding:12px;border-radius:14px;background:#fff;border:1px solid #d5e3dc}
.su-md-chart-card{min-width:0;overflow:hidden}
.su-md-chart-card h2,.su-md-chart-card h3,.su-md-secure h2,.su-md-alerts h2{
  margin:0 0 8px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#6a8278
}
.su-md-chart-card h3 small{text-transform:none;letter-spacing:0;font-weight:650;color:#8aa399}
.su-chart-frame{
  width:100%;height:160px;max-height:none;overflow:visible;position:relative
}
@media(min-width:720px){.su-chart-frame{height:170px}}
.su-chart-frame.is-bars{height:210px}
@media(min-width:720px){.su-chart-frame.is-bars{height:230px}}
.su-md-chart-card canvas,.su-fleet-trend canvas,.su-rep-chart-card canvas{
  width:100%!important;max-width:100%;height:100%!important;display:block;pointer-events:none
}
.su-chart-clickable{
  cursor:zoom-in;position:relative;-webkit-tap-highlight-color:transparent
}
.su-chart-clickable:focus-visible{
  outline:2px solid #0b5d47;outline-offset:2px
}
.su-chart-zoom-hint{
  position:absolute;top:8px;right:8px;z-index:2;
  padding:3px 8px;border-radius:999px;font-size:.68rem;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;color:#0b5d47;
  background:rgba(255,255,255,.92);border:1px solid #cfe3da;
  box-shadow:0 2px 8px rgba(15,60,45,.08);pointer-events:none
}
.su-fleet-donut.su-chart-clickable .su-chart-zoom-hint{top:4px;right:4px}
body.su-chart-lb-open{overflow:hidden}
.su-chart-lb{
  position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;
  padding:12px;background:rgba(12,28,24,.62);backdrop-filter:blur(4px)
}
.su-chart-lb[hidden]{display:none!important}
.su-chart-lb-panel{
  width:min(980px,100%);max-height:min(94vh,920px);display:flex;flex-direction:column;
  border-radius:18px;background:#fff;border:1px solid #cfe3da;
  box-shadow:0 24px 64px rgba(0,0,0,.28);overflow:hidden
}
.su-chart-lb-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;border-bottom:1px solid #e4eee9;background:#f3faf7;flex:none
}
.su-chart-lb-head h2{
  margin:0;font-size:1.05rem;color:#0b5d47;font-weight:800;line-height:1.25
}
.su-chart-lb-close{
  flex:none;width:40px;height:40px;border:0;border-radius:12px;
  background:#e8f4ef;color:#0b5d47;font-size:1.6rem;line-height:1;cursor:pointer
}
.su-chart-lb-close:hover{background:#d7ebe2}
.su-chart-lb-body{
  flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:0
}
.su-chart-lb-frame{
  flex:none;height:min(42vh,380px);padding:12px 14px 4px;
  display:flex;align-items:center;justify-content:center;background:#fff
}
.su-chart-lb-frame canvas{max-width:100%;display:block}
.su-chart-lb-legend{
  flex:none;max-height:min(38vh,320px);overflow:auto;
  border-top:1px solid #e4eee9;background:#fafcfb;padding:0 0 8px
}
.su-chart-lb-table{width:100%;border-collapse:collapse;font-size:.9rem}
.su-chart-lb-table th{
  position:sticky;top:0;background:#eef6f2;text-align:left;padding:8px 12px;
  font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#5a6f66;border-bottom:1px solid #d5e3dc
}
.su-chart-lb-table td{padding:9px 12px;border-bottom:1px solid #e8f0ec;vertical-align:top;color:#163d32}
.su-chart-lb-n{width:48px;font-weight:800;color:#0b5d47}
.su-chart-lb-name{font-weight:650;line-height:1.3}
.su-chart-lb-name small{display:block;margin-top:2px;font-weight:500;color:#5a6f66;font-size:.78rem}
.su-chart-lb-val{text-align:right;font-weight:800;white-space:nowrap;color:#0d3f34}
.su-chart-lb-hint{
  margin:0;padding:8px 16px 14px;font-size:.78rem;color:#5a6f66;text-align:center;flex:none;border-top:1px solid #eef3f0
}
.su-md-chart-stats,.su-rep-extra,.su-fleet-extra{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0
}
.su-fleet-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}
@media(min-width:720px){
  .su-md-chart-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .su-rep-extra{grid-template-columns:repeat(4,minmax(0,1fr))}
  .su-fleet-extra{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1100px){
  .su-fleet-extra{grid-template-columns:repeat(6,minmax(0,1fr))}
}
.su-rep-insight{display:grid;gap:14px;margin:0 0 16px}
.su-rep-insight-title{margin:4px 0 0;font-size:1.05rem;color:#0b5d47}
.su-rep-explain{line-height:1.45;max-width:52rem}
.su-rep-detail-link{
  margin-left:8px;font-size:.72rem;font-weight:700;text-transform:none;letter-spacing:0;
  color:#0b5d47;text-decoration:underline;text-underline-offset:2px
}
.su-rep-detail-print{margin:12px 0}
@media print{
  .su-m-head-actions,.su-m-filters,.su-m-search,.su-chart-zoom-hint,.su-rep-detail-link{display:none!important}
  .su-rep-chart-card{break-inside:avoid}
}
.su-md-chart-stats > div,.su-rep-extra > div,.su-fleet-extra > div{
  padding:10px;border-radius:12px;background:#f7fbf9;border:1px solid #e0ebe5
}
.su-md-chart-stats span,.su-rep-extra span,.su-fleet-extra span{
  display:block;font-size:.68rem;font-weight:750;color:#6a8278;text-transform:uppercase;letter-spacing:.03em
}
.su-md-chart-stats strong,.su-rep-extra strong,.su-fleet-extra strong{
  display:block;margin-top:4px;font-size:1.05rem;color:#0d3f34
}
.su-chart-data-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.su-chart-data-list li{
  display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:start;
  padding:8px 10px;border-radius:10px;background:#f7fbf9;border:1px solid #e4eee9;font-size:.86rem
}
.su-chart-data-list b{color:#0b5d47}
.su-chart-data-list em{font-style:normal;font-weight:800;color:#0d3f34;white-space:nowrap}
.su-chart-data-list small{display:block;color:#5a6f66;font-size:.75rem;margin-top:2px}
.su-rep-fix-callout{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:0 0 16px;padding:14px 16px;border-radius:12px;
  background:#fff8eb;border:1px solid #ead7a8;color:#6b4e00
}
.su-rep-fix-callout strong{font-size:1.15rem;margin-right:6px}
.su-rep-fix-callout small{display:block;margin-top:4px;color:#8a6d1d}
.su-rep-badge{
  display:inline-grid;place-items:center;min-width:1.6rem;height:1.6rem;padding:0 6px;
  margin-left:8px;border-radius:999px;background:#b36b00;color:#fff;font-size:.78rem;vertical-align:middle
}
.su-rep-fix-filters{
  display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:10px 0 14px
}
.su-rep-fix-filters label{display:grid;gap:4px;font-size:.72rem;font-weight:800;color:#5a6f66}
.su-rep-fix-filters input,.su-rep-fix-filters select{
  min-width:160px;padding:8px 10px;border:1px solid #c9d8d1;border-radius:8px;background:#fff
}
.su-rep-fix-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 0}
.su-rep-fix-table td small{display:block;color:#5a6f66;margin-top:2px}
.su-rep-old-addr{max-width:220px;overflow-wrap:anywhere}
.su-rep-resolved{font-weight:700;color:#8a1f1f}
.su-rep-fix-form{display:grid;gap:6px;min-width:200px}
.su-rep-fix-form label{display:grid;gap:3px;font-size:.68rem;font-weight:800;color:#5a6f66}
.su-rep-fix-form input,.su-rep-fix-form select{
  width:100%;padding:7px 8px;border:1px solid #c9d8d1;border-radius:8px;font:inherit;font-size:.82rem
}
.su-rep-fix-form .button{margin-top:2px;justify-self:start}
@media(max-width:640px){
  .su-chart-lb{padding:0;align-items:stretch}
  .su-chart-lb-panel{width:100%;max-height:100%;border-radius:0;min-height:100%}
  .su-chart-lb-frame{height:min(36vh,300px);min-height:220px}
  .su-chart-lb-legend{max-height:min(48vh,420px)}
}
.su-md-spark{display:flex;align-items:flex-end;gap:3px;height:80px;padding:4px 0}
.su-md-spark span{flex:1;min-width:4px;background:#1a8f6a;border-radius:4px 4px 0 0;opacity:.85}
.su-md-chart-hint{margin:8px 0 0;font-size:.75rem;color:#6a8278}
.su-md-info{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:560px){.su-md-info{grid-template-columns:repeat(3,minmax(0,1fr))}}
.su-md-info small{display:block;font-size:.72rem;color:#6a8278;font-weight:700}
.su-md-live-ok{display:block;margin-top:2px;font-size:.72rem;font-style:normal;font-weight:700;color:#0b5d47}
.su-md-info strong{font-size:.92rem;color:#163d32}
.su-md-info em{display:block;margin-top:2px;font-style:normal;font-size:.72rem;color:#6a8278}
.su-md-actions{display:flex;flex-direction:column;gap:10px}
.su-md-btn{min-height:44px;border:0;border-radius:12px;font:inherit;font-weight:750;font-size:.92rem;cursor:pointer;padding:0 16px}
.su-md-btn-refresh{background:#eef5f1;color:#0d3f34}
.su-md-btn-open{background:#0b5d47;color:#fff}
.su-md-btn-close{background:#8a1f1f;color:#fff}
.su-md-btn-penalty{background:#b36b00;color:#fff}
.su-md-alert{padding:12px;border-radius:12px;background:#f7fbf9;border:1px solid #e0ebe5;margin-bottom:8px}

/* Filo sağlık panosu */
.su-fleet{
  display:grid;gap:10px;margin:0 0 14px;padding:12px;border-radius:16px;
  background:linear-gradient(135deg,#eef8f3,#fff 55%);border:1px solid #d5e3dc;
  overflow:hidden;max-width:100%
}
.su-fleet-main{display:grid;grid-template-columns:1fr;gap:12px;align-items:center}
@media(min-width:720px){
  .su-fleet-main{grid-template-columns:140px minmax(0,1fr)}
}
.su-fleet-donut{display:flex;justify-content:center;min-width:0}
.su-fleet-donut canvas{width:140px;height:140px;margin:0 auto;display:block;max-width:100%}
.su-fleet-legend{min-width:0}
.su-fleet-legend h2{margin:0 0 4px;font-size:1.05rem;color:#0b5d47}
.su-fleet-legend ul{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.su-fleet-legend li{display:flex;align-items:center;gap:8px;font-size:.86rem;color:#234038}
.su-fleet-legend i{width:10px;height:10px;border-radius:50%;flex:none}
.su-fleet-legend b{margin-left:auto;font-weight:800}
.su-fleet-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.su-fleet-quick a{
  font-size:.78rem;font-weight:750;color:#0b5d47;text-decoration:none;
  padding:6px 10px;border-radius:999px;background:#e8f4ef;border:1px solid #cfe3da
}
.su-fleet-trend{padding-top:4px;border-top:1px dashed #d5e3dc;min-width:0}
.su-fleet-trend h3{margin:0 0 8px;font-size:.82rem;color:#3d5249}
.su-fleet-trend .su-chart-frame{height:170px}
.su-fleet-trend .su-chart-frame.is-bars{height:190px}

/* Dönem raporu grafikleri */
.su-rep-charts{
  display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 16px
}
@media(min-width:900px){
  .su-rep-charts{grid-template-columns:1.3fr .9fr}
}
.su-rep-chart-card{
  padding:12px;border-radius:14px;background:#fff;border:1px solid #d5e3dc;min-width:0;overflow:hidden
}
.su-rep-chart-card h2{margin:0 0 4px;font-size:1rem;color:#0b5d47}
.su-rep-chart-card .su-chart-frame{height:180px;margin-top:8px}
.su-rep-chart-card .su-chart-frame.is-bars{height:240px}
.su-rep-valve-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0
}
.su-rep-valve-stats > div{
  padding:10px;border-radius:10px;background:#f4faf7;border:1px solid #dceae3;text-align:center
}
.su-rep-valve-stats span{display:block;font-size:.68rem;font-weight:750;color:#6a8278;text-transform:uppercase}
.su-rep-valve-stats strong{display:block;margin-top:4px;font-size:1.2rem;color:#163d32}
.su-rep-load-mini h3{margin:12px 0 6px;font-size:.82rem;color:#3d5249}
.su-rep-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}
@media(min-width:800px){
  .su-rep-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.su-rep-kpi{
  padding:14px;border-radius:14px;background:#fff;border:1px solid #d5e3dc;
  box-shadow:0 6px 18px rgba(11,93,71,.05)
}
.su-rep-kpi span{display:block;font-size:.7rem;font-weight:750;color:#6a8278;text-transform:uppercase;letter-spacing:.04em}
.su-rep-kpi strong{display:block;margin-top:6px;font-size:1.45rem;color:#0b5d47;line-height:1.1}
.su-rep-kpi small{display:block;margin-top:4px;font-size:.75rem;color:#5a6f66}
.su-rep-kpi.is-alert{border-color:#f0b4b4;background:#fff8f8}
.su-rep-kpi.is-alert strong{color:#a11}
.su-md-alert.is-active{border-color:#e2c07a;background:#fffbf0}
.su-md-alert header{display:flex;justify-content:space-between;gap:8px;font-size:.72rem;font-weight:800;color:#6a8278;margin-bottom:4px}
.su-md-alert p{margin:0;font-weight:700;color:#163d32;font-size:.9rem}
.su-md-alert small{display:block;margin-top:6px;color:#6a8278}
.su-md-abone,.su-md-leak{padding:14px;border-radius:14px;background:#fff;border:1px solid #d5e3dc}
.su-md-abone h2,.su-md-leak h2{margin:0 0 10px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6a8278}
.su-md-abone-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.su-md-abone-grid .is-wide{grid-column:1 / -1}
.su-md-abone-grid small,.su-md-leak-facts small{display:block;font-size:.72rem;color:#6a8278;font-weight:700}
.su-md-abone-grid strong,.su-md-leak-facts strong{display:block;font-size:.95rem;color:#163d32}
.su-md-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.su-md-nav .button{min-height:42px;flex:1 1 12rem;text-align:center}
.su-md-leak-facts em{display:block;margin-top:2px;font-style:normal;font-size:.78rem;color:#6a8278}
.su-md-leak.is-focus{border-color:#d9a24a;background:#fffbf2;box-shadow:0 0 0 3px rgba(217,162,74,.18)}
.su-md-leak-facts{display:grid;gap:10px}
@media (min-width:560px){.su-md-leak-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.su-md-leak-facts > div{padding:10px;border-radius:12px;background:#f7fbf9;border:1px solid #e0ebe5}
.su-md-leak-facts > div.is-alert{background:#fff6f4;border-color:#f0b4b4}
.su-md-leak-facts > div.is-alert strong{color:#8a1f1f}
.su-md-leak-src{margin-top:12px}
.su-md-leak-src h3{margin:0 0 8px;font-size:.82rem;color:#163d32}
.su-md-leak-src-item{padding:10px 12px;border-radius:12px;border:1px solid #e0ebe5;background:#fff;margin-bottom:8px}
.su-md-leak-src-item strong{display:block;font-size:.9rem;color:#163d32;margin-bottom:4px}
.su-md-leak-src-item p{margin:0;font-size:.84rem;color:#4a635a;line-height:1.4}
.su-md-leak-src-item.is-high{border-color:#e2a0a0;background:#fff7f7}
.su-md-leak-src-item.is-medium{border-color:#e2c07a;background:#fffbf0}
.su-md-leak-src-item.is-low{border-color:#d5e3dc}

/* Su saya? d?nem raporu / komut / h?zl? */
.su-rep-form .su-rep-date{display:flex;flex-direction:column;gap:4px;font-size:.75rem;font-weight:700;color:#5a6f66}
.su-rep-form .su-rep-date input{min-height:44px;padding:8px 10px;border-radius:12px;border:1px solid #c5ddd2}
.su-rep-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
@media(min-width:800px){.su-rep-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.su-rep-kpi{padding:14px;border:1px solid #d5e3dc;border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:4px}
.su-rep-kpi span{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#6a8278}
.su-rep-kpi strong{font-size:1.45rem;color:#0d3f34;line-height:1.1}
.su-rep-kpi small{font-size:.75rem;color:#5a6f66}
.su-rep-kpi.is-alert{border-color:#e0a0a0;background:#fff7f7}
.su-rep-kpi.is-alert strong{color:#a11}
.su-m-table-wrap{overflow:auto;border:1px solid #d5e3dc;border-radius:14px;background:#fff}
.su-m-table{width:100%;border-collapse:collapse;font-size:.84rem}
.su-m-table th,.su-m-table td{padding:10px 12px;border-bottom:1px solid #e8f0ec;text-align:left;vertical-align:top}
.su-m-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6a8278;background:#f3faf6}
.su-m-table a{color:#0b5d47;text-decoration:none;font-weight:800}
.su-cmd-list{display:flex;flex-direction:column;gap:10px}
.su-cmd-card{padding:12px 14px;border:1px solid #d5e3dc;border-radius:14px;background:#fff}
.su-cmd-card header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.su-cmd-cmd{margin:8px 0 4px;font-size:1.05rem;font-weight:800;color:#163d32}
.su-cmd-who{margin:0;font-weight:700;color:#0d5c4a}
.su-cmd-resp{margin:8px 0 0;font-size:.78rem;color:#5a6f66;word-break:break-word}
.su-cmd-status{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:999px;background:#eef5f1;color:#3d5a50}
.su-cmd-status-ok,.su-cmd-status-success,.su-cmd-status-sent{background:#d8f0e4;color:#0d5c4a}
.su-cmd-status-error,.su-cmd-status-fail,.su-cmd-status-failed{background:#fde8e8;color:#9b1c1c}
.su-quick-clock{margin:6px 0 0;font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums;color:#0b5d47}
.su-quick-search input{font-size:1.05rem}
.su-quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.su-quick-stats div{padding:8px 10px;border-radius:10px;background:#f3faf6}
.su-quick-stats span{display:block;font-size:.68rem;font-weight:700;color:#6a8278;text-transform:uppercase}
.su-quick-stats b{font-size:.95rem;color:#163d32}
.su-quick-times{margin-top:10px;display:grid;gap:4px}
.su-quick-times p{margin:0;display:flex;justify-content:space-between;gap:8px;font-size:.78rem}
.su-quick-times span{color:#6a8278;font-weight:700}
.su-quick-times b{font-weight:700;color:#163d32;font-variant-numeric:tabular-nums;text-align:right}
.su-quick-alert{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:#fff8e8;color:#8a5a00;font-size:.8rem;font-weight:700}

/* Baylan ayar ? kompakt gruplu d?zen */
.baylan-admin{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding-bottom:28px}
.baylan-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.baylan-admin-kicker{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6a8278}
.baylan-admin-head h1{margin:2px 0 0;font-size:1.35rem;font-weight:800;color:#163d32}
.baylan-admin-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.baylan-admin-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:800}
.baylan-admin-pill.is-on{background:#d8f0e4;color:#0d5c4a}
.baylan-admin-pill.is-off{background:#f0e8e6;color:#8a4b3c}
.baylan-admin-form{display:flex;flex-direction:column;gap:12px}
.baylan-card{background:#fff;border:1px solid #d5e3dc;border-radius:14px;padding:14px 16px}
.baylan-card h2{margin:0 0 12px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6a8278}
.baylan-span-2{grid-column:1 / -1}
.baylan-hint{font-style:normal;font-weight:600;color:#6a8278;font-size:.75rem}
.baylan-note{margin:0 0 10px;font-size:.78rem;color:#5a6f66;line-height:1.4}
.baylan-note code{font-size:.75rem;background:#eef5f1;padding:1px 5px;border-radius:4px}
.baylan-save-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:4px 2px}
.baylan-save-bar .baylan-note{margin:0}
.baylan-ops-row{display:flex;flex-wrap:wrap;gap:8px}
.baylan-last-run{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f3f7f5;display:grid;gap:3px;font-size:.8rem;color:#3d5a50}
.baylan-last-run strong{color:#163d32}
.baylan-err{color:#9b2c2c;font-weight:700}
.baylan-advanced{margin-top:10px;border-top:1px dashed #d5e3dc;padding-top:8px}
.baylan-advanced.is-section{margin-top:0;border-top:0;padding-top:0}
.baylan-advanced>summary{cursor:pointer;font-size:.82rem;font-weight:800;color:#0d5c4a;padding:6px 0;list-style:none}
.baylan-advanced>summary::-webkit-details-marker{display:none}
.baylan-advanced>summary::before{content:"? ";opacity:.7}
.baylan-advanced[open]>summary::before{content:"? "}

/* Baylan ?zellik sat?rlar? (switch) */
.baylan-toggles{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.baylan-toggle{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:12px 14px;border:1px solid #e0ebe5;border-radius:12px;background:#f7fbf9;cursor:pointer}
.baylan-toggle .baylan-toggle-title{grid-column:1;grid-row:1;font-size:.92rem;font-weight:800;color:#163d32}
.baylan-toggle small{grid-column:1;grid-row:2;margin:0;font-size:.75rem;font-weight:600;color:#6a8278;line-height:1.35}
.baylan-toggle .baylan-switch{grid-column:2;grid-row:1 / span 2;position:relative;width:40px;height:22px}
.baylan-toggle .baylan-switch input{opacity:0;width:0;height:0;position:absolute}
.baylan-toggle .baylan-switch i{position:absolute;inset:0;background:#c5d4cc;border-radius:999px;transition:.2s}
.baylan-toggle .baylan-switch i::after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.baylan-toggle .baylan-switch input:checked + i{background:#0b5d47}
.baylan-toggle .baylan-switch input:checked + i::after{transform:translateX(18px)}

/* K???k modern onay kutusu ? t?m formlar / men?ler / yetkiler */
input[type="checkbox"]{
  -webkit-appearance:none;appearance:none;
  width:16px !important;min-width:16px;max-width:16px;
  height:16px !important;min-height:16px !important;
  padding:0 !important;margin:0;
  border:1.5px solid #9bb0a6 !important;border-radius:4px;
  background:#fff;box-shadow:none;
  cursor:pointer;flex:0 0 16px;
  position:relative;display:inline-grid;place-items:center;
  vertical-align:middle;box-sizing:border-box;
  transition:background .12s ease,border-color .12s ease,box-shadow .12s ease;
  accent-color:#0b5d47
}
input[type="checkbox"]::after{
  content:"";
  width:8px;height:4.5px;
  margin-top:-1.5px;
  border:1.5px solid transparent;
  border-top:0;border-left:0;
  transform:rotate(45deg) scale(.2);
  opacity:0;
  transition:transform .12s ease,opacity .12s ease,border-color .12s ease
}
input[type="checkbox"]:hover{border-color:#0b5d47 !important}
input[type="checkbox"]:checked{
  background:#0b5d47;border-color:#0b5d47 !important
}
input[type="checkbox"]:checked::after{
  border-color:#fff;opacity:1;transform:rotate(45deg) scale(1)
}
input[type="checkbox"]:indeterminate{
  background:#0b5d47;border-color:#0b5d47 !important
}
input[type="checkbox"]:indeterminate::after{
  width:8px;height:0;margin:0;border:0;border-bottom:1.5px solid #fff;
  transform:none;opacity:1;border-radius:1px
}
input[type="checkbox"]:disabled{opacity:.4;cursor:not-allowed}
input[type="checkbox"]:focus-visible{
  outline:2px solid rgba(11,93,71,.35);outline-offset:2px
}
/* Modern radyo ? mobilde 50px ?i?meyi engeller */
input[type="radio"]{
  -webkit-appearance:none;appearance:none;
  width:16px!important;min-width:16px;max-width:16px;
  height:16px!important;min-height:16px!important;
  padding:0!important;margin:0;
  border:1.5px solid #9bb0a6!important;border-radius:50%;
  background:#fff;box-shadow:none;
  cursor:pointer;flex:0 0 16px;
  position:relative;display:inline-grid;place-items:center;
  vertical-align:middle;box-sizing:border-box;
  transition:border-color .12s ease,box-shadow .12s ease,background .12s ease;
  accent-color:#0b5d47
}
input[type="radio"]::after{
  content:"";width:8px;height:8px;border-radius:50%;
  background:transparent;transform:scale(.2);opacity:0;
  transition:transform .12s ease,opacity .12s ease,background .12s ease
}
input[type="radio"]:hover{border-color:#0b5d47!important}
input[type="radio"]:checked{border-color:#0b5d47!important;background:#fff}
input[type="radio"]:checked::after{background:#0b5d47;opacity:1;transform:scale(1)}
input[type="radio"]:disabled{opacity:.4;cursor:not-allowed}
input[type="radio"]:focus-visible{
  outline:2px solid rgba(11,93,71,.35);outline-offset:2px
}
.check-line{
  display:flex!important;align-items:flex-start;gap:8px;margin:0;
  padding:8px 10px;border-radius:10px;background:transparent;
  font-size:.88rem;font-weight:650;line-height:1.35;color:#234038;cursor:pointer
}
.check-line input[type="checkbox"],
.check-line input[type="radio"]{margin-top:2px;flex:none}
.address-mode-row{
  display:grid!important;gap:8px;margin:8px 0 12px;padding:0;
  border-radius:0;background:transparent;border:0
}
.address-mode-row .check-line,
.addr-mode-chip{
  display:flex!important;align-items:flex-start;gap:10px;margin:0;
  padding:10px 12px;border-radius:12px;background:#fff;
  border:1px solid #c9dbd2;font-size:.86rem;font-weight:650;line-height:1.35;
  color:#1f3d34;cursor:pointer;width:100%;box-sizing:border-box;
  transition:border-color .12s ease,background .12s ease,box-shadow .12s ease
}
.address-mode-row .check-line:has(input:checked),
.addr-mode-chip:has(input:checked){
  border-color:#0b5d47;background:#e8f4ef;box-shadow:inset 0 0 0 1px #0b5d47
}
.addr-mode-text{flex:1;min-width:0;overflow-wrap:anywhere}
.form-ocr-panel{
  display:grid;gap:10px;padding:12px 14px!important;border-radius:14px!important
}
.form-ocr-panel > summary.form-ocr-summary,
.form-ocr-summary{
  list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;
  font-weight:800;color:#0b5d47
}
.form-ocr-panel > summary.form-ocr-summary::-webkit-details-marker{display:none}
.form-ocr-panel > summary.form-ocr-summary::before{content:"? ";opacity:.7}
.form-ocr-panel[open] > summary.form-ocr-summary::before{content:"? "}
.form-ocr-hint{margin:0}
.form-ocr-file{
  display:grid;gap:6px;font-size:.78rem;font-weight:700;color:#3d5249
}
.form-ocr-panel h2{margin:0;font-size:.95rem;color:#0b5d47}
.form-ocr-panel .form-ocr-toolbar{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center
}
.form-ocr-panel .form-ocr-toolbar .button{
  min-height:40px!important;padding:0 14px!important;font-size:12px!important;
  border-radius:10px;font-weight:750;width:auto!important;flex:0 0 auto
}
.form-ocr-panel .form-ocr-toolbar .button.primary{
  background:#0b5d47;color:#fff
}
.form-ocr-panel input[type=file]{
  min-height:40px!important;padding:8px 10px;font-size:13px;border-radius:10px
}
.form-ocr-panel .form-actions,
.form-ocr-apply-row{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px;margin:0
}
.form-ocr-panel .form-actions .button,
.form-ocr-apply-row .button{
  flex:0 1 auto;width:auto!important;min-height:40px!important;
  padding:0 14px!important;font-size:12px!important;border-radius:10px
}
.form-ocr-list{display:grid;gap:6px}
.form-ocr-suggestions{margin-top:4px;display:grid;gap:8px}
.consent input,
.remember-login input,
.manager-team-options input,
.team-scope-picker input,
.reset-options input,
.map-filter input{
  width:16px !important;height:16px !important;min-height:16px !important;
  min-width:16px;max-width:16px
}
/* ?zel anahtar (Baylan / md-toggle) ? gizli native checkbox */
.baylan-toggle .baylan-switch input,
.md-toggle .md-switch input{
  opacity:0;width:0 !important;min-width:0;max-width:none;height:0 !important;min-height:0 !important;
  position:absolute;padding:0 !important;flex:none;border:0 !important
}
.baylan-toggle .baylan-switch input::after,
.md-toggle .md-switch input::after{content:none;display:none}
.md-toggle{
  display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:2px 12px;
  align-items:center;padding:12px 14px;border:1px solid #e0ebe5;border-radius:12px;
  background:#f7fbf9;cursor:pointer;margin:0
}
.md-toggle .md-toggle-title,.md-toggle > span:first-child{
  grid-column:1;grid-row:1;font-size:.92rem;font-weight:800;color:#163d32
}
.md-toggle small{grid-column:1;grid-row:2;margin:0;font-size:.75rem;font-weight:600;color:#6a8278;line-height:1.35}
.md-toggle .md-switch{grid-column:2;grid-row:1 / span 2;position:relative;width:40px;height:22px}
.md-toggle .md-switch i{
  position:absolute;inset:0;background:#c5d4cc;border-radius:999px;transition:.2s
}
.md-toggle .md-switch i::after{
  content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;
  border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)
}
.md-toggle .md-switch input:checked + i{background:#0b5d47}
.md-toggle .md-switch input:checked + i::after{transform:translateX(18px)}
.md-toggle-list{display:flex;flex-direction:column;gap:8px}
.check-inline:has(> input[type="checkbox"]),
.field-staff-perm-checks .check-inline,
.map-filter,
.manager-team-options label{
  display:flex;align-items:center;gap:8px;
  padding:7px 10px;border:1px solid #e4ece8;border-radius:8px;background:#fbfcfc;
  cursor:pointer;margin:0;font-weight:650;font-size:.86rem;color:#163d32;line-height:1.25
}
.check-inline:has(> input[type="checkbox"]:checked),
.field-staff-perm-checks .check-inline:has(input:checked),
.map-filter:has(input:checked),
.manager-team-options label:has(input:checked){
  background:#eef7f3;border-color:#b7d9c8
}
.manager-team-options{display:flex;flex-wrap:wrap;gap:6px}
.manager-team-options .md-toggle{flex:1 1 200px;min-width:180px}
.team-scope-picker > label{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding:7px 10px;border:1px solid #e4ece8;border-radius:8px;background:#fbfcfc
}
.team-scope-picker > label:has(> input[type="checkbox"]:checked){
  background:#eef7f3;border-color:#b7d9c8
}
html.night-mode input[type="checkbox"]{
  background:#1a2a24;border-color:#4a6358 !important;box-shadow:none
}
html.night-mode input[type="checkbox"]:checked{
  background:#2f9e74;border-color:#2f9e74 !important
}
html.night-mode input[type="checkbox"]:checked::after{border-color:#fff}
html.night-mode .md-toggle,
html.night-mode .perm-chip,
html.night-mode .check-inline:has(> input[type="checkbox"]),
html.night-mode .map-filter,
html.night-mode .manager-team-options label,
html.night-mode .team-scope-picker > label,
html.night-mode .field-staff-perm-checks .check-inline{
  background:#1a2a24;border-color:#2c4038;color:var(--ink)
}
html.night-mode .md-toggle .md-toggle-title{color:#e8f2ec}

.baylan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
@media(max-width:640px){.baylan-grid{grid-template-columns:1fr}}
.baylan-grid label,.baylan-card>label,.baylan-advanced label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;font-weight:700;color:#3d5a50}
.baylan-span-2{grid-column:1 / -1}
.baylan-grid input,.baylan-grid select,.baylan-grid textarea,
.baylan-card textarea,.baylan-advanced input,.baylan-advanced select,.baylan-advanced textarea{
  border:1px solid #c5ddd2;border-radius:10px;padding:9px 10px;font:inherit;font-weight:500;font-size:.9rem;background:#fff;color:#163d32;min-height:40px
}
.baylan-grid textarea,.baylan-card textarea,.baylan-advanced textarea{min-height:0;resize:vertical;line-height:1.35}
.baylan-advanced{margin-top:10px;border-top:1px dashed #d5e3dc;padding-top:8px}
.baylan-advanced.is-section{margin-top:0;border-top:0;padding-top:0}
.baylan-advanced>summary{cursor:pointer;font-size:.82rem;font-weight:800;color:#0d5c4a;padding:6px 0;list-style:none}
.baylan-advanced>summary::-webkit-details-marker{display:none}
.baylan-advanced>summary::before{content:"? ";opacity:.7}
.baylan-advanced[open]>summary::before{content:"? "}
.baylan-advanced[open] .baylan-grid{margin-top:10px}
.baylan-hint{font-style:normal;font-weight:600;color:#6a8278;font-size:.75rem}
.baylan-note{margin:0 0 10px;font-size:.78rem;color:#5a6f66;line-height:1.4}
.baylan-note code{font-size:.75rem;background:#eef5f1;padding:1px 5px;border-radius:4px}
.baylan-save-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:4px 2px}
.baylan-save-bar .baylan-note{margin:0}
.baylan-ops-row{display:flex;flex-wrap:wrap;gap:8px}
.baylan-last-run{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f3f7f5;display:grid;gap:3px;font-size:.8rem;color:#3d5a50}
.baylan-last-run strong{color:#163d32}
.baylan-err{color:#9b2c2c;font-weight:700}

/* Form doldurma ? profesyonel sayfa d?zeni */
.form-pro-shell{max-width:920px;margin:0 auto 2rem;padding:0 12px 24px}
.form-pro-head{margin-bottom:14px;align-items:flex-end}
.form-pro-head h1{letter-spacing:-.02em;line-height:1.15}
.form-pro-body{display:grid;gap:14px}
.form-pro-card{border:1px solid #d5e3dc;border-radius:16px;box-shadow:0 10px 28px rgba(11,93,71,.06);padding:18px 18px 16px;background:#fff}
.form-pro-card>h2{margin:0 0 12px;font-size:1rem;letter-spacing:.04em;color:#0b5d47;border-bottom:2px solid #e3eee8;padding-bottom:8px}
.form-pro-card .form-grid{gap:12px 14px}
.form-pro-card label{display:grid;gap:6px;font-size:.78rem;font-weight:700;color:#3d5249;letter-spacing:.02em}
.form-pro-card input,.form-pro-card select,.form-pro-card textarea{border:1px solid #c9dbd2;border-radius:12px;padding:11px 12px;font-size:1rem;background:#fbfefc}
.form-pro-card input:focus,.form-pro-card select:focus,.form-pro-card textarea:focus{outline:2px solid rgba(11,93,71,.28);border-color:#0b5d47;background:#fff}
.office-fast-banner{background:linear-gradient(135deg,#eef8f3,#f7fcfa);border-color:#c5e2d4}
.staff-fill-form.is-office-fast .fill-mode-card summary{cursor:pointer;list-style:none}
.public-form-layout>.half{min-width:0}
@media (min-width:720px){
  .form-pro-shell{padding:0 8px 32px}
  .form-pro-card{padding:22px 22px 18px}
}


/* ========== Vatanda? portal ? s??ma + modern d?zen (5.21.149) ========== */
:root{
  --citizen-dock-h:0px;
  --citizen-page-pad:clamp(12px,3vw,22px);
}
body.citizen-has-dock{
  --citizen-dock-h:calc(64px + env(safe-area-inset-bottom,0px));
}

/* Auth: dock yok ? alt bo?luk temizle */
body.citizen-auth-body,
body.citizen-experience:not(.citizen-has-dock){
  padding-bottom:0!important;
}
body.citizen-auth-body.citizen-experience,
body.citizen-experience:not(.citizen-has-dock) .page{
  padding-bottom:max(16px,env(safe-area-inset-bottom,0px))!important;
}
.citizen-auth-hero{
  padding-top:max(20px,env(safe-area-inset-top,0px))!important;
  padding-left:max(16px,env(safe-area-inset-left,0px));
  padding-right:max(16px,env(safe-area-inset-right,0px));
}
.citizen-auth--app{
  min-height:100svh;
  min-height:100dvh;
}

/* Giri?li: tek dock y?ksekli?i */
@media(max-width:760px){
  body.citizen-has-dock.citizen-experience{
    padding-bottom:var(--citizen-dock-h)!important;
  }
  body.citizen-has-dock .page.auth-page,
  body.citizen-has-dock .page{
    padding-bottom:calc(12px + var(--citizen-dock-h))!important;
  }
  body.citizen-has-dock .dikmen-flow,
  body.citizen-has-dock .citizen-hub.dikmen-flow{
    padding-bottom:calc(20px + var(--citizen-dock-h))!important;
  }
  html.is-ios body.citizen-has-dock .citizen-hub,
  html.is-ios body.citizen-has-dock .eco-game-page,
  html.is-ios body.citizen-has-dock .dikmen-flow{
    padding-bottom:calc(24px + var(--citizen-dock-h))!important;
    padding-left:max(var(--citizen-page-pad),env(safe-area-inset-left,0px));
    padding-right:max(var(--citizen-page-pad),env(safe-area-inset-right,0px));
  }
  body.citizen-has-dock .citizen-sticky-actions,
  body.citizen-has-dock .form-actions.citizen-sticky-actions{
    bottom:var(--citizen-dock-h)!important;
    z-index:50!important;
    padding-bottom:max(10px,env(safe-area-inset-bottom,0px));
  }
  body.citizen-has-dock .install-promotion{
    bottom:calc(var(--citizen-dock-h) + 10px)!important;
  }
  body.citizen-has-dock .form-pro-shell{
    padding-bottom:calc(28px + var(--citizen-dock-h))!important;
  }
  body.citizen-has-dock .citizen-assistant-fab{
    bottom:calc(var(--citizen-dock-h) + 12px)!important;
  }
}

/* Ana sayfa ?st aksiyonlar ? ta?ma yok */
.dikmen-flow-top{
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.dikmen-flow-top-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
  max-width:100%;
}
.dikmen-flow-logout{margin:0}
.dikmen-flow-logout .button{min-height:36px;padding:0 12px;font-size:.78rem}
.dikmen-flow-status{flex:none;white-space:nowrap}

/* ?ncelik kartlar?: 2?2 mobil, 4 kolon geni? */
.dikmen-home-priority{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.dikmen-prio{
  min-height:76px;
  padding:14px 10px;
  border-radius:16px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.dikmen-prio:active{transform:scale(.98)}
@media(hover:hover){
  .dikmen-prio:hover{
    border-color:#0b5d47;
    box-shadow:0 8px 22px rgba(11,93,71,.12);
    transform:translateY(-1px);
  }
}
@media(min-width:720px){
  .dikmen-home-priority{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .dikmen-flow{width:min(880px,100%)}
}

/* Ana yollar ? dar ekranda yan yana kal, ta?mas?n */
@media(max-width:760px){
  .dikmen-flow-paths--tight{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .dikmen-flow-paths--tight .dikmen-path{
    min-height:112px;
    padding:14px 12px;
    border-radius:18px;
  }
  .dikmen-flow-paths--tight .dikmen-path strong{font-size:.95rem;line-height:1.2}
  .dikmen-flow-paths--tight .dikmen-path p{font-size:.72rem;margin:0;opacity:.85}
  .dikmen-flow-paths--tight .dikmen-path-water{grid-column:1 / -1;min-height:88px}
  .dikmen-home-games .eco-game-cards{
    grid-template-columns:1fr!important;
    gap:8px;
  }
  .dikmen-home-games .eco-game-card{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:8px 12px;
    padding:12px 14px;
    text-align:left;
  }
  .dikmen-home-games .eco-game-mark{margin:0}
  .dikmen-home-games .eco-game-card strong{grid-column:2;grid-row:1}
  .dikmen-home-games .eco-game-card small{grid-column:2;grid-row:2}
  .dikmen-home-games .eco-game-card-cta{grid-column:3;grid-row:1 / span 2;align-self:center}
}

/* Abone kartlar? / ?deme ? okunakl? */
.dikmen-sub-main{gap:3px}
.dikmen-sub-name{word-break:break-word}
.dikmen-sub-summary{align-items:flex-start;padding:12px 14px}
.dikmen-sub-card{border-radius:16px;overflow:hidden}

/* Detaylar / di?er i?lemler */
.citizen-more-block{
  border-radius:16px;
  border:1px solid #d7e6e0;
  background:#fff;
  padding:0;
  overflow:hidden;
}
.citizen-more-block>summary{
  list-style:none;
  cursor:pointer;
  padding:14px 16px;
  font-weight:800;
  color:#0d3f34;
}
.citizen-more-block>summary::-webkit-details-marker{display:none}
.citizen-more-block .dikmen-flow-links{
  display:grid;
  gap:0;
  padding:0 8px 10px;
}
.citizen-more-block .dikmen-flow-links a{
  padding:12px 10px;
  border-radius:12px;
  text-decoration:none;
  color:#1a2e28;
  font-weight:650;
}
.citizen-more-block .dikmen-flow-links a:active{background:#eef6f2}
.dikmen-flow-step-hint{
  margin:0 0 10px;font-size:.78rem;font-weight:650;letter-spacing:.02em;color:#5a7268
}
.citizen-account-shell{max-width:520px;margin:0 auto}
.citizen-account-nav{
  display:grid;gap:8px;margin:14px 0
}
.citizen-account-nav a{
  display:flex;flex-direction:column;gap:2px;padding:14px 16px;
  border:1px solid var(--line,#d7e3dd);border-radius:12px;background:#fff;
  text-decoration:none;color:inherit
}
.citizen-account-nav a strong{font-size:.95rem}
.citizen-account-nav a small{font-size:.78rem;color:#5a7268}
.citizen-account-logout{margin:18px 0 28px}
.dikmen-staff-hub-lane.is-preferred{border-color:#0b5d47;box-shadow:0 0 0 2px rgba(11,93,71,.18)}

/* Dock dokunma alan? */
@media(max-width:760px){
  .citizen-mobile-dock a,
  .citizen-mobile-dock button{
    min-height:48px;
    -webkit-tap-highlight-color:rgba(11,93,71,.1);
  }
  .citizen-mobile-dock .is-active{
    color:#0b5d47;
    background:linear-gradient(180deg,#eef8f3,transparent);
  }
}

/* Web geni?: rahat okuma s?tunu */
@media(min-width:980px){
  .citizen-experience .page{
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
  }
  .citizen-hub:not(.dikmen-flow){width:min(960px,100%)}
}

/* Personel yazışma */
.staff-chat{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding-bottom:28px}
.staff-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.staff-chat-head h1{margin:2px 0 4px;font-size:1.35rem;font-weight:800;color:#163d32}
.staff-chat-list{display:flex;flex-direction:column;gap:8px}
.staff-chat-row{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:14px 14px;border:1px solid #e0ebe5;border-radius:12px;background:#f7fbf9;min-height:56px
}
.staff-chat-row div{display:grid;gap:2px;min-width:0}
.staff-chat-row strong{font-size:.95rem;color:#163d32}
.staff-chat-row span{font-size:.8rem;color:#6a8278;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.staff-chat-row aside{display:grid;justify-items:end;gap:4px;flex:0 0 auto}
.staff-chat-row aside b{
  min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#0b5d47;color:#fff;
  font-size:.72rem;display:grid;place-items:center
}
.staff-chat-row aside small{font-size:.7rem;color:#6a8278}
.staff-chat-row.is-unread{background:#eef7f3;border-color:#9fcbb8}
.staff-chat-people{max-height:420px;overflow:auto;margin:8px 0}
.staff-chat-filter-wrap{margin-bottom:8px}
.staff-chat-clear-wrap{margin-top:12px}
.staff-chat-log{
  display:flex;flex-direction:column;gap:10px;max-height:min(58vh,520px);overflow:auto;
  padding:12px
}
.staff-chat-bubble{
  max-width:88%;padding:10px 12px;border-radius:14px 14px 14px 4px;
  background:#f3f7f5;border:1px solid #d5e3dc
}
.staff-chat-bubble.is-mine{
  align-self:flex-end;background:#0b5d47;color:#fff;border-color:#0b5d47;
  border-radius:14px 14px 4px 14px
}
.staff-chat-bubble header{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px}
.staff-chat-bubble header strong{font-size:.75rem}
.staff-chat-bubble header time{font-size:.68rem;opacity:.72}
.staff-chat-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.45}
.staff-chat-bubble.is-mine header strong,.staff-chat-bubble.is-mine header time{color:#d8f0e4}
.staff-chat-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.staff-chat-file{
  display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;
  background:#fff;border:1px solid #d5e3dc;font-size:.78rem;font-weight:700;color:#0b5d47
}
.staff-chat-bubble.is-mine .staff-chat-file{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}
.staff-chat-thumb{display:block;width:120px;height:90px;border-radius:10px;overflow:hidden;background:#e8f1ec}
.staff-chat-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.staff-chat-compose{
  position:sticky;bottom:0;display:flex;flex-direction:column;gap:8px;
  background:var(--bg,#f3f6f7);padding:10px 0 12px;z-index:20;border-top:1px solid #dce4e8
}
.staff-chat-compose-row{display:grid;grid-template-columns:44px 44px 1fr auto;gap:8px;align-items:end}
.staff-chat-compose textarea{min-height:48px;max-height:140px;resize:vertical;margin:0;font-size:1rem}
.staff-chat-send{min-height:48px;padding:0 18px;font-weight:800}
.staff-chat-emoji-toggle,.staff-chat-attach-btn{
  width:44px;height:48px;display:grid;place-items:center;border-radius:12px;border:1px solid #d5e3dc;
  background:#fff;cursor:pointer;font-size:1.25rem;padding:0;margin:0
}
.staff-chat-attach-btn{position:relative;overflow:hidden}
.staff-chat-attach-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}
.staff-chat-quick{display:flex;flex-wrap:wrap;gap:6px}
.staff-chat-chip{
  border:1px solid #c5d5cc;background:#e8f4ef;color:#0b5d47;border-radius:999px;
  padding:6px 10px;font-size:.78rem;font-weight:700;cursor:pointer
}
.staff-chat-emoji-bar{
  display:flex;flex-wrap:wrap;gap:4px;max-height:120px;overflow:auto;
  padding:8px;border:1px solid #d5e3dc;border-radius:12px;background:#fff
}
.staff-chat-emoji{
  width:36px;height:36px;border:0;background:transparent;font-size:1.25rem;cursor:pointer;border-radius:8px
}
.staff-chat-emoji:hover,.staff-chat-emoji:active{background:#e8f4ef}
.staff-chat-vpn-attach{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;color:#0b5d47}
.staff-chat-vpn-attach input{width:auto;min-height:0}
.staff-chat-attach-name{margin:0}
.meter-office-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.meter-office-chip{
  border:1px solid #9fcbb8;background:#e8f4ef;color:#0b5d47;border-radius:10px;
  padding:10px 14px;font-weight:800;cursor:pointer;min-width:4.5rem
}
.meter-office-chip.is-on{background:#0b5d47;color:#fff;border-color:#0b5d47}
.meter-office-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.meter-office-actions .button{flex:1 1 140px}
.meter-office-route-card .mobile-task-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:760px){
  .staff-chat-compose{bottom:64px}
  .staff-chat-compose-row{grid-template-columns:40px 40px 1fr;gap:6px}
  .staff-chat-send{grid-column:1/-1;width:100%;min-height:52px;font-size:1.05rem}
  .staff-chat-log{max-height:min(48vh,420px)}
}
html.night-mode .staff-chat-row,html.night-mode .staff-chat-bubble{background:#1a2a24;border-color:#2c4038}
html.night-mode .staff-chat-bubble.is-mine{background:#0b5d47;border-color:#3aaf84}
html.night-mode .staff-chat-head h1{color:#e8f2ec}
html.night-mode .staff-chat-emoji-bar,html.night-mode .staff-chat-emoji-toggle,html.night-mode .staff-chat-attach-btn{background:#1a2a24;border-color:#2c4038}

/* Yazışma — popup panel + hazır cevap sheet */
body.wa-chat-page{
  padding-bottom:0!important;
  overflow:hidden!important;
  background:#111b21;
}
body.wa-chat-page .page{
  padding:0!important;
  max-width:none!important;
  margin:0!important;
  min-height:0!important;
}
body.wa-chat-page .flash-stack{display:none}
body.wa-chat-page header.topbar{display:none!important}
body.wa-chat-page .topbar-mobile-quick{display:none!important}
body.wa-chat-page .mobile-nav,
body.wa-chat-page .app-sidebar,
body.wa-chat-page .stick-nav,
body.wa-chat-page .dispatch-dock{display:none!important}
body.wa-chat-page.has-app-sidebar .page,
body.wa-chat-page.has-stick-nav .page{margin:0!important;padding:0!important}

.wa-chat-popup{
  position:fixed;inset:0;z-index:1400;
  display:flex;align-items:center;justify-content:center;
  padding:12px;box-sizing:border-box
}
.wa-chat-backdrop{
  position:absolute;inset:0;background:rgba(11,20,26,.55);
  cursor:pointer
}
.wa-chat{
  --wa-green:#075e54;--wa-mine:#d9fdd3;--wa-theirs:#fff;--wa-bg:#efeae2;
  position:relative;z-index:1;
  width:min(420px,100%);
  height:min(720px,calc(100dvh - 24px));
  max-width:100%;max-height:calc(100dvh - 16px);
  display:flex;flex-direction:column;
  background:var(--wa-bg);overflow:hidden;
  border-radius:16px;
  border:1px solid #cfd9d3;
  box-shadow:0 16px 48px rgba(0,0,0,.35);
  padding-bottom:env(safe-area-inset-bottom,0px)
}
@media(max-width:560px){
  .wa-chat-popup{padding:0;align-items:stretch}
  .wa-chat-backdrop{display:none}
  .wa-chat{
    width:100%;height:100dvh;max-height:100dvh;
    border-radius:0;border:0;box-shadow:none
  }
  body.wa-chat-page{background:var(--wa-bg,#efeae2)}
}
.wa-chat-head{
  flex:0 0 auto;display:flex;align-items:center;gap:4px;min-height:56px;padding:6px 6px 6px 4px;
  background:#075e54;color:#fff;z-index:5;box-sizing:border-box
}
html.native-app{
  --apk-safe-top:max(28px,var(--safe-area-inset-top,env(safe-area-inset-top,0px)));
  --apk-safe-bottom:max(0px,var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));
}
html.native-app .wa-chat-head{
  padding-top:calc(6px + var(--apk-safe-top));
  min-height:calc(56px + var(--apk-safe-top));
}
html.native-app .wa-chat-back,
html.native-app .wa-chat-more{
  width:44px;height:44px;min-width:44px;min-height:44px
}
html.native-app body.wa-inbox-page header.topbar{
  padding-top:var(--apk-safe-top);
  min-height:calc(56px + var(--apk-safe-top));
  box-sizing:border-box
}
body[data-mobile-app="sayac"].staff-chat-page header.topbar,
body[data-mobile-app="sayac"].staff-chat-page .app-sidebar-toggle,
body[data-mobile-app="sayac"].staff-chat-page .saha-top-nav,
body[data-mobile-app="sayac"].staff-chat-page .user-menu,
body[data-mobile-app="sayac"].staff-chat-page .topbar-tools{display:none!important}
body[data-mobile-app="sayac"].wa-inbox-page .page{
  padding-top:calc(10px + var(--apk-safe-top,28px))!important
}
html.native-app body[data-mobile-app="sayac"].wa-inbox-page .wa-inbox-compact .wa-inbox-head{
  padding-top:calc(6px + var(--apk-safe-top,28px))
}
html.native-app .wa-global-chat-dock{
  bottom:calc(12px + var(--apk-safe-bottom,env(safe-area-inset-bottom,0px)))
}
html.native-app body.has-stick-nav .wa-global-chat-dock,
html.native-app body.has-dispatch-dock .wa-global-chat-dock{
  bottom:calc(76px + var(--apk-safe-bottom,env(safe-area-inset-bottom,0px)))
}
.wa-sayac-return{
  margin:0 0 8px;padding:10px 12px;border-radius:12px;background:#e8f6f1;border:1px solid #b7d9ca
}
.wa-sayac-return a{font-weight:800;color:#0b5d47;text-decoration:none}
.wa-chat-back{
  width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:1.5rem;font-weight:700;
  color:#fff;flex:0 0 auto;touch-action:manipulation;background:transparent;line-height:1
}
.wa-chat-back:hover,.wa-chat-back:active{background:rgba(255,255,255,.12)}
.wa-chat-head-main{flex:1;min-width:0;display:grid;gap:1px}
.wa-chat-head-main strong{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-chat-head-main small{font-size:.68rem;opacity:.78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.wa-chat-more{
  width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:1.15rem;border-radius:50%;touch-action:manipulation;flex:0 0 auto
}
.wa-chat-more:hover,.wa-chat-more:active{background:rgba(255,255,255,.12)}
.wa-chat-head form{margin:0;display:contents}
.wa-chat-log{
  flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
  padding:10px 10px 14px;display:flex;flex-direction:column;gap:6px;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  background-color:var(--wa-bg);
  background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c5beb4' fill-opacity='0.18'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.wa-chat-empty{
  margin:auto;text-align:center;color:#54656f;font-weight:600;font-size:.86rem;
  padding:12px 16px;border-radius:8px;background:rgba(255,255,255,.92);max-width:240px;
  box-shadow:0 1px 3px rgba(0,0,0,.08)
}
.wa-bubble{
  max-width:min(82%,320px);padding:6px 9px 4px;border-radius:8px;
  background:var(--wa-theirs);box-shadow:0 1px 0.5px rgba(0,0,0,.13);align-self:flex-start;
  position:relative
}
.wa-bubble.is-mine{
  align-self:flex-end;background:var(--wa-mine)
}
.wa-bubble-name{font-size:.68rem;font-weight:700;color:#027a69;margin-bottom:2px}
.wa-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.35;color:#111b21}
.wa-bubble time{display:block;text-align:right;font-size:.625rem;color:#667781;margin-top:3px;line-height:1.2}
.wa-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.wa-thumb{display:block;width:min(200px,65vw);border-radius:6px;overflow:hidden;background:#d1d7db}
.wa-thumb img{width:100%;height:auto;display:block;max-height:200px;object-fit:cover}
.wa-file{
  display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;
  background:#f0f2f5;border:1px solid #e9edef;font-size:.78rem;font-weight:600;color:#027a69;max-width:100%;word-break:break-all
}
.wa-bubble.is-mine .wa-file{background:rgba(255,255,255,.55);border-color:rgba(0,0,0,.06)}

/* Yazma alanı */
.wa-chat-dock{
  flex:0 0 auto;background:#f0f2f5;
  border-top:1px solid #e9edef;
  padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;gap:5px;z-index:10
}
.wa-chat-dock.is-drop-over{
  outline:2px dashed #075e54;outline-offset:-4px;background:#e7f5ef
}
.wa-emoji-bar{display:flex;flex-wrap:wrap;gap:2px;max-height:96px;overflow:auto;padding:8px;background:#fff;border-radius:12px;border:1px solid #e9edef}
.wa-emoji{width:36px;height:36px;border:0;background:transparent;font-size:1.2rem;border-radius:8px;touch-action:manipulation}
.wa-emoji:hover{background:#f0f2f5}
.wa-attach-sheet{
  display:grid;gap:6px;padding:10px;background:#fff;border-radius:12px;border:1px solid #e9edef;
  box-shadow:0 8px 24px rgba(0,0,0,.1)
}
.wa-attach-opt,.wa-attach-cancel{
  min-height:44px;border:1px solid #e9edef;border-radius:10px;background:#f0f2f5;font-weight:700;font-size:.9rem;
  touch-action:manipulation;text-align:left;padding:0 14px;color:#111b21
}
.wa-attach-cancel{background:#fff;color:#667781;text-align:center}
.wa-attach-vpn{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:650;color:#075e54;padding:4px 6px}
.wa-compose{display:grid;grid-template-columns:40px 40px 1fr 44px;gap:5px;align-items:end}
.wa-btn-icon{
  width:40px;height:40px;border:0;border-radius:50%;background:#fff;font-size:1.15rem;
  touch-action:manipulation;display:grid;place-items:center;padding:0;color:#54656f;
  box-shadow:0 1px 1px rgba(0,0,0,.06)
}
.wa-btn-icon:active,.wa-btn-quick:active{background:#e7f5ef;color:#075e54}
.wa-btn-quick{color:#075e54;font-weight:700}
.wa-compose textarea{
  min-height:40px;max-height:110px;resize:none;margin:0;padding:9px 14px;border:0;border-radius:21px;
  background:#fff;font-size:.9375rem;line-height:1.35;color:#111b21;
  box-shadow:0 1px 1px rgba(0,0,0,.06)
}
.wa-compose textarea:focus{outline:none;box-shadow:0 0 0 2px rgba(7,94,84,.2)}
.wa-btn-send{
  width:44px;height:40px;border:0;border-radius:50%;background:#075e54;color:#fff;font-size:1.05rem;
  font-weight:700;touch-action:manipulation
}
.wa-btn-send:disabled{opacity:.45}
.wa-attach-name,.wa-send-status{margin:0;font-size:.72rem;font-weight:650;color:#075e54;padding:0 4px}
.wa-send-status{color:#b91c1c}
.wa-drop-hint{
  display:none;margin:0;font-size:.68rem;font-weight:650;color:#075e54;text-align:center;padding:2px 4px
}
.wa-chat-dock.is-drop-over .wa-drop-hint{display:block}

.wa-chat-popup.is-minimized{
  pointer-events:none;background:transparent
}
.wa-chat-popup.is-minimized .wa-chat,
.wa-chat-popup.is-minimized .wa-quick-sheet{display:none!important}
.wa-chat-popup.is-minimized .wa-chat-backdrop{
  pointer-events:auto;background:rgba(11,20,26,.25)
}
body.wa-chat-minimized{
  overflow:auto!important;background:#eef2f0!important
}
body.wa-chat-minimized .page{
  display:block!important;padding:16px!important;max-width:960px!important;margin:0 auto!important
}

/* Küçültülmüş yazışmalar — web + mobil görev çubuğu */
.wa-global-chat-dock{
  position:fixed;z-index:1300;
  left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom,0px));
  display:flex;align-items:center;gap:6px;
  width:100%;box-sizing:border-box;
  padding:0 10px;pointer-events:none
}
/* Web: sol menünün üstünde + menü genişliği kadar sağa kaydır */
@media(min-width:901px){
  body.has-app-sidebar .wa-global-chat-dock{
    left:var(--app-sidebar-w);
    width:calc(100% - var(--app-sidebar-w));
    z-index:1300
  }
}
.wa-global-chat-dock[hidden]{display:none!important}
.wa-global-chat-nav{
  pointer-events:auto;flex:0 0 auto;
  width:36px;height:36px;border:0;border-radius:50%;
  background:#fff;color:#075e54;font-size:1.25rem;font-weight:700;
  box-shadow:0 4px 16px rgba(0,0,0,.18);cursor:pointer;
  display:none;place-items:center
}
.wa-global-chat-dock.is-overflow .wa-global-chat-nav{display:grid}
.wa-global-chat-track{
  pointer-events:auto;
  display:flex;gap:8px;align-items:center;flex:1 1 auto;
  min-width:0;max-width:100%;
  overflow-x:auto;overflow-y:hidden;
  padding:8px 4px;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  scrollbar-width:auto;
  cursor:grab
}
.wa-global-chat-track.is-grabbing{cursor:grabbing;scroll-behavior:auto}
.wa-global-chat-track::-webkit-scrollbar{height:8px}
.wa-global-chat-track::-webkit-scrollbar-thumb{
  background:#9fcbb8;border-radius:999px
}
.wa-global-chat-item{
  flex:0 0 auto;display:flex;align-items:center;gap:4px
}
.wa-global-chat-pill{
  display:grid;grid-template-columns:36px minmax(90px,140px);gap:8px;align-items:center;
  width:auto;max-width:200px;padding:7px 12px 7px 7px;border:0;border-radius:999px;
  background:#075e54;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.28);
  text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none
}
.wa-global-chat-pill:hover{filter:brightness(1.06)}
.wa-global-chat-avatar{
  width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);
  display:grid;place-items:center;font-weight:800;font-size:.95rem
}
.wa-global-chat-meta{min-width:0;display:grid;gap:1px}
.wa-global-chat-meta strong{
  font-size:.8rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.wa-global-chat-meta small{font-size:.6rem;opacity:.85;font-weight:600}
.wa-global-chat-x{
  width:32px;height:32px;border:0;border-radius:50%;flex:0 0 auto;
  background:#fff;color:#54656f;font-size:.8rem;
  box-shadow:0 4px 14px rgba(0,0,0,.18);cursor:pointer
}
.wa-global-chat-x:hover{background:#fee2e2;color:#b91c1c}
body.has-stick-nav .wa-global-chat-dock,
body.has-dispatch-dock .wa-global-chat-dock{
  bottom:calc(76px + env(safe-area-inset-bottom,0px))
}
body.wa-chat-page:not(.wa-chat-minimized) .wa-global-chat-dock{
  bottom:calc(12px + env(safe-area-inset-bottom,0px))
}
body.wa-chat-minimized .wa-global-chat-dock{
  bottom:calc(16px + env(safe-area-inset-bottom,0px))
}
@media(min-width:561px){
  .wa-chat-min-btn{
    width:auto!important;min-width:40px;padding:0 10px!important;border-radius:10px!important;
    background:rgba(255,255,255,.16)!important;font-size:.78rem!important;font-weight:700
  }
  .wa-chat-min-btn::after{content:" Alta";font-size:.72rem}
}
html.night-mode .wa-global-chat-pill{background:#1f2c34}
html.night-mode .wa-global-chat-x,
html.night-mode .wa-global-chat-nav{background:#2a3942;color:#e9edef}

/* Hazır cevap popup */
.wa-quick-sheet{
  position:absolute;inset:0;z-index:30;
  display:flex;align-items:flex-end;justify-content:center
}
.wa-quick-sheet[hidden]{display:none!important}
.wa-quick-backdrop{
  position:absolute;inset:0;border:0;padding:0;background:rgba(11,20,26,.45);cursor:pointer
}
.wa-quick-panel{
  position:relative;z-index:1;width:100%;max-height:min(70vh,480px);overflow:auto;
  background:#fff;border-radius:18px 18px 0 0;
  padding:8px 14px calc(16px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -8px 32px rgba(0,0,0,.18);
  animation:wa-sheet-up .2s ease
}
@keyframes wa-sheet-up{from{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}
.wa-quick-handle{
  width:40px;height:4px;border-radius:999px;background:#d1d7db;margin:4px auto 10px
}
.wa-quick-title{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px
}
.wa-quick-title strong{font-size:1rem;font-weight:700;color:#111b21}
.wa-quick-x{
  width:36px;height:36px;border:0;border-radius:50%;background:#f0f2f5;color:#54656f;
  font-size:1rem;touch-action:manipulation
}
.wa-quick-hint{margin:0 0 12px;font-size:.78rem;color:#667781;font-weight:600}
.wa-quick-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px
}
.wa-chip-card{
  display:grid;gap:4px;justify-items:center;align-content:center;
  min-height:72px;padding:12px 8px;border:1px solid #e9edef;border-radius:14px;
  background:#f7f8fa;touch-action:manipulation;cursor:pointer
}
.wa-chip-card span{font-size:1.35rem;line-height:1}
.wa-chip-card b{font-size:.82rem;font-weight:700;color:#111b21;text-align:center;line-height:1.2}
.wa-chip-card:active{background:#e7f5ef;border-color:#9fcbb8;transform:scale(.98)}
.wa-chip-card:disabled{opacity:.55}

/* Gelen kutusu */
body.wa-inbox-page{
  padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;overflow:auto;
  background:#f0f2f5
}
body.wa-inbox-page .page{padding:10px 12px 20px!important;max-width:480px;margin:0 auto}
@media(max-width:760px){
  body.wa-inbox-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
}
.wa-inbox{
  max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding:0 0 8px
}
.wa-inbox-compact .wa-inbox-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px 2px
}
.wa-inbox-head h1,.wa-inbox-compact .wa-inbox-head h1{margin:0;font-size:1.15rem;font-weight:700;color:#111b21}
.wa-inbox-head-actions{display:flex;gap:2px;background:#e9edef;padding:2px;border-radius:999px}
.wa-mode-btn{
  min-height:30px;padding:0 12px;border-radius:999px;border:0;background:transparent;
  font-size:.76rem;font-weight:700;color:#54656f;touch-action:manipulation
}
.wa-mode-btn.is-on,.wa-mode-btn[aria-pressed="true"]{background:#fff;color:#075e54;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.wa-people-panel{
  background:#fff;border:1px solid #e9edef;border-radius:12px;overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.04)
}
.wa-people-sticky{
  position:sticky;top:0;z-index:4;background:#fff;padding:10px 10px 8px;border-bottom:1px solid #eef3f0
}
.wa-people-search{
  width:100%;box-sizing:border-box;min-height:42px;padding:8px 12px;border:1px solid #d5e3dc;
  border-radius:12px;font-size:.95rem;font-weight:600;background:#f7fbf9
}
.wa-people-search:focus{outline:none;border-color:#9fcbb8;box-shadow:0 0 0 3px rgba(11,93,71,.1)}
.wa-role-chips{display:flex;gap:4px;overflow-x:auto;padding:6px 0 2px;-webkit-overflow-scrolling:touch}
.wa-role-chip{
  flex:0 0 auto;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid #d5e3dc;
  background:#f3f7f5;font-size:.7rem;font-weight:800;color:#0b5d47;touch-action:manipulation
}
.wa-role-chip.is-on{background:#0b5d47;color:#fff;border-color:#0b5d47}
.wa-people-hint{margin:4px 2px 0;font-size:.7rem;font-weight:650;color:#6a8278}
.wa-people-list{display:flex;flex-direction:column;max-height:min(36vh,280px);overflow:auto;-webkit-overflow-scrolling:touch}
.wa-person-form{margin:0;border-bottom:1px solid #eef3f0}
.wa-person-form:last-child,.wa-person-check:last-of-type{border-bottom:0}
.wa-person-hit,.wa-person-check{
  display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;width:100%;
  min-height:48px;padding:6px 10px;border:0;background:transparent;text-align:left;cursor:pointer;
  touch-action:manipulation;-webkit-tap-highlight-color:rgba(11,93,71,.12)
}
.wa-person-hit:active,.wa-person-check:active{background:#eef7f3}
.wa-person-check{border-bottom:1px solid #eef3f0;margin:0}
.wa-person-check input{width:20px;height:20px;accent-color:#0b5d47}
.wa-person-meta{min-width:0;display:grid;gap:0}
.wa-person-meta strong{font-size:.88rem;font-weight:800;color:#163d32;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-person-meta small{font-size:.66rem;font-weight:600;color:#6a8278;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-person-go{font-size:1.2rem;color:#0b5d47;font-weight:700}
.wa-avatar{
  width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#128c73,#0b5d47);color:#fff;display:grid;place-items:center;
  font-weight:800;font-size:1.05rem
}
.wa-avatar-sm{width:36px;height:36px;font-size:.88rem}
.wa-group-form{padding:0 0 8px}
.wa-group-title{display:grid;gap:4px;padding:8px 10px;font-size:.78rem;font-weight:700;color:#0b5d47}
.wa-group-title input{min-height:40px;padding:8px 10px;border:1px solid #c5d5cc;border-radius:8px}
.wa-group-submit{margin:8px 10px;min-height:44px}
.wa-people-empty{padding:16px;text-align:center;color:#6a8278;margin:0;font-size:.85rem}
.wa-inbox-list{
  display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e9edef;
  box-shadow:0 1px 3px rgba(0,0,0,.04)
}
.wa-inbox-sub{
  margin:0;padding:10px 14px 8px;font-size:.72rem;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:#667781;background:#fff;border-bottom:1px solid #f0f2f5
}
.wa-inbox-row{
  display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:11px 12px;
  border-bottom:1px solid #f0f2f5;min-height:60px;touch-action:manipulation
}
.wa-inbox-row:hover{background:#f5f6f6}
.wa-inbox-row.is-unread{background:#f0faf6}
.wa-inbox-row:last-child{border-bottom:0}
.wa-inbox-main{min-width:0;display:grid;gap:2px}
.wa-inbox-main strong{font-size:.94rem;font-weight:600;color:#111b21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-inbox-row.is-unread .wa-inbox-main strong{font-weight:700}
.wa-inbox-main span{font-size:.8rem;color:#667781;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-inbox-row aside{display:grid;justify-items:end;gap:4px}
.wa-inbox-row aside small{font-size:.65rem;color:#667781}
.wa-inbox-row.is-unread aside small{color:#075e54;font-weight:700}
.wa-inbox-row aside b{
  min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#25d366;color:#fff;
  font-size:.65rem;display:grid;place-items:center;font-weight:700
}
.wa-inbox-empty{padding:18px 12px;text-align:center;color:#667781;margin:0;font-size:.88rem}
.wa-inbox-clear{margin:4px 2px;font-size:.8rem;color:#667781}
.wa-inbox-new-card{margin-top:16px;padding:16px;background:#fff;border:1px solid #e9edef;border-radius:12px}
.wa-inbox-new-card h2{margin:0 0 6px;font-size:1.05rem;color:#111b21}
html.night-mode body.wa-chat-page,html.night-mode body.wa-inbox-page{background:#0b141a}
html.night-mode .wa-chat{--wa-bg:#0b141a;--wa-mine:#005c4b;--wa-theirs:#202c33;border-color:#2a3942}
html.night-mode .wa-chat-head{background:#1f2c34}
html.night-mode .wa-bubble p,html.night-mode .wa-bubble time{color:#e9edef}
html.night-mode .wa-bubble-name{color:#53bdeb}
html.night-mode .wa-chat-dock{background:#1f2c34;border-color:#2a3942}
html.night-mode .wa-compose textarea,html.night-mode .wa-btn-icon,html.night-mode .wa-chip{background:#2a3942;color:#e9edef;box-shadow:none}
html.night-mode .wa-btn-send{background:#00a884}
html.night-mode .wa-quick-panel{background:#1f2c34}
html.night-mode .wa-quick-title strong{color:#e9edef}
html.night-mode .wa-chip-card{background:#2a3942;border-color:#3b4a54}
html.night-mode .wa-chip-card b{color:#e9edef}
html.night-mode .wa-inbox-list,html.night-mode .wa-people-panel,html.night-mode .wa-inbox-new-card,html.night-mode .wa-people-sticky{background:#111b21;border-color:#2a3942}
html.night-mode .wa-inbox-row,html.night-mode .wa-person-form,html.night-mode .wa-person-check{border-color:#2a3942}
html.night-mode .wa-inbox-main strong,html.night-mode .wa-person-meta strong,html.night-mode .wa-inbox-head h1{color:#e9edef}
html.night-mode .wa-people-search{background:#2a3942;border-color:#3b4a54;color:#e9edef}
html.night-mode .wa-inbox-sub{background:#111b21;color:#8696a0;border-color:#2a3942}

.meter-home-msg-btn{
  position:relative;display:inline-grid;place-items:center;min-width:48px;min-height:48px;padding:8px 12px;
  border-radius:12px;background:#e8f4ef;border:1px solid #9fcbb8;color:#0b5d47;font-weight:800;
  touch-action:manipulation;-webkit-tap-highlight-color:rgba(11,93,71,.2)
}
.meter-home-msg-btn.is-alert{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}
.meter-home-msg-icon{font-size:1.45rem;line-height:1;pointer-events:none}
.meter-home-msg-btn b{
  position:absolute;right:2px;top:2px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;
  background:#b91c1c;color:#fff;font-size:10px;display:grid;place-items:center
}
.meter-home-set-btn{
  display:inline-flex;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;
  background:#fff;border:1px solid #c5d3df;font-weight:800;color:#16324f;touch-action:manipulation
}

/* Ofis / amir ana ekran d?zeni */
.home-layout{margin:0 0 18px}
.home-layout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.home-layout-head h2{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-transform:none;color:#16324f}
.home-layout-hint{margin:4px 0 0;max-width:36rem}
.home-layout-actions{display:flex;flex-wrap:wrap;gap:6px}
.home-layout-item{position:relative}
.home-layout-item .home-layout-link{color:inherit;text-decoration:none;min-width:0}
.office-main-card.home-layout-item{display:flex;align-items:center;gap:10px}
.office-main-card.home-layout-item .home-layout-link{
  display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;flex:1;min-width:0
}
.field-action-tile.home-layout-item .home-layout-link{display:grid;gap:6px;min-width:0;min-height:88px}
.home-layout-handle{
  flex:0 0 auto;width:32px;min-height:42px;border:0;border-radius:10px;
  background:#e8f4ef;color:#0b5d47;display:grid;place-items:center;
  font-size:1rem;letter-spacing:-2px;cursor:grab;padding:0;touch-action:none;
  user-select:none;-webkit-user-drag:element
}
.home-layout-handle:active{cursor:grabbing}
.home-layout-pin{margin:0;padding:8px 10px}
.home-layout-catalog{margin-top:14px}
.home-layout-catalog h3{margin:0 0 8px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6a8278}
.home-layout:not(.is-editing) .home-layout-catalog-grid{
  display:flex;flex-wrap:wrap;gap:8px
}
.home-layout:not(.is-editing) .home-layout-catalog .home-layout-item{
  min-height:0;padding:10px 12px;border-radius:999px;box-shadow:none
}
.home-layout:not(.is-editing) .home-layout-catalog .office-main-go,
.home-layout:not(.is-editing) .home-layout-catalog .field-action-icon,
.home-layout:not(.is-editing) .home-layout-catalog small,
.home-layout:not(.is-editing) .home-layout-catalog .office-main-icon{
  display:none
}
.home-layout:not(.is-editing) .home-layout-catalog .home-layout-link{
  grid-template-columns:1fr
}
.home-layout:not(.is-editing) .home-layout-catalog .home-layout-item{
  min-height:0
}
.home-layout:not(.is-editing)[data-style="office"] .home-layout-catalog .office-main-card{
  min-height:0;padding:12px 14px
}
.home-layout.is-editing .home-layout-link{pointer-events:none}
.home-layout-pin{display:none}
.home-layout.is-editing .home-layout-pin{display:grid}
.home-layout.is-editing .home-layout-item{
  cursor:grab;user-select:none;touch-action:none
}
.home-layout.is-editing .home-layout-item:active{cursor:grabbing}
.home-layout-item.is-dragging{opacity:.55}
.home-layout-item.is-drop{outline:2px dashed #0b5d47;outline-offset:2px}
.home-layout-ghost{
  position:fixed;z-index:80;pointer-events:none;opacity:.92;width:min(420px,86vw);
  box-shadow:0 16px 40px rgba(15,58,48,.18)
}
html.night-mode .home-layout-head h2{color:#9eb0a7}

/* G?nl?k g?revlendirme ? ana ekran?n en ?st? */
.home-dispatch{
  margin:0 0 18px;padding:16px 16px 14px;border-radius:20px;
  background:linear-gradient(180deg,#f2faf6,#fff);
  border:1px solid #9fd0bb;box-shadow:0 10px 28px rgba(15,58,48,.07)
}
.home-dispatch-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px
}
.home-dispatch-kicker{
  margin:0;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0b5d47
}
.home-dispatch-head h2{margin:2px 0 4px;font-size:1.18rem;color:#0f2a22}
.home-dispatch-head p{margin:0}
.home-dispatch-actions{display:flex;flex-wrap:wrap;gap:8px}
.home-dispatch-list{display:grid;gap:8px}
.home-dispatch-row{
  display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;
  padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #d7e4de;
  text-decoration:none;color:inherit;min-height:48px
}
.home-dispatch-row strong{display:block;font-size:.98rem;line-height:1.25}
.home-dispatch-row span{display:block;margin-top:3px;color:#667785;font-size:.82rem;line-height:1.35}
.home-dispatch-row em{
  font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#0b5d47;background:#e8f6ef;border-radius:999px;padding:6px 10px;white-space:nowrap
}
.home-dispatch-row.is-waiting{border-color:#e8c86f;background:#fffdf6}
.home-dispatch-row.is-waiting em{color:#9a6b00;background:#fff4df}
.home-dispatch-row.is-urgent{border-color:#f0b4b4}
.home-dispatch-row.is-urgent em{color:#b42318;background:#fff5f5}
.home-dispatch-empty{
  display:grid;gap:8px;justify-items:start;padding:18px 14px;border-radius:14px;
  background:#fff;border:1px dashed #9db9ae
}
.home-dispatch-empty strong{font-size:1rem}
.home-dispatch-empty span{color:#667785;font-size:.88rem;line-height:1.4}
.home-dispatch-more{margin:10px 0 0;font-size:.88rem;font-weight:800}
.home-dispatch-more a{color:#0b5d47}
html.night-mode .home-dispatch{background:var(--white);border-color:var(--line)}
html.night-mode .home-dispatch-head h2{color:var(--ink)}
html.night-mode .home-dispatch-row{background:var(--white);border-color:var(--line)}

@media(min-width:761px){
  .office-home,.manager-home,.admin-home{
    max-width:1180px;margin:0 auto;padding-top:8px
  }
  .office-home .office-main-grid.home-layout-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .manager-home .home-layout-grid.field-action-grid,
  .manager-home .home-layout.is-editing .home-layout-catalog-grid.field-action-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .home-layout-ghost{width:min(280px,40vw)}
  .home-dispatch-head{align-items:center}
  .home-dispatch-row{padding:14px 16px}
  .home-layout.is-editing .home-layout-handle{
    width:36px;min-height:48px;border-radius:10px;background:#e8f4ef;color:#0b5d47
  }
}
@media(min-width:761px) and (max-width:1020px){
  .manager-home .home-layout-grid.field-action-grid,
  .manager-home .home-layout.is-editing .home-layout-catalog-grid.field-action-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}

.meter-index-label{display:grid;gap:6px;font-weight:700;margin:12px 0 8px}
.meter-index-input{font-size:2.2rem;font-weight:800;letter-spacing:.04em;text-align:center;padding:14px;border-radius:16px;border:2px solid #0b5d47;width:100%}
.meter-index-display{display:flex;align-items:center;justify-content:center;min-height:52px;background:#fff;user-select:none;-webkit-user-select:none;caret-color:transparent;pointer-events:none;box-sizing:border-box}
.meter-index-display:empty::before{content:"0";opacity:.35;font-weight:700}
.meter-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 6px}
.meter-keypad button{min-height:46px;font-size:1.25rem;font-weight:800;border:0;border-radius:10px;background:#16324f;color:#fff;padding:0}
.meter-keypad-fit{gap:5px;margin:2px 0 6px}
.meter-keypad-fit button{min-height:44px;font-size:1.2rem;border-radius:10px;padding:0}
.meter-skip-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 8px}
.meter-field-compact .meter-field-head{margin-bottom:4px}
.meter-field-compact .meter-field-head h1{font-size:1.05rem;margin:0}
.meter-abone-strip{
  background:#fff;border:1px solid #dbe4ee;border-radius:12px;padding:8px 10px;margin:0 0 8px;display:grid;gap:3px
}
.meter-abone-ids{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.meter-abone-ids strong{font-size:1.12rem;font-weight:800;color:#0b5d47;letter-spacing:.01em}
.meter-abone-meter-inline{font-size:.95rem;font-weight:700;color:#16324f}
.meter-abone-meter-inline b{font-size:1.05rem;font-weight:800;color:#0b5d47}
.meter-abone-name{font-size:.95rem;font-weight:700;color:#16324f;line-height:1.25}
.meter-abone-sub{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:.82rem;color:#647382}
.meter-abone-sub b{color:#16324f;font-size:.95rem;font-weight:800}
.meter-abone-addr{flex:1 1 12rem;min-width:0;color:#475569;font-weight:600;line-height:1.3}
.meter-abone-main{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}
.meter-abone-main strong{font-size:1.15rem;font-weight:800;color:#0b5d47}
.meter-abone-main span{font-size:.88rem;font-weight:600;color:#16324f}
.meter-abone-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.8rem;color:#647382}
.meter-abone-meta b{color:#16324f;font-size:1rem}
.meter-abone-more{font-size:.75rem;margin-top:2px}
.meter-abone-more summary{cursor:pointer;color:#0b5d47;font-weight:700}
.meter-seq-nav-tight{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:4px;margin:0 0 8px;align-items:center}
.meter-seq-nav-tight .button{min-height:40px;padding:0 10px}
.meter-seq-nav-tight input{min-height:40px;margin:0;font-size:.9rem}
.meter-num-first .meter-index-label{margin:4px 0 4px;font-size:.75rem;letter-spacing:.06em;color:#0b5d47}
.meter-num-first .meter-index-input{font-size:1.85rem;padding:6px;border-width:2px;min-height:44px}
.meter-keypad-big{gap:5px;margin:2px 0 6px}
.meter-keypad-big button{min-height:44px;font-size:1.2rem;border-radius:10px}
.meter-estimate-tight{margin:0 0 4px;font-size:.8rem;font-weight:700;color:#16324f;text-align:center}
.meter-main-action{min-height:48px;font-size:.98rem;font-weight:800;letter-spacing:.02em;margin:0 0 6px}
.meter-photo-thumb{max-height:96px;margin:4px 0}
.meter-note-tight{margin:6px 0 0}
.meter-note-tight textarea{min-height:36px}
.meter-status-row{margin:10px 0 8px}
.meter-status-evde{background:#b45309;color:#fff;border-color:#b45309;font-weight:800;min-height:42px}
.meter-status-ariza{background:#b91c1c;color:#fff;border-color:#b91c1c;font-weight:800;min-height:44px;font-size:.95rem;letter-spacing:.02em}
.meter-status-kapali{background:#334155;color:#fff;border-color:#334155;font-weight:800;min-height:42px}
#meter-defer-btn{margin:0 0 8px}
.meter-status-kayitsiz{
  display:block;width:100%;margin:0;background:#0f766e;color:#fff;border-color:#0f766e;
  font-weight:800;min-height:40px;font-size:.82rem
}
@media(max-height:720px){
  .meter-keypad button,.meter-keypad-fit button,.meter-keypad-big button{min-height:40px;font-size:1.1rem}
  .meter-action-dock .meter-main-action{min-height:42px;font-size:.9rem}
  .meter-status-dock-grid .button{min-height:36px;font-size:.78rem}
  .meter-num-first .meter-index-input{font-size:1.45rem;min-height:40px;padding:4px}
  .meter-seq-nav-tight{display:none}
}
.meter-abone-more{display:none}
.meter-print-status,.meter-photo-thumb,#meter-photo-status{display:none!important}
#meter-gps{
  display:block!important;
  margin:4px 0 2px;
  font-size:.78rem;
  line-height:1.35;
  font-weight:600;
  flex:1 1 auto;
  min-width:0;
}
#meter-gps.is-gps-good{color:#0b5d47}
#meter-gps.is-gps-warn{color:#b45309}
#meter-gps.is-gps-bad{color:#b91c1c}
.meter-gps-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:2px 0 4px;
}
.meter-gps-refresh-btn{
  font-size:.72rem;
  padding:4px 10px;
  min-height:28px;
  flex:0 0 auto;
}
.meter-num-first .meter-index-label{margin:0 0 2px;font-size:.68rem;letter-spacing:.06em;color:#0b5d47}
.meter-num-first .meter-index-input{font-size:1.55rem;padding:4px;min-height:38px;border-width:2px}
.meter-status-evde,.meter-status-kapali,.meter-status-ariza{min-height:36px;font-size:.78rem}
.meter-field-fit{
  display:flex;flex-direction:column;
  /* Üst çubuk + status bar: full 100dvh içeriği saat ikonlarının altına sıkıştırıyordu */
  height:calc(100dvh - var(--topbar-h, 62px));
  max-height:calc(100dvh - var(--topbar-h, 62px));
  min-height:0;overflow:hidden;
  box-sizing:border-box;padding-bottom:0!important
}
.meter-field-fit .meter-field-scroll{
  flex:1 1 0;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:0 8px 210px
}
.meter-field-fit .meter-field-head{flex-shrink:0}
.meter-action-dock,.meter-status-dock{
  position:fixed!important;left:0;right:0;bottom:1.1cm;z-index:260;flex:none;
  margin:0!important;
  padding:8px 10px 10px;
  background:#fff;border-top:2px solid #dbe4ee;box-shadow:0 -6px 18px rgba(15,50,79,.14)
}
html:not(.native-app) body.meter-field-page .meter-action-dock,
html:not(.native-app) body.meter-field-page .meter-status-dock{
  bottom:calc(66px + 1.1cm + env(safe-area-inset-bottom, 0px));
  padding-bottom:10px
}
html.native-app body.meter-field-page .meter-action-dock,
html.native-app body.meter-field-page .meter-status-dock{
  bottom:max(1.1cm, calc(10px + env(safe-area-inset-bottom, 0px)));
  padding-bottom:10px
}
.meter-action-dock .meter-main-action{margin:0 0 8px;min-height:42px;font-size:.92rem}
.meter-status-dock-title{margin:0 0 4px;font-size:.68rem;font-weight:700;color:#647382;text-align:center}
.meter-status-dock-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.meter-status-dock-grid .meter-status-ariza{grid-column:auto;min-height:40px;font-size:.82rem}
.meter-status-dock-grid .button{min-height:40px;font-size:.78rem;padding:4px 4px;line-height:1.1}
.meter-status-dock-grid .button.is-selected,
.meter-status-dock-grid .button.is-selected{
  outline:3px solid #0b5d47;outline-offset:1px;box-shadow:0 0 0 2px rgba(11,93,71,.25)
}
.meter-num-first .meter-index-label{margin:0 0 2px;font-size:.68rem}
.meter-num-first .meter-index-input{font-size:1.55rem;padding:4px;min-height:38px;border-width:2px}
.meter-estimate-tight,.meter-estimate{margin:0 0 2px;font-size:.75rem;text-align:center;font-weight:700}
.meter-note-tight{margin:2px 0 0}
.meter-note-tight textarea{min-height:28px;padding:4px 6px;font-size:.85rem}
.meter-abone-strip{padding:5px 8px;margin:0 0 4px}
.meter-abone-ids strong{font-size:1.02rem}
.meter-abone-meter-inline{font-size:.88rem}
.meter-abone-meter-inline b{font-size:.98rem}
.meter-abone-name{font-size:.88rem}
.meter-abone-sub{font-size:.76rem;gap:2px 10px}
.meter-abone-more{display:none}
.meter-seq-nav-tight{gap:3px;margin:0 0 4px}
.meter-seq-nav-tight .button{min-height:30px;padding:0 6px;font-size:.85rem}
.meter-search-block{margin:0 0 2px;font-size:.68rem}
.meter-search-block input{min-height:32px;font-size:.88rem}
.meter-field-fit .meter-field-scroll{padding:0 8px 260px}
.meter-correction-hint{
  margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#fff8e8;border:1px solid #e2c07a;
  font-size:.82rem;color:#16324f
}
body.meter-field-page .mobile-shell{padding-bottom:0;max-width:100%}
body.meter-field-page .has-app-sidebar .content-wrap{padding-bottom:0}
body.meter-field-page.has-dispatch-dock .meter-action-dock,
body.meter-field-page.has-dispatch-dock .meter-status-dock{
  /* fixed dock — bottom değeri native/web kurallarında */
}
body.meter-field-page.has-dispatch-dock .meter-field-fit,
body.meter-field-page .meter-field-fit{
  padding-bottom:0!important
}
body.meter-field-page{overflow:hidden}
@media(max-height:780px){
  .meter-keypad button,.meter-keypad-fit button,.meter-keypad-big button{min-height:40px;font-size:1.1rem}
  .meter-action-dock .meter-main-action{min-height:42px;font-size:.9rem}
  .meter-status-dock-grid .button{min-height:36px;font-size:.78rem}
  .meter-num-first .meter-index-input{font-size:1.45rem;min-height:40px;padding:4px}
  .meter-seq-nav-tight{display:none}
}
/* ===== Sayaç saha okuma v2 — sabit yükseklik, kaydırmasız, hızlı kullanım ===== */
.meter-field-v2{
  display:flex;flex-direction:column;
  height:calc(100dvh - var(--topbar-h, 62px));
  max-height:calc(100dvh - var(--topbar-h, 62px));
  min-height:0;overflow:hidden;box-sizing:border-box;
  padding:0!important;
}
.meter-field-v2 .meter-field-head{flex:0 0 auto;padding:6px 10px}
.meter-more-btn{
  appearance:none;border:2px solid #dbe4ee;background:#fff;color:#16324f;
  border-radius:10px;min-width:38px;min-height:34px;font-size:1.15rem;font-weight:800;
  line-height:1;padding:0 8px;margin-left:auto
}
.meter-field-head .meter-sun-toggle{margin-left:6px}
.meter-field-v2 .meter-field-main{
  flex:1 1 auto;min-height:0;overflow:hidden;
  display:flex;flex-direction:column;gap:4px;
  padding:4px 10px 0;box-sizing:border-box;
}
.meter-field-v2 .meter-abone-strip{flex:0 0 auto;margin:0;padding:6px 10px}
.meter-field-v2 .meter-gps-guide,
.meter-field-v2 .meter-correction-hint,
.meter-field-v2 .meter-warn{flex:0 0 auto;margin:0}
.meter-field-v2 .meter-endeks-zone{
  flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(4px,1vh,10px);
}
.meter-field-v2 .meter-index-label{flex:0 0 auto;margin:0;display:grid;gap:4px}
.meter-field-v2 .meter-index-display{
  min-height:clamp(38px,9vh,56px);font-size:clamp(1.5rem,7vh,2.1rem);border-radius:12px;
}
.meter-field-v2 .meter-keypad-v2{
  flex:1 1 auto;min-height:0;
  display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);
  gap:clamp(4px,1.1vh,8px);margin:0;
}
.meter-field-v2 .meter-keypad-v2 button{
  min-height:0;height:100%;width:100%;font-size:clamp(1rem,4vh,1.4rem);border-radius:12px;
}
.meter-field-v2 .meter-status-line{
  flex:0 0 auto;margin:2px 0 0;font-size:.72rem;text-align:center;color:#647382;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.meter-field-v2 .meter-status-line.meter-print-status{display:block!important;color:#16324f;font-weight:600}
.meter-field-v2 .meter-more-body .meter-photo-thumb{display:block!important}
.meter-field-v2 .meter-more-body .meter-photo-thumb[hidden]{display:none!important}
.meter-field-v2 .meter-more-body #meter-photo-status{display:block!important}
.meter-field-v2 .meter-more-body #meter-photo-status[hidden]{display:none!important}

.meter-field-v2 .meter-action-dock{
  position:static!important;flex:0 0 auto;
  box-shadow:none;border-top:2px solid #dbe4ee;background:#fff;
  padding:8px 10px calc(6px + env(safe-area-inset-bottom,0px));margin:0!important;
  display:flex;flex-direction:column;gap:6px;
}
.meter-field-v2 .meter-action-dock .meter-main-action{margin:0;min-height:44px;font-size:.95rem}
.meter-field-v2 .meter-status-dock-grid{margin:0;gap:6px}
.meter-field-v2 .meter-status-dock-grid .button{min-height:38px;font-size:.78rem;padding:4px}
.meter-field-v2 .meter-dock-more-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.meter-field-v2 .meter-dock-more-row .button{min-height:34px;font-size:.74rem;padding:2px 4px;margin:0}

.meter-more-drawer{position:fixed;inset:0;z-index:400}
.meter-more-drawer[hidden]{display:none}
.meter-more-backdrop{position:absolute;inset:0;background:rgba(15,30,45,.42)}
.meter-more-sheet{
  position:absolute;left:0;right:0;bottom:0;max-height:82vh;
  background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -8px 24px rgba(15,50,79,.22);
  display:flex;flex-direction:column;overflow:hidden;
}
.meter-more-head{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;border-bottom:1px solid #e7edf3;
}
.meter-more-head h2{margin:0;font-size:1rem;color:#16324f}
.meter-more-close{
  appearance:none;border:0;background:#f0f4f8;color:#16324f;border-radius:50%;
  width:32px;height:32px;font-size:1rem;line-height:1;
}
.meter-more-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 14px 24px}
.meter-more-body .meter-search-wrap{margin:0 0 10px}
.meter-more-body .meter-seq-nav-tight{margin:0 0 10px}
.meter-more-body .meter-deferred-panel{margin:0 0 10px}
.meter-more-body .meter-abone-more{display:block;margin:0 0 10px}
.meter-more-body .meter-gps-row{margin:0 0 10px}
.meter-more-body .meter-note-tight textarea{min-height:64px}
body.meter-more-open{overflow:hidden}
@media(max-height:620px){
  .meter-field-v2 .meter-index-display{min-height:32px;font-size:1.3rem}
  .meter-field-v2 .meter-keypad-v2 button{font-size:.95rem}
}

.meter-search-block{display:grid;gap:4px;margin:0 0 6px;font-size:.75rem;font-weight:700;color:#0b5d47}
.meter-search-block input{min-height:44px;font-size:1rem;font-weight:600}
.meter-search-hits{
  display:grid;gap:6px;margin:0 0 8px;max-height:220px;overflow:auto;
  padding:0;text-align:left
}
.meter-search-hit,
.meter-search-hits .meter-search-hit,
.meter-search-hits a.meter-search-hit,
.meter-search-hits button.meter-search-hit{
  display:grid!important;
  grid-template-columns:1fr;
  gap:2px;
  justify-items:start;
  align-content:start;
  text-align:left!important;
  width:100%;
  margin:0;
  padding:8px 10px;
  min-height:0;
  border:1px solid #c5d9d0;
  border-radius:10px;
  background:#fff;
  color:#16324f;
  box-shadow:none;
  font-weight:600;
  line-height:1.25;
  text-decoration:none
}
.meter-search-hit:hover,.meter-search-hit:focus{
  border-color:#0b5d47;background:#f3faf7
}
.meter-search-hit-abone{
  font-size:.92rem;font-weight:800;color:#0b5d47;letter-spacing:.01em
}
.meter-search-hit-name{
  font-size:.82rem;font-weight:700;color:#16324f;text-align:left
}
.meter-search-hit-meta{
  font-size:.72rem;font-weight:600;color:#647382;text-align:left
}
.meter-search-hit-status{
  font-size:.68rem;font-weight:800;color:#b77908;text-align:left
}
.meter-sosyal-badge{background:#0b5d47;color:#fff;font-size:.7rem;font-weight:800}
.meter-app-update-banner{margin:10px 0;padding:12px;border:1px solid #c5d5cc;border-radius:12px;background:#e8f4ef}
.meter-app-update-banner p{margin:0 0 8px;font-weight:700;color:#16324f}
.meter-field-head{flex-wrap:wrap;gap:6px}
.meter-net-badge{font-size:.68rem;font-weight:800;letter-spacing:.02em;max-width:58vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meter-net-badge.is-offline{background:#7a3b00;color:#fff}
.meter-net-badge.is-pending{background:#16324f;color:#fff}
.meter-warn{color:#b91c1c!important;font-weight:700;text-align:center;margin:0 0 6px}
.meter-receipt-pre{white-space:pre-wrap;background:#fff;border-radius:16px;padding:16px;font-family:ui-monospace,Consolas,monospace;font-size:.9rem;border:1px solid #dbe4ee}
.meter-stop-card.tone-review{border-left-color:#0b5d47}
.meter-stop-card.tone-warn{border-left-color:#b45309}
.meter-stop-card.is-unread{
  border-left:4px solid #b45309;background:#fffbf2;box-shadow:0 0 0 1px rgba(180,83,9,.12)
}
.meter-home-unread{display:block;margin-top:4px;font-weight:800;color:#8a5a00}
.meter-unread-banner{
  margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#fff8e8;border:1px solid #e2c07a;
  font-size:.88rem;color:#163d32;font-weight:650
}
.meter-stop-unread-badge{
  position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:999px;
  background:#b45309;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.04em
}
.meter-filter-row{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.meter-filter-row .is-on{background:#0b5d47;color:#fff;border-color:#0b5d47}
.su-m-dock-due{margin:0}
.meter-list-tools{margin:8px 0}
.meter-qr-box{background:#fff;border-radius:16px;padding:16px;text-align:center;margin:0 0 12px;border:1px solid #dbe4ee}
.meter-qr-box canvas,.meter-qr-box img{display:block;margin:0 auto 8px;width:200px;height:200px}
.meter-home-tools{margin-top:16px;display:grid;gap:8px}
.meter-home-clean .meter-home-hero{background:#fff;border:1px solid #dbe4ee;border-radius:16px;padding:14px;margin:0 0 14px;display:grid;gap:10px}
.meter-home-sync{display:grid;gap:6px;margin:4px 0 8px}
.meter-home-sync #meter-queue-status{color:#b45309;font-weight:700}
.meter-home-sync #meter-flush-queue{min-height:48px;font-weight:800}
.meter-home-tonaj{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  padding:0;border:0;background:transparent
}
.meter-home-tonaj-card{
  display:grid;gap:2px;justify-items:start;align-content:start;
  padding:10px 12px;border-radius:12px;background:#f0f7f4;border:1px solid #cfe0d8;
  min-width:0
}
.meter-home-tonaj-label{
  font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#5a7268;
  line-height:1.2;word-break:break-word
}
.meter-home-tonaj-card strong{font-size:1.35rem;font-weight:800;color:#0b5d47;line-height:1.1}
.meter-home-tonaj-unit{font-size:.78rem;font-weight:700;color:#0b5d47}
.meter-home-tonaj-card small{font-size:.72rem;font-weight:650;color:#647382}
.meter-home-msg-badge.is-alert{background:#b91c1c;color:#fff;border-color:#b91c1c}
.meter-home-msg-btn + .meter-home-set-btn{margin-left:6px}

/* Sayaç saha — güneş modu, GPS yol tarifi, yazıcı pili */
.meter-sun-toggle{
  display:inline-grid;place-items:center;min-width:40px;min-height:40px;
  border-radius:10px;border:1px solid #c5d3df;background:#fff;cursor:pointer;touch-action:manipulation
}
.meter-field-head .meter-sun-toggle{
  min-width:30px;min-height:30px;border-radius:8px;margin-left:auto;flex-shrink:0
}
.meter-field-head .meter-sun-toggle span{font-size:.95rem;line-height:1}
.meter-sun-toggle input{position:absolute;opacity:0;width:0;height:0}
.meter-sun-toggle span{font-size:1.2rem;line-height:1}
.meter-sun-toggle:has(input:checked){background:#fef3c7;border-color:#f59e0b}
body.meter-sun-mode.meter-field-page,
body.meter-sun-mode .meter-read-form{
  --meter-sun-bg:#fffef8;
}
body.meter-sun-mode .meter-field-scroll,
body.meter-sun-mode .meter-field-main{background:var(--meter-sun-bg,#fffef8)}
body.meter-sun-mode .meter-abone-strip,
body.meter-sun-mode .meter-gps-guide{
  background:#fff;border-color:#1e293b
}
body.meter-sun-mode .meter-abone-strip strong,
body.meter-sun-mode .meter-index-label,
body.meter-sun-mode #field-new-index{
  color:#0f172a;font-weight:900
}
body.meter-sun-mode .meter-keypad button{
  background:#fff;border-color:#334155;font-size:1.2rem;font-weight:800;color:#0f172a
}
.meter-gps-guide{
  margin:8px 0;padding:10px 12px;border:1px solid #9fcbb8;border-radius:12px;background:#eef7f3
}
.meter-gps-guide-compact{
  margin:2px 0 4px;padding:5px 8px;display:flex;align-items:center;gap:6px;flex-wrap:nowrap
}
.meter-gps-guide-compact .meter-gps-guide-text{
  margin:0;flex:1 1 auto;min-width:0;font-size:.7rem;font-weight:700;color:#0b5d47;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.meter-gps-nav-btn{
  flex:0 0 auto;min-height:30px!important;padding:4px 10px!important;font-size:.72rem!important;
  white-space:nowrap;margin:0!important
}
.meter-abone-meter{font-size:.72rem;font-weight:650;color:#647382}
.meter-abone-meter b{color:#0b5d47;font-weight:800}
.meter-search-hit-name.is-missing{color:#94a3b8;font-style:italic;font-weight:600}
.meter-field-page .meter-search-hits{max-height:min(34vh,180px)}
.meter-field-page .meter-search-wrap{margin:2px 0 4px}
.meter-field-page .meter-search-input{min-height:38px;font-size:.92rem;padding:8px 10px}
.meter-gps-guide-text{margin:0 0 8px;font-size:.82rem;font-weight:700;color:#0b5d47;line-height:1.35}
.meter-gps-guide-actions{display:flex;gap:6px}
.meter-printer-battery{font-weight:800}
.meter-printer-battery.is-warn{color:#b45309}
.meter-printer-battery.is-low{color:#b91c1c}
.meter-field-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.meter-field-head .meter-sun-toggle{margin-left:auto}
.meter-home-messages{margin:0 0 12px}
.meter-search-wrap{
  display:grid;gap:6px;margin:4px 0 8px;position:relative;z-index:5;min-width:0
}
.meter-search-block{
  display:block!important;margin:0!important;padding:0;
  font-size:.75rem;font-weight:700;color:#0b5d47;line-height:1.2
}
.meter-search-input,
.meter-search-wrap .meter-search-input,
.meter-search-block input,
#meter-home-jump,#meter-field-jump{
  display:block;width:100%;box-sizing:border-box;min-height:44px;
  margin:0;padding:10px 12px;font-size:1rem;font-weight:600;
  border:1px solid #c5d3df;border-radius:10px;background:#fff;color:#16324f
}
.meter-search-hits{
  display:grid!important;gap:6px;margin:0;max-height:220px;overflow:auto;
  padding:0;text-align:left;position:relative;z-index:6
}
.meter-search-hit,
.meter-search-hits .meter-search-hit,
.meter-search-hits a.meter-search-hit,
.meter-search-hits button.meter-search-hit{
  display:block!important;
  width:100%;
  margin:0;
  padding:10px 12px;
  min-height:0;
  border:1px solid #c5d9d0;
  border-radius:10px;
  background:#fff;
  color:#16324f;
  box-shadow:none;
  font-weight:600;
  line-height:1.25;
  text-decoration:none;
  text-align:left!important
}
.meter-search-hit-stack{
  display:grid!important;grid-template-columns:1fr;gap:3px;justify-items:start;width:100%
}
.meter-search-hit:hover,.meter-search-hit:focus{
  border-color:#0b5d47;background:#f3faf7
}
.meter-search-hit-abone{
  display:block;font-size:.92rem;font-weight:800;color:#0b5d47;letter-spacing:.01em
}
.meter-search-hit-name{
  display:block;font-size:.82rem;font-weight:700;color:#16324f;text-align:left;word-break:break-word
}
.meter-search-hit-meta{
  display:block;font-size:.72rem;font-weight:600;color:#647382;text-align:left;word-break:break-word
}
.meter-search-hit-status{
  display:block;font-size:.68rem;font-weight:800;color:#b77908;text-align:left
}

.meter-deferred-panel{
  margin:8px 0 4px;
  padding:8px 10px;
  border:1px solid #dbe4ee;
  border-radius:10px;
  background:#fff8e8;
}
.meter-deferred-list{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  display:grid;
  gap:6px;
}
.meter-deferred-hit{
  width:100%;
  text-align:left;
  border:1px solid #c5d9d0;
  border-radius:8px;
  padding:8px 10px;
  background:#fff;
  cursor:pointer;
}

.meter-review-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px
}
.meter-review-stat{
  background:#fff;border:1px solid #dbe4ee;border-radius:12px;padding:10px 8px;text-align:center;
  display:grid;gap:2px
}
.meter-review-stat strong{font-size:1.25rem;font-weight:800;color:#0b5d47;line-height:1.1}
.meter-review-stat span{font-size:.72rem;font-weight:700;color:#647382;text-transform:uppercase;letter-spacing:.03em}
.meter-review-stat.meter-tonaj-stat{background:#f0f7f4;border-color:#b9d8cb}
.meter-review-stat.meter-tonaj-stat strong{font-size:1.4rem}
.meter-tonaj-hint{margin:0 0 12px;line-height:1.45}
.meter-ozet-h2{margin:18px 0 8px;font-size:1.05rem;color:#0b5d47}
.meter-ozet-table-wrap{margin:0 0 20px}
.meter-ozet-table{width:100%;border-collapse:collapse;font-size:.82rem;background:#fff}
.meter-ozet-table th,.meter-ozet-table td{
  border:1px solid #dbe4ee;padding:7px 8px;text-align:right;white-space:nowrap
}
.meter-ozet-table th:first-child,.meter-ozet-table td:first-child{text-align:left}
.meter-ozet-table thead th{background:#f0f7f4;color:#0b5d47;font-weight:800}
.meter-ozet-table tfoot th{background:#e8f4ef;font-weight:800}
.meter-ozet-coord{font-family:ui-monospace,Consolas,monospace;font-size:.75rem}
.meter-ozet-kpis{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.meter-ozet-unread{margin:0 0 28px}
.meter-ozet-belediye{margin-top:8px;padding-top:8px;border-top:1px solid #d7e6df}
.meter-ozet-belediye .meter-ozet-kpis{margin:8px 0 12px}
.meter-ozet-tariffs{border:0;margin:10px 0 0;padding:0;min-width:0}
.meter-ozet-tariffs legend{font-size:.82rem;font-weight:700;color:#0b5d47;margin:0 0 6px}
.meter-ozet-tariff-grid{display:flex;flex-wrap:wrap;gap:6px}
.meter-ozet-tariff-chip{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;
  border:1px solid #c5d3df;border-radius:999px;background:#fff;font-size:.82rem;cursor:pointer
}
.meter-ozet-tariff-chip.has-data{border-color:#7eb89a;background:#f3faf6}
.meter-ozet-tariff-chip.is-belediye{border-color:#c9b27a;background:#fffbf0}
.meter-ozet-tariff-chip input{margin:0}
.meter-reset-admin{border:1px solid #f0b4b4;background:#fff7f7}
.meter-reset-admin summary{cursor:pointer;font-size:.95rem;color:#8a1f1f}
.meter-reset-form{margin-top:10px;display:grid;gap:10px;max-width:420px}
.meter-bulk-delete-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 14px;padding:10px 12px;border:1px solid #f0b4b4;border-radius:10px;background:#fff7f7}
.meter-delete-pick{display:flex;align-items:flex-start;padding:4px 8px 0 0;flex:0 0 auto}
.meter-delete-pick input{width:18px;height:18px;accent-color:#b42318}
.meter-readings-office .meter-review-top{display:flex;gap:8px;align-items:flex-start}
.meter-readings-office .meter-review-meta{flex:1;min-width:0}
.meter-delete-one-form{display:inline;margin:0}
.meter-fis-admin .fis-admin-layout{
  display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.9fr);gap:18px;align-items:start
}
@media(max-width:960px){
  .meter-fis-admin .fis-admin-layout{grid-template-columns:1fr}
}
.meter-fis-admin .fis-admin-controls h2{margin:0 0 10px;font-size:1.05rem}
.meter-fis-admin .fis-labels-title{margin-top:18px}
.meter-fis-admin .fis-check{display:flex;align-items:center;gap:8px;margin-top:18px}
.meter-fis-admin .fis-label-grid{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:4px}
.meter-fis-admin .fis-label-row{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(140px,1.2fr);gap:8px;align-items:center;font-size:.82rem}
.meter-fis-admin .fis-label-row span{color:#5a6a78;word-break:break-word}
.meter-fis-admin .fis-admin-preview-wrap{position:sticky;top:84px}
.meter-fis-admin .fis-paper{
  background:linear-gradient(180deg,#f7f4ea,#efe9d8);border:1px solid #d7cdb2;border-radius:8px;
  box-shadow:0 10px 28px rgba(40,32,12,.12);padding:14px 12px;max-width:360px;margin:0 auto
}
.meter-fis-admin .fis-paper-inner{
  font-family:"Courier New",Courier,monospace;font-size:12px;line-height:1.35;color:#1a1a1a;
  white-space:pre-wrap;min-height:420px
}
.meter-fis-admin .fis-line{display:flex;justify-content:space-between;gap:8px}
.meter-fis-admin .fis-line.fis-center{display:block;text-align:center}
.meter-fis-admin .fis-line.fis-money{align-items:baseline}
.meter-fis-admin .fis-lab{flex:1;min-width:0}
.meter-fis-admin .fis-amt{flex:0 0 auto}
.meter-fis-admin .fis-bold{font-weight:800}
.meter-fis-admin .fis-title{font-size:1.15em;letter-spacing:.02em}
.meter-fis-admin .fis-sz-normal{font-size:1em}
.meter-fis-admin .fis-sz-tall{font-size:1.15em;transform:scaleY(1.25);transform-origin:right center}
.meter-fis-admin .fis-sz-wide{font-size:1.05em;letter-spacing:.04em;transform:scaleX(1.15);transform-origin:right center}
.meter-fis-admin .fis-sep{text-align:center;margin:4px 0;letter-spacing:-.5px;opacity:.85}
.meter-fis-admin .fis-preview-hint{text-align:center;margin-top:8px}
.meter-apk-ui-admin .apk-ui-admin-layout{
  display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(280px,.85fr);gap:18px;align-items:start
}
@media(max-width:960px){
  .meter-apk-ui-admin .apk-ui-admin-layout{grid-template-columns:1fr}
}
.meter-apk-ui-admin .apk-ui-check{display:flex;align-items:center;gap:8px;margin-top:14px}
.meter-apk-ui-admin .apk-ui-items-title{margin-top:18px}
.meter-apk-ui-admin .apk-ui-item-list{display:grid;gap:10px;max-height:520px;overflow:auto;padding-right:4px}
.meter-apk-ui-admin .apk-ui-item-row{border:1px solid #dce4e8;border-radius:10px;padding:10px;background:#fbfcfd}
.meter-apk-ui-admin .apk-ui-item-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.meter-apk-ui-admin .apk-ui-order-btns{display:flex;gap:4px;align-items:center}
.meter-apk-ui-admin .apk-ui-item-fields{display:grid;grid-template-columns:1fr 120px;gap:8px;margin-top:8px}
.meter-apk-ui-admin .apk-ui-preview-wrap{position:sticky;top:84px}
.meter-apk-ui-admin .apk-ui-phone{
  width:min(340px,100%);margin:0 auto;padding:14px 12px 18px;border-radius:28px;
  background:#1c2430;box-shadow:0 16px 40px rgba(15,30,45,.28)
}
.meter-apk-ui-admin .apk-ui-phone-notch{
  width:96px;height:8px;border-radius:8px;background:#0f1520;margin:0 auto 10px
}
.meter-apk-ui-admin .apk-ui-phone-screen{
  background:#eef3f1;border-radius:18px;min-height:620px;padding:0;overflow:hidden
}
.meter-apk-ui-admin .apk-ui-pos-note{margin:4px 0 0;grid-column:1/-1}
.meter-apk-ui-admin .apk-prev-root{display:flex;flex-direction:column;gap:6px;font-family:"Segoe UI",Arial,sans-serif;color:#17212b;padding:6px 6px 8px;min-height:620px}
.meter-apk-ui-admin .apk-prev-root.is-compact{gap:3px}
.meter-apk-ui-admin .apk-prev-root.is-sun{background:#fffef2}
.meter-apk-ui-admin .apk-prev-head{
  display:flex;justify-content:space-between;align-items:center;gap:6px;
  font-size:.72rem;font-weight:800;padding:6px 8px;background:#0b5d47;color:#fff;border-radius:10px
}
.meter-apk-ui-admin .apk-prev-sun{opacity:.9}
.meter-apk-ui-admin .apk-prev-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}
.meter-apk-ui-admin .apk-prev-nav span{text-align:center;background:#e8eef3;border-radius:8px;padding:4px 0;font-weight:700;color:#16324f}
.meter-apk-ui-admin .apk-prev-abone{background:#fff;border:1px solid #dce4e8;border-radius:12px;padding:8px 10px}
.meter-apk-ui-admin .apk-prev-abone b{font-size:1.05rem;letter-spacing:.02em}
.meter-apk-ui-admin .apk-prev-abone div{font-weight:700;font-size:.88rem;margin-top:2px}
.meter-apk-ui-admin .apk-prev-abone small{display:block;color:#667785;font-size:.72rem;margin-top:2px}
.meter-apk-ui-admin .apk-prev-more-sum{
  margin-top:6px;font-size:.72rem;font-weight:700;color:#0b5d47;
  background:#f3f8f6;border-radius:8px;padding:6px 8px
}
.meter-apk-ui-admin .apk-prev-more-line{font-size:.72rem;color:#5a6a78;padding:4px 8px 0}
.meter-apk-ui-admin .apk-prev-search{
  background:#fff;border:1px solid #c5d3df;border-radius:8px;padding:7px 10px;
  color:#0b5d47;font-size:.78rem;font-weight:700
}
.meter-apk-ui-admin .apk-prev-index{font-size:.68rem;font-weight:800;color:#647382;letter-spacing:.04em}
.meter-apk-ui-admin .apk-prev-index-val{
  background:#fff;border:2px solid #16324f;border-radius:10px;text-align:center;
  font-size:1.55rem;font-weight:800;padding:6px;letter-spacing:.04em
}
.meter-apk-ui-admin .apk-prev-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.meter-apk-ui-admin .apk-prev-keypad span{background:#16324f;color:#fff;text-align:center;border-radius:8px;font-weight:800;padding:8px 0}
.meter-apk-ui-admin .apk-prev-kz-sm span{padding:5px 0;font-size:.85rem}
.meter-apk-ui-admin .apk-prev-kz-lg span{padding:12px 0;font-size:1.1rem}
.meter-apk-ui-admin .apk-prev-est{text-align:center;font-size:.75rem;font-weight:700;color:#0f2a22}
.meter-apk-ui-admin .apk-prev-note{background:#f7faf8;border:1px dashed #c5d3df;border-radius:8px;padding:6px 8px;color:#647382;font-size:.72rem;margin-top:4px}
.meter-apk-ui-admin .apk-prev-dock{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:8px}
.meter-apk-ui-admin .apk-prev-btn{border:0;border-radius:10px;padding:8px 6px;font-weight:700;cursor:default}
.meter-apk-ui-admin .apk-prev-sz-sm{min-height:28px;font-size:.72rem}
.meter-apk-ui-admin .apk-prev-sz-md{min-height:34px;font-size:.82rem}
.meter-apk-ui-admin .apk-prev-sz-lg{min-height:44px;font-size:.95rem}
.meter-apk-ui-admin .apk-prev-primary{background:#0b5d47;color:#fff;width:100%}
.meter-apk-ui-admin .apk-prev-sec{background:#e8eef3;color:#16324f}
.meter-apk-ui-admin .apk-prev-evde{background:#f3f7fa;color:#16324f}
.meter-apk-ui-admin .apk-prev-kapali{background:#fff4e5;color:#8a5a00}
.meter-apk-ui-admin .apk-prev-ariza{background:#fdecec;color:#8a1f1f}
.meter-apk-ui-admin .apk-prev-status{display:grid;gap:4px}
.meter-apk-ui-admin .apk-prev-status-row3 .apk-prev-status{grid-template-columns:1fr 1fr 1fr}
.meter-apk-ui-admin .apk-prev-status-row2 .apk-prev-status{grid-template-columns:1fr 1fr}
.meter-apk-ui-admin .apk-prev-status-stack .apk-prev-status{grid-template-columns:1fr}
.meter-apk-ui-admin .apk-prev-extra{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.meter-apk-ui-admin .apk-ui-preview-hint{text-align:center;margin-top:8px}
@media(max-width:720px){
  .meter-ozet-table{font-size:.72rem}
  .meter-ozet-table th,.meter-ozet-table td{padding:5px 4px}
}
.meter-home-clean .meter-home-status{margin:0;font-weight:700;color:#0f2a22;font-size:.95rem}
.meter-home-clean .meter-home-go{min-height:54px;font-size:1.05rem;font-weight:800;letter-spacing:.02em}
.meter-home-clean .meter-home-routes{display:grid;gap:10px;margin:0 0 12px}
.meter-home-clean .meter-home-next{margin:0 0 12px}
.meter-home-clean .meter-home-foot{margin:8px 0 0;line-height:1.5;text-align:center}
/* Sayaç APK: mesaj yalnız üst çubukta (bildirimler yanındaki 💬) */
body[data-mobile-app="sayac"] .saha-top-nav a[href*="/mesajlar"],
body[data-mobile-app="sayac"] .desktop-nav a[href*="/mesajlar"]{display:none!important}
.meter-vpn-qr-wrap{text-align:center;margin:8px 0 12px}
.meter-vpn-qr-img{width:min(280px,90vw);height:auto;background:#fff;padding:8px;border:1px solid #dbe4ee;border-radius:12px}
.meter-vpn-advanced{margin:8px 0}
.meter-vpn-advanced summary{cursor:pointer;font-weight:700}
.meter-ops-stack{display:grid;gap:10px}
.meter-ops-download{background:#1a1a1a;color:#fff;border-color:#1a1a1a;font-weight:800;letter-spacing:.02em;min-height:52px}
.meter-ops-upload{background:#0b5d47;color:#fff;border-color:#0b5d47;font-weight:800;letter-spacing:.02em;min-height:52px}
.meter-ops-close{background:#b91c1c;color:#fff;border-color:#b91c1c;font-weight:800;letter-spacing:.02em;min-height:52px}
#meter-device-summary{font-weight:700;color:#16324f;margin:0}
.meter-phone-regions{display:grid;gap:8px;margin:8px 0 4px}
.meter-phone-region-list{display:grid;gap:8px}
.meter-phone-region-card{
  display:grid;gap:4px;text-align:left;width:100%;
  padding:12px 14px;border-radius:14px;border:1px solid #c5d5e6;
  background:#f7fafc;color:#0f2a22
}
.meter-phone-region-card strong{font-size:1.02rem}
.meter-phone-region-card span{font-size:.92rem;font-weight:700;color:#16324f}
.meter-phone-region-card small{color:#5b6b7c}
.meter-phone-region-card.is-active{
  border-color:#0b5d47;background:#e8f6f1;box-shadow:inset 0 0 0 1px #0b5d47
}
.meter-phone-region-card.is-passive{
  border-color:#c5d5e6;background:#f7fafc
}
.meter-phone-region-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px
}
.meter-region-badge{
  font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:.04em
}
.meter-region-badge.is-active{background:#0b5d47;color:#fff}
.meter-region-badge.is-passive{background:#e2e8f0;color:#475569}
.meter-phone-region-actions{display:flex;gap:8px;margin-top:4px}
.meter-phone-region-actions .button{
  flex:1;min-height:40px;font-size:.82rem;font-weight:800;padding:8px 10px
}
.field-home-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:flex-end}
.meter-settings{display:grid;gap:14px;padding-bottom:28px}
.meter-set-card{
  background:#fff;border:1px solid #dbe4ee;border-radius:16px;padding:14px 14px 16px;
  display:grid;gap:10px
}
.meter-set-card h2{margin:0;font-size:1.05rem;color:#16324f}
.meter-set-actions{display:grid;gap:8px}
.meter-set-status{margin:0;font-size:.92rem;color:#16324f;font-weight:650}
.meter-set-steps{margin:0;padding-left:1.2rem;display:grid;gap:4px}
.meter-set-info{margin:0;padding-left:1.1rem;display:grid;gap:6px}
.meter-printer-list{display:grid;gap:8px;margin-top:4px}
.meter-printer-list .is-saved{border-color:#0b5d47;background:#eef8f4;font-weight:700}
.meter-field-progress-big{font-size:1.35rem;font-weight:800;margin:8px 0 4px;color:#16324f}
.meter-seq-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 12px}
.meter-seq-nav .button{min-height:48px;font-size:1.4rem;font-weight:800}
.meter-stop-card{position:relative}
.meter-stop-check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background:#0b5d47;color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:800;pointer-events:none}
.meter-capture-actions{display:grid;gap:8px;margin:12px 0}
.meter-read-form .quick-photo-img{width:100%;max-height:280px;object-fit:cover;border-radius:14px;margin:8px 0;border:2px solid #0b5d47}
.meter-keypad button:active{background:#0b5d47}
.meter-index-input:focus{outline:3px solid #0b5d47;outline-offset:2px}

/* Sol men? ? personel kabu?u */
:root{--app-sidebar-w:268px}
.app-sidebar{
  position:fixed;top:0;left:0;bottom:0;width:var(--app-sidebar-w);
  background:#0a332b;color:#e7f2ee;z-index:1200;
  display:flex;flex-direction:column;
  box-shadow:10px 0 32px rgba(8,30,24,.22)
}
.app-side-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:calc(14px + env(safe-area-inset-top, 0px)) 12px 10px;border-bottom:1px solid rgba(255,255,255,.08)
}
.app-side-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#fff}
.app-side-brand img{width:40px;height:40px;border-radius:50%;background:#fff;object-fit:contain;padding:2px}
.app-side-brand span{display:grid;min-width:0}
.app-side-brand strong{font-size:13px;line-height:1.2}
.app-side-brand small{font-size:10px;color:#9ec9bb;letter-spacing:.04em}
.app-side-close{
  width:36px;height:36px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:22px;line-height:1
}
.app-side-nav{flex:1;overflow:auto;padding:8px 10px 18px}
.app-side-link{
  display:block;padding:10px 12px;border-radius:10px;
  font-size:13px;font-weight:750;color:#d5e8e1
}
.app-side-link:hover{background:rgba(255,255,255,.08);color:#fff}
.app-side-link.is-active{background:#147a5c;color:#fff}
.app-side-group{margin:4px 0}
.app-side-group summary{
  cursor:pointer;padding:10px 12px;font-weight:900;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;color:#9ec9bb;list-style:none
}
.app-side-group summary::-webkit-details-marker{display:none}
.app-side-group summary:after{content:"?";float:right;opacity:.7}
.app-side-group:not([open]) summary:after{content:"?"}
.app-side-sub{display:grid;gap:1px;padding:2px 0 8px 6px}
.app-side-sub .app-side-link{font-size:12.5px;font-weight:650;padding:8px 10px}
.app-side-section-label{
  margin:14px 4px 6px;padding:6px 10px;font-size:10px;font-weight:900;
  letter-spacing:.12em;text-transform:uppercase;color:#9ec9bb;
  background:rgba(255,255,255,.06);border-radius:8px
}
.app-side-section-sublabel{
  margin:10px 4px 4px;padding:0 10px;font-size:10px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;color:#7aa898
}
.app-side-flat{display:grid;gap:1px;margin:0 0 4px}
.app-side-home{font-size:14px;font-weight:900;color:#fff!important;margin-bottom:4px}
.app-side-soft{opacity:.88;font-weight:650!important}
.app-side-count{
  float:none;margin-left:6px;padding:1px 7px;border-radius:999px;
  background:rgba(255,255,255,.12);font-size:10px;font-weight:800;color:#cfe4dc
}
.app-side-team > summary{text-transform:none;letter-spacing:.02em;font-size:12px;color:#e7f2ee}
.app-side-empty{margin:4px 10px 8px;font-size:11px;color:#8fb5a8}
.admin-org-services li{display:grid;gap:4px}
.admin-org-unit-links{display:flex;flex-wrap:wrap;gap:6px}
.admin-org-unit-links a{
  font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px;
  background:#eef6f2;color:#0b5d47;text-decoration:none
}
.app-side-foot{
  padding:12px;
  padding-bottom:calc(14px + env(safe-area-inset-bottom, 0px));
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  flex-shrink:0;position:relative;z-index:2;background:#0a332b
}
.app-side-foot span,.app-side-foot a{font-size:12px;font-weight:700;color:#cfe4dc}
.app-side-foot .button{min-height:44px;padding:0 14px;font-weight:800}
.app-sidebar-backdrop{
  position:fixed;inset:0;background:rgba(8,20,16,.48);z-index:1190
}
.app-sidebar-toggle{
  display:grid;place-items:center;width:42px;height:42px;flex:none;
  border:0;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:20px
}
.mobile-nav-more{
  border:0;background:#fff;color:#53636e;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:9px;font-weight:800;padding:2px
}
.mobile-nav-more span{font-size:21px;line-height:1;margin-bottom:3px}
.mobile-nav-more.is-active,.mobile-nav-more[aria-expanded="true"]{color:var(--green)}
button.app-side-link{
  width:100%;text-align:left;border:0;background:transparent;color:#d5e8e1;cursor:pointer
}
.infra-hub-tabs{
  display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px
}
.infra-hub-tabs a.button{
  min-height:32px;padding:0 10px;font-size:12px;border-radius:8px
}
.infra-hub-tabs a.button.is-active{
  background:var(--green);border-color:var(--green);color:#fff
}

body.has-app-sidebar header.topbar{
  display:flex!important;
  align-items:center;
  /* Sabit 62px + padding:0 notch/status çubuğunda içeriği kesiyordu */
  height:auto!important;
  min-height:calc(62px + env(safe-area-inset-top, 0px))!important;
  padding:env(safe-area-inset-top, 0px) max(14px, env(safe-area-inset-right, 0px)) 0 max(14px, env(safe-area-inset-left, 0px))!important;
  row-gap:0;
  z-index:60
}
/* Native WebView: safe-area çoğu zaman 0 gelir — en az ~28px üst boşluk */
html.native-app body.has-app-sidebar header.topbar{
  --_sat: max(28px, var(--safe-area-inset-top, 0px), env(safe-area-inset-top, 0px));
  min-height:calc(56px + var(--_sat))!important;
  padding:var(--_sat) max(14px, env(safe-area-inset-right, 0px)) 0 max(14px, env(safe-area-inset-left, 0px))!important;
}
html.native-app body.meter-field-page .meter-field-fit{
  height:calc(100dvh - var(--topbar-h, 90px));
  max-height:calc(100dvh - var(--topbar-h, 90px));
}
html.native-app body.meter-field-page .meter-field-head,
html.native-app .mobile-simple-header.meter-field-head{
  margin-top:0;
  padding-top:2px;
}
html.native-app .mobile-shell.field-home,
html.native-app .mobile-shell.meter-reader-home,
html.native-app .mobile-shell.meter-read-form:not(.meter-field-fit){
  padding-top:max(8px, var(--safe-area-inset-top, env(safe-area-inset-top, 0px)));
}
body.has-app-sidebar header.topbar > .saha-top-nav,
body.has-app-sidebar header.topbar > .desktop-nav,
body.has-app-sidebar header.topbar > .manager-desktop-nav,
body.has-app-sidebar header.topbar > .admin-desktop-nav,
body.has-app-sidebar header.topbar > .executive-desktop-nav{
  display:none!important
}
body.has-app-sidebar .field-home-logout{display:none}
body.has-app-sidebar .user-menu,
body.has-app-sidebar .user-menu-saha{
  position:relative;z-index:2;flex-shrink:0;min-width:0
}
body.has-app-sidebar .topbar-logout,
body.has-app-sidebar .topbar-logout-btn{
  position:relative;z-index:3;flex-shrink:0;pointer-events:auto
}

@media(min-width:901px){
  .app-sidebar-toggle,.app-side-close,.app-sidebar-backdrop{display:none!important}
  body.has-app-sidebar .topbar,
  body.has-app-sidebar .license-banner,
  body.has-app-sidebar .critical-alarm{
    margin-left:var(--app-sidebar-w);
    width:calc(100% - var(--app-sidebar-w))
  }
  body.has-app-sidebar .page{
    margin-left:var(--app-sidebar-w);
    max-width:none;width:auto
  }
  body.has-app-sidebar .flash-stack{left:calc(var(--app-sidebar-w) + 16px)}
  body.has-app-sidebar .mobile-nav{display:none!important}
  body.has-app-sidebar{padding-bottom:0}
}
.edge-menu-tab{display:none}
.leaflet-container{z-index:0}
/* Harita taban katman? ? k???k a??l?r men? (Sokak / Uydu / Uydu net) */
.leaflet-control-layers.dikmen-basemap-ctrl,
.leaflet-control-layers{
  border:0;
  border-radius:10px;
  box-shadow:0 2px 10px rgba(15,35,28,.18);
  overflow:hidden;
  background:#fff;
}
.leaflet-control-layers-toggle,
.leaflet-touch .leaflet-control-layers-toggle{
  width:34px!important;
  height:34px!important;
  background-size:20px 20px!important;
  background-position:center!important;
}
.leaflet-control-layers-expanded.dikmen-basemap-ctrl,
.leaflet-control-layers-expanded{
  padding:6px 8px 7px;
  min-width:0;
  max-width:168px;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list{
  display:grid;
  gap:2px;
}
.leaflet-control-layers label{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:4px 2px;
  font-size:12px;
  font-weight:650;
  line-height:1.2;
  color:#16324f;
  cursor:pointer;
  border-radius:6px;
}
.leaflet-control-layers label:hover{background:#f0f6f3}
.leaflet-control-layers-selector{
  margin:0;
  width:14px;
  height:14px;
  flex:0 0 auto;
}
.leaflet-control-layers-separator{margin:4px 0;border-top-color:#e2ebe7}
.gps-walk-map-wrap,.infra-overview-map,.infra-draw-map,.infra-map-wrap,.live-map-canvas{
  isolation:isolate;z-index:0;position:relative
}
html.app-sidebar-open .leaflet-container,
html.app-sidebar-open .leaflet-pane,
html.app-sidebar-open .leaflet-control-container,
html.app-sidebar-open .leaflet-top,
html.app-sidebar-open .leaflet-bottom{
  z-index:0!important
}
html.app-sidebar-open .gps-walk-map-wrap,
html.app-sidebar-open .infra-overview-map,
html.app-sidebar-open .infra-draw-map,
html.app-sidebar-open .infra-map-wrap{
  z-index:0!important
}
@media(max-width:900px){
  .app-sidebar{transform:translateX(-105%);transition:transform .16s ease-out}
  .app-sidebar.is-open{transform:translateX(0)}
  .app-sidebar-backdrop[hidden]{display:none}
  html.app-sidebar-open{overflow:hidden}
  body.has-app-sidebar .app-sidebar-toggle,
  body.has-app-sidebar .desktop-admin-yonetim,
  body.has-app-sidebar .mobile-nav,
  html.app-sidebar-open .mobile-nav,
  .native-app body.has-app-sidebar .mobile-nav{display:none!important}
  body.has-app-sidebar{padding-bottom:0!important}
  /* Telefon: admin / amir / yetkili ofis ? ATA ? PLAN ? HIZLI dock (sonra gelsin) */
  body.has-app-sidebar.has-dispatch-dock .mobile-nav{
    display:grid!important
  }
  body.has-app-sidebar.has-dispatch-dock{
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important
  }
  body.has-app-sidebar.has-dispatch-dock .page{
    padding-bottom:calc(96px + env(safe-area-inset-bottom))!important
  }
  body.has-app-sidebar.has-dispatch-dock .form-actions.sticky-save,
  body.has-app-sidebar.has-dispatch-dock .vitals-sticky-actions{
    bottom:calc(78px + env(safe-area-inset-bottom))
  }
  body.has-app-sidebar .page{
    padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;
    padding-left:calc(44px + env(safe-area-inset-left, 0px))!important
  }
  body.has-app-sidebar .form-actions.sticky-save,
  body.has-app-sidebar .vitals-sticky-actions{
    bottom:calc(12px + env(safe-area-inset-bottom))
  }
  body.has-app-sidebar header.topbar > .saha-top-nav,
  body.has-app-sidebar header.topbar > .desktop-nav,
  body.has-app-sidebar header.topbar > .manager-desktop-nav,
  body.has-app-sidebar header.topbar > .admin-desktop-nav,
  body.has-app-sidebar header.topbar > .executive-desktop-nav{display:none!important}
  .home-menu-dup,
  .admin-home .manager-menu-section,
  .admin-home .admin-org-tree,
  .field-chip-shortcut,
  .office-home-lead{display:block!important}
  body.has-app-sidebar .edge-menu-tab{
    display:none!important
  }
  body.has-app-sidebar .a11y-edge-tab{display:none!important}
  body.has-app-sidebar .edge-menu-tab.is-active,
  body.has-app-sidebar .edge-menu-tab[aria-expanded="true"]{background:#147a5c}
  html.app-sidebar-open .edge-menu-tab,
  html.app-sidebar-open .a11y-edge-tab{display:none!important}
}
@media print{
  .app-sidebar,.app-sidebar-toggle,.app-sidebar-backdrop,.infra-hub-tabs{display:none!important}
  body.has-app-sidebar .page,body.has-app-sidebar .topbar{margin-left:0!important;width:auto!important}
}
html.night-mode .app-sidebar{background:#071c18;color:#e8f0ec}
html.night-mode .app-side-link.is-active{background:#0f7a5c}
html.night-mode .infra-hub-tabs a.button{background:var(--white);border-color:var(--line);color:var(--ink)}
html.night-mode .infra-hub-tabs a.button.is-active{background:var(--green);color:#fff}
.work-hours-highlight{background:#e8f4ef;border-radius:10px}
.work-hours-highlight dd{display:grid;gap:4px}
.work-hours-highlight strong{font-size:1.25rem;color:#0b5d47}
.work-hours-highlight small{color:#4a635a;font-weight:700}
.infra-dir-wrap{background:transparent!important;border:0!important}
.infra-dir-arrow{display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:16px solid var(--arrow,#38bdf8);transform:rotate(var(--dir,0deg));filter:drop-shadow(0 1px 2px rgba(0,0,0,.65));transform-origin:center 70%}
.infra-dir-arrow.is-sm{border-left-width:5px;border-right-width:5px;border-bottom-width:12px}
.infra-dir-arrow.is-on{border-bottom-color:#f59e0b;filter:drop-shadow(0 0 0 2px #b45309) drop-shadow(0 1px 2px rgba(0,0,0,.65))}
.gps-walk-dot{width:16px;height:16px;border-radius:50%;background:#2563eb;border:3px solid #fff;box-shadow:0 0 0 6px rgba(37,99,235,.28);display:block}
#saha-offline-banner{display:none;position:sticky;top:0;z-index:90;background:#7a3b00;color:#fff;text-align:center;padding:8px 12px;font-weight:800;font-size:13px}
body.is-offline #saha-offline-banner,body:not(.is-offline) #saha-offline-banner:not([hidden]){display:block}
#saha-offline-banner[hidden]{display:none!important}
#saha-sync-card [data-offline-tasks] li,#offline-cached-box [data-offline-tasks] li{display:grid;gap:2px}
#saha-sync-card [data-offline-tasks] small,#offline-cached-box [data-offline-tasks] small{color:var(--muted);font-weight:600}

/* Saha formlar?: kay?t butonu alanlar?n ?st?n? kapatmas?n */
@media (max-width: 760px) {
  .form-actions.sticky-save,
  .vitals-sticky-actions,
  .citizen-sticky-actions {
    position: static !important;
    bottom: auto !important;
    box-shadow: none !important;
    background: transparent !important;
    border: 0 !important;
    margin-top: 12px !important;
    padding: 0 !important;
  }
  .vitals-mobile,
  .quick-report,
  .member-service,
  .meter-read-form {
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
  }
}

/* Men? t?klan?nca se?ili / sar? ?er?eve yap??mas?n */
.app-sidebar a,
.app-sidebar summary,
.manager-drill-menu summary,
.manager-drill-menu a,
.nav-group summary,
.desktop-nav a,
.saha-top-nav a,
.manager-desktop-nav a,
.admin-desktop-nav a,
.executive-desktop-nav a,
.field-action-tile,
.service-action-grid .button,
.home-layout a,
.team-hub-tab{
  -webkit-tap-highlight-color:transparent;
}
.app-sidebar a:focus:not(:focus-visible),
.app-sidebar summary:focus:not(:focus-visible),
.manager-drill-menu summary:focus:not(:focus-visible),
.manager-drill-menu a:focus:not(:focus-visible),
.nav-group summary:focus:not(:focus-visible),
.desktop-nav a:focus:not(:focus-visible),
.saha-top-nav a:focus:not(:focus-visible),
.field-action-tile:focus:not(:focus-visible),
.service-action-grid .button:focus:not(:focus-visible),
.team-hub-tab:focus:not(:focus-visible),
.button:focus:not(:focus-visible),
a:focus:not(:focus-visible){
  outline:none;
  box-shadow:none;
}
@media (hover:none){
  .app-side-link:hover:not(.is-active){
    background:transparent;
    color:#d5e8e1;
  }
  .desktop-nav a:hover:not(.is-active),
  .saha-top-nav a:hover:not(.is-active),
  .nav-group-menu a:hover,
  .team-hub-tab:hover:not(.is-active){
    background:transparent;
    color:inherit;
  }
}

/* Profil ? tema ? eri?ilebilirlik */
.skip-link{
  position:absolute;left:12px;top:-56px;z-index:400;
  background:var(--green);color:#fff;padding:10px 16px;border-radius:10px;font-weight:800
}
.skip-link:focus{top:12px;outline:3px solid #fff;outline-offset:2px}
html.theme-navy{
  --green:#1e3a5f;--green-2:#2c5282;--green-soft:#e8eef6;--bg:#eef2f6;--navy:#1e3a5f
}
html.theme-sand{
  --green:#7c5c2a;--green-2:#9a7438;--green-soft:#f6efe4;--bg:#f7f3eb
}
html.theme-navy .brand-mark,html.theme-sand .brand-mark,
html.theme-navy .button.primary,html.theme-sand .button.primary{
  background:linear-gradient(145deg,var(--green-2),var(--green))
}
html.reduced-motion,html.reduced-motion *{
  animation:none!important;transition:none!important;scroll-behavior:auto!important
}
.a11y-theme-row{display:flex;flex-wrap:wrap;gap:8px}
.voice-cmd-fab{
  position:fixed;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:46;
  width:52px;height:52px;border-radius:50%;border:0;background:var(--green);color:#fff;
  font-size:22px;box-shadow:0 10px 24px rgba(11,93,71,.28)
}
.voice-cmd-fab.is-listening{background:var(--red);animation:alarm-pulse 1.2s infinite}
.voice-cmd-fab[hidden]{display:none!important}

/* ===== Digomo — v2 tasarım (2026-09-13): daha "teknolojik" mor→camgöbeği
   kimlik, canlı durum göstergesi (dinliyor/düşünüyor/konuşuyor), yazıyor
   animasyonu, modern anahtar/düğmeler. Aynı data-attribute'lar korunuyor,
   app.js'te selector değişikliği gerekmiyor (yalnız durum sınıfları ekliyor). */
.voice-cmd-fab-ai{
  /* position YOK burada — .voice-cmd-fab zaten position:fixed veriyor, ve
     "fixed" da absolute çocuklar (::before/::after) için geçerli bir
     konumlama bağlamı; buraya "relative" eklemek AYNI eleman üzerinde
     .voice-cmd-fab'ın fixed'ini tek-sınıf eşitliğinde ez, dosya sırası
     yüzünden kazanıp düğmeyi normal akışa düşürüyordu — Digomo tamamen
     görünmez oluyordu (2026-09-13, gerçek regresyon, canlı DOM'da bulundu). */
  --ai-1:#6d28d9;--ai-2:#4c1d95;--ai-glow:#22d3ee;
  background:
    radial-gradient(120% 140% at 20% 15%,#a855f7 0%,transparent 45%),
    linear-gradient(145deg,var(--ai-1),var(--ai-2) 70%);
  box-shadow:0 10px 28px rgba(76,29,149,.45),0 0 0 1px rgba(255,255,255,.08) inset;
}
.voice-cmd-fab-ai::before{
  content:"";position:absolute;inset:-3px;border-radius:50%;
  background:conic-gradient(from 0deg,var(--ai-glow),#a855f7,var(--ai-1),var(--ai-glow));
  opacity:.55;z-index:-1;filter:blur(3px);animation:ai-spin 5s linear infinite;
}
.voice-cmd-fab-ai::after{
  content:"AI";position:absolute;top:-3px;right:-3px;background:#fff;color:#5b21b6;
  font-size:9px;font-weight:900;line-height:1;border-radius:999px;padding:3px 5px;letter-spacing:.02em;
  box-shadow:0 2px 6px rgba(0,0,0,.25)
}
.voice-cmd-fab-ai.is-listening{background:linear-gradient(145deg,#dc2626,#991b1b)}
@keyframes ai-spin{to{transform:rotate(360deg)}}
@keyframes ai-pulse-ring{
  0%,100%{box-shadow:0 10px 24px rgba(192,57,43,.35)}
  50%{box-shadow:0 10px 24px rgba(192,57,43,.35),0 0 0 8px rgba(192,57,43,.18)}
}

.voice-ai-panel{
  /* z-index 99999: bu sayfada 12000'e kadar çıkan başka kalıcı/açılır
     katmanlar var (komut merkezi, modallar, admin backdrop'lar vb.) — panel
     onların ALTINDA kalıp "hiç görünmüyor" gibi durabiliyordu (Yönetim APK
     WebView'de fark edildi, 2026-09-09). Ayrıca app.js artık bu paneli
     document.body'nin doğrudan çocuğu yapıyor — hangi ata stacking context
     yaratıyorsa onu da bypass eder. */
  --ai-accent:#7c3aed;--ai-accent-2:#22d3ee;--ai-bg:#ffffff;--ai-bg-soft:#f7f5ff;
  --ai-ink:#1e1b2e;--ai-muted:#69647f;--ai-line:#e7e2f7;--ai-asst-bg:#f4f3f8;--ai-asst-ink:#211d33;
  position:fixed;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:99999;
  width:min(408px,calc(100vw - 24px));background:var(--ai-bg);border-radius:20px;
  box-shadow:0 24px 60px -12px rgba(30,20,60,.35),0 2px 8px rgba(30,20,60,.12),0 0 0 1px rgba(124,58,237,.08);
  overflow:hidden;display:flex;flex-direction:column;
  max-height:min(78vh,660px);min-height:min(52vh,440px)
}
.voice-ai-panel[hidden]{display:none!important}
.voice-ai-panel-head{
  display:flex;align-items:center;gap:10px;padding:14px 14px 12px;flex:0 0 auto;
  background:linear-gradient(120deg,#1e1533 0%,#3b1f78 42%,#6d28d9 78%,#3ab7c9 130%);
  color:#fff;position:relative;overflow:hidden;
}
.voice-ai-panel-head::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(60% 90% at 85% -10%,rgba(34,211,238,.35),transparent 60%);
  pointer-events:none;
}
.voice-ai-orb{
  width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,#fff 0%,#c4b5fd 22%,#7c3aed 60%,#3b0764 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 4px 14px rgba(0,0,0,.35);
  font-size:15px;position:relative;z-index:1;
}
.voice-ai-orb.is-live{animation:ai-orb-breathe 2.2s ease-in-out infinite}
@keyframes ai-orb-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.voice-ai-head-text{display:flex;flex-direction:column;gap:1px;position:relative;z-index:1;min-width:0;flex:1 1 auto}
.voice-ai-head-text strong{font-size:14px;font-weight:800;letter-spacing:.01em}
.voice-ai-status-line{display:flex;align-items:center;gap:6px;font-size:11px;color:#e2d9ff;font-weight:600}
.voice-ai-status-dot{width:7px;height:7px;border-radius:50%;background:#8b7fb0;flex:0 0 auto}
.voice-ai-status-dot.is-listening{background:#22d3ee;animation:ai-dot-pulse 1.1s infinite}
.voice-ai-status-dot.is-thinking{background:#facc15;animation:ai-dot-blink .8s infinite}
.voice-ai-status-dot.is-speaking{background:#34d399;animation:ai-dot-pulse .9s infinite}
@keyframes ai-dot-pulse{
  0%{box-shadow:0 0 0 0 rgba(34,211,238,.55)}
  70%{box-shadow:0 0 0 6px rgba(34,211,238,0)}
  100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}
}
@keyframes ai-dot-blink{0%,100%{opacity:1}50%{opacity:.35}}
.voice-ai-panel-head-actions{display:flex;align-items:center;gap:2px;position:relative;z-index:1}
.voice-ai-panel-close,.voice-ai-panel-stop{
  background:rgba(255,255,255,.12);border:0;color:#fff;font-size:14px;line-height:1;cursor:pointer;
  padding:0;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
}
.voice-ai-panel-close:hover,.voice-ai-panel-stop:hover{background:rgba(255,255,255,.22)}
.voice-ai-panel-stop[hidden]{display:none!important}
.voice-ai-panel-log{
  padding:14px;font-size:14px;line-height:1.48;overflow-y:auto;overflow-x:hidden;
  flex:1 1 auto;display:flex;flex-direction:column;gap:10px;background:var(--ai-bg-soft);
  min-height:220px;max-height:min(52vh,420px);scroll-behavior:smooth;-webkit-overflow-scrolling:touch
}
.voice-ai-panel-log-tools{
  display:flex;gap:8px;padding:4px 12px 8px;flex:0 0 auto;border-top:1px solid var(--ai-line);background:var(--ai-bg)
}
.voice-ai-log-tool{
  border:0;background:transparent;color:var(--ai-muted);font-size:11px;cursor:pointer;padding:2px 4px;font-weight:600
}
.voice-ai-log-tool:hover{color:var(--ai-accent)}
.voice-ai-panel-chips{
  display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;flex:0 0 auto;background:var(--ai-bg)
}
.voice-ai-chip{
  border:1px solid var(--ai-line);background:var(--ai-bg-soft);color:#5b21b6;border-radius:999px;
  padding:6px 12px;font-size:11.5px;font-weight:700;cursor:pointer;line-height:1.2;transition:background .15s,transform .1s
}
.voice-ai-chip:hover{background:#ece5ff;transform:translateY(-1px)}
.voice-ai-panel-hist{
  display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 10px;flex:0 0 auto;max-height:48px;overflow:hidden;background:var(--ai-bg)
}
.voice-ai-panel-hist[hidden]{display:none!important}
.voice-ai-hist-chip{
  border:0;background:var(--ai-bg-soft);color:var(--ai-muted);border-radius:8px;padding:4px 9px;
  font-size:11px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.voice-ai-msg{max-width:88%;padding:10px 13px;border-radius:16px;white-space:pre-wrap;word-break:break-word;position:relative;box-shadow:0 1px 2px rgba(20,10,50,.04)}
.voice-ai-msg-user{align-self:flex-end;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border-bottom-right-radius:5px;font-weight:500}
.voice-ai-msg-assistant{align-self:flex-start;background:var(--ai-asst-bg);color:var(--ai-asst-ink);border-bottom-left-radius:5px;font-size:14px;padding-left:34px}
.voice-ai-msg-assistant::before{
  content:"✦";position:absolute;left:10px;top:10px;width:18px;height:18px;border-radius:50%;
  background:linear-gradient(135deg,#7c3aed,#22d3ee);color:#fff;font-size:10px;display:grid;place-items:center;
  box-shadow:0 2px 5px rgba(0,0,0,.2)
}
.voice-ai-msg-system{align-self:center;background:rgba(124,58,237,.08);color:var(--ai-muted);font-size:11px;font-weight:600;font-style:normal;padding:4px 11px;border-radius:999px;box-shadow:none}
.voice-ai-msg-typing{align-self:flex-start;background:var(--ai-asst-bg);border-bottom-left-radius:5px;padding:11px 14px 11px 34px;display:flex;gap:4px;align-items:center}
.voice-ai-msg-typing::before{
  content:"✦";position:absolute;left:10px;top:11px;width:18px;height:18px;border-radius:50%;
  background:linear-gradient(135deg,#7c3aed,#22d3ee);color:#fff;font-size:10px;display:grid;place-items:center;
}
.voice-ai-typing-dot{width:6px;height:6px;border-radius:50%;background:#a89fc2;animation:ai-typing-bounce 1.1s infinite}
.voice-ai-typing-dot:nth-child(2){animation-delay:.15s}
.voice-ai-typing-dot:nth-child(3){animation-delay:.3s}
@keyframes ai-typing-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.voice-ai-panel-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--ai-line);flex:0 0 auto;background:var(--ai-bg);align-items:center}
.voice-ai-panel-listen{
  flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:0;
  background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;
  font-size:16px;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 12px rgba(124,58,237,.35)
}
.voice-ai-panel-listen:hover{filter:brightness(1.08)}
.voice-ai-panel-listen.is-listening{background:linear-gradient(135deg,#dc2626,#991b1b);animation:ai-pulse-ring 1.1s infinite}
.voice-ai-panel-input{
  flex:1 1 auto;min-height:40px;border:1px solid var(--ai-line);border-radius:999px;padding:0 15px;font-size:13.5px;
  text-transform:none!important;background:var(--ai-bg-soft);color:var(--ai-ink)
}
.voice-ai-panel-input:focus{outline:2px solid var(--ai-accent);outline-offset:1px}
.voice-ai-msg,.voice-ai-chip,.voice-ai-hist-chip{text-transform:none}
.voice-ai-panel-links{
  display:flex;flex-direction:column;gap:6px;align-self:stretch;width:100%;
  margin:2px 0 4px;padding:0;max-height:none
}
.voice-ai-link{
  display:block;padding:10px 12px;border-radius:12px;text-decoration:none;
  background:#eef2ff;border:1px solid #c7d2fe;color:#1e3a8a;font-weight:600;
  font-size:12.5px;line-height:1.35;word-break:break-word;transition:transform .1s
}
.voice-ai-link:hover{background:#e0e7ff;border-color:#818cf8;transform:translateY(-1px)}
.voice-ai-link:active{transform:scale(0.99)}
.voice-ai-link[data-kind="vatandas"],.voice-ai-link-vatandas{
  background:#ecfdf5;border-color:#6ee7b7;color:#065f46;
}
.voice-ai-link[data-source="mekanik"],.voice-ai-link-mekanik{
  background:#fff7ed;border-color:#fdba74;color:#9a3412;
}
.voice-ai-link[data-source="akilli"],.voice-ai-link-akilli{
  background:#eef2ff;border-color:#a5b4fc;color:#312e81;
}
.voice-ai-link-photo{
  display:flex;flex-direction:column;gap:6px;padding:8px;background:#f8fafc;border:1px solid #cbd5e1
}
.voice-ai-photo-thumb{
  width:100%;max-height:220px;object-fit:contain;border-radius:8px;background:#0f172a08
}
html.night-mode .voice-ai-link-photo{background:#1e293b;border-color:#475569;color:#e2e8f0}
html.night-mode .voice-ai-link{background:#1e293b;border-color:#334155;color:#bfdbfe}
html.night-mode .voice-ai-link:hover{background:#243447;border-color:#60a5fa}
html.night-mode .voice-ai-link[data-kind="vatandas"]{background:#064e3b;border-color:#34d399;color:#d1fae5}
html.night-mode .voice-ai-link[data-source="mekanik"]{background:#7c2d12;border-color:#fb923c;color:#ffedd5}
.voice-ai-panel-send{
  flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:0;
  background:linear-gradient(135deg,#22d3ee,#0891b2);color:#fff;
  font-size:15px;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 12px rgba(8,145,178,.35)
}
.voice-ai-panel-send:hover{filter:brightness(1.08)}
.voice-ai-panel-more{
  flex:0 0 auto;border-top:1px solid var(--ai-line);font-size:12px;background:var(--ai-bg)
}
.voice-ai-panel-more > summary{
  list-style:none;cursor:pointer;padding:9px 14px;color:var(--ai-accent);font-weight:700;user-select:none
}
.voice-ai-panel-more > summary::-webkit-details-marker{display:none}
.voice-ai-panel-more > summary::before{content:"›  ";opacity:.7}
.voice-ai-panel-more[open] > summary::before{content:"⌄  "}
.voice-ai-panel-wake{
  display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:12px;color:var(--ai-muted);
  border-top:0;flex:0 0 auto;cursor:pointer;font-weight:600
}
.voice-ai-panel-wake[hidden]{display:none!important}
.voice-ai-switch{position:relative;width:34px;height:20px;flex:0 0 auto}
.voice-ai-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.voice-ai-switch-track{position:absolute;inset:0;border-radius:999px;background:#d9d4ea;transition:background .18s}
.voice-ai-switch-track::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .18s}
.voice-ai-switch input:checked ~ .voice-ai-switch-track{background:linear-gradient(135deg,#7c3aed,#5b21b6)}
.voice-ai-switch input:checked ~ .voice-ai-switch-track::after{transform:translateX(14px)}
.voice-ai-panel-wake.is-active{color:#5b21b6;font-weight:800}
.voice-ai-panel-wake-main{
  border-top:1px solid var(--ai-line);background:linear-gradient(90deg,#f8f5ff,#f1eeff);color:#5b21b6;font-weight:650
}
.voice-ai-panel-wake-main.is-active{
  background:linear-gradient(90deg,#ede9fe,#e5defc);color:#4c1d95;font-weight:800
}
.voice-ai-panel-wake-main.is-listening span::after{
  content:" · dinliyor…";font-weight:700;opacity:.85
}
html.night-mode .voice-ai-panel-wake-main{background:linear-gradient(90deg,#201a38,#241d3d);color:#ddd6fe}
html.night-mode .voice-ai-panel-wake-main.is-active{background:linear-gradient(90deg,#3b0764,#2e0a5c);color:#ede9fe}
.profile-update-status-box{display:grid;gap:6px;margin-bottom:10px}
.profile-update-barwrap{height:10px;border-radius:999px;background:#d5e8e0;overflow:hidden;border:1px solid #b7d9cc}
.profile-update-bar{height:100%;width:0;background:var(--green);transition:width .25s ease}
html.night-mode .profile-update-barwrap{background:#274035;border-color:#365a4b}
@media(max-width:760px){
  .voice-ai-panel{
    right:8px;left:8px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom));
    max-height:min(82vh,680px);min-height:min(58vh,440px)
  }
}
html.night-mode .voice-ai-panel{
  --ai-bg:#171227;--ai-bg-soft:#1c1730;--ai-ink:#ece7fb;--ai-muted:#a79fc4;--ai-line:#332a52;
  --ai-asst-bg:#241d3d;--ai-asst-ink:#e6e1f7;
  box-shadow:0 24px 60px -12px rgba(0,0,0,.6),0 0 0 1px rgba(124,58,237,.18);
  border-color:transparent;color:inherit
}
html.night-mode .voice-ai-msg-system{background:rgba(124,58,237,.18)}
html.night-mode .voice-ai-panel-input{background:var(--ai-bg-soft);color:var(--ai-ink)}
html.night-mode .voice-ai-panel-input-row{background:var(--ai-bg)}
html.night-mode .voice-ai-chip{background:#241d3d;border-color:#4c3a7a;color:#d9ceff}
html.night-mode .voice-ai-hist-chip{background:#241d3d;color:#c9c1e4}
html.night-mode .voice-ai-panel-more{background:var(--ai-bg)}
html.night-mode .voice-ai-panel-more > summary{color:#c4b5fd}
html.night-mode .voice-ai-switch-track{background:#3a3155}
.profile-page{display:grid;gap:16px;max-width:920px}
.profile-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.profile-checks label{display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px}
.profile-checks input{width:20px;min-height:20px}
.theme-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theme-swatch{
  display:grid;gap:6px;padding:14px;border:2px solid var(--line);border-radius:14px;cursor:pointer;background:#fff
}
.theme-swatch input{position:absolute;opacity:0;pointer-events:none}
.theme-swatch.is-selected,.theme-swatch:has(input:checked){border-color:var(--green);box-shadow:0 0 0 3px rgba(11,93,71,.12)}
.theme-swatch-bar{height:18px;border-radius:999px;background:linear-gradient(90deg,#0f7a5c,#0b5d47)}
.theme-swatch.theme-navy .theme-swatch-bar{background:linear-gradient(90deg,#2c5282,#1e3a5f)}
.theme-swatch.theme-sand .theme-swatch-bar{background:linear-gradient(90deg,#9a7438,#7c5c2a)}
.theme-swatch small{color:var(--muted);font-weight:700}
a.user-chip{color:inherit}
@media(max-width:760px){
  .theme-picker,.profile-checks{grid-template-columns:1fr}
  .voice-cmd-fab{right:12px;bottom:calc(78px + env(safe-area-inset-bottom))}
}
html.night-mode .theme-swatch{background:var(--white);border-color:var(--line)}
html.night-mode .voice-cmd-fab{background:var(--green-2)}

/* 5.21.192 ? kompakt d??meler, birim y?netimi, sayfa rahatl??? */
.button.small{
  min-height:34px;padding:5px 12px;font-size:11px;letter-spacing:0;
  border-radius:8px;font-weight:750;gap:6px
}
.button.danger-button.small{background:#bd2c2c;color:#fff}
.page-heading h1{font-weight:800;letter-spacing:-.4px;line-height:1.2}
.page-heading p{max-width:52rem;line-height:1.45}
.card{border-radius:16px}
.card>h2,.section-title h2{font-size:14px;letter-spacing:.02em;color:#16324f}
.check-row{
  display:flex!important;align-items:center;gap:8px;font-weight:750;font-size:12px
}
.check-row input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--green)}
.unit-admin-heading{align-items:flex-start}
.unit-admin-jump{
  display:flex;flex-wrap:wrap;gap:6px;margin:-6px 0 18px
}
.unit-admin-jump a{
  padding:6px 10px;border-radius:999px;border:1px solid var(--line);
  background:#fff;font-size:11px;font-weight:750;color:var(--green)
}
.unit-admin-jump a.is-off{color:var(--muted);opacity:.7}
.unit-admin-create{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px
}
.unit-admin-create-card h2{margin-bottom:12px}
.unit-admin-create-card .stack-form{margin-bottom:0;gap:10px}
.unit-admin-card{display:grid;gap:14px;margin-bottom:16px}
.unit-admin-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap
}
.unit-admin-head h2{margin:4px 0 4px;font-size:1.15rem}
.unit-admin-head p{margin:0;color:var(--muted);font-size:13px}
.unit-admin-head .eyebrow.is-off{color:var(--muted)}
.unit-admin-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.unit-admin-tools form{margin:0}
.unit-admin-switches{display:flex;flex-wrap:wrap;gap:10px}
.unit-admin-switch{
  display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;
  border:1px solid var(--line);border-radius:12px;background:#f8fafb
}
.unit-admin-switch label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;margin:0}
.unit-admin-switch input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--green)}
.unit-admin-note{margin:0}
.unit-admin-details{
  border:1px solid var(--line);border-radius:12px;padding:4px 12px 12px;background:#fbfcfd
}
.unit-admin-details summary{
  cursor:pointer;font-weight:800;font-size:13px;padding:10px 0;list-style:none
}
.unit-admin-details summary::-webkit-details-marker{display:none}
.unit-admin-perm-table{display:grid;gap:4px;margin:0 0 12px}
.unit-admin-perm-head,.unit-admin-perm-row{
  display:grid;grid-template-columns:minmax(0,1.6fr) 72px 92px;gap:8px;align-items:center
}
.unit-admin-perm-head{
  font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:4px 8px
}
.unit-admin-perm-row{
  margin:0;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #edf1f2;
  font-size:13px;font-weight:700
}
.unit-admin-perm-row:has(input[name="user_ids"]:checked){border-color:#cfe3da;background:#f4faf7}
.unit-admin-perm-name{min-width:0}
.unit-admin-perm-name small{display:block;color:var(--muted);font-weight:650;font-size:10px}
.unit-admin-perm-row input{width:18px;height:18px;min-height:0;margin:0;justify-self:center;accent-color:var(--green)}
.unit-admin-lists{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.unit-admin-lists h3{margin:0 0 8px;font-size:13px}
.unit-admin-chip{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid #edf1f2
}
.unit-admin-chip span{flex:1 1 140px;font-size:12px;font-weight:700}
.unit-admin-chip form{margin:0}
.stack-form .button.small{justify-self:start}
@media(max-width:980px){
  .unit-admin-create,.unit-admin-lists{grid-template-columns:1fr}
  .unit-admin-perm-head,.unit-admin-perm-row{grid-template-columns:minmax(0,1fr) 56px 72px}
}
@media(max-width:760px){
  .button.small{min-height:36px;font-size:12px;padding:0 12px}
  .unit-admin-tools{width:100%}
  .unit-admin-tools .button,.unit-admin-tools form{flex:1 1 calc(50% - 6px)}
  .unit-admin-tools .button{width:100%}
}

/* ??? Mobil modern kay?t / onay butonlar? (d?? zimmet ? form doldur ? ?l??m) ??? */
.consent-box{
  display:flex;align-items:flex-start;gap:10px;margin:0;
  padding:12px 14px;border-radius:12px;background:#f4f8f7;border:1px solid #d7e5df;
  font-size:.88rem;line-height:1.4;font-weight:650;color:#234038;cursor:pointer
}
.consent-box input[type="checkbox"]{
  width:18px!important;height:18px!important;min-height:18px!important;min-width:18px;
  max-width:18px;margin:2px 0 0;flex:none;accent-color:var(--green)
}
.staff-fill-sticky,
.form-actions.staff-fill-sticky{
  position:sticky;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:28;
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:center;
  gap:8px;margin:18px 0 10px;padding:10px;border-radius:14px;
  background:rgba(255,255,255,.97);border:1px solid #d5e3dc;
  box-shadow:0 8px 24px rgba(15,42,34,.12);backdrop-filter:blur(8px)
}
.staff-fill-sticky .button,
.form-actions.staff-fill-sticky .button{
  flex:1 1 0;min-height:44px!important;max-height:48px;padding:0 14px!important;
  font-size:13px!important;font-weight:750;border-radius:12px;letter-spacing:.01em
}
.staff-fill-sticky .button.large,
.form-actions.staff-fill-sticky .button.large{min-height:44px!important;font-size:13px!important}
.staff-fill-sticky .button.primary{flex:1.35 1 0}
.staff-fill-sticky .button.secondary{flex:.85 1 0;background:#fff}
.vitals-action-bar{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px;
  position:sticky;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:28;
  margin:14px 0 8px;padding:10px;border-radius:14px;
  background:rgba(255,255,255,.97);border:1px solid #d5e3dc;
  box-shadow:0 8px 24px rgba(15,42,34,.12)
}
.vitals-action-bar .button{
  flex:1 1 calc(50% - 8px);width:auto!important;min-height:44px!important;
  font-size:13px!important;font-weight:750;border-radius:12px;padding:0 12px
}
.vitals-action-bar .button.primary,
.vitals-action-bar .button.large{min-height:44px!important;font-size:13px!important}
.birthday-delivery .form-actions .button.large,
.form-pro-body .form-actions .button.large,
.staff-fill-form .button.large{
  min-height:44px;font-size:13px;padding:0 16px;border-radius:12px
}
.saha-form-card .saha-form-actions .button.primary{min-height:44px!important;flex:1 1 auto}
.saha-form-card .saha-form-actions .button.secondary{min-height:40px!important}
.mobile-save-button,.mobile-location-button{min-height:40px!important;border-radius:12px;font-size:.86rem;font-weight:750;padding:8px 12px}
.field-capture-actions .button{min-height:40px!important;border-radius:10px;font-size:12px}
.citizen-sticky-actions .button{min-height:42px!important;border-radius:12px}
.quick-sticky-send .quick-send-btn{min-height:42px!important;font-size:.9rem!important;border-radius:12px}
.quick-camera-btn,.quick-send-btn,.quick-mic-btn{min-height:40px!important;border-radius:12px!important;font-size:.88rem!important;box-shadow:none}
.quick-camera-btn{font-size:.88rem!important}
.quick-mic-btn{font-size:1.15rem!important}

/* Mobil saha ? kompakt buton / form d?zeni */
@media(max-width:700px){
  body.has-app-sidebar .button,
  body.has-app-sidebar a.button,
  body.has-app-sidebar button.button{
    min-height:40px;font-size:12px;padding:0 12px;border-radius:10px;font-weight:750;letter-spacing:0
  }
  body.has-app-sidebar .button.large,
  body.has-app-sidebar .button.primary.large{
    min-height:42px;font-size:13px;padding:0 14px;border-radius:11px
  }
  body.has-app-sidebar .page-heading{
    gap:10px;margin-bottom:12px
  }
  body.has-app-sidebar .page-heading h1{font-size:1.2rem;line-height:1.25}
  body.has-app-sidebar .page-heading .button,
  body.has-app-sidebar .heading-actions .button,
  body.has-app-sidebar .button-row .button{
    width:auto;flex:1 1 auto;min-height:38px;font-size:12px
  }
  body.has-app-sidebar .heading-actions{
    display:flex;flex-wrap:wrap;gap:8px;width:100%
  }
  body.has-app-sidebar .card{padding:12px;border-radius:12px}
  body.has-app-sidebar .form-actions{
    display:flex!important;flex-direction:row!important;flex-wrap:wrap;
    gap:8px;align-items:stretch;margin-top:10px
  }
  body.has-app-sidebar .form-actions .button{
    width:auto!important;flex:1 1 calc(50% - 8px);min-height:40px;max-width:100%
  }
  body.has-app-sidebar .form-actions .button.primary{
    flex:1.15 1 130px
  }
  body.has-app-sidebar .form-actions.sticky-save,
  body.has-app-sidebar .vitals-sticky-actions,
  body.has-app-sidebar .staff-fill-sticky{
    padding:8px;gap:8px;border-radius:12px;margin-top:10px
  }
  body.has-app-sidebar .form-actions.sticky-save .button,
  body.has-app-sidebar .vitals-sticky-actions .button,
  body.has-app-sidebar .staff-fill-sticky .button,
  body.has-app-sidebar .vitals-action-bar .button{
    min-height:40px!important;font-size:12px!important;border-radius:10px;padding:0 10px
  }
  body.has-app-sidebar .saha-form-actions{
    display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px
  }
  body.has-app-sidebar .saha-form-actions .button{
    width:auto!important;flex:1 1 calc(50% - 8px);min-height:40px!important;font-size:12px
  }
  body.has-app-sidebar .quick-create-form .button.large,
  body.has-app-sidebar .report-filters .form-actions .button{
    width:auto;min-height:40px!important;font-size:12px
  }
  body.has-app-sidebar .mobile-shell .button,
  body.has-app-sidebar .mobile-quick-form .button,
  body.has-app-sidebar .quick-report .button{
    min-height:40px;font-size:12px;border-radius:10px
  }
  body.has-app-sidebar .mobile-task-row,
  body.has-app-sidebar .mobile-today-row{
    padding:10px 12px;border-radius:12px;margin:8px 0;gap:8px
  }
  body.has-app-sidebar .mobile-action-card{
    min-height:0;padding:12px;border-radius:12px
  }
  body.has-app-sidebar .mobile-action-icon{font-size:1.35rem}
  body.has-app-sidebar .mobile-action-card strong{font-size:.9rem;margin-top:6px}
  body.has-app-sidebar .mobile-capture-box{
    min-height:88px;border-radius:12px;font-size:.9rem
  }
  body.has-app-sidebar .field-task{padding:12px;border-radius:12px}
  body.has-app-sidebar .field-task h2{font-size:1rem;margin:8px 0 6px}
  body.has-app-sidebar .field-hero .button,
  body.has-app-sidebar .field-order-head .button{
    width:auto;min-height:40px
  }
  body.has-app-sidebar .field-metrics a{padding:10px 6px;border-radius:10px}
  body.has-app-sidebar .field-metrics strong{font-size:1.4rem}
  body.has-app-sidebar .quick-type-card{min-height:68px;padding:8px 6px;border-radius:12px}
  body.has-app-sidebar .quick-type-icon{font-size:1.2rem}
  body.has-app-sidebar .quick-type-label{font-size:.74rem}
  body.has-app-sidebar .quick-auto-bar{padding:10px 12px;border-radius:12px;margin-bottom:10px}
  body.has-app-sidebar .quick-citizen-hit{padding:10px 12px;border-radius:10px}
  body.has-app-sidebar .quick-note-label input,
  body.has-app-sidebar .quick-note-label textarea,
  body.has-app-sidebar .mobile-field input,
  body.has-app-sidebar .mobile-field select,
  body.has-app-sidebar .mobile-field textarea{
    min-height:42px;border-radius:10px;padding:8px 10px
  }
  body.has-app-sidebar input[type=file]{
    min-height:40px!important;padding:8px 10px;font-size:12px;border-radius:10px
  }
  body.has-app-sidebar .street-typeahead-field{
    min-height:44px;border-radius:12px;padding:0 10px
  }
  body.has-app-sidebar .street-typeahead-field input{min-height:42px;font-size:16px;font-weight:650}
  body.has-app-sidebar .member-search-bar input{min-height:42px}
  body.has-app-sidebar .su-m-btn,
  body.has-app-sidebar .meter-ops-download,
  body.has-app-sidebar .meter-ops-upload,
  body.has-app-sidebar .meter-ops-close{
    min-height:42px!important;font-size:13px;border-radius:10px;padding:0 12px
  }
  body.has-app-sidebar .form-pro-shell .button-row .button{
    flex:0 0 auto!important;width:auto!important;min-width:0
  }
  body.has-app-sidebar .staff-fill-form .form-actions:not(.staff-fill-sticky) .button{
    flex:0 1 auto;width:auto!important
  }
  body.has-app-sidebar .addr-mode-chip,
  body.has-app-sidebar .fill-mode-pill{
    padding:9px 10px;border-radius:12px;font-size:.84rem;width:100%
  }
  body.has-app-sidebar .form-ocr-panel .button{
    min-height:38px!important;font-size:12px!important;padding:0 12px!important
  }
  body.has-app-sidebar .home-dispatch-row{
    min-height:44px;padding:10px 12px;border-radius:12px
  }
  body.has-app-sidebar .home-dispatch-row em{padding:4px 8px;font-size:.68rem}
  body.has-app-sidebar .field-home-actions .button{
    min-height:38px;font-size:12px;padding:0 12px
  }
  .form-actions{flex-direction:row!important;flex-wrap:wrap;gap:8px;align-items:stretch}
  .form-actions .button{width:auto;flex:1 1 calc(50% - 8px);min-height:40px}
  .form-actions .button.primary{flex:1.2 1 140px}
  .form-actions.column,.form-actions.stack{flex-direction:column!important}
  .form-actions.column .button,.form-actions.stack .button{width:100%;flex:none}
  .button.primary.large,.button.large.primary{min-height:42px;font-size:13px;padding:0 14px}
  .fill-mode-pill{min-width:0;flex:1 1 100%;padding:10px 12px;border-radius:12px}
  .fill-mode-title{font-size:.86rem}
  .page-heading .button.large,.button-row .button.large{min-height:40px;font-size:12px}
}
@media(max-width:420px){
  .staff-fill-sticky{flex-wrap:nowrap}
  .staff-fill-sticky .button{flex:1 1 0;max-height:none;min-height:42px!important;white-space:nowrap}
  .vitals-action-bar .button{flex:1 1 calc(50% - 8px)}
  body.has-app-sidebar .form-actions .button,
  body.has-app-sidebar .saha-form-actions .button{
    flex:1 1 calc(50% - 8px)
  }
}

/* Geri + Ana sayfa ? kayd?r?nca her zaman g?r?n?r (fixed; sticky overflow y?z?nden k?r?l?yordu) */
:root{
  --topbar-h:72px;
  --stick-nav-h:52px;
}
@media(max-width:760px){
  :root{--topbar-h:62px;--stick-nav-h:52px}
}
.topbar-mobile-nav{display:none!important}
body.has-stick-nav .topbar{
  position:fixed!important;
  top:0;left:0;right:0;
  width:100%;
  z-index:42;
  margin-left:0!important;
}
body.has-stick-nav .app-stick-nav{
  position:fixed!important;
  top:var(--topbar-h);
  left:0;right:0;
  z-index:41;
  display:flex;align-items:center;gap:8px;
  margin:0!important;width:auto!important;
  padding:8px 14px;
  background:#fff;
  border-bottom:1px solid var(--line,#dce4e8);
  box-shadow:0 4px 14px rgba(15,42,34,.1);
}
body.has-stick-nav .app-chrome-spacer{
  display:block;
  height:calc(var(--topbar-h) + var(--stick-nav-h));
  flex-shrink:0;
  pointer-events:none;
}
.app-chrome-spacer{display:none}
.app-stick-nav-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 14px;margin:0;
  border-radius:10px;border:1px solid #c5d8cf;
  background:#f4faf7;color:#0b5d47;
  font:inherit;font-size:.86rem;font-weight:800;
  text-decoration:none;cursor:pointer;white-space:nowrap;
}
.app-stick-nav-btn:hover{background:#e8f4ef;border-color:#9fcbb8}
.app-stick-nav-home{
  background:#0b5d47;color:#fff;border-color:#0b5d47;
}
.app-stick-nav-home:hover{background:#0f7a5c;color:#fff;border-color:#0f7a5c}
body.night-mode .app-stick-nav{
  background:#1a2830;border-color:#2a3a44;
}
body.night-mode .app-stick-nav-btn{
  background:#12181e;border-color:#334850;color:#9fd4bf;
}
body.night-mode .app-stick-nav-home{
  background:#0f7a5c;border-color:#0f7a5c;color:#fff;
}
@media(min-width:901px){
  body.has-app-sidebar.has-stick-nav .topbar,
  body.has-app-sidebar.has-stick-nav .app-stick-nav{
    left:var(--app-sidebar-w);
    width:calc(100% - var(--app-sidebar-w));
  }
}
@media(max-width:900px){
  body.has-stick-nav .app-stick-nav{
    padding:8px 12px;gap:10px;
  }
  body.has-stick-nav .app-stick-nav .app-stick-nav-btn{
    flex:1 1 0;min-height:44px;font-size:.9rem;
  }
  body.has-stick-nav .mobile-simple-header > a[href]:first-of-type{
    display:none;
  }
}
/* Vatanda? (topsuz): sabit ?st ?ubuk */
body:not(.has-app-sidebar) .app-stick-nav{
  position:fixed!important;
  top:0;left:0;right:0;z-index:41;
  display:flex;align-items:center;gap:8px;
  padding:8px 14px;margin:0;
  background:#fff;border-bottom:1px solid var(--line,#dce4e8);
}
body:not(.has-app-sidebar).has-stick-nav .page{
  padding-top:calc(var(--stick-nav-h) + 12px);
}
@media print{
  .app-stick-nav,.app-chrome-spacer,.topbar-mobile-nav{display:none!important}
  body.has-stick-nav .topbar{position:static!important}
}

/* ?ube Listeler ? mobil kart (telefon) */
.mobile-assign-cards{display:none;gap:10px;margin-top:12px}
.mobile-assign-card{
  display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff
}
.mobile-assign-card.is-waiting{border-color:#e2b86a;background:#fffbeb}
.mobile-assign-card-head{display:flex;gap:10px;align-items:flex-start}
.mobile-assign-card-head p{margin:4px 0;font-size:14px;font-weight:650}
.mobile-assign-card-head small{color:var(--muted);font-size:12px}
.mobile-assign-check{flex:none;padding-top:2px}
.mobile-assign-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.mobile-assign-form select{min-height:42px;width:100%}
.mobile-assign-actions{display:flex;flex-wrap:wrap;gap:8px}
.mobile-assign-actions form{display:inline}
@media(max-width:900px){
  .desktop-only-assign-table{display:none!important}
  .mobile-assign-cards{display:grid}
  .team-hub-heading-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .team-hub-heading-actions .button{width:100%;justify-content:center}
}
@media(min-width:901px){
  .mobile-assign-cards{display:none!important}
}

/* Halk g?rev merkezi */
.halk-gorev-hub .halk-gorev-legend{margin-bottom:12px}
.halk-gorev-hub .halk-gorev-legend ol{margin:8px 0 0;padding-left:1.2rem;color:var(--muted);font-size:13px;line-height:1.45}
.halk-gorev-village{margin-bottom:14px}
.halk-gorev-village label{display:grid;gap:6px;font-weight:700;font-size:13px}
.halk-gorev-village select{min-height:42px;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.halk-gorev-modes{display:grid;gap:12px}
.halk-gorev-mode header{margin-bottom:10px}
.halk-gorev-mode h2{margin:0;font-size:1.15rem}
.halk-gorev-scopes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.halk-gorev-scope{
  display:grid;gap:4px;padding:14px 12px;border:1px solid var(--line);border-radius:14px;
  background:#f7faf8;text-decoration:none;color:inherit;min-height:88px;align-content:center
}
.halk-gorev-scope-primary{background:#eef8f3;border-color:#0b5d47}
.halk-gorev-scope-warn{background:#fff7ed;border-color:#ea580c}
.halk-gorev-scope-warn:hover,.halk-gorev-scope-warn:active{background:#ffedd5;border-color:#c2410c}
.halk-gorev-scope strong{font-size:14px}
.halk-gorev-scope small{font-size:11px;color:var(--muted);line-height:1.3}
.halk-gorev-follow{margin:10px 0 0}
@media(max-width:700px){
  .halk-gorev-scopes{grid-template-columns:1fr}
}

/* ===== Mobil chrome yeniden tasar?m (?st bar + sol men?) ===== */
.topbar-mobile-quick{display:none}
@media(max-width:900px){
  .topbar-mobile-quick{
    display:flex;align-items:center;gap:6px;flex:0 0 auto;order:2;margin-left:4px
  }
  .topbar-mq-btn{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:40px;min-height:40px;padding:0 10px;margin:0;
    border-radius:10px;border:1px solid #b7d4c8;background:#f4faf7;color:#0b5d47;
    font:inherit;font-size:.82rem;font-weight:800;text-decoration:none;cursor:pointer
  }
  .topbar-mq-home{background:#0b5d47;color:#fff;border-color:#0b5d47}
  body.has-app-sidebar header.topbar{
    display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
    gap:8px!important;overflow:visible!important;
    height:calc(52px + env(safe-area-inset-top, 0px))!important;
    min-height:calc(52px + env(safe-area-inset-top, 0px))!important;
    max-height:calc(52px + env(safe-area-inset-top, 0px))!important;
    padding:env(safe-area-inset-top, 0px) 10px 0 10px!important;
    box-sizing:border-box!important
  }
  body.has-app-sidebar header.topbar > .app-sidebar-toggle{order:0;flex:0 0 auto;width:40px;height:40px;border-radius:11px}
  body.has-app-sidebar header.topbar > .brand{
    order:1;flex:1 1 auto;min-width:0;max-width:none!important;gap:8px
  }
  body.has-app-sidebar header.topbar > .brand .municipality-logo,
  body.has-app-sidebar header.topbar > .brand img{
    width:34px;height:34px;flex:0 0 auto
  }
  body.has-app-sidebar header.topbar > .brand .brand-text{min-width:0}
  body.has-app-sidebar header.topbar > .brand .brand-text strong{
    display:block;font-size:12px;line-height:1.15;
    max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
  }
  body.has-app-sidebar header.topbar > .brand .brand-text small{display:none!important}
  body.has-app-sidebar header.topbar > .topbar-tools{display:none!important}
  body.has-app-sidebar header.topbar > .session-slot-badge{display:none!important}
  body.has-app-sidebar header.topbar > .user-menu,
  body.has-app-sidebar header.topbar > .user-menu-saha{
    order:5;flex:0 0 auto;gap:4px;margin-left:auto!important;min-width:0
  }
  body.has-app-sidebar .user-chip{display:none!important}
  body.has-app-sidebar .topbar-logout-btn{
    min-height:36px!important;padding:0 10px!important;font-size:11px!important
  }
  body.has-app-sidebar .notification-link{min-width:36px;min-height:36px}
  /* ?kinci ?erit (Geri/Ana) telefonda ?st bara ta??nd? ? yar?m g?r?nmesin */
  body.has-stick-nav .app-stick-nav{display:none!important}
  body.has-stick-nav .app-chrome-spacer{
    display:block!important;
    height:calc(52px + env(safe-area-inset-top, 0px))!important
  }
  body.has-stick-nav .topbar{
    position:fixed!important;top:0;left:0;right:0;width:100%!important;z-index:70
  }
  /* Sol men? ? kayd?rma / tak?lma d?zeltmesi */
  .app-sidebar{
    width:min(88vw, 300px)!important;
    max-width:300px;
    transform:translate3d(-102%,0,0);
    transition:transform .2s ease-out;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    will-change:transform;
    padding-left:env(safe-area-inset-left, 0px);
    z-index:1300
  }
  .app-sidebar.is-open{transform:translate3d(0,0,0)}
  .app-side-nav{
    flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
    -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px))
  }
  .app-side-foot{flex-shrink:0}
  .app-sidebar-backdrop{
    z-index:1250;touch-action:manipulation
  }
  body.has-app-sidebar .edge-menu-tab{
    display:none!important
  }
  body.has-app-sidebar .a11y-edge-tab{
    display:none!important
  }
  body.has-app-sidebar .page{
    padding-left:max(12px, env(safe-area-inset-left, 0px))!important
  }
  .field-home-cta{margin:0 0 14px}
  .field-home-quick-full{
    display:flex;width:100%;justify-content:center;align-items:center;
    min-height:52px;font-size:1.05rem;font-weight:800;border-radius:14px
  }
  .field-home-header .field-home-quick{display:none}
  .field-home-messages{margin:0 0 16px}
  .field-msg-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
  .field-msg-list li a{
    display:block;padding:12px 14px;border-radius:12px;
    border:1px solid var(--line,#d7e3dd);background:#fff;text-decoration:none;color:inherit
  }
  .field-msg-list li.is-unread a{border-color:#7ec8ad;background:#f3fbf7}
  .field-msg-list li.is-office a{border-left:3px solid #147a5c}
  .field-msg-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .field-msg-meta strong{font-size:.95rem}
  .field-msg-meta em{font-style:normal;font-size:.72rem;color:#5a7268;font-weight:700}
  .field-msg-badge{
    margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;
    background:#147a5c;color:#fff;font-size:.72rem;font-weight:800;
    display:inline-flex;align-items:center;justify-content:center
  }
  .field-msg-list p{margin:6px 0 0;font-size:.86rem;color:#3d534a;line-height:1.35}
  .field-msg-list small{display:block;margin-top:4px;font-size:.72rem;color:#6a8278}
  html.app-sidebar-open,html.app-sidebar-open body{
    overscroll-behavior:none
  }
}
@media(min-width:901px){
  .topbar-mobile-quick{display:none!important}
  .field-home-cta{display:none}
  .field-home-header .field-home-quick{display:inline-flex}
}

/* Su şubesi — sayaç merkezi + minimalist menü */
.su-crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  margin:0 0 8px;font-size:.78rem;font-weight:700;color:#6a8278
}
.su-crumb a{color:#0b5d47;text-decoration:none}
.su-crumb a:hover{text-decoration:underline}
.su-hub-section{margin:0 0 18px}
.su-hub-section h2{
  margin:0 0 4px;font-size:1rem;font-weight:800;color:#0f2a22
}
.su-hub-hint{margin:0 0 10px;font-size:.82rem;color:#667785}
.su-hub-grid,.su-home-quick{
  display:grid;gap:10px;grid-template-columns:1fr;margin:0 0 8px;
  align-items:stretch
}
.su-hub-grid-compact{gap:8px}
.su-hub-card{
  display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px 18px;
  border-radius:16px;background:#fff;border:1px solid #9fd0bb;
  text-decoration:none;color:inherit;min-width:0;height:100%;
  box-shadow:0 6px 18px rgba(15,58,48,.05);min-height:96px;box-sizing:border-box
}
.su-hub-card:active{transform:scale(.99)}
.su-hub-card strong{
  font-size:1.02rem;line-height:1.25;color:#0f2a22;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:2.5em
}
.su-hub-card small{
  font-size:.8rem;line-height:1.35;color:#667785;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  min-height:1.35em
}
.su-hub-card.mark-route{border-left:4px solid #0b5d47}
.su-hub-card.mark-read{border-left:4px solid #0f766e}
.su-hub-card.mark-summary{border-left:4px solid #147a5c}
.su-hub-card.mark-mobile{border-left:4px solid #2563eb}
.su-hub-card.mark-panel{border-left:4px solid #3730a3}
.su-hub-card.mark-map{border-left:4px solid #0891b2}
.su-hub-card.mark-baylan{border-left:4px solid #7c3aed}
.su-hub-card.mark-report{border-left:4px solid #9a6b00}
.su-hub-card.mark-abon{border-left:4px solid #c2410c}
.su-hub-card.mark-line{border-left:4px solid #0f766e}
.su-hub-card.mark-ar{border-left:4px solid #0369a1}
.su-hub-card.mark-team{border-left:4px solid #4338ca}
.su-hub-card.mark-auth{border-left:4px solid #b42318}
.su-hub-card.mark-print{border-left:4px solid #b45309}
.su-hub-card.mark-receipt{border-left:4px solid #64748b}
.su-hub-card.mark-apk-ui{border-left:4px solid #475569}
.su-hub-card.mark-meet{border-left:4px solid #0f766e}
.su-hub-card.mark-live{border-left:4px solid #dc2626}
.su-home-quick{margin:4px 0 16px}
.app-side-su-min .app-side-section-label{margin-top:12px}
.app-side-su-min .app-side-flat{display:grid;gap:2px}
.app-side-su-min .app-side-link{padding:9px 12px}
.app-side-su-min .app-side-soft{opacity:.92;font-weight:650}

/* Ofis / admin kontrol merkezi — sıralı, kategorili */
.office-cc-label{
  margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:#5a6f66
}
.office-cc-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  margin:0 0 10px
}
.office-cc-hint{font-size:.78rem;color:#8899a4}
.office-cc-link{
  font-size:.82rem;font-weight:700;color:#0b5d47;text-decoration:none;white-space:nowrap
}
.office-cc-link:hover{text-decoration:underline}
.office-cc-block{margin:0 0 20px}
.office-cc-alerts{margin:0 0 14px}
.office-cc-steps{
  list-style:none;margin:0;padding:0;display:grid;gap:10px;
  align-items:stretch
}
.office-cc-steps > li{margin:0;display:flex;min-width:0}
.office-cc-step{
  display:flex;align-items:center;gap:12px;padding:14px 16px;
  border-radius:14px;background:#fff;border:1px solid #9fd0bb;
  text-decoration:none;color:inherit;flex:1;width:100%;
  min-height:96px;height:100%;box-sizing:border-box;
  box-shadow:0 4px 14px rgba(15,58,48,.04)
}
.office-cc-step:active{transform:scale(.99)}
.office-cc-step b{
  flex:0 0 28px;width:28px;height:28px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.85rem;font-weight:800;background:#e7f6f0;color:#0b5d47
}
.office-cc-step span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.office-cc-step strong{font-size:1.02rem;line-height:1.2;color:#0f2a22}
.office-cc-step small{
  font-size:.78rem;line-height:1.35;color:#667785;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.office-cc-step.mark-route b{background:#dff5eb;color:#0b5d47}
.office-cc-step.mark-read b{background:#d9f3ef;color:#0f766e}
.office-cc-step.mark-print b{background:#ffedd5;color:#9a3412}
.office-cc-step.mark-summary b{background:#dcf5ea;color:#147a5c}
.office-cc-step.mark-mobile b{background:#dbeafe;color:#1d4ed8}
.office-cc-step.mark-panel b{background:#e0e7ff;color:#3730a3}
.office-cc-step.mark-team b{background:#e0e7ff;color:#4338ca}
.office-cc-step.mark-report b{background:#fef3c7;color:#92400e}
.office-cc-step.mark-map b{background:#cffafe;color:#0e7490}
.office-cc-step.mark-meet b{background:#d1fae5;color:#047857}
.office-cc-more{
  margin:0 0 18px;padding:12px 14px;border-radius:14px;
  background:#f7faf8;border:1px dashed #b7d4c6
}
.office-cc-more > summary{
  cursor:pointer;font-weight:800;color:#0f2a22;list-style:none;
  display:flex;align-items:center;gap:8px
}
.office-cc-more > summary::-webkit-details-marker{display:none}
.office-cc-more > summary::before{
  content:"▸";color:#0b5d47;font-size:.9rem
}
.office-cc-more[open] > summary::before{content:"▾"}
.office-cc-more .su-hub-grid{margin-top:12px}
.mobile-admin-panel .office-cc-block{margin:0 0 16px}
.mobile-admin-panel .office-cc-label{margin:0 0 8px}
.mobile-admin-panel .su-hub-grid,
.mobile-admin-panel .su-hub-grid-compact{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px;margin:0
}
.mobile-admin-panel .su-hub-card{min-height:88px;padding:14px 14px;height:100%}
.mobile-admin-panel .su-hub-card strong{font-size:.92rem;min-height:2.3em}
.mobile-admin-panel .su-hub-card small{font-size:.72rem}
.office-cc-pulse{margin:0}
.su-hub-alert-row{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}
.su-hub-alert-chip{
  display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;
  font-size:.82rem;font-weight:700;text-decoration:none;border:1px solid transparent
}
.su-hub-alert-chip strong{font-size:1rem}
.su-hub-alert-chip.is-ariza{background:#fee2e2;color:#991b1b;border-color:#fca5a5}
.su-hub-alert-chip.is-evde-yok{background:#ffedd5;color:#9a3412;border-color:#fdba74}
.su-hub-alert-chip.is-kapali{background:#e2e8f0;color:#334155;border-color:#cbd5e1}
.su-hub-alert-chip.is-kayitsiz{background:#ede9fe;color:#5b21b6;border-color:#c4b5fd}

@media(min-width:640px){
  .su-hub-grid,.su-home-quick,.su-hub-grid-compact{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-auto-rows:1fr
  }
  .su-hub-card{min-height:96px;padding:18px;height:100%}
  .office-cc-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-auto-rows:1fr}
}
@media(min-width:960px){
  .su-home-quick{grid-template-columns:repeat(3,minmax(0,1fr))}
  .office-cc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-home .su-hub-grid,
  .admin-home .su-hub-grid-compact,
  .admin-home .office-cc-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:1fr
  }
}

/* Yazılımcı kredisi — base.html footer */
.app-dev-credit{max-width:1480px;margin:0 auto;padding:18px 28px 10px;text-align:center;font-size:11px;color:var(--muted);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.app-dev-credit img{height:22px;width:auto;vertical-align:middle}
.app-dev-credit strong{color:#415260}

/* Vatandaş hesapları — kompakt chip + açılır işlem menüsü */
.citizen-accounts-head{align-items:flex-start;gap:12px}
.citizen-accounts-toolbar{
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end;max-width:100%
}
.btn-chip-form{display:inline;margin:0}
.btn-chip{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  min-height:28px;padding:4px 11px;border-radius:999px;border:1px solid #c5d5ce;
  background:#f7faf8;color:#1a3a30;font-size:11.5px;font-weight:700;letter-spacing:.01em;
  line-height:1.2;cursor:pointer;text-decoration:none;white-space:nowrap;
  box-sizing:border-box;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease
}
.btn-chip:hover{background:#eef5f1;border-color:#9bb5a8;box-shadow:0 2px 6px rgba(15,42,34,.08)}
.btn-chip.accent{background:#e8f5ef;border-color:#6db894;color:#0d5c3d}
.btn-chip.accent:hover{background:#d8efe4}
.citizen-accounts-table .col-actions{width:1%;white-space:nowrap;vertical-align:middle}
.account-admin-actions{display:inline-flex;flex-wrap:nowrap;gap:5px;align-items:center;justify-content:flex-end}
.account-actions-dd{position:relative;display:inline-flex;margin:0}
.account-actions-dd > summary{
  list-style:none;cursor:pointer
}
.account-actions-dd > summary::-webkit-details-marker{display:none}
.account-actions-dd > summary.btn-chip::after{content:" ▾";opacity:.65;font-size:10px}
.account-actions-dd[open] > summary.btn-chip{
  background:#e8f0ec;border-color:#6d28d9;color:#5b21b6
}
.account-actions-dd-panel{
  position:absolute;right:0;top:calc(100% + 4px);z-index:40;
  min-width:168px;max-width:min(240px,70vw);
  background:#fff;border:1px solid #d7e3dc;border-radius:12px;
  box-shadow:0 10px 28px rgba(15,42,34,.16);padding:4px;display:grid;gap:1px
}
.account-actions-dd-panel form{margin:0;display:block}
.account-menu-item{
  display:block;width:100%;text-align:left;border:0;background:transparent;
  padding:8px 10px;border-radius:8px;font-size:12px;font-weight:650;color:#1f2937;
  cursor:pointer;line-height:1.25;white-space:nowrap
}
.account-menu-item:hover{background:#f3f6f4}
.account-menu-item.warn{color:#b45309}
.account-menu-item.ok{color:#047857}
.account-menu-item.danger{color:#b91c1c}
.account-actions-dd-panel > .account-dlg{display:block;margin:0}
.account-actions-dd-panel > .account-dlg > summary.account-menu-item{list-style:none}
.account-actions-dd-panel > .account-dlg > summary::-webkit-details-marker{display:none}

/* Vatandaş hesabı — kart / sil onay penceresi (ekran ortası) */
.account-dlg{display:inline-flex;margin:0}
.account-dlg > summary{list-style:none;cursor:pointer}
.account-dlg > summary::-webkit-details-marker{display:none}
.account-dlg-backdrop{
  display:none;position:fixed;inset:0;z-index:5000;
  background:rgba(8,26,21,.48);padding:24px 16px;
  align-items:center;justify-content:center
}
.account-dlg[open] .account-dlg-backdrop,
.account-dlg-backdrop.is-open{display:flex}
html:has(.account-dlg[open]){overflow:hidden}
.account-dlg-card{
  width:min(440px,100%);max-height:min(86vh,640px);overflow:auto;
  background:#fff;border-radius:16px;padding:20px 20px 18px;
  box-shadow:0 24px 60px rgba(8,26,21,.28);display:grid;gap:12px
}
.account-dlg-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.account-dlg-head strong{font-size:1.05rem;color:#0f2a22}
.account-dlg-x{
  width:36px;height:36px;border:0;border-radius:10px;background:#f1f5f4;
  font-size:22px;line-height:1;color:#334155;cursor:pointer
}
.account-dlg-card form{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.account-dlg-card input[type="search"]{flex:1;min-width:160px}
.account-dlg-hits{display:grid;gap:6px;max-height:220px;overflow:auto}
.account-dlg-hits .button{width:100%;justify-content:flex-start;text-align:left;white-space:normal}
.account-dlg-card > form .button.primary{flex:1 1 100%}
.account-dlg-actions{display:flex;justify-content:flex-end;gap:8px;width:100%;margin-top:4px}
.card.no-padding:has(.account-dlg[open]),
.table-wrap:has(.account-dlg[open]),
.table-wrap:has(.account-actions-dd[open]){overflow:visible}
.button.small{padding:4px 8px;font-size:.78rem}

html.night-mode .btn-chip{background:#243530;border-color:#3d534a;color:inherit}
html.night-mode .btn-chip:hover{background:#2c4039}
html.night-mode .btn-chip.accent{background:#1a3d32;border-color:#2f6b54;color:#a7f3d0}
html.night-mode .account-actions-dd-panel{background:#1a2430;border-color:#334155}
html.night-mode .account-menu-item{color:inherit}
html.night-mode .account-menu-item:hover{background:#243040}

@media(max-width:900px){
  .citizen-accounts-toolbar{justify-content:flex-start}
  .citizen-accounts-table th:nth-child(4),
  .citizen-accounts-table td:nth-child(4),
  .citizen-accounts-table th:nth-child(5),
  .citizen-accounts-table td:nth-child(5){display:none}
}

/* Birim hizmet formları — saha hızlı doldur + vatandaş mobil başvuru */
.unit-svc-shell{padding-bottom:28px}
.unit-svc-grid{
  display:grid;gap:10px;grid-template-columns:1fr;margin:4px 0 16px
}
.unit-svc-card{
  display:flex;align-items:center;gap:12px;padding:16px 16px;
  min-height:88px;border-radius:16px;background:#fff;
  border:1px solid #9fd0bb;text-decoration:none;color:inherit;
  box-shadow:0 6px 18px rgba(15,58,48,.06)
}
.unit-svc-card:active{transform:scale(.99)}
.unit-svc-ico{
  flex:0 0 44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:#e8f6ef;font-size:1.25rem
}
.unit-svc-card span{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.unit-svc-card strong{font-size:1.05rem;line-height:1.2;color:#0f2a22}
.unit-svc-card small{
  font-size:.82rem;line-height:1.35;color:#667785;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.unit-svc-card em{font-style:normal;font-weight:800;font-size:.82rem;color:#0b5d47;white-space:nowrap}
.unit-svc-foot{margin:0}
.unit-svc-foot a{font-weight:700;color:#0b5d47}
.citizen-unit-apply{max-width:640px;margin:0 auto;padding:8px 4px 40px}
.citizen-unit-apply-head{margin:0 0 16px}
.citizen-unit-apply-head h1{margin:4px 0 8px;font-size:1.55rem;letter-spacing:-.02em}
.citizen-unit-apply-head p{margin:0;color:#4b635b;line-height:1.45}
.citizen-unit-apply-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.citizen-unit-apply-steps{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none
}
.citizen-unit-apply-steps li{
  flex:1;min-width:140px;padding:10px 12px;border-radius:12px;background:#eef8f3;
  font-size:.82rem;font-weight:700;color:#0b5d47;counter-increment:ua
}
.citizen-unit-apply-steps{counter-reset:ua}
.citizen-unit-apply-steps li::before{content:counter(ua) " · "}
.unit-svc-card.is-citizen{min-height:96px;border-color:#8ec9b6}
.dikmen-path-water{
  background:linear-gradient(135deg,#0b6750,#14886a);color:#fff
}
.dikmen-path-water p{color:#d9f5e8}
@media(min-width:640px){
  .unit-svc-grid,.unit-svc-grid-citizen{grid-template-columns:repeat(2,minmax(0,1fr))}
}