#shortage-chat{position:fixed;inset:auto 16px 16px auto;margin:0;width:min(430px,calc(100vw - 24px));max-height:85vh;padding:18px;border:1px solid #b7c6ce;border-radius:14px;box-shadow:0 10px 35px #0003;z-index:1000;background:white}#shortage-chat h3{margin:0 0 10px}#shortage-messages{max-height:32vh;overflow:auto;background:#f0f4f3;padding:10px;border-radius:8px}#shortage-messages p{margin:4px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}#shortage-chat textarea{min-height:70px;resize:vertical}#shortage-chat .actions{margin-top:8px}#shortage-notice{position:fixed;left:12px;bottom:12px;max-width:calc(100vw - 24px);z-index:1001;background:#dff6e6;border:1px solid #6c9d7b;padding:12px;border-radius:9px}#shortage-inbox{position:fixed;right:16px;top:8px;z-index:1002;padding:6px 10px}#shortage-error{color:#9e3527}#shortage-chat small{letter-spacing:0}@media print{#shortage-chat,#shortage-notice,#shortage-inbox{display:none!important}}

#shortage-messages{background:#fff2c9;border:2px solid #e9a52b;margin:12px 0;padding:14px}#shortage-messages p{font-size:18px;font-weight:700;color:#2d260e;line-height:1.45}#shortage-messages small{font-size:11px;color:#716953}.shortage-details{font-size:13px;color:#596970;line-height:1.6}

/* Keep confirmation controls accessible above notifications and within phone screens. */
#shortage-chat{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;z-index:1003}
#shortage-chat .actions{position:sticky;bottom:-18px;background:white;padding:12px 0;z-index:1}
@media(max-width:700px){
 #shortage-chat{inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;width:auto;max-height:calc(100dvh - 24px);padding:14px}
 #shortage-chat .actions{bottom:-14px;flex-wrap:wrap;border-top:1px solid #d5dfe4}
 #shortage-chat .actions button{min-height:44px}
 #shortage-notice{box-sizing:border-box;bottom:max(8px,env(safe-area-inset-bottom));overflow-wrap:anywhere}
 #shortage-notice button{min-height:44px}
 #shortage-inbox.shortage-side-tab{top:40%;right:0;max-width:155px;padding:12px 10px;white-space:normal;border-radius:12px 0 0 12px;background:#e6ebee;border:1px solid #8396a1;box-shadow:0 3px 12px #0002;color:#253943;font-weight:700}
}

.shortage-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;background:white;position:sticky;top:-18px;z-index:2;padding:8px 0}
.shortage-chat-heading h3{margin:0!important}
#shortage-minimize{min-height:44px;padding:8px 12px;flex-shrink:0}
@media(max-width:700px){.shortage-chat-heading{top:-14px}#shortage-inbox.shortage-side-tab{max-width:135px;min-height:60px}}

.shortage-tabs{display:flex;gap:6px;overflow-x:auto;margin:10px 0;padding-bottom:4px}.shortage-tabs button{flex-shrink:0;max-width:230px;white-space:normal;min-height:44px}.shortage-tabs [aria-pressed="true"]{background:#df8000;color:white}
#shortage-active-tabs{position:fixed;right:12px;bottom:max(8px,env(safe-area-inset-bottom));display:flex;gap:6px;max-width:calc(100vw - 24px);overflow-x:auto;z-index:1002;padding:4px;background:#fff;border-radius:10px;box-shadow:0 2px 12px #0002}
#shortage-active-tabs[hidden]{display:none}#shortage-active-tabs button{min-height:44px;max-width:220px;flex-shrink:0;white-space:normal;background:#fff2c9}#shortage-active-tabs button.ready{background:#dff6e6}
#shortage-notice{bottom:90px}@media print{#shortage-active-tabs{display:none!important}}

#shortage-active-tabs button{color:#2d260e;border:1px solid #b79c56}

/* Retain each armador's sidebar color even when its chat is selected. */
#shortage-chat .shortage-tabs button[data-armador-color],#shortage-active-tabs button[data-armador-color]{background:var(--chat-bg);color:var(--chat-fg);border:2px solid transparent}
.shortage-tabs button[aria-pressed="true"]{outline:3px solid #087ef5;outline-offset:2px;box-shadow:0 0 0 2px white;font-weight:700}
.shortage-tabs{padding:6px 5px 9px;flex-wrap:wrap;overflow:visible}
.shortage-tabs button{flex:1 1 140px;max-width:none}
.cut-assembly-warning{max-width:min(480px,calc(100vw - 32px));border:1px solid #b7c6ce;border-radius:14px;padding:24px;color:#233238;box-shadow:0 10px 35px #0003}
.cut-assembly-warning::backdrop{background:#0005}
@media print{.cut-assembly-warning{display:none!important}}

.shortage-photo{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:8px;margin:8px 0}

.shortage-camera{max-width:620px;width:90vw}.shortage-camera video{display:block;width:100%;max-height:60vh;object-fit:contain;background:#111}

/* chats-pruebas-v5 */
@keyframes shortage-receipt-pulse{0%,100%{box-shadow:0 0 0 3px #e29600}50%{box-shadow:0 0 0 6px #e2960060}}
.shortage-receipt-alert{animation:shortage-receipt-pulse 1.4s ease-in-out infinite!important;border-color:#e29600!important}
@media(prefers-reduced-motion:reduce){.shortage-receipt-alert{animation:none!important;outline:4px solid #e29600}}
#shortage-inbox.shortage-side-tab{position:fixed;right:10px;bottom:65px;z-index:1003}

/* solapa-chat-v6 */
#shortage-inbox.shortage-side-tab{inset:50% 0 auto auto!important;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px!important;min-width:32px!important;max-width:32px!important;height:auto!important;min-height:108px!important;max-height:170px!important;padding:10px 5px!important;margin:0!important;box-sizing:border-box;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap!important;line-height:20px;font-size:12px;border-radius:7px 0 0 7px!important;background:#e6ebee!important;color:#253943!important;border:1px solid #8396a1!important;box-shadow:-2px 0 6px #0002;z-index:1004}
#shortage-inbox.shortage-side-tab[hidden]{display:none!important}
@keyframes shortage-ready-visible{0%,100%{background-color:#fff;box-shadow:0 0 0 2px #e29600}50%{background-color:#ffe3a0;box-shadow:0 0 0 5px #e2960070}}
@keyframes shortage-ready-tab{0%,100%{filter:brightness(1);box-shadow:0 0 0 2px #e29600}50%{filter:brightness(.78);box-shadow:0 0 0 5px #e2960080}}
#shortage-chat.shortage-receipt-alert,#shortage-notice.shortage-receipt-alert,#shortage-active-tabs .shortage-receipt-alert{animation:shortage-ready-visible 1.4s ease-in-out infinite!important}
#shortage-chat.shortage-receipt-alert .shortage-chat-heading{animation:shortage-ready-visible 1.4s ease-in-out infinite!important}
#shortage-inbox.shortage-side-tab.shortage-receipt-alert{animation:shortage-ready-tab 1.4s ease-in-out infinite!important;background:revert!important;background-color:#ffe3a0!important}
@media(prefers-reduced-motion:reduce){#shortage-chat.shortage-receipt-alert,#shortage-chat.shortage-receipt-alert .shortage-chat-heading,#shortage-notice.shortage-receipt-alert,#shortage-active-tabs .shortage-receipt-alert,#shortage-inbox.shortage-side-tab.shortage-receipt-alert{animation:none!important;outline:3px solid #e29600;background-color:#ffe3a0!important}}