.order-entry { display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid var(--line-brand); background:var(--accent-soft); border-radius:20px; padding:20px 24px; margin:20px 0; }
.order-entry p { margin:5px 0 0; color:var(--muted); font-size:.9rem; line-height:1.7; }
.order-entry .button { flex-shrink:0; }
.orders-filter-panel { border:1px solid var(--line); border-radius:20px; background:var(--surface); margin:22px 0; }
.orders-filter-panel>summary { cursor:pointer; color:var(--accent-deep); font-size:.9rem; font-weight:650; padding:18px 22px; }
.orders-filter-panel .orders-filters { border:0; box-shadow:none; margin:0; border-top:1px solid var(--line); border-radius:0 0 20px 20px; }
.orders-list-head,.orders-context { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:20px 0; }
.orders-list-head p,.orders-context p { margin:0; }
.orders-list-head small,.orders-context small,.orders-footnote { color:var(--muted); font-size:.85rem; line-height:1.7; }
.orders-list .pill { display:inline-block; margin:0 3px 5px 0; }
.orders-list td { vertical-align:top; }
.order-service-label + .order-service-label { margin-top:10px; }
.orders-empty { padding:30px 10px; }
.orders-empty h2 { font-size:1.3rem; }
.orders-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:24px 0; }
.orders-summary article { display:grid; gap:8px; padding:24px; }
.orders-summary article>span,.orders-summary small { color:var(--muted); font-size:.85rem; }
.orders-summary strong { font-size:clamp(1.7rem,3vw,2.3rem); line-height:1.4; color:var(--accent-deep); overflow-wrap:anywhere; }
.orders-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.orders-service-grid.is-single { grid-template-columns:minmax(0,1fr); }
.orders-service-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.orders-service-heading h2 { margin:12px 0 0; font-size:1.3rem; line-height:1.6; overflow-wrap:anywhere; }
.orders-service-heading>.pill { flex-shrink:0; }
.order-service>p { font-size:.9rem; color:var(--muted); }
.order-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); list-style:none; padding:0; margin:12px 0 20px; gap:8px; }
.order-steps li { border-top:2px solid var(--line); padding-top:12px; color:var(--muted); }
.order-steps li>span { display:inline-flex; width:26px; height:26px; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:50%; font-size:.75rem; }
.order-steps small { display:block; font-size:.68rem; line-height:1.6; margin-top:8px; }
.order-steps .is-current { border-color:var(--accent); color:var(--accent-deep); }
.order-steps .is-current>span { background:var(--accent); color:white; border-color:var(--accent); }
.order-steps .is-done { color:#32623a; border-color:#bbd8bd; }
.order-service-footer { display:flex; flex-wrap:wrap; gap:18px; align-items:center; border-top:1px solid var(--line); padding-top:20px; margin-top:auto; font-size:.85rem; }
.order-service-footer form { margin:0; }
.order-refresh { border:0; padding:0; background:none; cursor:pointer; font:inherit; }
.order-renewal { border-top:1px solid var(--line); padding-top:20px; font-size:.85rem; }
.order-renewal p { margin:8px 0; color:var(--muted); }
.orders-total-note { margin-top:22px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.orders-total-note p { font-size:.85rem; color:var(--muted); margin-bottom:0; }
@media(max-width:900px) { .orders-service-grid { grid-template-columns:minmax(0,1fr); } .orders-summary { gap:10px; } .orders-summary article { padding:18px; } }
@media(max-width:680px) { .order-entry,.orders-list-head,.orders-context,.orders-total-note { align-items:flex-start; flex-direction:column; gap:14px; } .order-entry { padding:18px; } .orders-summary { grid-template-columns:minmax(0,1fr); } .orders-summary article { grid-template-columns:1fr auto; } .orders-summary small { grid-column:1/-1; } .orders-summary strong { font-size:1.5rem; } .orders-service-heading { flex-direction:column; } .orders-service-grid .form-card { padding:22px; } .order-steps small { font-size:.62rem; } }