/* 元瑶客户管理系统：统一导航、分类配色及工作台层级。 */
:root{--wb-primary:#3287ee;--wb-ink:#233247;--wb-muted:#718198;--wb-line:#e8edf4;--wb-soft:#f3f6fa}
#main{background:#f3f6fa!important}
#main>#content,#content{padding-top:8px}
.yy-topnav{display:flex;align-items:center;gap:4px;background:#fff;border-bottom:1px solid #e5eaf2;min-height:50px;padding:0 22px;overflow:auto;flex-shrink:0;scrollbar-width:none}
.yy-topnav::-webkit-scrollbar{display:none}
.yy-topnav>a{padding:16px 18px 13px;font-size:14px;font-weight:550;white-space:nowrap;color:#627086;border-bottom:3px solid transparent}
.yy-topnav>a.active{color:#287fe5;background:#f0f7ff;border-bottom-color:#3287ee}
.yy-topnav>a:hover{color:#287fe5;background:#f7faff}
.yy-topnav-end{color:#97a2b4;font-size:12px;white-space:nowrap;margin-left:auto;padding-left:20px}
#main>.yy-topnav+div{background:white;border-color:#e8edf4;box-shadow:0 2px 7px #23324703;margin-bottom:12px}
#main #header-inner{color:#485971;font-size:13px}
#nav-sidebar{background:#2d3547!important;border-right:0!important}
#nav-sidebar-inner{background:linear-gradient(175deg,#30394c 0%,#293143 100%)!important;color:#cbd4e3}
#nav-sidebar-inner>div:first-child{background:#263044!important;border-color:#414b5e!important;height:80px}
#nav-sidebar-inner>div:first-child>div{padding:0 8px;gap:10px}
#nav-sidebar-inner #site-name a{color:#fff!important;font-size:17px;letter-spacing:.15px;white-space:normal;line-height:1.5;font-weight:650}
#nav-sidebar-inner>div:first-child .text-subtle{color:#a2b2cc!important;font-size:10px;margin-top:3px}
#nav-sidebar-inner>div:first-child a.bg-primary-600{background:#3987ef!important;border-radius:12px;height:38px;width:38px;box-shadow:0 4px 12px #0002}
#nav-sidebar-apps{padding:0 0 12px}
#nav-sidebar-apps>div{margin-bottom:7px}
#nav-sidebar-apps hr{display:none}
#nav-sidebar-apps h2{color:#a6b6d0!important;font-size:11px;font-weight:600;letter-spacing:1.3px;padding:11px 12px 7px;margin:0 12px}
#nav-sidebar-apps ol{padding:0 22px;gap:3px}
#nav-sidebar-apps ol>li>a{height:42px;color:#d3dbe7!important;font-size:13px;font-weight:450;border-radius:7px;transition:background .15s,color .15s}
#nav-sidebar-apps ol>li>a:hover{color:#fff!important;background:#ffffff0d!important}
#nav-sidebar-apps ol>li>a.active{color:#fff!important;background:#3888ee!important;font-weight:600;box-shadow:0 4px 10px #0e285440}
#nav-sidebar-apps ol>li>a>.material-symbols-outlined{font-size:19px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;margin-right:9px;border-radius:7px;background:#ffffff08;color:#7daeff}
#nav-sidebar-apps a[data-tone=pink]>.material-symbols-outlined{color:#f39ab5}
#nav-sidebar-apps a[data-tone=green]>.material-symbols-outlined{color:#a2d96d}
#nav-sidebar-apps a[data-tone=teal]>.material-symbols-outlined{color:#66d4bd}
#nav-sidebar-apps a[data-tone=orange]>.material-symbols-outlined{color:#f5bd73}
#nav-sidebar-apps a[data-tone=purple]>.material-symbols-outlined{color:#bda2f6}
#nav-sidebar-apps a[data-tone=slate]>.material-symbols-outlined{color:#a7bdd8}
#nav-sidebar-apps ol>li>a.active>.material-symbols-outlined{color:#fff!important;background:#ffffff1c}
#nav-sidebar-inner>div:last-child{border-color:#465066!important;background:#273043;color:#d7e0ed}
#nav-sidebar-inner>div:last-child>.cursor-pointer .text-important{color:#e7edf5!important}
#nav-sidebar-inner>div:last-child>.cursor-pointer:hover{background:#374258!important}
#nav-sidebar-inner>div:last-child nav{color:#475569}
.yy-nav-search{padding:14px 14px 5px}
.yy-nav-search button{display:flex;align-items:center;gap:8px;color:#aab9cf;width:100%;padding:9px 10px;border:1px solid #4b566c;background:#ffffff06;border-radius:7px;cursor:pointer;font-size:11px}
.yy-nav-search .material-symbols-outlined{font-size:18px}.yy-nav-search kbd{margin-left:auto;font-family:inherit;font-size:10px;color:#8b9bb4}
.wb{font-size:14px;padding:0 5px 14px}
.wb-heading{padding:9px 0 3px;margin-bottom:22px}
.wb h1{font-size:25px;letter-spacing:-.4px;color:#26364c}
.wb-eyebrow{font-size:11px;color:#8b9bb0;letter-spacing:.8px}
.wb-heading p{font-size:12px;color:#78899f}
.wb-btn{border-radius:6px;font-size:12px;padding:10px 16px;box-shadow:0 1px 3px #25334803;color:#526680}
.wb-btn.primary{background:#3287ee;border-color:#3287ee;box-shadow:0 3px 8px #3287ee1c}
.wb-btn.primary:hover{background:#2175d8}.wb-btn .material-symbols-outlined{font-size:18px}
.wb-panel,.wb-card{border-color:#e9edf4;border-radius:9px;box-shadow:0 2px 7px #25334804}
.wb-panel-head{padding:18px 20px;border-bottom:1px solid #f0f3f7;background:#fff}
.wb-panel-head h3{font-size:15px;color:#2e4059;font-weight:650}
.wb-panel-head>a{color:#4f8ed4;font-size:11px}
.wb-section-title{margin:24px 0 14px}
.wb-section-title h2{display:flex;align-items:center;gap:9px;font-size:16px;color:#34465e;font-weight:650}
.wb-section-title h2:before{content:"";display:inline-block;width:4px;height:17px;border-radius:2px;background:#3287ee}
.wb-section-title span{font-size:11px;color:#8797ac}
.wb-label{font-size:14px;font-weight:600;color:#4d607a;line-height:1.5}
.wb-value{font-size:35px;color:#273b54;font-weight:650;margin:13px 0 10px}
.wb-caption{font-size:11px;color:#7f90a7;line-height:1.8}
.wb-value.money{font-size:28px}.wb-value small{color:#93a1b3}
.wb-card{padding:20px 22px}.wb-card:hover{transform:translateY(-2px);border-color:#c3daf5;box-shadow:0 5px 14px #3287ee0c}
.wb-metrics.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.yy-metric{position:relative;overflow:hidden;border-top:3px solid var(--yy-color,#3287ee);background:#fff!important}
.yy-metric .wb-label i{font-size:19px;font-style:normal;color:var(--yy-color);background:var(--yy-light);padding:7px;border-radius:9px;flex-shrink:0}
.yy-metric .wb-value{color:var(--yy-color)}
.yy-metric-scope{font-size:10px;color:#91a0b4;margin-top:9px}
.green{--yy-color:#61b83e;--yy-light:#f0f9e9}
.pink{--yy-color:#dc789a;--yy-light:#fff0f5}
.teal{--yy-color:#24b59d;--yy-light:#eafaF6}
.orange{--yy-color:#f09245;--yy-light:#fff4e9}
.purple{--yy-color:#9a7dec;--yy-light:#f3efff}
.blue{--yy-color:#4089ee;--yy-light:#eff5ff}
.yy-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;background:#fff;padding:20px;border:1px solid #e9edf4;border-radius:9px;margin-bottom:6px}
.yy-shortcut{display:flex;align-items:center;gap:12px;min-width:0;padding:15px 12px;background:#fff!important;border:1px solid #eef1f6;border-radius:8px;box-shadow:0 1px 6px #22385706;color:var(--yy-color)!important;transition:.18s}
.yy-shortcut:hover{border-color:var(--yy-color);transform:translateY(-2px)}
.yy-shortcut-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--yy-light);font-size:22px}
.yy-shortcut b{display:block;font-size:14px;font-weight:550;white-space:nowrap}.yy-shortcut small{display:block;color:#9aa6b8;font-size:10px;margin-top:4px;white-space:nowrap}
.yy-shortcut-arrow{margin-left:auto;color:#c5cdda;font-size:20px}
.wb-total{padding-top:15px;padding-bottom:17px}.wb-total>b{font-size:27px;font-weight:650}.wb-total>small{color:#8697ad;font-size:11px}
.wb-due-stats{padding-top:16px;padding-bottom:17px}.wb-due-stats b{font-size:27px;color:#5d7cb7}.wb-due-stats a{font-size:11px;gap:6px}
.wb-icon{width:29px;height:29px;border-radius:50%}
.wb-item{padding:14px 20px;min-height:70px}.wb-item b{font-size:12px;color:#465b76;font-weight:550}.wb-item small{font-size:11px;color:#93a2b7}
.wb-tag{font-size:10px;padding:4px 8px;border-radius:4px;border:1px solid #00000003}.wb-money{color:#e79a45}
.wb-card.tint{background:#eef6ff!important;border-color:#d9eaff}.wb-card.tint .wb-value{color:#3287ee}
.wb-footnote{background:#fff;border:1px solid #e9edf4;border-radius:7px;padding:14px 18px;margin-top:12px;font-size:11px}
.wb-table th{font-size:12px;font-weight:600;color:#667c98;background:#f7f9fc;border-color:#e9edf4;padding:15px 18px}
.wb-table td{font-size:12px;padding:17px 18px;color:#61748e}.wb-table tbody tr:hover{background:#f7fbff}.wb-table small{font-size:11px}
.wb-table a{color:#3c78bd}.wb-table tfoot{background:#f7f9fc}.wb-table b{color:#2f496b}
.wb-note{background:#edf5ff;border-color:#dfecfd;color:#6b85a6;font-size:11px;border-left:3px solid #76adf3;border-radius:5px}
.wb-tabs{border:1px solid #e6edf7;background:#fff;box-shadow:0 1px 3px #00000003;border-radius:6px;padding:3px}
.wb-tabs a{color:#7d90aa;border-radius:4px}.wb-tabs a.active,.wb-tabs a:hover{background:#eef6ff;color:#3287ee;box-shadow:none}
.wb input:not([type=hidden]),.wb select,.wb textarea{border-color:#dfe7f2;border-radius:6px}.wb input:focus,.wb select:focus,.wb textarea:focus{border-color:#7ab4f4;box-shadow:0 0 0 3px #3287ee0a}
/* Shared model lists and forms receive the same clearer table and field hierarchy. */
#changelist .result-list-wrapper{background:#fff;border:1px solid #e4ebf4;border-radius:9px;padding-top:14px;box-shadow:0 2px 7px #25334804}
#result_list thead th{background:#f1f5fb!important;color:#546b87!important;font-size:12px;font-weight:650;border-color:#e1e8f2!important}
#result_list tbody tr:hover{background:#f4f9ff!important}
#result_list tbody td,#result_list tbody th{padding-top:15px;padding-bottom:15px;border-color:#edf1f6!important}
#result_list tbody th a{color:#387ac7!important;font-weight:600}
#changelist-form{background:white;border-radius:8px}
#content-main fieldset.module{background:#fff;border-color:#e4ebf4;border-radius:9px}
body:has(#login-form){background:#f1f6fd!important}
.wb a:focus-visible,.yy-topnav a:focus-visible,#nav-sidebar-apps a:focus-visible,.yy-nav-search button:focus-visible{outline:2px solid #55a2fa;outline-offset:3px}
@media(min-width:901px){.wb-priorities>.wb-panel{max-height:365px}}
@media(max-width:1500px){.yy-shortcuts{gap:10px;padding:16px}.yy-shortcut{gap:8px;padding:12px 10px}.yy-shortcut b{font-size:13px}.yy-shortcut small,.yy-shortcut-arrow{display:none}.yy-shortcut-icon{width:32px;height:32px;font-size:19px}.wb-metrics.five{gap:12px}.yy-metric{padding:16px}.yy-metric .wb-label{font-size:13px}.yy-metric .wb-label i{padding:5px;font-size:17px}.yy-metric .wb-caption{font-size:10px}}
@media(max-width:1200px){.yy-topnav-end{display:none}.yy-topnav>a{padding:14px 13px 11px}.yy-shortcut small{display:block}.yy-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-metrics.five{grid-template-columns:repeat(3,minmax(0,1fr))}.yy-metric .wb-caption{font-size:11px}}
@media(max-width:900px){.yy-topnav{padding:0 10px;min-height:45px}.yy-topnav>a{font-size:12px;padding:13px 12px 10px}.yy-shortcut small{display:none}.wb{padding-left:0;padding-right:0}.wb-metrics.five{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-metrics.five>.yy-metric:last-child{grid-column:1/-1}.wb-metrics.five>.yy-metric:last-child .wb-value{display:inline-block;margin-right:18px}.wb-metrics.five>.yy-metric:last-child .wb-caption{display:inline}.wb-metrics.five>.yy-metric:last-child .yy-metric-scope{display:none}.wb h1{font-size:23px}}
@media(max-width:600px){.yy-topnav{padding-left:4px;gap:0}.yy-topnav>a{font-size:11px;padding:12px 11px 10px}.yy-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.yy-shortcut{padding:12px 9px}.yy-shortcut b{font-size:13px}.yy-shortcut small{display:block;font-size:9px}.yy-shortcut-icon{width:30px;height:30px;font-size:18px}.wb-heading{margin-top:0;gap:12px}.yy-dashboard-heading{flex-direction:row;align-items:center}.yy-dashboard-heading h1{font-size:23px}.yy-dashboard-heading .wb-eyebrow{font-size:9px;letter-spacing:0}.yy-dashboard-heading p{font-size:10px;max-width:210px}.yy-dashboard-heading .wb-btn{padding:9px 10px;font-size:11px}.yy-metric{padding:15px 13px}.yy-metric .wb-value{font-size:31px}.yy-metric .wb-label{font-size:13px}.yy-metric .wb-label i{font-size:16px}.yy-metric .wb-caption{font-size:10px}.yy-metric-scope{font-size:9px}.wb-section-title{margin-top:22px}.wb-section-title h2{font-size:15px}.wb-section-title span{font-size:10px}.wb-card{padding:18px 14px}.wb-value.money{font-size:23px}.wb-label{font-size:13px}.wb-table th,.wb-table td{padding:14px}.wb-note{font-size:10px;line-height:1.9}.wb-panel-head h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.wb-card,.yy-shortcut{transition:none}.wb-card:hover,.yy-shortcut:hover{transform:none}}