/* YURA v4.0 — Blue operations design. Shared tokens for sign-in, navigation, dashboard and all modules. */
:root{--yura-blue:#2563eb;--yura-deep:#172c58;--yura-pale:#eff5ff;--yura-line:#dfe8f6}
body{color:#1e3458}
.shell,.workarea{background:#f4f7fc!important}
.sidebar{background:#fff!important;border-color:var(--yura-line)!important;box-shadow:1px 0 13px #15356a09!important}
.side-brand{border-color:#e9edf7!important}
.side-brand strong{color:#173d88!important}
.side-brand small,.top-eyebrow,.section-subhead{color:#2563eb!important}
.sidebar nav button{color:#3e5475!important}
.sidebar nav button:hover{background:#edf4ff!important;color:#1d4ed8!important}
.sidebar nav button.active{background:#e9f1ff!important;color:#1d4ed8!important;box-shadow:none!important;font-weight:800}
.sidebar nav button.active span{color:#2563eb!important}
.nav-group-toggle.has-active{color:#1d4ed8!important}
.topbar{border-color:var(--yura-line)!important;box-shadow:0 1px 8px #18428a08;background:#fff!important}
.topbar strong,.page-title h1{color:var(--yura-deep)!important}
.dot{background:#2563eb!important}
.top-user{background:#f3f7ff!important;border-color:#e0e9fa!important}
.panel,.stat,.dashboard-card{border-color:#e0e8f5!important;box-shadow:0 4px 19px #193c7b09!important}
.dashboard-card:hover{border-color:#a7c7ff!important;box-shadow:0 8px 22px #2563eb12!important}
.chip,.toast{background:#eaf2ff!important;color:#1e4aa3!important;border-color:#bed6ff!important}
button.primary,.primary.fill,.button-primary{background:#2563eb;border-color:#2563eb;color:#fff}
button.primary:hover,.primary.fill:hover{background:#1d4ed8;border-color:#1d4ed8}
.table-wrap th,th{background:#f3f7ff;color:#637897!important}
.badge.received{background:#e4f8ed!important;color:#087746!important}
.side-user small{color:#3264be!important}
footer.footer{color:#7183a4!important}
#pageContent .yc-root{color:#213a60}
#pageContent .yc-head{background:linear-gradient(115deg,#fff 63%,#eff5ff)!important;border-color:#dce8f9!important}
#pageContent .yc-eyebrow{color:#2563eb!important}
#pageContent .yc-head h1{color:#183365!important}
#pageContent .yc-primary{background:#2563eb!important}
#pageContent .yc-panel{border-color:#dfe8f6!important;box-shadow:0 3px 18px #173b7609!important}
#pageContent .yc-panel-head h2{color:#1a3159!important}
#pageContent .yc-quick-group h3{color:#224879!important}
#pageContent .yc-quick-group h3 span{color:#2563eb!important}
#pageContent .yc-shortcut{background:#f4f8ff!important;border-color:#e0eafd!important;color:#254572!important}
#pageContent .yc-shortcut:hover{background:#e8f1ff!important;border-color:#a8c5ff!important}
#pageContent .yc-shortcut-icon{background:#dceaff!important;color:#2563eb!important}
#pageContent .yc-kpi.yc-blue:after{background:#2563eb!important}
#pageContent .yc-kpi.yc-green:after{background:#10b981!important}
#pageContent .yc-day.today{background:#fff4f5!important;border-color:#fda4af!important}
#pageContent .yc-week-controls button,#pageContent .yc-calendar-footer button{color:#2563eb!important;border-color:#cadaf6!important;background:#f1f6ff!important}
#pageContent .yc-notice-ic.yc-blue{color:#2563eb!important}
#pageContent #yc-tasks:focus-visible,#pageContent #yc-dispatch:focus-visible,#pageContent #yc-stock:focus-visible,#pageContent #yc-notices:focus-visible{outline-color:#2563eb!important}
.login-hero{background:linear-gradient(150deg,#123b8b,#2563eb)!important}
/* Preserve semantic event-category colors and red/orange urgency badges. */
@media(max-width:720px){.main-content{padding:14px!important}}

/* YURA v4.0 — cohesive global controls (login -> every app module).
   Blue is for actions/selection. Red, amber and green retain semantic meanings. */
:root{
  --brand-primary:#2563eb;--brand-primary-hover:#1d4ed8;
  --brand-dark:#142d5b;--brand-bg:#f4f7fc;--brand-surface:#fff;
  --brand-border:#dfe8f6;--brand-muted:#637894;--brand-soft:#eff5ff;
  --forest:#2563eb;--forest-dark:#1d4ed8;--sea:#3b82f6;
}
body{font-family:'Be Vietnam Pro',Inter,ui-sans-serif,system-ui,sans-serif;background:var(--brand-bg)}
.login-panel{background:#f4f7fc!important}
.login-hero{background:radial-gradient(circle at 84% 80%,#60a5fa49,transparent 46%),linear-gradient(137deg,#142d5b 3%,#17459d 60%,#2563eb 100%)!important}
.login-hero .overline{color:#bfdbfe!important}
.login-hero em{color:#dbeafe!important}
.login-hero>small,.login-hero p{color:#dbeafe!important}
.login-card{background:#fff!important;border:1px solid var(--brand-border)!important;box-shadow:0 22px 55px #1c45821a!important}
.login-card h2{color:var(--brand-dark)!important}
.login-card .text-btn,.login-public-shortcuts a{color:#1d4ed8!important}
.google-btn:hover,.google-btn:focus-visible{background:#eff5ff!important;border-color:#a7c5ff!important}
input:not([type=checkbox]):not([type=radio]),textarea,select{
 border-color:#d5e1f3; accent-color:var(--brand-primary);
}
input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus,
input:not([type=checkbox]):not([type=radio]):focus-visible,textarea:focus-visible,select:focus-visible{
 border-color:#3b82f6!important;outline:2px solid #bfdbfe!important;outline-offset:1px;
 box-shadow:0 0 0 3px #eff6ff!important;
}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-primary)}
a:not(.danger-link):focus-visible,button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
button:not(.danger-button):not(.yc-primary):not(.primary):not([class*=danger]):not(.google-btn):hover{border-color:#c3d7f6}
button.primary,.primary.fill,.button-primary,.login-card button.primary,
#pageContent button.primary,#pageContent .button-primary,
#pageContent .btn-primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 4px 12px #2563eb1a}
button.primary:hover,.primary.fill:hover,#pageContent button.primary:hover{
 background:#1d4ed8!important;border-color:#1d4ed8!important;
}
.login-card input{min-height:44px}
.page-title .overline,.section-subhead,.modal-head small,.dashboard-section-head .overline{color:#2563eb!important}
.page-title h1,.panel h2,.panel h3,.stat strong,.modal-head h2,.dialog-title{color:#152e5c!important}
.page-title{border-color:#e3eaf5}
.panel,.stat,.dashboard-card,.editor,.vault-unlock-dialog,.vault-editor-dialog,
#pageContent section.panel,#pageContent .report-filter{
 background:#fff;border-color:#dfe8f6!important;box-shadow:0 4px 17px #1b45870a;
}
.panel-title,.modal-head{border-color:#e4ebf6!important}
.table-wrap{border-color:#e2eaf5!important;border-radius:12px}
.table-wrap th,table th{background:#f3f7ff!important;color:#506788!important;border-bottom-color:#dfe7f2!important}
.table-wrap td,table td{border-color:#edf1f8!important}
.table-wrap tr:hover td{background:#f8fbff}
td .title,.asset-link,.link-button,.text-btn{color:#1d4ed8!important}
.po-line,.report-filter,.permission-list label,.hybrid-panel,.maintenance-panel{border-color:#dfe8f6!important;background:#fbfdff}
.po-line-head strong,.po-line-total b,.po-bottom strong,.po-last-price{color:#1d4ed8!important}
.po-status-quick:hover,.po-status-quick:focus-visible{border-color:#2563eb!important;box-shadow:0 0 0 2px #dbeafe!important}
.side-user{background:#f7faff!important;border-color:#e2eaf7!important}
.side-user button:hover{background:#edf4ff!important;color:#1d4ed8!important;border-color:#b7cff7!important}
.sidebar .nav-group-toggle.has-active{background:transparent!important}
.sidebar .nav-group-title{letter-spacing:.5px}
.nav-submenu button{border-radius:10px!important}
.nav-submenu button.active{background:#e9f1ff!important;color:#1d4ed8!important}
#pageContent .life-btn.primary,#pageContent .ia-primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
#pageContent .life-btn:not(.danger):hover,#pageContent .life-tab:hover{border-color:#a8c5ff!important}
#pageContent .life-section-tag{color:#2563eb!important}
#pageContent .life-card-head h2{color:#18366b!important}
#pageContent .it-hero,#pageContent .maintenance-hero{border-color:#deebfb}
.toast{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bed6ff!important}
.login-status,.form-error,.error,.danger-message{color:#b91c1c!important}
.badge.rejected,.badge.cancelled{color:#b91c1c!important}
/* Scrollable data retains native scrollbars; no remote reads are bound to scrolling. */
#pageContent .yc-panel-body{scrollbar-width:thin;scrollbar-color:#bfcef0 transparent}
/* Neutralizes incidental inherited legacy green text in main action elements only. */
#pageContent .filter-tabs .active,#pageContent .tabs .active,#pageContent .tab.active,
#pageContent .filter-chip.active{color:#1d4ed8!important;border-color:#93b9f5!important;background:#eff5ff!important}
@media(max-width:720px){.main-content{padding:14px!important}.page-title h1{font-size:21px}}
@media print{.sidebar,.topbar,.login-layout{display:none!important}body{background:#fff!important}}