.warehouse-dialog { width: min(1100px, calc(100vw - 24px)); max-height: calc(var(--app-height, 100dvh) - 24px); padding: 16px; color: #ecd9b7; background: #171109; border: 1px solid #a38250; border-radius: 8px; overflow: auto; }
.warehouse-dialog::backdrop { background: #000b; }
.warehouse-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.warehouse-dialog h2 { margin: 0; font-size: 22px; }
.warehouse-dialog p, .warehouse-status { font-size: 12px; line-height: 1.5; }
.warehouse-status { min-height: 22px; color: #dabb7f; }
.warehouse-dialog [data-close] { min-height: 44px; padding: 8px 18px; color: inherit; background: #342614; border: 1px solid #947341; }
.warehouse-columns { display: grid; grid-template-columns: 1fr 1.5fr; gap: 18px; }
.warehouse-columns section { min-width: 0; }
.warehouse-columns h3 { margin: 4px 0 8px; font-size: 16px; }
.warehouse-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(54px, 1fr)); gap: 4px; max-height: min(55vh, 500px); overflow-y: auto; padding: 3px; overscroll-behavior: contain; }
.warehouse-cell { position: relative; min-width: 0; height: 64px; padding: 3px; cursor: pointer; touch-action: manipulation; }
.warehouse-cell.selected { outline: 2px solid #e3b767; background: #584023; }
.warehouse-cell:disabled { opacity: .65; }
.warehouse-tooltip { position: fixed; z-index: 10; pointer-events: none; width: max-content; max-width: min(320px, calc(100vw - 16px)); box-sizing: border-box; padding: 12px 14px; border: 1px solid #9b7841; background: #100c08f5; color: #d9c9ab; box-shadow: 0 5px 24px #000b; font-size: 13px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.warehouse-tooltip strong { display: block; margin-bottom: 6px; font-size: 15px; }
@media (max-width: 540px) { .warehouse-dialog { padding: 10px; } .warehouse-columns { grid-template-columns: 1fr 1.2fr; gap: 8px; } .warehouse-grid { grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); max-height: 58vh; } }