/* Existing status palette, carried across the whole order row. */
html body :is(.p7-sheet tr,.clo-order-table tr,.clo-filters button,.clo-summary article,.ad-status-bar,.ad-status-legend-item)[data-order-status="대기"]{--row-bg:#f4f4f5;--row-accent:#737373}
html body :is(.p7-sheet tr,.clo-order-table tr,.clo-filters button,.clo-summary article,.ad-status-bar,.ad-status-legend-item)[data-order-status="접수"]{--row-bg:#fff3e9;--row-accent:#e87b21}
html body :is(.p7-sheet tr,.clo-order-table tr,.clo-filters button,.clo-summary article,.ad-status-bar,.ad-status-legend-item)[data-order-status="예약"]{--row-bg:#f5f0fa;--row-accent:#9770bb}
html body :is(.p7-sheet tr,.clo-order-table tr,.clo-filters button,.clo-summary article,.ad-status-bar,.ad-status-legend-item)[data-order-status="배차중"],html body :is(.p7-sheet tr,.clo-order-table tr,.clo-filters button,.clo-summary article,.ad-status-bar,.ad-status-legend-item)[data-order-status="배차"]{--row-bg:#fff9e6;--row-accent:#bc9a15}
html body :is(.p7-sheet tr,.clo-order-table tr,.clo-filters button,.clo-summary article,.ad-status-bar,.ad-status-legend-item)[data-order-status="운행중"],html body :is(.p7-sheet tr,.clo-order-table tr,.clo-filters button,.clo-summary article,.ad-status-bar,.ad-status-legend-item)[data-order-status="운행"]{--row-bg:#eaf8f8;--row-accent:#2a9fa5}
html body :is(.p7-sheet tr,.clo-order-table tr,.clo-filters button,.clo-summary article,.ad-status-bar,.ad-status-legend-item)[data-order-status="완료"]{--row-bg:#edf8f1;--row-accent:#359b69}
html body :is(.p7-sheet tr,.clo-order-table tr,.clo-filters button,.clo-summary article,.ad-status-bar,.ad-status-legend-item)[data-order-status="취소"]{--row-bg:#fceff2;--row-accent:#d26776}
html body .p7-sheet tr[data-order-status] td{background:var(--row-bg)!important;color:#26323b!important;transition:background-color .3s ease}
html body .p7-sheet tr[data-order-status] td:first-child{box-shadow:inset 3px 0 var(--row-accent)}
html body .p7-sheet tr[data-order-status]:hover td,html body .p7-sheet tr[data-order-status]:focus-within td{background:color-mix(in srgb,var(--row-bg),var(--row-accent) 9%)!important}
.p34-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 4px;font-size:12px;color:#596775;flex-wrap:wrap}.p34-pagination span{flex:1}.p34-pagination button{flex:none}
.p34-file-records{max-height:280px;overflow:auto}.p34-file-records article,.p34-backups article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e8edf2}.p34-file-records span{min-width:0}.p34-file-records strong{display:block;overflow-wrap:anywhere;font-size:13px}.p34-file-records small{display:block;color:#65727b;margin-top:3px}.p34-backups{grid-column:1/-1}.p34-backups p{color:#65727b;font-size:12px;line-height:1.6}.p34-backups [data-backup-list]{max-height:210px;overflow:auto}
.p34-progress{display:block;width:100%;height:6px;accent-color:#FF8A3D;margin:5px 0}.p34-upload-retry{margin-top:6px}.p34-live-status{font-size:11px;white-space:nowrap}.p34-live-status[data-state=error]{color:#c53d24}.p34-live-status[data-state=connecting]{color:#a1660a}.p34-live-status[data-state=ok]{color:#26864b}
html body #p11-permission-card{width:280px;max-width:calc(100vw - 24px);padding:14px;right:18px;bottom:74px;border-radius:18px;max-height:calc(100dvh - 100px);overflow:auto}#p11-permission-card>strong{font-size:13px}#p11-permission-card #p11-weather-info{font-size:12px;margin:6px 0}#p11-permission-card details{font-size:11px;color:#67737a;line-height:1.55;margin:6px 0}#p11-permission-card details p{font-size:11px;margin:5px 0}#p11-permission-card summary{cursor:pointer;color:#796954}#p11-permission-card .p11-permission-actions{margin:8px 0}#p11-permission-card .p11-permission-actions button{padding:8px;font-size:12px}#p11-permission-card>small{font-size:10px;line-height:1.4}#p11-permission-card footer{font-size:9px;margin-top:7px}
.p34-jeju-rates{padding:12px;border:1px solid #e6ebf0;border-radius:14px}.p34-jeju-rates h4{margin:0 0 10px}.p34-jeju-rates .p7-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.p34-jeju-rates p{font-size:11px;color:#64717b;line-height:1.5}
html body.cargoquick .p5-account-grid{grid-auto-rows:max-content;align-content:start;flex:1;min-height:0}
html body.cargoquick .p5-account-grid>.p5-account-section{min-height:0}
html body.cargoquick .p5-account-grid>.p34-storage{grid-column:1/-1}
html body.cargoquick app-order .app-bar>.p35-header-notice{display:block!important;flex:1 1 0;min-width:0;overflow:hidden;align-self:center;max-height:28px;margin:0 22px;mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent)}
.p35-notice-track{display:flex;width:max-content;animation:p35-notice-scroll var(--notice-duration,24s) linear infinite;will-change:transform}
html body.cargoquick app-order .p35-header-notice .p35-notice-track>span{flex:none;min-width:0;box-sizing:border-box;padding:4px 0;white-space:nowrap;font-size:13px;font-weight:650;color:#FF8A3D!important;line-height:20px}
html body.cargoquick app-order .p35-header-notice.p35-empty{visibility:hidden}
@keyframes p35-notice-scroll{from{transform:translateX(var(--notice-start,100%))}to{transform:translateX(-100%)}}
@media(max-width:720px){html body.cargoquick app-order .app-bar>.p35-header-notice{margin:0 10px;mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)}html body.cargoquick app-order .p35-header-notice .p35-notice-track>span{font-size:11px;padding-right:0}}
@media(prefers-reduced-motion:reduce){.p35-notice-track{animation:none}.p35-notice-track>span+span{display:none}}
@media(max-width:600px){html body #p11-permission-card{right:12px;bottom:76px;width:258px}.p34-pagination{font-size:11px}.p34-jeju-rates .p7-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html body .p7-sheet tr[data-order-status] td{transition:none}}

html body .p7-sheet tr[data-order-status] .status-tag{background:color-mix(in srgb,var(--row-accent) 14%,white)!important;color:var(--row-accent)!important}

/* Customer dashboard reuses the administrator status palette on every cell. */
html body.cargoquick #customer-dashboard .clo-order-table tr[data-order-status] td{background:var(--row-bg,#fff)!important;transition:none}
html body.cargoquick #customer-dashboard .clo-order-table tr[data-order-status] td:first-child{box-shadow:inset 3px 0 var(--row-accent,#737373)}
html body.cargoquick #customer-dashboard .clo-order-table tr[data-order-status]:is(:hover,:focus-within) td{background:color-mix(in srgb,var(--row-bg,#fff),var(--row-accent,#737373) 9%)!important}
html body.cargoquick #customer-dashboard .clo-order-table tr[data-order-status] .clo-badge{background:color-mix(in srgb,var(--row-accent,#737373) 15%,white)!important;color:#26323b!important;border:1px solid color-mix(in srgb,var(--row-accent,#737373) 45%,white)}
html body.cargoquick #customer-dashboard .clo-filters button[data-order-status]{background:var(--row-bg)!important;border-color:color-mix(in srgb,var(--row-accent) 45%,white)!important;color:#354150!important}
html body.cargoquick #customer-dashboard .clo-filters button[data-order-status].on{background:var(--row-bg)!important;color:#354150!important;box-shadow:inset 0 0 0 1px var(--row-accent);border-color:var(--row-accent)!important;font-weight:700}
html body.cargoquick #customer-dashboard .clo-summary article[data-order-status]{background:var(--row-bg);box-shadow:inset 0 3px var(--row-accent)}
html body.cargoquick #customer-dashboard .clo-summary article[data-order-status] strong{color:#354150!important}