#customer{box-sizing:border-box;width:min(520px,94vw);max-height:90vh;overflow:auto;padding:30px;background:rgba(255,255,255,.88);color:#1f2918;border:1px solid rgba(220,229,210,.8);border-radius:16px;box-shadow:0 24px 70px #0005;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
#customer::backdrop{background:rgba(7,12,8,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
#customer .close{top:12px;right:14px;color:#55664c}
#customer-title{margin:0 42px 18px 0;font-size:26px;color:#1f2918}
.customer-open{border:1px solid #dce5d2;border-radius:7px;background:#fff;color:#26351d;padding:10px 14px;font-weight:700;cursor:pointer}
.customer-tabs{display:flex;gap:8px;margin-bottom:18px}
.customer-tabs button{flex:1;padding:10px;border:1px solid #dce5d2;border-radius:6px;background:#f5f7f2;color:#46533f;font-weight:700;cursor:pointer}
.customer-tabs button[aria-pressed=true]{background:#dfff68;color:#243110;border-color:#bddb55}
.customer-form{display:grid;gap:12px;max-width:none;flex:none;height:auto;border:0;border-radius:0;overflow:visible;background:transparent}
.customer-form button{width:auto;display:inline-flex;place-items:initial;padding:10px 12px;border:0;border-radius:5px}
.customer-form .customer-submit{width:100%;justify-content:center}
.customer-field{display:grid;gap:6px;color:#46533f;font-size:13px;font-weight:700}
.customer-field input{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #cbd6c1;border-radius:6px;padding:9px 11px;color:#1f2918;font:inherit;font-weight:400}
.customer-field input:focus{outline:2px solid #a8ce39;outline-offset:1px}
.customer-form .customer-eye,.customer-logout,.customer-forgot{justify-self:start;border:0;background:transparent;color:#536846;text-decoration:underline;cursor:pointer}
.customer-forgot{margin-top:14px;padding:5px 0}
.customer-submit{width:100%;min-height:44px;margin-top:4px}
.customer-message{padding:11px;border-radius:6px;background:#f3f7ea;color:#425536;font-size:13px;line-height:1.5}
.customer-welcome,.customer-orders{padding:15px;margin:12px 0;border:1px solid #dce5d2;border-radius:8px;background:#fafbf8}
.customer-welcome h3,.customer-orders h3,#customer-history-panel h3{margin:0 0 7px;color:#28351f}
.customer-welcome p,.customer-orders p,#customer-history-panel p{margin:0;color:#657360;font-size:13px}
.customer-history{width:100%;margin:8px 0}
#customer-history-panel{padding:14px 2px}
.customer-logout{margin:12px 0 0}
@media(max-width:600px){.customer-open{font-size:12px;padding:8px 10px}#customer{padding:24px 18px}}