/* Local layout utilities for the retained account templates. */
:where(.account-page) .-left-\[9px\]{left:-9px}
:where(.account-page) .absolute{position:absolute}
:where(.account-page) .bg-\[\#06C755\]{background:#06c755}
:where(.account-page) .bg-\[\#FEE500\]{background:#fee500}
:where(.account-page) .bg-slate-100{background:#edf2f5}
:where(.account-page) .bg-teal{background:#00877e}
:where(.account-page) .bg-teal\/10{background:#e8f6f1}
:where(.account-page) .bg-white{background:#fff}
:where(.account-page) .border{border:1px solid #e0e9ed}
:where(.account-page) .border-2{border-width:2px;border-style:solid}
:where(.account-page) .border-b{border-bottom:1px solid #e0e9ed}
:where(.account-page) .border-l-2{border-left:2px solid #e0e9ed}
:where(.account-page) .border-teal\/30{border-color:#00877e4d}
:where(.account-page) .border-white{border-color:white}
:where(.account-page) .cursor-not-allowed{cursor:not-allowed}
:where(.account-page) .flex{display:flex}
:where(.account-page) .flex-wrap{flex-wrap:wrap}
:where(.account-page) .font-black{font-weight:700}
:where(.account-page) .font-bold{font-weight:600}
:where(.account-page) .font-semibold{font-weight:600}
:where(.account-page) .gap-3{gap:12px}
:where(.account-page) .gap-4{gap:16px}
:where(.account-page) .gap-6{gap:24px}
:where(.account-page) .grid{display:grid}
:where(.account-page) .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
:where(.account-page) .h-10{height:40px}
:where(.account-page) .h-2{height:8px}
:where(.account-page) .h-4{height:16px}
:where(.account-page) .h-fit{height:fit-content}
:where(.account-page) .inline-block{display:inline-block}
:where(.account-page) .items-center{align-items:center}
:where(.account-page) .justify-between{justify-content:space-between}
:where(.account-page) .justify-center{justify-content:center}
:where(.account-page) .max-w-7xl{max-width:1280px}
:where(.account-page) .max-w-md{max-width:448px}
:where(.account-page) .min-h-\[75vh\]{min-height:75vh}
:where(.account-page) .ml-2{margin-left:8px}
:where(.account-page) .mt-1{margin-top:4px}
:where(.account-page) .mt-10{margin-top:40px}
:where(.account-page) .mt-2{margin-top:8px}
:where(.account-page) .mt-3{margin-top:12px}
:where(.account-page) .mt-4{margin-top:16px}
:where(.account-page) .mt-5{margin-top:20px}
:where(.account-page) .mt-6{margin-top:24px}
:where(.account-page) .mt-7{margin-top:28px}
:where(.account-page) .mt-8{margin-top:32px}
:where(.account-page) .mt-9{margin-top:36px}
:where(.account-page) .mx-auto{margin-left:auto;margin-right:auto}
:where(.account-page) .opacity-60{opacity:.6}
:where(.account-page) .opacity-80{opacity:.8}
:where(.account-page) .p-3{padding:12px}
:where(.account-page) .p-5{padding:20px}
:where(.account-page) .p-6{padding:24px}
:where(.account-page) .p-8{padding:32px}
:where(.account-page) .pl-6{padding-left:24px}
:where(.account-page) .place-items-center{place-items:center}
:where(.account-page) .pt-5{padding-top:20px}
:where(.account-page) .px-3{padding-left:12px;padding-right:12px}
:where(.account-page) .px-4{padding-left:16px;padding-right:16px}
:where(.account-page) .px-5{padding-left:20px;padding-right:20px}
:where(.account-page) .py-1{padding-top:4px;padding-bottom:4px}
:where(.account-page) .py-10{padding-top:40px;padding-bottom:40px}
:where(.account-page) .py-16{padding-top:64px;padding-bottom:64px}
:where(.account-page) .py-2{padding-top:8px;padding-bottom:8px}
:where(.account-page) .py-3{padding-top:12px;padding-bottom:12px}
:where(.account-page) .py-4{padding-top:16px;padding-bottom:16px}
:where(.account-page) .py-5{padding-top:20px;padding-bottom:20px}
:where(.account-page) .relative{position:relative}
:where(.account-page) .rounded-2xl{border-radius:14px}
:where(.account-page) .rounded-3xl{border-radius:14px}
:where(.account-page) .rounded-full{border-radius:999px}
:where(.account-page) .rounded-xl{border-radius:12px}
:where(.account-page) .shadow-lg{box-shadow:0 12px 36px #0b354a0c}
:where(.account-page) .space-y-6{--space-y:24px}
:where(.account-page) .space-y-8{--space-y:32px}
:where(.account-page) .text-3xl{font-size:25px;line-height:1.3}
:where(.account-page) .text-\[\#191919\]{color:#191919}
:where(.account-page) .text-center{text-align:center}
:where(.account-page) .text-navy{color:var(--navy)}
:where(.account-page) .text-slate-400{color:#81929e}
:where(.account-page) .text-slate-500{color:#637785}
:where(.account-page) .text-slate-600{color:#4e6472}
:where(.account-page) .text-sm{font-size:14px;line-height:1.6}
:where(.account-page) .text-teal{color:var(--teal)}
:where(.account-page) .text-white{color:white}
:where(.account-page) .text-xl{font-size:17px;line-height:1.5}
:where(.account-page) .text-xs{font-size:12px;line-height:1.6}
:where(.account-page) .top-1{top:4px}
:where(.account-page) .underline{text-decoration:underline;text-underline-offset:4px}
:where(.account-page) .w-10{width:40px}
:where(.account-page) .w-2\/5{width:40%}
:where(.account-page) .w-4{width:16px}
:where(.account-page) .w-full{width:100%}
:where(.account-page) .space-y-6>*+*, :where(.account-page) .space-y-8>*+*{margin-top:var(--space-y)}
@media(min-width:640px){:where(.account-page) .sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:768px){:where(.account-page) .md\:p-12{padding:48px}:where(.account-page) .md\:p-8{padding:32px}:where(.account-page) .md\:px-8{padding-left:32px;padding-right:32px}}
@media(min-width:1024px){:where(.account-page) .lg\:grid-cols-\[1fr_2fr\]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
/* Shared account surfaces, using the same brand tokens and navigation as home. */
.account-document{height:auto;overflow:auto}
.account-page{display:block;height:auto;min-height:100vh;min-height:100dvh;overflow:visible;background:#f3f7f9;color:var(--navy)}
.account-page .site-header{border-bottom:1px solid #e5edf0}
.account-page main{display:block;overflow:visible;min-height:calc(100dvh - 82px);padding-top:32px;padding-bottom:36px}
.account-page h1{font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1.4}
.account-page h2,.account-page h3{font-weight:600;letter-spacing:-.4px}
.account-page main section{border:1px solid #e0e9ed;box-shadow:0 4px 20px #12374805}
.account-page input,.account-page select{display:block;width:100%;font:inherit;font-size:14px;color:var(--navy);background:#fbfdfe;min-height:48px;outline-offset:3px}
.account-page input:focus,.account-page select:focus{outline:2px solid var(--teal);border-color:transparent;background:white}
.account-page label{display:block;line-height:1.5;margin-bottom:-6px}
.account-page button:disabled{cursor:not-allowed}
.account-page .bg-teal{background:#00877e}.account-page a.bg-teal:hover{background:#006e68}
.account-login main{display:flex;align-items:center;justify-content:center;padding-top:40px;padding-bottom:40px;background:radial-gradient(ellipse at 50% 0,#dff1ee 0,transparent 65%)}
.account-login main>div{border:1px solid #e0eaec;box-shadow:0 14px 45px #103a4910}
.auth-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 24px;border-radius:20px;background:#e1f4ed;color:var(--teal)}
.auth-icon .icon{width:35px;height:35px;stroke-width:2}
.account-login .social-login{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding-left:14px;padding-right:14px}
.social-login>.bubble{width:30px;height:28px;font-size:9px;flex-shrink:0}
.social-line>.bubble{color:#06c755;background:white}
.social-kakao>.bubble{color:#fee500;background:#35201c}
.social-kakao>.bubble:after{border-top-color:#35201c}
.social-login>span:last-child{line-height:1.5}
.account-login main p{line-height:1.8}.account-login main button{min-height:54px;font-size:14px}
.account-dashboard main>div:first-child{padding-bottom:4px}
.account-dashboard main>div:nth-child(2)>div{border:1px solid #e0eaed;box-shadow:0 3px 14px #143a4804}
.account-dashboard main>div:nth-child(2)>div:first-child{border-top:3px solid #0c5261}
.account-dashboard main>div:nth-child(2)>div:nth-child(2){border-top:3px solid #00877e}
.account-dashboard main>div:nth-child(2)>div:last-child{border-top:3px solid #a2bfc3}
.account-dashboard form{scroll-margin-top:20px}
.account-page .text-slate-400{color:#6d828d}
@media(max-width:760px){
  .account-document{height:auto;overflow:auto}
  .account-page{display:block;height:auto;min-height:100dvh;overflow:visible}
  .account-page main{display:block;flex:none;overflow:visible;min-height:calc(100dvh - 64px);padding:26px 5% 32px}
  .account-page h1{font-size:20px;letter-spacing:-.7px}
  .account-page main h2,.account-page main h3{font-size:16px}
  .account-page .site-header{position:sticky;top:0}
  .account-login main{display:flex;align-items:center;justify-content:center}
  .account-login main>div{padding:28px 22px;border-radius:20px}
  .account-page main section{padding:20px;border-radius:14px}
  .account-dashboard main>div:nth-child(2)>div{padding:16px 12px;border-radius:14px}
  .account-dashboard main>div:nth-child(2) .text-3xl{font-size:22px}
  .account-dashboard main>div:nth-child(2) .text-sm{font-size:12px}
  .account-page .text-sm{font-size:14px}
}
html.account-document.menu-open,html.account-document.menu-open .account-page{overflow:hidden}
.register-dialog{width:min(480px,calc(100% - 28px));max-width:none;max-height:90vh;max-height:90dvh;padding:32px 24px 24px;overflow-y:auto;overscroll-behavior:contain}
.register-dialog .register-content{padding:0;border:0;box-shadow:none;background:white}
.register-dialog h2{font-size:18px;margin-right:26px;line-height:1.5}
.register-dialog .dialog-close{width:44px;height:44px;right:8px;top:7px}
.register-dialog form{display:grid;gap:14px}
.shipment-filters{display:flex;gap:5px;padding:5px;background:#f0f5f7;border-radius:11px;margin:18px 0 12px}
.shipment-filters button{flex:1;min-height:40px;border-radius:8px;padding:7px 3px;background:transparent;font-size:12px;font-weight:600;color:#627983;line-height:1.4}
.shipment-filters button[aria-pressed="true"]{background:white;color:#007b72;box-shadow:0 2px 6px #0d354713}
.shipment-row{display:block;width:100%;background:white;border:1px solid #e3ecef;border-radius:10px;padding:14px;margin-top:10px;text-align:left;line-height:1.6;color:var(--navy)}
.shipment-row[aria-pressed="true"]{border-color:#00877e;background:#f0faf7;box-shadow:inset 3px 0 0 #00877e}
.shipment-row[hidden],[data-shipment-panel][hidden]{display:none}
.delivered-summary{padding:64px 20px;text-align:center;border-radius:16px;background:#eef8f4;margin-top:28px;color:var(--teal)}
.delivered-summary .icon{width:54px;height:54px;margin-bottom:14px}
@media(max-width:760px){.account-page .register-dialog .register-content{padding:0}.register-dialog{padding:30px 20px 22px}.shipment-filters button{font-size:13px}}
.warehouse-log-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f0f8f5;border:1px solid #d9ece5;border-radius:12px;padding:16px;margin-top:14px}
.warehouse-log-summary span,.warehouse-log-summary small{display:block;color:#627d80;font-size:12px;line-height:1.6}
.warehouse-log-summary strong{display:block;font-size:14px;color:#006f67;margin:4px 0;font-variant-numeric:tabular-nums}
.warehouse-log-summary button{min-height:44px;padding:10px 14px;border-radius:10px;flex-shrink:0;background:white;color:#00796f;border:1px solid #b4d6cb;font-size:13px;font-weight:600}
.warehouse-dialog{width:min(640px,calc(100% - 28px));max-width:none;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;padding:28px;border-radius:16px}
.warehouse-heading{display:flex;gap:14px;justify-content:space-between;align-items:flex-start}
.warehouse-eyebrow{font:700 10px Arial;letter-spacing:1.7px;color:var(--teal)}
.warehouse-heading h2{font-size:20px;margin:6px 0;font-weight:700;line-height:1.4}
.warehouse-heading p{font-size:12px;color:#677d88;line-height:1.6}
.warehouse-heading .drawer-close{flex-shrink:0}
.warehouse-intro{margin:20px 0;background:#fff8e7;border:1px solid #f0e3b9;color:#80652d;padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.7}
.warehouse-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.warehouse-metrics article{padding:18px;border:1px solid #e1e9ed;border-radius:14px;background:#f7fafb}
.warehouse-metrics span{display:block;font-size:12px;color:#607783;line-height:1.6}
.warehouse-metrics strong{display:block;font-size:24px;margin-top:8px;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.warehouse-metrics small{font-size:14px;font-weight:500}
.warehouse-metrics .warehouse-metric-primary{background:#ebf7f1;border-color:#cbe7da;color:#00766c}
.warehouse-block{padding-top:24px;margin-top:4px}
.warehouse-block h3{font-size:15px;margin:0;line-height:1.5}
.warehouse-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.warehouse-status{font-size:11px;background:#e6f5ed;color:#007970;border-radius:20px;padding:5px 10px;white-space:nowrap}
.warehouse-facts{margin:14px 0 0}
.warehouse-facts>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e9eff1;font-size:14px;line-height:1.7}
.warehouse-facts dt{color:#667b86;flex-shrink:0;max-width:45%}.warehouse-facts dd{margin:0;text-align:right;color:#183444;font-weight:600}
.warehouse-calculation{background:#f2f7f9;padding:12px;border-radius:10px;font-size:14px;line-height:1.8;margin-top:14px;font-variant-numeric:tabular-nums;text-align:center}
.warehouse-total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 8px;color:#006e65;font-size:14px;font-weight:600}
.warehouse-total strong{font-size:22px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.warehouse-total small{font-size:14px}

.warehouse-block .warehouse-note{font-size:12px;color:#6b7c86;line-height:1.8;margin-top:16px}
@media(max-width:760px){.warehouse-dialog{padding:22px 18px}.warehouse-heading h2{font-size:17px}.warehouse-log-summary{align-items:stretch;flex-direction:column;padding:14px}.warehouse-log-summary button{width:100%}.warehouse-metrics{gap:8px}.warehouse-metrics article{padding:14px 10px}.warehouse-metrics strong{font-size:21px}.warehouse-facts>div{font-size:13px;gap:12px}.warehouse-total strong{font-size:20px}.warehouse-total{font-size:14px}.warehouse-calculation{font-size:13px}}
.shipment-search{margin-top:18px!important}.shipment-search>span{display:block;font-size:12px;color:#617986;margin-bottom:7px}.shipment-search input{font-size:13px;border:1px solid #dce7eb;border-radius:10px;padding:10px}
.shipment-results{font-size:12px;color:#6a808b;margin:14px 0 8px}.shipment-empty{padding:30px 8px;text-align:center;color:#6a808b;font-size:14px}
.shipment-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:13px}
.shipment-pagination[hidden],.shipment-empty[hidden]{display:none}.shipment-pagination button{border:1px solid #d7e5e7;border-radius:9px;background:#fff;color:#00776e;padding:9px 12px;min-height:42px}.shipment-pagination button:disabled{opacity:.4}



.photo-status{font-size:12px;color:#52726e;line-height:1.8;margin:12px 0}.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-gallery figure{margin:0;min-width:0;border:1px solid #e0e9ed;padding:7px;border-radius:12px;background:#fff}
.photo-thumbnail{display:block;width:100%;aspect-ratio:1;border-radius:8px;padding:0;overflow:hidden;background:#edf2f5}.photo-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.photo-gallery figcaption{font-size:11px;color:#617783;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:7px 0}

.photo-viewer{width:min(1000px,calc(100% - 24px));max-width:none;max-height:94vh;max-height:94dvh;padding:18px;border-radius:14px;background:#102632;color:white;overflow:auto}.photo-viewer::backdrop{background:#03141ddd}.photo-viewer>.drawer-close{margin-left:auto;margin-bottom:12px}.photo-viewer>img{display:block;width:100%;max-height:65vh;max-height:65dvh;object-fit:contain}.photo-viewer>p{font-size:13px;text-align:center;margin:12px 0;overflow-wrap:anywhere}.photo-viewer-controls{display:flex;align-items:center;justify-content:center;gap:18px;font-size:13px}.photo-viewer-controls button{background:#ffffff17;color:white;border-radius:10px;padding:10px;min-height:44px}.photo-viewer-controls button:disabled{opacity:.35}
@media(max-width:480px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}



.photo-empty{padding:30px 18px;text-align:center;background:#f5f8fa;border:1px dashed #d5e2e6;border-radius:14px;color:#718792}
.photo-empty[hidden]{display:none}.photo-empty .icon{width:38px;height:38px;stroke-width:1.8;margin-bottom:10px}
.photo-empty p{font-size:13px;line-height:1.8}.photo-thumbnail{color:#6b7f8a;font-size:12px;padding:0;line-height:1.6}
.warehouse-photos{padding-top:4px;margin-top:0}





.warehouse-memo{background:#f5f8fa;border-left:3px solid #79b9ad;padding:16px;border-radius:0 12px 12px 0;margin-top:14px}
.warehouse-memo p{font-size:14px;line-height:1.9;white-space:pre-wrap;color:#294554}
.warehouse-memo small{display:block;font-size:11px;color:#78909b;margin-top:12px;line-height:1.7}
.warehouse-block>.warehouse-metrics{margin-top:16px}
.warehouse-parcel-total{display:inline-block;font-size:14px;font-weight:600;color:#007b70;background:#edf8f3;border-radius:10px;padding:9px 13px;margin:16px 0 0}
.warehouse-parcels{list-style:none;padding:0;margin:12px 0 0}
.warehouse-parcels li{padding:15px 0;border-bottom:1px solid #e5edef}
.warehouse-parcels small{display:block;font-size:12px;color:#6b828b;line-height:1.6}
.warehouse-parcels strong{display:block;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:3px}
.warehouse-parcels .warehouse-customer-note{font-size:12px;color:#72828b;line-height:1.8;background:#f5f8fa;padding:7px 10px;border-radius:8px;margin-top:9px}
/* Account typography follows the compact shared hierarchy. */
.account-page main .text-xl{font-size:17px;font-weight:600}
.account-page main .font-black{font-weight:700}
.account-page main .font-bold{font-weight:600}
.account-page main .text-3xl{font-size:25px;font-weight:700;letter-spacing:-.4px}
.account-page h1.text-3xl{font-size:25px;letter-spacing:-.6px}
.account-page main .mt-10{margin-top:28px}.account-page main .mt-9{margin-top:26px}
.account-page main .mt-8{margin-top:24px}.account-page main .mt-7{margin-top:22px}
.account-login main>div{max-width:420px;padding:36px;border-radius:16px;box-shadow:0 8px 30px #103a490b}
.account-login main button{font-size:14px;min-height:48px;padding-top:12px;padding-bottom:12px}
.auth-icon{width:52px;height:52px;border-radius:14px;margin-bottom:20px}.auth-icon .icon{width:29px;height:29px}
.warehouse-heading h2,.register-dialog h2{font-weight:700}
.warehouse-log-summary strong,.warehouse-parcels strong{font-size:14px;font-weight:600}
.warehouse-metrics strong,.warehouse-total strong{font-weight:700;letter-spacing:-.3px}
.warehouse-parcel-total{font-size:14px;font-weight:600}
.shipment-row{font-size:14px;box-shadow:none}
.warehouse-block h3{font-size:15px;font-weight:600}
.warehouse-log-summary{border-radius:10px}.warehouse-dialog,.info-dialog{box-shadow:0 16px 56px #001a352b}
@media(max-width:760px){
  .account-page h1.text-3xl{font-size:21px}
  .account-page main .text-xl,.account-page main h2,.account-page main h3{font-size:16px}
  .account-dashboard main>div:nth-child(2) .text-3xl{font-size:22px}
  .account-login main>div{padding:26px 22px}
  .account-page input,.account-page select{font-size:16px;min-height:44px}
  .account-page .shipment-search input{font-size:16px}
  .warehouse-heading h2{font-size:18px}.warehouse-metrics strong{font-size:22px}.warehouse-total strong{font-size:21px}
}
.shipment-open-label{display:none}
.shipment-detail-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:640px;max-height:92vh;max-height:92dvh;margin:0 auto;padding:20px 20px max(20px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow-y:auto;overscroll-behavior:contain}
.shipment-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.shipment-detail-heading h2{font-size:18px;margin:0;font-weight:700}
#shipmentDetailContent>[data-shipment-panel]{padding:0;border:0;box-shadow:none;border-radius:0}
#shipmentDetailContent>[data-shipment-panel]>div:first-child h2{display:none}
#shipmentDetailContent .warehouse-log-summary{flex-direction:column;align-items:stretch}
#shipmentDetailContent .warehouse-log-summary button{width:100%}
#shipmentDetailContent .text-xl{font-size:16px}
#shipmentDetailContent .mt-10{margin-top:24px}#shipmentDetailContent .mt-9{margin-top:22px}
@media(max-width:760px){
  .account-dashboard main{padding-top:20px}
  .account-dashboard main>div:first-child{gap:12px;align-items:center}
  .account-dashboard main>div:first-child>div>p:first-child,.account-dashboard main>div:first-child>div>p:last-child{display:none}
  .account-dashboard main>div:first-child h1{font-size:19px;margin-top:0}
  .account-dashboard main>div:first-child>a{font-size:13px;min-height:44px;padding:10px 13px;border-radius:10px}
  .account-dashboard main>div:nth-child(2){gap:0;margin-top:18px;border:1px solid #e0e9ed;border-radius:12px;background:white;overflow:hidden}
  .account-dashboard main>div:nth-child(2)>div{border:0;border-top:0!important;border-radius:0;padding:12px 10px;box-shadow:none;text-align:center}
  .account-dashboard main>div:nth-child(2)>div+div{border-left:1px solid #e7eef0}
  .account-dashboard main>div:nth-child(2)>div .text-3xl{font-size:20px;line-height:1.3;margin-top:4px}
  .account-dashboard main>div:nth-child(3){margin-top:18px;gap:0}
  .account-dashboard main>div:nth-child(3)>aside>section{padding:17px 15px;border-radius:12px}
  .account-dashboard main [data-shipment-panel]{display:none}
  .account-dashboard main .shipment-row{position:relative;padding:14px 12px;margin-top:9px;border-radius:10px}
  .account-dashboard main .shipment-row>p:first-child{font-size:14px}
  .account-dashboard main .shipment-row>p:nth-child(2){font-size:12px;color:#667e89;line-height:1.6}
  .shipment-row .shipment-open-label{display:inline-block;float:right;font-size:12px;font-weight:500;color:#007a70;margin-top:12px}
  .account-dashboard .shipment-filters{margin-top:14px;margin-bottom:12px}
  .account-dashboard .shipment-search{margin-top:12px!important}
  .account-dashboard .shipment-search>span{font-size:11px;margin-bottom:5px}
  .account-dashboard .shipment-search input{min-height:44px}
  .account-dashboard .shipment-results{margin-top:10px;font-size:11px}
}
@media(max-width:760px){
  #shipmentDetailContent .shipment-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:22px;margin-bottom:4px}
  #shipmentDetailContent .progress-step{position:relative;min-width:0;z-index:0}
  #shipmentDetailContent .progress-step:not(:last-child):after{content:"";position:absolute;top:11px;left:calc(50% + 12px);width:calc(100% - 20px);height:1px;background:#dce6e9;z-index:-1}
  #shipmentDetailContent .progress-step.is-complete:after{background:#88bfb4}
  #shipmentDetailContent .progress-node{display:grid;place-items:center;width:23px;height:23px;margin:0 auto;border:1px solid #dce5e9;border-radius:50%;background:#f2f5f7;color:#899da6;font-size:10px;font-weight:500;line-height:1}
  #shipmentDetailContent .is-complete .progress-node{background:#eaf5f0;border-color:#d0e8de;color:#368d7c}
  #shipmentDetailContent .is-current .progress-node{background:#007e73;border-color:#007e73;color:white;font-weight:700;box-shadow:0 0 0 3px #e7f4ef}
  #shipmentDetailContent .progress-label{margin-top:8px;font-size:10px;font-weight:400;color:#80949e;line-height:1.45;letter-spacing:-.25px;overflow-wrap:normal;word-break:keep-all}
  #shipmentDetailContent .is-complete .progress-label{color:#667f87}
  #shipmentDetailContent .is-current .progress-label{color:#00796e;font-weight:600}
  #shipmentDetailContent .shipment-progress-meter{display:none}
}
.account-page .tracking-log{list-style:none;border:0;padding:0;margin-left:0;margin-top:20px;--space-y:24px}
.account-page .tracking-log>li{position:relative;padding-left:36px;min-height:24px}
.tracking-log>li:not(:last-child):before{content:"";position:absolute;left:11px;top:24px;bottom:-24px;width:1px;background:#dce8e5}
.tracking-log-number{position:absolute;left:0;top:0;display:grid;place-items:center;width:23px;height:23px;border:1px solid #d0e8de;border-radius:50%;background:#eaf5f0;color:#368d7c;font-size:10px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.tracking-log>li:first-child>.tracking-log-number{background:#007e73;border-color:#007e73;color:white;box-shadow:0 0 0 3px #e7f4ef}
/* Live account forms and server-paginated shipment dashboard. */
.account-live{max-width:1200px;margin:0 auto;padding:36px 24px 70px}.auth-layout{max-width:520px;min-height:70vh;display:grid;align-items:center}.account-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.account-live h1{font-size:25px}.account-live h2{font-size:20px}.account-live h3{font-size:17px;margin-top:22px}.account-form{display:grid;gap:15px;margin-top:20px}.account-form label,.account-search{display:grid;gap:6px;text-align:left}.account-form input,.account-form textarea,.account-form select,.account-search input{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;background:white;color:#15354a}.account-form button,.dashboard-heading>button{background:#0aa99f;color:#fff;border:0;border-radius:8px;padding:12px;cursor:pointer}.account-form button:disabled{opacity:.5;cursor:wait}.signup-details{margin:24px 0}.signup-details summary,.profile-section summary{cursor:pointer;font-weight:600}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.profile-section{margin:20px 0}.profile-section .account-form{max-width:540px}.live-columns{display:grid;grid-template-columns:minmax(300px, .85fr) minmax(0, 1.4fr);gap:24px;align-items:start}.live-shipment{display:grid;width:100%;gap:6px;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-top:12px;color:inherit;cursor:pointer}.live-shipment[aria-pressed=true]{border-color:#0aa99f;background:#f0fdfa}.live-shipment small{color:#64748b}.live-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding:0;margin:24px 0}.live-progress li{border-radius:8px;background:#f1f5f9;padding:10px;font-size:12px}.live-progress .is-complete{background:#ccfbf1;color:#0f766e}.live-progress [aria-current=step]{outline:2px solid #0aa99f}#liveDetail>p,#liveDetail>ul{margin:16px 0}#liveDetail .tracking-log{padding-left:24px}#liveDetail .tracking-log li{margin:18px 0}#shipmentMore{display:grid;gap:8px;margin-top:18px;text-align:center}#shipmentMore[hidden]{display:none}#shipmentVisibleCount{font-size:12px;color:#627b87}#shipmentLoadMore{width:100%;min-height:44px;padding:10px 16px;border:1px solid #bfd8d4;border-radius:10px;background:#fff;color:#006e66;font-weight:600;cursor:pointer}#shipmentLoadMore:hover{background:#f0f9f7}#shipmentLoadMore:disabled{opacity:.55;cursor:default}#accountStatus{min-height:1.5em;margin:12px 0;color:#0f766e}#accountStatus[role=alert]{color:#b91c1c}.account-search{margin-top:16px}.account-live .shipment-filters{margin:18px 0}.account-dashboard:not(.account-ready) .account-live>:not(#accountStatus){visibility:hidden}
@media(max-width:760px){.account-live{padding:22px 16px 50px}.account-card{padding:18px}.live-columns{grid-template-columns:1fr}.live-columns>#detailHome{display:none}.account-form input,.account-form textarea,.account-form select,.account-search input{font-size:16px}.dashboard-heading h1{font-size:21px}.dashboard-heading h2{font-size:17px}#shipmentDetailContent .account-card{border:0;padding:0}.live-progress{grid-template-columns:repeat(2,1fr)}}
.account-login .auth-layout>.account-card{width:100%}
.account-dashboard main.account-live .dashboard-heading #shipmentCounts{display:block;font-size:13px;color:#64748b;margin-top:8px}
.social-login-actions{display:grid;gap:14px;margin-top:26px}.social-login-actions button{border:0;border-radius:10px;cursor:pointer}.social-login-actions .social-line{background:#06c755;color:#fff}.social-login-actions .social-kakao{background:#fee500;color:#191919}.social-login-actions button:disabled{opacity:.55;cursor:default}.account-login .account-card{text-align:center}
.auth-policy-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin-top:24px;padding-top:18px;border-top:1px solid #e2e8f0;font-size:12px;line-height:1.8;color:#526875}
.auth-policy-links a{padding:5px 0;text-decoration:underline;text-underline-offset:3px}.auth-policy-links a:hover{color:var(--teal)}
.registration-delivery{display:grid;gap:12px;border-top:1px solid #e0e9ed;padding-top:18px;margin-top:4px}.account-live .registration-delivery h3,.registration-delivery h3{font-size:15px;margin:0}.registration-delivery fieldset{display:grid;gap:10px;min-width:0;padding:0;margin:0;border:0}.registration-delivery .form-hint{margin:0}
.shipment-delivery{margin:20px 0;padding:18px;border:1px solid #dbe7eb;border-radius:12px;background:#f8fbfc}.account-live .shipment-delivery h3{margin:0 0 14px;font-size:16px}.shipment-delivery dl{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px 14px;margin:0;font-size:13px;line-height:1.7}.shipment-delivery dt{color:#627b87}.shipment-delivery dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.delivery-change-note{margin-top:16px;font-size:12px;line-height:1.7;color:#627b87}.delivery-support-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.delivery-support-links a{padding:9px 12px;border:1px solid #bfd8d4;border-radius:8px;background:white;color:#006e66;font-size:12px;font-weight:600}.delivery-support-links a:hover{background:#eaf6f1}@media(max-width:480px){.shipment-delivery{padding:15px}.shipment-delivery dl{grid-template-columns:1fr;gap:4px}.shipment-delivery dd{margin-bottom:8px}}

/* Shipment workspace, profile dialog and explicit form states. */
.dashboard-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.account-primary,.account-secondary,.dashboard-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:11px 16px;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;cursor:pointer;white-space:nowrap}
.account-primary,.account-form .account-primary{background:#007f75;color:white;border:1px solid #007f75;box-shadow:0 3px 8px #007f751c}
.account-secondary,.account-form .account-secondary,.dashboard-actions button{background:white;color:#365462;border:1px solid #d4e2e7;box-shadow:none}
.account-primary:hover:not(:disabled){background:#00695f;border-color:#00695f}.account-secondary:hover,.dashboard-actions button:hover{background:#f0f7f6}
.account-primary:focus-visible,.account-secondary:focus-visible,.dashboard-actions button:focus-visible{outline:3px solid #72d5c5;outline-offset:3px}
.account-form button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.account-form[aria-busy=true] button[type=submit]{cursor:wait}
.account-primary[hidden],.account-secondary[hidden],.shipment-welcome[hidden],.shipment-start-steps[hidden],#liveDetail[hidden]{display:none}
.account-live .dashboard-heading{flex-wrap:wrap}.live-columns>.account-card>.dashboard-heading h2{margin:0}
.account-live .account-search{display:grid;gap:9px;margin-top:20px;margin-bottom:0}
.account-live #shipmentResults{font-size:12px;line-height:1.6;color:#647d87;margin:18px 0 12px}
#shipmentRows{display:grid;gap:12px}#shipmentRows .live-shipment{margin-top:0}
.shipment-list-skeleton{display:none;gap:12px;padding:18px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-height:127px}
.list-skeleton-reference{width:76%;height:17px}.list-skeleton-status{width:112px;height:31px;border-radius:999px}.list-skeleton-date{width:58%;height:12px}
.shipment-list-error{padding:24px 12px;text-align:center;color:#6a808c;font-size:13px;line-height:1.8}.shipment-list-error button{margin-top:14px}
.shipment-status-badge{display:inline-flex;align-items:center;justify-self:start;gap:7px;max-width:100%;margin:4px 0;padding:5px 10px 5px 5px;border:1px solid #d4e6e9;border-radius:999px;background:#edf5f7;color:#365e70;font-size:12px;font-weight:600;line-height:1.5}
.shipment-status-number{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#d8e8ed;color:#365e70;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.shipment-status-badge[data-status=registered]{background:#f1f4f8;border-color:#dce4ed;color:#52677e}.shipment-status-badge[data-status=registered] .shipment-status-number{background:#e0e7f0;color:#52677e}
.shipment-status-badge[data-status=customs]{background:#fff8e8;border-color:#efe1b9;color:#886321}.shipment-status-badge[data-status=customs] .shipment-status-number{background:#f5e6bc;color:#886321}
.shipment-status-badge[data-status=delivered]{background:#eaf7ef;border-color:#c8e7d3;color:#23734b}.shipment-status-badge[data-status=delivered] .shipment-status-number{background:#23734b;color:white}
#shipmentEmpty{padding:28px 10px;line-height:1.8;text-align:center;color:#647d87}
.shipment-welcome{min-height:410px;text-align:center;padding:38px 30px;background:linear-gradient(155deg,#f0faf7,#fff 65%)}
.shipment-welcome-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 20px;border-radius:22px;background:#dff3eb;color:#007f75}.shipment-welcome-icon .icon{width:40px;height:40px}
.shipment-welcome h2{margin:12px 0;font-size:22px}.shipment-welcome>p{max-width:410px;margin:0 auto 22px;color:#627b87;font-size:14px;line-height:1.9}
.shipment-start-steps{display:flex;justify-content:center;gap:16px;list-style:none;margin:26px 0;padding:0}.shipment-start-steps li{flex:1;min-width:0;max-width:145px;padding:14px 6px;border-top:1px solid #d2e8df}.shipment-start-steps span{display:block;font-size:12px;color:#008578;font-weight:700;margin-bottom:8px}.shipment-start-steps strong{font-size:12px;color:#415f6c;font-weight:500;line-height:1.6}
.shipment-welcome>.account-secondary{margin-left:8px}
#profileDialog{box-sizing:border-box;width:520px;max-width:calc(100% - 32px);min-width:0;max-height:90vh;max-height:90dvh;inset:0;margin:auto;overflow-y:auto;overscroll-behavior:contain;padding:28px;border-radius:18px;background:#fff;color:var(--navy);border:1px solid #dce8e8;box-shadow:0 20px 80px #001a3533}
#profileDialog::backdrop{background:#092d4266}
#profileDialog .profile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-right:52px;min-height:52px}
#profileDialog .profile-heading h2{font-size:21px;line-height:1.5;margin:6px 0 0}
#profileDialog #profileClose{position:absolute;right:20px;top:20px;flex-shrink:0;margin:0}
#profileDialog #memberEmail{display:inline-block;margin:18px 0 0;font-size:12px;line-height:1.6;color:#007f75;background:#e9f7f0;padding:5px 10px;border-radius:7px}
#profileDialog .account-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;width:100%;margin:22px 0 0}
#profileDialog .account-form label{display:grid;gap:8px;margin:0;font-size:13px;font-weight:600;line-height:1.5}
#profileDialog .account-form input,#profileDialog .account-form select,#profileDialog .account-form textarea{box-sizing:border-box;width:100%;min-width:0;margin:0;font-family:inherit;font-weight:400;font-size:14px;line-height:1.6}
#profileDialog textarea{min-height:100px;resize:vertical}
#profileDialog .profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;padding-top:20px;border-top:1px solid #e4ecef}
#profileDialog .profile-actions button{min-height:48px;width:100%;margin:0;border-radius:10px;font-size:14px;font-weight:600}
#profileDialog #profileCancel{background:white;color:#49616e;border:1px solid #cbdbe1}
#profileDialog button[type=submit]{background:#007f75;color:white;border:1px solid #007f75}
#profileDialog #profileCancel:hover{background:#f3f7f8}
#profileDialog button[type=submit]:hover:not(:disabled){background:#00695f}
#profileOpen,#logoutButton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer}
#profileOpen{background:#007f75;color:white;border:1px solid #007f75;box-shadow:0 3px 8px #007f7520}
#logoutButton{background:white;color:#47616f;border:1px solid #c6d7df;box-shadow:0 2px 5px #15354a08}
#profileOpen:hover{background:#00695f}#logoutButton:hover{background:#edf4f6}
.account-form [role=alert]{color:#b91c1c;font-size:13px;line-height:1.6}.account-form [role=alert]:empty{display:none}.form-hint{font-size:12px;color:#627b87;line-height:1.6;margin:-6px 0 0}
#liveDetail>h2{overflow-wrap:anywhere}#liveDetail .tracking-log{padding-left:0;margin-top:20px}
#liveDetail .tracking-log>li{margin:0 0 24px;padding-left:36px;line-height:1.7}
.tracking-log-time{display:block;margin-top:5px;font-size:12px;color:#748995;font-variant-numeric:tabular-nums}
.tracking-log-note{margin-top:8px;font-size:13px;color:#4b6674;white-space:pre-wrap;overflow-wrap:anywhere}
.inspection-confirmation{padding:18px;margin-top:24px;border:1px solid #d4e7df;border-radius:12px;background:#f0f8f4}
.inspection-confirmation[hidden]{display:none}.inspection-confirmation h3{margin:0;font-size:15px;color:#246e5e}.inspection-confirmation p{font-size:12px;line-height:1.9;color:#627e75;margin:10px 0 0}.inspection-confirmation button{width:100%;margin-top:16px;min-height:46px}.inspection-confirmation button[hidden]{display:none}.inspection-confirmation button[aria-busy=true]::before{content:"";width:15px;height:15px;border:2px solid #ffffff66;border-top-color:white;border-radius:50%;animation:account-spin .75s linear infinite}.inspection-confirmation[data-confirmed=true]{background:#eaf6ee;border-color:#c6e4d0}
/* Loading states remain inside the active dialog or shipment card. */
.loading-spinner{display:inline-block;flex-shrink:0;width:22px;height:22px;border:2px solid #b9e3d9;border-top-color:#007f75;border-radius:50%;animation:account-spin .75s linear infinite}
.request-loading-card{display:flex;align-items:center;justify-content:center;gap:12px;max-width:calc(100% - 32px);padding:18px 22px;background:#fff;border:1px solid #d9e9e5;border-radius:14px;color:#174d48;font-size:14px;font-weight:600;line-height:1.7;text-align:center;box-shadow:0 8px 30px #173e4b12}
#registerDialog{position:fixed}
#registerDialog[aria-busy=true]{overflow:hidden}
#registerDialog[aria-busy=true]::backdrop{background:#08263280}
.request-dim{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:#123b4c38;backdrop-filter:blur(2px);cursor:wait}
.request-dim[hidden]{display:none}
#trackingForm[aria-busy=true] button[type=submit]::before{content:"";display:inline-block;width:16px;height:16px;flex-shrink:0;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:account-spin .75s linear infinite}
#liveDetail.is-loading{position:relative;min-height:420px;overflow:hidden;isolation:isolate}
.detail-skeleton{display:grid;gap:16px;min-height:370px;align-content:start}
.skeleton-block{position:relative;overflow:hidden;background:#e5eeef;border-radius:7px;min-height:16px}
.skeleton-block::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ffffffbb,transparent);animation:account-shimmer 1.5s ease-in-out infinite}
.skeleton-title{width:65%;height:25px}.skeleton-badge{width:100px;height:23px}
.skeleton-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0}.skeleton-steps .skeleton-block{height:42px}
.skeleton-line{width:90%;height:15px}.skeleton-short{width:65%}.skeleton-divider{height:1px;background:#e3eced;margin:6px 0}.skeleton-subtitle{width:38%;height:21px}
.skeleton-event{display:flex;gap:14px;align-items:center;margin-top:10px}.skeleton-dot{width:24px;height:24px;min-height:24px;border-radius:50%;flex-shrink:0}.skeleton-event .skeleton-line{width:65%}
#shipmentDetailDialog::backdrop{background:#08263280}
@keyframes account-spin{to{transform:rotate(360deg)}}
@keyframes account-shimmer{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.loading-spinner,#trackingForm[aria-busy=true] button[type=submit]::before{animation:none}.skeleton-block::after{animation:none;display:none}}
@media(max-width:760px){
 .account-dashboard main.account-live>.dashboard-heading{align-items:flex-start;gap:14px}.account-dashboard main.account-live>.dashboard-heading>div>p#shipmentCounts{display:block;margin-top:8px}
 #profileOpen,#logoutButton{font-size:12px;padding:10px 13px}
 .account-dashboard main.account-live .live-columns{row-gap:24px}
 .shipment-list-skeleton{display:grid}
 .account-dashboard main.account-live .live-columns>#detailHome.has-empty-state{display:block}
 .shipment-welcome{min-height:0;padding:28px 18px}.shipment-welcome h2{font-size:19px}.shipment-welcome-icon{width:60px;height:60px;margin-bottom:16px}.shipment-start-steps{gap:8px;margin:20px 0}.shipment-start-steps strong{font-size:11px}
 .shipment-welcome>.account-primary,.shipment-welcome>.account-secondary{display:flex;width:100%;margin:10px 0 0}.shipment-welcome>.account-secondary[hidden]{display:none}
 #profileDialog{padding:24px 20px;max-width:calc(100% - 24px)}#profileDialog #profileClose{right:14px;top:16px}
 #profileDialog .account-form input,#profileDialog .account-form textarea,#profileDialog .account-form select{font-size:16px}
 #shipmentDetailContent #liveDetail.is-loading{min-height:380px;padding:12px 0}
 .request-loading-card{font-size:13px;padding:16px;gap:10px}.skeleton-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}