/* v1.6.0 — calm daylight refinement for Django advanced administration. */
:root{
  color-scheme:light;
  --mv-bg:#eef2f5;
  --mv-panel:#ffffff;
  --mv-panel-2:#f8fafc;
  --mv-line:#d8e0e8;
  --mv-text:#182230;
  --mv-muted:#637287;
  --mv-blue:#5368d9;
  --mv-cyan:#168d72;
  --body-bg:#eef2f5;
  --body-fg:#243145;
  --header-bg:#fcfdfe;
  --header-color:#243145;
  --header-branding-color:#243145;
  --header-link-color:#4c60ca;
  --breadcrumbs-bg:#e9eef3;
  --breadcrumbs-fg:#647388;
  --breadcrumbs-link-fg:#4d61cc;
  --link-fg:#4d61cc;
  --link-hover-color:#3448b4;
  --hairline-color:#d8e0e8;
  --border-color:#d8e0e8;
  --darkened-bg:#f4f7f9;
  --selected-bg:#e9edff;
  --selected-row:#f0f4f8;
  --button-bg:#5368d9;
  --button-hover-bg:#4357c6;
  --default-button-bg:#5368d9;
}
body{
  background:
    radial-gradient(circle at 87% 0,rgba(82,105,216,.08),transparent 31rem),
    linear-gradient(135deg,#f5f7f9,#edf2f6 58%,#f1f5f7);
  color:#243145;
  font-family:"Segoe UI Variable","Segoe UI","PingFang SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;
  font-size:15px;
  line-height:1.5;
}

/* Header */
#header{
  min-height:70px;
  padding:0 26px;
  gap:24px;
  background:rgba(252,253,254,.96);
  border-color:#d8e0e8;
  box-shadow:0 5px 18px rgba(31,48,69,.07);
}
#branding{min-width:320px}
.mv-mark{width:42px;height:42px;border-radius:12px}
.mv-brand h1{font-size:18px}
.mv-brand h1 a,
#branding .mv-brand h1 a:link,
#branding .mv-brand h1 a:visited{color:#243145}
.mv-brand small{color:#6d7b8e;font-size:9px}
.mv-global{gap:5px}
.mv-global a,
#header .mv-global a:link,
#header .mv-global a:visited{
  min-height:39px;
  padding:9px 12px;
  color:#526176;
  font-size:14px;
}
.mv-global a:hover{background:#e9eef3;border-color:#d3dce5;color:#263449}
#user-tools{color:#6b798c;font-size:13px}
#user-tools a,#user-tools a:link,#user-tools a:visited,#logout-form button{color:#4b5fca}
.breadcrumbs{padding:12px 27px;background:#e9eef3;border-color:#d5dee7;color:#637287}

/* Canvas */
#content{padding:28px 30px}
.mv-dashboard #content{padding:28px 30px}
.mv-dashboard .mv-wrap,.mv-wrap{max-width:1540px}
h1{margin:0 0 20px;color:#182230;font-size:30px;line-height:1.2;letter-spacing:-.025em}
h2,h3{color:#1d2939}
.mv-hero{
  padding:29px 32px;
  border:1px solid #758ad4;
  border-radius:15px;
  background:linear-gradient(123deg,#6679d9 0%,#5477c8 56%,#24978f 100%);
  box-shadow:0 13px 30px rgba(55,78,135,.18);
}
.mv-hero h2{font-size:29px;color:#fff}
.mv-hero p{color:#eef3ff}
.mv-eyebrow{color:#d8fff8}
.mv-engine-state{border-radius:12px;background:#263c64a8}
.mv-metrics{gap:12px;margin:15px 0}
.mv-metrics a,.mv-panel,.mv-app-card{
  background:#fff;
  border-color:#d8e0e8;
  border-radius:13px;
  box-shadow:0 7px 20px rgba(33,52,75,.07);
}
.mv-metrics a{min-height:118px;padding:17px}
.mv-metrics small,.mv-metrics em,.mv-app-card .mv-panel-head span{color:#66758a}
.mv-metrics strong{margin:7px 0 2px;color:#182536;font-size:28px}
.mv-grid,.mv-apps{gap:14px}
.mv-panel,.mv-app-card{padding:19px}
.mv-panel-head h3{color:#1d2939;font-size:18px}
.mv-status-row{gap:9px}
.mv-status-row div{
  padding:13px;
  background:#f6f8fa;
  border-color:#d9e1e9;
  border-radius:10px;
}
.mv-status-row small{color:#68778b}
.mv-worker-message{color:#637287}
.mv-shortcut-grid a,.mv-model-list>div{
  background:#f7f9fb;
  border-color:#d8e0e8;
  color:#2d3a4d;
}
.mv-shortcut-grid a{min-height:58px}
.mv-model-list>div{border-radius:9px}
.mv-model-list span{color:#263448}
.mv-model-list small{color:#6f7d90}

/* Django navigation and data screens */
.mv-dashboard #nav-sidebar{
  flex:0 0 260px;
  width:260px;
  background:#f8fafc;
  border-color:#d8e0e8;
  box-shadow:5px 0 18px rgba(33,52,75,.06);
}
#nav-sidebar .module caption{
  padding:11px 14px;
  background:#edf1f5;
  color:#344258;
  border-color:#d8e0e8;
  font-size:12px;
  letter-spacing:.04em;
}
#nav-sidebar tr th,#nav-sidebar tr td{background:#fff!important;border-color:#e0e6ec}
#nav-sidebar tr:nth-child(even) th,#nav-sidebar tr:nth-child(even) td{background:#f8fafc!important}
#nav-sidebar tr:hover th,#nav-sidebar tr:hover td{background:#eff3f8!important}
#nav-sidebar .current-model th,#nav-sidebar .current-model td{background:#e8edff!important}
#nav-sidebar .current-model th{box-shadow:inset 4px 0 #5368d9}
#nav-sidebar th,#nav-sidebar td{padding-block:10px;font-size:14px}
#nav-sidebar th{padding-left:15px}
#nav-sidebar th a:link,#nav-sidebar th a:visited{color:#334155}
#nav-sidebar td a:link,#nav-sidebar td a:visited{color:#4d61cc}
#nav-filter{
  width:calc(100% - 22px);
  min-height:43px;
  margin:11px;
  padding:10px 12px!important;
  background:#fff!important;
  border-color:#cbd6e1!important;
  color:#334155!important;
  font-size:14px;
}
.module,.inline-group{
  background:#fff;
  border-color:#d8e0e8;
  border-radius:12px;
  box-shadow:0 7px 20px rgba(33,52,75,.065);
}
.module h2,.module caption,.inline-group h2{
  padding:12px 14px;
  background:#edf2f6;
  color:#263448;
  border-color:#d5dee7;
}
thead th{
  padding:12px 13px!important;
  background:#e9eff4!important;
  color:#48576b;
  border-color:#d3dde6;
  font-size:13px;
}
td,th{border-color:#e0e6ec;color:#2b394b}
tbody tr:nth-child(even){background:#fafbfd}
tbody tr:hover{background:#f0f5f9}
#changelist-filter{background:#f7f9fb!important;border-color:#d8e0e8!important}
#changelist-filter h2{background:#e9eef3;color:#2c394c}
.object-tools a:link,.object-tools a:visited{
  min-height:40px;
  padding:10px 14px;
  background:#5368d9;
  border-radius:9px;
  color:#fff;
}
.object-tools a:hover{background:#4357c6;color:#fff}
input,textarea,select,.vTextField{
  min-height:42px;
  padding:9px 11px!important;
  background:#fff!important;
  border-color:#c9d4df!important;
  border-radius:8px!important;
  color:#243145!important;
  color-scheme:light;
}
textarea{min-height:110px}
.aligned label{color:#526176}
.form-row{padding-block:13px;border-color:#e0e6ec}
.submit-row{
  padding:13px;
  background:#f5f7f9;
  border-color:#d6dfe8;
  box-shadow:0 6px 18px rgba(33,52,75,.06);
}
input[type=submit],button,.button{
  min-height:40px;
  padding:9px 14px;
  border-radius:8px;
}
.paginator{background:#f6f8fa;border-color:#d8e0e8}
.messagelist li{background:#ebf7f2;color:#14765d;border-color:#b9ddcf}

/* Login follows the same system without becoming a large empty slab. */
.mv-login{padding:0}
.mv-login #container,
.mv-login .main,
.mv-login #content{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.mv-login-wrap{
  width:100%;
  background:
    radial-gradient(circle at 50% 12%,rgba(82,105,216,.11),transparent 31rem),
    linear-gradient(135deg,#f5f7f9,#eaf0f5);
}
.mv-login-card{
  width:min(420px,100%);
  max-width:100%;
  padding:37px;
  background:#fff;
  border-color:#cfd9e3;
  border-radius:18px;
  box-shadow:0 22px 54px rgba(33,52,75,.16);
}
.mv-login-card h2{color:#182230;font-size:25px}
.mv-login-card p,.mv-login-card label{color:#637287}
.mv-login-card input{background:#fff!important;color:#243145!important}
::-webkit-scrollbar-track{background:#e8edf2}
::-webkit-scrollbar-thumb{background:#b6c3d0;border-color:#e8edf2}

@media(max-width:1200px){
  .mv-metrics{grid-template-columns:repeat(3,minmax(150px,1fr))}
  .mv-grid,.mv-apps{grid-template-columns:1fr}
}
@media(max-width:900px){
  .mv-dashboard #nav-sidebar{display:none}
  #branding{min-width:0}
  .mv-global{overflow:auto}
}
@media(max-width:700px){
  body{font-size:14px}
  .mv-login-wrap{min-height:100dvh;padding:18px}
  .mv-login-card{padding:29px 23px}
  #header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    height:120px!important;
    min-height:120px!important;
    padding:15px!important;
    row-gap:8px;
  }
  #branding{grid-column:1;min-width:0}
  #user-tools{
    grid-column:2;
    width:auto;
    max-width:190px;
    margin:0;
    font-size:0;
    line-height:1.2;
    text-align:right;
  }
  #user-tools a,
  #user-tools a:link,
  #user-tools a:visited,
  #logout-form button{
    display:inline-block;
    margin-left:8px;
    font-size:12px;
    white-space:nowrap;
  }
  .mv-global{
    grid-column:1 / -1;
    width:100%;
    height:auto;
    margin-top:0;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
  }
  .mv-global a{flex:0 0 auto}
  .mv-dashboard #content,#content{padding:18px 13px}
  h1{font-size:27px}
  .mv-hero{display:block;padding:22px 20px;border-radius:13px}
  .mv-engine-state{margin-top:17px}
  .mv-metrics{grid-template-columns:1fr 1fr}
  .mv-metrics a{min-height:100px}
  .mv-status-row,.mv-model-list{grid-template-columns:1fr 1fr}
}