/* OLIVE PARK UI VERSION: 20261115-r1 — YENI TASARIM DOSYASI */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--pine:#193e31;--pine2:#244c3b;--pine3:#2b5943;--leaf:#6c8651;--leaf2:#8fa777;--ink:#1e3028;--muted:#829087;--cream:#f5f7f2;--line:#e6ebe3;--white:#fff;--shadow:0 16px 35px rgba(29,57,42,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Manrope',Arial,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{max-width:100%}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-family:Manrope,sans-serif;font-weight:800;line-height:1.19}h2{font-size:19px;line-height:1.3;font-weight:800}h3{font-size:15px}p{line-height:1.65}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.center{text-align:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#6d916f;text-transform:uppercase}.preline{white-space:pre-line;overflow-wrap:anywhere}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}code{overflow-wrap:anywhere}
.btn{border:1px solid transparent;display:inline-flex;align-items:center;gap:10px;justify-content:center;padding:11px 16px;border-radius:11px;font-weight:700;font-size:12px;transition:transform .14s ease,background .14s ease;text-align:center;white-space:nowrap;background:#eef1eb;color:var(--pine)}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--pine);color:white}.btn.primary:hover{background:#285640}.btn.outline{background:transparent;border-color:#d4ded3;color:var(--pine)}.btn.outline:hover{background:#f0f5ed}.btn.light{background:white;color:var(--pine)}.btn.full{width:100%}.btn.large{padding:15px 18px;font-size:13px}.btn.sm{font-size:11px;padding:8px 11px;border-radius:8px}.btn.text-danger{color:#ab5c52;background:#fff0eb}.text-link{color:#406b49;font-size:12px;font-weight:800}.text-link:hover{text-decoration:underline}.inline-form{display:inline-flex;margin:0}.btn-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #e1e7df;background:#fff;color:#263a2c;border-radius:10px;padding:12px 13px;outline:none;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:#87a98a;box-shadow:0 0 0 3px #8daf8622}input::placeholder,textarea::placeholder{color:#a2afa5}textarea{resize:vertical}label{font-size:12px;font-weight:800;color:#4d6655;display:block}label input,label select,label textarea{display:block;margin-top:8px;font-weight:500}.stack{display:flex;flex-direction:column;gap:17px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check-label{display:flex;align-items:center;gap:10px}.check-label input{accent-color:var(--pine);width:16px;height:16px}.stack h3{margin:0}hr{border:0;border-top:1px solid var(--line);margin:7px 0}
.alert{border:1px solid #d5eadb;background:#eef8f0;padding:14px 16px;border-radius:12px;font-size:13px;color:#246044;margin-bottom:20px}.alert.danger{background:#fff2ee;border-color:#f3d7ce;color:#9b4635}.alert.warn{background:#fff8e6;border-color:#f1e1b7;color:#805e24}.status{display:inline-flex;align-items:center;border-radius:100px;padding:5px 10px;font-weight:800;font-size:10px;letter-spacing:.008em;white-space:nowrap}.status::before{content:"";width:6px;height:6px;border-radius:50%;margin-right:6px;background:currentColor}.status.ok{color:#2e7951;background:#e5f3e8}.status.warn{color:#af7c29;background:#fcf2dd}.status.danger{color:#9d6b5e;background:#f7eee8}.chip{background:#eef3ed;border:1px solid #e1e7df;color:#3b5f45;border-radius:100px;padding:9px 14px;font-size:12px;font-weight:700;white-space:nowrap}
.auth-body{display:flex;min-height:100vh;background:#fff}.auth-art{width:50%;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(ellipse at 87% 80%,#37684b 0%,transparent 55%),radial-gradient(ellipse at 14% 15%,#405f47 0%,transparent 45%),#183f31;position:relative;overflow:hidden}.auth-art:after{content:"";display:block;position:absolute;right:-160px;bottom:-200px;width:650px;height:750px;border:1px solid #ffffff1c;border-radius:52% 70% 32% 30%;transform:rotate(-35deg);box-shadow:-80px -50px 0 0 #ffffff05,-140px -90px 0 0 #ffffff05;pointer-events:none}.auth-art:before{content:"✳";position:absolute;font-size:660px;line-height:1;bottom:-120px;right:-105px;color:#ffffff09;font-weight:400;transform:rotate(-15deg)}.art-small,.art-footer{font-size:11px;letter-spacing:.2em;font-weight:800;z-index:1}.auth-art>div{z-index:1;max-width:560px}.art-eyebrow{color:#b3cba8;letter-spacing:.14em;font-weight:800;font-size:11px}.auth-art h2{font-size:clamp(38px,4.5vw,66px);line-height:1.16;color:white;margin:20px 0 22px}.auth-art p:not(.art-eyebrow){max-width:390px;color:#d4e0d5;font-size:15px;line-height:1.85}.auth-right{width:50%;display:flex;align-items:center;justify-content:center;padding:40px 35px}.auth-card{width:min(440px,100%);padding:18px}.login-logo{display:block;width:185px;height:133px;object-fit:contain;object-position:left center;margin:0 0 35px -12px}.auth-card h1{font-size:36px;margin:11px 0}.auth-card>.muted{margin:0 0 30px}.login-form{gap:23px}.login-form .btn{display:flex;justify-content:space-between}.login-form label{color:#455a4d}.password-wrap{position:relative}.password-wrap input{padding-right:83px}.show-pass{position:absolute;right:10px;top:17px;border:none;background:transparent;color:#628267;font-size:11px;font-weight:800}.auth-bottom{border-top:1px solid #ebefeb;margin-top:45px;padding-top:21px;color:#a2aaa5;font-size:11px;display:flex;justify-content:space-between}.login-other{margin-top:28px}.login-other a{color:#40764e;font-weight:700}
.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;background:#193e31;color:#c2d3c8;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40;padding:32px 16px 20px}.brand{display:flex;align-items:center;gap:11px;padding:0 13px}.brand-symbol{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #7b987c;border-radius:15px;background:#ffffff10;color:#a1c496;font-size:29px;line-height:1}.brand strong{color:#fff;letter-spacing:.16em;font-size:14px;display:block;white-space:nowrap}.brand small{display:block;letter-spacing:.17em;font-size:8px;color:#aabdb0;margin-top:2px}.sidebar-divider{height:1px;background:#ffffff1a;margin:35px 12px 24px}.side-label{font-size:9px;font-weight:800;letter-spacing:.19em;margin:0 15px 11px;color:#88aa91}.side-menu{display:flex;flex-direction:column;gap:4px}.side-link{display:flex;align-items:center;gap:13px;padding:12px 15px;font-size:12px;font-weight:700;border-radius:10px;transition:background .16s;color:#bdcfc2}.side-link:hover{background:#ffffff10;color:#fff}.side-link.active{color:#fff;background:#ffffff1c}.side-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:19px;font-weight:500;color:#a9c1ac}.side-bottom{margin-top:auto}.side-resident{border-top:1px solid #ffffff1f;padding:18px 8px 13px;display:flex;gap:10px;align-items:center}.side-avatar{height:34px;width:34px;border-radius:50%;background:#b4c2aa;color:#234934;display:flex;align-items:center;justify-content:center;font-weight:800}.side-user b{font-size:11px;color:white;display:block}.side-user small{font-size:10px;color:#a8c2af}.logout-btn{background:none;border:none;color:#bbd0c0;padding:10px 14px;font-size:11px;font-weight:700;width:100%;text-align:left}.logout-btn:hover{color:white}.main-area{margin-left:254px;width:calc(100% - 254px);min-width:0;display:flex;flex-direction:column}.topbar{height:83px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.breadcrumbs{font-size:12px;display:flex;align-items:center;gap:13px;color:#929e94}.breadcrumbs b{color:#526c59}.top-actions{display:flex;align-items:center;gap:23px}.today-date{color:#8c9b90;font-size:12px}.top-avatar{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;color:#fff;background:#7f9c7e;border-radius:50%;font-weight:800}.content{width:min(1370px,100%);margin:0 auto;padding:42px 45px 70px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 31px}.page-heading h1{font-size:clamp(25px,3vw,33px);margin:7px 0}.page-heading p{color:var(--muted);font-size:13px;margin:0}.wave{color:#93b078}.summary-grid{display:grid;grid-template-columns:1.21fr 1fr 1fr;gap:18px;margin-bottom:24px}.summary-card{position:relative;border-radius:18px;padding:25px 25px 24px;min-height:226px;overflow:hidden;border:1px solid #e8eee6}.summary-card.dark{background:linear-gradient(115deg,#1e5139,#21412f);color:white;border-color:transparent}.summary-card.pale{background:#edf2e9}.summary-card.pale.warm{background:#f2efe7}.summary-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;letter-spacing:.10em}.dark .summary-head{color:#c8dec9}.pale .summary-head{color:#5c8063}.summary-head .icon-box,.round-ico{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:100%;background:#ffffff91;color:#5a8164;font-size:20px}.dark .round-ico{background:#ffffff23;color:#fff}.sum-amount{font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,2.4vw,33px);letter-spacing:-.055em;font-weight:800;margin:20px 0 1px;white-space:nowrap}.sum-amount small{font-size:15px}.summary-card p{font-size:11px;color:#7b907b;margin:0 0 22px}.summary-card.dark p{color:#b8d0ba}.white-button{display:inline-flex;align-items:center;gap:17px;background:#fff;color:#2d5c3a;font-size:11px;font-weight:800;padding:10px 13px;border-radius:8px;position:relative;z-index:2}.summary-card .text-link{display:inline-block;margin-top:1px}.leaf-art{position:absolute;font-size:230px;color:#ffffff0e;right:-38px;bottom:-88px;line-height:1}.two-panel-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin:0 0 24px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-head h2{margin:0}.panel-head p{color:var(--muted);font-size:11px;margin:3px 0 0}.charge-list,.announcement-list,.payment-list{display:flex;flex-direction:column}.charge-row{padding:14px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eff2ee}.charge-row:last-child{border-bottom:0;padding-bottom:0}.charge-icon{width:41px;height:41px;background:#e9f0e8;border-radius:12px;color:#4f785b;display:flex;align-items:center;justify-content:center;font-size:23px}.charge-name{flex:1}.charge-name strong,.charge-name small{display:block}.charge-name strong{font-size:12px}.charge-name small{font-size:11px;color:#9aa79d}.charge-end{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.charge-end b{font-size:12px}.announce-item{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid #edf0eb}.announce-item:last-child{border:0}.announce-marker{flex-shrink:0;width:7px;height:7px;background:#8cab78;border-radius:50%;margin-top:8px}.announce-item b{font-size:12px}.announce-item p{font-size:11px;color:#809286;margin:4px 0}.announce-item small{color:#a4aea6;font-size:10px}.callout{background:#e6eee2;border:1px solid #deead8;padding:19px 25px;border-radius:16px;display:flex;align-items:center;gap:17px}.callout-icon{background:#cfdec9;border-radius:14px;color:#4f7c52;width:47px;height:47px;display:flex;align-items:center;justify-content:center;font-size:25px;flex-shrink:0}.callout>div{flex:1;min-width:0}.callout strong{font-size:13px}.callout p{margin:2px 0 0;color:#698271;font-size:11px}.empty{padding:32px 10px;text-align:center;color:#94a295;font-size:13px}.footer{display:flex;justify-content:space-between;align-items:center;color:#99a69c;padding:0 47px 27px;font-size:10px;gap:10px}
.table-wrap{max-width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.data-table th{background:#f6f8f5;color:#86988c;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:13px 12px;font-weight:800}.data-table th:first-child{border-radius:8px 0 0 8px}.data-table th:last-child{border-radius:0 8px 8px 0}.data-table td{padding:14px 12px;border-bottom:1px solid #eef1ec}.data-table tr:last-child td{border-bottom:0}.info-note{background:#f0f4ec;border:1px solid #e4ebdd;border-radius:12px;padding:18px 20px;margin-top:20px}.info-note b{color:#4b7454;font-size:13px}.info-note p{color:#829485;font-size:11px;margin:6px 0 0}.payment-item{border-bottom:1px solid var(--line);padding:16px 0}.payment-item:first-child{padding-top:0}.payment-item:last-child{border-bottom:0}.payment-top,.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.payment-top b,.ticket-header b{font-size:13px}.payment-top p{margin:3px 0}.payment-right{display:flex;align-items:flex-end;gap:7px;flex-direction:column}.transfer-box{background:#f5f7f3;border:1px dashed #cbdcc8;padding:16px;border-radius:12px;margin-top:13px}.refline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0}.refline code{font-size:15px;font-weight:800;color:#244d34}.transfer-box p{margin:9px 0 0}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.news-card{min-height:210px}.news-card h2{margin:18px 0 14px;font-size:21px}.news-card p{font-size:13px;color:#627268}.news-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.news-meta time{font-size:11px;color:#a0aba2}.news-category{color:#638c68;font-size:10px;font-weight:800;letter-spacing:.07em}.form-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.ticket-box{border:1px solid #edf0eb;padding:18px;border-radius:12px;margin-bottom:13px}.ticket-box:last-child{margin-bottom:0}.ticket-box>p{font-size:12px;margin:9px 0}.ticket-box .ticket-header{align-items:center}.reply{background:#f1f6ee;border-radius:9px;padding:14px;font-size:12px;margin-top:13px}.reply p{margin:6px 0 0}.bank-card{max-width:640px;text-align:center;padding:42px}.bank-logo{height:70px;width:70px;border-radius:22px;background:#edf3e8;color:#6d986d;display:flex;align-items:center;justify-content:center;font-size:33px;margin:0 auto 20px}.bank-card h2{font-size:24px;margin:10px 0 5px}.bank-card p{font-size:12px;color:var(--muted)}.iban-card{border-radius:14px;padding:23px;background:#f5f7f3;margin:23px 0}.iban-card span{display:block;letter-spacing:.10em;color:#8a9b8c;font-size:10px;font-weight:800}.iban-card b{display:block;overflow-wrap:anywhere;font-size:20px;letter-spacing:.02em;margin:12px 0}.profile-panel{max-width:700px}.admin-stats .sum-amount{font-size:clamp(25px,2.2vw,32px)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.quick-link{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-radius:14px;background:#fff;border:1px solid var(--line);padding:18px 18px 19px}.quick-link:hover{border-color:#bbd2b8;box-shadow:var(--shadow)}.quick-link>span{font-size:27px;color:#6c946c;line-height:1.3}.quick-link b{font-size:12px}.quick-link small{color:#98a59a;font-size:10px}.mini-row{display:flex;gap:16px;border-bottom:1px solid #eff1ed;padding:12px 0;align-items:center}.mini-row:last-child{border:0}.mini-row>span:first-child{font-size:11px;font-weight:800;white-space:nowrap;color:#5b8165}.mini-row>div{flex:1;min-width:0}.mini-row>div b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-row>div small{font-size:10px;color:#93a198}.water-head{display:flex;align-items:end;gap:15px;padding:0 0 25px;border-bottom:1px solid var(--line)}.water-head label{max-width:260px;flex:1}.water-head>.btn{margin-bottom:0}.water-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:24px}.water-block h3{letter-spacing:.10em;font-size:12px;color:#447050;margin:0 0 15px}.water-unit{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef1ec;padding:6px 0;font-size:12px;color:#6b806f;font-weight:500}.water-unit input{width:150px;margin:0;padding:8px}.water-unit b{color:#31573d}.ticket-admin-list{display:grid;gap:14px}.ticket-admin-list>.panel{max-width:920px}.ticket-admin-list>.panel>p{font-size:13px;margin:20px 0}.ticket-admin-list .ticket-header h2{margin:7px 0 3px}.ticket-actions{display:flex;justify-content:space-between;align-items:end;gap:16px}.ticket-actions label{flex:1;max-width:260px}.ticket-actions .btn{margin-bottom:1px}.units-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.unit-card{border:1px solid #edf0eb;border-radius:12px;overflow:hidden}.unit-card summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:13px}.unit-card summary::-webkit-details-marker{display:none}.unit-card summary>span:nth-child(2){flex:1;min-width:0}.unit-card summary b,.unit-card summary small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-card summary b{font-size:11px}.unit-card summary small{font-size:10px;color:#8fa092}.unit-bubble{width:33px;height:33px;background:#ebf2e8;color:#507a55;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800}.unit-arrow{color:#98a69b}.unit-fields{background:#fbfcfa;padding:16px;gap:12px}.unit-fields input{padding:9px}.unit-fields label{font-size:10px}.unit-fields label input{margin-top:5px}.mobile-menu,.mobile-cover{display:none}.toast{position:fixed;bottom:25px;right:30px;display:none;background:#1e4734;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 8px 35px #193e3133;font-size:12px;z-index:80}.toast.visible{display:block}
@media(max-width:1180px){.sidebar{width:225px}.main-area{margin-left:225px;width:calc(100% - 225px)}.content{padding:35px 28px 60px}.topbar{padding:0 30px}.summary-grid{gap:12px}.summary-card{padding:21px 18px}.sum-amount{font-size:26px}.units-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){.sidebar{transform:translateX(-101%);transition:transform .24s ease;width:245px}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.mobile-menu{display:block;background:none;border:0;font-size:22px;color:#33583f;padding:5px 12px 5px 0}.mobile-cover.visible{display:block;position:fixed;inset:0;background:#13271e7b;z-index:30}.auth-art{width:44%;padding:38px}.auth-art h2{font-size:39px}.auth-right{width:56%;padding:22px}.two-panel-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card.dark{grid-column:span 2;min-height:195px}.summary-card.pale{min-height:180px}.water-grid{gap:18px}}
@media(max-width:620px){.auth-art{display:none}.auth-right{width:100%;min-height:100vh;padding:25px}.auth-card{padding:12px}.login-logo{margin-bottom:17px}.auth-card h1{font-size:29px}.topbar{height:70px;padding:0 18px}.today-date{display:none}.content{padding:27px 17px 55px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading .chip{align-self:flex-start}.summary-grid{grid-template-columns:1fr 1fr;gap:10px}.summary-card{border-radius:14px;padding:17px 15px;min-height:179px}.summary-card.dark{min-height:196px}.summary-head{font-size:9px}.sum-amount{font-size:23px;margin-top:13px}.summary-card p{font-size:10px;margin-bottom:13px}.summary-card .text-link{font-size:11px}.panel{padding:18px 15px;border-radius:14px}.news-grid,.form-side-grid{grid-template-columns:1fr}.callout{flex-wrap:wrap;padding:17px}.callout .btn{margin-left:63px}.two-cols{grid-template-columns:1fr}.bank-card{padding:28px 19px}.iban-card b{font-size:15px}.water-head{display:grid;grid-template-columns:1fr 1fr}.water-head label{max-width:none}.water-head>.btn{grid-column:span 2}.water-grid{grid-template-columns:1fr}.units-grid{grid-template-columns:1fr}.quick-grid{gap:10px}.quick-link{padding:13px}.quick-link b{font-size:11px}.quick-link small{font-size:10px}.footer{padding:0 17px 25px;flex-direction:column;align-items:flex-start}.payment-top{flex-direction:column}.payment-right{flex-direction:row;align-items:center}.ticket-actions{align-items:stretch;flex-direction:column}.ticket-actions label{max-width:none;width:100%}.auth-bottom{margin-top:34px}.table-wrap{margin:0 -6px}}

.unit-reset-form{padding:0 16px 16px;background:#fbfcfa}

.brand-symbol.brand-logo{background:#f8fbf6;border:none;overflow:hidden;padding:3px;border-radius:12px}.brand-symbol.brand-logo img{object-fit:contain;width:100%;height:100%}

/* Olive Park release: larger legibility and logo, separated block tabs */
body {font-size:16px;}
.side-link{font-size:14px;padding:13px 15px;}
.login-logo{width:255px;height:180px;max-width:100%;margin:0 0 25px -12px;}
.brand-symbol.brand-logo{width:72px;height:72px;flex-shrink:0;padding:2px;background:transparent;}
.brand strong{font-size:16px;letter-spacing:.10em;}
.brand small{font-size:11px;}
.page-heading p,.muted{font-size:14px;}
.data-table{font-size:14px;}.data-table th{font-size:12px;}
.unit-card summary b,.mini-row>div b,.unit-card summary small,.water-unit,.quick-link b{font-size:14px;}
.unit-card summary small,.quick-link small,.panel-head p,.side-link small{font-size:12px;}
.unit-fields label,.water-block h3{font-size:13px;}
.summary-card p,.announce-item p,.payment-top p,.tiny,.muted.small{font-size:12px;}
.footer{font-size:12px;line-height:1.5;}
.auth-bottom{font-size:12px;line-height:1.5;}
.block-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px;}
.tab-link{border:1px solid #dce7d9;border-radius:12px;background:#fff;color:#396044;padding:11px 20px;font-size:14px;font-weight:800;}
.tab-link.active{background:#1c4735;color:#fff;border-color:#1c4735;box-shadow:0 5px 14px #183f3121;}
.tab-link:hover{border-color:#84ad88;}
.water-grid.single{display:block;max-width:860px;}
.water-unit{padding:10px 2px;gap:18px;}.water-unit span{min-width:0;overflow-wrap:anywhere;}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;}
.metric-card{background:#fff;border:1px solid #e2ece1;border-radius:17px;padding:23px;min-width:0;display:flex;flex-direction:column;gap:7px;}
.metric-card span{font-size:13px;text-transform:uppercase;letter-spacing:.02em;font-weight:700;color:#748979;}
.metric-card strong{font-size:clamp(19px,2.1vw,29px);letter-spacing:-.035em;color:#244b37;overflow-wrap:anywhere;}
.metric-card small{font-size:12px;color:#809287;}.metric-card.accent{background:#204936;border-color:#204936;}
.metric-card.accent span,.metric-card.accent strong,.metric-card.accent small{color:white;}
.fee-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;}
.home-banner{margin:0 0 25px;border-radius:16px;overflow:hidden;border:1px solid #e1e8dc;background:#f4f7f3;}
.home-banner img{width:100%;height:auto;max-height:360px;display:block;object-fit:cover;}
.banner-preview{width:100%;max-height:450px;object-fit:contain;background:#f1f6ee;border-radius:13px;margin-bottom:20px;}
.banner-placeholder{padding:40px 12px;text-align:center;border:1px dashed #bdd0bc;border-radius:12px;color:#7c9980;margin-bottom:20px;}
.pay-email{max-width:185px;padding:7px 10px;font-size:13px;}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.fee-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.login-logo{width:220px;height:160px;}.brand-symbol.brand-logo{width:60px;height:60px;}.metric-grid{grid-template-columns:1fr;}.metric-card{padding:19px;}.tab-link{flex:1;text-align:center;min-width:110px;padding:12px 9px;}.fee-grid{grid-template-columns:1fr 1fr;}.water-unit input{width:130px;}}


/* Olive Park UI Refresh: controls, typography, logos, block selection. */
body{font-size:16px;line-height:1.6}
label, .stack label{font-size:14px}
input:not([type=checkbox]),select,textarea{font-size:15px;min-height:44px}
.btn{font-size:14px;min-height:42px}
.side-link{font-size:15px;line-height:1.45}
.side-label{font-size:12px}
.panel-head h2{font-size:19px}
.page-heading h1{font-size:clamp(29px,2.8vw,39px)}
.page-heading p,.panel-head p,.muted{font-size:15px}
.data-table{font-size:14px}.data-table th{font-size:13px}
.quick-link b,.mini-row>div b{font-size:14px}
.quick-link small,.mini-row>div small,.muted.small,.summary-card p{font-size:13px}
.unit-card summary{padding:15px}
.unit-card summary b{font-size:14px}
.unit-card summary small{font-size:13px}
.unit-fields label{font-size:14px}
.water-unit{font-size:14px}
.water-unit input{font-size:14px}
.auth-bottom,.footer{font-size:13px;line-height:1.65}
.biblo-credit{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.biblo-credit:hover,.biblo-credit:focus-visible{color:#a5cd91}
.auth-bottom .biblo-credit:hover{color:#1d5b41}
/* Preserve readable centered logo without distorting its aspect ratio. */
.login-logo{width:min(320px,100%);height:220px;object-fit:contain;margin:0 0 19px -8px}
.brand-symbol.brand-logo{width:86px;height:86px;padding:0;display:flex;align-items:center;justify-content:center;overflow:visible;flex-shrink:0}
.brand-symbol.brand-logo img{width:100%;height:100%;object-fit:contain}
.brand strong{font-size:17px;letter-spacing:.035em}
.brand small{font-size:11px;letter-spacing:.04em}
/* Big, high-contrast block-choice cards replace subtle text tabs. */
.block-switcher{background:#ecf3e9;border:1px solid #d4e3d0;border-radius:19px;padding:17px;margin:0 0 20px}
.block-switcher-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px 15px;margin-bottom:14px}
.block-switcher-heading b{font-size:13px;letter-spacing:.065em;color:#204e39}
.block-switcher-heading span{font-size:13px;color:#617b68}
.block-switcher-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.block-choice{background:#fff;border:2px solid #dce8d8;border-radius:14px;display:flex;align-items:center;gap:13px;min-width:0;padding:15px 14px;color:#294b38;transition:background .18s,border-color .18s,transform .18s;box-shadow:0 2px 6px #153a2510}
.block-choice:hover{border-color:#92b49a;transform:translateY(-1px)}
.block-choice.active{background:#1f4836;border-color:#1f4836;color:#fff;box-shadow:0 8px 17px #153b2e20}
.block-choice-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#e6f1df;color:#315e3c;font-weight:900;font-size:20px;flex-shrink:0}
.block-choice.active .block-choice-mark{background:#b6d6ae;color:#1c4937}
.block-choice-label{display:flex;flex-direction:column;min-width:0;line-height:1.35;flex:1}
.block-choice-label strong{font-size:15px;letter-spacing:.035em}
.block-choice-label small{font-size:12px;color:#7b9280;margin-top:2px}
.block-choice.active .block-choice-label small{color:#cbded1}
.block-choice-arrow{font-size:23px;color:#89ad93;flex-shrink:0}
.block-choice.active .block-choice-arrow{color:#d8f1d7}
.water-grid.single{max-width:none}
.water-block h3{font-size:16px;letter-spacing:.05em}
.water-entry-panel{border-top:4px solid #456c4e}
/* Finance: only the two owner-requested key blocks remain. */
.finance-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:24px}
.finance-overview-card{border-radius:20px;min-width:0;min-height:205px;padding:27px 27px 22px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;box-shadow:0 10px 28px #193e3111}
.finance-overview-card.income-card{background:#1b4835;color:#fff}
.finance-overview-card.expense-card{background:#fff;border:1px solid #dce6db;color:#244b38}
.finance-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffffff20;font-size:25px;font-weight:800}
.expense-card .finance-icon{background:#eaf3e7}
.finance-content{display:flex;flex-direction:column;gap:6px}
.finance-label{font-size:14px;font-weight:800;letter-spacing:.065em}
.finance-content strong{font-size:clamp(28px,3vw,43px);line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.finance-content small{font-size:13px;opacity:.8}
.finance-action{align-self:flex-end;margin-top:auto;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.charge-single-area{max-width:900px;margin-bottom:20px}
.automation-note{background:#eaf3e7;border:1px solid #cfdfc8;border-radius:14px;padding:15px 18px;display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#24523b}
.automation-note>span{background:#256542;color:#fff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;font-size:16px}
.automation-note b{display:block;font-size:15px}
.automation-note small{display:block;margin-top:2px;font-size:13px;line-height:1.5}
.banner-spec{background:#eaf3e7;border:1px solid #d3e5d0;border-radius:15px;padding:17px;display:flex;align-items:center;gap:16px;margin-bottom:22px;color:#264d36}
.banner-spec-icon{width:55px;height:45px;border-radius:11px;background:#2b5e44;color:#fff;display:grid;place-items:center;flex-shrink:0;font-size:28px}
.banner-spec strong,.banner-spec span:not(.banner-spec-icon){display:block}
.banner-spec strong{font-size:16px}.banner-spec div span{font-size:13px;margin-top:4px;color:#627966}
.banner-admin-hint{font-size:14px;color:#456a4a;background:#f0f6ed;border-radius:10px;padding:12px 14px;margin:0 0 16px}
.home-banner{aspect-ratio:16/5}
.home-banner img{width:100%;height:100%;max-height:none;object-fit:cover}
@media(max-width:1100px){.block-choice{padding:12px 10px;gap:9px}.block-choice-label strong{font-size:14px}.block-choice-mark{height:37px;width:37px}}
@media(max-width:770px){.block-switcher-list{grid-template-columns:1fr}.block-choice{padding:12px 14px}.finance-overview{grid-template-columns:1fr}.finance-overview-card{min-height:175px}.login-logo{width:min(285px,100%);height:195px}}
@media(max-width:620px){.brand-symbol.brand-logo{width:75px;height:75px}.page-heading h1{font-size:29px}.block-switcher{padding:13px}.block-switcher-heading span{font-size:12px}.finance-overview-card{padding:22px}.data-table{font-size:13px}}

/* OLIVE PARK LOGO CONTRAST FIX: v2 */
/* The artwork has dark text; preserve it and restore a clean light plaque. */
.brand-symbol.brand-logo {
  background: #f8faf5 !important;
  border: 1px solid #dce7d9 !important;
  border-radius: 15px !important;
  padding: 7px !important;
  overflow: hidden !important;
  box-shadow: 0 5px 20px rgba(0,0,0,.20) !important;
}
.brand-symbol.brand-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.login-logo {
  background: #f8faf5 !important;
  border: 1px solid #e2eadd !important;
  border-radius: 18px !important;
  padding: 12px !important;
  box-shadow: 0 7px 24px rgba(29,69,44,.09) !important;
}

/* OLIVE PARK: Plaka sorgulama, yöneticiler ve doğrudan banner yönetimi — r3 */
.plate-search-panel{max-width:1000px}
.plate-search-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:15px;margin-bottom:21px}
.plate-search-form label{flex:1 1 260px;max-width:490px}
.plate-search-input{font-size:21px!important;font-weight:800;letter-spacing:.07em;text-transform:uppercase;min-height:54px}
.plate-search-form .btn{min-height:54px;white-space:nowrap}
.plate-empty{border:1px dashed #b9cdb9;background:#f5faf2;border-radius:15px;padding:26px;color:#52705d;line-height:1.7}
.plate-result-counter{font-size:14px;color:#547563;font-weight:700;margin:12px 0 18px}
.plate-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}
.plate-result-card{background:#f9fcf8;border:1px solid #d8e5d5;border-radius:16px;padding:23px}
.plate-result-card h2{font-size:24px;letter-spacing:-.02em;margin:15px 0 19px;color:#214a34}
.plate-tag{display:inline-block;background:#214d38;color:#fff;letter-spacing:.085em;padding:8px 13px;border-radius:9px;font-weight:800;font-size:14px}
.plate-result-card dl{display:grid;gap:12px;margin:0 0 20px}
.plate-result-card dl div{display:flex;justify-content:space-between;align-items:baseline;gap:13px;border-bottom:1px solid #e5eee3;padding-bottom:9px}
.plate-result-card dt{font-size:12px;color:#65806a}.plate-result-card dd{margin:0;text-align:right;font-weight:700;color:#234532;overflow-wrap:anywhere;font-size:14px}
.manager-layout{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(360px,1.15fr);gap:22px;align-items:start}
.manager-list{display:grid;gap:12px}
.manager-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border:1px solid #e4eee1;background:#fafcf9;padding:14px;border-radius:13px}
.manager-avatar{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#dcead9;color:#326343;font-size:19px;font-weight:800}
.manager-details{flex:1;min-width:120px}.manager-details strong,.manager-details small{display:block}.manager-details strong{font-size:15px}.manager-details small{font-size:12px;color:#728b79;margin-top:4px}
.manager-owner{background:#e3efe0;color:#2d6442;font-size:11px;padding:7px 9px;border-radius:8px;font-weight:800}
.manager-reset{width:100%}.manager-reset summary{cursor:pointer;color:#386e4c;font-weight:800;font-size:13px}.manager-reset form{margin-top:12px}.manager-reset .btn{width:max-content}
@media(max-width:980px){.manager-layout{grid-template-columns:1fr}}
@media(max-width:620px){.plate-search-form .btn{width:100%}.plate-search-input{font-size:19px!important}.plate-result-card h2{font-size:21px}}

/* Banner position / scale — 2026-11-15 r4: bottom of home dashboards only. */
.home-banner.home-banner-compact {
  width: min(100%, 620px);
  max-width: 620px;
  margin: 30px auto 4px;
  aspect-ratio: 16 / 5;
  border-radius: 14px;
  border: 1px solid #e4e9df;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(33, 62, 39, .055);
}
.home-banner.home-banner-compact img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
}
@media (max-width: 620px) {
  .home-banner.home-banner-compact { margin: 22px auto 2px; border-radius: 11px; }
}