:root{
  --ink:#172432;--muted:#667586;--line:#d7e0e8;--paper:#fff;--bg:#f3f6f8;
  --green:#087f73;--green-dark:#06645c;--nav:#12344d;--red:#c73f45;
  --amber:#d98214;--blue:#176fc1;--mre-blue:#176fc1;--mre-cyan:#0f9fa8;
  --mre-shadow:0 1px 2px rgba(18,52,77,.06),0 8px 24px rgba(18,52,77,.05)
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.45}
a,button,input,select,textarea,summary{font-family:inherit}
:focus-visible{outline:3px solid rgba(23,111,193,.24)!important;outline-offset:2px}

/* Application shell */
.sidebar{width:248px;padding:20px 14px;background:var(--nav);box-shadow:8px 0 30px rgba(12,36,54,.08)}
.brand{gap:11px;min-width:0;padding:0 7px}
.brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:6px;background:linear-gradient(145deg,var(--mre-cyan),var(--mre-blue));font-size:20px;box-shadow:none}
.brand>div:last-child,.mobile-brand>div:last-child{min-width:0}
.brand strong,.mobile-brand strong{font-size:13px;line-height:1.25;letter-spacing:0;white-space:normal}
.brand span,.mobile-brand span{margin-top:3px;color:#9eb5c5;font-size:9px;letter-spacing:.08em}
.sidebar nav{gap:2px;margin-top:28px}
.sidebar nav a{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 11px;border-radius:5px;color:#d5e0e7;font-size:13px;font-weight:600}
.sidebar nav a:hover{background:#1b4664;color:#fff}
.sidebar nav a.active{background:#1b6fb8;color:#fff;box-shadow:inset 3px 0 #4bd0c8}
.sidebar nav a.active .nav-dot{background:#fff}
.nav-dot{width:7px;height:7px;flex:0 0 7px;border:1px solid #83a2b6;border-radius:2px}
.nav-label{padding:0 11px;color:#7896aa;font-size:9px;font-weight:800;letter-spacing:.1em}
.nav-label-spaced{margin-top:14px}
.sidebar-bottom{padding:14px 7px 0;border-color:#2c536d}
.account-card{border-radius:6px;background:#193f59}
.account-avatar{border-radius:5px;background:#2c6681}
.account-link,.link-button{color:#b9cbd6;font-size:11px}
.main{margin-left:248px;max-width:none;padding:24px 30px 48px}
.page-path{margin:0 0 13px;color:#788896;font-size:11px}
.page-path a{color:#536778}
.page-back{border-radius:4px!important}
.topbar{min-height:58px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.topbar h1{margin-top:3px;font-size:26px;line-height:1.2;letter-spacing:0}
.eyebrow{color:var(--mre-cyan);font-size:9px;letter-spacing:.1em}
.eyebrow i{background:var(--mre-cyan)}
.topbar-actions{align-items:center;gap:8px}

/* Shared controls */
.button{min-height:40px;border-radius:5px;padding:9px 14px;font-size:13px;line-height:1.2;box-shadow:none}
.button.primary,.primary{background:var(--mre-blue);border-color:var(--mre-blue);color:#fff}
.button.primary:hover,.primary:hover{background:#0e5d9f;border-color:#0e5d9f}
.button.secondary,.secondary{background:#fff;border-color:#cfd9e2;color:#24394a}
.button.secondary:hover,.secondary:hover{border-color:#8ba4b6;background:#f8fafb}
.ghost{background:#e9eef2;color:#2d4354}
.danger-button{background:var(--red)}
.input,.login-card input,.filterbar input,.filterbar select,input[type="text"],input[type="email"],input[type="password"],input[type="date"],input[type="number"],input[type="url"],select,textarea{
  min-height:42px;border:1px solid #c9d5de;border-radius:5px;background:#fff;color:var(--ink);font-size:13px
}
.input,.login-card input,input[type="text"],input[type="email"],input[type="password"],input[type="date"],input[type="number"],input[type="url"],select,textarea{padding:9px 11px}
textarea{line-height:1.5}
.input:focus,.login-card input:focus,input:focus,select:focus,textarea:focus{border-color:var(--mre-blue);outline:3px solid rgba(23,111,193,.13)}
label{color:#263a49}
.model-form,.asset-required-fields,.asset-optional-grid{gap:16px 18px}
.model-form label,.asset-required-fields label,.asset-secret-field,.asset-note-field{gap:6px;font-size:12px}
.form-actions{align-items:center;gap:8px;padding-top:14px}
.message{border:1px solid #b9dfd8;border-radius:5px;background:#eaf7f4;color:#075f58}
.message.error{border-color:#edc2c4;background:#fff0f0;color:#a52e34}
.badge{border-radius:999px;padding:4px 8px;line-height:1.2}

/* Surfaces and information density */
.panel,.attention-card,.stat,.risk-card,.summary-item,.info-card,.profile-head,.asset-profile,.offboarding-summary>div{
  border:1px solid var(--line);border-radius:6px;background:var(--paper);box-shadow:var(--mre-shadow)
}
.panel{overflow:hidden}
.panel-head,.attention-head{min-height:54px;padding:14px 17px;border-bottom:1px solid var(--line)}
.panel-head h2,.attention-head h2{font-size:15px;line-height:1.3}
.panel-head small,.attention-head small{color:var(--muted)}
.form-panel{max-width:1040px;padding:20px}
.asset-editor-panel{max-width:1040px;border-radius:6px}
.asset-form-intro{padding:20px 22px 16px}
.asset-required-fields{padding:15px 22px 22px}
.asset-optional-fields>summary{padding:14px 22px}
.asset-optional-grid{padding:20px 22px 22px}
.asset-secret-field,.asset-note-field{margin-inline:22px}
.asset-secret-field{border-radius:6px;background:#f0f8f6}
.asset-form-actions{padding:13px 22px;background:#fff;box-shadow:0 -8px 20px rgba(18,52,77,.06)}

/* Tables and filters */
.table-scroll,.resource-table-scroll{border-radius:0}
table{background:#fff}
th{height:40px;padding:10px 14px;background:#edf2f5;color:#516779;font-size:10px;letter-spacing:.06em;vertical-align:middle}
td{height:48px;padding:10px 14px;border-bottom-color:#e7edf1;font-size:13px;vertical-align:middle}
tbody tr:hover{background:#f4f8fb}
td small{margin-top:2px;font-size:10px}
.filterbar,.ac-filterbar{gap:8px;margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:var(--mre-shadow)}
.filterbar input,.filterbar select{height:40px;border-radius:5px}
.searchbar input{max-width:560px;border-radius:5px}
.ac-table-shell{border-radius:6px;overflow:hidden;box-shadow:var(--mre-shadow)}
.resource-kpi,.role-summary>a{border-radius:5px}

/* Dashboard */
.dashboard-command-head{border-radius:6px;background:linear-gradient(100deg,#123f5d,#176c83);box-shadow:var(--mre-shadow)}
.dashboard-command-head h2{font-size:24px;letter-spacing:0}
.dashboard-command-head,.dashboard-command-head h2,.dashboard-command-head span,.dashboard-command-head p{color:#fff}
.dashboard-command-head>div>span{color:#7ce0d7}
.dashboard-command-head p{opacity:.82}
.dashboard-live{border-radius:999px;background:rgba(255,255,255,.12)}
.ac-quick-actions{gap:10px;margin-bottom:16px}
.ac-quick-actions a{min-height:78px;border-radius:6px;padding:14px 16px;box-shadow:var(--mre-shadow)}
.ac-quick-actions .ac-quick-primary{background:var(--mre-blue);border-color:var(--mre-blue)}
.attention-card{margin-bottom:16px}
.attention-row{min-height:58px;padding:12px 17px}
.attention-row>i{border-radius:2px}
.inventory-main-bar{height:10px;border-radius:2px;background:#e7edf1}
.inventory-main-bar span{border-radius:2px;background:var(--mre-cyan)}
.inventory-row{min-height:42px}
.inventory-bar,.inventory-bar i{border-radius:2px}
.dashboard-bottom-grid{gap:16px}

/* Warehouse, profile and detail screens */
.ac-inventory{gap:12px}
.ac-inventory-intro,.ac-folder-browser,.ac-folder-breadcrumb,.ac-table-shell{border-radius:6px;box-shadow:var(--mre-shadow)}
.ac-inventory-intro{padding:18px 20px}
.ac-inventory-intro h2{font-size:20px}
.ac-inventory-search{display:flex;align-items:center;gap:8px;width:min(520px,46%)}
.ac-inventory-search label{position:relative;display:block;min-width:0;flex:1}
.ac-inventory-search .ui-icon{position:absolute;left:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:#647788;pointer-events:none}
.ac-inventory-search input{width:100%;padding-left:38px}
.ac-inventory-search .button{flex:0 0 auto}
.ac-view-switch{border-radius:5px;padding:2px}
.ac-view-switch a{border-radius:3px}
.ac-folder-browser{padding:17px}
.ac-folder-grid{gap:9px}
.ac-folder-card{border-radius:5px}
.ac-folder-card:hover{border-color:#71a3c8;background:#f4f8fb}
.mkt-team-folder,.mkt-profile-box{border-radius:6px!important;box-shadow:none!important}
.mkt-profile-box dl{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.profile-tabs{border-radius:5px}
.profile-tabs a{min-height:38px}
.asset-profile,.profile-head{padding:18px;margin-bottom:14px}
.avatar,.asset-icon{border-radius:6px;background:#e5f1f8;color:var(--mre-blue)}
.asset-summary-grid{gap:9px;margin-bottom:16px}
.summary-item{border-radius:5px;padding:13px;box-shadow:none}
.summary-item>strong{margin-top:5px}
.info-grid{gap:14px;margin-bottom:16px}
.info-card{padding:18px}
.offboarding-summary{gap:9px}
.offboarding-summary>div{border-radius:5px;padding:14px 16px;box-shadow:none}
.offboarding-summary strong{font-size:18px}
.offboarding-auto-grid{border-radius:5px}
.resource-drawer,.resource-drawer-facts{border-radius:0}

/* Login */
.login-page{background:#eaf0f4}
.login-shell{border:1px solid #d1dce4;border-radius:8px;box-shadow:0 24px 70px rgba(18,52,77,.15)}
.login-intro{background:linear-gradient(145deg,#12344d 0%,#145d76 62%,#087f73 100%)}
.login-card{border:0;border-radius:0;box-shadow:none}
.login-kicker{color:var(--mre-cyan)}
.login-submit{background:var(--mre-blue)}

@media(max-width:1050px){
  .main{padding:22px 22px 40px}
  .asset-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .mobile-header{background:var(--nav);box-shadow:0 2px 12px rgba(18,52,77,.18)}
  .mobile-brand{min-width:0}
  .mobile-brand strong{color:#fff}
  .mobile-brand span{display:block}
  .sidebar{width:min(300px,86vw)}
  .main{margin-left:0;padding:18px 14px 36px}
  .topbar{align-items:flex-start;gap:12px}
  .topbar-actions{justify-content:flex-start;width:100%}
  .panel-head,.attention-head{align-items:flex-start}
  .ac-inventory-search{width:100%}
}
@media(max-width:640px){
  .main{padding:14px 10px 28px}
  .topbar{margin-bottom:13px;padding-bottom:12px}
  .topbar h1{font-size:21px;overflow-wrap:anywhere}
  .topbar-actions,.row-actions{flex-wrap:wrap}
  .topbar-actions>.button,.topbar-actions>form,.topbar-actions>form .button{flex:1 1 auto}
  .button{min-height:40px;padding-inline:12px}
  .panel-head,.attention-head{padding:12px 13px}
  .asset-summary-grid,.info-grid{grid-template-columns:1fr}
  .asset-required-row,.asset-optional-grid,.model-form{grid-template-columns:1fr}
  .form-panel{padding:14px}
  .filterbar,.ac-filterbar{padding:8px}
  .ac-inventory-intro{padding:15px}
  .ac-inventory-search{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .ac-folder-browser{padding:12px}
  th,td{padding-inline:10px}
  .login-shell{width:calc(100vw - 20px);border-radius:6px}
  .login-card{padding:26px 20px}
}
