/* Dense, responsive workspaces. Hidden route views always win every layout rule. */
html body.cargoquick app-order .app-shell .work-row>.menu-view[hidden],html body.cargoquick app-order .app-shell .work-row>.panes[hidden]{display:none!important}
html body.cargoquick app-order .app-shell .work-row>.menu-view:not([hidden]){display:flex!important;flex-direction:column;gap:6px;padding:8px!important;min-width:0;overflow:hidden!important}
html body.cargoquick .p6-date-label{display:none!important}
html body.cargoquick .p6-schedule-vehicle{display:grid;grid-template-columns:minmax(80px,.35fr) minmax(220px,1fr);align-items:center;gap:8px;margin-bottom:9px}
html body.cargoquick .p6-schedule-vehicle .sub-head{border:0!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:5px}
html body.cargoquick .p6-schedule-vehicle .date-field{min-height:38px!important;padding:5px 9px!important;margin:0!important;font-size:12px}
html body.cargoquick .p6-vehicle-picker{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(190px,1fr);gap:9px;align-items:center;margin:4px 0 8px}
html body.cargoquick .p6-vehicle-picker .car-slider-wrap{min-width:0;margin:0!important}
html body.cargoquick .p6-vehicle-picker .car-swiper{padding:0 0 7px!important;overflow:visible!important}
html body.cargoquick .p6-vehicle-picker .car-track{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;transform:none!important}
html body.cargoquick .p6-vehicle-picker .car-cell{width:auto!important;min-width:0!important;padding:0!important}
html body.cargoquick .p6-vehicle-picker .car{height:68px!important;min-height:0!important;padding:3px!important;width:100%!important;border-radius:10px!important}
html body.cargoquick .p6-vehicle-picker .car img{height:44px!important;width:100%!important;object-fit:contain}
html body.cargoquick .p6-vehicle-picker .car-tag{font-size:10px!important;min-width:38px!important;padding:1px 7px!important}
html body.cargoquick .p6-vehicle-picker :is(.car-prev,.car-next,.car-arrow){display:none!important}
html body.cargoquick .p6-vehicle-picker>div:last-child:not(.car-slider-wrap){display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important;min-width:0;margin:0!important;padding:0!important}
html body.cargoquick .p6-vehicle-picker mat-form-field{width:100%!important;min-width:0!important;margin:0!important}
html body.cargoquick .p6-vehicle-picker .car-opt{grid-column:1/-1;display:flex!important;align-items:center;justify-content:space-around;gap:8px;margin:0!important;border:0!important;padding:0!important;font-size:11px}
html body.cargoquick .car-spec{padding:7px 10px!important;margin:0 0 7px!important;min-height:32px!important;font-size:12px!important;display:flex;flex-wrap:wrap;gap:4px 9px}
html body.cargoquick .p6-shared-warning{width:100%;font-size:11px!important;color:#cc3d3d!important;font-weight:600}
html body.cargoquick .p6-shared-warning[hidden]{display:none!important}
html body.cargoquick .pane:has(.work-list) .sub-head--sep{margin-top:10px!important;padding-top:10px!important;margin-bottom:7px!important}
html body.cargoquick .work-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
html body.cargoquick .work-list .work{position:relative;min-height:75px!important;padding:8px 4px!important;display:flex!important;flex-direction:column;gap:5px!important;justify-content:center;align-items:center;text-align:center;border-radius:10px!important;overflow:visible!important}
html body.cargoquick .work-list .work .work__aside{display:flex!important;gap:4px;align-items:center;justify-content:center}
html body.cargoquick .work-list .work .work__ico{width:36px!important;height:36px!important;border-radius:12px!important;background:#fff2e3!important;position:relative;overflow:hidden;isolation:isolate}
html body.cargoquick .work-list .work .work__ico img{width:34px!important;height:34px!important;object-fit:contain;z-index:2;position:relative;background:transparent!important}
html body.cargoquick .work-list .work.on .work__ico{background:#fff0db!important}
html body.cargoquick .work-list .work.on .work__ico:before,html body.cargoquick .work-list .work.on .work__ico:after{content:'';position:absolute;inset:-50%;background:repeating-linear-gradient(135deg,#ffddad 0 5px,transparent 5px 11px);opacity:.65;z-index:0;animation:p6-stripe-left .55s ease-out both}
html body.cargoquick .work-list .work.on .work__ico:after{animation-name:p6-stripe-right;transform:scaleX(-1)}
@keyframes p6-stripe-left{from{translate:-65% -65%;opacity:0}to{translate:0 0;opacity:.5}}@keyframes p6-stripe-right{from{translate:65% -55%;opacity:0}to{translate:0 0;opacity:.45}}
html body.cargoquick .work-list .work .work__desc,html body.cargoquick .work-list .work .work__title>span>span{display:none!important}
html body.cargoquick .work-list .work .work__title{font-size:11px!important;font-weight:650!important;line-height:1.35}
html body.cargoquick .work-list .work__badge{position:absolute;top:3px;right:4px;font-size:8px!important;padding:1px 4px!important}
html body.cargoquick .work-list .p6-work-full{grid-column:1/-1;min-height:44px!important;flex-direction:row!important;justify-content:flex-start!important;padding:5px 10px!important;text-align:left}
html body.cargoquick .work-list .p6-work-full .work__desc{display:block!important;font-size:10px!important;line-height:1.4!important}
.p6-work-bubble{position:fixed;z-index:20010;max-width:min(310px,calc(100vw - 16px));background:rgba(255,247,236,.94);border:1px solid #f4cda5;border-radius:10px;box-shadow:0 8px 24px #834c1f1a;padding:10px 12px;pointer-events:none;box-sizing:border-box;color:#3d342e;backdrop-filter:blur(6px)}.p6-work-bubble strong{display:block;color:#954a16;font-size:12px;margin-bottom:4px}.p6-work-bubble span{font-size:12px;line-height:1.55;display:block}.p6-work-bubble:after{content:'';position:absolute;left:var(--arrow-left,50%);bottom:-6px;width:10px;height:10px;background:#fff7ec;border-right:1px solid #f4cda5;border-bottom:1px solid #f4cda5;transform:rotate(45deg)}
html body.cargoquick .p6-goods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;min-height:150px;flex:1}
html body.cargoquick .p6-goods-text{min-width:0;display:flex;flex-direction:column}
html body.cargoquick .p6-goods-text .sub-head{padding-top:6px!important;margin:0 0 6px!important;font-size:12px}
html body.cargoquick .p6-goods-text .memo-hint{font-size:10px!important}
html body.cargoquick .p6-goods-text .memo{min-height:90px!important;height:auto!important;flex:1;resize:none;padding:9px!important}
.p6-files{min-width:0;display:flex;flex-direction:column;padding-top:7px;gap:5px}.p6-file-picker{font-size:12px;font-weight:650;display:block}.p6-file-picker small{font-size:10px;margin-left:4px;font-weight:400}.p6-file-picker input{width:100%;font-size:11px;margin-top:8px;cursor:pointer}.p6-file-picker input::file-selector-button{padding:7px;border:1px solid #e5d5c7;background:#fff7ee;color:#704d31;border-radius:7px}.p6-file-picker>span{display:block;font-weight:400;font-size:10px;color:#85817c;margin-top:5px}#p6-upload-status{font-size:11px;color:#ad541d;margin:0;overflow-wrap:anywhere}#p6-file-list{max-height:110px;overflow:auto}.p6-uploaded{display:flex;border-bottom:1px solid #eee;align-items:center;gap:5px;font-size:11px;padding:4px 0}.p6-uploaded a{color:#625647;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.p6-uploaded button{border:0;background:transparent;cursor:pointer;padding:4px}.p6-file-summary{display:flex;flex-wrap:wrap;gap:7px;font-size:11px}
.p6-stops{margin:7px 0;font-size:11px}.p6-stops>div:first-child{display:flex;align-items:center;justify-content:space-between}.p6-stops small{font-size:10px;font-weight:400;color:#999}.p6-stops button{border:1px solid #e4ded5;border-radius:6px;background:white;padding:4px 6px;cursor:pointer;color:#746455}.p6-stops article{display:flex;gap:5px;align-items:center;padding:5px;margin:4px 0;background:#fffaf0;border:1px solid #ede2ce;border-radius:8px}.p6-stops article>div{flex:1;min-width:0}.p6-stops article>div button{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;padding:0 0 3px;font-size:11px}.p6-stops input{width:100%;font-size:10px!important;min-height:24px!important;padding:2px 4px!important}.p6-drag{cursor:grab;font-size:20px}.p6-stop-arrows{display:flex;gap:2px}.p6-stops article.drag-over{border:2px dashed #ef9f5a}.p6-stops article.dragging{opacity:.4}
html body.cargoquick app-order .is-order-page .panes>.pane--fare .pane-body.p6-fare-middle{min-height:0!important;flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;display:block!important;padding:12px!important}
html body.cargoquick .pane--fare>.pane-head,html body.cargoquick .pane--fare>.pane-foot{flex:none!important}
html body.cargoquick .pane--fare>.pane-foot{position:relative!important;display:block!important;margin:0!important;padding:0!important;background:#fff!important}
html body.cargoquick .pane--fare .pane-foot .ref-links{display:flex!important;position:relative!important;width:100%!important;min-height:36px;flex:none;border-top:1px solid #e4e5e8;background:#fff;margin:0!important}
html body.cargoquick .ops-mileage label{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}
html body.cargoquick .ops-mileage select{text-align:center;text-align-last:center}
.p6-night{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px;gap:13px}.p6-night>span{font-size:36px;background:#fff1df;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;color:#d77c32}.p6-night>strong{font-size:24px;color:#c26824}.p6-night p{margin:0}.p6-night label{font-size:12px;display:flex;gap:6px;align-items:center}
/* Spreadsheet headers and bodies share a single scroll container. */
html body.cargoquick .menu-view .menu-box{border-radius:4px!important;box-shadow:none!important;margin:0!important;border:1px solid #dfe3e8!important}
html body.cargoquick .menu-view .p5-toolbar,html body.cargoquick .menu-view .p5-history-toolbar{padding:7px 10px!important;flex:none;gap:6px!important}
html body.cargoquick .p5-tools{gap:5px!important;flex-wrap:wrap}
html body.cargoquick .p5-tools input,html body.cargoquick .p5-tools select{min-height:30px!important;height:30px!important;font-size:11px!important;padding:4px 7px!important}
html body.cargoquick .menu-btn{padding:5px 9px!important;min-height:29px!important;font-size:11px!important}
html body.cargoquick .p5-history-toolbar>.p5-tools{padding-top:6px!important;margin-top:6px!important}
html body.cargoquick .ops-history-tabs{gap:3px!important;padding:2px!important;border-radius:5px!important;margin:0!important;flex:none}
html body.cargoquick .ops-history-tabs button{font-size:12px!important;padding:6px 15px!important;border-radius:4px!important}
html body.cargoquick .menu-view .p5-list-box{flex:1!important;min-height:0!important;display:flex;flex-direction:column;padding:0!important;overflow:hidden!important}
html body.cargoquick .p5-list-box>div[id]{flex:1;min-height:0;overflow:hidden}
html body.cargoquick .menu-box-title{padding:6px 10px!important;min-height:34px!important;font-size:12px!important;flex:none}
html body.cargoquick .p5-table-scroll{height:100%;min-height:0;overflow:auto!important;flex:1}
html body.cargoquick .p5-table{border-collapse:separate!important;border-spacing:0!important;min-width:850px!important;table-layout:auto!important}
html body.cargoquick .p5-table thead{position:sticky;top:0;z-index:2}
html body.cargoquick .p5-table th,html body.cargoquick .p5-table td{border-right:1px solid #e3e7ec!important;border-bottom:1px solid #e3e7ec!important;padding:7px 8px!important;font-size:11px!important;line-height:1.4!important;vertical-align:middle}
html body.cargoquick .p5-table th{background:#f1f4f8!important;color:#46505d!important;font-weight:600;white-space:nowrap}
html body.cargoquick .p5-table tbody tr:nth-child(even){background:#fafbfd}
.p6-column{display:flex;align-items:center;gap:4px;min-height:27px}.p6-column>button{font-size:11px!important;white-space:nowrap;display:flex;gap:5px;align-items:center}.p6-column input{width:90px;min-height:25px!important;height:25px!important;font-size:11px!important;padding:3px 6px!important}.p6-column input[hidden]{display:none!important}.p6-filter-toggle{background:#fff!important;border:1px solid #d7dfe9!important;border-radius:3px;padding:1px 4px!important;margin-left:auto;color:#657386!important}.p6-filter-toggle[aria-expanded=true]{background:#fff0df!important;color:#dc6d19!important}
html body.cargoquick .menu-status-tabs{display:flex;gap:5px;flex-wrap:wrap}
html body.cargoquick .menu-status-tabs [data-status]{border-color:var(--status)!important;color:var(--status)!important;background:color-mix(in srgb,var(--status) 8%,white)!important;font-size:11px!important;padding:5px 11px!important;border-radius:6px!important}
html body.cargoquick .menu-status-tabs [data-status].active{background:var(--status)!important;color:white!important}
[data-status="전체"]{--status:#5664b4}[data-status="접수"]{--status:#e87b21}[data-status="예약"]{--status:#9770bb}[data-status="배차중"]{--status:#bc9a15}[data-status="운행중"]{--status:#2a9fa5}[data-status="완료"]{--status:#359b69}[data-status="취소"]{--status:#d26776}
html body.cargoquick .p5-account-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;max-width:1150px;margin:0 auto;width:100%;overflow:auto;min-height:0;padding:2px}
html body.cargoquick .p5-account-section{padding:15px!important;min-width:0;align-self:start}
html body.cargoquick .p5-account-section h2{font-size:14px!important;margin:0 0 12px!important}
html body.cargoquick .p5-account-section form{display:grid;gap:8px}
html body.cargoquick .p5-account-section input{height:34px!important;min-height:34px!important}
html body.cargoquick .p5-saved-item{padding:9px!important;gap:7px!important;border-bottom:1px solid #eee}.p5-saved-item>div{min-width:0;overflow-wrap:anywhere}
#p6-import-preview{max-height:300px;overflow:auto;margin:10px 0}#p6-import-error{white-space:pre-line}
.p6-route-map{position:relative;width:100%;border-radius:9px;overflow:hidden;border:1px solid #ddd;background:#eef1ed;margin-bottom:10px}.p6-route-map svg{display:block;width:100%;height:auto;max-height:230px}.p6-route-map>a{position:absolute;right:2px;bottom:1px;background:#fff9;font-size:8px;color:#555}
html body.cargoquick .faq-navigation nav{display:flex!important;flex-direction:column!important;gap:3px;max-height:none!important;overflow:visible!important}.faq-navigation .depth-2{padding-left:20px!important}.faq-navigation .depth-3{padding-left:30px!important}
@media(max-width:1399px){html body.cargoquick .p6-vehicle-picker{grid-template-columns:1fr!important}.p6-goods{grid-template-columns:1fr 1fr!important}html body.cargoquick .p6-schedule-vehicle{grid-template-columns:1fr}.p6-schedule-vehicle .sub-head{justify-content:space-between}.p6-schedule-vehicle .date-field .dfr{font-size:11px}.p6-schedule-vehicle .date-field{min-width:0}}
@media(max-width:1099px){html body.cargoquick app-order .app-shell .work-row>.menu-view:not([hidden]){height:100%!important;overflow:hidden!important}html body.cargoquick .p6-vehicle-picker{grid-template-columns:1.1fr 1fr!important}.p6-stops{margin:8px 0}html body.cargoquick .p6-goods{min-height:180px}.p5-tools input[type=search]{max-width:180px!important}.pane--fare .p6-fare-middle{max-height:600px}}
@media(max-width:699px){html body.cargoquick .p6-vehicle-picker{grid-template-columns:1fr!important}html body.cargoquick .p6-goods{grid-template-columns:1fr!important;gap:8px}html body.cargoquick .p6-goods-text .memo{min-height:95px!important}html body.cargoquick .p6-file-picker input{margin-top:5px}.p6-files{padding:6px 0 9px}.p5-tools input[type=search]{max-width:150px!important}html body.cargoquick .p5-account-grid{grid-template-columns:1fr!important}.p6-work-bubble{max-width:270px}html body.cargoquick .work-list .work .work__title{font-size:10px!important}.p6-stops .p6-stop-arrows{display:flex}.p6-schedule-vehicle .date-field .dfr{white-space:normal!important}html body.cargoquick .menu-status-tabs [data-status]{padding:4px 7px!important}.p5-history-toolbar>.p5-tools input[type=date]{width:118px!important}}
@media(prefers-reduced-motion:reduce){.work__ico:before,.work__ico:after{animation:none!important}}
html body.cargoquick .p6-vehicle-picker .swiper-wrapper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important;transform:none!important}
html body.cargoquick .p6-vehicle-picker .review-car-nav{display:none!important}
html body.cargoquick .work-list .p6-work-full{border:1px solid #e0d8ce!important;background:#fffaf2!important;color:#62513e!important;box-shadow:none!important}
html body.cargoquick .work-list .p6-work-full.on{border-color:#edaa6d!important;background:#fff0dc!important}
html body.cargoquick .menu-view>.p5-account-grid{overflow:auto!important}
html body.cargoquick .p6-vehicle-picker .car-slider-wrap .car-swiper .swiper-wrapper .car-cell{width:auto!important;flex-basis:auto!important}
html body.cargoquick .p6-vehicle-picker .car-slider-wrap .car-swiper .swiper-wrapper .car{min-width:0!important}
html body.cargoquick .p6-vehicle-picker .car-slider-wrap .car-swiper .swiper-wrapper{margin:0!important}
html body.cargoquick .p6-stops .p6-drag{touch-action:none}

html body.cargoquick .member-page{grid-template-columns:minmax(270px,420px) minmax(400px,550px)!important;gap:clamp(24px,5vw,90px)!important;max-width:1100px!important;padding:20px!important;align-items:center!important;margin:auto!important}
html body.cargoquick .p6-member-film{width:100%;height:auto!important;display:flex!important;flex-direction:column;gap:6px;padding:0!important;align-items:center}.p6-film-frame{position:relative;border-radius:22px;overflow:hidden;background:#e7e5df;aspect-ratio:9/16;max-height:calc(100dvh - 120px);width:100%;box-shadow:0 18px 48px #4c34191c}.p6-film-frame video{display:block;width:100%;height:100%;object-fit:cover}.p6-film-caption{position:absolute;left:0;right:0;bottom:65px;pointer-events:none;padding:20px 25px;color:white;background:linear-gradient(transparent,#0007)}.p6-film-caption strong{font-size:26px!important;line-height:1.25;display:block;text-shadow:0 2px 12px #0005}.p6-film-caption span{display:block;font-size:10px;margin-top:8px}.p6-member-film>small{font-size:9px;color:#a39a8c}
@media(max-width:850px){html body.cargoquick .member-page{grid-template-columns:minmax(180px,.7fr) minmax(330px,1fr)!important;gap:20px!important;padding:15px!important}.p6-film-caption{padding:14px}.p6-film-caption strong{font-size:20px!important}}
@media(max-width:620px){html body.cargoquick .member-page{display:flex!important;flex-direction:column;gap:10px!important;padding:12px!important;overflow:auto!important;justify-content:flex-start!important}.p6-member-film{max-width:100%}.p6-film-frame{width:100%;height:150px;aspect-ratio:auto;max-height:150px;border-radius:13px}.p6-film-frame video{object-position:center 40%}.p6-film-caption{bottom:30px;padding:10px 15px}.p6-film-caption strong{font-size:17px!important}.p6-film-caption span{font-size:8px}.member-card{width:100%!important;box-sizing:border-box;padding:20px!important}}
html body.cargoquick .ops-review-grid .p6-route-map svg{max-height:140px}
html body.cargoquick .ops-review-grid .ops-route article{padding:6px 0!important;margin-bottom:4px!important;font-size:11px!important}
html body.cargoquick .ops-review-grid .ops-route article strong{font-size:11px!important}
html body.cargoquick .ops-review-grid .ops-route article p{margin:3px 0!important;font-size:10px!important}
.p6-film-sound{position:absolute;right:12px;top:12px;z-index:2;background:#fffc;border:1px solid #fff9;color:#655444;border-radius:20px;padding:6px 11px;font-size:11px;cursor:pointer}
@media(max-width:620px){.p6-film-frame{height:190px!important;max-height:190px!important;background:#27251f}.p6-film-frame video{object-fit:contain!important;object-position:center!important}.p6-film-caption{display:none}}
html body.cargoquick .pane--fare .pay-row{min-width:0!important}html body.cargoquick .pane--fare .pay-row__btn{min-width:0!important;flex-wrap:wrap!important;gap:5px!important}html body.cargoquick .pane--fare .pay-row__btn .pay-sub{white-space:normal!important;text-align:right}
