@font-face{font-family:system;src:local('Arial')}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172e49;font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:#176ba5}button,.btn{border:0;border-radius:11px;background:#193d62;color:white;padding:11px 17px;text-decoration:none;display:inline-block;font-weight:650}button:hover,.btn:hover{background:#27547e}.secondary{background:#e9eff6;color:#204466}.danger{background:#fff0ee;color:#a73c2e}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:26px 18px;background:#122b48;color:#d9e5f2;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:block;background:white;border-radius:20px;padding:12px;margin:0 8px 28px;text-align:center}.brand img{width:128px;height:128px;object-fit:contain}.brand strong{display:block;letter-spacing:3px;color:#122b48}.sidebar nav{display:grid;gap:7px}.nav{background:transparent;text-align:left;color:#c7d6e9;border-radius:12px}.nav.active{background:#fff1c8;color:#173552}.nav small{display:block;font-size:11px;opacity:.75}.side-note{font-size:12px;color:#8da7c6;margin:25px 8px}.main{min-width:0;padding:28px 36px 60px;max-width:1600px}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #dde5ef;padding-bottom:22px;margin-bottom:25px}.top h1{font-size:26px;margin:2px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:#70869d}.user{display:flex;align-items:center;gap:14px}.code{background:white;border:1px solid #e0e7ef;border-radius:11px;padding:9px 14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{background:white;border:1px solid #e0e7f0;border-radius:16px;padding:19px}.stat b{display:block;font-size:29px;margin-top:4px}.muted{color:#6b8096}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0}.sectionhead h2{margin:0;font-size:22px}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{padding:15px 20px;border-radius:13px;background:#eaf2fa;color:#345a80;margin:15px 0}.gold{background:#fff3d6;color:#735519}.cards{display:grid;gap:15px}.card{border:1px solid #dfe6f0;border-radius:17px;background:white;padding:22px}.cardhead{display:flex;justify-content:space-between;align-items:start;gap:15px}.card h3{margin:5px 0 8px;font-size:19px}.badge{padding:5px 11px;border-radius:25px;background:#eaf2fa;color:#3f6487;font-size:12px;font-weight:700;white-space:nowrap}.badge.good{background:#e1f5ec;color:#197955}.badge.warn{background:#fff0d7;color:#94621c}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.detail small{display:block;color:#75879a;font-size:12px}.detail span{overflow-wrap:anywhere;white-space:pre-wrap}.cardfooter{border-top:1px solid #edf0f5;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cardfooter button{font-size:13px;padding:8px 13px}.files{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.file{display:block;border:1px solid #dce4ee;padding:10px;border-radius:10px;max-width:180px;font-size:12px;overflow-wrap:anywhere;text-decoration:none}.file img{width:130px;height:90px;object-fit:cover;display:block;margin-bottom:6px;border-radius:6px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters input{flex:1;min-width:160px}.empty{text-align:center;padding:50px 20px;border:1px dashed #cbd7e5;border-radius:17px;background:white;color:#72859b}.hero{background:linear-gradient(115deg,#173553,#254e73);border-radius:21px;padding:32px;color:white;position:relative;overflow:hidden}.hero h2{font-size:30px;max-width:600px;margin:8px 0}.hero p{color:#ccdbea;max-width:680px}.hero .infinity{font-size:80px;font-weight:700;color:#ffdb8e;line-height:1}.timeline{display:grid;gap:10px;margin-top:20px;border-left:2px solid #d9e5ef;padding-left:18px}.event{font-size:13px}.event time{display:block;font-size:11px;color:#8496a8}dialog{width:min(650px,94vw);max-height:90vh;border:0;border-radius:20px;padding:26px;color:#172e49;box-shadow:0 25px 100px #0d274655}dialog::backdrop{background:#0d244d70;backdrop-filter:blur(4px)}dialog h2{margin:0 0 5px}.form{display:grid;gap:15px;margin-top:22px}.form label{display:grid;gap:6px;font-size:13px;font-weight:600}input,textarea,select{width:100%;border:1px solid #d1dce8;border-radius:9px;padding:10px 12px;background:white;color:#172e49}textarea{min-height:90px;resize:vertical}.form .hint{font-size:12px;color:#72859b}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.error{color:#aa2f26;background:#fff0ee;padding:12px;border-radius:9px;white-space:pre-wrap}.check{display:flex!important;align-items:center;gap:10px!important;padding:10px;border:1px solid #dbe4ed;border-radius:10px}.check input{width:auto}.loading{padding:80px;text-align:center}.login{max-width:460px;margin:8vh auto;padding:40px;text-align:center;background:white;border:1px solid #e0e7f0;border-radius:24px}.login img{width:180px;height:180px;object-fit:contain}.login h1{font-size:26px}.login .btn{width:100%;margin:16px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173653;color:white;padding:12px 22px;border-radius:12px;display:none;z-index:10;max-width:90vw}.pager{display:flex;justify-content:center;gap:15px;align-items:center;margin:24px}.link-btn{background:transparent;color:#38739b;padding:0}.install{font-size:12px}.selection{background:#fff5dd;border:1px solid #efdaad;padding:15px;border-radius:13px;margin-bottom:15px}.desktop-note{font-size:12px;margin-top:8px}.money{font-size:23px;font-weight:750;color:#163e65}.no-wrap{white-space:nowrap}@media(max-width:1000px){.shell{grid-template-columns:190px 1fr}.main{padding:23px}.stats{grid-template-columns:repeat(2,1fr)}.details{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{padding:20px 10px}.brand{padding:8px}.brand img{width:110px;height:110px}.top{align-items:start}.user{flex-wrap:wrap;justify-content:end}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;padding:12px 14px}.brand{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:5px 12px;border-radius:12px}.brand img{width:48px;height:48px}.sidebar nav{display:flex;overflow:auto;gap:7px;padding-bottom:4px}.nav{white-space:nowrap;padding:9px 12px;font-size:13px}.nav small,.side-note{display:none}.main{padding:20px 15px 45px}.top{gap:10px}.top h1{font-size:23px}.user{font-size:12px;gap:8px}.code{padding:5px 9px}.stats{gap:9px}.stat{padding:13px}.stat b{font-size:25px}.card{padding:17px}.cardhead{gap:7px}.badge{white-space:normal}.details{gap:12px}.sectionhead{align-items:start;flex-wrap:wrap}.hero{padding:24px}.hero h2{font-size:24px}dialog{padding:22px}.login{margin:5vh 15px;padding:28px}.top .secondary{padding:6px 10px}.files .file{max-width:145px}.file img{width:110px;height:80px}}

