/* Shared component contract .80. Last stylesheet wins over historical patches.
   Module colors and specialized map/kiosk/chat layouts remain module owned. */
:root{--dc-ui-gap80:12px;--dc-ui-radius80:18px;--dc-ui-title80:clamp(22px,2.3vw,28px);--dc-ui-value80:clamp(23px,2.5vw,32px)}
html body.dc-ui-system80 .dc-page-head80.dc-page-head80{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:14px!important;padding:18px!important;border-radius:var(--dc-ui-radius80)!important;border:1px solid var(--dc-line,#dbe3ed)!important;background:var(--dc-surface,#fff)!important;margin-bottom:14px!important;box-sizing:border-box!important;min-width:0!important}
html body.dc-ui-system80 .dc-page-head80 :is(h1,h2){font-size:var(--dc-ui-title80)!important;font-weight:850!important;line-height:1.2!important;margin:4px 0 8px!important;overflow-wrap:anywhere}
html body.dc-ui-system80 .dc-page-head80 :is(p,.muted,.subtitle){font-size:14px!important;line-height:1.5!important;max-width:70ch;overflow-wrap:anywhere}
html body.dc-ui-system80 .dc-page-head80>div{min-width:0;max-width:100%}
html body.dc-ui-system80 .dc-section-head80.dc-section-head80{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-radius:16px!important;min-width:0!important}
html body.dc-ui-system80 .dc-section-head80 :is(h2,h3){font-size:20px!important;line-height:1.3!important}
html body.dc-ui-system80 .dc-kpi-grid80.dc-kpi-grid80{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--dc-ui-gap80)!important;margin:14px 0!important;min-width:0!important}
html body.dc-ui-system80 .dc-kpi-grid80[data-ui-columns="1"]{grid-template-columns:minmax(0,1fr)!important}
html body.dc-ui-system80 .dc-kpi-grid80[data-ui-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.dc-ui-system80 .dc-kpi-grid80[data-ui-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body.dc-ui-system80 .dc-kpi80.dc-kpi80{position:relative!important;isolation:isolate;min-width:0!important;min-height:112px!important;padding:17px!important;border-radius:var(--dc-ui-radius80)!important;box-sizing:border-box!important;overflow:hidden!important;text-align:left!important}
html body.dc-ui-system80 .dc-kpi80.dc-kpi80::after{content:"";position:absolute;z-index:-1;top:-28px;right:-25px;width:125px;height:125px;border-radius:50%;background:rgba(255,255,255,.15);pointer-events:none}
html body.dc-ui-system80 .dc-kpi-label80.dc-kpi-label80{display:block!important;font-size:13px!important;font-weight:750!important;line-height:1.4!important;margin-bottom:9px!important;white-space:normal!important}
html body.dc-ui-system80 .dc-kpi-value80.dc-kpi-value80{display:block!important;font-size:var(--dc-ui-value80)!important;font-weight:850!important;line-height:1.15!important;overflow-wrap:anywhere;white-space:normal!important;margin:0!important}
html body.dc-ui-system80 .dc-tabs80.dc-tabs80{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:14px 0!important;min-width:0!important}
html body.dc-ui-system80 .dc-tab80.dc-tab80{flex:1 1 150px;min-width:0!important;min-height:48px!important;padding:12px 15px!important;border-radius:16px!important;font-size:15px!important;font-weight:800!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box!important;position:relative}
html body.dc-ui-system80 .dc-tab80:is(.active,.selected,.is-active){outline:3px solid var(--dc-primary,#1687ed)!important;outline-offset:2px!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.65)!important}
html body.dc-ui-system80 .dc-tab80:focus-visible,html body.dc-ui-system80 .dc-select80:focus-visible,html body.dc-ui-system80 .dc-disclosure80>summary:focus-visible{outline:3px solid var(--dc-primary,#1687ed)!important;outline-offset:3px!important}
html body.dc-ui-system80 .dc-toolbar80.dc-toolbar80{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;min-width:0!important;margin:12px 0!important}
html body.dc-ui-system80 .dc-toolbar80>button{min-height:44px!important;border-radius:14px!important;flex:1 1 160px}
html body.dc-ui-system80 .dc-select80.dc-select80{min-height:44px!important;max-width:100%!important;box-sizing:border-box!important;border-radius:12px!important;font-size:14px!important;line-height:1.4!important;padding:10px 32px 10px 12px!important;appearance:auto!important;-webkit-appearance:menulist!important}
html body.dc-ui-system80 .dc-disclosure80>summary{min-height:44px;box-sizing:border-box;padding:12px 14px!important;font-size:15px!important;font-weight:750!important;line-height:1.4!important;border-radius:14px!important;cursor:pointer;overflow-wrap:anywhere}
/* Reserve a real row for floating search, avoiding title/alert overlap. */
html body.dc-has-search80 #view{padding-top:64px!important}
/* Primary warehouse location: visible, readable, wraps instead of ellipsis. */
html body .hueso-location-main80{display:flex;align-items:center;gap:10px;margin-top:14px;padding:13px 14px;border-radius:14px;border:1px solid var(--dc-primary,#1585d5);border-left:5px solid var(--dc-primary,#1585d5);background:var(--dc-primary-soft,#e9f6ff);color:var(--dc-text-strong,#123451);text-align:left;min-width:0}
html body .hueso-location-main80>span:first-child{font-size:26px;flex-shrink:0}
html body .hueso-location-main80>span:last-child{min-width:0}
html body .hueso-location-main80 small{display:block!important;font-size:11px!important;font-weight:850!important;letter-spacing:.08em;line-height:1.4;margin-bottom:4px}
html body .hueso-location-main80 strong{display:block!important;font-size:clamp(20px,2.4vw,26px)!important;font-weight:900!important;line-height:1.3!important;color:inherit!important;white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important}
html body.dc-ui-system80 .hueso-card-foot.hueso-card-foot{grid-template-columns:minmax(0,1fr) auto!important;font-size:12px!important}
@media(max-width:700px){
 :root{--dc-ui-gap80:10px;--dc-ui-value80:clamp(21px,5.6vw,28px)}
 html body.dc-ui-system80 .dc-page-head80.dc-page-head80{padding:14px!important;gap:12px!important}
 html body.dc-ui-system80 .dc-page-head80>div{flex:1 1 100%}
 html body.dc-ui-system80 .dc-kpi-grid80.dc-kpi-grid80{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.dc-ui-system80 .dc-kpi-grid80[data-ui-columns="1"]{grid-template-columns:minmax(0,1fr)!important}
 html body.dc-ui-system80 .dc-kpi-grid80[data-ui-columns="3"]>.dc-kpi80:last-child{grid-column:1/-1}
 html body.dc-ui-system80 .dc-kpi80.dc-kpi80{min-height:112px!important;padding:14px!important}
 html body.dc-ui-system80 .dc-tab80.dc-tab80{flex-basis:calc(50% - 10px);font-size:14px!important}
 html body.dc-ui-system80 .dc-section-head80>div{min-width:0;flex:1 1 180px}
 html body .hueso-location-main80 strong{font-size:22px!important}
}
@media(max-width:340px){html body.dc-ui-system80 .dc-kpi-grid80.dc-kpi-grid80{grid-template-columns:minmax(0,1fr)!important}html body.dc-ui-system80 .dc-tab80.dc-tab80{flex-basis:100%}}

/* Respect hidden controls and module-owned inline visibility. */
html body.dc-ui-system80 :is(.dc-page-head80,.dc-section-head80,.dc-kpi-grid80,.dc-tabs80,.dc-toolbar80)[hidden],
html body.dc-ui-system80 :is(.dc-page-head80,.dc-section-head80,.dc-kpi-grid80,.dc-tabs80,.dc-toolbar80)[style*="display: none"],
html body.dc-ui-system80 :is(.dc-page-head80,.dc-section-head80,.dc-kpi-grid80,.dc-tabs80,.dc-toolbar80)[style*="display:none"]{display:none!important}


/* .81: one color vocabulary for both themes and all module components.
   Foreground/background pairs remain the same when a tab is selected. */
:root{--dc-blue81:#2475c7;--dc-pink81:#b83566;--dc-green81:#08774f;--dc-orange81:#a94909;--dc-yellow81:#f5bb00;--dc-cyan81:#087a8b;--dc-purple81:#7040c0;--dc-red81:#c83229;--dc-navy81:#173e70}
[data-ui-tone81="blue"]{--dc-tone-bg81:var(--dc-blue81);--dc-tone-fg81:#fff}
[data-ui-tone81="pink"]{--dc-tone-bg81:var(--dc-pink81);--dc-tone-fg81:#fff}
[data-ui-tone81="green"]{--dc-tone-bg81:var(--dc-green81);--dc-tone-fg81:#fff}
[data-ui-tone81="orange"]{--dc-tone-bg81:var(--dc-orange81);--dc-tone-fg81:#fff}
[data-ui-tone81="yellow"]{--dc-tone-bg81:var(--dc-yellow81);--dc-tone-fg81:#172638}
[data-ui-tone81="cyan"]{--dc-tone-bg81:var(--dc-cyan81);--dc-tone-fg81:#fff}
[data-ui-tone81="purple"]{--dc-tone-bg81:var(--dc-purple81);--dc-tone-fg81:#fff}
[data-ui-tone81="red"]{--dc-tone-bg81:var(--dc-red81);--dc-tone-fg81:#fff}
[data-ui-tone81="navy"]{--dc-tone-bg81:var(--dc-navy81);--dc-tone-fg81:#fff}
html :is(#view,body.dc-ui-system80) .dc-color81.dc-color81{background:var(--dc-tone-bg81)!important;background-image:none!important;color:var(--dc-tone-fg81)!important;border-color:transparent!important;box-shadow:0 5px 14px rgba(3,24,49,.12)!important}
html :is(#view,body.dc-ui-system80) .dc-color81.dc-color81 :is(b,strong,small,span,em,.muted){color:var(--dc-tone-fg81)!important}
html :is(#view,body.dc-ui-system80) :is(.dc-kpi80,.dc-tab80,.dc-action81).dc-color81{position:relative!important;isolation:isolate;overflow:hidden!important}
html :is(#view,body.dc-ui-system80) :is(.dc-kpi80,.dc-tab80,.dc-action81).dc-color81::after{content:"";position:absolute;z-index:-1;width:125px;height:125px;top:-32px;right:-28px;background:rgba(255,255,255,.15)!important;border-radius:50%;pointer-events:none}
html :is(#view,body.dc-ui-system80) .dc-action81.dc-action81{font-weight:800!important;border-radius:14px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere;text-align:center}
html :is(#view,body.dc-ui-system80) .dc-page-head80 .dc-action81{min-height:52px!important;min-width:140px;box-sizing:border-box;padding:13px 18px!important;font-size:16px!important}
html :is(#view,body.dc-ui-system80) .dc-tab80.dc-color81:is(.active,.selected,.is-active){outline:3px solid #6db6fa!important;outline-offset:2px!important;box-shadow:inset 0 0 0 2px #fff,0 5px 14px rgba(3,24,49,.16)!important}
html :is(#view,body.dc-ui-system80) .dc-color81:is(button,a,summary):focus-visible{outline:3px solid #1b95f2!important;outline-offset:3px!important;box-shadow:inset 0 0 0 2px #fff!important}
html :is(#view,body.dc-ui-system80) .dc-color81:is(button,a):not(:disabled):hover{filter:brightness(1.08)}
html :is(#view,body.dc-ui-system80) .dc-color81:is(button,a):disabled{opacity:.58!important;cursor:not-allowed!important;filter:none!important}
/* Blue supplier/employee/stock/operation cards, matching the second reference. */
html :is(#view,body.dc-ui-system80) .dc-feature-card81.dc-feature-card81{background:#153766!important;background-image:linear-gradient(135deg,#193f73,#112d54)!important;color:#fff!important;border:1px solid #39618c!important;border-radius:20px!important;box-shadow:0 5px 15px rgba(2,20,45,.16)!important;min-width:0}
html :is(#view,body.dc-ui-system80) .dc-feature-card81 :is(h3,.config-card-main>b,.config-card-main>small,.config-card-meta>small,.config-role-label,.hueso-card-main>b,.hueso-card-main>small,.hueso-card-main>span,.hueso-card-foot,.employee-header104 b,.employee-header104 small,.kiosk-person-head b,.kiosk-person-head small){color:#f5f9ff!important}
html :is(#view,body.dc-ui-system80) .dc-feature-card81>p{color:#c5d7ee!important}
html :is(#view,body.dc-ui-system80) .dc-supplier-card81 .supplier-debt-head201 :is(h3,b){color:#fff!important}
html :is(#view,body.dc-ui-system80) .dc-supplier-card81 .supplier-debt-head201 :is(span,small){color:#d3e2f5!important}
html :is(#view,body.dc-ui-system80) .dc-supplier-card81 .supplier-debt-grid201>div{background:rgba(225,237,255,.15)!important;border:1px solid rgba(209,229,255,.3)!important;border-radius:15px!important}
html :is(#view,body.dc-ui-system80) .dc-supplier-card81 .supplier-debt-grid201 :is(span,b){color:#fff!important}
html :is(#view,body.dc-ui-system80) .dc-supplier-card81 .supplier-debt-history201{background:#10294d!important;color:#fff!important;border-color:#426c9c!important}
html :is(#view,body.dc-ui-system80) .dc-supplier-card81 .supplier-debt-history201 :is(small,b){color:#d7e7fa!important}
/* Location stays the strongest element on each Hueso item, including light theme. */
html :is(#view,body.dc-ui-system80) .hueso-card .hueso-location-main80{background:#087a8b!important;color:#fff!important;border-color:#49c4d6!important;border-left-width:5px!important;box-shadow:0 4px 12px rgba(0,0,0,.13)}
html :is(#view,body.dc-ui-system80) .hueso-card .hueso-location-main80 :is(small,strong){color:#fff!important}
@media(max-width:700px){html :is(#view,body.dc-ui-system80) .dc-page-head80 .dc-action81{min-width:0;max-width:100%;font-size:15px!important}html :is(#view,body.dc-ui-system80) .dc-feature-card81.dc-feature-card81{border-radius:18px!important}}
@media(prefers-reduced-motion:reduce){html :is(#view,body.dc-ui-system80) .dc-color81{transition:none!important}}

/* Keep long currency totals readable in two columns without editing their text. */
html :is(#view,body.dc-ui-system80) .dc-kpi-value80[data-ui-long81="true"]{font-size:clamp(18px,2vw,26px)!important}
@media(max-width:700px){html :is(#view,body.dc-ui-system80) .dc-kpi-value80[data-ui-long81="true"]{font-size:clamp(18px,4.7vw,24px)!important}}