.courier-app{--green:#bc1235;--ink:#282942;background:#fff}
.courier-app .shell{margin-left:0;padding-bottom:75px}
.courier-app .content{max-width:1100px;padding-top:25px}
.courier-app .topbar{max-width:1100px;margin:auto;padding:0 38px;height:65px}
.courier-app .sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:70px;z-index:10;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;border:0;border-top:1px solid #eef0f3;box-shadow:0 -3px 24px #272c3b05}
.courier-app .sidebar>.logo,.courier-app .workspace,.courier-app .nav-label,.courier-app .integration,.courier-app .sidebar-bottom>small{display:none}
.courier-app .sidebar nav{display:flex;flex:1;max-width:600px;justify-content:space-around}
.courier-app nav a{margin:0;background:none!important;border-radius:0;font-size:11px;padding:7px 12px;flex-direction:column;gap:3px;color:#838493}
.courier-app nav a.selected{color:#bc1235}
.courier-app nav a svg{width:22px;height:22px}
.courier-app .sidebar-bottom{margin:0;display:block!important}
.courier-app .logout{display:flex;flex-direction:column;gap:3px;padding:7px 12px!important;font-size:10px!important;color:#838493}
.courier-app .logout svg{width:22px!important;height:22px!important}
.courier-app footer{display:none}
.courier-app .button:hover{background:#98112d}
.courier-app .button.secondary:hover{background:#faf0f3}
.delivery-heading{position:relative;background:#bd1235;color:white;border-radius:20px;padding:28px 34px 60px;isolation:isolate;margin-bottom:77px}
.delivery-heading:before,.delivery-heading:after{content:"";position:absolute;width:210px;height:210px;border:30px solid #ffffff13;border-radius:50%;z-index:-1;pointer-events:none;clip-path:inset(0)}
.delivery-heading:before{right:0;top:0;width:145px;height:145px;border-radius:0 20px 0 100%;border-left:0;border-top:0}
.delivery-heading:after{left:0;bottom:0;width:95px;height:95px;border-radius:0 100% 0 20px;border-left:0;border-bottom:0}
.delivery-identity{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px;font-size:12px;position:relative;z-index:1}
.delivery-identity>span:first-child{font-weight:600;max-width:75%;overflow-wrap:anywhere}
.delivery-role{background:#ffffff19;padding:4px 10px;border-radius:20px;font-size:10px}
.delivery-heading>p{color:#f7dce3;font-size:13px;margin-bottom:10px}
.delivery-heading h1{color:#fff;font-size:34px;letter-spacing:-1px;font-weight:600;margin:0 0 13px}
.delivery-heading h1 br{display:none}
.delivery-summary{position:absolute;left:28px;right:28px;bottom:-45px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #f3f0f1;border-radius:18px;box-shadow:0 10px 35px #2529450a;padding:17px 8px;color:#282942;text-align:center}
.delivery-summary>div+div{border-left:1px solid #efedf1}
.delivery-summary strong{display:block;font-size:25px;font-weight:550;margin-bottom:3px}
.delivery-summary span{font-size:11px;color:#8a8697;display:flex;align-items:center;justify-content:center;gap:6px}
.state-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#90929f}
.state-dot.available{background:#258a61}.state-dot.busy{background:#d5a14d}
.delivery-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.delivery-section-heading h2{font-size:23px;font-weight:550;letter-spacing:-.4px;margin:0}
.delivery-section-heading p{font-size:10px;margin:0;color:#9894a3;text-align:right}
.delivery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.delivery-terminal{min-width:0;text-align:center;border:1px solid #f2f1f5;border-radius:16px;background:#fff;transition:box-shadow .15s,border-color .15s}
.delivery-terminal.available:hover{border-color:#e8c3cd;box-shadow:0 7px 28px #2c17380a}
.terminal-choice{display:flex;align-items:center;flex-direction:column;padding:26px 12px 22px;height:100%;border-radius:16px}
.terminal-choice img{width:112px;height:168px;object-fit:contain;margin-bottom:13px}
.terminal-choice h3{font-size:15px;color:#77758c;font-weight:500;margin:0 0 4px;overflow-wrap:anywhere;max-width:100%}
.terminal-bank{font-size:10px;color:#aaa7b2;min-height:16px;max-width:100%;overflow-wrap:anywhere}
.terminal-availability{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:550;border-radius:20px;margin:13px 0 7px;padding:4px 10px;background:#f0f0f4;color:#8d8b9b}
.terminal-availability i{width:5px;height:5px;background:currentColor;border-radius:50%}
.terminal-availability.available{color:#258457;background:#edf7f0}.terminal-availability.busy{color:#aa8236;background:#fff6e6}
.terminal-hint{font-size:9px;color:#a4a0af;margin-top:auto;padding-top:4px}
.available .terminal-hint{color:#b24259}
.delivery-terminal.unavailable img{opacity:.43;filter:grayscale(1)}
.delivery-terminal.busy img{opacity:.7}
.delivery-demo{font-size:10px;text-align:center;line-height:1.7;margin:29px 0 20px;color:#a5a0ad}
.courier-list{padding:0 24px 15px}
.courier-row{display:flex;align-items:center;gap:13px;padding:19px 0;border-top:1px solid var(--line)}
.courier-person{flex:1;min-width:0}.courier-person strong{display:block;font-size:13px;overflow-wrap:anywhere}.courier-person small{display:block;margin:3px 0 6px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.courier-help{font-size:11px;line-height:1.8}
.admin-terminal-image{display:block;width:95px;height:142px;margin:4px auto 20px}
@media(max-width:900px){.delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-heading h1{font-size:30px}.delivery-heading h1 br{display:block}}
@media(max-width:680px){.courier-app .content{padding:0 20px 20px}.courier-app .topbar{height:52px;padding:0 20px}.courier-app .topbar>span:first-child{font-size:10px}.courier-app .sidebar{height:70px}.courier-app .sidebar nav{gap:0}.courier-app nav a{font-size:10px;padding:7px 10px;flex:1}.courier-app .sidebar-bottom .logout{font-size:9px!important}.courier-app .page-heading{padding-top:23px}.delivery-heading{margin:0 -20px 73px;border-radius:0 0 24px 24px;padding:24px 24px 63px}.delivery-heading:before{border-radius:0 0 0 100%}.delivery-identity{margin-bottom:23px}.delivery-heading h1{font-size:30px}.delivery-summary{left:20px;right:20px;padding:15px 3px;border-radius:17px}.delivery-summary span{font-size:10px;gap:4px}.delivery-summary strong{font-size:24px}.delivery-section-heading{display:block;margin-bottom:19px}.delivery-section-heading h2{font-size:21px}.delivery-section-heading p{text-align:left;margin-top:7px;font-size:9px}.delivery-grid{gap:15px 10px}.delivery-terminal{border-color:transparent;border-radius:12px}.terminal-choice{padding:15px 6px 19px}.terminal-choice img{width:107px;height:161px;margin-bottom:12px}.terminal-choice h3{font-size:14px}.terminal-bank{font-size:9px}.terminal-hint{font-size:8px}.terminal-availability{font-size:9px;padding:4px 8px}.courier-row{gap:8px}.courier-row .text-button{font-size:10px}.courier-list{padding:0 16px 10px}.courier-app .share-actions .button{font-size:11px;padding:10px 12px}}
.collection-screen{max-width:1000px;margin:auto}
.collection-terminals{border:0;padding:0;margin:0;min-width:0}
.collection-terminals legend{font-size:17px;font-weight:600;margin-bottom:5px}
.collection-status{font-size:11px;min-height:18px;margin-bottom:17px}
.collection-tile{position:relative;text-align:center;min-width:0}
.collection-tile .terminal-choice{margin:0;padding:18px 10px 13px;border:2px solid #ececf0;background:white;cursor:pointer;position:relative;min-height:215px;height:auto;font-weight:400}
.collection-tile .terminal-choice img{height:125px;width:85px;margin-bottom:9px}
.terminal-title{font-size:14px;color:#69687d;overflow-wrap:anywhere;max-width:100%}
.terminal-radio{position:absolute;opacity:0;width:1px;height:1px;min-height:0;left:50%;bottom:15px;padding:0}
.terminal-radio:checked+.terminal-choice{border-color:var(--green);background:#fff9fa}
.terminal-radio:focus-visible+.terminal-choice{outline:3px solid #eaa25f;outline-offset:3px}
.terminal-radio:disabled+.terminal-choice{cursor:not-allowed;background:#fafafa}
.terminal-radio:disabled+.terminal-choice img{opacity:.45;filter:grayscale(.6)}
.selection-mark{position:absolute;right:10px;top:10px;border-radius:50%;width:20px;height:20px;background:var(--green);color:white;display:none;align-items:center;justify-content:center}
.selection-mark svg{width:13px;height:13px}
.terminal-radio:checked+.terminal-choice .selection-mark{display:flex}
.collection-tile .terminal-availability{margin:9px 0 0}
.resume-charge{display:block;font-size:10px;padding:8px;color:var(--green);text-decoration:underline}
.resume-charge[hidden]{display:none}
.collection-payment{margin-top:24px;padding:20px;background:white;border:1px solid #ececf0;border-radius:14px;position:sticky;bottom:12px;box-shadow:0 5px 20px #22222c08;z-index:2}
.courier-app .collection-payment{bottom:80px}
.collection-payment>label{margin:0 0 8px;font-size:13px}
.collection-payment>label span{color:#92909d;font-weight:400}
.collection-payment-row{display:flex;align-items:stretch;gap:12px}
.collection-payment-row input{min-width:0;margin:0;font-size:24px;padding:11px 14px;flex:1}
.collection-payment-row .button{font-size:16px;min-width:135px}
.collection-payment>p{font-size:11px;margin:9px 0 0}
.button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:680px){.collection-grid{gap:12px}.collection-tile .terminal-choice{padding:15px 6px 12px;min-height:200px}.collection-payment{padding:14px;margin-top:18px}.collection-payment-row{gap:9px}.collection-payment-row .button{min-width:105px;font-size:14px;padding:10px 14px}.collection-payment-row input{font-size:22px}.collection-screen .page-heading{margin-bottom:22px}.courier-app .collection-payment{bottom:78px}}