#orders-view,#complaints-view{padding-bottom:48px}.order-toolbar{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:20px;padding:20px 22px}.order-tabs{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}.order-tabs button.active{background:#7052e8;border-color:#7052e8;color:#fff}.order-search-row{display:flex;align-items:end;gap:18px;padding-top:18px}.order-search-row>input{max-width:360px}.order-date-filters{display:flex;align-items:end;gap:12px;flex:1}.order-date-filters label{display:flex;align-items:center;gap:10px}.order-date-filters input{width:180px}.order-date-filters button{margin-left:auto}.order-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:16px}.order-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #f0edf5;padding-bottom:15px}.order-card-head h2{font-size:16px;margin:0 0 6px}.order-card-head p{font-size:12px;margin:0}.order-badges{display:flex;gap:8px;flex-wrap:wrap}.order-lines{padding:12px 0}.order-lines>div{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:4px 20px;padding:9px 0;font-size:13px}.order-lines span{color:#615b6f}.order-lines small{grid-column:1/-1}.order-card-foot{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #f0edf5;padding-top:15px;font-size:12px;color:#827a8e}.order-card-foot strong{font-size:17px;color:#302a40;white-space:nowrap}.order-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:16px}.order-actions button{padding:8px 12px;font-size:12px}.complaint-content{white-space:pre-wrap;background:#faf9fc;border-radius:10px;padding:14px;color:#393445;margin:14px 0}@media(max-width:800px){.order-search-row{align-items:stretch;flex-direction:column}.order-date-filters{align-items:stretch;flex-direction:column}.order-date-filters label{justify-content:space-between}.order-date-filters input{width:65%}.order-date-filters button{margin:0}.order-card{padding:16px}.order-card-head{flex-direction:column}.order-lines>div{grid-template-columns:1fr}.order-card-foot{flex-direction:column}}