/* Accepted mobile UI, shared by delivery, employee and receipt applications. */
:root{--mobile-instructions-title-size:12px;--mobile-instructions-title-font:Arial,Helvetica,sans-serif;--mobile-module-title-size:clamp(22px,6.18vw,27px)}
body.shared-mobile{font-family:Arial,Helvetica,sans-serif;background:#fff;color:#052859}
.shared-mobile .riwa-mobile-header{height:auto;min-height:0;padding:16px 10px;line-height:0;background:#fff;border-bottom:4px solid #7a0c07}
.shared-mobile .riwa-mobile-header>.mobile-header-logo{position:static;width:35.4%;max-width:198px;height:auto;margin:0}
.shared-mobile .riwa-mobile-header .mobile-header-module{inset:6px 14px 6px auto;display:flex;align-items:center;gap:6px;width:auto;max-width:56%;height:auto}
.shared-mobile .riwa-mobile-header .mobile-header-title{margin:0;padding:0;border:0;font:700 var(--mobile-module-title-size)/1 Arial,Helvetica,sans-serif;letter-spacing:0;white-space:nowrap}
.shared-mobile .riwa-mobile-header .mobile-header-truck{width:clamp(64px,17.4vw,74px);height:clamp(64px,17.4vw,74px);max-height:none;flex:none;object-fit:contain;transform:none}
.shared-mobile .riwa-mobile-header .mobile-header-step{display:none!important}
.shared-mobile .delivery-stage-status{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:560px;z-index:40;display:flex;align-items:center;gap:8px;height:auto;min-height:34px;margin:0;padding:7px 14px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dce3eb;background:#fff;color:#052859;font:600 12px/18px Arial,Helvetica,sans-serif}
.shared-mobile .delivery-stage-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#7a0c07;flex:none}
.shared-status .status-current-stage{flex:1;min-width:0;overflow-wrap:anywhere}
.shared-status .status-product-signature{display:inline-flex;align-items:baseline;gap:3px;flex:none;padding-left:10px;border-left:1px solid #dce3eb;color:#617187;font-size:11px;font-weight:400;white-space:nowrap}
.shared-status .status-product-signature strong{font-weight:600}
.shared-status .status-product-signature>span{font-size:9px;letter-spacing:.5px}
/* The demo launcher remains available without covering the product signature. */
.shared-mobile #open-workshop,body.shared-mobile .demo-watermark{bottom:auto;top:4px;right:max(6px,calc((100vw - 548px)/2));min-width:0;min-height:20px;padding:2px 4px;font-size:8px;line-height:12px}
.shared-mobile .courier-delivery-instructions{min-width:0;position:relative;border:1px solid #d9bd58;border-radius:8px;background:#fff4b8;box-shadow:0 2px 4px #7660180d;padding:14px 16px 16px}
.shared-mobile .courier-delivery-instructions legend,.shared-mobile #screen .courier-delivery-instructions legend{padding:0 7px;margin:0 0 0 -6px;background:transparent;text-transform:none;letter-spacing:0;font:600 var(--mobile-instructions-title-size)/1.4 var(--mobile-instructions-title-font);color:#786321}
.shared-mobile .shared-instructions{padding-right:60px;padding-bottom:16px;min-height:68px}
.shared-mobile .shared-instructions p,.shared-mobile #screen .shared-instructions p{font:400 14px/1.5 Arial,Helvetica,sans-serif;margin:0;color:#596779;white-space:pre-line}
.shared-mobile .shared-instructions p+p{margin-top:4px}
.instructions-microphone{position:absolute;right:12px;top:12px;bottom:auto;display:grid;place-items:center;width:24px;height:24px;color:#052859;pointer-events:none}
.instructions-microphone svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}
.shared-mobile #screen>.shared-instructions{margin-top:auto;flex:0 0 auto;min-height:0}
.shared-mobile #screen:has(>.shared-instructions){display:flex;flex-direction:column;min-height:calc(100dvh - var(--shared-header-height,62px) - var(--driver-footer-height,81px) - var(--driver-stage-height,34px) - 22px)}
.shared-mobile .check,.shared-mobile .check-row{display:flex;align-items:center;gap:8px;font:400 clamp(12px,3.3vw,14px)/1.5 Arial,Helvetica,sans-serif;color:#052859}
.shared-mobile .check input,.shared-mobile .check-row input{width:22px;height:22px;min-height:22px;flex:none;margin:0;padding:0;accent-color:#052859}
.shared-mobile :is(.check,.check-row):has(input:not(:checked)){color:#7a0c07}
.shared-mobile #screen>.check,.shared-mobile #screen>.check-row{margin:12px 0 8px;padding-top:0;min-height:22px}
.shared-mobile .rows{border:1px solid #d6dde1;border-radius:5px;overflow:hidden}
.shared-mobile .rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 12px;border-bottom:1px solid #edf0f4;font:400 13px/1.45 Arial,Helvetica,sans-serif}
.shared-mobile .rows>div:last-child{border-bottom:0}
.shared-mobile .rows>div>span{color:#6d7989;flex-shrink:0;max-width:40%}
.shared-mobile .rows strong{min-width:0;font-size:13px;font-weight:700;text-align:right;overflow-wrap:anywhere}
.shared-mobile .driver-actions{bottom:var(--driver-stage-height,34px)}
/* Compact four-slot action layout. Each app retains its own available actions. */
.shared-mobile .shared-actions{position:fixed;left:50%;transform:translateX(-50%);bottom:var(--driver-stage-height,34px);z-index:30;width:100%;max-width:560px;margin:0;padding:12px 12px;border:0;border-top:1px solid #dce3eb;background:#fff;display:grid;grid-template-columns:1fr 1fr .85fr 1.45fr;gap:4px;border-radius:0;box-shadow:0 -3px 12px #05285908;backdrop-filter:none}
.shared-mobile .shared-actions>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:64px;height:auto;margin:0;padding:6px 4px;border:1px solid transparent;border-radius:7px;font:600 11px/14px Arial,Helvetica,sans-serif;color:#243754;background:transparent;box-shadow:none;overflow-wrap:anywhere}
.shared-mobile .shared-actions>button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shared-mobile .shared-actions>.shared-primary{background:#182d50;border-color:#182d50;border-radius:10px;color:#fff;grid-column:4}
.shared-mobile .shared-actions>.shared-back{grid-column:3}
.shared-mobile .shared-actions>button[aria-current=page]{background:#edf2f8;color:#052859}
.shared-mobile .shared-actions>button:before{display:none}
.shared-mobile [hidden]{display:none!important}
.shared-mobile .driver-actions.footer-variant-four:has(.screen-action-row>button:only-child){grid-template-columns:1fr 1fr .85fr 1.45fr}
.shared-mobile .driver-actions.footer-variant-four #screen-back{grid-column:3}
.shared-mobile .driver-actions.footer-variant-four #screen-actions .screen-action-row>.primary{grid-column:4}
.shared-mobile .driver-actions.footer-single-start #screen-actions .screen-action-row>.primary{grid-column:1/-1}
.shared-mobile #delivery-view .shared-instructions{flex:0 0 auto;min-height:0;margin-top:auto;margin-bottom:0}
.shared-mobile.receiver-app{--driver-footer-height:81px;padding-bottom:calc(var(--driver-footer-height) + var(--driver-stage-height,34px));max-width:560px;margin:auto}
.shared-mobile.receiver-app .workspace{padding:10px 14px 8px}
.shared-mobile.receiver-app .receiver-profile{padding:0 14px}
.shared-mobile.receiver-detail .receiver-profile{display:none}
.shared-mobile.receiver-detail #screen{display:flex;flex-direction:column;min-height:calc(100dvh - var(--shared-header-height,62px) - var(--driver-footer-height,81px) - var(--driver-stage-height,34px) - 18px)}
.shared-mobile.receiver-detail #screen>.shared-instructions{margin-bottom:0}
.shared-mobile.receiver-detail #screen>.check-row{margin:8px 0 0;padding:0;border:0;background:none;border-radius:0}
.shared-mobile.receiver-detail .workspace:has(.check-row){padding-bottom:8px}
.shared-mobile.receiver-app .summary-grid.rows{display:block;padding:0;margin:14px 0}
.shared-mobile.receiver-app .summary-grid.rows>.summary-cell{border-radius:0;background:#fff;min-height:0}
.shared-mobile.receiver-app .summary-grid.rows strong{margin:0}
.shared-mobile.receiver-app .item-list{border:1px solid #d6dde1;border-radius:5px;overflow:hidden}
.shared-mobile.receiver-app .item-list>.item-row{padding:11px 12px;font-size:13px}
.shared-mobile.receiver-app #bottom-nav{grid-template-columns:repeat(3,1fr)}
.shared-mobile.receiver-app #receiver-actions>button:disabled{opacity:.35;filter:grayscale(1)}

body.shared-mobile #delivery-view .rows>div{padding:11px 12px}
body.shared-mobile #delivery-view .rows>.driver-contact{padding-top:0;padding-bottom:0}

/* One transient notification panel for delivery, Wilk and receipt. */
.shared-notice{position:fixed;z-index:100;left:50%;bottom:0;transform:translate(-50%,100%);visibility:hidden;pointer-events:none;display:flex;align-items:center;gap:8px;width:100%;max-width:560px;height:var(--driver-stage-height,calc(34px + env(safe-area-inset-bottom)));min-height:0;overflow:hidden;margin:0;padding:2px 0 calc(2px + env(safe-area-inset-bottom)) 10px;border:0;border-top:1px solid #83b492;border-radius:0;background:#e8f5ea;color:#235b34;box-shadow:none;transition:transform .4s ease-in-out,visibility 0s .4s;box-sizing:border-box}
.shared-notice.is-visible{transform:translate(-50%,0);visibility:visible;pointer-events:auto;transition-delay:0s}
.shared-notice.is-error{background:#fff0ef;color:#7a0c07;border-top-color:#d9928c}
.shared-notice .shared-notice-icon{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font:700 12px/1 Arial,Helvetica,sans-serif}
.shared-notice .shared-notice-text{flex:1;min-width:0;max-height:100%;overflow-y:auto;scrollbar-width:none;margin:0;padding:0;color:inherit;font:600 12px/14px Arial,Helvetica,sans-serif;overflow-wrap:anywhere;white-space:pre-line}
.shared-notice .shared-notice-text::-webkit-scrollbar{display:none}
.shared-notice .shared-notice-close{display:grid;place-items:center;align-self:stretch;flex:0 0 36px;width:36px;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:400 22px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.shared-notice .shared-notice-close:focus-visible{outline:none;box-shadow:inset 0 -3px currentColor}
@media(prefers-reduced-motion:reduce){.shared-notice{transition:none}}