
:root{--pandora-primary:#173b60;--pandora-text:#17334e;--pandora-bg:#f4f6f9;--pandora-border:#d8e2eb}
@media screen{
body{background:var(--pandora-bg);color:var(--pandora-text);font-family:system-ui,sans-serif}
body header,body .appbar{background:var(--pandora-primary);color:#fff;display:flex;align-items:center;gap:10px;min-height:56px;height:auto;padding:6px 16px;flex-wrap:wrap}
.pandora-home{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;flex:none;font-size:18px;font-weight:700;min-height:44px}
.pandora-home img{width:44px;height:34px;object-fit:contain}.pandora-home h1{font:inherit;margin:0}
body button,body section button,body .btn{background:var(--pandora-primary);color:#fff;border:1px solid var(--pandora-primary);border-radius:9px;min-height:44px;padding:9px 13px;font:inherit;cursor:pointer}
body button.secondary,body button.amber{background:#fff;color:var(--pandora-primary);border-color:var(--pandora-border)}
body button.amber{background:#fff9e9;color:#7b4a00;border-color:#ca8c32}
body button:disabled{opacity:.45;cursor:not-allowed}
body button:focus-visible,body a:focus-visible{outline:3px solid #d28e23;outline-offset:3px}
body header .pandora-profile-button{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;padding:8px;border-color:#ffffff80;background:transparent;color:#fff;flex:none}
.pandora-profile-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
body main{width:100%;max-width:1600px;margin-inline:auto;padding:20px}
body section,body .card{border-radius:12px;border-color:var(--pandora-border)}
body input,body select{border-radius:8px;min-height:44px;max-width:100%;font:inherit}
body input[type=checkbox],body input[type=radio]{min-height:0;width:auto}
.pandora-profile-dialog{width:min(440px,calc(100vw - 24px));max-height:85vh;overflow:auto;border:0;border-radius:14px;padding:20px;color:var(--pandora-text)}
.pandora-profile-dialog::backdrop{background:#10203099}.pandora-profile-dialog h2{margin:0 0 12px}.pandora-profile-actions{display:grid;gap:9px}.pandora-profile-actions>button{width:100%;margin:0}.pandora-profile-actions>span{padding:5px;overflow-wrap:anywhere}
@media(min-width:901px){body #workspace{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}body #workspace>section{margin:0;flex:1 1 auto;padding:16px}body #workspace>section:has(#orders),body #workspace>section:has(#file){flex-basis:100%}body #workspace>section.filters{align-items:center}body .picking-app{width:100%;max-width:1600px;margin:auto}body .screen{max-width:1600px}body dialog:not(.pandora-profile-dialog){max-width:calc(100vw - 40px)}body .filters{gap:12px}}
@media(max-width:900px){body main{padding:10px}body header,body .appbar{padding:5px 10px;gap:7px}.pandora-home{font-size:16px}.pandora-home img{width:34px;height:30px}body #workspace{display:block}body #workspace>section{padding:12px;margin-bottom:10px}body #workspace>section>button{width:100%;margin:4px 0}body .filters,body form{gap:8px}body .filters>label,body form>label{width:100%}body .filters input,body .filters select{width:100%}body .scroll{max-width:100%;overflow:auto}body dialog:not(.pandora-profile-dialog){max-width:calc(100vw - 16px)}body .picking-app{width:100%;max-width:100%}}
}

@media screen{
body .pandora-unified-header,body.receipt-v2 header.warehouse-appbar,body .appbar.pandora-unified-header{background:var(--pandora-primary)!important;min-width:0;box-sizing:border-box}
body header .pandora-home{margin-left:0;max-width:100%;min-width:0;color:white;text-decoration:none}
body header .pandora-home>span{flex:initial;font-size:inherit;overflow:visible;white-space:normal}
body header .pandora-profile-button{flex:0 0 44px;width:44px;margin-left:auto}
body header .pandora-profile-button svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
body .warehouse-menu-dialog{max-width:calc(100vw - 24px);box-sizing:border-box}
body .warehouse-menu-dialog button[data-offline-safe=true]{cursor:pointer}
body.pandora-print-screen main,body.pandora-print-screen .layout,body.pandora-print-screen .layout>section,body.pandora-print-screen .filters,body.pandora-print-screen .filters>label{min-width:0;max-width:100%;box-sizing:border-box}
body.pandora-print-screen .filters input,body.pandora-print-screen .filters select{min-width:0;width:100%;box-sizing:border-box;margin-inline:0}
body.pandora-print-screen #preview{min-width:0;max-width:100%;overflow:auto}
body.pandora-print-screen .doc button{background:transparent;color:var(--pandora-text);border:0}
@media(max-width:900px){body.pandora-print-screen header{max-width:100%;overflow-wrap:anywhere}body.pandora-print-screen header>span,body.pandora-print-screen header>a:not(.pandora-home){min-width:0;max-width:100%;overflow-wrap:anywhere}body.pandora-print-screen .layout{display:block}body.pandora-print-screen .toolbar>button{max-width:100%;white-space:normal}body.pandora-print-screen #preview{padding:8px}body.pandora-print-screen section{padding:12px}}
}
