
.customer-read-card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,249,255,.94));border:1px solid rgba(33,43,104,.1);box-shadow:0 18px 55px rgba(25,34,85,.08)}
.customer-read-title,.customer-editor-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.customer-read-title h3,.customer-editor-head h3{margin:0}
.customer-manage-btn{border:1px solid rgba(35,40,102,.14);border-radius:15px;padding:11px 15px;background:linear-gradient(135deg,#fff,#f2f4ff);color:var(--navy);font:inherit;font-weight:900;cursor:pointer;box-shadow:0 10px 28px rgba(35,40,102,.1);transition:.22s ease}.customer-manage-btn:hover{transform:translateY(-2px);box-shadow:0 15px 36px rgba(35,40,102,.16)}
.customer-read-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.customer-read-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;padding:13px;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid rgba(35,40,102,.08)}.customer-read-grid span{grid-row:1/3;font-size:20px}.customer-read-grid small{color:var(--muted);font-size:11px}.customer-read-grid b{color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smart-required-card{margin:14px 0;padding:18px;border-radius:22px;border:1px solid rgba(35,40,102,.09);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,255,.95));box-shadow:0 18px 55px rgba(23,33,88,.07)}.smart-required-card.is-complete{box-shadow:0 16px 42px rgba(29,145,105,.1);border-color:rgba(29,145,105,.16)}.smart-required-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.smart-required-head div{display:grid;gap:3px}.smart-required-head span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7f87ad;font-weight:900}.smart-required-head strong{color:var(--navy);font-size:15px}.smart-required-head>b{font-size:20px;color:var(--navy)}.smart-required-track{height:7px;margin:12px 0 14px;border-radius:99px;background:#e9ecf6;overflow:hidden}.smart-required-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8188bd,#30376f);transition:width .35s ease}.is-complete .smart-required-track i{background:linear-gradient(90deg,#91d9bd,#258c67)}
.smart-required-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.smart-check{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;border:1px solid rgba(35,40,102,.08);background:#fff;border-radius:14px;padding:10px;text-align:start;cursor:pointer;color:var(--navy)}.smart-check>span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#f2f4fb}.smart-check small{font-size:10px;color:#b37b1d;font-weight:800}.smart-check.done{opacity:.76}.smart-check.done>span{background:#e7f7f0;color:#18865f}.smart-check.done small{color:#18865f}.customer-editor-panel[hidden]{display:none}.customer-editor-panel{animation:customerPanelIn .25s ease;margin:14px 0}@keyframes customerPanelIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:850px){.customer-read-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-required-list{grid-template-columns:1fr}}@media(max-width:520px){.customer-read-title{align-items:stretch;flex-direction:column}.customer-manage-btn{width:100%}.customer-read-grid{grid-template-columns:1fr}}

/* 1416.17.1 — compact Smart Required Data trigger + focused dialogs */
.smart-required-trigger{width:54px;height:54px;margin:14px 0 4px;border:0;border-radius:18px;display:grid;place-items:center;position:relative;cursor:pointer;color:#fff;box-shadow:0 12px 30px rgba(24,31,78,.14);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.smart-required-trigger:hover{transform:translateY(-2px) scale(1.03);filter:saturate(1.05);box-shadow:0 18px 38px rgba(24,31,78,.2)}
.smart-required-trigger .smart-required-mark{font-size:25px;line-height:1;font-weight:950}
.smart-required-trigger small{position:absolute;inset-inline-end:-7px;inset-block-end:-7px;min-width:30px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#fff;color:#222b65;border:1px solid rgba(35,40,102,.1);font-size:9px;font-weight:950;box-shadow:0 7px 18px rgba(30,37,82,.13)}
.smart-required-trigger.tone-green,.smart-dialog-icon.tone-green{background:linear-gradient(145deg,#43b98c,#19835f)}
.smart-required-trigger.tone-yellow,.smart-dialog-icon.tone-yellow{background:linear-gradient(145deg,#f1bd50,#d89018)}
.smart-required-trigger.tone-red,.smart-dialog-icon.tone-red{background:linear-gradient(145deg,#ee7772,#c9404b)}
.smart-floating-backdrop{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px;background:rgba(16,22,55,.28);backdrop-filter:blur(9px);opacity:0;transition:opacity .17s ease}
.smart-floating-backdrop.is-open{opacity:1}.smart-floating-backdrop.is-closing{opacity:0}
.smart-floating-dialog{width:min(540px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border-radius:26px;padding:20px;background:linear-gradient(150deg,rgba(255,255,255,.99),rgba(247,249,255,.98));border:1px solid rgba(255,255,255,.8);box-shadow:0 34px 100px rgba(15,23,68,.28);transform:translateY(12px) scale(.98);transition:transform .17s ease}
.smart-floating-backdrop.is-open .smart-floating-dialog{transform:none}
.smart-dialog-head{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin-bottom:16px}.smart-dialog-head h3{margin:2px 0 0;color:var(--navy);font-size:19px}.smart-dialog-head small{color:#858cab;font-weight:900;letter-spacing:.04em}.smart-dialog-head p{margin:4px 0 0;color:var(--muted);font-size:12px}
.smart-dialog-icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 11px 25px rgba(28,35,88,.14)}.smart-dialog-icon span{font-size:20px}.sim-details-dialog .smart-dialog-icon span{font-size:11px}
.smart-dialog-close{width:35px;height:35px;border:1px solid rgba(35,40,102,.09);border-radius:12px;background:#fff;color:#70789a;font-size:22px;cursor:pointer}
.smart-dialog-progress{height:8px;border-radius:99px;background:#e9ecf5;overflow:hidden}.smart-dialog-progress i{display:block;height:100%;border-radius:inherit;transition:width .3s ease}.smart-dialog-progress i.tone-green{background:linear-gradient(90deg,#74cfaa,#228765)}.smart-dialog-progress i.tone-yellow{background:linear-gradient(90deg,#f4d075,#d99521)}.smart-dialog-progress i.tone-red{background:linear-gradient(90deg,#f19a91,#cb4650)}
.smart-dialog-percent{display:flex;justify-content:space-between;gap:12px;margin:8px 2px 15px;color:#7c83a2;font-size:11px}.smart-dialog-percent b{color:var(--navy);font-size:13px}
.sim-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:8px 0 16px}.sim-type-choice{min-height:126px;border:1px solid rgba(35,40,102,.1);border-radius:20px;padding:16px;background:#fff;color:var(--navy);display:grid;place-items:center;gap:5px;cursor:pointer;transition:.2s ease}.sim-type-choice:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(28,35,88,.09)}.sim-type-choice.selected{border-color:rgba(48,55,111,.45);background:linear-gradient(145deg,#fff,#f0f2ff);box-shadow:0 0 0 3px rgba(48,55,111,.08),0 16px 35px rgba(28,35,88,.11)}.sim-type-choice>span{font-size:25px;font-weight:950}.sim-type-choice small{color:var(--muted);font-size:10px}.sim-serial-field{display:grid;gap:7px;font-weight:850;color:var(--navy)}.sim-serial-field[hidden]{display:none}.sim-serial-field input{width:100%;box-sizing:border-box;border:1px solid rgba(35,40,102,.13);border-radius:15px;padding:13px 14px;font:inherit;background:#fff;direction:ltr;text-align:left}.smart-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
@media(max-width:520px){.smart-required-trigger{width:50px;height:50px}.smart-floating-backdrop{padding:10px}.smart-floating-dialog{border-radius:22px;padding:16px;max-height:calc(100vh - 20px)}.sim-type-grid{grid-template-columns:1fr}.smart-dialog-actions .btn{flex:1}}

/* 1416.17.2 — compact required-data indicator beside customer name */
.customer-name-required-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.customer-name-required-row h2{margin:0}
.customer-name-required-row .smart-required-trigger{width:36px;height:36px;margin:0;border-radius:12px;flex:0 0 auto;box-shadow:0 8px 22px rgba(24,31,78,.16)}
.customer-name-required-row .smart-required-trigger .smart-required-mark{font-size:20px}
.customer-name-required-row .smart-required-trigger small{min-width:27px;height:19px;font-size:8px;inset-inline-end:-8px;inset-block-end:-6px}
@media(max-width:520px){.customer-name-required-row .smart-required-trigger{width:34px;height:34px;border-radius:11px}}
