/* PORTEBELLA PMS · UI KIT PILOT v1.0
   Scope: Login + Executive Dashboard only. Presentation layer; no business logic. */
:root{
  --pb-ivory:#F4F0E7;
  --pb-sand:#D8C9B4;
  --pb-stone:#AAA093;
  --pb-green:#23382F;
  --pb-green-2:#2E493D;
  --pb-copper:#A97755;
  --pb-gold:#A68B5B;
  --pb-surface:#FFFCF7;
  --pb-line:#E2D9CC;
  --pb-muted:#746F67;
  --pb-ok:#587662;
  --pb-warn:#A77942;
  --pb-danger:#A75C53;
  --pb-shadow:0 10px 28px rgba(35,56,47,.07);
  --pb-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --pb-sans:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* Shared pilot shell */
body.portebella-login,body.portebella-dashboard{font-family:var(--pb-sans)!important;background:var(--pb-ivory)!important;color:var(--pb-green)!important}
body.portebella-login h1,body.portebella-login h2,body.portebella-dashboard h1,body.portebella-dashboard h2,body.portebella-dashboard .value,body.portebella-dashboard .m-value,body.portebella-dashboard .occ,body.portebella-dashboard .count,body.portebella-dashboard .pay-status b{font-family:var(--pb-serif)!important}

/* Login */
body.portebella-login .login-wrap{background:var(--pb-ivory)!important;padding:28px!important}
body.portebella-login .sorella-login-shell{background:var(--pb-surface)!important;border-color:var(--pb-line)!important;box-shadow:0 30px 80px rgba(35,56,47,.12)!important}
body.portebella-login .sorella-login-brandpanel{background:var(--pb-green)!important;color:var(--pb-ivory)!important}
body.portebella-login .sorella-login-brandpanel:after{border-color:rgba(244,240,231,.12)!important;box-shadow:0 0 0 42px rgba(244,240,231,.025),0 0 0 84px rgba(169,119,85,.035)!important}
body.portebella-login .sorella-login-logo img{width:50px!important;height:58px!important;filter:none!important}
body.portebella-login .sorella-login-logo strong{font-family:var(--pb-serif)!important;font-size:24px!important;letter-spacing:.11em!important;color:var(--pb-ivory)!important}
body.portebella-login .sorella-login-logo small{color:var(--pb-sand)!important;letter-spacing:.08em!important}
body.portebella-login .sorella-login-message .kicker,body.portebella-login .sorella-login-kicker{color:var(--pb-copper)!important}
body.portebella-login .sorella-login-message h2{color:var(--pb-ivory)!important;font-family:var(--pb-serif)!important}
body.portebella-login .sorella-login-message p{color:rgba(244,240,231,.72)!important}
body.portebella-login .sorella-login-tag{color:var(--pb-sand)!important;font-family:var(--pb-serif)!important}
body.portebella-login .sorella-login-form h1{color:var(--pb-green)!important;font-family:var(--pb-serif)!important}
body.portebella-login .sorella-login-form .intro,body.portebella-login .sorella-login-form label{color:var(--pb-muted)!important}
body.portebella-login .sorella-login-form input{background:#FFFEFA!important;border:1px solid var(--pb-line)!important;color:var(--pb-green)!important}
body.portebella-login .sorella-login-form input:focus{border-color:var(--pb-copper)!important;box-shadow:0 0 0 3px rgba(169,119,85,.12)!important}
body.portebella-login .sorella-login-form button[type="submit"]{background:var(--pb-green)!important;color:var(--pb-ivory)!important}
body.portebella-login .sorella-login-form button[type="submit"]:hover{background:var(--pb-green-2)!important}
body.portebella-login .sorella-login-foot{border-color:var(--pb-line)!important;color:#8A8379!important}
body.portebella-login .sorella-login-identity{background:#F8F3EB!important;border-color:var(--pb-line)!important}
body.portebella-login .sorella-login-change,body.portebella-login .sorella-login-recovery{color:var(--pb-green-2)!important}

/* Dashboard shell/sidebar */
body.portebella-dashboard .main{background:var(--pb-ivory)!important}
body.portebella-dashboard .pms-sidebar{background:var(--pb-green)!important;box-shadow:8px 0 28px rgba(35,56,47,.08)!important}
body.portebella-dashboard .pms-sidebar .brand-mark img{filter:none!important;width:29px!important;height:36px!important}
body.portebella-dashboard .pms-sidebar .brand-copy strong{font-family:var(--pb-serif)!important;letter-spacing:.08em!important;color:var(--pb-ivory)!important}
body.portebella-dashboard .pms-sidebar .brand-copy small{color:rgba(244,240,231,.62)!important}
body.portebella-dashboard .pms-sidebar .nav a{color:#F4F0E7!important}
body.portebella-dashboard .pms-sidebar .nav a:hover{background:rgba(216,201,180,.10)!important}
body.portebella-dashboard .pms-sidebar .nav a.active{background:rgba(169,119,85,.20)!important;box-shadow:inset 3px 0 0 var(--pb-copper)!important}
body.portebella-dashboard .pms-nav-section{color:rgba(244,240,231,.48)!important}
body.portebella-dashboard .pms-tenant-chip{border-color:rgba(244,240,231,.12)!important;background:rgba(244,240,231,.035)!important}

/* Dashboard local variables and hierarchy */
body.portebella-dashboard{--ink:var(--pb-green);--muted:var(--pb-muted);--line:var(--pb-line);--warm:var(--pb-ivory);--sand:#EFE7DB;--sage:var(--pb-green);--aqua:var(--pb-copper);--danger:var(--pb-danger);--warn:var(--pb-warn);--ok:var(--pb-ok)}
body.portebella-dashboard .dashboard-main{background:var(--pb-ivory)!important;padding:16px 22px 24px!important}
body.portebella-dashboard .eyebrow{color:var(--pb-copper)!important;letter-spacing:.12em!important}
body.portebella-dashboard .top h1{font-family:var(--pb-serif)!important;font-size:29px!important;font-weight:500!important}
body.portebella-dashboard .sub{color:var(--pb-muted)!important}
body.portebella-dashboard .btnx{border-color:var(--pb-line)!important;background:var(--pb-surface)!important;color:var(--pb-green)!important}
body.portebella-dashboard .btnx.primary{background:var(--pb-green)!important;border-color:var(--pb-green)!important;color:var(--pb-ivory)!important}
body.portebella-dashboard .btnx.primary:hover{background:var(--pb-green-2)!important}
body.portebella-dashboard .hero,body.portebella-dashboard .card,body.portebella-dashboard .metric-card{background:var(--pb-surface)!important;border-color:var(--pb-line)!important;box-shadow:var(--pb-shadow)!important}
body.portebella-dashboard .hero{border-top:3px solid var(--pb-copper)!important}
body.portebella-dashboard .pkpi,body.portebella-dashboard .day,body.portebella-dashboard .quick-actions a,body.portebella-dashboard .pay-status>a{background:#FAF6EF!important;border-color:var(--pb-line)!important}
body.portebella-dashboard .pkpi.good,body.portebella-dashboard .calm-box{background:#F2F5F0!important}
body.portebella-dashboard .pkpi.warn,body.portebella-dashboard .alert-pill.warn{background:#FBF5E9!important;border-color:#E9D8BB!important}
body.portebella-dashboard .pkpi.urgent,body.portebella-dashboard .alert-pill.danger{background:#FCF1EE!important;border-color:#E8CBC6!important}
body.portebella-dashboard .dash-tabs{border-color:var(--pb-line)!important}
body.portebella-dashboard .dash-tab{background:#EEE7DC!important;border-color:var(--pb-line)!important;color:#6E6A63!important}
body.portebella-dashboard .dash-tab.active{background:var(--pb-green)!important;border-color:var(--pb-green)!important;color:var(--pb-ivory)!important}
body.portebella-dashboard .link{color:var(--pb-green-2)!important}
body.portebella-dashboard .occbar{background:#E8E0D4!important}
body.portebella-dashboard .occbar i{background:var(--pb-copper)!important}
body.portebella-dashboard .bar{background:var(--pb-copper)!important}
body.portebella-dashboard .metric-card.actionable:hover,body.portebella-dashboard .priority-row.actionable:hover,body.portebella-dashboard .pay-status>a:hover,body.portebella-dashboard .quick-actions a:hover{background:#F5EFE5!important;border-color:#CAB8A5!important}
body.portebella-dashboard .metric-card.actionable:focus-visible,body.portebella-dashboard .priority-row.actionable:focus-visible,body.portebella-dashboard .pkpi:focus-visible,body.portebella-dashboard .alert-pill:focus-visible,body.portebella-dashboard .day:focus-visible{outline:2px solid var(--pb-copper)!important}

/* Dashboard assistant branding without touching backend behavior. */
body.portebella-dashboard .sorella-help-fab{background:var(--pb-green)!important;color:var(--pb-ivory)!important}
body.portebella-dashboard .sorella-help-drawer{border-color:var(--pb-line)!important}
body.portebella-dashboard .sorella-help-head{background:var(--pb-green)!important}
body.portebella-dashboard .sorella-help-avatar,body.portebella-dashboard .msg-avatar{background:var(--pb-copper)!important;color:#fff!important}

@media(max-width:760px){
 body.portebella-login .login-wrap{padding:14px!important}
 body.portebella-dashboard .dashboard-main{padding:12px 12px 20px!important}
 body.portebella-dashboard .top h1{font-size:25px!important}
}