.master-page .pagehead{align-items:flex-start}.master-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.master-summary{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:18px}.master-summary>div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px 15px}.master-summary span{display:block;color:#7c8da3;font-size:.72rem}.master-summary strong{display:block;color:#2f527d;font-size:1.3rem;margin-top:4px}.master-directory{overflow:hidden}.master-table th:nth-child(1){width:25%}.master-table th:nth-child(2){width:20%}.master-table th:nth-child(3){width:16%}.master-table th:nth-child(4){width:14%}.master-table th:nth-child(5){width:12%}.master-table th:nth-child(6){width:13%}.master-table td>strong,.master-table td>span{display:block;color:#395673;line-height:1.55}.master-table td>small{display:block;color:#8292a7;margin-top:5px;line-height:1.5}.master-row-actions{display:flex;gap:5px;flex-wrap:wrap}.master-form{display:grid;gap:16px;min-width:min(1040px,78vw)}.master-form>section{border:1px solid #dfe7f0;border-radius:9px;padding:16px;background:#fbfcfe}.master-form h3{font-size:.95rem;color:#385879;margin:0 0 14px}.master-form h3 b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e4edf8;margin-right:7px}.master-form h4{font-size:.8rem;color:#657b94;margin:18px 0 10px}.master-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.master-check{display:flex;align-items:center;gap:8px;min-height:42px;font-size:.82rem;color:#566f8c}.master-check input{width:18px;height:18px}.master-nested{display:grid;gap:9px}.master-nested-row{border:1px solid #dce5ef;border-radius:8px;padding:12px;background:#fff;position:relative}.master-nested-row legend{font-size:.7rem;color:#8796a9;padding:0 5px}.master-nested-row>.button{margin-top:9px}.master-detail{min-width:min(720px,70vw)}.master-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:15px}.master-detail dl{display:grid;grid-template-columns:135px 1fr;border-block:1px solid #e2e9f1}.master-detail dt,.master-detail dd{padding:11px;border-bottom:1px solid #edf1f6;margin:0;font-size:.8rem;line-height:1.65}.master-detail dt{color:#75879d}.master-detail dd{color:#3d5877}.master-detail h3{font-size:.9rem;margin:20px 0 10px}.customer-master-page .master-table th:nth-child(1){width:23%}.customer-master-page .master-table th:nth-child(2){width:18%}.customer-master-page .master-table th:nth-child(3){width:19%}.customer-master-page .master-table th:nth-child(4){width:15%}.customer-master-page .master-table th:nth-child(5){width:12%}.customer-master-page .master-table th:nth-child(6){width:13%}
@media(max-width:1100px){.master-summary{grid-template-columns:repeat(3,1fr)}.master-form{min-width:min(850px,80vw)}.master-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-table{min-width:920px}}
@media(max-width:760px){.master-actions{justify-content:flex-start}.master-summary{grid-template-columns:repeat(2,1fr)}.master-form{min-width:0}.master-form-grid{grid-template-columns:1fr}.master-detail{min-width:0}.master-detail dl{grid-template-columns:1fr}.master-detail dt{padding-bottom:2px;border-bottom:0}.master-detail dd{padding-top:2px}}
/* The containing dialog must fit the master form, not clip its minimum width. */
#dialog:has(.master-form),#dialog:has(.master-detail){width:min(1140px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
#dialog .master-form,#dialog .master-detail{min-width:0;max-width:100%}
.master-audit-scroll{max-width:100%;overflow:auto}.master-audit-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:8px 0}.master-audit-table th,.master-audit-table td{padding:9px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem}.master-audit-table th:first-child{width:20%}.master-audit-table thead{background:#f2f5fa}.customer-history summary{cursor:pointer;color:#395673}