*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#1a1c1f}#root{width:100%;max-width:1600px;margin:0 auto;padding:12px clamp(8px,2vw,24px)}h1{font-size:20px;margin:8px 0 16px}h2{font-size:16px;margin:16px 0 8px}.tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.tabs button{padding:8px 14px;border:1px solid #d0d4da;background:#fff;border-radius:8px;cursor:pointer;font-size:14px}.tabs button.active{background:#1a5fb4;color:#fff;border-color:#1a5fb4}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}th,td{padding:8px 10px;border-bottom:1px solid #e7e9ec;text-align:left;font-size:14px;vertical-align:top}th{background:#eef0f3;font-weight:600}tr:hover td{background:#fafbfc}button.small{padding:4px 10px;font-size:13px;border:1px solid #d0d4da;border-radius:6px;background:#fff;cursor:pointer;margin:2px}button.small:hover{background:#eef0f3}button.primary{background:#1a5fb4;color:#fff;border-color:#1a5fb4}button.danger{background:#c0392b;color:#fff;border-color:#c0392b}button.success{background:#2e7d32;color:#fff;border-color:#2e7d32}input,select,textarea{padding:7px 9px;border:1px solid #c6cbd2;border-radius:6px;font-size:14px;font-family:inherit;width:100%;min-width:0;max-width:100%}form.row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}form.row label{display:flex;flex-direction:column;font-size:12px;color:#555;gap:3px;flex:1 1 170px;min-width:0}form.row label.f-xs{flex-basis:90px}form.row label.f-sm{flex-basis:130px}form.row label.f-md{flex-basis:190px}form.row label.f-lg{flex-basis:280px}form.row label.f-xl{flex:2 1 360px}form.row>button{flex:0 0 auto}.login-box{max-width:340px;margin:80px auto;background:#fff;padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:10px}.error{color:#c0392b;font-size:13px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;background:#e7e9ec}.badge.escalated,.badge.fined,.badge.canceled{background:#fdd}.badge.deposit_paid,.badge.posted,.badge.paid{background:#dfd}.dialog-layout{display:flex;gap:12px;align-items:flex-start}.dialog-list{flex:0 1 clamp(200px,22vw,320px);min-width:0}.dialog-messages{flex:1;background:#fff;border-radius:8px;padding:12px}.msg{margin:6px 0;padding:8px 10px;border-radius:10px;max-width:85%;font-size:14px;white-space:pre-wrap}.msg.in{background:#eef0f3}.msg.out{background:#d7e6f9;margin-left:auto}.msg.draft{background:#fff3cd;border:1px dashed #d4a017;margin-left:auto}.msg .meta{font-size:11px;color:#777;margin-top:3px}.conv-item{padding:8px 10px;background:#fff;border-radius:8px;margin-bottom:6px;cursor:pointer;border:1px solid transparent}.conv-item.active{border-color:#1a5fb4}.muted{color:#888;font-size:13px}.info{color:#2e7d32;font-size:13px;margin:6px 0}.card{background:#fff;border-radius:10px;padding:14px}.card .badge a{text-decoration:none;color:#c0392b;margin-left:4px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.search-input{max-width:480px;margin-bottom:10px}.draft-card{margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.draft-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:700px){.draft-actions button{flex:1 1 45%}}td{overflow-wrap:anywhere}.kebab{position:relative;display:inline-block}.kebab summary{list-style:none;cursor:pointer;padding:2px 10px;border-radius:6px;background:#e7e9ec;font-weight:700;-webkit-user-select:none;user-select:none;display:inline-block}.kebab summary::-webkit-details-marker{display:none}.kebab[open] summary{background:#d0d4da}.kebab-menu{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #d0d4da;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:10;min-width:190px;box-shadow:0 4px 14px #00000026}.kebab-menu button{text-align:left}.edit-form{background:#fff3cd;border-radius:8px;padding:10px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#eef4fc}.order-card{margin-bottom:8px}.order-facts{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0}.order-facts dt{color:#666;font-size:13px}.order-facts dd{margin:0;font-size:14px}@media(max-width:700px){.order-facts{grid-template-columns:1fr;gap:0 0}.order-facts dt{margin-top:8px}}@media(max-width:1000px){.col-optional{display:none}}@media(max-width:700px){#root{padding:8px}.tabs button{padding:8px 10px;font-size:13px;flex:1 1 auto}form.row{gap:10px}form.row label,form.row label.f-xs,form.row label.f-sm,form.row label.f-md,form.row label.f-lg,form.row label.f-xl{flex:1 1 100%}form.row>button{flex:1 1 100%}table{font-size:13px}th,td{padding:6px}.dialog-layout{flex-direction:column}.dialog-list{flex:1 1 auto;width:100%;display:flex;gap:6px;overflow-x:auto}.conv-item{flex:0 0 auto;min-width:120px;margin-bottom:0}.msg{max-width:100%}button.small{padding:8px 12px}.kebab-menu{right:auto;left:0}h1{font-size:18px}}