/* Isolated authentication shell for the locally served merchant notebook. */
body.merchant-auth-locked .app-shell,
body.merchant-auth-locked #detail-drawer,
body.merchant-auth-locked #modal-backdrop,
body.merchant-auth-locked #drawer-backdrop{display:none!important}
.ma-gate,.ma-users-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 77% 16%,rgba(34,188,195,.24),transparent 38%),linear-gradient(135deg,#071b2c 0%,#0a3148 55%,#0c5360 100%);font-family:Inter,"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#193648}
.ma-auth-card{width:min(430px,100%);padding:32px;border:1px solid rgba(255,255,255,.6);border-radius:21px;background:#fff;box-shadow:0 32px 90px rgba(0,20,34,.25)}
.ma-brand{display:flex;align-items:center;gap:12px}.ma-brand img{display:block;width:49px;height:49px;object-fit:contain;border-radius:13px;background:#e9f7f7;padding:4px}.ma-brand strong,.ma-brand span{display:block}.ma-brand strong{color:#0c2e43;font-size:18px;letter-spacing:.035em}.ma-brand span{color:#7e99a7;font-size:11px;margin-top:3px}
.ma-auth-intro{margin:29px 0 24px}.ma-kicker{color:#0f9ba5;font-size:10px;font-weight:800;letter-spacing:.17em}.ma-auth-intro h1{margin:8px 0 7px;color:#0b2c41;font-size:27px;letter-spacing:-.04em}.ma-auth-intro p{margin:0;color:#78909e;font-size:12px;line-height:1.7}
.ma-auth-form,.ma-create-user-form{display:grid;gap:15px}.ma-auth-form label,.ma-create-user-form label{display:block}.ma-auth-form label span,.ma-create-user-form label span{display:block;margin-bottom:7px;color:#426072;font-size:12px;font-weight:750}.ma-auth-form input,.ma-create-user-form input,.ma-create-user-form select{width:100%;height:42px;border:1px solid #d8e7ed;border-radius:9px;padding:0 12px;background:#fbfdfd;color:#193648;font-size:13px}.ma-auth-form input:focus,.ma-create-user-form input:focus,.ma-create-user-form select:focus{border-color:#10aab1;box-shadow:0 0 0 3px rgba(16,170,177,.13)}.ma-auth-form input::placeholder,.ma-create-user-form input::placeholder{color:#a6b6bf}
.ma-primary{min-height:43px;border:0;border-radius:9px;background:linear-gradient(120deg,#08adb0,#0a7997);color:white;font-size:13px;font-weight:800;box-shadow:0 8px 18px rgba(7,137,152,.17)}.ma-primary:hover:not(:disabled){filter:brightness(1.05)}.ma-primary:disabled{opacity:.62;cursor:wait}.ma-error,.ma-create-feedback{margin:0;padding:10px 11px;border:1px solid #f6d8d5;border-radius:8px;background:#fff3f1;color:#b64740;font-size:12px;line-height:1.6}.ma-error[hidden],.ma-create-feedback[hidden]{display:none}.ma-create-feedback.ma-success{border-color:#cae8d8;background:#edf9f3;color:#17794c}.ma-auth-footer{margin-top:22px;padding-top:18px;border-top:1px solid #e8eff2;color:#9cafb9;font-size:10px;text-align:center;line-height:1.6}
.ma-loading{display:flex;align-items:center;gap:11px;margin-top:30px;color:#53758a;font-size:13px}.ma-spinner{width:17px;height:17px;border:2px solid #c9e7e9;border-top-color:#039ba8;border-radius:50%;animation:ma-spin .8s linear infinite}@keyframes ma-spin{to{transform:rotate(360deg)}}
.ma-account-controls{display:flex;align-items:center;gap:7px}.ma-account-badge{margin-right:4px;color:#617e90;font-size:11px;white-space:nowrap}.ma-account-controls button{height:31px;padding:0 9px;border:1px solid #d5e4eb;border-radius:7px;background:#fff;color:#2c6478;font-size:11px;font-weight:700}.ma-account-controls button:hover{border-color:#36b1ba;color:#078496}
.ma-users-overlay{z-index:1050;background:rgba(4,23,37,.58)}.ma-users-panel{width:min(670px,100%);max-height:min(760px,94vh);overflow:auto;border-radius:18px;background:white;box-shadow:0 28px 90px rgba(0,19,31,.28)}.ma-users-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 27px;border-bottom:1px solid #e4edf2}.ma-users-head h2{margin:5px 0 4px;font-size:21px;color:#113347}.ma-users-head p{margin:0;color:#87a0ac;font-size:12px}.ma-close{flex:none;width:32px;height:32px;border:1px solid #e1eaf0;border-radius:8px;background:white;color:#698391;font-size:22px;line-height:1}.ma-close:hover{background:#edf8f8;color:#07899a}.ma-users-body{padding:20px 27px 27px}.ma-users-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#2b4b60;font-size:13px}.ma-users-section-head span{font-size:11px;color:#94a9b3}.ma-users-list{max-height:222px;overflow:auto;border:1px solid #e4edf1;border-radius:10px}.ma-user-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #edf2f5}.ma-user-row:last-child{border-bottom:0}.ma-user-avatar{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:8px;background:#e4f5f6;color:#0d8d96;font-weight:850}.ma-user-identity{display:block;flex:1;min-width:0}.ma-user-identity strong,.ma-user-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ma-user-identity strong{font-size:12px;color:#244657}.ma-user-identity small{font-size:10px;color:#9baeb7;margin-top:2px}.ma-role{padding:5px 8px;border-radius:15px;font-size:10px;font-weight:750}.ma-role-admin{background:#edf4fb;color:#3673a4}.ma-role-employee{background:#eaf8f4;color:#218c6d}.ma-users-state{margin:0;padding:18px;color:#8ba2ad;font-size:12px;text-align:center}.ma-add-title{margin:23px 0 12px;padding-top:20px;border-top:1px solid #e8eff3}.ma-create-user-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ma-create-user-form .ma-create-feedback{grid-column:1/-1}.ma-create-user-form button{grid-column:2;justify-self:end;padding:0 23px}
@media(max-width:900px){.ma-account-badge{display:none}.ma-account-controls button{font-size:10px;padding:0 6px}}
@media(max-width:650px){.ma-gate,.ma-users-overlay{padding:13px}.ma-auth-card{padding:24px}.ma-auth-intro h1{font-size:24px}.ma-users-head,.ma-users-body{padding-left:17px;padding-right:17px}.ma-users-head h2{font-size:18px}.ma-create-user-form{grid-template-columns:1fr}.ma-create-user-form button{grid-column:1}.ma-account-controls{gap:3px}.ma-account-controls button{height:29px;font-size:9px;padding:0 5px}}