/* HONGTE brand: original company artwork, technology blue, deep sea blue, white. */
:root{--blue:#006ead;--accent:#087cbd;--nav:#fff;--muted:#697d8e;--line:#dfe7ed;background:#f3f7fb;color:#203c53}
h1,h2,h3{color:#143c59}a{color:#0073b3}a:hover{color:#005780}button{color:#30536d;border-color:#ccdbe5}button:hover{background:#edf6fc;border-color:#91b8d0}button.primary{background:#087cbd;border-color:#087cbd}button.primary:hover{background:#0069a5;border-color:#0069a5}:focus-visible{outline-color:#0782cd}input,select,textarea{border-color:#cddce6;color:#24455e;accent-color:#087cbd}input:focus,select:focus,textarea:focus{outline-color:#0782cd77}label{color:#516d82}
.sidebar{background:#fff;color:#436078;border-color:#dce6ee}.brand{display:block;padding:0 5px 23px;letter-spacing:0}.company-logo{display:block;width:100%;height:auto;object-fit:contain}.brand-subtitle{font-size:10px;letter-spacing:3px;color:#73899a;display:block;padding:10px 0 0;text-align:center}.workspace-switch{background:#f5f9fc;border-color:#dce8ef;color:#4b697d}.workspace-switch>span:last-child{color:#7891a2}.live-dot{background:#0082c8}.nav-label{color:#738a9b}.nav a{color:#526d82}.nav a:hover{background:#eef6fc;color:#006ca8}.nav a.active{background:#e3f2fc;color:#006ca8;box-shadow:inset 3px 0 #098bd2}.nav a small,.nav a.active small{color:#537a96}.sidebar-note{color:#4d6b81}.sidebar-note small{color:#778e9f}.sidebar footer{border-color:#dde7ee}.sidebar footer strong{color:#244a65}.avatar{background:#e5f3fc;color:#077cbb}.account-name small{color:#70879b}.sidebar footer button{color:#53748c;border-color:#ccdde9}.nav{scrollbar-color:#b6d2e4 transparent}
.eyebrow{color:#54748d}.eyebrow span{color:#8497a6}.page-description,.top-actions time{color:#6c8293}.section-kicker{color:#6c8396}.work-intro{background:linear-gradient(110deg,#063c5c 0%,#006d9f 70%,#078bc9 100%);border:0;border-radius:12px;color:#fff;padding:30px 34px}.work-intro .section-kicker{color:#a7d8f5}.work-intro h2{color:white;font-size:33px;font-weight:650}.work-intro p{color:#c5e1f0}.work-intro button.primary{background:#fff;color:#006da7;border-color:#fff}.work-intro button.primary:hover{background:#e0f1fc}.work-intro button:not(.primary){background:transparent;color:white;border-color:#73adca}.work-intro button:not(.primary):hover{background:#ffffff18}.desk-summary{border-color:#72accb66;color:#c8e6f6}.desk-summary>strong{color:white}.desk-summary strong small{color:#c8e6f6}.summary-rule{background:#8dc8e5}.work-stats .stat{color:#55748b}.work-stats .stat:hover{background:#f0f8fe}.stat svg{color:#278fc7}.stat .value{color:#10476c}.stat small{color:#6b869a}
.card{border-color:#dfe7ee;background:#fff}.cardhead{border-color:#e2eaf0}.dossier{border-color:#e5edf3}.dossier:hover{background:#f5faff;border-color:#dbeaf5}.dossier-name strong{color:#244d6b}.file-emblem{background:#eef7fe;color:#1981ba;border-color:#d7e9f7}.dossier-progress strong{color:#267da9}.dossier-progress strong span{color:#7491a4}.dossier>svg{color:#86a4b8}.activity-dot{border-color:#5fa1c9}.activity li strong{color:#325b78}.activity li small{color:#7891a3}.activity-foot{background:#f7fafc;border-color:#e1eaf1}.work-shortcuts a{color:#1883bd;border-color:#dce8f1}.work-shortcuts a:hover{background:#edf7fe}.work-shortcuts strong{color:#29506d}.work-shortcuts small{color:#6e8798}
.notice{background:#eaf4fc;border-color:#70b3dd;color:#426a87}.notice.warning{background:#fff5e5;border-color:#d2a14e;color:#886626}th{background:#f1f6fa;color:#5f7d92}td{color:#365870;border-color:#e9eff4}td.model{color:#174b6d}td .sub{color:#72899b}tbody tr:hover{background:#f5faff}.tablewrap{scrollbar-color:#b7cedd transparent}.badge{background:#edf4f9;color:#5b7e96}.badge.green{background:#e9f4ee;color:#357054}.badge.blue{background:#e5f3fd;color:#0878b7}.badge.amber{background:#fff3df;color:#986c26}.empty{color:#71899b}.platform-results summary:before{color:#268bc3}.platform-results summary>span:nth-child(2){color:#7290a6}.platform-results summary:hover,.platform-results[open] summary{background:#f1f8fe}.platform-results[open] summary{border-color:#dceaf4}.historychart{background:#f4f9fd}dialog{color:#31546e;border-color:#cfdfe9}dialog::backdrop{background:#092d4a77}dialog pre,#newpurchase{background:#f0f6fb}#toast{background:#0c507a}.auth{border-color:#d6e4ef;box-shadow:0 20px 65px #1745690e}.auth .brand{padding:0}.auth .company-logo{max-width:330px;margin:auto}.auth h2{color:#174d70}
@media(max-width:1150px){.brand{padding-left:0;padding-right:0}.work-intro{padding:25px}.work-intro h2{font-size:29px}}
@media(max-width:760px){.sidebar{border-bottom:1px solid #d6e5f0;padding-top:12px}.brand{display:flex;align-items:center;gap:18px;padding:0 0 13px}.company-logo{width:200px;max-width:65%;height:auto}.brand-subtitle{padding:0;font-size:10px;white-space:nowrap;letter-spacing:1px;text-align:left}.nav a.active{box-shadow:inset 0 -2px #098bd2}.work-intro{padding:23px}.work-intro h2{font-size:27px}.auth .company-logo{max-width:100%;width:100%}.sidebar footer{display:flex;padding-top:9px;padding-bottom:0}.sidebar footer .account-name small{display:none}.sidebar footer .avatar{height:25px;width:25px;font-size:11px}}

/* Keep purchase forms within the dialog, including long supplier names. */
dialog .fields{grid-template-columns:repeat(2,minmax(0,1fr))}dialog .fields>*{min-width:0}dialog input,dialog select,dialog textarea{max-width:100%;min-width:0;width:100%}dialog input[type=checkbox]{width:auto}dialog p,dialog label{overflow-wrap:anywhere}dialog form{min-width:0}@media(max-width:760px){dialog .fields{grid-template-columns:minmax(0,1fr)}}