/* MOB365 Control Center — Business Central 365 visual baseline.
   UI-only overrides: no component markup, routes, events, services or business logic changed. */
:root {
  --bc-accent:#008b8b;
  --bc-accent-dark:#006f73;
  --bc-accent-soft:#eaf6f6;
  --bc-bg:#f5f6f7;
  --bc-surface:#ffffff;
  --bc-surface-2:#f8f9fa;
  --bc-border:#d7dde3;
  --bc-text:#172b3a;
  --bc-muted:#617282;
  --bc-danger:#a4262c;
  --bc-warning:#8a6d1d;
  --primary:var(--bc-accent);
  --primary2:var(--bc-accent-dark);
  --bg:var(--bc-bg);
  --panel:var(--bc-surface);
  --text:var(--bc-text);
  --muted:var(--bc-muted);
  --border:var(--bc-border);
  --line:#e8ebee;
  --ok:var(--bc-accent-dark);
  --warn:var(--bc-warning);
  --bad:var(--bc-danger);
  --shadow:0 1px 2px rgba(0,0,0,.06);
  --radius:4px;
}
html,body{background:var(--bc-bg)!important;color:var(--bc-text)!important;}
body{background-image:none!important;}

/* Shell */
.mob-sidebar,.sidebar{background:#fff!important;color:var(--bc-text)!important;border-right:1px solid var(--bc-border)!important;box-shadow:none!important;}
.mob-sidebar-brand,.mob-sidebar-footer{border-color:var(--bc-border)!important;}
.mob-brand-logo,.brand-mark,.mob-user-avatar{background:var(--bc-accent)!important;background-image:none!important;color:#fff!important;box-shadow:none!important;border-radius:3px!important;}
.mob-brand-copy strong,.brand-title{color:var(--bc-text)!important;}
.mob-brand-copy span,.brand-subtitle,.mob-sidebar-section-label{color:var(--bc-muted)!important;}
.mob-nav a,.nav-menu a{color:#304657!important;border-radius:2px!important;box-shadow:none!important;}
.mob-nav a:hover,.mob-nav a.active,.nav-menu a:hover,.nav-menu a.active{background:var(--bc-accent-soft)!important;color:var(--bc-accent-dark)!important;box-shadow:inset 3px 0 0 var(--bc-accent)!important;}
.mob-nav-icon,.mob-nav a.active .mob-nav-icon{color:var(--bc-accent-dark)!important;}
.mob-nav-indicator{background:var(--bc-accent)!important;}
.mob-environment-card,.sidebar-footer{background:var(--bc-surface-2)!important;border:1px solid var(--bc-border)!important;color:var(--bc-text)!important;box-shadow:none!important;}
.mob-environment-icon span,.status-dot,.brand-dot{background:var(--bc-accent)!important;}
.mob-topbar,.topbar{background:#fff!important;backdrop-filter:none!important;border-bottom:1px solid var(--bc-border)!important;box-shadow:none!important;}
.mob-content,.content-wrap,.mob-page-container,.page-container{background:var(--bc-bg)!important;}

/* Surfaces — remove multicolour cards/gradients */
.panel,.dashboard-panel,.companies-panel,.company-edit-panel,.devices-panel,.licenses-summary-panel,.licenses-list-panel,.audit-panel,
.stat-card,.metric-card,.companies-card,.devices-card,.license-stat-card,.audit-stat-card,.pending-card,.quick-action-card,
.loading-card,.empty-state,.companies-summary,.devices-stat-card{background:#fff!important;background-image:none!important;border:1px solid var(--bc-border)!important;border-radius:4px!important;box-shadow:none!important;}
.stat-card::before,.metric-card::before,.quick-action-card::before,.companies-card::before,.devices-card::before,.license-stat-card::before,.audit-stat-card::before{background:var(--bc-accent)!important;background-image:none!important;}
.stat-icon,.quick-action-icon,.companies-avatar,.company-avatar,.device-avatar,.devices-company-avatar,.license-stat-icon,.audit-stat-icon,.companies-empty-icon,.devices-empty-icon,.audit-empty-icon,.health-icon,.empty-icon,.error-icon{background:var(--bc-accent-soft)!important;background-image:none!important;color:var(--bc-accent-dark)!important;border-color:#c9e5e5!important;box-shadow:none!important;}

/* Headings / accent text */
.eyebrow,.companies-eyebrow,.devices-eyebrow,.audit-eyebrow,.panel-kicker,.companies-panel-kicker,.company-edit-kicker,.devices-panel-kicker,.audit-panel-kicker,.section-heading{color:var(--bc-accent-dark)!important;}

/* Buttons and links */
.btn-primary,.primary-action,.companies-primary-button,.company-edit-primary-button,.devices-refresh-button,.audit-refresh-button,.companies-open-button,.license-open-button,.devices-action-button.primary,.action-btn.primary{background:var(--bc-accent)!important;background-image:none!important;border-color:var(--bc-accent)!important;color:#fff!important;box-shadow:none!important;border-radius:3px!important;}
.btn-primary:hover,.primary-action:hover,.companies-primary-button:hover,.company-edit-primary-button:hover,.devices-refresh-button:hover,.audit-refresh-button:hover,.companies-open-button:hover,.license-open-button:hover{background:var(--bc-accent-dark)!important;border-color:var(--bc-accent-dark)!important;}
.btn-secondary,.secondary-action,.back-button,.audit-clear-button,.devices-action-button,.action-btn{background:#fff!important;background-image:none!important;border:1px solid #aeb9c2!important;color:#243746!important;box-shadow:none!important;border-radius:3px!important;}
a,.panel-link,.license-company-link{color:var(--bc-accent-dark);}

/* Forms */
input,select,textarea,.form-control,.form-select,.companies-input,.companies-search,.devices-search,.devices-status-filter,.licenses-search,.audit-search,.audit-select{background:#fff!important;border:1px solid #aeb9c2!important;color:var(--bc-text)!important;border-radius:2px!important;box-shadow:none!important;}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus,.companies-input:focus,.companies-search:focus,.devices-search:focus,.licenses-search:focus,.audit-search:focus,.audit-select:focus{border-color:var(--bc-accent)!important;box-shadow:0 0 0 1px var(--bc-accent)!important;outline:0!important;}
.form-check-input:checked{background-color:var(--bc-accent)!important;border-color:var(--bc-accent)!important;}

/* Tables */
.premium-table,.dashboard-table,.companies-table,.company-edit-table,.devices-table,.licenses-table,.audit-table{background:#fff!important;color:var(--bc-text)!important;}
.premium-table th,.dashboard-table th,.companies-table th,.company-edit-table th,.devices-table th,.licenses-table th,.audit-table th{background:#f3f5f6!important;background-image:none!important;color:#405565!important;border-color:var(--bc-border)!important;}
.premium-table td,.dashboard-table td,.companies-table td,.company-edit-table td,.devices-table td,.licenses-table td,.audit-table td{border-color:#e5e9ec!important;}
.premium-table tbody tr:hover,.dashboard-table tbody tr:hover,.companies-table tbody tr:hover,.company-edit-table tbody tr:hover,.devices-table tbody tr:hover,.licenses-table tbody tr:hover,.audit-table tbody tr:hover{background:#f2f8f8!important;}

/* Statuses: one BC accent for normal/active states; red/amber retained only for actual warning/error meaning. */
.status-badge,.companies-status,.devices-status,.license-status,.company-edit-license-status,.audit-badge,.stat-state,.module-pill{background:#eef2f3!important;color:#3d5261!important;border:1px solid #d7dde3!important;box-shadow:none!important;}
.status-badge.active,.status-badge.ok,.companies-status.active,.devices-status.active,.license-status.active,.company-edit-license-status.active,.stat-state.ok{background:var(--bc-accent-soft)!important;color:var(--bc-accent-dark)!important;border-color:#b9dddd!important;}
.alert-danger,.dashboard-error,.companies-alert.error,.devices-alert.error,.company-edit-alert.error,.audit-alert.error{background:#fdf3f4!important;color:var(--bc-danger)!important;border-color:#e6b8bb!important;}
.alert-warning,.companies-alert.warning,.devices-alert.warning,.company-edit-alert.warning,.audit-alert.warning{background:#fff9e8!important;color:#6e5817!important;border-color:#eadb9b!important;}
.alert-success,.companies-alert.success,.devices-alert.success,.company-edit-alert.success,.audit-alert.success{background:var(--bc-accent-soft)!important;color:var(--bc-accent-dark)!important;border-color:#b9dddd!important;}

/* Eliminate decorative gradients and excessive rounding everywhere in app UI. */
[class*="gradient"],.metric-track,.brand-line{background-image:none!important;}
.progress-bar,.metric-track>span{background:var(--bc-accent)!important;background-image:none!important;}
.badge.bg-primary,.badge.bg-info,.badge.bg-success{background:var(--bc-accent)!important;color:#fff!important;}

/* Login */
.login-layout{background:var(--bc-bg)!important;background-image:none!important;}
.login-layout .card,.login-layout form{box-shadow:none!important;}

@media (max-width: 900px){.mob-sidebar{box-shadow:6px 0 18px rgba(0,0,0,.08)!important;}}