
/* V332 — Một tài khoản Đại lý có nhiều công ty/pháp nhân */
.v332-company-section{margin-top:4px}
.v332-company-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.v332-company-section-head p{margin-top:4px;font-size:10.5px;line-height:1.45;color:var(--muted-foreground)}
.v332-company-list{display:grid;gap:10px;margin-top:10px}
.v332-company-editor{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--background)}
.v332-company-editor.default{border-color:color-mix(in srgb,var(--brand-green) 42%,var(--border));box-shadow:inset 3px 0 0 var(--brand-green)}
.v332-company-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.v332-company-editor-head>div:first-child{display:flex;align-items:center;gap:7px}
.v332-company-editor-head strong{font-size:12px}
.v332-company-editor-head span{font-size:9px;font-weight:800;color:var(--brand-green);background:color-mix(in srgb,var(--brand-green) 8%,var(--background));padding:2px 6px;border-radius:999px}
.v332-company-editor-head>div:last-child{display:flex;gap:6px}
.v332-company-editor-head button{border:0;background:transparent;font-size:10px;font-weight:700;color:var(--brand-green);padding:3px 5px}
.v332-company-editor-head button.danger{color:var(--destructive)}
.v332-company-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v332-company-fields>div{display:grid;gap:5px}.v332-company-fields .wide{grid-column:1/-1}
.v332-no-company{margin-top:10px;padding:18px;border:1px dashed var(--border);border-radius:7px;text-align:center;font-size:11px;color:var(--muted-foreground)}

.v332-agency-contact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.v332-agency-contact>div{padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--background)}
.v332-agency-contact span,.v332-profile-company dt{display:block;font-size:9px;font-weight:750;letter-spacing:.045em;text-transform:uppercase;color:var(--muted-foreground)}
.v332-agency-contact strong{display:block;margin-top:4px;font-size:12px}
.v332-profile-companies-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:9px}
.v332-profile-companies-head h3{font-size:14px;font-weight:800}.v332-profile-companies-head span{font-size:10px;color:var(--muted-foreground)}
.v332-profile-companies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v332-profile-company{border:1px solid var(--border);border-radius:8px;padding:13px;background:var(--background)}
.v332-profile-company.default{border-color:color-mix(in srgb,var(--brand-green) 42%,var(--border));box-shadow:inset 3px 0 0 var(--brand-green)}
.v332-profile-company-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--border)}
.v332-profile-company-head strong{font-size:13px}.v332-profile-company-head span{font-size:9px;font-weight:800;color:var(--brand-green)}
.v332-profile-company dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.v332-profile-company dl>div{min-width:0}.v332-profile-company dl .wide{grid-column:1/-1}.v332-profile-company dd{margin-top:3px;font-size:11px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.v332-order-company-select{display:grid;gap:5px;padding:10px;border:1px solid color-mix(in srgb,var(--brand-green) 28%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--brand-green) 4%,var(--background))}
.v332-order-company-select select{height:38px;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--background);padding:0 9px;font-size:12px;color:var(--foreground)}
.v332-order-company-select small{font-size:9.5px;line-height:1.4;color:var(--muted-foreground)}
.v332-history-company{color:var(--brand-green)!important;font-weight:650!important}
@media(max-width:800px){.v332-agency-contact{grid-template-columns:1fr 1fr}.v332-profile-companies{grid-template-columns:1fr}}
@media(max-width:640px){.v332-company-section-head{flex-direction:column}.v332-company-fields{grid-template-columns:1fr}.v332-company-fields .wide{grid-column:auto}.v332-agency-contact{grid-template-columns:1fr}.v332-profile-company dl{grid-template-columns:1fr}.v332-profile-company dl .wide{grid-column:auto}}
