.supply-shell{min-width:0;padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto}.supply-nav,.supply-pager,.supply-order footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.supply-nav{position:sticky;top:0;background:var(--bg,#fff);padding:6px 0;z-index:2}.supply-filters{display:flex;gap:8px;flex-wrap:wrap}.supply-filters input{flex:1;min-width:160px}.supply-filters select{min-width:180px}.supply-note,.supply-policy{font-size:13px;line-height:1.5}.supply-table{overflow-x:auto;min-width:0}.supply-table table{width:100%;border-collapse:collapse;font-size:13px}.supply-table th,.supply-table td{padding:8px;border-bottom:1px solid var(--border,#ddd);text-align:left;vertical-align:top}.supply-table th{white-space:nowrap}.supply-table td:first-child{min-width:190px;max-width:360px;overflow-wrap:anywhere}.supply-shell small,.supply-warning small{display:block;color:var(--text-secondary,#64748b);line-height:1.5}.supply-shell details{font-size:12px;margin-top:6px;max-width:700px}.supply-shell summary{cursor:pointer}.supply-order{border:1px solid var(--border,#ddd);border-radius:8px;margin-bottom:12px;padding:12px;min-width:0}.supply-order header{overflow-wrap:anywhere;margin-bottom:8px}.supply-order footer{margin-top:8px}.supply-order b{color:#9a3412}.supply-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-width:1050px}.supply-fields label,.supply-warning label{display:flex;flex-direction:column;gap:5px;font-weight:600}.supply-fields input,.supply-fields select,.supply-fields textarea,.supply-warning textarea{width:100%;box-sizing:border-box;min-height:38px}.supply-fields textarea,.supply-warning textarea{min-height:66px}.supply-form{display:flex;flex-direction:column;gap:12px}.supply-qty{width:110px;min-height:38px}.supply-pager{justify-content:flex-end}.supply-warning{padding:12px;border:1px solid #d97706;background:#fffbeb;color:#713f12;border-radius:6px;line-height:1.5;max-width:950px}.supply-warning label:has(input[type=checkbox]){display:block;font-weight:normal;margin-top:10px}.supply-warning input[type=checkbox]{margin-right:6px}.supply-shell [role=alert]{color:#b91c1c;font-weight:600}.supply-policy p{margin:8px 0}@media(max-width:700px){.supply-shell{padding:8px}.supply-fields{grid-template-columns:1fr}.supply-nav .btn{font-size:12px;padding:7px}.supply-filters>*{flex:1}.supply-table th,.supply-table td{padding:6px}.supply-table td:first-child{min-width:160px}.supply-qty{width:90px}}
@media(max-width:700px){
  body.kigx-home:has(.supply-shell) .global-header{height:auto!important;flex-wrap:wrap!important;gap:6px!important;max-width:100vw!important}
  body.kigx-home:has(.supply-shell) .global-actions{flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;justify-content:flex-start!important}
  body.kigx-home:has(.supply-shell) .topbar{display:flex!important;flex-wrap:wrap!important;height:auto!important;min-height:44px!important;max-width:100%!important;overflow:visible!important}
  body.kigx-home:has(.supply-shell) .topbar-left,body.kigx-home:has(.supply-shell) .topbar-right{flex-wrap:wrap!important;min-width:0!important;max-width:100%!important;flex:1 1 auto!important}
  body.kigx-home:has(.supply-shell) .topbar-right>*{max-width:100%!important}
  body.kigx-home:has(.supply-shell) .toast{pointer-events:none;max-width:calc(100vw - 24px)}
}