/* Krovio Premium coherence / 2026-10-29 – intentionally flat, no ornamental gradients */
:root{--kv-ink:#122033;--kv-blue:#3b62d9;--kv-blue-hover:#2d4dbc;--kv-bg:#f7f8fa;--kv-border:#e1e6ee;--kv-radius:14px;--kv-shadow:0 2px 12px rgba(16,33,59,.025)}
body.krovio-app-body{background:var(--kv-bg)}
.krovio-app-body .app-shell{grid-template-columns:240px minmax(0,1fr);grid-template-rows:76px auto}
.krovio-app-body .app-topbar{grid-template-columns:240px minmax(180px,420px) minmax(0,1fr);gap:16px;padding:0 24px;background:#fff;backdrop-filter:none}
.krovio-app-body .app-sidebar{background:#152236;padding:22px 14px 17px;top:76px;height:calc(100dvh - 76px)}
.krovio-app-body .app-sidebar nav a{border-radius:9px;min-height:46px;font-size:13px;font-weight:600;gap:12px}
.krovio-app-body .app-sidebar nav a.active{background:#273954}
.krovio-app-body .app-nav-label{font-weight:700}
.krovio-app-body .app-sidebar-foot{display:grid;gap:5px;border-top:1px solid rgba(255,255,255,.13);padding-top:14px;margin-top:auto}
.krovio-app-body .app-sidebar-foot .k3-side-action{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#cdd6e4;min-height:40px;padding:9px 13px;border-radius:9px;text-decoration:none}
.krovio-app-body .app-sidebar-foot .k3-side-action:hover,.krovio-app-body .app-sidebar-foot .k3-side-action.active{color:#fff;background:#273954}
.krovio-app-body .k3-side-action .app-icon{width:17px;height:17px}
.krovio-app-body .app-main{padding:31px clamp(20px,2.8vw,45px) 75px;max-width:1600px}
.krovio-app-body .app-page-header h1{font-size:clamp(28px,2.5vw,37px);letter-spacing:-.038em}
.krovio-app-body :where(.app-card,.dash-kpis article,.finance-summary article,.apartment-directory-card,.kfc-metric,.kfc-review,.kfc-details,.kfc-months>div,.kf57-panel,.kf57-kpis>div,.kfs-stats>div){border-radius:14px;box-shadow:none;background:#fff;border:1px solid #e1e6ee}
.krovio-app-body .app-card{padding:24px}
.krovio-app-body .dash-kpis article{padding:20px}
.krovio-app-body .dash-kpis strong{font-size:clamp(23px,2vw,30px)}
.krovio-app-body .krovio-ms-card,.krovio-app-body .kb-preview,.krovio-app-body .krovio-prod-finance,.krovio-app-body .krovio-ledger,.krovio-app-body .kf54,.krovio-app-body :where(.kfc-note,.kfc-alert,.kfc-review){background:#fff!important;background-image:none!important;border:1px solid var(--kv-border)!important;box-shadow:none!important;border-radius:14px!important}
.krovio-app-body :where(.krovio-ms-card,.kb-preview,.krovio-prod-finance,.krovio-ledger,.kf54){padding:22px!important;margin:14px 0!important}
.krovio-app-body :where(.krovio-ms-card h2,.kb-preview h2,.krovio-ledger h2,.krovio-prod-finance h2){font-size:20px!important;line-height:1.35}
.krovio-app-body :where(.krovio-ms-card p,.kb-preview p,.krovio-ledger p,.krovio-prod-finance p){font-size:13px!important;line-height:1.6}
.krovio-app-body :where(button,.button-primary,.button-secondary,.page-actions button,.kfc-btn,.krovio-ms-button,.kb-button,.krovio-fr-save,[type=submit]){font-family:Inter,system-ui,sans-serif;font-weight:650;border-radius:9px;transition:background-color .16s,border-color .16s,color .16s;box-shadow:none}
.krovio-app-body :where(.button-primary,.page-actions button.primary,.krovio-ms-button,.kb-button,.kfc-btn){background:#17283f!important;background-image:none!important;color:#fff!important;border:1px solid #17283f!important}
.krovio-app-body :where(.button-primary,.page-actions button.primary,.krovio-ms-button,.kb-button,.kfc-btn):hover{background:#2c4363!important;border-color:#2c4363!important}
.krovio-app-body :where(.page-actions button:not(.primary),.button-secondary){background:#fff!important;color:#1c304a!important;border:1px solid var(--kv-border)!important}
.krovio-app-body :where(.page-actions button:not(.primary),.button-secondary):hover{background:#f3f6fa!important}
.krovio-app-body :where(.app-card,.kfc,.krovio-ledger,.kb-preview,.krovio-ms-card) :where(ul,ol){padding-left:22px;list-style-position:outside}
.krovio-app-body :where(.app-card,.kfc,.krovio-ledger,.kb-preview,.krovio-ms-card) li{margin:5px 0;line-height:1.5}
.krovio-app-body :where(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #d7dfeb;border-radius:9px;background:#fff;box-shadow:none}
.krovio-app-body :where(input,select,textarea):focus{border-color:#4065db;outline:3px solid rgba(64,101,219,.15);outline-offset:0}
.krovio-app-body .app-building-switch select{background:#fff;height:44px;border-radius:10px}
/* Account menu and quick building action */
.k3-account-area{justify-self:end;display:flex;gap:12px;align-items:center;min-width:0}
.k3-add-building{display:flex;gap:7px;align-items:center;color:#1b3150;text-decoration:none;border:1px solid #dee5ee;background:#fff;border-radius:9px;padding:10px 13px;white-space:nowrap;font-size:12px;font-weight:700}
.k3-add-building:hover{background:#f5f7fc}
.k3-add-building .app-icon{width:15px;height:15px}
.k3-account-menu{position:relative}
.k3-account-trigger{appearance:none;display:flex;align-items:center;gap:10px;max-width:245px;min-height:50px;padding:4px 7px 4px 4px;border:1px solid transparent;background:transparent;color:var(--kv-ink);cursor:pointer;text-align:left}
.k3-account-trigger:hover,.k3-account-trigger[aria-expanded=true]{background:#f6f8fb;border-color:#e4e9f1}
.k3-account-trigger .app-avatar{flex-shrink:0;background:#3158d3}
.k3-account-text{display:grid;gap:2px;min-width:0}
.k3-account-text strong{font-size:12px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k3-account-text small{font-size:10px;color:#77859a;white-space:nowrap}
.k3-caret{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0}
.k3-account-dropdown[hidden]{display:none!important}
.k3-account-dropdown{position:absolute;right:0;top:calc(100% + 7px);z-index:200;width:255px;padding:7px;background:#fff;border:1px solid #dde5ee;border-radius:12px;box-shadow:0 15px 40px rgba(15,29,50,.12)}
.k3-menu-header{display:grid;gap:5px;padding:13px 12px;border-bottom:1px solid #edf0f5;margin-bottom:4px;overflow:hidden}
.k3-menu-header strong{font-size:13px}.k3-menu-header small{font-size:11px;color:#6f8095;overflow-wrap:anywhere}
.k3-account-dropdown a{display:flex;gap:10px;align-items:center;padding:11px 10px;border-radius:8px;color:#22344d;font-size:12px;font-weight:650;text-decoration:none}
.k3-account-dropdown a:hover{background:#f3f6fa}.k3-account-dropdown .app-icon{width:17px;height:17px}
.k3-menu-divider{height:1px;background:#edf0f5;margin:5px 0}
/* Functional account and building forms */
.k3-settings-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.85fr);gap:18px;max-width:1060px;align-items:start}
.k3-new-building-card{max-width:740px}
.k3-card-title{margin-bottom:22px}.k3-card-title h2{margin:0 0 7px;font-size:20px}.k3-card-title p,.k3-profile-aside p{margin:0;color:#6b7d94;font-size:13px;line-height:1.6}
.k3-profile-form{display:grid;gap:17px}.k3-profile-form label{display:grid;gap:7px;color:#2c3d54;font-size:12px;font-weight:700}
.k3-profile-form input{height:45px;width:100%;padding:10px 13px}
.k3-profile-form input[readonly]{color:#77859a;background:#f7f8fa}
.k3-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.k3-profile-form button{justify-self:start;padding:12px 20px;min-height:44px}
.k3-profile-aside h3{font-size:15px;margin:20px 0 10px}.k3-profile-aside hr{border:0;border-top:1px solid #e7ebf1;margin:23px 0}
.k3-secondary-link{display:inline-flex;align-items:center;padding:11px 14px;margin-right:8px;margin-top:12px;border-radius:9px;background:#fff;border:1px solid #dae2ec;color:#213551;font-size:12px;font-weight:650;text-decoration:none}
.k3-secondary-link:hover{background:#f4f7fb}.k3-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.k3-success{padding:12px 16px;background:#edf8f3;border:1px solid #cbe9da;border-radius:9px;color:#195e42;margin:0 0 17px}
/* Public and setup surfaces: flat style, consistent controls, no fake operational badges */
.krovio-public :where(.k-live-service-card,.k-hero-status,.k-dashboard-mockup,.k-integration-card,.k-card,.k-btn,.k-header-cta),.krovio-setup-body :where(.k-onboard-primary,.k-onboard-grid>article,.krovio-next-manual,.k-upload-zone){box-shadow:none!important}
.krovio-public :where(.k-live-service-card,.k-hero-status,.k-dashboard-mockup),.krovio-setup-body :where(.k-onboard-primary,.k-onboard-grid>article){border:1px solid #e2e7ed;border-radius:16px}
.krovio-public :where(.k-live-service-card,.k-dashboard-mockup,.k-hero-status),.krovio-setup-body :where(.k-onboard-primary,.k-onboard-grid>article){background-image:none!important}
.krovio-public :where(.k-btn,.k-header-cta),.krovio-setup-body :where(button[type=submit]){border-radius:9px}
@media(max-width:1100px){.krovio-app-body .app-shell{grid-template-columns:207px minmax(0,1fr)}.krovio-app-body .app-topbar{grid-template-columns:207px minmax(150px,380px) minmax(0,1fr)}.k3-add-building span{display:none}}
@media(max-width:760px){.krovio-app-body .app-shell{display:block}.krovio-app-body .app-topbar{display:grid;grid-template-columns:44px minmax(0,1fr) auto;height:auto;min-height:68px;padding:9px 13px;gap:7px}.krovio-app-body .app-sidebar{position:fixed;top:0;height:100dvh}.krovio-app-body .app-building-switch{grid-column:1/-1}.krovio-app-body .k3-account-area{grid-column:3;grid-row:1;gap:0}.krovio-app-body .k3-add-building{display:none}.k3-account-text,.k3-caret{display:none}.k3-account-trigger{padding:3px;border:0;min-height:40px}.k3-account-trigger .app-avatar{width:35px;height:35px}.krovio-app-body .app-main{padding:22px 15px 45px}.k3-settings-grid{grid-template-columns:1fr}.k3-field-row{grid-template-columns:1fr}.k3-account-dropdown{right:0;top:calc(100% + 10px)}.krovio-app-body .app-card{padding:18px}}
@media(max-width:440px){.krovio-app-body .app-topbar{grid-template-columns:42px minmax(0,1fr) 40px}.krovio-app-body .app-building-switch select{height:42px}.k3-form-actions{align-items:stretch}.k3-form-actions>*{width:100%;justify-content:center;text-align:center}}