.customer-page{min-height:100vh;background:#f7f3ee;color:#261b15}.customer-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.customer-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.customer-brand{display:flex;align-items:center;gap:11px;font:700 20px Manrope,sans-serif}.customer-brand .brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ef7a2e;color:#2b160b}.customer-org{display:flex;align-items:center;gap:10px;color:#64584f;font-size:13px}.customer-org i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e4dcd4;color:#a44e19;font-style:normal;font-weight:700}.customer-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.customer-card{background:#fff;border:1px solid #e4dcd4;border-radius:22px;box-shadow:0 16px 50px rgba(58,35,20,.07);overflow:hidden}.customer-map{min-height:520px;position:relative;background:#ebe5de}.customer-map #customer-map{height:520px}.customer-map-empty{height:520px;display:grid;place-content:center;gap:10px;padding:32px;text-align:center;color:#766a60}.customer-map-empty span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:18px;background:#fff0e4;color:#d8641f}.customer-map-note{position:absolute;z-index:500;left:18px;bottom:18px;max-width:320px;padding:13px 15px;border-radius:14px;background:rgba(39,22,14,.9);color:#fff;font-size:12px;line-height:1.45}.customer-summary{padding:28px}.customer-kicker{color:#cc5d18;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.customer-summary h1{margin:8px 0 8px;font:700 clamp(28px,4vw,42px)/1.08 Manrope,sans-serif}.customer-summary>p{margin:0 0 22px;color:#74685f;line-height:1.55}.customer-status{display:flex;align-items:center;gap:11px;padding:15px;border-radius:15px;background:#fff6ee;border:1px solid #f1d8c5}.customer-status i{width:10px;height:10px;border-radius:50%;background:#ef7a2e;box-shadow:0 0 0 5px rgba(239,122,46,.13)}.customer-status strong{display:block}.customer-status small{display:block;margin-top:2px;color:#796c62}.customer-courier{display:flex;align-items:center;gap:12px;margin:22px 0;padding-bottom:22px;border-bottom:1px solid #eee7e1}.customer-courier .avatar{width:44px;height:44px}.customer-courier div{display:grid;gap:3px}.customer-courier small{color:#776a61}.customer-timeline{display:grid;gap:0}.customer-event{display:grid;grid-template-columns:20px 1fr;gap:12px;position:relative;padding-bottom:18px}.customer-event:before{content:'';position:absolute;left:6px;top:16px;bottom:0;width:1px;background:#e3d9d1}.customer-event:last-child:before{display:none}.customer-event>i{width:13px;height:13px;border-radius:50%;margin-top:3px;background:#fff;border:3px solid #d4c8be;z-index:1}.customer-event.done>i{border-color:#e56c20;background:#e56c20}.customer-event b{display:block;font-size:13px}.customer-event time{display:block;margin-top:3px;color:#8b7f76;font-size:11px}.customer-foot{margin-top:18px;padding-top:18px;border-top:1px solid #eee7e1;color:#8b7f76;font-size:11px;line-height:1.5}.customer-state{min-height:100vh;display:grid;place-content:center;padding:24px;background:#f7f3ee;text-align:center}.customer-state>div{max-width:430px;padding:34px;background:#fff;border:1px solid #e4dcd4;border-radius:22px;box-shadow:0 16px 50px rgba(58,35,20,.07)}.customer-state .brand-mark{display:grid;place-items:center;margin:0 auto 18px;width:46px;height:46px;border-radius:14px;background:#ef7a2e;color:#2b160b}.customer-state h1{font:700 26px Manrope,sans-serif}.customer-state p{color:#74685f;line-height:1.55}.customer-pulse{width:30px;height:30px;margin:20px auto;border:3px solid #f0d0ba;border-top-color:#df681f;border-radius:50%;animation:customer-spin .8s linear infinite}@keyframes customer-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.customer-shell{width:min(100% - 20px,620px);padding-top:18px}.customer-topbar{margin-bottom:18px}.customer-org span{display:none}.customer-hero{grid-template-columns:1fr}.customer-summary{order:-1;padding:22px}.customer-map,.customer-map #customer-map,.customer-map-empty{min-height:380px;height:380px}.customer-map-note{left:12px;right:12px;bottom:12px;max-width:none}.customer-summary h1{font-size:30px}}