:root{
  --p-navy:#173b5d;--p-navy-2:#244f73;--p-blue:#2e6f9e;--p-soft:#eef4f8;
  --p-line:#e5ebf0;--p-text:#13202d;--p-muted:#6b7785;--p-bg:#f5f7f9;
  --p-danger:#b42318;--p-warn:#b54708;--p-success:#027a48;
}
.page{background:var(--p-bg)!important;padding:30px 34px 60px!important;min-height:100vh}
.section-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 28px;padding:0;border:0;background:transparent}
.section-page-header h1{font-size:34px;letter-spacing:-.03em;margin:5px 0 8px;color:var(--p-text)}
.section-page-header p{margin:0;color:var(--p-muted);font-size:14px}
.page-kicker,.dashboard-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--p-blue)}
.page-primary-btn,.secondary-btn,.panel-link,.dashboard-quick-actions button,.settings-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;min-height:42px;padding:0 16px;font-weight:650;font-size:13px;cursor:pointer;transition:.2s;border:1px solid var(--p-line)}
.page-primary-btn,.dashboard-quick-actions .primary{background:var(--p-navy);color:#fff;border-color:var(--p-navy);box-shadow:0 8px 18px rgba(23,59,93,.14)}
.page-primary-btn:hover,.dashboard-quick-actions .primary:hover{background:#102f4c;transform:translateY(-1px)}
.secondary-btn,.panel-link,.dashboard-quick-actions button,.settings-actions button{background:#fff;color:var(--p-navy)}
.page-primary-btn svg,.secondary-btn svg,.panel-link svg,.dashboard-quick-actions svg,.settings-actions svg{width:16px;height:16px}
.metric-grid{display:grid;gap:18px;margin:0 0 24px}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric-card{background:#fff;border:1px solid var(--p-line);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 22px rgba(15,31,48,.045)}
.metric-card .metric-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--p-soft);color:var(--p-navy)}
.metric-card .metric-icon svg{width:22px;height:22px}.metric-card>div:last-child{min-width:0}.metric-card span{display:block;color:var(--p-muted);font-size:12px;font-weight:700}.metric-card strong{display:block;margin:3px 0 2px;color:var(--p-text);font-size:26px;line-height:1.1}.metric-card small{color:#8b96a2;font-size:11px}.metric-card.alert .metric-icon{background:#fff1f0;color:var(--p-danger)}
.page-toolbar{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--p-line);border-radius:14px;padding:10px;margin:0 0 18px}.toolbar-search{position:relative;flex:1;min-width:0}.toolbar-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;color:#8895a2}.toolbar-search input,.page-toolbar select{height:44px;border:1px solid var(--p-line);border-radius:10px;background:#fbfcfd;font-size:13px;outline:0}.toolbar-search input{width:100%;box-sizing:border-box;padding:0 14px 0 42px}.page-toolbar select{min-width:175px;padding:0 34px 0 12px;color:#344454}.toolbar-search input:focus,.page-toolbar select:focus{border-color:#93b4cc;box-shadow:0 0 0 3px rgba(46,111,158,.08)}
.data-table-wrap{width:100%;overflow-x:auto;border-radius:14px;box-shadow:0 8px 24px rgba(20,40,60,.04)}
.task-overview-bar,.task-card{grid-template-columns:minmax(250px,1.8fr) minmax(170px,1.1fr) 110px 130px 125px 105px 150px!important;min-width:1120px;gap:16px!important;margin:0!important}
.task-overview-bar{border-radius:14px 14px 0 0!important;background:#f8fafc!important;color:#687787!important;padding:15px 18px!important}
.task-card{padding:17px 18px!important;border-color:var(--p-line)!important;position:relative}.task-card:last-child{border-radius:0 0 14px 14px}.task-card.task-overdue{box-shadow:inset 3px 0 0 #d92d20}.task-card.task-done{opacity:.7}.task-card h3{font-size:14px!important}.task-card .task-subline{display:flex;gap:7px;align-items:center;color:#7d8995;font-size:11px;margin-top:5px}.task-card .task-subline svg{width:13px;height:13px}.task-status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;width:max-content}.task-status-pill.open{background:#eef4f8;color:var(--p-navy)}.task-status-pill.done{background:#ecfdf3;color:var(--p-success)}.task-actions{justify-content:flex-start!important;gap:6px!important}.task-actions button{margin:0!important;width:32px!important;height:32px!important;border:1px solid var(--p-line)!important;border-radius:8px!important;background:#fff!important;color:var(--p-navy)!important}.task-actions button:hover{background:var(--p-soft)!important;transform:none!important}.task-actions svg{width:15px;height:15px}
.renter-overview-bar,.renter-card{grid-template-columns:minmax(220px,1.6fr) minmax(190px,1.25fr) 105px 105px 115px 110px 105px 100px 135px!important;min-width:1120px;gap:14px!important;margin:0!important}.renter-overview-bar{padding:15px 18px!important;border-radius:14px 14px 0 0!important;background:#f8fafc!important;color:#687787!important}.renter-card{padding:16px 18px!important;border-color:var(--p-line)!important}.renter-avatar{width:40px!important;height:40px!important;border:0!important;border-radius:11px!important;display:grid!important;place-items:center;background:#eaf1f6!important;color:var(--p-navy)!important;font-weight:800}.renter-property strong{display:block}.renter-actions{justify-content:flex-start!important;gap:6px!important}.renter-actions button{width:32px!important;height:32px!important;border:1px solid var(--p-line)!important;border-radius:8px!important;background:#fff!important;margin:0!important}.renter-actions svg{width:15px;height:15px}.rental-link{margin:4px 0 0!important;background:transparent!important;border:0!important;padding:0!important;color:var(--p-blue)!important;font-size:11px!important}
.contact-overview-bar,.contact-card{grid-template-columns:minmax(240px,1.7fr) 150px minmax(220px,1.5fr) 150px 120px!important;min-width:940px;gap:15px!important}.contact-overview-bar{margin:0!important;background:#f8fafc!important;padding:15px 18px!important}.contact-card{padding:16px 18px!important}.contact-actions button{width:32px;height:32px;border:1px solid var(--p-line);border-radius:8px;background:#fff}.contact-avatar{border-radius:11px!important;background:#eaf1f6!important;color:var(--p-navy)!important}.contact-category{background:var(--p-soft)!important;color:var(--p-navy)!important}
.premium-form{background:#fff!important;border:1px solid var(--p-line)!important;border-radius:16px!important;padding:22px!important;margin:0 0 20px!important;box-shadow:0 16px 35px rgba(20,40,60,.07)!important}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.form-head h3{margin:3px 0 0}.icon-close{width:36px;height:36px;border:1px solid var(--p-line);background:#fff;border-radius:9px;display:grid;place-items:center;cursor:pointer}.icon-close svg{width:16px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-form input,.premium-form select,.premium-form textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3ea;border-radius:10px;padding:11px 12px;font:inherit;background:#fbfcfd}.premium-form textarea{grid-column:1/-1;min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.premium-panel{border-radius:16px!important;border:1px solid #d9e6ef!important;background:linear-gradient(135deg,#fff,#f2f7fa)!important;padding:22px!important;margin:0 0 22px!important}
.dashboard-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:32px 0 4px}.dashboard-section-head h2{font-size:25px;margin:4px 0 5px;color:var(--p-text)}.dashboard-section-head p{margin:0;color:var(--p-muted);font-size:13px}.dashboard-quick-actions{display:flex;gap:8px}.dashboard-panel{background:#fff;border:1px solid var(--p-line);border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(20,40,60,.05);min-width:0}.dashboard-row-v7{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);align-items:stretch!important}.dashboard-second-v7{display:grid!important;grid-template-columns:1fr 1fr;align-items:stretch!important}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.chart-header h3{margin:4px 0 4px;font-size:17px;color:var(--p-text)}.chart-header p{margin:0;color:var(--p-muted);font-size:12px}.dashboard-chart-total{text-align:right}.dashboard-chart-total span{display:block;color:var(--p-muted);font-size:11px}.dashboard-chart-total strong{font-size:24px;color:var(--p-navy)}.dashboard-chart-canvas{height:310px;margin-top:18px}.dashboard-chart-canvas.small{height:245px}.dashboard-chart-canvas canvas{width:100%!important;height:100%!important}.dashboard-task-list{padding:0!important;margin:14px 0 0!important;height:auto!important;border:0!important;background:transparent!important}.dashboard-task-item{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f4}.dashboard-task-item:last-child{border-bottom:0}.dashboard-task-check{width:31px;height:31px;border-radius:9px;background:var(--p-soft);display:grid;place-items:center;color:var(--p-navy);flex:0 0 auto}.dashboard-task-check svg{width:15px}.dashboard-task-copy{min-width:0;flex:1}.dashboard-task-copy strong{display:block;color:var(--p-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-task-copy span{font-size:11px;color:var(--p-muted)}.dashboard-task-date{font-size:11px;color:#7e8b98;white-space:nowrap}.dashboard-empty{padding:28px 10px;text-align:center;color:var(--p-muted);font-size:13px}.dashboard-warning-list{margin-top:15px}.dashboard-warning{display:flex;gap:12px;padding:12px;border:1px solid var(--p-line);border-radius:11px;margin-bottom:9px}.dashboard-warning .warning-icon{width:32px;height:32px;border-radius:9px;background:#fff4ed;color:var(--p-warn);display:grid;place-items:center;flex:0 0 auto}.dashboard-warning .warning-icon svg{width:16px}.dashboard-warning strong{display:block;font-size:13px;color:var(--p-text)}.dashboard-warning span{font-size:11px;color:var(--p-muted)}
.settings-layout-v7{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-layout-v7 .settings-box{margin:0!important;box-shadow:0 8px 22px rgba(20,40,60,.04)!important}.settings-wide{grid-column:1/-1}.settings-section-title{display:flex;gap:12px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid #edf1f4}.settings-section-title>svg{width:20px;color:var(--p-navy)}.settings-section-title h3{margin:0 0 3px!important}.settings-section-title p{margin:0;color:var(--p-muted);font-size:12px}.settings-actions{flex-wrap:wrap;margin-top:8px}.settings-actions button svg{width:15px}.danger-outline{color:var(--p-danger)!important}.settings-save-hint{margin-top:14px;color:var(--p-muted);font-size:12px}.settings-save-hint.saved{color:var(--p-success);font-weight:650}
@media(max-width:1200px){.metric-grid.four{grid-template-columns:repeat(2,1fr)}.dashboard-row-v7,.dashboard-second-v7{grid-template-columns:1fr!important}.settings-layout-v7{grid-template-columns:1fr}.settings-wide{grid-column:auto}.cards{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.page{padding:20px 16px 50px!important}.section-page-header,.dashboard-section-head{align-items:stretch;flex-direction:column}.section-page-header .page-primary-btn{width:100%}.metric-grid.four,.metric-grid.three{grid-template-columns:1fr}.page-toolbar{align-items:stretch;flex-direction:column}.page-toolbar select{width:100%}.form-grid.two{grid-template-columns:1fr}.dashboard-quick-actions{flex-wrap:wrap}.dashboard-quick-actions button{flex:1}.cards{grid-template-columns:1fr!important}.welcome-page-overlay{left:24px!important;right:24px}.welcome-page-overlay h1{font-size:32px!important}}

/* =========================================================
   V8 – ACTION BUTTON + TOOLBAR + DASHBOARD CHART POLISH
========================================================= */
button{box-sizing:border-box}
button svg, .btn-icon{flex:0 0 auto}
button[data-action], .small-btn, .expense-back-btn, .welcome-btn,
.assetFormBox button, .expenseFormBox button, .propertyFormBox button{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.small-btn svg,.expense-back-btn svg,.welcome-btn svg,
.assetFormBox button svg,.expenseFormBox button svg,.propertyFormBox button svg{width:16px;height:16px}
.small-btn.icon-only{width:38px;min-width:38px;padding:0!important}
.mobile-menu-btn{display:none!important}.mobile-menu-btn svg{width:20px;height:20px}
@media(max-width:768px){.mobile-menu-btn{display:inline-grid!important;place-items:center}}

/* Action columns: visible, aligned, never clipped */
.task-actions,.renter-actions,.contact-actions,.expense-actions{display:flex!important;align-items:center!important;gap:7px!important;overflow:visible!important;min-width:max-content}
.task-actions button,.renter-actions button,.contact-actions button,.expense-actions button{
    display:inline-grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;
    padding:0!important;border:1px solid #dbe3ea!important;border-radius:9px!important;background:#fff!important;color:#173b5d!important;
    box-shadow:0 1px 2px rgba(20,40,60,.04);cursor:pointer;transition:.18s ease
}
.task-actions button:hover,.renter-actions button:hover,.contact-actions button:hover,.expense-actions button:hover{background:#eef4f8!important;border-color:#b9ccda!important;transform:translateY(-1px)!important}
.task-actions button svg,.renter-actions button svg,.contact-actions button svg,.expense-actions button svg{width:16px!important;height:16px!important}
.contact-actions .btn-icon{width:16px!important;height:16px!important;object-fit:contain}
.action-btn-delete{color:#b42318!important}.action-btn-delete:hover{background:#fff4f2!important;border-color:#fecaca!important}

/* Search/filter bars: inputs must remain fully visible at every width */
.page-toolbar{width:100%;box-sizing:border-box;display:grid!important;grid-template-columns:minmax(260px,1fr) repeat(auto-fit,minmax(165px,max-content));align-items:center!important;overflow:visible!important}
.page-toolbar>*{min-width:0!important;max-width:100%}
.toolbar-search{width:100%!important;min-width:0!important;overflow:visible!important}
.toolbar-search input{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;text-overflow:ellipsis}
.page-toolbar select{width:auto;max-width:100%;box-sizing:border-box}
.property-search,.statement-search-wrap{min-width:0!important;width:100%;box-sizing:border-box;overflow:visible!important}
.property-search input,.statement-search-wrap input,#searchExpense{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.data-table-wrap{position:relative;max-width:100%;overflow-x:auto!important;overflow-y:visible!important}

/* Dashboard charts match Finanzen > Jahresverlauf / Monatliche Ausgaben */
.dashboard-chart-panel,.dashboard-second-v7 .dashboard-panel{overflow:hidden}
.dashboard-chart-canvas{height:340px!important;min-height:340px!important;margin-top:20px!important}
.dashboard-chart-canvas.small{height:300px!important;min-height:300px!important}
.dashboard-chart-canvas canvas{display:block;width:100%!important;height:100%!important}
.dashboard-second-v7 .chart-header{min-height:58px}
.dashboard-second-v7 .chart-subtitle{letter-spacing:.09em;font-size:10px;font-weight:800;color:#7b8a98}
.dashboard-second-v7 .chart-header h3{font-size:18px}

.rent-match-assign{display:inline-flex;align-items:center;gap:7px;border:1px solid #c9d8e4;background:#fff;color:#173b5d;border-radius:9px;padding:8px 11px;font-weight:700;cursor:pointer}
.rent-match-assign svg{width:15px;height:15px}

@media(max-width:980px){.page-toolbar{grid-template-columns:1fr 1fr}.page-toolbar .toolbar-search{grid-column:1/-1}.page-toolbar select{width:100%}}
@media(max-width:620px){.page-toolbar{grid-template-columns:1fr!important}.page-toolbar .toolbar-search{grid-column:auto}.dashboard-chart-canvas,.dashboard-chart-canvas.small{height:270px!important;min-height:270px!important}}
.expense-account-icon{display:grid!important;place-items:center!important}.expense-account-icon svg{width:24px;height:24px}
.assetFormBox button,.expenseFormBox button,.propertyFormBox button{min-height:40px;border-radius:9px;padding:0 14px;cursor:pointer}
.action-btn-edit svg,.action-btn-delete svg,.action-btn-pay svg,.task-action-btn-edit svg,.task-action-btn-delete svg,.task-action-btn-property svg{width:16px;height:16px}


/* V9 – Desktop/mobile navigation guard */
@media(min-width:769px){
  .mobile-menu-btn{display:none!important;visibility:hidden!important;pointer-events:none!important}
  .sidebar{left:0!important}
}

/* V9 – Complete property editor */
.propertyFormBox.property-editor-v9{background:#fff;border:1px solid var(--p-line);border-radius:18px;padding:24px;margin:0 0 24px;box-shadow:0 16px 36px rgba(20,40,60,.07)}
.property-editor-v9 .property-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.property-editor-v9 .property-form-head h3{font-size:22px;color:var(--p-text);margin:3px 0 4px}.property-editor-v9 .property-form-head p{font-size:12px;color:var(--p-muted);margin:0}
.property-editor-v9 .property-form-section{border-top:1px solid var(--p-line);padding-top:18px;margin-top:18px}.property-editor-v9 .property-form-section:first-of-type{border-top:0;padding-top:0;margin-top:0}
.property-editor-v9 .property-form-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--p-navy);margin-bottom:12px;text-transform:uppercase}.property-editor-v9 .property-form-section-title svg{width:16px;height:16px}
.property-editor-v9 .property-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.property-editor-v9 .property-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.property-editor-v9 .property-form-grid .span-2{grid-column:span 2}.property-editor-v9 .property-form-grid .span-3{grid-column:1/-1}
.property-editor-v9 label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#607080;min-width:0}.property-editor-v9 input,.property-editor-v9 select,.property-editor-v9 textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dbe3ea;border-radius:10px;background:#fbfcfd;padding:11px 12px;font:inherit;color:var(--p-text);outline:none}.property-editor-v9 textarea{min-height:92px;resize:vertical}.property-editor-v9 input:focus,.property-editor-v9 select:focus,.property-editor-v9 textarea:focus{border-color:#93b4cc;box-shadow:0 0 0 3px rgba(46,111,158,.08)}
.property-editor-v9 .property-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--p-line)}
.property-editor-v9 .property-form-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:10px;padding:0 16px;font-weight:700;border:1px solid var(--p-line);cursor:pointer}.property-editor-v9 .property-form-actions button svg{width:16px;height:16px}
.property-editor-v9 .property-form-actions .save-property-btn{background:var(--p-navy);border-color:var(--p-navy);color:#fff}.property-editor-v9 .property-form-actions .cancel-property-btn{background:#fff;color:var(--p-navy)}
@media(max-width:1050px){.property-editor-v9 .property-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.property-editor-v9 .property-form-grid .span-3{grid-column:1/-1}}
@media(max-width:650px){.property-editor-v9{padding:18px}.property-editor-v9 .property-form-grid,.property-editor-v9 .property-form-grid.two{grid-template-columns:1fr}.property-editor-v9 .property-form-grid .span-2,.property-editor-v9 .property-form-grid .span-3{grid-column:auto}.property-editor-v9 .property-form-actions{flex-direction:column-reverse}.property-editor-v9 .property-form-actions button{width:100%}}

/* V10 – Ebert & Partners Hausverwaltung Branding */
#loginPage > a:first-child {
    display:block;
    width:min(680px,82vw);
    margin:0 auto 8px;
}
#loginPage .object-logo {
    display:block;
    width:100%;
    height:clamp(180px,31vh,330px);
    object-fit:contain;
    object-position:center;
}
.sidebar .icon-box {
    margin:0 8px 22px;
    padding:10px 9px;
    min-height:102px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid rgba(207,165,73,.28);
    border-radius:14px;
    background:linear-gradient(145deg,#f7f8f9,#eef1f4);
    box-shadow:0 8px 24px rgba(0,0,0,.13);
}
.sidebar .object-logo-dashboard {
    display:block;
    width:100%;
    height:88px;
    margin:0;
    border-radius:0;
    object-fit:contain;
    object-position:center;
}
/* Properties remains navy/grey; gold from the supplied mark is only an accent. */
.sidebar-menu > li.active {
    background:linear-gradient(135deg,#203b5a,#315a82) !important;
    box-shadow:0 7px 18px rgba(10,31,53,.22);
}
.sidebar-menu > li > i,
.sidebar-menu .menu-item > i { color:#b8c7d6; }
.sidebar-menu > li.active i { color:#fff; }
@media (max-width:1024px){
    #loginPage .object-logo{display:block;}
}
@media (max-width:768px){
    #loginPage > a:first-child{width:min(480px,94vw);}
    #loginPage .object-logo{display:block;height:180px;}
    .sidebar .icon-box{min-height:88px;margin-bottom:14px;}
    .sidebar .object-logo-dashboard{height:72px;}
}

/* V12 internal transfers */
.statement-kpis{grid-template-columns:repeat(5,minmax(0,1fr));}
.statement-kpi.transfer strong,.statement-amount.transfer{color:#52677d;}
.statement-type-select{width:100%;min-width:120px;margin-bottom:6px;border:1px solid #dbe3ea;border-radius:9px;padding:7px 9px;background:#fff;color:#183247;}
.statement-transfer-note{display:block;color:#647789;margin-top:4px;line-height:1.25;}
@media(max-width:1100px){.statement-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}