.login form{text-align:left;margin:22px 0}.login form label{display:block;margin-bottom:6px;font-size:13px;font-weight:650}.login form input[type=submit]{background:#193d62;color:white;font-weight:700;border:0;cursor:pointer}.login form p{margin:15px 0}

.registration-form{display:grid;gap:14px}.registration-form label{display:grid;gap:6px}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.registration-form .muted{font-size:12px;margin:0}.login .secondary{margin:12px 0 0}.sidebar nav .nav{overflow-wrap:anywhere}

/* Staff workbench: compact Chinese navigation and progressive disclosure. */
.mobile-menu{display:none}.record-details{margin:16px 0}.record-details>summary{cursor:pointer;font-weight:650;padding:12px 0;border-top:1px solid #edf0f5;color:#345a80}.record-details>summary span{float:right;font-size:12px;font-weight:400;color:#75879a}.card h3,.cardhead>div{overflow-wrap:anywhere;min-width:0}.staff-shell .cardfooter>.actions{gap:8px}.staff-shell .top .eyebrow{letter-spacing:1px}
@media(max-width:700px){
 .staff-shell .sidebar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 15px;box-shadow:0 3px 15px #142e4914}
 .staff-shell .brand{margin:0;padding:3px 10px;gap:8px;border-radius:10px}.staff-shell .brand img{height:40px;width:40px}.staff-shell .brand strong{font-size:14px;letter-spacing:2px}
 .staff-shell .mobile-menu{display:block;min-height:44px;background:#254564;color:white}
 .staff-shell .sidebar nav{display:none;flex-basis:100%;overflow:visible;padding:8px 0 2px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .staff-shell.menu-open .sidebar nav{display:grid}.staff-shell .nav{white-space:normal;text-align:center;padding:12px 8px;background:#1c3958;min-height:44px}.staff-shell .nav.active{background:#fff1c8;color:#173552}
 .staff-shell .main{padding:18px 14px 35px}.staff-shell .top{display:block;margin-bottom:18px;padding-bottom:16px}.staff-shell .top h1{font-size:24px}.staff-shell .user{margin-top:12px;justify-content:flex-start}.staff-shell .user .install{display:none}.staff-shell .user>a{margin-left:auto;padding:8px}
 .staff-shell .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-shell .filters input{grid-column:1/-1;min-width:0}.staff-shell .filters select{grid-column:1/-1}.staff-shell .filters button{min-height:44px}
 .staff-shell input,.staff-shell select,.staff-shell textarea{font-size:16px}.staff-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.staff-shell .stat{padding:12px 15px}.staff-shell .stat b{font-size:27px}.staff-shell .notice{padding:14px;font-size:14px}.staff-shell .notice h2{font-size:19px;margin:0 0 8px}
 .staff-shell .card{padding:16px;border-radius:15px}.staff-shell .cardhead{display:block}.staff-shell .cardhead .badge{display:inline-block;margin-top:4px;max-width:100%}.staff-shell .card h3{font-size:19px;margin-bottom:6px}.staff-shell .card .eyebrow{letter-spacing:.7px}.staff-shell .details{grid-template-columns:1fr;gap:12px}.staff-shell .detail{padding-bottom:10px;border-bottom:1px solid #f0f3f7}.staff-shell .detail small{font-size:12px}.staff-shell .detail span{display:block;font-size:15px;margin-top:3px}.staff-shell .detail .money{font-size:23px}
 .staff-shell .cardfooter{display:block}.staff-shell .cardfooter>.muted{display:block;font-size:12px;margin-bottom:10px}.staff-shell .cardfooter>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-shell .cardfooter button{min-height:44px;padding:10px 8px;line-height:1.4}.staff-shell .files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-shell .files .file{max-width:none;min-width:0}.staff-shell .file img{width:100%;height:100px}.staff-shell .sectionhead h2{font-size:20px}
 dialog{max-height:88dvh;width:calc(100vw - 20px);padding:20px 16px}dialog input,dialog select,dialog textarea{font-size:16px}.form-actions button{min-height:44px;flex:1}.form-actions{position:sticky;bottom:-20px;background:white;padding:12px 0 5px}.record-details>summary{min-height:44px}
}

/* LOGPON customer collection — navy, warm ivory, restrained brass. */
:root{--lp-ink:#183047;--lp-gold:#bf9a60;--lp-line:#e4e7e9;--lp-paper:#f5f4f0}.lp-icon{flex-shrink:0;vertical-align:middle}.mobile-dock{display:none}
.customer-shell{background:var(--lp-paper);grid-template-columns:252px minmax(0,1fr);color:var(--lp-ink)}.customer-shell .sidebar{background:#142b40;padding:30px 18px;display:flex;flex-direction:column;scrollbar-width:thin}.customer-shell .brand{border-radius:18px;margin:0 14px 36px;padding:12px;box-shadow:0 8px 24px #071c3325}.customer-shell .brand img{height:124px;width:124px}.customer-shell .brand strong{font-size:15px;letter-spacing:4px}.customer-shell .sidebar nav{gap:6px}.customer-shell .nav{display:flex;align-items:center;gap:13px;padding:13px 14px;font-size:13px;font-weight:500;line-height:1.4;min-height:49px;border:1px solid transparent}.customer-shell .nav .lp-icon{width:19px;height:19px;opacity:.8}.customer-shell .nav:hover{background:#ffffff0c}.customer-shell .nav.active{color:#f5dfb7;background:#ffffff0b;border-color:#c6a26a35;box-shadow:inset 3px 0 #c6a26a}.customer-shell .side-note{margin:36px 14px 0;padding-top:22px;border-top:1px solid #ffffff12;display:grid;gap:8px}.side-label{font-size:8px;letter-spacing:1.4px}.customer-shell .side-note strong{color:#e4d3b5;font-size:17px;font-weight:500}.customer-shell .side-note span:last-child{font-size:11px}.customer-shell .main{max-width:1600px;width:100%;padding:30px 42px 24px}.customer-shell .top{border-bottom:1px solid #dce0e0;padding-bottom:23px;margin-bottom:24px}.customer-shell .top .eyebrow{font-size:10px;letter-spacing:2px;color:#8b8d87}.customer-shell .top h1{font-size:28px;font-weight:550;letter-spacing:-.9px;margin-top:8px}.customer-shell .user{gap:17px}.customer-shell .user>a{font-size:12px;color:#77848c;text-decoration:none}.customer-shell .code{border:0;background:transparent;font-size:17px;letter-spacing:1px;padding:0 12px;border-left:1px solid #d5dce0;border-radius:0}.customer-shell .code small{display:block;color:#91978f;font-size:8px;font-weight:650;letter-spacing:1.6px;margin-bottom:2px}.customer-shell .install{border:1px solid #dddeda;background:transparent;color:#61717b;font-size:11px;padding:8px 13px}.customer-shell button{transition:background .15s,box-shadow .15s;min-height:42px}.customer-shell button:focus-visible{outline:2px solid #b48649}.customer-shell .filters{gap:8px}.customer-shell .filters input{border:1px solid #dedfdc;background:#fbfbf8;padding:12px 15px;border-radius:10px;font-size:13px}.customer-shell .filters button{font-size:12px;background:#e9eae5;color:#42596a;border-radius:10px}.customer-shell .desktop-note{margin:9px 0 21px;font-size:10px;color:#88958f}.customer-hero{position:relative;display:grid;grid-template-columns:1.12fr 1fr;gap:24px;background:#172f45;border:1px solid #294054;border-radius:22px;color:#fff;overflow:hidden;padding:36px 38px;margin-bottom:24px;box-shadow:0 15px 35px #142b4012}.customer-hero:after{content:'';position:absolute;pointer-events:none;width:500px;height:500px;right:-220px;top:-250px;border:1px solid #c4a06c15;border-radius:50%;box-shadow:0 0 0 65px #c4a06c05,0 0 0 130px #c4a06c04}.hero-copy{position:relative;z-index:1}.customer-hero .eyebrow{font-size:9px;letter-spacing:2.4px;color:#d5bc95}.customer-hero h2{font-size:clamp(30px,3vw,45px);font-weight:500;line-height:1.17;letter-spacing:-1.5px;margin:19px 0 16px}.customer-hero p{color:#b4c2ce;font-size:12px;line-height:1.8;margin:0 0 23px}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.hero-actions>button:first-child{display:flex;align-items:center;gap:20px;border-radius:9px;background:#e6cea6;color:#273a48;padding:11px 16px;font-size:12px}.hero-actions>button:first-child:hover{background:#f0dbb9}.hero-actions .hero-quiet{background:transparent;color:#d6dfE5;font-size:11px;padding:10px 0;font-weight:400}.route-art{align-self:center;position:relative;z-index:1;padding:20px 22px 15px;border:1px solid #ffffff15;border-radius:15px;background:#ffffff03;min-width:0}.route-top,.route-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.route-top{font-size:7px;letter-spacing:1.6px;color:#a5b5c2}.route-top span:last-child{color:#d6bd94;white-space:nowrap}.route-cities{display:flex;justify-content:space-between;margin-top:28px}.route-cities b{display:block;font-size:25px;font-weight:400;letter-spacing:-.7px}.route-cities small{display:block;font-size:6px;letter-spacing:1.4px;margin-top:7px;color:#a2b1bd}.route-cities>span:last-child{text-align:right}.route-art svg{width:100%;height:auto;display:block;margin:8px 0}.route-bottom{border-top:1px solid #ffffff12;padding-top:10px;font-size:10px;color:#b3c1cc}.route-bottom b{font-size:23px;font-weight:400;color:#dec69f}
.customer-shell .stats{gap:14px;margin-bottom:22px}.customer-shell .stat{position:relative;background:#fff;border:1px solid #e4e4df;border-radius:15px;padding:19px 20px;min-width:0;box-shadow:0 3px 8px #122b4802}.stat-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f5f3ee;color:#9a7e57;margin-bottom:15px}.customer-shell .stat>.muted{font-size:11px;color:#7a888e}.customer-shell .stat b{font-size:32px;font-weight:500;letter-spacing:-1px;margin-top:3px;line-height:1.2}.customer-shell .stat-link{position:absolute;right:12px;bottom:12px;min-height:32px;width:32px;padding:0;border-radius:50%;background:transparent;color:#8f9ca5;font-size:19px}.customer-shell .notice{background:#eeeee7;color:#64736f;border-radius:12px;font-size:12px;border:1px solid #e6e7dd;padding:15px 19px}.customer-shell .notice.gold{background:#f7f0e2;border-color:#ebdfc7;color:#8c744b}.customer-shell .task-panel{margin:23px 0;background:#fff;border:1px solid #e2e5e2;padding:22px 23px}.customer-shell .task-panel h2{font-size:17px;font-weight:550;margin:0 0 7px;letter-spacing:-.3px}.customer-shell .task-panel p{font-size:10px;line-height:1.6;max-width:650px;color:#91a09e}.customer-shell .task-panel .sectionhead{margin:12px 0 0;border-top:1px solid #edf0eb;padding-top:12px;font-size:12px}.customer-shell .task-panel button{font-size:11px;padding:8px 15px}.customer-shell .sectionhead{margin:28px 0 16px}.customer-shell .sectionhead h2{font-size:20px;font-weight:500;letter-spacing:-.5px}.customer-shell .cards{gap:18px}.customer-shell .card{padding:25px 27px;border:1px solid #e0e5e4;border-radius:17px;box-shadow:0 4px 15px #142b4003}.customer-shell .card .eyebrow{font-size:9px;letter-spacing:1.7px;color:#94a19f}.customer-shell .card h3{font-size:21px;letter-spacing:-.5px;font-weight:550;margin:8px 0}.customer-shell .cardhead .muted{font-size:12px}.customer-shell .badge{font-size:10px;padding:6px 11px;letter-spacing:.1px;font-weight:500;max-width:45%}.customer-shell .badge.good{background:#edf4ef;color:#5b7c68}.customer-shell .badge.warn{background:#f8f0df;color:#9a7a41}.customer-shell .details{gap:18px;margin:23px 0}.customer-shell .detail small{font-size:10px;color:#919d9e;margin-bottom:5px}.customer-shell .detail span{font-size:13px}.customer-shell .detail .money{font-size:23px;font-weight:550;letter-spacing:-.6px}.customer-shell .cardfooter{padding-top:18px;border-color:#edf0ed}.customer-shell .cardfooter>.muted{font-size:10px}.customer-shell .cardfooter button{font-size:11px;border-radius:9px;padding:9px 13px}.customer-shell .cardfooter .secondary{background:#f0f3f3;color:#607582}.customer-shell .files{gap:10px}.customer-shell .file{padding:6px;border-radius:10px;border-color:#e7ecea;background:#fafbf9;font-size:10px;color:#7b8e95}.customer-shell .file b{font-weight:500}.customer-shell .file img{width:144px;height:100px;margin-bottom:8px}.customer-shell .selection{border-color:#e4d9c3;background:#f5eedf;color:#827455;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.customer-shell .selection button{font-size:12px;background:#223c50}.customer-shell .check{border-color:#dee9e1;background:#f6faf6;font-size:12px;color:#53705d}.customer-shell .empty{padding:55px 25px;background:#ffffff88;border-color:#d8dfda;font-size:13px;color:#8b9996}.portal-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0 5px;margin-top:25px;border-top:1px solid #dfe4df;color:#9aa49d;font-size:10px}.portal-footer strong{font-weight:550;letter-spacing:2px;font-size:9px}
.shipment-progress{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:22px 0 18px;margin:17px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}.shipment-progress li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#a5afad;text-align:center}.shipment-progress li:before{content:'';position:absolute;top:13px;right:50%;width:100%;height:1px;background:#dfe5e1}.shipment-progress li:first-child:before{display:none}.shipment-progress li>span{z-index:1;border:1px solid #dfe5e1;background:white;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:9px}.shipment-progress li.done{color:#65816d}.shipment-progress li.done:before{background:#9eb7a4}.shipment-progress li.done>span{background:#eef4ee;border-color:#b3c9b8}.shipment-progress li.current{color:#9d7d4e;font-weight:650}.shipment-progress li.current>span{color:#fff;background:#b89765;border-color:#b89765;box-shadow:0 0 0 4px #b8976514}.customer-shell .hero{background:#172f45;border:1px solid #294054}.customer-shell .hero h2{font-weight:450;letter-spacing:-1px}
.premium-entry{position:relative;border-color:#e5e6df;border-radius:23px;box-shadow:0 20px 80px #17364d0c;padding:38px 42px}.premium-entry:before{content:'';position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:#c4a372}.premium-entry h1{font-weight:500;letter-spacing:-.8px}.premium-entry img{width:145px;height:145px}.premium-entry>.muted{font-size:13px}.premium-entry input{border-color:#dfe4e2;background:#fafbf9;padding:12px 14px}.premium-entry .eyebrow{color:#ac8f64;font-size:9px;letter-spacing:2px}.premium-entry form input[type=submit],.premium-entry button{border-radius:10px;background:#183448}.premium-entry>a{font-size:12px}.premium-entry .btn.secondary{background:#f1ede4;color:#8b7047;border:1px solid #e5dccd}.premium-entry .code{font-size:14px;overflow-wrap:anywhere}.premium-entry .registration-form .muted{line-height:1.7}.premium-entry .registration-form{gap:18px}
@media(min-width:701px) and (max-width:1150px){.customer-shell{grid-template-columns:210px minmax(0,1fr)}.customer-shell .main{padding:25px}.customer-hero{padding:26px;gap:18px}.customer-hero h2{font-size:32px}.route-art{padding:15px}.route-top{font-size:6px}.customer-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-shell .user{gap:10px}.customer-shell .user .install{display:none}}
@media(max-width:700px){.customer-shell{display:block}.customer-shell .sidebar{height:auto;position:sticky;top:0;z-index:6;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 16px;border-bottom:1px solid #ffffff08}.customer-shell .brand{display:flex;align-items:center;gap:8px;margin:0;padding:3px 10px;border-radius:9px;box-shadow:none}.customer-shell .brand img{width:39px;height:39px}.customer-shell .brand strong{font-size:12px;letter-spacing:2.5px}.customer-shell .mobile-menu{display:block;min-height:44px;background:transparent;color:#dac5a3;font-size:12px;border:1px solid #dac5a32b;padding:8px 12px}.customer-shell .sidebar nav{display:none;flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px 0 3px;overflow:visible}.customer-shell.menu-open .sidebar nav{display:grid}.customer-shell .nav{white-space:normal;min-width:0;padding:12px 9px;font-size:11px;gap:9px;border-radius:9px;background:#ffffff04}.customer-shell .sidebar .side-note{display:none}.customer-shell .main{padding:20px 17px 95px}.customer-shell .top{align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px}.customer-shell .top h1{font-size:25px;margin-top:5px}.customer-shell .top .eyebrow{font-size:8px;letter-spacing:1.5px}.customer-shell .user{gap:9px;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:43%}.customer-shell .user .install{display:none}.customer-shell .user .code{font-size:14px;padding:0 0 0 10px;max-width:100%;overflow-wrap:anywhere}.customer-shell .user>a{font-size:10px}.customer-shell .code small{font-size:6px;letter-spacing:1.1px}.customer-shell .filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.customer-shell .filters input{min-width:0;font-size:16px;width:100%;padding:11px 12px}.customer-shell .filters button{font-size:10px;padding:9px 10px;min-height:44px}.customer-shell .desktop-note{font-size:9px;margin-bottom:18px}.customer-hero{display:block;border-radius:17px;padding:25px 23px;margin-bottom:17px}.customer-hero .eyebrow{font-size:7px;letter-spacing:1.7px}.customer-hero h2{font-size:36px;letter-spacing:-1.3px;margin:18px 0 14px}.customer-hero p{font-size:11px}.hero-actions{gap:16px}.hero-actions>button:first-child{font-size:11px;gap:12px;padding:10px 12px}.hero-actions .hero-quiet{font-size:10px}.route-art{margin-top:25px;padding:15px 0 0;background:transparent;border:0;border-top:1px solid #ffffff15;border-radius:0}.route-art .route-top{display:none}.route-cities{margin-top:0}.route-cities b{font-size:18px}.route-cities small{font-size:5px}.route-art svg{height:56px;width:100%;margin:0}.route-bottom{font-size:9px;padding-top:8px}.route-bottom b{font-size:19px}.customer-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.customer-shell .stat{padding:15px 16px;border-radius:13px}.stat-icon{width:27px;height:27px;margin-bottom:12px;border-radius:8px}.stat-icon .lp-icon{width:17px;height:17px}.customer-shell .stat>.muted{font-size:10px}.customer-shell .stat b{font-size:29px}.customer-shell .stat-link{right:9px;bottom:9px}.customer-shell .notice{font-size:11px;padding:13px 15px}.customer-shell .task-panel{padding:17px;margin:19px 0}.customer-shell .task-panel h2{font-size:16px}.customer-shell .task-panel p{font-size:9px}.customer-shell .card{padding:19px 17px;border-radius:14px}.customer-shell .card h3{font-size:18px;overflow-wrap:anywhere}.customer-shell .cardhead{gap:10px}.customer-shell .card .eyebrow{font-size:8px;letter-spacing:1.2px}.customer-shell .badge{font-size:9px;line-height:1.5;padding:5px 8px;max-width:42%;white-space:normal}.customer-shell .details{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin:20px 0}.customer-shell .detail small{font-size:9px}.customer-shell .detail span{font-size:12px}.customer-shell .detail .money{font-size:20px}.customer-shell .cardfooter{display:block}.customer-shell .cardfooter>.muted{display:block;margin-bottom:12px;font-size:9px}.customer-shell .cardfooter .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.customer-shell .cardfooter button{font-size:10px;line-height:1.5;min-height:44px;padding:9px}.customer-shell .files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-shell .files .file{max-width:none;min-width:0}.customer-shell .file img{width:100%;height:95px}.customer-shell .selection{font-size:11px;padding:14px}.customer-shell .selection button{width:100%;font-size:12px}.customer-shell .sectionhead h2{font-size:19px}.customer-shell .sectionhead{margin:22px 0 14px}.customer-shell .sectionhead button{font-size:11px;padding:10px 13px}.customer-shell .shipment-progress{padding:18px 0 15px}.customer-shell .shipment-progress li{font-size:8px}.customer-shell .portal-footer{display:block;margin-top:24px;padding-top:20px;font-size:9px}.portal-footer span{display:block;margin-top:7px}.mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:7;bottom:0;left:0;right:0;background:#fffefbea;border-top:1px solid #dfe4df;backdrop-filter:blur(16px);padding:6px 12px calc(7px + env(safe-area-inset-bottom))}.mobile-dock button{background:transparent;color:#99a4a4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;font-weight:500;border-radius:10px;padding:6px 3px;min-height:49px}.mobile-dock button.active{background:#eee9df;color:#8f744a}.mobile-dock .lp-icon{height:19px;width:19px}.premium-entry{margin:22px 15px;padding:28px 23px;border-radius:20px}.premium-entry img{height:130px;width:130px}.premium-entry h1{font-size:25px}.premium-entry input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.customer-shell button{transition:none}html{scroll-behavior:auto}}
/* Motion follows interaction and recorded status; never simulates live tracking. */
@keyframes lp-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes lp-route-flow{to{stroke-dashoffset:-80}}
@keyframes lp-route-beacon{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.18)}}
@keyframes lp-step-breathe{0%,100%{box-shadow:0 0 0 4px #b8976512}50%{box-shadow:0 0 0 7px #b8976524}}
@media(prefers-reduced-motion:no-preference){
 .customer-hero{animation:lp-rise .55s ease both}.customer-shell .stat{animation:lp-rise .5s ease both}.customer-shell .stat:nth-child(2){animation-delay:.06s}.customer-shell .stat:nth-child(3){animation-delay:.12s}.customer-shell .stat:nth-child(4){animation-delay:.18s}.customer-shell .card{animation:lp-rise .4s ease both}.premium-entry{animation:lp-rise .5s ease both}
 .route-art svg>path:first-child{animation:lp-route-flow 12s linear infinite}.route-art svg>circle{transform-box:fill-box;transform-origin:center;animation:lp-route-beacon 4s ease-in-out infinite}.route-art svg>circle:nth-of-type(2){animation-delay:2s}.route-art svg>circle:nth-of-type(3){animation:none}
 .shipment-progress li.current>span{animation:lp-step-breathe 3s ease-in-out infinite}.customer-shell button{transition:transform .18s,background .18s,box-shadow .18s}.customer-shell button:active{transform:scale(.97)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.customer-shell .stat{transition:transform .22s,box-shadow .22s}.customer-shell .stat:hover{transform:translateY(-3px);box-shadow:0 9px 22px #193d620a}.customer-shell .file{transition:transform .2s,border-color .2s}.customer-shell .file:hover{transform:translateY(-2px);border-color:#c7b18c}}
@media(prefers-reduced-motion:reduce){.customer-shell *,.premium-entry{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ticket-scan-tools{display:grid;gap:8px;margin-top:-6px}.scan-buttons{display:flex;gap:8px;flex-wrap:wrap}.scan-buttons button{font-size:12px;min-height:42px}.ticket-scan-tools small{font-size:11px;color:#748b9b;line-height:1.6}.scan-result{font-size:12px;color:#30795d;overflow-wrap:anywhere}.scan-result:empty{display:none}.ticket-camera .camera-frame{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/3;background:#0f1f2c}.ticket-camera video{width:100%;height:100%;object-fit:contain;display:block}.camera-guide{position:absolute;inset:32% 7%;border:2px solid #eee4bb99;border-radius:8px;pointer-events:none}.ticket-camera .camera-message{font-size:13px;color:#42647d;line-height:1.7}.ticket-camera h2{font-size:22px}.ticket-camera>.muted{font-size:12px}.ticket-camera .form-actions{position:static}@media(max-width:700px){.scan-buttons{display:grid;grid-template-columns:1fr 1fr}.scan-buttons button{padding:10px 7px;font-size:12px;min-height:44px}.ticket-camera{width:calc(100vw - 20px);padding:18px 15px}.ticket-camera .camera-frame{aspect-ratio:1/1}}
.purchase-modes{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.purchase-modes legend{font-size:12px;color:#74889a;margin-bottom:10px}.purchase-modes label{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background:#f6f8fa;border:1px solid #dfe7ed;border-radius:11px;cursor:pointer;min-width:0;font-size:12px;text-align:center}.purchase-modes input{position:absolute;inset:8px auto auto 8px;width:auto;margin:0;accent-color:#193d62}.purchase-modes label:has(input:checked){border-color:#b59968;background:#f8f2e7;color:#8b7047;box-shadow:0 0 0 1px #b5996822}.purchase-modes .lp-icon{width:20px;height:20px}.purchase-spec-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.form [hidden]{display:none!important}.purchase-tracker{margin:20px 0;padding:17px 18px;border:1px solid #e5e9e4;background:#f9faf7;border-radius:12px}.purchase-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0;margin:0 0 17px}.purchase-steps li{display:flex;align-items:center;flex-direction:column;gap:7px;position:relative;text-align:center;font-size:10px;color:#929f9d}.purchase-steps li:before{content:'';height:1px;background:#dce4df;position:absolute;top:12px;width:calc(100% + 6px);right:50%}.purchase-steps li:first-child:before{display:none}.purchase-steps li>span{position:relative;background:#fff;width:25px;height:25px;border:1px solid #dde4df;border-radius:50%;display:grid;place-items:center;font-size:9px}.purchase-steps li.done{color:#557e65}.purchase-steps li.done>span{color:#477559;background:#eaf3ec;border-color:#bed4c5}.purchase-steps li.current{color:#977746;font-weight:650}.purchase-steps li.current>span{background:#b99764;border-color:#b99764;color:#fff;box-shadow:0 0 0 4px #b9976410}.purchase-next{font-size:12px;color:#5c746d;margin:0;line-height:1.8}.purchase-attention{font-size:12px;color:#a17835;background:#f9f0db;border-radius:8px;padding:10px 12px;margin:12px 0 0}.purchase-difference{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;background:#f3ead7;color:#8b6b35;padding:11px 13px;margin-top:12px;border-radius:8px;font-size:12px}.purchase-difference small{font-size:10px}.purchase-tracker>.secondary{margin-top:13px;font-size:11px}.staff-shell .purchase-tracker{background:#f2f6f9;border-color:#e1e9ef}.staff-shell .purchase-steps li{font-size:11px}.customer-shell .purchase-tracker .purchase-next{font-size:12px}@media(max-width:700px){.purchase-modes{gap:6px}.purchase-modes label{font-size:11px;padding:17px 6px 13px}.purchase-spec-grid{grid-template-columns:1fr 1fr}.purchase-spec-grid>label:first-child{grid-column:1/-1}.purchase-tracker{padding:16px 10px}.purchase-steps{gap:3px}.purchase-steps li,.staff-shell .purchase-steps li{font-size:8px}.purchase-steps li:before{width:calc(100% + 3px)}.customer-shell .purchase-tracker .purchase-next{font-size:11px}.purchase-difference{font-size:11px;padding:10px}.purchase-difference small{font-size:9px}}
.purchase-spec-grid{align-items:end}.purchase-spec-grid>label,.form [data-purchase-link]{min-width:0}.purchase-spec-grid input,.form input[type=file]{min-width:0;max-width:100%}.form [data-photo-hint],.form [data-purchase-link] .hint{font-weight:400;overflow-wrap:anywhere}

/* Finance rate editor: an exchange-desk panel with an immediate conversion preview. */
.fx-rate-head{padding:2px 0 8px}.fx-rate-kicker{display:inline-block;color:#9a7b4a;font-size:10px;font-weight:750;letter-spacing:2px}.fx-rate-head h2{font-size:25px;margin:8px 0 3px}.fx-rate-head p{margin:0;color:#6b8096;font-size:13px}.fx-rate-card{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin:18px 0 8px;padding:19px;border-radius:16px;background:linear-gradient(120deg,#172f4a,#244e70);color:#fff;overflow:hidden;position:relative}.fx-rate-card:after{content:'₽';position:absolute;right:30%;top:-30px;font-size:150px;line-height:1;color:#ffffff0a;font-weight:700;pointer-events:none}.fx-rate-card>div{position:relative;z-index:1}.fx-rate-card small,.fx-rate-current span{display:block;color:#c4d2dd;font-size:10px;letter-spacing:.3px}.fx-rate-card strong{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:22px;letter-spacing:.5px}.fx-rate-card strong i{font-size:15px;font-style:normal;color:#e6cb99}.fx-rate-card p{font-size:10px;color:#c4d2dd;margin:0}.fx-rate-current{align-self:center;border-left:1px solid #ffffff35;padding:3px 0 3px 17px}.fx-rate-current b{display:block;margin:7px 0;font-size:18px;color:#f0d8aa}.fx-rate-current span{font-size:9px}.fx-rate-form{gap:13px;margin-top:17px}.fx-rate-form>label{padding:15px;border:1px solid #e1e7ec;border-radius:13px;background:#fafbfc}.fx-rate-form input{font-size:20px;font-weight:700;letter-spacing:.2px}.fx-live-preview{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:8px;padding:16px;border:1px solid #e9e2d2;border-radius:13px;background:linear-gradient(115deg,#fcfaf5,#f5f7fa)}.fx-live-preview>div{display:grid;gap:4px}.fx-live-preview small{font-size:10px;color:#75879a}.fx-live-preview b{font-size:18px;color:#1b3856}.fx-live-preview div:last-child b{color:#947447}.fx-live-preview span{font-size:9px;color:#8a98a5}.fx-live-preview>i{text-align:center;font-style:normal;color:#b19768;font-size:20px}.fx-rate-footnote{margin:0;padding:11px 13px;border-left:3px solid #d6bb88;border-radius:0 8px 8px 0;background:#fbf8f1;color:#75664c;font-size:11px;line-height:1.65}.fx-rate-form .form-actions{margin-top:2px}.fx-rate-form .form-actions button[type=submit]{background:#183b5d}.fx-rate-form .form-actions button[type=submit]:hover{background:#29587d}
@media(max-width:520px){.fx-rate-card{grid-template-columns:1fr;gap:14px;padding:16px}.fx-rate-current{border-left:0;border-top:1px solid #ffffff35;padding:12px 0 0}.fx-rate-current b{font-size:16px}.fx-live-preview{padding:13px 10px;grid-template-columns:1fr 22px 1fr}.fx-live-preview b{font-size:15px}.fx-rate-head h2{font-size:22px}}

/* Customer exchange page: a distinct daily-rate window and live conversion. */
.fx-customer-rate{margin:0 0 21px;padding:22px;border:1px solid #e1e7ef;border-radius:19px;background:#fff;box-shadow:0 9px 28px #122b4808}.fx-customer-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.fx-customer-kicker{font-size:9px;font-weight:750;letter-spacing:1.7px;color:#a08350}.fx-customer-heading h2{font-size:20px;margin:4px 0 0;color:#193754}.fx-update-pill{padding:7px 10px;border:1px solid #e8ebef;border-radius:30px;background:#fafbfc;color:#75879a;font-size:10px;white-space:nowrap}.fx-customer-pair{display:grid;grid-template-columns:1fr 45px 1.4fr;align-items:center;gap:12px;padding:19px 22px;border-radius:15px;background:linear-gradient(112deg,#172f4a,#244e70);color:#fff}.fx-customer-pair>div{display:grid;gap:5px}.fx-customer-pair small{font-size:10px;letter-spacing:.4px;color:#c4d2dd}.fx-customer-pair strong{font-size:22px;color:#f0d8aa}.fx-customer-pair>div:last-child strong{font-size:18px}.fx-pair-arrow{text-align:center;color:#ead2a4;font-size:22px}.fx-customer-calc{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.fx-customer-calc>label,.fx-customer-result{min-width:0;padding:13px 15px;border:1px solid #e4e9ef;border-radius:12px;background:#fafbfc}.fx-customer-calc>label{display:grid;align-content:start;gap:8px;font-size:11px;font-weight:650;color:#526b83}.fx-customer-calc input{font-size:17px;font-weight:700}.fx-customer-result{display:grid;align-content:center;gap:4px;background:#fbf8f1;border-color:#ebe2cf}.fx-customer-result small{font-size:10px;color:#89754f}.fx-customer-result b{font-size:22px;color:#947447;overflow-wrap:anywhere}.fx-customer-result span{font-size:9px;line-height:1.5;color:#887e6c}.fx-customer-usdt{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:11px 13px;border-radius:10px;background:#f5f7f9;color:#3d5e7b}.fx-customer-usdt b{font-size:11px;white-space:nowrap}.fx-customer-usdt span{font-size:10px;color:#75879a;text-align:right}.staff-shell .fx-customer-rate{max-width:850px}.customer-shell .fx-customer-rate{max-width:950px}@media(max-width:650px){.fx-customer-rate{padding:16px;border-radius:15px}.fx-customer-heading{align-items:flex-start}.fx-customer-heading h2{font-size:18px}.fx-update-pill{font-size:8px;padding:6px 8px}.fx-customer-pair{padding:16px;grid-template-columns:1fr 30px 1.3fr}.fx-customer-pair strong{font-size:18px}.fx-customer-pair>div:last-child strong{font-size:15px}.fx-customer-calc{grid-template-columns:1fr 1fr;gap:8px}.fx-customer-calc>label,.fx-customer-result{padding:11px 10px}.fx-customer-calc input{font-size:16px}.fx-customer-result b{font-size:18px}.fx-customer-usdt{align-items:flex-start;flex-direction:column;gap:4px}.fx-customer-usdt span{text-align:left;font-size:9px}}
.fx-usdt-panel{margin-top:14px;padding:17px 18px;border:1px solid #dce7e1;border-radius:15px;background:linear-gradient(135deg,#f4faf6,#fff);box-shadow:inset 3px 0 #43a67c}.fx-usdt-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.fx-usdt-top>div{display:grid;gap:5px}.fx-usdt-top small{font-size:10px;color:#75879a}.fx-usdt-top strong{font-size:17px;color:#193754}.fx-usdt-top strong i{font-style:normal;color:#43a67c;padding:0 4px}.fx-usdt-top strong em{font-size:9px;font-style:normal;letter-spacing:.5px;color:#fff;background:#43a67c;border-radius:20px;padding:4px 7px;margin-left:5px;vertical-align:2px}.fx-usdt-top>b{font-size:19px;color:#247b5d;white-space:nowrap}.fx-usdt-panel .fx-customer-calc{margin-top:0}.fx-usdt-foot{margin-top:10px;color:#77899b;font-size:10px;line-height:1.6}.fx-rate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fx-rate-inputs label{display:grid;gap:7px;font-weight:650;color:#405a74}.fx-rate-inputs .hint{font-size:10px;color:#8090a0;font-weight:400}.fx-rate-inputs input{min-width:0}@media(max-width:560px){.fx-rate-inputs{grid-template-columns:1fr}.fx-usdt-top>b{font-size:16px}}
/* Animated exchange signature: a subtle token pulse and a moving conversion trail. */
.fx-usdt-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(128deg,#f3faf6 0%,#fff 52%,#f7fbff 100%)}.fx-usdt-panel:before{content:"";position:absolute;z-index:-1;width:185px;height:185px;right:-75px;top:-95px;border-radius:50%;background:radial-gradient(circle,#7ccca927 0%,#7ccca900 70%);animation:fx-orbit-glow 5.6s ease-in-out infinite alternate}.fx-usdt-panel:after{content:"";position:absolute;z-index:-1;left:-35%;top:0;width:28%;height:100%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff80,transparent);animation:fx-sheen 7.5s ease-in-out infinite;pointer-events:none}.fx-usdt-top{position:relative;z-index:1;display:grid;grid-template-columns:42px 1fr auto;align-items:center}.fx-usdt-symbol{width:38px;height:38px;display:grid;place-items:center;border:1px solid #cbe4d6;border-radius:50%;background:#fff;color:#27956b;box-shadow:0 0 0 5px #43a67c0b}.fx-usdt-symbol span{font-size:22px;font-weight:750;animation:fx-symbol-breathe 3.6s ease-in-out infinite}.fx-usdt-title{display:grid;gap:5px}.fx-usdt-top>b{position:relative;padding-left:17px}.fx-usdt-top>b:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:#49b783;box-shadow:0 0 0 0 #49b78370;animation:fx-live-pulse 2.2s ease-out infinite}.fx-currency-rail{position:relative;display:flex;align-items:center;gap:10px;margin:8px 1px 13px;font-size:9px;font-weight:750;letter-spacing:.65px;color:#55746a}.fx-currency-rail>span{padding:5px 8px;border:1px solid #dfebe4;border-radius:20px;background:#ffffffbd}.fx-currency-rail>div{position:relative;display:flex;flex:1;align-items:center;justify-content:space-between;height:1px;background:linear-gradient(90deg,#aed8be,#b8cddd)}.fx-currency-rail>div:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 8px,#ffffff 8px 12px)}.fx-currency-rail i{z-index:1;width:5px;height:5px;border:1px solid white;border-radius:50%;background:#58b788;box-shadow:0 0 0 2px #58b78826}.fx-currency-rail i:first-child{animation:fx-rail-pass 3.5s linear infinite}.fx-currency-rail i:nth-child(2){animation:fx-rail-pass 3.5s linear 1.15s infinite}.fx-currency-rail i:last-child{animation:fx-rail-pass 3.5s linear 2.3s infinite}.fx-customer-rate{animation:fx-card-enter .5s cubic-bezier(.2,.7,.2,1) both}.fx-usdt-panel .fx-customer-result b{transition:color .2s,transform .2s}.fx-usdt-panel:focus-within .fx-customer-result b{color:#21845f;transform:translateY(-1px)}
@keyframes fx-live-pulse{0%{box-shadow:0 0 0 0 #49b78370}75%,100%{box-shadow:0 0 0 7px #49b78300}}@keyframes fx-symbol-breathe{0%,100%{transform:scale(1);opacity:.88}50%{transform:scale(1.08);opacity:1}}@keyframes fx-rail-pass{0%,100%{opacity:.32;transform:scale(.85)}45%{opacity:1;transform:scale(1.45);background:#258a61}}@keyframes fx-sheen{0%,18%{left:-35%;opacity:0}28%{opacity:.6}58%,100%{left:125%;opacity:0}}@keyframes fx-orbit-glow{from{transform:scale(.8);opacity:.55}to{transform:scale(1.25);opacity:1}}@keyframes fx-card-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.fx-usdt-top{grid-template-columns:34px 1fr;gap:9px}.fx-usdt-symbol{width:32px;height:32px}.fx-usdt-symbol span{font-size:19px}.fx-usdt-top>b{grid-column:2;padding-left:14px;font-size:15px}.fx-usdt-top>b:before{width:6px;height:6px;margin-top:-3px}}@media(prefers-reduced-motion:reduce){.fx-customer-rate,.fx-usdt-panel:before,.fx-usdt-panel:after,.fx-usdt-symbol span,.fx-usdt-top>b:before,.fx-currency-rail i{animation:none!important;transition:none!important}}
/* Make the currency transfer motion more visible without flashing or changing the layout. */
.fx-currency-rail>div{overflow:hidden}.fx-currency-rail>div:after{content:"";position:absolute;z-index:2;left:-22%;top:-1px;width:23%;height:3px;border-radius:4px;background:linear-gradient(90deg,#54b98200,#40ad78,#8be5ab);box-shadow:0 0 8px #48b67f99;animation:fx-route-beam 2.7s cubic-bezier(.45,0,.55,1) infinite}.fx-usdt-symbol{position:relative}.fx-usdt-symbol:after{content:"";position:absolute;inset:-4px;border:1px dashed #53ae8266;border-radius:50%;animation:fx-token-orbit 9s linear infinite}.fx-usdt-top>b{animation:fx-rate-glow 3.2s ease-in-out infinite}.fx-currency-rail>div>i{transition:background .2s,transform .2s}.fx-usdt-panel:hover .fx-currency-rail>div>i{animation-duration:1.8s}.fx-live-preview b[data-fx-usdt-preview]{transition:color .18s,transform .18s}.fx-rate-form:focus-within .fx-live-preview b[data-fx-usdt-preview]{color:#20865e;transform:scale(1.025)}
@keyframes fx-route-beam{0%{left:-22%;opacity:0}12%{opacity:1}85%{opacity:.9}100%{left:105%;opacity:0}}@keyframes fx-token-orbit{to{transform:rotate(360deg)}}@keyframes fx-rate-glow{0%,100%{text-shadow:0 0 0 #45ad7c00}50%{text-shadow:0 0 12px #45ad7c35}}
@media(prefers-reduced-motion:reduce){.fx-currency-rail>div:after,.fx-usdt-symbol:after,.fx-usdt-top>b{animation:none!important}}
.fx-rub-panel{position:relative;isolation:isolate;overflow:hidden;margin:0 0 14px;padding:17px 18px;border:1px solid #dce4ef;border-radius:15px;background:linear-gradient(128deg,#f4f7fb 0%,#fff 52%,#fbf8f1 100%);box-shadow:inset 3px 0 #d3b77d}.fx-rub-panel:before{content:"";position:absolute;z-index:-1;width:190px;height:190px;left:-105px;bottom:-130px;border-radius:50%;background:radial-gradient(circle,#d2b47220 0%,#d2b47200 70%);animation:fx-orbit-glow 6s ease-in-out infinite alternate}.fx-rub-top{position:relative;z-index:1;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px}.fx-rub-symbol{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #e5ddca;border-radius:50%;background:#fff;color:#987b47;box-shadow:0 0 0 5px #d7bd8110}.fx-rub-symbol:after{content:"";position:absolute;inset:-4px;border:1px dashed #b79a625d;border-radius:50%;animation:fx-token-orbit 12s linear infinite}.fx-rub-symbol span{font-size:22px;font-weight:750}.fx-rub-title{display:grid;gap:5px}.fx-rub-title small{font-size:10px;color:#75879a}.fx-rub-title strong{font-size:17px;color:#193754}.fx-rub-title strong i{font-style:normal;color:#b1965e;padding:0 4px}.fx-rub-title strong em{font-size:9px;font-style:normal;letter-spacing:.5px;color:#fff;background:#a48a56;border-radius:20px;padding:4px 7px;margin-left:5px;vertical-align:2px}.fx-rub-top>b{position:relative;padding-left:16px;font-size:18px;color:#947447;white-space:nowrap;animation:fx-rate-glow 3.2s ease-in-out infinite}.fx-rub-top>b:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:#c6a960;box-shadow:0 0 0 0 #c6a96070;animation:fx-live-pulse 2.4s ease-out infinite}.fx-rub-rail{color:#80724f}.fx-rub-rail>div{background:linear-gradient(90deg,#d4c49b,#b8cddd)}.fx-rub-rail>div:after{background:linear-gradient(90deg,#d0b56e00,#bd9f5d,#eed899);box-shadow:0 0 8px #cfaf6a99}.fx-rub-rail i{background:#c0a364;box-shadow:0 0 0 2px #c0a36426}.fx-rub-panel .fx-customer-result b{transition:color .18s,transform .18s}.fx-rub-panel:focus-within .fx-customer-result b{color:#947447;transform:translateY(-1px)}@media(max-width:520px){.fx-rub-top{grid-template-columns:34px 1fr;gap:9px}.fx-rub-symbol{width:32px;height:32px}.fx-rub-symbol span{font-size:19px}.fx-rub-top>b{grid-column:2;padding-left:14px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.fx-rub-panel:before,.fx-rub-symbol:after,.fx-rub-top>b,.fx-rub-top>b:before{animation:none!important}}
.batch-toolbar{display:grid;grid-template-columns:1.1fr auto auto;align-items:center;gap:14px;margin:14px 0;padding:14px 16px;border:1px solid #dbe7df;border-radius:14px;background:linear-gradient(110deg,#f2f8f4,#fff)}.batch-toolbar>div:first-child{display:grid;gap:4px}.batch-toolbar>div:first-child b{font-size:12px;color:#245841}.batch-toolbar small{font-size:10px;color:#728878}.batch-total{font-size:10px;color:#6b7f8c;white-space:nowrap}.batch-total strong{font-size:14px;color:#947747}.batch-toolbar button{white-space:nowrap}.batch-check-label{margin:7px 0;padding:8px 10px;border:1px solid #e5ece8;border-radius:9px;background:#f6faf7;font-size:11px}.batch-record-note{font-size:10px;line-height:1.7}.batch-record-note b{color:#337453}.batch-toolbar button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:680px){.batch-toolbar{grid-template-columns:1fr 1fr}.batch-toolbar>div:first-child{grid-column:1/-1}.batch-total{white-space:normal}.batch-toolbar button{justify-self:end}}
.purchase-candidate-row{margin:12px 0;padding:15px;border:1px solid #dfe6f0;border-radius:13px;background:#fbfcfd}.purchase-candidate-row header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.purchase-candidate-row header b{color:#274d70}.purchase-candidate-row header button{padding:6px 10px;font-size:12px}.purchase-candidate-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.purchase-candidate-options{border:0;padding:0;margin:14px 0}.purchase-candidate-options legend{font-weight:700;margin-bottom:10px}.purchase-candidate-choice{display:grid!important;grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:13px!important;border:1px solid #dfe6f0;border-radius:12px;margin:8px 0;background:#fff;cursor:pointer}.purchase-candidate-choice:has(input:checked){border-color:#c6aa70;background:#fffdf8;box-shadow:0 0 0 2px #d5bc822b}.purchase-candidate-choice input{margin-top:4px}.purchase-candidate-choice>span{display:grid;gap:5px}.purchase-candidate-choice small{color:#6b8096}.purchase-candidate-choice strong{color:#8f7545;font-size:17px}.purchase-candidate-choice a{font-size:12px;overflow-wrap:anywhere}@media(max-width:600px){.purchase-candidate-prices{grid-template-columns:1fr}}
.purchase-candidate-choice .candidate-image{display:block;max-width:230px}.purchase-candidate-choice .candidate-image img{display:block;width:100%;height:140px;object-fit:cover;border-radius:10px}.purchase-candidate-choice .candidate-image small{display:block;padding-top:4px;color:#6b8096}
/* LOGPON goods catalog follows the same workbench card system. */
.catalog-kicker{display:block;color:#70869d;font-size:10px;font-weight:750;letter-spacing:.16em}.catalog-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:18px 0 25px;padding:21px 23px}.catalog-welcome h2{margin:5px 0 4px;color:#203a50;font-size:23px;letter-spacing:-.025em}.catalog-welcome p{margin:0;color:#6b8096;font-size:13px}.catalog-welcome .badge{flex:none;background:#fff3d6;color:#735519}.catalog-toolbar{margin:20px 0 13px}.catalog-toolbar h2{margin:0;font-size:20px}.catalog-toolbar .muted{font-size:12px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.catalog-card{overflow:hidden;border:1px solid #dfe6f0;border-radius:16px;background:#fff;box-shadow:none;animation:catalog-enter .35s ease both;animation-delay:calc(var(--i,0)*45ms);transition:transform .2s,border-color .2s}.catalog-card:hover{transform:translateY(-3px);border-color:#c8d6e4;box-shadow:0 8px 20px #17324e0b}.catalog-image{position:relative;height:205px;overflow:hidden;background:#f1f4f6}.catalog-image img,.catalog-card>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.catalog-card:hover .catalog-image img{transform:scale(1.025)}.catalog-image>span{position:absolute;left:12px;top:12px;padding:5px 9px;border:1px solid #e0e7ef;border-radius:9px;background:#fffffff0;color:#486174;font-size:11px}.catalog-card-body{padding:16px}.catalog-card-body h3{margin:0 0 6px;color:#203a50;font-size:17px}.catalog-card-body p{min-height:38px;margin:0 0 12px;color:#6b8096;font-size:13px;line-height:1.55}.catalog-variant{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#6b8096;font-size:12px}.catalog-variant select{max-width:68%;padding:8px 10px;border:1px solid #d1dce8;border-radius:9px;background:#fff;color:#27445a}.catalog-buy-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #edf0f5}.catalog-buy-row>strong{color:#163e65;font-size:21px}.catalog-quantity{display:flex;align-items:center;gap:10px;color:#29455b;font-weight:700}.catalog-quantity button{width:30px;height:30px;padding:0;border:1px solid #dfe6f0;border-radius:9px;background:#f7f9fb;color:#25435a}.catalog-add{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 13px;border:0;border-radius:10px;background:#193d62;color:white;font-weight:650}.catalog-add:hover{background:#27547e}.catalog-cart{position:sticky;z-index:5;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:19px 0;padding:16px 19px;background:#fff;box-shadow:0 8px 24px #142f4612}.catalog-cart h3{margin:3px 0;color:#213b52;font-size:18px}.catalog-cart h3 b{color:#1a405c}.catalog-cart p{margin:0;color:#6b8096;font-size:12px}.catalog-cart>button{min-width:205px;display:flex;justify-content:space-between;align-items:center;gap:20px}.catalog-cart>button:disabled{opacity:.5;cursor:not-allowed}.catalog-empty{display:grid;place-items:center;min-height:210px;padding:28px;text-align:center;border:1px dashed #cbd7e5;border-radius:16px;background:#fff;color:#72859b}.catalog-empty h3{margin:8px 0 2px;color:#203a50;font-size:18px}.catalog-empty p{max-width:440px;margin:0;color:#6b8096;font-size:13px;line-height:1.65}.empty-orbit{display:grid;place-items:center;width:40px;height:40px;border:1px solid #efdaad;border-radius:50%;color:#b38a4c}.catalog-staff-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 24px;padding:20px 22px;border:1px solid #dfe6f0;border-radius:16px;background:#fff}.catalog-staff-head h2{margin:6px 0 4px;color:#203b52}.catalog-staff-head p{margin:0;color:#6b8096}.staff-product>img{height:190px;object-fit:cover}.staff-product-media{padding:13px 13px 10px;background:#f5f7fa}.staff-product-main{position:relative;height:176px;overflow:hidden;border-radius:12px;background:#fff}.staff-product-main img{display:block;width:100%;height:100%;object-fit:contain}.staff-product-main span{position:absolute;right:9px;bottom:9px;padding:5px 8px;border-radius:999px;background:#193d62e8;color:#fff;font-size:10px;font-weight:700}.staff-product-thumbs{display:flex;gap:6px;overflow-x:auto;padding:9px 1px 1px;scrollbar-width:thin}.staff-product-thumb{flex:0 0 42px;width:42px;height:42px;padding:2px;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer}.staff-product-thumb.is-active{border-color:#d3b778;box-shadow:0 0 0 2px #d3b77829}.staff-product-thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}.staff-product .catalog-card-body>button{display:block;width:100%;margin-top:14px}.staff-product.is-off{opacity:.72}.catalog-order-lines{margin:10px 0;padding:9px 12px;border-radius:12px;background:#f4f7f5}.catalog-order-lines p{display:flex;justify-content:space-between;gap:10px;margin:5px 0;color:#40576a;font-size:13px}.catalog-order-lines p span{white-space:nowrap;color:#1a405c;font-weight:700}
@keyframes catalog-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:960px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.catalog-welcome{align-items:flex-start;flex-direction:column;padding:17px}.catalog-welcome h2{font-size:20px}.catalog-welcome .badge{white-space:normal}.catalog-grid{grid-template-columns:1fr;gap:12px}.catalog-image{height:225px}.catalog-toolbar h2{font-size:19px}.catalog-cart{bottom:calc(78px + env(safe-area-inset-bottom));margin:14px 0;padding:13px;border-radius:14px}.catalog-cart>button{min-width:0;padding:11px}.catalog-cart h3{font-size:16px}.catalog-cart p{max-width:180px;line-height:1.5}.catalog-staff-head{align-items:flex-start;flex-direction:column;padding:17px}.catalog-empty{min-height:185px;padding:22px}.catalog-card-body p{min-height:0}}
@media(prefers-reduced-motion:reduce){.catalog-card{animation:none;transition:none}.catalog-card:hover{transform:none}}

.catalog-categories{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 9px;margin:12px 0 13px;scrollbar-width:thin}.catalog-categories button{display:flex;align-items:center;gap:8px;flex:none;padding:8px 13px;border:1px solid #dfe6f0;border-radius:10px;background:#fff;color:#526b83;font-size:13px;font-weight:600;white-space:nowrap}.catalog-categories button.active{border-color:#193d62;background:#193d62;color:#fff}
@media(max-width:700px){.catalog-categories{gap:7px;margin:9px 0 11px}.catalog-categories button{padding:8px 11px;font-size:12px}}

/* A compact LOGPON signature keeps the catalog distinctive inside the workbench. */
.catalog-signature{position:relative;min-height:150px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);align-items:center;gap:24px;margin:17px 0 22px;padding:23px 25px;border-color:#e5e3d9;background:linear-gradient(108deg,#fff 0%,#fff 53%,#f8f7f0 100%)}.catalog-signature:before{position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;background:#d3b778;content:""}.catalog-signature-copy{position:relative;z-index:1}.catalog-signature-copy .catalog-kicker{color:#947a4b}.catalog-signature-copy h2{margin:6px 0 4px;color:#203a50;font-size:25px;letter-spacing:-.035em}.catalog-signature-copy p{max-width:510px;margin:0;color:#6b8096;font-size:13px}.catalog-route-mark{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:16px 18px;border:1px solid #e7e1d2;border-radius:13px;background:#ffffffb8;color:#627788;font-size:9px;font-weight:800;letter-spacing:.12em}.catalog-route-mark>span{white-space:nowrap}.catalog-route-track{position:relative;height:2px;background:linear-gradient(90deg,#b9c9cc,#d4bc86,#b9c9cc)}.catalog-route-track:before,.catalog-route-track:after{position:absolute;top:-4px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#b69457;box-shadow:0 0 0 1px #d1bd94;content:""}.catalog-route-track:before{left:0}.catalog-route-track:after{right:0;background:#6b9b86;box-shadow:0 0 0 1px #a5c8b3}.catalog-route-track b{position:absolute;top:-10px;left:0;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#1b3c5c;color:#f3d9a5;font-size:12px;box-shadow:0 3px 8px #1b3c5c30;animation:catalog-route-move 5s ease-in-out infinite}.catalog-route-mark small{position:absolute;right:15px;bottom:4px;color:#9a8354;font-size:8px;letter-spacing:.14em}.catalog-signature>.badge{position:absolute;right:17px;top:12px;padding:4px 8px;background:#fff5df;color:#866b3d;font-size:10px}.catalog-signature .catalog-route-mark{margin-right:108px}.catalog-categories{gap:6px;padding:5px 0 11px;border-bottom:1px solid #e4e9ef}.catalog-categories button{border-color:transparent;background:transparent;color:#536b82}.catalog-categories button.active{border-color:#193d62;background:#193d62;color:white;box-shadow:0 4px 10px #193d621e}.catalog-card{position:relative}.catalog-card:before{position:absolute;z-index:2;top:0;left:0;width:0;height:2px;background:#d2b477;content:"";transition:width .3s ease}.catalog-card:hover:before{width:100%}
@keyframes catalog-route-move{0%,8%{left:0}45%,55%{left:calc(50% - 11px)}92%,100%{left:calc(100% - 22px)}}
@media(max-width:760px){.catalog-signature{grid-template-columns:1fr;gap:14px;min-height:0;padding:19px 17px}.catalog-signature-copy h2{font-size:22px}.catalog-signature-copy p{max-width:96%;font-size:12px}.catalog-signature .catalog-route-mark{margin-right:0;padding:14px 12px}.catalog-signature>.badge{position:static;justify-self:start}.catalog-route-mark{max-width:100%}}
@media(prefers-reduced-motion:reduce){.catalog-route-track b{animation:none}}

.catalog-view .filters{display:none}

/* LOGPON catalog motion v062 */
.customer-shell .catalog-signature{isolation:isolate;background:linear-gradient(115deg,#fff 5%,#f8f5e9 38%,#edf4f5 68%,#fff 95%);background-size:240% 240%}
.customer-shell .catalog-signature:after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-60% auto -60% -65%;width:38%;background:linear-gradient(90deg,transparent,#ffffffc9,transparent);transform:rotate(20deg);opacity:0}
.customer-shell .catalog-signature-copy h2{display:inline-block;color:#203a50;background:linear-gradient(105deg,#203a50 12%,#203a50 34%,#a88343 47%,#203a50 60%,#203a50 90%);background-size:280% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.22;padding-bottom:3px}
.customer-shell .catalog-signature>.badge{display:flex;align-items:center;gap:7px}
.customer-shell .catalog-signature>.badge:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#b39559;box-shadow:0 0 0 3px #b3955918}
.customer-shell .catalog-route-track{overflow:visible}
.customer-shell .catalog-route-track i{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#d0b171;opacity:0}
.customer-shell .catalog-route-track i:nth-child(2){animation-delay:1.2s}
.customer-shell .catalog-categories button{transition:background .22s,color .22s,box-shadow .22s,transform .22s}
.customer-shell .catalog-add span{display:inline-block;transition:transform .24s ease}
@media(prefers-reduced-motion:no-preference){
 .customer-shell .catalog-signature{animation:catalog-ambient 12s ease-in-out infinite alternate,catalog-header-reveal .65s ease both}
 .customer-shell .catalog-signature:after{animation:catalog-header-sweep 7s ease-in-out infinite}
 .customer-shell .catalog-signature-copy h2{animation:catalog-title-light 8s ease-in-out infinite}
 .customer-shell .catalog-signature-copy .catalog-kicker{animation:catalog-copy-reveal .65s .08s ease both}
 .customer-shell .catalog-signature-copy p{animation:catalog-copy-reveal .65s .18s ease both}
 .customer-shell .catalog-signature>.badge:before{animation:catalog-status-pulse 2.8s ease-out infinite}
 .customer-shell .catalog-route-track i{animation:catalog-route-spark 4s linear infinite}
 .customer-shell .catalog-route-track i:nth-child(2){animation-delay:1.2s}
 .customer-shell .catalog-card{animation:catalog-copy-reveal .6s ease both;animation-delay:calc(var(--i,0)*70ms)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .customer-shell .catalog-add:hover span{transform:rotate(90deg)}
 .customer-shell .catalog-categories button:hover{transform:translateY(-2px)}
}
@keyframes catalog-ambient{from{background-position:0% 25%}to{background-position:100% 75%}}
@keyframes catalog-header-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes catalog-copy-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes catalog-header-sweep{0%,12%{left:-65%;opacity:0}20%{opacity:.7}48%,100%{left:140%;opacity:0}}
@keyframes catalog-title-light{0%,16%{background-position:100% 50%}65%,100%{background-position:0% 50%}}
@keyframes catalog-status-pulse{0%{box-shadow:0 0 0 0 #b3955950}80%,100%{box-shadow:0 0 0 7px #b3955900}}
@keyframes catalog-route-spark{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
@media(prefers-reduced-motion:reduce){
 .customer-shell .catalog-signature,.customer-shell .catalog-signature:after,.customer-shell .catalog-signature-copy h2,.customer-shell .catalog-signature-copy p,.customer-shell .catalog-signature-copy .catalog-kicker,.customer-shell .catalog-signature>.badge:before,.customer-shell .catalog-route-track i,.customer-shell .catalog-card{animation:none!important}
 .customer-shell .catalog-signature:after,.customer-shell .catalog-route-track i{display:none}
 .customer-shell .catalog-signature-copy h2{background:none;-webkit-text-fill-color:currentColor}
}

/* LOGPON customer pages — individual themes and shared motion, v063. */
.customer-shell{--page-accent:#b39559;--page-soft:#f8f3e8;--page-line:#e9ddc7}
.customer-shell.view-package{--page-accent:#5e8978;--page-soft:#edf5f0;--page-line:#d3e4da}
.customer-shell.view-shipment{--page-accent:#557d9b;--page-soft:#eef3f8;--page-line:#d4e1ed}
.customer-shell.view-purchase{--page-accent:#a5864f;--page-soft:#faf4e8;--page-line:#eadfc8}
.customer-shell.view-exchange{--page-accent:#4d8b86;--page-soft:#edf6f4;--page-line:#d1e6e2}
.customer-shell.view-feedback{--page-accent:#897b9b;--page-soft:#f3f0f7;--page-line:#e1d9eb}
.customer-shell .main{position:relative}
.customer-shell .top h1{position:relative;display:inline-block;padding-bottom:5px;line-height:1.2}
.customer-shell .top h1:after{content:"";display:block;width:32px;height:2px;margin-top:10px;background:var(--page-accent);border-radius:3px}
.customer-shell .top .eyebrow{color:#8e8f86}
.customer-shell .nav.active .lp-icon{color:#d7bd86;opacity:1}
.customer-shell .mobile-dock{grid-template-columns:repeat(5,minmax(0,1fr))}
.customer-shell .mobile-dock button{position:relative}
.customer-shell .mobile-dock button.active:before{content:"";position:absolute;top:3px;width:14px;height:2px;border-radius:2px;background:#b89a63}
.page-signature{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(235px,.85fr);align-items:center;gap:30px;overflow:hidden;min-height:210px;padding:28px 30px;margin:18px 0 24px;border:1px solid var(--page-line);border-radius:21px;background:linear-gradient(115deg,#fff 12%,var(--page-soft) 100%)}
.page-signature:before{content:"";position:absolute;z-index:-1;right:-60px;top:-120px;width:330px;height:330px;border:1px solid var(--page-line);border-radius:50%;box-shadow:0 0 0 36px #ffffff40,0 0 0 37px var(--page-line)}
.page-signature:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffffb0 50%,transparent 65%);background-size:250% 100%;opacity:.5}
.signature-copy{min-width:0;position:relative;z-index:1}.signature-kicker{display:block;font-size:9px;letter-spacing:.18em;font-weight:750;color:var(--page-accent)}
.signature-copy h2{font-size:29px;line-height:1.2;font-weight:550;letter-spacing:-1px;max-width:540px;margin:13px 0 11px;color:#203a50}
.signature-copy p{font-size:12px;line-height:1.8;max-width:520px;color:#72858d;margin:0}
.signature-visual{position:relative;z-index:1;display:grid;justify-items:center;gap:20px;padding:8px 0;min-width:0}
.signature-emblem{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:#ffffffb8;border:1px solid var(--page-line);box-shadow:0 7px 20px #213b5010;color:var(--page-accent);position:relative}
.signature-emblem:before{content:"";position:absolute;inset:-8px;border:1px solid var(--page-line);border-radius:25px;opacity:.65}.signature-emblem .lp-icon{width:28px;height:28px}
.signature-path{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}
.signature-path:before{content:"";position:absolute;top:13px;left:16%;right:16%;height:1px;background:var(--page-line)}
.signature-path>span{position:relative;display:grid;justify-items:center;align-content:start;gap:7px;min-width:0}
.signature-path i{font-style:normal;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:8px;font-weight:650;background:#fff;color:var(--page-accent);border:1px solid var(--page-line);box-shadow:0 0 0 4px var(--page-soft)}
.signature-path b{font-size:9px;font-weight:550;color:#6c8089;text-align:center;overflow-wrap:anywhere;line-height:1.4}
.customer-shell .cards>.card{border-color:#e1e7e4;box-shadow:0 4px 20px #1d3a4d04;position:relative;overflow:hidden}
.customer-shell .cards>.card:before{content:"";position:absolute;top:19px;bottom:19px;left:0;width:3px;background:var(--page-accent);border-radius:0 4px 4px 0;opacity:.6}
.customer-shell .cardhead .eyebrow{color:var(--page-accent)}
.customer-shell .cardfooter{border-color:#e9ede9}
.customer-shell .detail .money{letter-spacing:-.5px}
.customer-shell .badge{border:1px solid #dce7ec}.customer-shell .badge.good{border-color:#cce4d7}.customer-shell .badge.warn{border-color:#ecdfbf}
.customer-shell .filters input{transition:border-color .2s,box-shadow .2s}.customer-shell .filters input:focus{border-color:var(--page-accent);box-shadow:0 0 0 3px var(--page-soft);outline:none}
.customer-shell .notice{border:1px solid var(--page-line);background:var(--page-soft);color:#61736f}
.customer-shell .task-panel{background:linear-gradient(120deg,#fff,#faf6eb);border-color:#e7ddc9}.customer-shell .task-panel>.sectionhead{padding:11px 0;border-top:1px solid #ebe6da}
.customer-shell .task-panel>.sectionhead:last-child{margin-bottom:0}.customer-shell .stat{position:relative;overflow:hidden}.customer-shell .stat:after{content:"";position:absolute;right:-24px;top:-28px;width:80px;height:80px;border:1px solid #d8e1dd;border-radius:50%;opacity:.45}
.customer-shell.view-package .files{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,220px));gap:12px}
.customer-shell.view-package .file{max-width:none;padding:8px;background:linear-gradient(145deg,#fff,#f4f8f5);border-color:#dbe8df;color:#547265}
.customer-shell.view-package .file img{width:100%;height:150px;object-fit:contain;background:#edf4ef;border-radius:8px}
.customer-shell.view-package .selection{background:#f3f6ee;border-color:#dce5cd;color:#687658}.customer-shell.view-package .check{background:#f8fbf7;border-color:#d8e7da}
.customer-shell.view-shipment .shipment-progress{background:linear-gradient(100deg,#f9fbfd,#eef4f8);border:1px solid #e0e9f0;border-radius:13px;padding:23px 10px}
.customer-shell.view-shipment .shipment-progress li.current{color:#557d9b}.customer-shell.view-shipment .shipment-progress li.current>span{background:#557d9b;border-color:#557d9b}
.customer-shell.view-purchase .purchase-tracker{background:linear-gradient(115deg,#fdfaf3,#fff);border-color:#e9dfcb}
.customer-shell.view-purchase .purchase-steps li.current>span{box-shadow:0 0 0 5px #b9976414}
.customer-shell.view-purchase .batch-toolbar{background:linear-gradient(105deg,#fff9ed,#fff);border-color:#e4d3b0;box-shadow:0 6px 22px #8d70390a}
.customer-shell.view-exchange .fx-customer-rate{box-shadow:0 7px 28px #376c5b08}
.customer-shell.view-feedback .cards{gap:22px}.customer-shell.view-feedback .cards>.card{border-color:#e3ddeb;background:linear-gradient(135deg,#fff 65%,#f7f5fa)}
.customer-shell.view-feedback .details{grid-template-columns:1fr;gap:18px}.customer-shell.view-feedback .detail{padding:15px 18px;background:#f6f3f9;border-radius:13px;border-left:2px solid #b8a9c7}
.customer-shell.view-feedback .detail small{color:#8f819e;margin-bottom:6px}.customer-shell.view-feedback .detail span{font-size:15px;line-height:1.8}
.customer-shell.view-referral .hero{isolation:isolate;background:linear-gradient(120deg,#183149,#28445a);border-color:#496073;min-height:300px}
.customer-shell.view-referral .hero:before{content:"";position:absolute;z-index:-1;right:-100px;top:-80px;width:360px;height:360px;border:1px solid #d7bd8330;border-radius:50%;box-shadow:0 0 0 34px #ffffff03,0 0 0 35px #d7bd831c,0 0 0 75px #ffffff02}
.customer-shell.view-referral .hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 82% 40%,#d8bd801b,transparent 60%);opacity:.5}
.customer-shell.view-referral .hero .infinity{font-size:92px;line-height:1.1;display:inline-block;background:linear-gradient(100deg,#c1a16a,#f5e2b5,#c1a16a);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.customer-shell.view-referral .hero>p{font-size:13px;line-height:1.9;max-width:720px}.customer-shell.view-referral .hero>b{display:inline-block;padding:9px 14px;margin-top:8px;border:1px solid #d8bd8040;border-radius:9px;background:#ffffff08;color:#e8d3ac;letter-spacing:.04em}
.customer-shell .empty{background:linear-gradient(135deg,#fff,var(--page-soft));border-color:var(--page-line)}
body:has(.customer-shell) #modal{border:1px solid #e5e7e1;box-shadow:0 30px 100px #122e4940}
body:has(.customer-shell) #modal h2{font-weight:550;letter-spacing:-.6px}
@media(prefers-reduced-motion:no-preference){
 .customer-shell #body{animation:lp-page-arrive .42s ease both}
 .customer-shell .page-signature{animation:lp-page-arrive .55s ease both}
 .customer-shell .page-signature:after{animation:lp-signature-light 11s ease-in-out infinite}
 .customer-shell .signature-emblem{animation:lp-emblem-float 5.5s ease-in-out infinite}
 .customer-shell .signature-emblem:before{animation:lp-emblem-ring 4.5s ease-in-out infinite}
 .customer-shell .signature-path i{animation:lp-path-wave 4.8s ease-in-out infinite}
 .customer-shell .signature-path>span:nth-child(2) i{animation-delay:1.1s}.customer-shell .signature-path>span:nth-child(3) i{animation-delay:2.2s}
 .customer-shell .cards>.card{animation:lp-record-enter .48s ease both;animation-delay:calc(var(--record-index,0)*45ms)}
 .customer-shell .top h1:after{transform-origin:left;animation:lp-title-line .55s ease both}
 .customer-shell .purchase-steps li.current>span{animation:lp-step-breathe 3s ease-in-out infinite}
 .customer-shell.view-referral .hero:after{animation:lp-partner-glow 7s ease-in-out infinite alternate}
 .customer-shell.view-referral .hero .infinity{animation:lp-infinity-gold 7s ease-in-out infinite alternate}
 .customer-shell .nav .lp-icon,.customer-shell .mobile-dock .lp-icon{transition:color .2s,transform .2s}
 .customer-shell .mobile-dock button.active .lp-icon{animation:lp-icon-settle .4s ease both}
 body:has(.customer-shell) #modal[open]{animation:lp-modal-enter .24s ease both}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.customer-shell .cards>.card{transition:box-shadow .22s,border-color .22s}.customer-shell .cards>.card:hover{border-color:var(--page-line);box-shadow:0 8px 26px #1d3a4d09}.customer-shell .nav:hover .lp-icon{transform:translateX(2px)}.customer-shell .file img{transition:transform .3s}.customer-shell .file:hover img{transform:scale(1.025)}}
@keyframes lp-page-arrive{from{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes lp-signature-light{0%,12%{background-position:100% 0}65%,100%{background-position:0 0}}
@keyframes lp-emblem-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes lp-emblem-ring{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.07);opacity:.25}}
@keyframes lp-path-wave{0%,15%,65%,100%{border-color:var(--page-line);background:#fff}30%,45%{border-color:var(--page-accent);background:var(--page-soft)}}
@keyframes lp-record-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes lp-title-line{from{transform:scaleX(.1);opacity:.2}to{transform:scaleX(1);opacity:1}}
@keyframes lp-partner-glow{from{opacity:.4;transform:translateX(0)}to{opacity:1;transform:translateX(-35px)}}
@keyframes lp-infinity-gold{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes lp-icon-settle{from{transform:translateY(3px);opacity:.6}to{transform:translateY(0);opacity:1}}
@keyframes lp-modal-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:950px){.page-signature{grid-template-columns:minmax(0,1.1fr) minmax(200px,.8fr);padding:24px;gap:20px}.signature-copy h2{font-size:25px}}
@media(max-width:700px){.page-signature{grid-template-columns:1fr;gap:20px;padding:23px 20px;margin:16px 0 20px;border-radius:17px;min-height:0}.signature-copy h2{font-size:27px;max-width:330px;letter-spacing:-.8px}.signature-copy p{font-size:11px;max-width:100%}.signature-kicker{font-size:8px;letter-spacing:.14em}.signature-visual{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:20px;padding:5px 0 0}.signature-emblem{width:44px;height:44px;border-radius:14px}.signature-emblem:before{inset:-5px;border-radius:18px}.signature-emblem .lp-icon{width:23px;height:23px}.signature-path b{font-size:8px}.signature-path i{width:25px;height:25px}.signature-path:before{top:12px}.customer-shell .top h1:after{margin-top:7px;height:2px;width:25px}.customer-shell.view-package .files{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-shell.view-package .file img{height:110px}.customer-shell.view-shipment .shipment-progress{padding:20px 4px}.customer-shell.view-feedback .detail{padding:13px}.customer-shell.view-feedback .detail span{font-size:13px}.customer-shell.view-referral .hero .infinity{font-size:75px}.customer-shell.view-referral .hero>p{font-size:12px}.customer-shell .cardhead .badge{flex:none;max-width:45%}}
@media(prefers-reduced-motion:reduce){.customer-shell *,.customer-shell *:before,.customer-shell *:after,body:has(.customer-shell) #modal{animation:none!important;transition:none!important;scroll-behavior:auto!important}.customer-shell.view-referral .hero .infinity{background:none;-webkit-text-fill-color:#e9d2a3}}
/* Warehouse selection walkthrough in the customer preview. */
.shipping-demo-guide{padding:20px 23px;margin:18px 0;border:1px solid #d5e4d8;border-radius:16px;background:linear-gradient(115deg,#fff,#f0f6ef)}.shipping-demo-guide>span{font-size:8px;font-weight:750;letter-spacing:.16em;color:#668a73}.shipping-demo-guide h3{font-size:19px;font-weight:550;margin:9px 0 17px;color:#2f4a3e}.shipping-demo-guide ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shipping-demo-guide li{font-size:11px;color:#5d7566;line-height:1.65}.shipping-demo-guide li b{display:block;font-size:12px;color:#8ba38b;margin-bottom:4px}.shipping-demo-guide p{font-size:11px;color:#7e8e80;margin:15px 0 0}.customer-shell.view-package .selection{position:sticky;top:12px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 8px 24px #1a402e0b}.customer-shell.view-package .selection button{flex:none}.customer-shell.view-package input[data-select]{width:19px;height:19px;accent-color:#5e8978}.customer-shell.view-package .check:has(input[data-select]:checked){background:#e8f2e9;border-color:#8daf98;color:#315f43}
@media(max-width:700px){.shipping-demo-guide{padding:18px 17px}.shipping-demo-guide ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shipping-demo-guide h3{font-size:19px}.customer-shell.view-package .selection{display:block;top:74px;padding:12px}.customer-shell.view-package .selection button{margin-top:8px;min-height:44px}}
/* Compact ticket selection, independent of the warehouse card pagination. */
.parcel-picker>h2{font-size:25px;font-weight:550;letter-spacing:-.7px;margin-top:10px}.parcel-picker>.muted{font-size:12px;line-height:1.7}.parcel-picker-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:18px 0}.parcel-picker-search input{min-width:0}.parcel-picker-search button{font-size:12px}.parcel-picker-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px 0;font-size:12px;color:#6c8275}.parcel-picker-tools>label{display:flex;align-items:center;gap:8px}.parcel-picker input[type=checkbox]{width:18px;height:18px;accent-color:#5e8978;flex:none}.parcel-picker-list{max-height:min(42vh,400px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #dfe8e1;border-radius:12px;background:#fff}.parcel-picker-list[aria-busy=true]{opacity:.55;pointer-events:none}.parcel-picker-row{border-bottom:1px solid #e9efea}.parcel-picker-row:last-child{border:0}.parcel-picker-row>label{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer}.parcel-picker-row>label:has(input:checked){background:#edf5ee}.parcel-picker-row>label>span{min-width:0;flex:1}.parcel-picker-row b{display:block;overflow-wrap:anywhere;font-size:13px;font-weight:650;color:#2c4c3c}.parcel-picker-row small{display:block;font-size:11px;color:#86958a;margin-top:3px}.parcel-picker-row em{font-size:9px;font-style:normal;padding:3px 7px;background:#eff5ef;color:#718e76;border-radius:6px;flex:none}.parcel-picker-row details{padding:0 14px 10px 44px;color:#748f7b;font-size:10px}.parcel-picker-row summary{cursor:pointer}.picker-photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.picker-photos img{width:115px;height:80px;object-fit:contain;background:#edf4ef;border:1px solid #d7e3d9;border-radius:8px}.parcel-picker-pager{display:flex;align-items:center;justify-content:center;gap:15px;margin:14px 0;font-size:11px;color:#7a8c80}.parcel-picker-pager button{padding:6px 12px}.parcel-picker-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #e3ebe4;gap:12px}.parcel-picker-footer strong{display:block;font-size:15px;color:#335c43}.parcel-picker-footer small{display:block;max-width:380px;font-size:10px;color:#8a978c;margin-top:5px;overflow-wrap:anywhere}.parcel-picker-footer .link-btn{color:#7a8c80;font-size:11px}.parcel-picker .form-actions{margin-top:0}.parcel-picker .form-actions button{font-size:12px}.parcel-picker .empty{padding:28px 16px;font-size:12px;border:0}.parcel-picker [data-picker-error]:empty{display:none}
@media(max-width:700px){.parcel-picker>h2{font-size:23px}.parcel-picker-search input{font-size:16px}.parcel-picker-tools{font-size:11px}.parcel-picker-row>label{min-height:54px;padding:12px 10px;gap:9px}.parcel-picker-row b{font-size:12px}.parcel-picker-row em{font-size:8px}.parcel-picker-row details{padding-left:37px}.parcel-picker-footer small{max-width:240px}.parcel-picker .form-actions{position:static}.customer-shell.view-package .selection{display:flex;flex-wrap:wrap;gap:8px}.customer-shell.view-package .selection button{margin-top:0;flex:1;min-width:130px}}
/* Keep parcel confirmation visible while only the ticket list scrolls. */
#modal:has(.parcel-picker){overflow:hidden;max-height:calc(100dvh - 24px);padding:22px}
#modal:has(.parcel-picker) #modal-content{max-height:calc(100dvh - 70px);min-height:0}
.parcel-picker{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 70px);overflow:hidden}
.parcel-picker>*{flex-shrink:0}.parcel-picker>.signature-kicker{font-size:8px}.parcel-picker>h2{font-size:24px;margin:8px 0}.parcel-picker>.muted{margin:3px 0 10px;font-size:11px}.parcel-picker-search{margin:8px 0}.parcel-picker-tools{margin:10px 0}.parcel-picker-list{flex:1 1 auto;min-height:85px;max-height:42dvh;overflow:auto}.parcel-picker-pager{margin:9px 0;gap:12px}.parcel-picker-footer{padding:10px 0;background:#fff}.parcel-picker-footer small{max-width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parcel-picker-footer>div{min-width:0;flex:1}.parcel-picker-footer strong{font-size:13px}.parcel-picker .form-actions{position:static;flex-shrink:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin:0;padding:10px 0 0;border-top:1px solid #e3ebe4;background:#fff}.parcel-picker [data-picker-submit]{min-height:48px;background:#305c46;color:#fff;font-size:14px;box-shadow:0 5px 16px #305c461a}.parcel-picker [data-picker-submit]:hover{background:#244c38}.parcel-picker [data-picker-submit]:disabled{background:#e7ede8;color:#87988c;box-shadow:none;opacity:1;cursor:default}
@media(max-width:700px){#modal:has(.parcel-picker){padding:18px 15px;width:calc(100vw - 18px)}.parcel-picker>h2{font-size:22px}.parcel-picker>.muted{font-size:10px;line-height:1.55}.parcel-picker-list{max-height:40dvh}.parcel-picker .form-actions button{min-height:48px;font-size:12px;padding:10px}.parcel-picker-footer small{font-size:9px}}
@media(max-height:580px){.parcel-picker>.muted{display:none}.parcel-picker>h2{font-size:19px;margin:4px 0}.parcel-picker-search input{padding:8px 10px}.parcel-picker-search{margin:5px 0}.parcel-picker-tools{margin:6px 0}.parcel-picker-list{min-height:60px;max-height:28dvh}.parcel-picker-pager{margin:5px 0}.parcel-picker-footer{padding:6px 0}.parcel-picker-footer small{display:none}.parcel-picker .form-actions{padding-top:6px}}
/* Readable warehouse actions, including hover and touch states. */
.customer-shell button.secondary:hover,body:has(.customer-shell) #modal button.secondary:hover{background:#dce5ec;color:#173b55}
.customer-shell.view-package .selection button,.customer-shell.view-package .selection button.secondary{background:#223c50;color:#fff;font-weight:700}
.customer-shell.view-package .selection button:hover,.customer-shell.view-package .selection button.secondary:hover,.customer-shell.view-package .selection button:active{background:#2d4d65;color:#fff}
.customer-shell.view-package .selection button:focus-visible{outline:3px solid #bd9f64;outline-offset:3px}
.customer-shell.view-package .selection button:disabled{background:#e2e9e3;color:#53685a;opacity:1}
/* Optional one-percent cargo insurance, visually separate from freight charges. */
.shipment-insurance-form{border:1px solid #d9e4dc;border-radius:14px;padding:14px;background:linear-gradient(115deg,#fff,#f3f7f1)}.form .insurance-option{display:flex!important;border:0;padding:0;align-items:center;gap:10px!important;cursor:pointer}.insurance-option input{accent-color:#5c8265;width:19px;height:19px;flex:none}.insurance-option>span{flex:1;min-width:0}.insurance-option b{display:block;font-size:13px;color:#345943}.insurance-option small{display:block;font-size:10px;font-weight:400;color:#7d9080;margin-top:4px;line-height:1.6}.insurance-option em{font-style:normal;color:#866c38;background:#f3ead5;padding:6px 8px;font-size:12px;border-radius:8px}.shipment-insurance-form [data-insurance-fields]{margin-top:17px;padding-top:14px;border-top:1px solid #dfe8df}.shipment-insurance-form [data-insurance-fields][hidden]{display:none!important}.insurance-estimate{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;margin-top:13px;background:#eaf2e8;border-radius:10px;font-size:12px;color:#64806a}.insurance-estimate b{font-size:18px;color:#355d40;white-space:nowrap}.insurance-card{margin:17px 0;border:1px solid #e6ddc5;background:linear-gradient(115deg,#fffaf0,#fff);border-radius:12px;padding:15px 17px}.insurance-card>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.insurance-card b{color:#7d6537}.insurance-card>div>span{font-size:11px;padding:3px 8px;border-radius:7px;background:#eee2c4;color:#7e6639}.insurance-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 10px}.insurance-card dt{font-size:10px;color:#938974}.insurance-card dd{margin:4px 0 0;color:#6f5c35;font-size:18px;font-weight:650}.insurance-card small{font-size:10px;color:#9a907b}.insurance-card p{font-size:13px}.insurance-none{font-size:11px;color:#839087;margin:14px 0;padding:10px 12px;background:#f4f6f2;border-radius:9px}@media(max-width:700px){.insurance-card{padding:13px}.insurance-card dd{font-size:16px}.insurance-estimate b{font-size:17px}.shipment-insurance-form{padding:12px}}

/* Motion collection v069: actionable page headers, clear forms, responsive feedback. */
.customer-shell .signature-copy h2{font-weight:580;max-width:560px}.customer-shell .signature-actions{margin-top:18px}.signature-actions>button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:42px;padding:10px 14px;border:1px solid #294b5d;border-radius:10px;background:#203d50;color:#fff;font-size:11px;font-weight:650;box-shadow:0 6px 18px #203d5010}.signature-actions>button:hover{background:#2c5065;color:#fff}.signature-actions button>span{font-size:15px;transition:transform .2s}.signature-actions button:hover>span{transform:translate(2px,-2px)}
.customer-shell .page-signature{min-height:230px}.customer-shell .signature-emblem{background:linear-gradient(145deg,#fff,#ffffff80)}.customer-shell .signature-emblem:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--page-accent);top:0;right:2px;box-shadow:0 0 0 4px var(--page-soft)}
.customer-shell .record-heading{position:relative;padding-left:47px;min-height:40px}.record-symbol{position:absolute;left:0;top:0;display:grid;place-items:center;width:34px;height:36px;border:1px solid var(--page-line);border-radius:11px;background:var(--page-soft);color:var(--page-accent)}.record-symbol .lp-icon{width:18px;height:18px}.customer-shell .cardhead .record-heading h3{margin-top:4px}.customer-shell.view-home .cards [data-kind=package] .record-symbol{color:#5e8978;background:#eef5f0;border-color:#dce9e0}.customer-shell.view-home .cards [data-kind=shipment] .record-symbol{color:#557d9b;background:#edf3f8;border-color:#dce6ef}.customer-shell.view-home .cards [data-kind=exchange] .record-symbol{color:#4d8b86;background:#edf6f4;border-color:#d1e6e2}.customer-shell.view-home .cards [data-kind=feedback] .record-symbol{color:#897b9b;background:#f3f0f7;border-color:#e1d9eb}
.customer-shell .customer-hero{box-shadow:0 15px 35px #142b4015}.customer-shell .route-art{position:relative;overflow:hidden;background:linear-gradient(115deg,#ffffff04,#ffffff09,#ffffff03);background-size:220% 100%}.customer-shell .route-art:after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(105deg,transparent 30%,#ffffff05 50%,transparent 70%);background-size:250% 100%}.customer-shell .stats .stat:nth-child(2) .stat-icon{background:#eef3f8;color:#67849a}.customer-shell .stats .stat:nth-child(3) .stat-icon{background:#f7f0e2;color:#ac8a4c}.customer-shell .stats .stat:nth-child(4) .stat-icon{background:#edf5f1;color:#668b7b}
.customer-shell button:not(.stat-link),body:has(.customer-shell) #modal button{position:relative;overflow:hidden}
.lp-press:after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--press-x,50%) var(--press-y,50%),#ffffff65 0,transparent 70%);animation:lp-tap-feedback .5s ease-out both}
#app[aria-busy=true]:before{content:"";position:fixed;z-index:1001;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#c6a26a,#2d6d71,transparent);background-size:200% 100%;animation:lp-loading-light 1.2s ease-in-out infinite;pointer-events:none}
.customer-shell .file{background:#fff;box-shadow:0 3px 14px #1d3a4d04}.customer-shell .file:focus-visible{outline:2px solid var(--page-accent);outline-offset:3px}.customer-shell .shipment-progress li.current>span{outline:1px solid #b7c7d050;outline-offset:4px}.customer-shell .purchase-steps li.current>span{outline:1px solid #d7bf9040;outline-offset:3px}
.customer-shell .selection .check:has(input:checked),.customer-shell .check:has(input[data-select]:checked){border-color:#a3bea7;box-shadow:0 0 0 2px #d2e4d42b}
.dialog-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid #e4e9e2}.dialog-heading>div:last-child{min-width:0}.dialog-heading span{display:block;font-size:8px;letter-spacing:.15em;font-weight:700;color:#9a8a6a;margin-bottom:6px}.dialog-heading h2{font-size:24px;line-height:1.25;letter-spacing:-.6px;font-weight:550;margin:0;color:#1d3b50}.dialog-emblem{display:grid;place-items:center;flex:none;position:relative;width:44px;height:46px;border:1px solid #e5ddcb;border-radius:14px;background:linear-gradient(135deg,#fbf6e9,#fff);color:#998052}.dialog-emblem .lp-icon{width:23px;height:23px}.dialog-emblem:before{content:"";position:absolute;inset:-4px;border:1px solid #eee8dc;border-radius:17px;pointer-events:none}
body:has(.customer-shell) #modal .form>label,body:has(.customer-shell) #modal .form>fieldset{min-width:0}body:has(.customer-shell) #modal .form input:focus,body:has(.customer-shell) #modal .form textarea:focus,body:has(.customer-shell) #modal .form select:focus{outline:none;border-color:#9caa9d;box-shadow:0 0 0 3px #edf1e8}body:has(.customer-shell) #modal .form input,body:has(.customer-shell) #modal .form select,body:has(.customer-shell) #modal .form textarea{transition:border-color .2s,box-shadow .2s}body:has(.customer-shell) #modal .form input[type=checkbox]{accent-color:#51795e}body:has(.customer-shell) #modal .form-actions button[type=submit]{background:#223f53;color:#fff;min-height:45px}body:has(.customer-shell) #modal .form-actions button[type=submit]:hover{background:#2d5269;color:#fff}
.form .insurance-option:has(input:checked){color:#325f41}.shipment-insurance-form:has(input[data-shipment-insurance]:checked){border-color:#a8bca5;box-shadow:0 0 0 3px #dfe9d939;background:linear-gradient(115deg,#f8fbf4,#edf5e9)}.insurance-estimate{border:1px solid #d3e1ce}.insurance-estimate b{display:inline-block;min-width:90px;text-align:right;border-radius:5px;padding:2px 4px}.fx-customer-result>b{display:inline-block;border-radius:6px}.lp-value-updated{animation:lp-amount-feedback .6s ease-out both}
.parcel-picker-row>label:has(input:checked){border-left:3px solid #6f9777;padding-left:11px}.parcel-picker-row>label:has(input:checked) b{color:#254a31}.parcel-picker [data-picker-count]{font-variant-numeric:tabular-nums}.parcel-picker input:focus-visible{outline-color:#6c8b72;outline-offset:3px}.parcel-picker [data-picker-submit]:not(:disabled){box-shadow:0 6px 18px #305c4626}
.premium-entry{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 18px 60px #1b3b4e0c;background:linear-gradient(155deg,#fff 50%,#f6f3e9);border-color:#e7e2d6}.premium-entry:before{content:"";position:absolute;inset:-80px -110px auto auto;z-index:-1;width:260px;height:260px;border:1px solid #d9c9a846;border-radius:50%;box-shadow:0 0 0 24px #ffffff12,0 0 0 25px #d9c9a82b}.premium-entry:after{content:"";position:absolute;pointer-events:none;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 35%,#fff9 50%,transparent 65%);background-size:250% 100%}.premium-entry h1{font-weight:550;letter-spacing:-.7px}.premium-entry .eyebrow{color:#a48b57;font-size:9px;letter-spacing:.2em}.premium-entry form input:focus{outline:none;border-color:#b5a16d;box-shadow:0 0 0 3px #f4eddb}.premium-entry form button,.premium-entry form input[type=submit]{background:#203d50;color:#fff;min-height:46px;border:0;border-radius:11px;width:100%;font-weight:650}.premium-entry form button:hover,.premium-entry form input[type=submit]:hover{background:#2d5067;color:#fff}.premium-entry .registration-form{text-align:left}.premium-entry .registration-form .muted{font-size:11px;line-height:1.7}.premium-entry a{color:#836e42;text-underline-offset:4px}.premium-entry>.btn.secondary{color:#30526b;background:#e9eef0}
@media(prefers-reduced-motion:no-preference){
 .customer-shell .signature-actions{animation:lp-page-arrive .6s .12s ease both}
 .customer-shell .signature-emblem:after{animation:lp-mark-signal 4.8s ease-in-out infinite}
 .customer-shell .route-art:after{animation:lp-signature-light 12s ease-in-out infinite}
 .customer-shell .record-symbol{animation:lp-record-enter .5s ease both}
 .customer-shell .record-heading h3{animation:lp-record-enter .5s .04s ease both}
 .customer-shell .check:has(input[data-select]:checked),.parcel-picker-row>label:has(input:checked){animation:lp-selection-feedback .3s ease both}
 .dialog-heading{animation:lp-record-enter .35s ease both}
 body:has(.customer-shell) #modal .form>label,body:has(.customer-shell) #modal .form>.shipment-insurance-form{animation:lp-record-enter .35s ease both}
 body:has(.customer-shell) #modal .form>label:nth-child(2){animation-delay:.035s}body:has(.customer-shell) #modal .form>label:nth-child(3){animation-delay:.07s}
 .shipment-insurance-form [data-insurance-fields]:not([hidden]){animation:lp-record-enter .3s ease both}
 .premium-entry:after{animation:lp-signature-light 13s ease-in-out infinite}
 .premium-entry .registration-form>label{animation:lp-record-enter .4s ease both}
 .premium-entry .registration-form>label:nth-child(2){animation-delay:.04s}.premium-entry .registration-form>label:nth-child(3){animation-delay:.08s}.premium-entry .registration-form>label:nth-child(4){animation-delay:.12s}
}
@keyframes lp-mark-signal{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@keyframes lp-tap-feedback{from{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}
@keyframes lp-loading-light{from{background-position:150% 0}to{background-position:-100% 0}}
@keyframes lp-selection-feedback{from{box-shadow:inset 0 0 0 1px #84aa8b20}to{box-shadow:inset 0 0 0 1px #84aa8b00}}
@keyframes lp-amount-feedback{0%{background:#e3ecd9;box-shadow:0 0 0 4px #e3ecd960}100%{background:transparent;box-shadow:0 0 0 4px transparent}}
@media(max-width:700px){.customer-shell .page-signature{min-height:0}.signature-actions>button{width:100%;min-height:44px;font-size:11px}.customer-shell .record-heading{padding-left:40px}.record-symbol{width:29px;height:32px;border-radius:9px}.record-symbol .lp-icon{width:16px;height:16px}.dialog-heading{gap:11px;margin-bottom:15px;padding-bottom:14px}.dialog-heading h2{font-size:22px}.dialog-heading span{font-size:7px;letter-spacing:.12em}.dialog-emblem{width:37px;height:40px;border-radius:12px}.dialog-emblem .lp-icon{width:20px;height:20px}.parcel-picker-row>label:has(input:checked){padding-left:7px}.premium-entry{margin:26px 15px}.premium-entry .registration-form input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.lp-press:after{display:none}.lp-value-updated,#app[aria-busy=true]:before,.premium-entry:before,.premium-entry:after,.premium-entry .registration-form>label,.parcel-picker-row>label:has(input:checked),.dialog-heading,.shipment-insurance-form [data-insurance-fields]{animation:none!important;transition:none!important}.customer-shell *,.customer-shell *:before,.customer-shell *:after{animation:none!important;transition:none!important}.premium-entry form input{transition:none!important}}
/* Visible transport motion v070; remove the unused entry decoration. */
.premium-entry:before,.premium-entry:after{display:none!important;content:none!important}
.premium-entry{background:#fffefb}
.entry-route{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:12px;margin:22px auto 27px;max-width:330px;font-size:8px;font-weight:700;letter-spacing:.12em;color:#7e8990}
.entry-route-track{position:relative;height:36px;min-width:0}.entry-route-track:before{content:"";position:absolute;left:0;right:0;top:18px;border-top:1px dashed #c5cdbf}.entry-route-track i{position:absolute;top:2px;left:0;width:34px;height:32px;display:grid;place-items:center;border:1px solid #ddd0b1;border-radius:9px;background:#f3e5c4;color:#25465a;box-shadow:0 4px 12px #87734416}.entry-route-track .lp-icon{height:21px;width:21px}
.customer-shell .route-art svg{height:160px;overflow:visible;max-width:100%}.customer-shell .route-art .route-vehicle{filter:drop-shadow(0 3px 5px #0b20394a)}
.customer-shell .catalog-signature{grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr);padding-top:34px}
.customer-shell .catalog-signature .catalog-route-mark{margin-right:0;grid-template-columns:auto minmax(65px,1fr) auto;min-width:0;gap:10px;padding:20px 14px 22px}
.customer-shell .catalog-route-track{height:3px;background:linear-gradient(90deg,#b8c8c7,#d5b46d,#b8c8c7)}
.customer-shell .catalog-route-track b{width:26px;height:26px;top:-12px;font-size:15px;background:#28485c;box-shadow:0 4px 10px #1b3c5c35}
.customer-shell .signature-path{padding-top:12px;isolation:isolate}
.customer-shell .signature-path:before{top:25px;height:2px}
.customer-shell .signature-path:after{content:"";position:absolute;z-index:0;top:22px;left:15%;height:7px;width:30px;background:var(--page-accent);box-shadow:0 0 9px var(--page-accent);border-radius:10px;pointer-events:none;opacity:.7}
.customer-shell .signature-path>span{z-index:1}
@media(prefers-reduced-motion:no-preference){
 .entry-route-track i{animation:lp-entry-delivery 4.5s ease-in-out infinite}
 .customer-shell .catalog-route-track b{animation:lp-catalog-delivery 3.8s ease-in-out infinite}
 .customer-shell .signature-path:after{animation:lp-page-delivery 3.6s ease-in-out infinite}
 .customer-shell .signature-emblem{animation:lp-visible-emblem 3.6s ease-in-out infinite}
 .customer-shell .signature-emblem .lp-icon{animation:lp-visible-symbol 3.6s ease-in-out infinite}
 .customer-shell .signature-path i{animation:lp-visible-node 3.6s ease-in-out infinite}
 .customer-shell .signature-path>span:nth-child(2) i{animation-delay:1.2s}
 .customer-shell .signature-path>span:nth-child(3) i{animation-delay:2.4s}
}
@keyframes lp-entry-delivery{0%,8%{left:0;transform:translateY(0)}45%,55%{left:calc(50% - 17px);transform:translateY(-3px)}92%,100%{left:calc(100% - 34px);transform:translateY(0)}}
@keyframes lp-catalog-delivery{0%,5%{left:0;transform:translateY(0)}48%,53%{left:calc(50% - 13px);transform:translateY(-4px)}95%,100%{left:calc(100% - 26px);transform:translateY(0)}}
@keyframes lp-page-delivery{0%,5%{left:15%;opacity:0}15%{opacity:.85}80%{opacity:.85}95%,100%{left:calc(85% - 30px);opacity:0}}
@keyframes lp-visible-emblem{0%,100%{transform:translateY(0) rotate(-3deg);box-shadow:0 7px 20px #213b5010}50%{transform:translateY(-9px) rotate(3deg);box-shadow:0 14px 24px #213b501a}}
@keyframes lp-visible-symbol{0%,100%{transform:translateX(-2px)}50%{transform:translateX(2px)}}
@keyframes lp-visible-node{0%,10%,80%,100%{background:#fff;color:var(--page-accent);transform:scale(1)}25%,45%{background:var(--page-accent);color:#fff;transform:scale(1.1)}}
@media(max-width:760px){.customer-shell .catalog-signature{grid-template-columns:1fr}.customer-shell .route-art svg{height:115px}.customer-shell .catalog-signature .catalog-route-mark{margin-right:0;min-width:0}.entry-route{gap:9px;margin:18px auto 23px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.route-vehicle{display:none}.entry-route-track i{animation:none}.customer-shell .signature-path:after{display:none}}
/* Light overview, matching the other customer sections. Login is unchanged. */
.customer-shell.view-home .customer-hero{background:linear-gradient(115deg,#fff 10%,#f6f6ef 100%);border:1px solid #e3e5db;color:#203a50;box-shadow:0 6px 24px #203a5007}
.customer-shell.view-home .customer-hero:after{display:none}
.customer-shell.view-home .customer-hero .eyebrow{color:#93815b;font-size:9px;letter-spacing:.16em}
.customer-shell.view-home .customer-hero h2{color:#203a50;font-size:32px;font-weight:550;line-height:1.23;letter-spacing:-.8px;margin:15px 0 13px}
.customer-shell.view-home .customer-hero p{color:#72858d;font-size:12px;line-height:1.8}
.customer-shell.view-home .hero-actions .hero-quiet{color:#56717d;font-weight:500}
.customer-shell.view-home .hero-actions .hero-quiet:hover{color:#203a50;background:transparent}
.customer-shell.view-home .hero-actions>button:first-child{background:#ead8b6;color:#2d4756;font-weight:650;border:1px solid #e0cca3}
.customer-shell.view-home .hero-actions>button:first-child:hover{background:#e2cca1;color:#203a50}
.customer-shell.view-home .route-art{background:linear-gradient(125deg,#fff,#f2f4ed);border:1px solid #e1e6dc;box-shadow:0 5px 18px #28493404}
.customer-shell.view-home .route-art:after{background-image:linear-gradient(105deg,transparent 30%,#fff8 50%,transparent 70%)}
.customer-shell.view-home .route-top{color:#809086}
.customer-shell.view-home .route-top span:last-child{color:#9a855c}
.customer-shell.view-home .route-cities b{color:#294a55;font-size:22px;font-weight:550;letter-spacing:-.5px}
.customer-shell.view-home .route-cities small{color:#8c998f}
.customer-shell.view-home .route-bottom{border-color:#dde4d9;color:#7b8d82}
.customer-shell.view-home .route-bottom b{color:#9c8354;font-size:21px;font-weight:550}
.customer-shell.view-home .route-art svg>path:first-child{stroke:#b79b60}
.customer-shell.view-home .route-art svg>path:nth-of-type(2){stroke:#668473}
.customer-shell.view-home .route-art svg>circle{fill:#c4ac75}
.customer-shell.view-home .route-art svg>circle:nth-of-type(3){fill:#f3efdf;stroke:#c4b489}
.customer-shell.view-home .route-art .route-vehicle{filter:drop-shadow(0 3px 4px #48654d20)}
@media(max-width:700px){.customer-shell.view-home .customer-hero h2{font-size:28px;letter-spacing:-.7px;line-height:1.23}.customer-shell.view-home .customer-hero p{font-size:11px}.customer-shell.view-home .customer-hero .eyebrow{font-size:7px;letter-spacing:.14em}.customer-shell.view-home .route-art{padding:16px;border-radius:13px;margin-top:22px}.customer-shell.view-home .route-cities b{font-size:19px}.customer-shell.view-home .route-cities small{font-size:6px}.customer-shell.view-home .route-bottom b{font-size:18px}}
.product-image-empty{display:grid;place-items:center;height:190px;background:linear-gradient(135deg,#f0f3f1,#f9f7ef);color:#8b988e;font-size:13px;border-bottom:1px solid #e1e6df}.staff-product.is-off{opacity:.88}
/* Cart line actions */
.catalog-cart-lines{display:grid;gap:6px;margin-top:10px}.catalog-cart-line{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#40576a;font-size:12px}.catalog-cart-line button{padding:4px 8px;font-size:11px}

/* Important clean-funds notice: visible, calm motion without distracting from the exchange form. */
.customer-shell .important-funds-notice{position:relative;overflow:hidden;padding:17px 20px 16px;border:1px solid #e2c98c;background:linear-gradient(105deg,#fff7e5 0%,#f8f1e3 48%,#fffaf0 100%);box-shadow:0 8px 22px #b28b3d14;animation:clean-funds-enter .55s cubic-bezier(.2,.7,.2,1) both}
.customer-shell .important-funds-notice:before{content:"";position:absolute;inset:0 auto 0 -28%;width:24%;background:linear-gradient(90deg,transparent,#fff8dfaa,transparent);transform:skewX(-18deg);animation:clean-funds-sweep 5.5s ease-in-out infinite}
.important-funds-title{position:relative;display:flex;align-items:center;gap:9px;color:#7b5c27;font-size:13px;letter-spacing:.1px}.important-funds-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#b48a3f;color:#fff;font-weight:800;font-size:14px;box-shadow:0 0 0 4px #b48a3f20;animation:clean-funds-pulse 2.4s ease-out infinite}.important-funds-pulse{width:6px;height:6px;border-radius:50%;background:#d4a74d;box-shadow:0 0 0 0 #d4a74d66;animation:clean-funds-dot 2.2s ease-out infinite}.customer-shell .important-funds-notice p{position:relative;margin:9px 0 5px;max-width:800px;line-height:1.65;color:#705f43}.customer-shell .important-funds-notice small{position:relative;color:#997d4d;font-size:10px}.customer-shell.view-exchange .important-funds-notice{margin-bottom:18px}
@keyframes clean-funds-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@keyframes clean-funds-sweep{0%,18%{left:-28%;opacity:0}32%{opacity:.7}58%,100%{left:125%;opacity:0}}
@keyframes clean-funds-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 4px #b48a3f20}50%{transform:scale(1.08);box-shadow:0 0 0 7px #b48a3f08}}
@keyframes clean-funds-dot{0%,100%{box-shadow:0 0 0 0 #d4a74d66}70%{box-shadow:0 0 0 7px #d4a74d00}}
@media(prefers-reduced-motion:reduce){.customer-shell .important-funds-notice,.important-funds-icon,.important-funds-pulse,.customer-shell .important-funds-notice:before{animation:none!important}}
.media-gallery{display:grid;gap:12px;min-width:min(760px,calc(100vw - 34px))}.media-gallery-head{display:flex;justify-content:space-between;gap:12px;color:#28445e;font-size:13px}.media-gallery-head span{color:#8091a2;font-size:11px}.media-gallery-stage{position:relative;display:grid;place-items:center;min-height:280px;max-height:62vh;overflow:hidden;border-radius:14px;background:#f1f5f8;touch-action:pan-y}.media-gallery-image,.media-gallery-video{display:block;max-width:100%;max-height:60vh;object-fit:contain;border-radius:10px}.media-gallery-prev,.media-gallery-next{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:#193754dd;color:#fff;font-size:28px;line-height:1;cursor:pointer}.media-gallery-prev{left:10px}.media-gallery-next{right:10px}.media-gallery-thumbs{display:flex;gap:7px;overflow-x:auto;padding:2px;scrollbar-width:thin}.media-gallery-thumb{flex:0 0 54px;width:54px;height:44px;padding:3px;border:1px solid #dce5ed;border-radius:8px;background:#fff;color:#274c6c;font-size:18px}.media-gallery-thumb img{width:100%;height:100%;object-fit:cover;border-radius:5px}.media-gallery-thumb.is-active{border-color:#b79558;box-shadow:0 0 0 2px #b7955838}@media(max-width:700px){.media-gallery{min-width:0}.media-gallery-stage{min-height:220px;max-height:55vh}.media-gallery-image,.media-gallery-video{max-height:52vh}.media-gallery-prev,.media-gallery-next{width:34px;height:34px;font-size:24px}}
/* Mobile inspection photos: show a swipeable photo strip directly in the record. */
.inspection-gallery{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding:4px 2px 10px;scrollbar-width:thin}.inspection-gallery .file{flex:0 0 min(86%,360px);scroll-snap-align:start;scroll-snap-stop:always}.inspection-gallery .file img{width:100%;height:220px;object-fit:contain;background:#f5f7f8;border-radius:10px}.inspection-gallery .file b{display:block;margin-top:6px}@media(max-width:700px){.inspection-gallery .file{flex-basis:88%}.inspection-gallery .file img{height:230px}.inspection-gallery .file:active{transform:scale(.99)}}
/* v0.7.6: mobile inspection photos stay fully visible and swipe horizontally. */
.inspection-gallery{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;touch-action:pan-x;}
.inspection-gallery .file{flex:0 0 min(88vw,420px)!important;max-width:none!important;}
.inspection-gallery .file img{display:block;width:100%!important;height:auto!important;max-height:70vh;aspect-ratio:auto!important;object-fit:contain!important;background:#f5f7f8;border-radius:10px;}
@media(max-width:700px){.inspection-gallery .file{flex-basis:88vw!important}.inspection-gallery .file img{max-height:68vh;height:auto!important}}

.fx-update-window{display:flex;align-items:center;gap:8px;margin:12px 0 16px;padding:10px 13px;border:1px solid #eadfbe;border-radius:11px;background:linear-gradient(100deg,#fffaf0,#f7fbff);color:#765f35;font-size:11px;font-weight:650;animation:fx-card-enter .45s ease both}.fx-update-window>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#c4a45f;color:#fff;font-size:13px;box-shadow:0 0 0 4px #c4a45f1c;animation:fx-live-pulse 2.5s ease-out infinite}.fx-editor-window{display:flex;align-items:center;gap:7px;margin-top:10px;padding:9px 11px;border-left:3px solid #c4a45f;border-radius:0 8px 8px 0;background:#fbf8f1;color:#75664c;font-size:11px}.fx-editor-window>span{color:#a48242;font-size:16px}@media(max-width:520px){.fx-update-window{font-size:10px;line-height:1.5}}
.catalog-family-card{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.catalog-family-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #254c7018}.catalog-option-count{position:absolute;right:12px;bottom:12px;padding:5px 8px;border-radius:20px;background:#193754e8;color:#fff;font-size:10px}.catalog-spec-hint{color:#7a8da0;font-size:11px}.catalog-detail{display:grid;grid-template-columns:minmax(240px,.9fr) 1.1fr;gap:24px;max-width:760px}.catalog-detail-media{position:relative;background:#f5f7fa;border-radius:16px;overflow:hidden;min-height:250px;display:grid;place-items:center}.catalog-detail-media img{width:100%;height:100%;max-height:420px;object-fit:contain}.catalog-detail-media>span{position:absolute;top:12px;left:12px;padding:5px 8px;background:#fff;border-radius:20px;color:#536d83;font-size:10px}.catalog-detail-copy{display:grid;align-content:start;gap:12px}.catalog-detail-copy h2{margin:0;font-size:28px;color:#193754}.catalog-detail-copy p{margin:0;color:#71869a;line-height:1.6}.catalog-detail-copy label{display:grid;gap:7px;color:#536d83;font-size:12px;font-weight:700}.catalog-detail-copy select{padding:12px;border:1px solid #dce5ed;border-radius:10px;background:#fff}.catalog-detail-price{font-size:25px;font-weight:800;color:#a27d43}.catalog-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.catalog-detail-actions .catalog-add{flex:1;min-width:180px}.is-fav{color:#b77a55!important;border-color:#e8c9b8!important}@media(max-width:640px){.catalog-detail{grid-template-columns:1fr;gap:15px}.catalog-detail-media{min-height:200px}.catalog-detail-copy h2{font-size:23px}}

.family-summary{display:grid;gap:10px;padding:14px 0}.family-price{font-size:22px;font-weight:800;color:#a27d43}.family-options{display:flex;flex-wrap:wrap;gap:6px}.family-options span{padding:5px 9px;border-radius:999px;background:#eef3f7;color:#536d83;font-size:11px}.family-summary small{color:#7a8da0;font-size:11px}

.family-actions{display:flex;gap:8px;flex-wrap:wrap}.family-actions .catalog-add{flex:1}

.catalog-gallery{display:grid;gap:10px}.catalog-gallery-main{height:240px;border-radius:14px;background:#f6f8fb;display:grid;place-items:center;overflow:hidden}.catalog-gallery-main img{width:100%;height:100%;object-fit:contain}.catalog-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 4px}.catalog-gallery-thumb{flex:0 0 58px;width:58px;height:58px;padding:3px;border:2px solid transparent;border-radius:10px;background:#f6f8fb;cursor:pointer}.catalog-gallery-thumb.is-active{border-color:#1f4b70;box-shadow:0 0 0 2px #e8c987}.catalog-gallery-thumb img{width:100%;height:100%;object-fit:contain;border-radius:6px}.catalog-select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.catalog-select-grid label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#536d83}.catalog-select-grid select{padding:10px;border:1px solid #dce5ed;border-radius:10px;background:#fff}@media(max-width:640px){.catalog-select-grid{grid-template-columns:1fr}}
.catalog-card-actions{display:flex;align-items:center;gap:8px}.catalog-card-actions .catalog-add{flex:1}.catalog-favorite{width:44px;height:42px;padding:0;border:1px solid #d8e1eb;border-radius:10px;background:#fff;color:#927548;font-size:22px;line-height:1}.catalog-favorite.is-active{border-color:#d3b778;background:#fff5df;color:#b07b26}.catalog-detail-actions{display:flex;gap:10px;margin-top:14px}.catalog-detail-actions button{flex:1}.catalog-detail-actions [data-detail-favorite]{color:#80673f}.catalog-detail-actions [data-detail-favorite].is-active{border-color:#d3b778;background:#fff5df;color:#b07b26}

.staff-color-editor{display:grid;gap:12px;margin:14px 0}.staff-color-row{border:1px solid #dbe5ef;border-radius:16px;padding:14px;background:#f8fafc}.staff-color-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-color-head div{display:flex;flex-direction:column;gap:4px}.staff-color-head span{font-size:12px;color:#7890a6}.staff-color-head img{width:64px;height:64px;object-fit:cover;border-radius:12px;border:1px solid #dbe5ef}.staff-image-empty{padding:20px 8px;color:#8da0b2;font-size:12px}.staff-color-row label{margin-top:10px;display:block}.staff-color-row input[type=file]{margin-top:6px}.staff-color-row .hint{display:block;margin-top:5px}
.spec-category-guide{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #d9e5ef;border-radius:14px;background:#f4f8fc;color:#49677f;font-size:13px;line-height:1.55}.spec-category-guide b{color:#1e4262;font-size:14px}.staff-color-row textarea{width:100%;min-height:82px;margin-top:6px;resize:vertical;line-height:1.55}.staff-color-row textarea:focus{border-color:#1d5278;box-shadow:0 0 0 3px rgba(29,82,120,.12)}
.family-spec-row{display:grid;gap:8px}.family-spec-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.family-spec-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.family-spec-bottom input[type=file]{min-width:0}@media(max-width:760px){.family-spec-grid,.family-spec-bottom{grid-template-columns:1fr 1fr}.family-spec-bottom button{grid-column:1/-1}}

/* Message center */
.notification-bell{position:relative;min-width:44px;padding:9px 12px;font-size:18px;line-height:1}
.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#b84f45;color:#fff;font-size:11px;font-weight:800;vertical-align:top;margin-left:3px}
.notification-count[hidden]{display:none}
.notification-compose{white-space:nowrap}
.notification-dialog{width:100%;min-width:0;max-width:100%;overflow:hidden}
.notification-list{display:grid;gap:10px;max-height:min(66vh,620px);overflow:auto;padding:3px 2px 4px}
.notification-item{padding:16px 18px;border:1px solid #dbe4ed;border-radius:16px;background:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.notification-item:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(31,55,79,.09);border-color:#b9cde0}
.notification-item.notification-unread{border-left:4px solid #c39a58;background:linear-gradient(100deg,#fffdf7,#fff)}
.notification-item.priority-urgent{border-color:#d48a83;background:#fff8f7}
.notification-item h3{margin:7px 0 5px;color:#193954;font-size:18px}
.notification-item p{margin:0;color:#5c7389;line-height:1.65;white-space:normal}
.notification-meta{display:flex;justify-content:space-between;gap:12px;color:#8296a8;font-size:12px;letter-spacing:.03em}
.notification-meta b{color:#b27b32}
.notification-delete{margin-left:auto;padding:3px 8px;border:0;border-radius:999px;background:#fff1ef;color:#a94e47;font:inherit;font-weight:700;cursor:pointer}
@media (max-width:720px){.notification-compose{font-size:12px;padding:9px 8px}.notification-dialog{min-width:0}.user{gap:6px}.notification-item{padding:13px 14px}}
.notification-dialog .dialog-heading{display:flex;align-items:flex-start;gap:14px;min-width:0;max-width:100%;overflow:hidden}
.notification-dialog .dialog-heading>div:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}
.notification-close{margin-left:auto;flex:0 0 auto;white-space:nowrap;padding:8px 12px}
@media (max-width:420px){.notification-dialog .dialog-heading{gap:9px;flex-wrap:wrap}.notification-dialog .dialog-heading>div:nth-child(2){flex:1 1 calc(100% - 55px)}.notification-close{margin-left:auto}.notification-dialog .dialog-heading h2{font-size:21px}}
.freight-quote-promo{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:22px 0;padding:24px 28px;border:1px solid #ead8b4;border-radius:20px;background:linear-gradient(120deg,#fffaf0,#f4f8fc);box-shadow:0 10px 26px rgba(23,59,95,.08);position:relative;overflow:hidden}.freight-quote-promo:after{content:'✦';position:absolute;right:24px;top:-20px;font-size:110px;color:#d7b77933;transform:rotate(12deg)}.freight-quote-promo h2{margin:7px 0 6px;font-size:24px}.freight-quote-promo p{margin:0;color:#71859a;line-height:1.6;max-width:560px}.freight-quote-promo button{position:relative;z-index:1;flex:0 0 auto;border:0;border-radius:12px;background:#173b5f;color:#fff;padding:14px 18px;font-weight:800;cursor:pointer}.freight-quote-promo button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #173b5f2b}@media(max-width:650px){.freight-quote-promo{display:block;padding:20px}.freight-quote-promo button{margin-top:16px;width:100%}}
.shipment-package-list{margin:16px 0;padding:13px 15px;border:1px solid #dbe6f0;border-radius:14px;background:#f7fafc}.shipment-package-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;color:#244866}.shipment-package-head span{font-size:12px;color:#6c8398}.shipment-package-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(150px,1.6fr) auto;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #e8eef4;font-size:13px}.shipment-package-row strong{color:#193d62}.shipment-package-row em{font-style:normal;color:#6b8096;white-space:nowrap}.shipment-package-row small{grid-column:2/-1;color:#6b8096}@media(max-width:640px){.shipment-package-row{grid-template-columns:1fr auto}.shipment-package-row span{grid-column:1/-1}.shipment-package-row small{grid-column:1/-1}}