.out-intro{padding:13px 16px;background:#e9efff;border-left:4px solid #2454e8;color:#193774;font-size:14px;line-height:1.8}
.out-section{padding:24px 0;border-bottom:1px solid #dce4f0}.out-section-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.out-section-head>span{background:#183466;color:white;font-size:12px;min-width:30px;height:30px;display:grid;place-items:center;border-radius:5px}.out-section-head h3{margin:0}.out-section-head p{margin:4px 0 0;color:#61728b;font-size:13px}.out-field-help{display:block;color:#596c87;line-height:1.8;margin-top:6px;font-size:12px}.out-field-help span{display:block;color:#7a5b26}.out-form .field{min-width:0}.out-form .field input::placeholder,.out-form .field textarea::placeholder{color:#8692a4;font-size:12px}.out-form .field textarea{min-height:82px}.out-form .grid2{row-gap:20px}.out-form .field input,.out-form .field select{min-height:44px}.out-form .field input[type=checkbox]{min-height:auto;accent-color:#2454e8}.out-form .field:has(input[type=checkbox]){align-self:start}.out-drop{padding:24px;text-align:center;border:2px dashed #7798ec;background:#f4f7ff;border-radius:10px}.out-drop.dragging{border-color:#2454e8;background:#e5edff}.out-drop>strong{font-size:17px}.out-drop>p{font-size:13px;color:#526881;margin:8px 0 16px}.out-drop>small{display:block;margin-top:12px;line-height:1.7}.out-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.out-drop:focus-within{outline:2px solid #2454e8;outline-offset:3px}.out-footer{position:sticky;bottom:0;background:#fff;z-index:2;margin:0 -2px;padding:14px 0;box-shadow:0 -5px 14px #13244508}.out-footer #out-attach-shortcut{display:flex;flex-direction:column;align-items:flex-start;border-color:#789cf0;color:#214cca}.out-footer small{color:#64748b;font-size:11px}.out-form .form-error:empty{display:none}.out-record-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 20px}.out-record-head strong{font-size:22px;color:#12396f}.out-record-head p{font-size:11px;font-weight:700;letter-spacing:1px;color:#587298;margin:5px 0 0}.out-status{background:#e7eeff;color:#153eaa;border:1px solid #b9cbf8;border-radius:6px;padding:9px 12px;font-size:13px;font-weight:700}.out-summary{padding:22px;background:#f6f8fc;border:1px solid #dce4f0;border-radius:8px;margin-top:16px}.out-summary .meta{gap:18px}.out-timeline{list-style:none;padding:0 0 0 22px;border-left:2px solid #cad8f4;margin:24px 0 0 8px}.out-timeline>li{position:relative;padding:0 0 26px 6px}.out-timeline>li:before{content:'';position:absolute;left:-29px;top:5px;width:10px;height:10px;background:#fff;border:3px solid #3265e7;border-radius:50%}.out-timeline>li:first-child:before{background:#3265e7}.out-event-head{display:flex;gap:12px;justify-content:space-between}.out-event-head time{font-size:12px;color:#61728b;white-space:nowrap}.out-timeline p{margin:7px 0}.out-timeline small{color:#64748b}.out-result{background:#eff5ff;border-left:3px solid #3665d8;padding:12px;margin:12px 0}.out-pre{white-space:pre-wrap;overflow-wrap:anywhere}.tracking-label{box-sizing:border-box;width:350px;max-width:100%;margin:24px auto;padding:20px;border:1px solid #ccc;background:white;color:#111;font-size:12px}.tracking-label header{display:flex;align-items:center;gap:10px}.tracking-label header img{width:36px;height:36px;object-fit:contain}.tracking-label header small{display:block;font-size:9px}.tracking-label h2{font-size:22px;margin:14px 0;overflow-wrap:anywhere}.tracking-label-qr{display:flex;align-items:center;gap:12px}.tracking-label-qr>img{width:128px;height:128px}.tracking-label-qr p{font-size:11px;line-height:1.7}.tracking-label>p{font-size:11px;overflow-wrap:anywhere}.tracking-label table{border-collapse:collapse;width:100%;margin:16px 0;font-size:9px}.tracking-label th,.tracking-label td{border:1px solid #999;padding:6px;height:26px;white-space:normal}.tracking-label th{background:white;color:#111;font-size:9px}.tracking-label footer{font-size:9px;text-align:center;color:#333;line-height:1.8}.out-print-controls .notice{line-height:1.8}
@media(max-width:640px){.out-form .grid2{grid-template-columns:1fr}.out-form .span2{grid-column:auto}.out-event-head{flex-direction:column;gap:3px}.out-footer{bottom:0;flex-wrap:wrap;gap:8px}.out-footer button{font-size:12px}.out-footer .grow{display:none}.out-record-head{align-items:flex-start;flex-direction:column}.out-summary{padding:16px}.out-section{padding:20px 0}.out-field-help{font-size:12px}.out-drop{padding:20px 14px}}
@media print{body:has(.tracking-label)>*:not(#modal){display:none!important}body:has(.tracking-label) #modal{position:static!important;display:block!important;width:auto!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}body:has(.tracking-label) #modal::backdrop{display:none}body:has(.tracking-label) .modal-head,body:has(.tracking-label) .out-print-controls{display:none!important}body:has(.tracking-label) .modal-body{padding:0!important;overflow:visible!important}body:has(.tracking-label) .tracking-label{width:93mm;margin:0;border:0;padding:0;break-inside:avoid}body:has(.tracking-label) .tracking-label-qr>img{width:34mm;height:34mm;image-rendering:pixelated}body:has(.tracking-label){background:white!important}@page{size:105mm 148mm;margin:6mm}}

@media print{body:has(.tracking-label) #modal{border-radius:0!important;background:#fff!important}body:has(.tracking-label) #modal::backdrop{background:transparent!important}.tracking-label th,.tracking-label td,.tracking-label tbody tr:last-child td{border:1px solid #999!important;color:#111!important}.tracking-label table{table-layout:fixed}.tracking-label th{padding:4px!important;font-size:8px!important}}