#orders .orders-header{position:relative;padding-right:90px;background:var(--primary);color:var(--on-primary,#fff);border-radius:14px;padding-top:16px;padding-bottom:16px;padding-left:18px;margin-bottom:16px}
#orders .orders-header h2{color:var(--on-primary,#fff);margin:0;font-size:clamp(1.15rem,4.5vw,1.6rem);overflow-wrap:anywhere;max-width:100%}
#orders .orders-avatar{position:absolute;right:18px;top:18px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:var(--accent);color:var(--on-accent,#14392c)}
#orders>.grid .card{border:1px solid #ddd}
#orders>.card{margin-bottom:16px;border:1px solid #ddd}
#orders button{min-height:42px}
#orders input{max-width:100%;box-sizing:border-box;padding:10px;border-radius:10px;border:1px solid #ddd}
#orders .entry-form{gap:12px}
#orders h1,#orders h2,#orders h3{font-size:clamp(1.1rem,4.5vw,1.5rem);max-width:100%;overflow-wrap:anywhere}
#orders :focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (max-width:480px){#orders .orders-header{padding-right:80px}#orders .orders-avatar{right:12px;top:12px;width:48px;height:48px}}
@media (prefers-reduced-motion:reduce){#orders *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

#orders .orders-header .tag{background:var(--accent);color:var(--on-accent,#14392c);white-space:normal;max-width:100%;line-height:1.4;margin-top:10px;padding-right:12px;box-sizing:border-box}
#orders details form.entry-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;margin:0}
#orders details form.entry-form input{width:100%;margin:0;box-sizing:border-box}
#orders details form.entry-form button{margin:0}
@media (max-width:720px){#orders details form.entry-form{grid-template-columns:1fr}#orders details form.entry-form button{width:100%}}

#orders > div.entry-form{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:12px}
#orders > div.entry-form input,#orders > div.entry-form select,#orders > div.entry-form textarea{width:100%;min-width:0;box-sizing:border-box}
#orders > div.entry-form > div.draftline{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr) auto;gap:8px;align-items:center}
#orders > div.entry-form > :not(div.draftline){grid-template-columns:none;justify-self:stretch}
@media (max-width:720px){#orders > div.entry-form > div.draftline{grid-template-columns:1fr}}

main.operational .banner{display:none}
#orders details summary{min-height:42px;cursor:pointer;font-weight:700}
#orders details form{margin-top:12px}