/* MaintenanceIntel Live Brand System 1.0
   Visual-only gateway layer. No app state, permissions, routes, or data behavior. */
:root{
  --mi-ink:#071916;--mi-deep:#0b2520;--mi-green:#0f5b49;--mi-green-2:#17705a;
  --mi-mint:#7fe0b8;--mi-cream:#f3f0e8;--mi-sand:#d7cfbd;--mi-copper:#cf8c59;
  --mi-surface:#fffdf8;--mi-canvas:#f5f3ed;--mi-text:#10231f;--mi-muted:#62736d;
  --mi-line:#dcd8cc;--mi-shadow:0 16px 40px rgba(7,25,22,.10);
}
html{background:var(--mi-canvas)}
body{background:var(--mi-canvas)!important;color:var(--mi-text);font-family:Inter,"DM Sans",system-ui,sans-serif!important}
body.suite-has-workbench-banner{padding-top:27px!important}
.suite-workbench-banner{background:linear-gradient(90deg,#071916,#0b2e26 62%,#104738)!important;box-shadow:0 3px 18px rgba(7,25,22,.34)!important;color:#dff6ed!important;font-family:Inter,system-ui,sans-serif!important;font-size:10px!important;letter-spacing:.15em!important;padding:8px 14px!important;border-bottom:1px solid rgba(127,224,184,.22)!important}
.suite-workbench-banner:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mi-copper);margin-right:9px;box-shadow:0 0 0 4px rgba(207,140,89,.14)}
.suite-workbench-banner a{color:var(--mi-mint)!important;text-decoration:none!important;border-bottom:1px solid rgba(127,224,184,.45)}
.suite-release-badge{background:rgba(243,240,232,.97)!important;border-color:rgba(15,91,73,.32)!important;color:var(--mi-green)!important;box-shadow:0 5px 18px rgba(7,25,22,.13)!important}
.suite-release-sidebar,.release-identity-badge.suite-release-sidebar{background:rgba(127,224,184,.08)!important;border-color:rgba(127,224,184,.28)!important;color:#bdebd7!important}
.suite-release-page-footer{color:var(--mi-green)!important}

/* Shared MaintenanceIntel logo injected into each product's native brand surface. */
.mi-product-brand{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:inherit}
.mi-product-brand-mark{width:30px;height:30px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;transform:skew(-10deg);flex:0 0 auto}
.mi-product-brand-mark i{display:block;border-radius:1px;background:var(--mi-mint)}
.mi-product-brand-mark i:nth-child(1){height:13px}.mi-product-brand-mark i:nth-child(2){height:22px}.mi-product-brand-mark i:nth-child(3){height:30px;background:var(--mi-copper)}
.mi-product-brand-copy{display:grid;line-height:1.05;min-width:0}.mi-product-brand-name{font-size:16px;font-weight:900;letter-spacing:-.04em;color:#f6f4ee}.mi-product-brand-name b{color:var(--mi-mint)}.mi-tm{color:var(--mi-copper);font-size:7px;letter-spacing:0;margin-left:2px;position:relative;top:-.65em}.mi-trademark-claim{display:block!important;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:12px 24px max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(15,91,73,.12);background:#f0f1ed;color:#53665f;font:600 9px/1.35 Inter,system-ui,sans-serif;opacity:1;pointer-events:none;position:static;text-align:center;transform:none;z-index:auto}.mi-product-brand-app{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#9bb6ad;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Installed mobile PWA controls. Browser tabs keep their native browser chrome. */
html:has(body.mi-standalone-shell){background:#071916!important}
html[data-release-sidebar-app] body.mi-standalone-shell,html body.mi-standalone-shell{background-color:#071916!important;padding-top:env(safe-area-inset-top)!important}
.mi-standalone-nav,.mi-standalone-nav-spacer{display:none}
body.mi-has-standalone-nav .mi-standalone-nav-spacer{display:block;height:calc(100px + env(safe-area-inset-bottom));width:100%;flex:0 0 auto}
body.mi-has-standalone-nav .mi-standalone-nav{position:fixed;z-index:2147483001;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;box-sizing:border-box;min-height:72px;padding:5px;border:1px solid rgba(34,61,51,.12);border-radius:24px;background:#fffdf8;box-shadow:0 8px 26px rgba(7,25,22,.16)}
body.mi-has-standalone-nav .mi-standalone-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:60px;border:0;border-radius:16px;background:transparent;color:#2c3e37;font:650 10px/1.1 Inter,system-ui,sans-serif;letter-spacing:0}
body.mi-has-standalone-nav .mi-standalone-nav button:active{background:rgba(127,167,145,.10)}
body.mi-has-standalone-nav .mi-standalone-nav button:focus-visible{outline:2px solid #0f6a50;outline-offset:1px}
body.mi-has-standalone-nav .mi-standalone-nav .mi-nav-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:transparent;color:inherit}
body.mi-has-standalone-nav .mi-standalone-nav .mi-nav-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.mi-has-standalone-nav .mi-standalone-nav button.active{background:transparent;color:#0b5b45;font-weight:800}
body.mi-has-standalone-nav .mi-standalone-nav button.active .mi-nav-icon{background:#dcefe5}
body.mi-has-standalone-nav .mi-standalone-nav button.active svg{stroke:#0b5b45}
body.mi-has-standalone-nav .mi-dock-moved{display:none!important}
body.mi-has-standalone-nav .turnboard-drawer-scrim,body.mi-has-standalone-nav .sidebar-scrim,body.mi-has-standalone-nav .mobile-nav-scrim,body.mi-has-standalone-nav .drawer-scrim{z-index:2147483100!important}
body.mi-has-standalone-nav .turnboard-mobile-drawer.open,body.mi-has-standalone-nav .sidebar{z-index:2147483110!important}
body.mi-has-standalone-nav:has(.turnboard-mobile-drawer.open) .mi-standalone-nav{display:none!important}
body.mi-has-standalone-nav .mi-standalone-nav svg{width:23px;height:23px;fill:none;stroke:#2c3e37;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
body.mi-has-standalone-nav:has(input:focus,textarea:focus,select:focus,[aria-modal="true"]) .mi-standalone-nav{display:none}
body.mi-has-standalone-nav:has(input:focus,textarea:focus,select:focus,[aria-modal="true"]) .mi-standalone-nav-spacer{height:0}

/* Product chrome: dark green-black command surfaces. Keep geometry intact. */
.sidebar,.turnboard-command-sidebar,.turnboard-sidebar,.workspace-sidebar{background:linear-gradient(180deg,var(--mi-ink),var(--mi-deep))!important;border-color:rgba(127,224,184,.10)!important}
.workspace-topbar,.turnboard-command-topbar,.app-topbar,.topbar{background:linear-gradient(90deg,var(--mi-ink),#0d3129)!important;border-color:rgba(127,224,184,.12)!important;color:var(--mi-cream)!important}
.workspace-topbar .eyebrow,.turnboard-command-title,.topbar .eyebrow{color:#a7c9bd!important}
.sidebar-nav-button.active,.turnboard-nav-button.active,.sidebar-footer-button.active{background:rgba(127,224,184,.13)!important;color:#e5f8f0!important;box-shadow:inset 3px 0 var(--mi-mint)!important}
.sidebar-nav-button:hover,.turnboard-nav-button:hover,.sidebar-footer-button:hover{background:rgba(255,255,255,.07)!important}
.nav-icon,.footer-icon{color:var(--mi-mint)!important}

/* Consistent product surfaces. Keep geometry intact. */
.command-hero,.projects-header,.project-detail-hero,.dashboard-hero,.page-hero,.hero-card{background:linear-gradient(115deg,var(--mi-ink),#104538) #071916!important;color:var(--mi-cream)!important;border-color:rgba(127,224,184,.15)!important;box-shadow:var(--mi-shadow)!important}
.command-hero h1,.command-hero h2,.projects-header h1,.projects-header h2,.project-detail-hero h1,.project-detail-hero h2,.dashboard-hero h1,.dashboard-hero h2,.page-hero h1,.page-hero h2{color:var(--mi-cream)!important}
.command-hero p,.projects-header p,.project-detail-hero p,.dashboard-hero p,.page-hero p{color:#adcbc0!important}
.card,.panel,.metric-card,.stat-card,.table-card,.content-card,.widget,.rail-card,.section-card{border-color:var(--mi-line)!important;box-shadow:0 8px 24px rgba(7,25,22,.06)!important}
button.primary,.primary-button,.btn-primary,[data-variant="primary"]{background:var(--mi-green)!important;border-color:var(--mi-green)!important;color:white!important;box-shadow:0 7px 17px rgba(15,91,73,.19)!important}
button.primary:hover,.primary-button:hover,.btn-primary:hover{background:#0c4b3d!important;border-color:#0c4b3d!important}
input:focus,textarea:focus,select:focus{border-color:var(--mi-green-2)!important;box-shadow:0 0 0 3px rgba(127,224,184,.25)!important;outline:0!important}
.badge.success,.status-success,.pill.success{background:#dff3e9!important;color:#155b46!important}.badge.warning,.status-warning,.pill.warning{background:#f6e7d8!important;color:#90522a!important}

/* Login surfaces: same structure, stronger MaintenanceIntel identity. */
.login-screen,.auth-screen,.portal-login-screen{background:radial-gradient(circle at 75% 15%,rgba(127,224,184,.15),transparent 32%),linear-gradient(135deg,#edf3f0,#f7f4ed)!important}
.login-panel,.auth-card,.portal-login-panel{border-radius:20px!important;box-shadow:0 25px 70px rgba(7,25,22,.18)!important;border:1px solid rgba(15,91,73,.14)!important}
.login-head,.auth-card-header,.portal-login-head{background:linear-gradient(120deg,var(--mi-ink),#0f493c)!important;color:var(--mi-cream)!important;border-bottom:1px solid rgba(127,224,184,.18)!important}
.login-head h1,.auth-card-header h1,.portal-login-head h1{color:var(--mi-cream)!important;letter-spacing:-.04em!important}
.login-head p,.auth-card-header p,.portal-login-head p{color:#b5d0c6!important}
.portal-login-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.portal-login-head .mi-login-brand{margin-bottom:2px}.portal-login-head .eyebrow{color:var(--mi-mint)!important}.portal-login-subtitle{max-width:360px!important}
.login-head:not(.portal-login-head){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important}.login-head:not(.portal-login-head) .mi-login-brand{width:auto!important;max-width:100%!important}.login-head:not(.portal-login-head)>div:not(.mi-login-brand){min-width:0!important}.login-head:not(.portal-login-head) .eyebrow{color:var(--mi-mint)!important;max-width:none!important}.login-head:not(.portal-login-head) p{max-width:390px!important}
.login-body button[type="submit"],.auth-card button[type="submit"],.portal-login-body button[type="submit"]{background:var(--mi-green)!important;border-color:var(--mi-green)!important;color:#fff!important}

@media(max-width:760px){
  .mi-trademark-claim{display:block!important;padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;font-size:8px!important}
  body.suite-has-workbench-banner{padding-top:25px!important}
  .suite-workbench-banner{font-size:8px!important;letter-spacing:.11em!important;padding:8px 9px!important;width:calc(100vw - 10px)!important}
  .suite-release-badge:not(.suite-release-sidebar):not(.suite-release-page-footer),.release-identity-badge:not(.suite-release-sidebar){display:none!important}
  html[data-release-sidebar-app="turnboard"] .turnboard-command-user{gap:5px!important}
  .mi-product-brand{gap:8px}.mi-product-brand-mark{width:25px;height:25px}.mi-product-brand-mark i:nth-child(1){height:11px}.mi-product-brand-mark i:nth-child(2){height:18px}.mi-product-brand-mark i:nth-child(3){height:25px}.mi-product-brand-name{font-size:14px}.mi-product-brand-app{font-size:8px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Green production contrast fixes discovered against cloned Live data. */
.property-photo-large>span{color:#52655e!important}
html[data-release-sidebar-app="pmc"] button[aria-label="Sign Out"] .footer-label{color:#334e68!important}
html[data-release-sidebar-app="projects"] .sidebar-footer-button .footer-label{color:#334e68!important}
html[data-release-sidebar-app="projects"] .suite-release-sidebar{background:#0d3b32!important;border-color:#4f8777!important;color:#dff6ed!important}
html[data-release-sidebar-app="pmc"] .suite-release-sidebar{background:#0d3b32!important;border-color:#4f8777!important;color:#dff6ed!important}
html[data-release-sidebar-app="pmc"] .danger.status-pill{color:#b91c1c!important}
html[data-release-sidebar-app="pmc"] .urgent-date{color:#b91c1c!important}
html[data-release-sidebar-app="replacements"] .section-heading .eyebrow{color:#3f648b!important}

/* Live is a finished product surface: environment/release ribbons belong in Workbench, not production. */
html body .suite-workbench-banner,html body .release-workbench-banner{display:none!important}
html body.suite-has-workbench-banner{padding-top:0!important}
html[data-release-sidebar-app] body.mi-standalone-shell,html body.mi-standalone-shell{background-color:#071916!important;padding-top:env(safe-area-inset-top)!important}