#packingGuideGlobal[hidden] { display:none; }
#packingGuideGlobal, #packingGuideGlobal * { box-sizing:border-box; }
#packingGuideGlobal { position:fixed; z-index:1600; top:10px; right:16px; width:min(780px,calc(100vw - 32px)); max-height:42vh; overflow:auto; background:#fff6ed; border:2px solid #cf442c; border-radius:14px; padding:12px; box-shadow:0 8px 26px #20283030; }
.packing-guide-global-title { display:flex; flex-wrap:wrap; gap:6px 16px; color:#992c1c; font-size:14px; }
.packing-guide-global-title span { font-size:12px; }
.packing-guide-change { border:1px solid #dfbb60; border-left:5px solid #d69b16; background:#fffaf0; padding:14px; border-radius:10px; display:grid; gap:8px; margin:10px 0; color:#43340e; overflow-wrap:anywhere; }
.packing-guide-change.critical { border-color:#e49387; border-left-color:#cf442c; background:#fff4f1; color:#63271c; }
.packing-guide-numbers { display:flex; flex-wrap:wrap; gap:8px 24px; }
.packing-guide-change .actions { gap:8px; flex-wrap:wrap; }
.packing-guide-change button { min-height:42px; }
@media(max-width:650px) { #packingGuideGlobal { top:5px; right:8px; width:calc(100vw - 16px); max-height:38vh; padding:8px; } .packing-guide-change { padding:10px; } .packing-guide-change button { flex:1 1 145px; font-size:12px; } body.has-packing-guide-alert .app { padding-top:38vh; } }