*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f4f5;color:#18181b}.op-staff{max-width:640px;margin:0 auto;padding:0 12px 32px}.op-staff-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.op-staff-header h1{font-size:1.25rem;padding:12px 0;margin:0}.op-staff-header .op-staff-actions{padding-top:0}.op-staff-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.op-staff-nav-link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.op-staff-nav-link:hover{text-decoration:underline}.op-staff-header .op-staff-notes{margin-bottom:0}.op-bereich-schalter{display:inline-flex}.op-bereich-schalter .op-bereich-teil{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #18181b;background:#fff;color:#18181b;text-decoration:none;white-space:nowrap}.op-bereich-schalter .op-bereich-teil:first-child{border-radius:6px 0 0 6px}.op-bereich-schalter .op-bereich-teil:last-child{margin-left:-1px;border-radius:0 6px 6px 0}.op-bereich-schalter .op-bereich-aktiv{background:#18181b;color:#fff;font-weight:600}.op-bereich-schalter a.op-bereich-teil:hover{background:#e4e4e7;text-decoration:underline}.op-bereich-schalter a.op-bereich-teil:focus-visible{outline-offset:-3px}.op-bereich-wahl{display:grid;gap:12px;margin-top:12px}.op-bereich-wahl-knopf{display:flex;align-items:center;justify-content:center;min-height:64px;padding:0 16px;border:2px solid #18181b;border-radius:10px;background:#fff;color:#18181b;font:inherit;font-size:1.1rem;font-weight:600;text-decoration:none;cursor:pointer}.op-bereich-wahl-knopf:hover{background:#e4e4e7}.op-staff-message{padding:24px 12px;text-align:center;color:#52525b}.op-staff-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;margin-bottom:8px}.op-staff-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.op-staff-card{background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:12px}.op-staff-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.op-staff-nr{font-weight:700}.op-staff-order-items{list-style:none;margin:8px 0;padding:0}.op-staff-order-item{color:#3f3f46;font-size:.95rem;padding:8px 0;line-height:1.5;overflow-wrap:anywhere}.op-staff-order-item+.op-staff-order-item{border-top:1px solid #e4e4e7}.op-staff-item-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.op-staff-item-heading>span{white-space:nowrap}.op-staff-item-note{white-space:pre-wrap;font-weight:600}.op-staff-item-warning{margin:6px 0 0;padding:6px 8px;background:#fffbeb;color:#78350f;border:1px solid #b45309;border-radius:6px}.op-staff-notes{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:8px;margin-bottom:8px;white-space:pre-wrap;overflow-wrap:anywhere}.op-staff-total{font-weight:700}.op-staff-status{margin-left:auto;color:#52525b}.op-staff-badge{margin-left:auto;font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:999px}.op-staff-badge-cod{background:#eff6ff;color:#1d4ed8}.op-staff-badge-paid{background:#f0fdf4;color:#15803d}.op-staff-badge-unpaid{background:#fefce8;color:#a16207}.op-staff-wait{color:#a16207;font-size:.9rem;padding-top:8px}.op-staff-delivery{margin:10px 0;padding:10px 12px;border:1px solid #cbd5e1;border-left-width:4px;border-radius:6px;background:#f8fafc;color:#334155;font-size:.9rem}.op-staff-delivery-warning{background:#fffbeb;border-color:#b45309;color:#78350f}.op-staff-delivery-success{background:#f0fdf4;border-color:#15803d;color:#166534}.op-staff-delivery p{margin:6px 0 0;line-height:1.45}.op-staff-delivery-progress{display:block;margin-top:4px}.op-staff-actions{display:flex;gap:12px;padding-top:12px}.op-staff-btn{flex:1;min-height:44px;padding:8px 12px;font-size:1rem;border-radius:8px;border:1px solid #71717a;background:transparent;color:#18181b;cursor:pointer}.op-staff-btn:hover:not(:disabled,[aria-disabled=true]),.op-staff-btn:active:not(:disabled,[aria-disabled=true]){border-color:#3f3f46;box-shadow:inset 0 0 0 1px #3f3f46}.op-staff-btn-accept{background:#15803d;border-color:#15803d;color:#fff;font-weight:700}.op-staff-btn-accept:hover:not(:disabled),.op-staff-btn-accept:active:not(:disabled){background:#166534;border-color:#166534;box-shadow:none}.op-staff-btn-reject{background:transparent;border-color:#b91c1c;color:#b91c1c;font-weight:700}.op-staff-btn-reject:hover:not(:disabled),.op-staff-btn-reject:active:not(:disabled){border-color:#991b1b;box-shadow:inset 0 0 0 1px #991b1b;color:#991b1b}.op-staff-btn:disabled,.op-staff-btn[aria-disabled=true]{opacity:.5;cursor:default}.op-staff-dialog{background:#fff;color:#18181b;border:0;border-radius:12px;padding:16px;width:calc(100% - 32px);max-width:420px}.op-staff-dialog::backdrop{background:#00000073}.op-staff-dialog h2{margin:0 0 4px;font-size:1.1rem}.op-staff-resolution-open{padding:8px 12px;margin-bottom:10px}.op-staff-resolution-dialog{border:1px solid #d4d4d8;border-radius:12px;width:min(500px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:16px}.op-staff-resolution-dialog::backdrop{background:#00000073}.op-staff-resolution-dialog h2{font-size:1.15rem;margin-top:0}.op-staff-resolution-dialog fieldset{border:1px solid #d4d4d8;border-radius:8px}.op-staff-resolution-dialog label{display:flex;gap:8px;align-items:flex-start;padding:10px 0;line-height:1.45}.op-staff-resolution-dialog input{flex-shrink:0;margin-top:5px}.op-staff-dialog-nr{font-weight:700;margin:0 0 8px}.op-staff-refund{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px}.op-staff-dialog-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:12px}:where(button,input,select,textarea,a):focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}.op-staff a,.op-settings a,.op-staff a:visited,.op-settings a:visited{color:#1d4ed8}.op-staff a:hover,.op-settings a:hover{color:#1e40af}.op-staff a:active,.op-settings a:active{color:#1e3a8a}.op-settings{max-width:640px;margin:0 auto;padding:0 12px 32px}.op-settings>a{display:inline-flex;align-items:center;min-height:44px}.op-settings h1{font-size:1.25rem;margin:0;padding:12px 0}.op-settings form{display:flex;flex-direction:column;gap:8px}.op-settings label{display:flex;flex-direction:column;gap:4px}.op-settings input:not([type=checkbox]){min-height:44px;padding:8px 12px;font-size:1rem;color:#18181b;background:transparent;border:1px solid #71717a;border-radius:8px}.op-settings form button[type=submit]{align-self:flex-start;min-height:44px;padding:8px 16px;font-size:1rem;font-weight:700;color:#fff;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:8px;cursor:pointer}.op-settings form button[type=submit]:hover:not(:disabled),.op-settings form button[type=submit]:active:not(:disabled){background:#1e40af;border-color:#1e40af}.op-settings form button[type=submit]:disabled{opacity:.5;cursor:default}.op-settings-hint{color:#52525b;font-size:.9rem;margin:0}.op-settings-ok{color:#15803d;font-weight:700}.op-settings label.op-settings-toggle{flex-direction:row;align-items:center;gap:8px;min-height:44px;cursor:pointer}.op-settings-toggle input[type=checkbox]{width:24px;height:24px;margin:0;accent-color:#1d4ed8}.op-settings-channels{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:8px}.op-settings-channels li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #d4d4d8}.op-settings-channel-name{font-weight:700;min-width:7rem}.op-settings-credentials{margin:8px 0;padding:12px;border:1px solid #71717a;border-radius:8px}.op-settings-credentials dl{margin:8px 0}.op-settings-credentials dd{margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.op-settings-credentials code{overflow-wrap:anywhere;font-size:.95rem}.op-settings-format{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:8px 0}.op-settings-format select{min-height:44px;padding:8px 12px;font-size:1rem;color:#18181b;background:transparent;border:1px solid #71717a;border-radius:8px}.op-staff input:not([type=checkbox]):not([type=radio]),.op-staff textarea{min-height:44px;padding:8px 12px;font-size:1rem;font-family:inherit;color:#18181b;background:transparent;border:1px solid #71717a;border-radius:8px}.op-staff input[type=radio],.op-staff input[type=checkbox]{width:24px;height:24px;margin:0;accent-color:#1d4ed8}.op-staff-reasons{display:flex;flex-direction:column;gap:4px;border:0;margin:0 0 8px;padding:0}.op-staff-reasons label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.op-staff-reason-text{display:flex;flex-direction:column;gap:4px}.op-driver .op-driver-signout{flex:0 0 auto}.op-driver-tracking{margin:0 0 12px;padding:8px 12px;border-radius:8px;font-weight:700}.op-driver-tracking-active{background:#f0fdf4;color:#15803d}.op-driver-tracking-off{background:#fff;color:#52525b;border:1px solid #e4e4e7}.op-driver-tracking-blocked{background:#fefce8;color:#a16207}.op-driver-tracking-hint{font-weight:400}.op-driver-section{font-size:1rem;margin:16px 0 8px}.op-driver-informativa{margin-bottom:12px}.op-driver-informativa h2{font-size:1rem;margin:0 0 8px}.op-driver-informativa-text{white-space:pre-line;margin:0 0 8px}.op-driver-address,.op-driver-phone{margin:4px 0}.op-driver-address a,.op-driver-phone a{display:inline-flex;align-items:center;min-height:44px}
