.dock-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin:2rem 0;color:#edf4f8}.dock-toolbar h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 .4rem}.dock-toolbar p{color:#c1ced6;margin:0}.dock-toolbar button{background:#ffbc21;color:#0a1d2d;border:0;border-radius:.35rem;font:inherit;font-weight:800;padding:.8rem 1.1rem;cursor:pointer}.dock-toolbar button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.dock-sheet{width:min(100%,860px);margin:0 auto;background:#f7f5ed;color:#0a2540;border:11px solid #0b3050;box-shadow:0 20px 60px #0007;font-family:Arial,Helvetica,sans-serif}.dock-stripe{height:20px;background:repeating-linear-gradient(120deg,#ffc926 0 42px,#102d44 42px 84px)}.dock-sheet__header{background:#0b3050;color:#fff;padding:1.5rem 2rem 1.8rem}.dock-sheet__header p{margin:0;color:#ffc926;font-size:.9rem;letter-spacing:.02em;font-weight:800}.dock-sheet__header h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(3.5rem,8vw,6rem);letter-spacing:-.055em;line-height:.96;text-transform:uppercase;margin:.55rem 0 .7rem;color:#fff}.dock-sheet__header strong{display:block;font-size:clamp(1.15rem,2.5vw,1.65rem);color:#ffcf39}
.dock-scene{display:grid;grid-template-columns:1fr 18px 1fr;min-height:310px;margin:1.5rem 2rem;background:#dcebf1;border:3px solid #0b3050;border-radius:.45rem;overflow:hidden}.dock-scene__yard{position:relative;background:repeating-linear-gradient(90deg,#dce5e7 0 40px,#e8eeee 40px 80px);padding:1rem}.dock-scene__yard>span{font-size:.86rem;font-weight:800;text-transform:uppercase}.dock-scene__truck{display:flex;align-items:center;margin:1.1rem 1rem 0 0;height:100px;filter:drop-shadow(3px 5px 0 #607887)}.dock-scene__cab{background:#f9a640;border:3px solid #0b3050;border-radius:1rem .25rem .25rem 1rem;padding:1.8rem .4rem;font-weight:900}.dock-scene__trailer{flex:1;background:#fff;border:3px solid #0b3050;text-align:center;padding:1.3rem .2rem;font-size:1.1rem;font-weight:900;line-height:1.1}.dock-scene__trailer small{font-size:.66rem}.dock-scene__control{display:flex;align-items:center;gap:.5rem;margin-top:1.4rem;background:#fff3ca;border:2px solid #d09200;border-radius:.3rem;padding:.45rem;font-size:.9rem}.dock-scene__control-icon{color:#bf4d21;font-size:1.5rem;line-height:1}.dock-scene__edge{background:repeating-linear-gradient(135deg,#ffc926 0 12px,#10314c 12px 24px);position:relative}.dock-scene__edge span{position:absolute;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:900;color:#fff;background:#0b3050;inset:0 0 auto 0;padding:.4rem .1rem}.dock-scene__inside{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;background:#cee5e9}.dock-scene__ped{display:grid;gap:.3rem;border:4px dashed #117488;border-radius:.4rem;padding:1rem;background:#eef9fa}.dock-scene__ped strong{font-size:1.1rem}.dock-scene__ped span{font-size:.86rem}.dock-scene__clear{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#0a6f52;color:#fff;border-radius:.35rem;padding:.6rem}.dock-scene__clear span{display:grid;place-items:center;background:#fff;color:#08704e;border-radius:50%;width:2rem;height:2rem;font-size:1.4rem;font-weight:900}.dock-scene__clear small{width:100%;padding-left:2.5rem}
.dock-controls{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:0 2rem 1.4rem}.dock-controls section{display:flex;align-items:start;gap:.8rem;border:2px solid #b7c5c9;background:#fff;border-radius:.35rem;padding:1rem;min-height:140px}.dock-control-number{display:grid;place-items:center;background:#ffc926;color:#102d44;border:2px solid #102d44;border-radius:50%;width:2.3rem;height:2.3rem;flex:none;font-size:1.3rem;font-weight:900}.dock-controls h3{font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;line-height:1.15;text-transform:uppercase;margin:.1rem 0 .4rem;color:#0a2540}.dock-controls p{font-size:.96rem;line-height:1.4;margin:0;color:#183a50}.dock-stop{display:grid;grid-template-columns:160px 1fr;gap:1rem;align-items:center;background:#b82e22;color:#fff;padding:1rem 2rem}.dock-stop strong{font-size:1.5rem}.dock-stop span{font-size:1.05rem;line-height:1.35}.dock-sheet__footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 2rem;background:#fff;color:#214052;font-size:.82rem}.dock-sheet__footer b{white-space:nowrap;color:#0b3050}
.dock-notes{max-width:860px;margin:2rem auto 4rem;color:#dce8ef;line-height:1.65}.dock-notes h2{color:#fff}.dock-notes a{color:#ffbb83}
@media(max-width:650px){.dock-toolbar{display:block}.dock-toolbar button{margin-top:1rem}.dock-sheet{border-width:6px}.dock-sheet__header{padding:1rem}.dock-sheet__header h2{font-size:3.4rem}.dock-scene{margin:.8rem;min-height:260px;grid-template-columns:1fr 12px 1fr}.dock-scene__yard,.dock-scene__inside{padding:.45rem}.dock-scene__truck{margin:.8rem 0 0;height:80px}.dock-scene__cab{padding:1.1rem .1rem;font-size:.65rem}.dock-scene__trailer{font-size:.75rem;padding:1rem .1rem}.dock-scene__control{font-size:.68rem}.dock-scene__ped{padding:.35rem}.dock-scene__ped strong{font-size:.72rem}.dock-scene__ped span{font-size:.65rem}.dock-scene__clear{font-size:.7rem}.dock-scene__clear small{padding:0;font-size:.63rem}.dock-controls{grid-template-columns:1fr;padding:0 .8rem .8rem}.dock-controls section{min-height:0}.dock-stop{grid-template-columns:1fr;padding:1rem}.dock-sheet__footer{padding:.6rem;display:block}.dock-sheet__footer b{display:block;margin-top:.4rem}}
@media print{@page{size:A4 portrait;margin:7mm}body{background:#fff!important}.wc-header,.wc-footer,.crumb,.dock-toolbar,.dock-notes{display:none!important}main.wrap{max-width:none!important;padding:0!important}.dock-sheet{width:100%;margin:0;box-shadow:none;border-width:7px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.dock-sheet__header{padding:1rem 1.5rem}.dock-sheet__header h2{font-size:5rem}.dock-scene{min-height:260px;margin:1rem 1.5rem}.dock-controls{padding:0 1.5rem 1rem}.dock-controls section{min-height:120px}.dock-stop{padding:.8rem 1.5rem}.dock-sheet__footer{padding:.7rem 1.5rem}}