/* Cards: align the existing gallery and delivery record with the RHENAU shell. */
.cards-workspace .card-gallery{gap:24px;align-items:stretch}
.cards-workspace .card-chooser{padding:20px 18px 16px;background:#fff;border:1px solid var(--surface-border);border-radius:11px}
.cards-workspace .card-type-control{max-width:340px;border:1px solid #dfe6e9;border-radius:10px;background:#f3f6f6}
.cards-workspace .card-type-control>button{min-height:44px;border-radius:7px;color:#4c6171}
.cards-workspace .card-type-control>button[aria-pressed=true]{background:#fff;color:#17283b;box-shadow:0 1px 4px #17283b14}
.cards-workspace .card-type-control>button:focus-visible,.cards-workspace .card-gallery-controls>button:focus-visible,.cards-workspace .card-gallery-open:focus-visible{outline:2px solid #315870;outline-offset:2px}
.cards-workspace .card-chooser-footer{min-height:44px;padding-inline:2px}
.cards-workspace .card-chooser-footer>p{font-size:12px;color:#526777}
.cards-workspace .card-gallery-controls{gap:8px}
.cards-workspace .card-gallery-controls>button{width:44px;height:44px;border:1px solid #dfe6e9;border-radius:8px}
.cards-workspace .card-gallery-controls>span{font-size:11px;color:#526777}
.cards-workspace .card-delivery-panel{border-radius:11px;padding:25px 26px}
.cards-workspace .card-delivery-panel>header{align-items:baseline}
.cards-workspace .card-delivery-panel h2{font-size:17px;color:#17283b}
.cards-workspace .card-delivery-panel [data-card-motion-title]{color:#526777}
.cards-workspace .card-delivery-state{background:#eef3f5;border-color:#dbe5e8;color:#315366}
.cards-workspace .card-delivery-main>strong{font-size:21px;color:#17283b}
.cards-workspace .card-panel-note,.cards-workspace .card-panel-field>span,.cards-workspace .card-panel-update>span{color:#526777}
.cards-workspace .card-gallery-open{min-height:48px;border-radius:7px}
@media(max-width:1023px){.cards-workspace .card-gallery{gap:16px}.cards-workspace .card-delivery-panel{padding:21px 24px}}
@media(max-width:760px){.cards-workspace .card-chooser{padding:16px 14px 10px}.cards-workspace .card-delivery-panel{padding:20px}.cards-workspace .card-delivery-main>strong{font-size:19px}.cards-workspace .card-delivery-panel h2{font-size:16px}}
@media(max-width:380px){.cards-workspace .card-chooser{padding-inline:10px}.cards-workspace .card-delivery-panel{padding:18px 16px}}
@media(forced-colors:active){.cards-workspace .card-chooser,.cards-workspace .card-type-control,.cards-workspace .card-type-control>button,.cards-workspace .card-gallery-controls>button,.cards-workspace .card-delivery-state{background:Canvas;color:CanvasText;border:1px solid CanvasText}.cards-workspace .card-type-control>button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-2px}}
@media(prefers-reduced-motion:no-preference){.cards-workspace .card-motion-enabled .metal-card{transition-duration:420ms,260ms,260ms}}

/* The card selector is a compact workspace; long real delivery notes may still
   scroll naturally rather than being clipped on small screens or large text. */
.cards-workspace .card-chooser{background:#f9fbfb;border-color:#dce6e9}
.cards-workspace .card-type-control{background:#eaf0f1;border-color:#d6e1e4}
.cards-workspace .card-type-control>button[aria-pressed=true]{box-shadow:0 2px 8px #17314516}
.cards-workspace .card-delivery-panel{background:#fff;border-color:#dce6e9}
.cards-workspace .card-gallery-open{gap:12px}
.cards-workspace .card-gallery-open>.icon{flex:0 0 16px}
.cards-workspace .metal-card:focus-visible{outline:2px solid #274c64;outline-offset:4px}
@media(max-width:760px){
 .cards-workspace .card-gallery{gap:12px}
 .cards-workspace .card-chooser{padding:12px 12px 8px}
 .cards-workspace .card-chooser-footer{min-height:44px}
 .cards-workspace .card-delivery-panel{padding:16px 18px}
 .cards-workspace .card-delivery-panel>header{padding-bottom:10px}
 .cards-workspace .card-gallery-summary{padding:12px 0 13px}
 .cards-workspace .card-panel-note{margin-top:8px}
}
@media(max-width:760px) and (max-height:650px){
 .cards-workspace .card-motion-enabled .metal-card-item{width:220px;margin-left:-110px;margin-top:calc(-220px * 542 / 860 / 2)}
 .cards-workspace .card-motion-enabled .metal-card{width:220px}
}
@media(prefers-reduced-motion:no-preference){
 .cards-workspace .card-motion-enabled .metal-card{transition-duration:300ms,200ms,200ms}
 .cards-workspace .card-gallery-open{transition:background-color 160ms ease,transform 160ms ease}
 .cards-workspace .card-gallery-open:active{transform:scale(.99)}
}
@media(forced-colors:active){.cards-workspace .card-chooser,.cards-workspace .card-delivery-panel{background:Canvas;border-color:CanvasText}}