@charset "utf-8";
/* ============================================================
   theme-mono.css —— 白底钢蓝 · 食枢平台品牌皮肤
   用法：在 ui.min.css 之后引入本文件即可整体换肤。
   仅覆盖 CSS 变量 + 少量组件微调，不改动任何结构类。
   色板：深钢蓝 #14283C / 青竹绿 #16A67E / 麦金 #F0A63C / 番茄红 #E4573D
   ============================================================ */
:root{
/* 品牌原始色 */
--brand-steel:#14283C;--brand-steel-dark:#0C1B29;
--brand-bamboo:#16A67E;--brand-bamboo-deep:#0D7E5E;--brand-bamboo-light:#E7F7F1;
--brand-wheat:#F0A63C;--brand-wheat-deep:#8C5A0F;--brand-wheat-light:#FDF3E2;
--brand-tomato:#E4573D;--brand-tomato-deep:#C9452E;--brand-tomato-light:#FDEDEA;
--brand-paper:#FFFFFF;--brand-mist:#F4F6F8;
/* UI 语义色：文字/小尺寸用深一档，装饰与大面积用原始色 */
--ui-primary:#14283C;--ui-primary-hover:#0C1B29;--ui-primary-light:#EAF0F4;
--ui-success:#0D7E5E;--ui-success-hover:#0A6B50;--ui-success-light:#E7F7F1;
--ui-warning:#8C5A0F;--ui-warning-hover:#744A0C;--ui-warning-light:#FDF3E2;
--ui-info:#14283C;--ui-info-hover:#0C1B29;--ui-info-light:#EAF0F4;
--ui-danger:#C9452E;--ui-danger-hover:#A93824;--ui-danger-light:#FDEDEA;
--ui-bg:#fff;--ui-bg-secondary:#F4F6F8;--ui-text:#14283C;--ui-text-secondary:#4C5C6B;--ui-text-muted:#8C99A6;
--ui-border:#14283C;--ui-mask:rgba(20,40,60,.45);
--ui-ring:rgba(20,40,60,.18);
--ui-radius-sm:0;--ui-radius-md:0;--ui-radius-lg:0;--ui-radius-xl:0;--ui-radius-round:50%;
--ui-shadow-sm:none;--ui-shadow-md:none;--ui-shadow-lg:none;--ui-shadow-xl:none;
--ui-tooltip-bg:#14283C;--ui-switch-off:#DCE4EA;
color-scheme:light
}
/* 界面字体：优先品牌字体，系统缺失时回落到各平台黑体 */
body{font-family:"MiSans","Source Han Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}
/* 结构组件：钢蓝细线直角 */
.card,.panel,.list-group,.table th,.table td{border-color:#14283C}
.panel-head,.panel-foot,.card-head,.card-foot{background:#fff;border-color:#14283C}
.dialog,.drop-menu{border:1px solid #14283C;border-radius:0;box-shadow:none}
.drop-menu{background:#fff}
.input,.button,.badge,.tag,.close{border-radius:0}
input[type="checkbox"],input[type="radio"]{accent-color:#14283C}
/* 主按钮保持深钢蓝底白字（对比度 14.8:1）；徽标/标签用青竹绿做品牌点缀 */
.button.bg-main,.button.bg-black{background:#14283C;border-color:#14283C;color:#fff}
.button.bg-main:hover,.button.bg-black:hover{background:#0C1B29;border-color:#0C1B29}
.badge.bg-main,.tag.bg-main{background:#0D7E5E;border-color:#0D7E5E;color:#fff}
.input{box-shadow:none}
.input:focus{box-shadow:none;border-width:2px;padding:5px}
textarea.input:focus{padding:5px}
select.input:focus{padding-right:27px}
.input-group .addon{background:#fff;border-color:#14283C}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background:#F7F9FB}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background:#F1F4F7}
.table th{color:#14283C;border-bottom:2px solid #14283C}
.bread{color:#8C99A6;background:transparent}
.toast{border:1px solid #14283C;border-radius:0;box-shadow:none}
.toast-success{border-left:4px solid #16A67E}
.toast-info{border-left:4px solid #14283C}
.toast-warning{border-left:4px solid #F0A63C}
.toast-danger{border-left:4px solid #E4573D}
.skeleton-line,.skeleton-circle,.skeleton-rect{background:#EDF1F4;animation:none;border-radius:0}
.skeleton-circle{border-radius:50%}
.avatar{background:#fff;color:#14283C;border:1px solid #14283C;border-radius:0}
.avatar-circle{border-radius:50%}
.badge-status-dot.dot-success{background:#16A67E}
.badge-status-dot.dot-primary,.badge-status-dot.dot-info{background:#14283C}
.badge-status-dot.dot-warning{background:#F0A63C}
.badge-status-dot.dot-danger{background:#E4573D}
.switch-slider{border-radius:1rem}
.switch-slider::before{border-radius:50%}
.navbar-bordered{border-bottom:1px solid #14283C}
.navbar-body .nav .active a{color:#14283C;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;text-decoration-color:#16A67E}
.pagination .active{background:#14283C;border-color:#14283C}
.pagination a:hover{color:#0D7E5E}
.progress{background:#fff;border:1px solid #14283C;border-radius:0;box-shadow:none}
.progress-bar{background:#14283C;color:#fff}
.progress .progress-bar:last-child{border-radius:0}
.alert{border:1px solid #14283C;border-left-width:4px;border-radius:0;background:#fff}
.alert-green{border-left-color:#16A67E}
.alert-red{border-left-color:#E4573D}
hr,.divider::before,.divider::after{border-color:#14283C;background:#14283C}
.divider::before,.divider::after{background:transparent}
.footer-line{border-top:1px solid #14283C}