dialog.control-modal{padding:0!important;border:1px solid #e1eaff;border-radius:24px!important;width:min(94vw,540px);max-width:94vw;max-height:90dvh;overflow:auto;color:#101d5c;background:white;box-shadow:0 18px 60px #00144855}dialog.control-modal::backdrop{background:#0008;backdrop-filter:blur(2px)}.control-modal form{padding:0;margin:0}.control-modal .control-modal-heading{display:flex;align-items:center;gap:12px;margin:0;padding:20px 16px;background:white;position:sticky;top:0;z-index:2}.control-modal-heading.blue{background:linear-gradient(120deg,#0649f5,#00aff3);color:white}.control-modal-heading h2{font-size:25px!important;line-height:1.2;margin:0!important;flex:1;color:inherit!important}.control-modal-heading>svg{width:39px;height:39px;flex-shrink:0}.control-modal .control-close{padding:7px!important;min-width:40px;border:0!important;background:transparent!important;color:inherit!important;box-shadow:none}.control-close svg{width:26px;height:26px}.control-modal-body{padding:12px 20px 20px;display:grid;gap:16px}.control-modal-body>p{margin:0;font-size:14px;line-height:1.5}.control-customer{display:flex;align-items:center;gap:13px;background:#edf5ff;border-radius:17px;padding:15px}.control-avatar{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;background:#d9eaff;border-radius:50%;color:#0055ff;font-size:23px;font-weight:bold}.control-customer>div{display:grid;gap:6px;min-width:0}.control-customer b{font-size:21px;overflow-wrap:break-word}.control-customer span{font-size:14px;line-height:1.4;color:#526b99}.control-modal .control-art{display:grid;place-items:center;width:90px;height:90px;background:#e3f0ff;border-radius:50%;margin:0 auto;color:#0055ff}.control-art svg{width:56px;height:56px}.control-modal label{display:block;font-size:16px;font-weight:600;line-height:1.4;margin:0;color:#101d5c}.control-modal em{font-style:normal;color:red}.control-input{display:flex;align-items:center;border:1px solid #9cbbff;border-radius:12px;overflow:hidden;margin-top:7px;background:#fff}.control-modal .control-input input{margin:0!important;min-width:0;flex:1;width:100%;border:0!important;border-radius:0!important;padding:13px 11px;font-size:16px;background:transparent!important;box-shadow:none!important}.control-modal .control-eye{width:44px;min-width:44px;padding:9px!important;border:0!important;background:#edf5ff!important;color:#0055ff!important;align-self:stretch;border-radius:8px!important;display:grid;place-items:center;box-shadow:none!important}.control-eye svg{width:25px;height:25px}.control-modal select,.control-modal textarea{width:100%;box-sizing:border-box;border:1px solid #b7c7e9;border-radius:10px;padding:12px;font:inherit;margin-top:7px;min-height:46px;background:white;color:#101d5c}.control-modal .control-info{display:flex;gap:10px;align-items:center;background:#e5f2ff;border-radius:13px;padding:12px;font-size:13px;line-height:1.5}.control-info svg{width:26px;height:26px;flex-shrink:0;color:#0055ff}.control-modal-actions{display:flex;align-items:stretch;gap:12px;margin:0!important;padding:16px;border-top:1px solid #e4ecf8;background:white;position:sticky;bottom:0;z-index:2}.control-modal .control-modal-actions button{flex:1;min-height:48px;border-radius:12px!important;padding:11px!important;background:#0055ff!important;color:white!important;font-size:16px!important;font-weight:600;border:1px solid #0055ff!important}.control-modal .control-modal-actions button.secondary{background:white!important;color:#0055ff!important}.control-modal .control-modal-actions button:disabled{background:#e1e5ef!important;color:#7b879d!important;border-color:#e1e5ef!important}.control-modal .control-error{color:#be3449;font-size:13px}.control-pin{padding:14px;background:#edf5ff;border:1px solid #9cbfff;border-radius:15px}.control-pin input{font-size:28px!important;letter-spacing:4px;color:#101d5c;font-weight:bold}.control-sim-status{padding:15px;border-radius:13px;background:#fff2dd;color:#9a650b;font-weight:bold;font-size:17px}.control-sim-status.approved{background:#ddf9eb;color:#167849}.control-sim-panel{padding:15px;border:1px solid #b8d6ff;border-radius:14px;background:#edf5ff}.control-sim-panel>div{display:grid;gap:5px;padding:10px 0}.control-sim-panel>div+div{border-top:1px solid #d4e3fa}.control-sim-panel b{font-size:18px;overflow-wrap:anywhere}.control-sim-panel small{font-size:13px;color:#526b99}.control-modal [hidden]{display:none!important}@media(max-width:360px){.control-modal-heading h2{font-size:21px!important}.control-modal-body{padding:10px 14px 14px}.control-customer b{font-size:18px}.control-modal .control-modal-actions button{font-size:14px!important}}
