/* MOAPLAY CALLCENTER UI V1 20260908. Presentation only; no request behavior. */
html:has(body.mcc-ui){background:#f5f7fa;color-scheme:light}
body.mcc-ui{--mcc-ink:#172a42;--mcc-muted:#63738a;--mcc-line:#e0e6ee;--mcc-accent:#2764d9;background:#f5f7fa!important;color:var(--mcc-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;font-size:16px;line-height:1.5;min-width:0;margin:0}
.mcc-ui *{box-sizing:border-box}
.mcc-ui h1,.mcc-ui h2,.mcc-ui h3,.mcc-ui h4,.mcc-ui h5,.mcc-ui h6{color:var(--mcc-ink)}
.mcc-ui h2{font-size:clamp(20px,4.8vw,25px);line-height:1.35;letter-spacing:-.6px;font-weight:750;margin:4px 0 18px}
.mcc-ui .text-muted{color:var(--mcc-muted)!important}
.mcc-ui #page-topbar{position:fixed!important;top:0;background:#fff!important;box-shadow:none;border-bottom:1px solid var(--mcc-line);z-index:1035;left:0!important;right:0;margin-left:0!important}
.mcc-ui .navbar-header{max-width:100%;height:68px!important;padding:0 18px;background:#fff;gap:6px}
.mcc-ui .navbar-brand-box{display:block!important;position:static!important;width:auto!important;margin:0!important;padding:0!important;background:transparent!important}
.mcc-brand{display:flex;align-items:center;gap:8px;color:var(--mcc-ink);font-size:18px;font-weight:750;letter-spacing:-.7px;white-space:nowrap;margin:0}
.mcc-brand img{width:34px;height:40px;object-fit:contain}
.mcc-ui #page-header-user-dropdown{height:60px;padding:0 4px;color:var(--mcc-muted)!important;font-size:12px;max-width:115px}
.mcc-ui .user-name{color:var(--mcc-muted)!important;white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.mcc-ui .dropdown-menu{border:1px solid var(--mcc-line);border-radius:14px;box-shadow:0 8px 24px #1a345015}
.mcc-ui .main-content{margin-left:0!important;margin-top:0!important;min-width:0}
.mcc-ui .page-content{margin-top:0!important;padding:86px 0 calc(104px + env(safe-area-inset-bottom,0px))!important;min-width:0}
.mcc-ui .page-content>.container-fluid{max-width:1120px;padding:0 16px!important;margin:0 auto!important;font-size:16px!important}
.mcc-ui .page-content>.container-fluid>.row{--bs-gutter-x:0;margin-left:0;margin-right:0}
.mcc-ui .page-content>.container-fluid>.row>.col-xl-12{padding-left:0;padding-right:0}
.mcc-ui #bt0101.p-2,.mcc-ui #disneyCodeList.p-2,.mcc-ui .page-content>.container-fluid>.row>.col-xl-12>.p-2{padding:0!important}
.mcc-ui h2>.badge{position:static!important;display:inline-flex;vertical-align:middle;margin-left:7px!important;transform:none!important;background:#edf2fa!important;color:#526784;font-size:11px!important;padding:4px 7px}
.mcc-ui .card{border:1px solid var(--mcc-line)!important;border-radius:16px;box-shadow:none;background:#fff;margin-bottom:14px;overflow-wrap:anywhere}
.mcc-ui .card-header{background:#fff;border-bottom:1px solid #edf0f4;padding:17px 18px;color:var(--mcc-ink);font-weight:650;border-radius:16px 16px 0 0}
.mcc-ui .card-body{padding:18px;min-width:0}
.mcc-ui .card-title{font-size:16px;line-height:1.5;margin-bottom:0}
.mcc-ui .badge.bg-primary,.mcc-ui .badge.bg-info,.mcc-ui .badge.bg-success,.mcc-ui .badge.bg-secondary{font-size:10px;background:#eef2f7!important;color:#576d88;vertical-align:middle;font-weight:600}
.mcc-ui .footer{left:0!important;right:0;bottom:0;width:100%;padding:9px 0 calc(9px + env(safe-area-inset-bottom,0px))!important;background:#fff!important;border-top:1px solid var(--mcc-line);z-index:1030!important;box-shadow:none}
.mcc-ui .footer>.container-fluid{max-width:1120px;padding-left:6px;padding-right:6px}
.mcc-ui .appBottomMenu{margin-left:0;margin-right:0}
.mcc-ui .appBottomMenu a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;gap:3px;text-decoration:none}
.mcc-ui .appBottomMenu h5{font-size:20px!important;margin:0;line-height:24px;min-height:24px;color:#66788d}
.mcc-ui .appBottomMenu p{font-size:11px!important;line-height:1.2!important;font-weight:500;letter-spacing:-.4px;min-height:22px;display:flex;justify-content:center;align-items:center}
.mcc-ui .appBottomMenu .household-menu-label,.mcc-ui .appBottomMenu .disney-code-label{flex-direction:column;font-size:10px!important;line-height:11px!important}
.mcc-ui .appBottomMenu .active h5,.mcc-ui .appBottomMenu .active p{color:#cc3439!important}
.mcc-ui .appBottomMenu>div{border-color:#edf0f4!important}
.mcc-ui .modal{top:0!important;z-index:1060!important;padding:12px!important;overflow-y:auto}
.mcc-ui .modal-dialog{margin:20px auto;max-width:560px}
.mcc-ui .modal-content{border:1px solid var(--mcc-line);border-radius:18px;box-shadow:0 18px 60px #10213b22;background:#fff;color:var(--mcc-ink)}
.mcc-ui .modal-header,.mcc-ui .modal-footer{padding:16px 18px;border-color:#edf0f4}
.mcc-ui .modal-title{font-size:19px;line-height:1.4;font-weight:700}
.mcc-ui .modal-body{padding:16px;overflow-wrap:anywhere}
.mcc-ui .modal-body .card{padding:10px!important;margin:0;border:0!important}
.mcc-ui .modal-body .table{font-size:14px;line-height:1.65;color:var(--mcc-ink);table-layout:fixed}
.mcc-ui .modal-body td{overflow-wrap:anywhere;word-break:break-word;padding:7px 3px;vertical-align:top;border-bottom:1px solid #edf0f4}
.mcc-ui .modal-body td:first-child{width:80px;color:var(--mcc-muted)}
.mcc-ui .modal-footer .btn{min-height:42px;border-radius:10px;padding:9px 20px}
.mcc-ui .modal-backdrop{z-index:1050!important}
.mcc-ui .nav-pills .nav-link{color:var(--mcc-muted);border-radius:12px}
.mcc-ui .nav-pills .nav-link.active{background:#e9f0ff;color:#2457b6}
.mcc-ui .table{color:var(--mcc-ink)}
.mcc-ui [id^="chart"]{min-width:0}
.mcc-ui .mcc-support{width:100%;max-width:520px;margin:4px auto 0;background:#fff;border:1px solid var(--mcc-line);border-radius:20px;padding:23px}
.mcc-support-heading{display:flex;align-items:center;gap:16px;margin-bottom:25px}
.mcc-support-heading>img{width:70px;height:48px;object-fit:contain}
.mcc-support-heading span{color:var(--mcc-muted);font-size:12px}
.mcc-support-heading h1{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:3px 0 0;font-weight:750}
.mcc-form label{display:block;color:var(--mcc-ink);font-size:15px;font-weight:650;margin:18px 0 8px}
.mcc-form .form-control,.mcc-form .form-select{height:56px;background-color:#f9fbfe;color:var(--mcc-ink);border:1px solid #d4deea;border-radius:12px;font-size:19px;line-height:1.4;padding:12px 14px;box-shadow:none;min-width:0}
.mcc-form .form-select{padding-right:36px;font-size:17px;background-position:right 14px center}
.mcc-form .form-control:focus,.mcc-form .form-select:focus{border-color:#6293e8;box-shadow:0 0 0 3px #2764d916;background-color:#fff}
.mcc-form input::placeholder{color:#8995a5;font-size:16px}
.mcc-ui .mcc-primary{border:1px solid #2764d9;background:#2764d9;color:#fff;font-size:18px;font-weight:650;border-radius:12px;min-height:52px;padding:12px 18px;margin-top:18px}
.mcc-ui .mcc-primary:hover,.mcc-ui .mcc-primary:focus{background:#2058bf;color:#fff;border-color:#2058bf}
.mcc-form #errMsg{font-size:14px;line-height:1.6;margin:13px 0 0;color:#50647e;overflow-wrap:anywhere}
.mcc-form #errMsg:empty{display:none}
.mcc-support #aliveTime:empty{display:none}
.mcc-record{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;width:100%;padding:17px;border:1px solid var(--mcc-line);border-radius:16px;background:#fff;text-align:left;color:var(--mcc-ink);margin:0 0 10px;cursor:pointer;font:inherit}
.mcc-record:hover{border-color:#b9cce7;background:#fcfdff}
.mcc-record:focus-visible{outline:3px solid #80aaff;outline-offset:2px}
.mcc-service{display:flex;align-items:center;justify-content:center;align-self:center;height:48px;padding:0 5px;border:1px solid var(--mcc-line);border-radius:12px;font-size:11px;letter-spacing:.25px;font-weight:800;color:#58697d;background:white}
.mcc-state-success .mcc-service{background:#eaf6ed;border-color:#c9e8d2;color:#217448}
.mcc-state-warning .mcc-service{background:#fff5d7;border-color:#f0dba3;color:#856016}
.mcc-state-failure .mcc-service{background:#fff0f0;border-color:#efd0d2;color:#b84951}
.mcc-record-main{display:block;min-width:0}
.mcc-record-top{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}
.mcc-record-top strong{font-size:16px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.mcc-record-time{display:block;font-size:12px;color:var(--mcc-muted);margin-top:3px;font-variant-numeric:tabular-nums}
.mcc-record-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:5px;font-size:12px;color:var(--mcc-muted)}
.mcc-record-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:13px;line-height:1.5}
.mcc-state-success .mcc-result{color:#237a4b}
.mcc-state-warning .mcc-result{color:#876316}
.mcc-state-failure .mcc-result{color:#b64750}
.mcc-duration{white-space:nowrap;color:var(--mcc-muted);font-size:12px}
.mcc-device{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#63738a;vertical-align:middle;white-space:nowrap}
.mcc-apple{display:inline-block;width:13px;height:17px;overflow:hidden;vertical-align:middle}
.mcc-apple img{display:block;width:13px!important;height:auto!important;max-width:none;transform:translateY(-11px)}
/* Existing mail/household/Disney response HTML, keys and actions are retained. */
.mcc-ui #bt0101>.card>.p-3,.mcc-ui #disneyCodeList>.card>.p-3{padding:15px!important}
.mcc-ui #bt0101>.card>.p-3>.d-flex,.mcc-ui #disneyCodeList>.card>.p-3>.d-flex{display:grid!important;grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:5px}
.mcc-ui #bt0101 .card .avatar,.mcc-ui #disneyCodeList .card .avatar{grid-column:1;grid-row:1/3;margin:0!important;width:48px;height:48px}
.mcc-ui #bt0101 .card .overflow-hidden,.mcc-ui #disneyCodeList .card .overflow-hidden{grid-column:2;min-width:0;margin:0!important}
.mcc-ui #bt0101 .card .text-end,.mcc-ui #disneyCodeList .card .text-end{text-align:left!important;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.mcc-ui #bt0101 .card .text-truncate,.mcc-ui #disneyCodeList .card .text-truncate{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.mcc-ui #bt0101 .card h5,.mcc-ui #disneyCodeList .card h5{line-height:1.45}
.mcc-ui .household-brand-avatar,.mcc-ui .disney-code-avatar{box-shadow:none!important;border-radius:12px!important}
.mcc-ui .household-brand-avatar img{border-radius:12px!important}
.mcc-ui .disney-code-avatar.success{background:#eaf6ed!important;border-color:#c9e8d2!important}
.mcc-ui .disney-code-avatar.success img{filter:brightness(0) saturate(100%) invert(37%) sepia(23%) saturate(1262%) hue-rotate(95deg) brightness(89%) contrast(88%)}
.mcc-ui .avatar-title.bg-success{background:#eaf6ed!important;color:#237a4b}
.mcc-ui .avatar-title.bg-danger{background:#fff0f0!important;color:#b64750}
.mcc-ui .avatar-title.bg-primary,.mcc-ui .avatar-title.bg-info{background:#edf3fb!important;color:#4b6894}
.mcc-ui .avatar-title.bg-secondary{background:#f0f3f7!important;color:#63738a}
.mcc-ui[data-mcc-page="02/0200.php"] .card-body .row{gap:10px;--bs-gutter-x:0}
.mcc-ui[data-mcc-page="02/0200.php"] .card-body .col-4{position:relative;width:calc((100% - 20px)/3)}
.mcc-ui[data-mcc-page="02/0200.php"] .card-body button{height:92px;border:1px solid var(--mcc-line)!important;border-radius:13px;background:#f8fafd;color:#49617e;padding:12px 4px;font-size:13px;line-height:1.5}
.mcc-ui[data-mcc-page="02/0200.php"] .card-body button:hover{background:#edf3ff}
.mcc-ui[data-mcc-page="02/0200.php"] .card-body button:disabled{opacity:.45}
.mcc-ui[data-mcc-page="02/0200.php"] .card-body h1{font-size:21px;margin:0}
.mcc-ui[data-mcc-page="02/0200.php"] #aliveTime{font-size:16px}
.mcc-ui[data-mcc-page="02/0200.php"] .position-absolute.badge{top:0!important;right:0!important;left:auto!important;transform:translate(15%,-35%)!important;background:#e9eef7!important;color:#536b8b;font-size:10px}
.mcc-ui[data-mcc-page="02/0200.php"] .my-4{margin:18px 0!important}
body.mcc-signin{background:#fff!important}
.mcc-signin-main{max-width:480px;margin:0 auto;padding:24px 28px 28px}
.mcc-signin-brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:750;letter-spacing:-.6px}
.mcc-signin-brand img{width:34px;height:40px;object-fit:contain}
.mcc-welcome{text-align:center;margin:28px 0 22px}
.mcc-hero-logo{height:83px;width:83px;object-fit:contain;margin-bottom:10px}
.mcc-welcome h1{font-size:27px;font-weight:750;letter-spacing:-.8px;margin:0 0 7px}
.mcc-welcome p{font-size:14px;color:var(--mcc-muted);margin:0}
.mcc-partners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.mcc-partners>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#f7f9fc;border:1px solid #edf0f5;border-radius:14px;padding:14px 6px 11px}
.mcc-partners img{width:65px;height:28px;object-fit:contain}
.mcc-partners>div:last-child img{filter:brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(1500%) hue-rotate(169deg)}
.mcc-partners span{font-size:12px;color:#65758a}
.mcc-signin-foot{text-align:center;margin:28px 0 0;color:#7c899a;font-size:12px}
@media(min-width:760px){.mcc-ui .page-content>.container-fluid{padding-left:28px!important;padding-right:28px!important}.mcc-ui .navbar-header{padding:0 28px}.mcc-record{grid-template-columns:86px minmax(0,1fr);padding:18px 20px}.mcc-record-top strong{font-size:17px}.mcc-record-time{margin-top:0}.mcc-record-top .mcc-record-time{float:right}.mcc-ui[data-mcc-page="02/0200.php"] .card-body button{font-size:16px}}
@media(max-width:359px){.mcc-ui .navbar-header{padding:0 12px}.mcc-brand{font-size:16px;gap:6px}.mcc-brand img{width:29px;height:35px}.mcc-ui #page-header-user-dropdown{max-width:79px;font-size:11px}.mcc-ui .page-content>.container-fluid{padding:0 12px!important}.mcc-ui .mcc-support{padding:18px}.mcc-support-heading{gap:12px}.mcc-support-heading h1{font-size:22px}.mcc-record{grid-template-columns:65px minmax(0,1fr);gap:11px;padding:14px}.mcc-service{font-size:10px}.mcc-record-top strong{font-size:15px}.mcc-ui .card-body{padding:14px}.mcc-signin-main{padding:20px}.mcc-welcome h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.mcc-ui *{scroll-behavior:auto!important}}

/* UX1: compact full-information customer modal; existing data and actions unchanged. */
/* Muted slate background makes white records distinct without a black screen. */
html:has(body.mcc-ui:not(.mcc-signin)),body.mcc-ui:not(.mcc-signin){background:#e3e9f1!important}
.mcc-ui .card,.mcc-record,.mcc-ui .mcc-support{border-color:#ccd6e3!important}
/* Input pages: retain normal touch targets, remove excess vertical whitespace. */
.mcc-ui .navbar-header{height:56px!important}
.mcc-brand{font-size:17px}
.mcc-brand img{width:29px;height:34px}
.mcc-ui #page-header-user-dropdown{height:50px}
.mcc-ui .page-content{padding-top:70px!important;padding-bottom:80px!important}
.mcc-ui .footer{padding-top:5px!important;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))!important}
.mcc-ui .mcc-support{margin:0 auto;padding:16px 18px;border-radius:16px}
.mcc-support-heading{gap:12px;margin-bottom:12px}
.mcc-support-heading>img{width:46px;height:32px}
.mcc-support-heading span{font-size:11px}
.mcc-support-heading h1{font-size:22px;margin-top:1px}
.mcc-form label{font-size:14px;margin:12px 0 5px}
.mcc-form .form-control,.mcc-form .form-select{height:46px;padding:9px 12px;font-size:18px;border-radius:10px}
.mcc-form .form-select{font-size:16px;padding-right:34px}
.mcc-form #errMsg,.mcc-form #mcc-room-message{font-size:12px!important;line-height:1.4!important;margin-top:6px!important}
.mcc-ui .mcc-primary{font-size:17px;min-height:44px;padding:9px 14px;margin-top:10px;border-radius:10px}
/* Approximately five ordinary records per phone screen; long names remain uncut. */
.mcc-ui h2{font-size:20px;margin:0 0 11px}
.mcc-record{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:11px 12px;margin-bottom:8px;border-radius:13px}
.mcc-service{height:38px;border-radius:9px;font-size:10px;padding:0 3px}
.mcc-record-main{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:3px}
.mcc-record-top{grid-column:1/-1}
.mcc-record-top strong{font-size:15px!important;line-height:1.3}
.mcc-record-time{grid-column:1;margin:0;font-size:14px;line-height:1.35;font-weight:600;font-variant-numeric:tabular-nums}
.mcc-record-meta{grid-column:2;margin:0;font-size:12px;line-height:1.35;gap:4px;justify-content:flex-end}
.mcc-record-bottom{grid-column:1/-1;margin:0;font-size:14px;line-height:1.4}
.mcc-device{font-size:10px}
.mcc-duration{font-size:13px}
.mcc-ui #alertModal{padding:8px!important}
.mcc-ui #alertModal .modal-dialog{width:100%;max-width:560px;margin:8px auto}
.mcc-ui #alertModal .modal-content{border-radius:16px}
.mcc-ui #alertModal .modal-header{padding:12px 14px;gap:10px;align-items:flex-start}
.mcc-ui #alertModal .modal-title{font-size:18px;line-height:1.35;min-width:0;white-space:normal;overflow-wrap:anywhere}
.mcc-ui #alertModal .btn-close{flex:0 0 auto;margin:0;padding:8px}
.mcc-ui #alertModal .modal-body{padding:8px 14px;min-width:0;overflow:visible}
.mcc-ui #alertModal .modal-body>.col-xl-12{width:100%;padding:0;min-width:0}
.mcc-ui #alertModal .modal-body .card{padding:0!important;border:0!important;margin:0;border-radius:0;box-shadow:none;min-width:0}
/* Legacy detail tables contain colspan=3 separators despite two data columns.
   Grid rows avoid the phantom third column without touching the response HTML. */
.mcc-ui #alertModal .table,.mcc-ui #alertModal .table tbody{display:block;width:100%;max-width:100%;margin:0;table-layout:auto}
.mcc-ui #alertModal .table tr{display:grid;grid-template-columns:68px minmax(0,1fr);gap:0 8px;width:100%;min-width:0}
.mcc-ui #alertModal .table td{display:block;min-width:0;width:auto!important;max-width:100%;padding:6px 0;font-size:14px;line-height:1.42;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;box-shadow:none}
.mcc-ui #alertModal .table td:first-child:not([colspan]){color:#63738a;font-size:12px;font-weight:600;white-space:nowrap}
.mcc-ui #alertModal .table td[colspan]{grid-column:1/-1;border:0;padding:2px 0}
.mcc-ui #alertModal .table hr{margin:2px 0!important;opacity:.12}
.mcc-ui #alertModal .table td p{margin:0}
.mcc-ui #alertModal .table .text-truncate{white-space:normal;overflow:visible;text-overflow:clip}
.mcc-ui #alertModal .modal-footer{padding:8px 14px;gap:0}
.mcc-ui #alertModal .modal-footer .btn{min-height:38px;padding:7px 21px;margin:0;font-size:14px}
/* Match household/code records to the new login-list rhythm, not old saturated logos. */
.mcc-ui[data-mcc-page="02/0210.php"] #bt0101>.card>.p-3{padding:11px 12px!important}
.mcc-ui[data-mcc-page="02/0210.php"] #bt0101>.card>.p-3>.d-flex{grid-template-columns:56px minmax(0,1fr);column-gap:10px;row-gap:3px}
.mcc-ui[data-mcc-page="02/0210.php"] #bt0101 .card .avatar{width:56px;height:38px;align-self:center!important}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar{display:flex;align-items:center;justify-content:center;width:56px!important;height:38px!important;background:#f5f7fb;border:1px solid #e0e6ee;border-radius:9px!important;box-shadow:none!important}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="netflix_status_success.svg"]){background:#eaf6ed;border-color:#c9e8d2;color:#217448}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="netflix_status_success.svg"]) img,
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="approval_code_icon.png"]) img,
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="tving_icon.png"]) img{width:0!important;height:0!important;opacity:0}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:after{font-size:10px;font-weight:800;letter-spacing:.1px}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="netflix_status_success.svg"]):after{content:"NETFLIX"}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="approval_code_icon.png"]):after{content:"승인코드";color:#58697d}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="tving_icon.png"]):after{content:"TVING";color:#58697d}
.mcc-ui[data-mcc-page="02/0210.php"] #bt0101 .card h5.font-size-15{font-size:15px!important;font-weight:700;line-height:1.3;margin-bottom:2px!important}
.mcc-ui[data-mcc-page="02/0210.php"] #bt0101 .card .text-muted{font-size:12px}
.mcc-ui[data-mcc-page="02/0210.php"] #bt0101 .card .text-end h5{font-size:14px!important;margin-bottom:0!important}
/* Keep request times and usable approval codes legible in the denser lists. */
.mcc-ui #bt0101>.card>.p-3,.mcc-ui #disneyCodeList>.card>.p-3{padding:10px 12px!important}
.mcc-ui #bt0101 .card .overflow-hidden>p.text-muted,.mcc-ui #disneyCodeList .card .overflow-hidden>p.text-muted{font-size:14px!important;line-height:1.35;font-weight:600;font-variant-numeric:tabular-nums}
.mcc-ui #bt0101 .card .text-end>p.text-muted,.mcc-ui #disneyCodeList .card .text-end>p.text-muted{font-size:14px!important;font-weight:500}
.mcc-ui #bt0101 .card .text-end .text-danger.fw-bold,.mcc-ui #bt0101 .card .text-end h5 .text-danger,.mcc-ui #disneyCodeList .card .text-end .text-danger.fw-bold{font-size:18px!important;font-weight:750!important;letter-spacing:.6px;font-variant-numeric:tabular-nums}
.mcc-ui #disneyCodeList .card h5{font-size:15px!important;line-height:1.3;margin-bottom:2px!important}
.mcc-ui #disneyCodeList .card .text-end h5{font-size:14px!important;margin:0!important}
.mcc-ui #disneyCodeList>.card>.p-3>.d-flex{row-gap:3px}
.mcc-ui #disneyCodeList>.card{margin-bottom:8px!important;border-radius:13px}
.mcc-ui #disneyCodeList .disney-code-number{font-size:20px!important;line-height:1.2;letter-spacing:1px;font-weight:750;font-variant-numeric:tabular-nums}
.mcc-ui #disneyCodeList .disney-login-complete{font-size:14px!important;line-height:1.4}
.mcc-ui #disneyCodeList h5.d-flex{flex-wrap:wrap;gap:3px!important}
.mcc-state-success .mcc-service{background:#d3ecd9;border-color:#94c6a4;color:#195f37}
.mcc-state-warning .mcc-service{background:#ffedaa;border-color:#dfbd56;color:#71500a}
.mcc-state-failure .mcc-service{background:#f5d6d9;border-color:#d898a0;color:#a4313b}
.mcc-result{font-weight:750;color:#31445e}
.mcc-state-success .mcc-result{color:#196a3b}
.mcc-state-warning .mcc-result{color:#785305}
.mcc-state-failure .mcc-result{color:#a4313b}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="netflix_status_success.svg"]),.mcc-ui .disney-code-avatar.success{background:#d3ecd9!important;border-color:#94c6a4!important;color:#195f37}
.mcc-ui #bt0101 .card .text-end h5,.mcc-ui #disneyCodeList .card .text-end h5{font-weight:700!important;color:#31445e}
.mcc-ui #disneyCodeList .disney-login-complete{font-weight:750;color:#196a3b}
@media(max-height:700px){
 .mcc-ui .page-content{padding-top:64px!important;padding-bottom:76px!important}
 .mcc-ui .navbar-header{height:52px!important}
 .mcc-ui .mcc-support{padding:12px 15px}
 .mcc-support-heading{margin-bottom:8px}
 .mcc-form label{margin-top:9px}
 .mcc-form .form-control,.mcc-form .form-select{height:44px}
 .mcc-ui #alertModal{padding:5px!important}
 .mcc-ui #alertModal .modal-dialog{margin:3px auto}
 .mcc-ui #alertModal .modal-header{padding:9px 12px}
 .mcc-ui #alertModal .modal-title{font-size:17px}
 .mcc-ui #alertModal .modal-body{padding:5px 12px}
 .mcc-ui #alertModal .table td{padding:4px 0;font-size:13px;line-height:1.36}
 .mcc-ui #alertModal .table tr{grid-template-columns:64px minmax(0,1fr);gap:0 6px}
 .mcc-ui #alertModal .table td:first-child:not([colspan]){font-size:11px}
 .mcc-ui #alertModal .modal-footer{padding:6px 12px}
 .mcc-ui #alertModal .modal-footer .btn{min-height:34px;padding:5px 18px}
}
@media(min-height:621px) and (max-height:700px){
 .mcc-ui #alertModal .table td{font-size:14px;line-height:1.42;padding:5px 0}
 .mcc-ui #alertModal .table td:first-child:not([colspan]){font-size:12px}
 .mcc-ui #alertModal .modal-title{font-size:18px}
}
/* Compact monochrome service seals, not large word boxes. Text stays in the DOM. */
.mcc-ui{--mcc-net-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M4 2h5v23l-5 1zM15 2h5v24l-5-1z'/%3E%3Cpath d='M4 2h5l11 24-5-1z'/%3E%3C/svg%3E");--mcc-tvi-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M3 8h8l-1 11 5-11h9L14 25H6zM12 3h7l-7 13z'/%3E%3C/svg%3E");--mcc-mail-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round' d='M3 6h22v16H3zM3 7l11 8L25 7'/%3E%3C/svg%3E")}
.mcc-record{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:9px 11px;margin-bottom:6px;border-radius:12px}
.mcc-service{width:38px;height:38px;border-radius:12px;padding:0;font-size:0!important;position:relative}
.mcc-service:after{content:"";display:block;width:22px;height:25px;background:currentColor;-webkit-mask:var(--mcc-mail-mark) center/contain no-repeat;mask:var(--mcc-mail-mark) center/contain no-repeat}
.mcc-service[data-mcc-service="NET"]:after{-webkit-mask-image:var(--mcc-net-mark);mask-image:var(--mcc-net-mark)}
.mcc-service[data-mcc-service="TVI"]:after{-webkit-mask-image:var(--mcc-tvi-mark);mask-image:var(--mcc-tvi-mark)}
.mcc-ui[data-mcc-page="02/0210.php"] #bt0101>.card>.p-3>.d-flex,.mcc-ui #disneyCodeList>.card>.p-3>.d-flex{grid-template-columns:38px minmax(0,1fr);column-gap:10px}
.mcc-ui[data-mcc-page="02/0210.php"] #bt0101 .card .avatar,.mcc-ui #disneyCodeList .card .avatar{width:38px;height:38px}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar,.mcc-ui #disneyCodeList .disney-code-avatar{width:38px!important;height:38px!important;border-radius:12px!important}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:after{content:""!important;display:block;width:22px;height:25px;background:currentColor;-webkit-mask:var(--mcc-mail-mark) center/contain no-repeat;mask:var(--mcc-mail-mark) center/contain no-repeat}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="netflix_status_success.svg"]):after{-webkit-mask-image:var(--mcc-net-mark);mask-image:var(--mcc-net-mark)}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="tving_icon.png"]):after{-webkit-mask-image:var(--mcc-tvi-mark);mask-image:var(--mcc-tvi-mark)}
.mcc-ui #disneyCodeList .disney-code-avatar img{width:35px!important}
.mcc-ui #bt0101>.card>.p-3,.mcc-ui #disneyCodeList>.card>.p-3,.mcc-ui[data-mcc-page="02/0210.php"] #bt0101>.card>.p-3{padding:9px 11px!important}
.mcc-ui #bt0101>.card,.mcc-ui #disneyCodeList>.card{margin-bottom:6px!important;border-radius:12px}
/* Original vector monograms: folded-film N and connected wing-like TV.
   These are service-identifying app symbols, not claims of official brand artwork. */
.mcc-ui{--mcc-net-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5 5h5v20l-5 2zM22 5h5v22l-5-6z'/%3E%3Cpath d='M6 4h7l14 24-7-1z'/%3E%3C/svg%3E");--mcc-tvi-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M3 5h15l-2 5h-4v16l-5 2V10H3zM15 11h5l2 8 5-14h5l-9 23h-4z'/%3E%3C/svg%3E")}
.mcc-service{border-radius:50%;box-shadow:inset 0 1px 1px #ffffffb0,0 1px 2px #2035500a}
.mcc-service:before{content:"";position:absolute;inset:3px;border:1px solid currentColor;border-radius:50%;opacity:.13;pointer-events:none}
.mcc-service:after{width:26px;height:26px}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar{border-radius:50%!important;box-shadow:inset 0 1px 1px #ffffffb0!important}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:after{width:26px;height:26px}

/* UX2 — presentation only; payment and account states retain their server classes. */
html:has(body.mcc-ui:not(.mcc-signin)),body.mcc-ui:not(.mcc-signin){background:#d9e2ed!important}
.mcc-ui{--mcc-code-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round'%3E%3Cpath d='M10 5H7a2 2 0 0 0-2 2v4M22 5h3a2 2 0 0 1 2 2v4M5 21v4a2 2 0 0 0 2 2h3M27 21v4a2 2 0 0 1-2 2h-3'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='2.1'/%3E%3Ccircle cx='20' cy='12' r='2.1'/%3E%3Ccircle cx='12' cy='20' r='2.1'/%3E%3Ccircle cx='20' cy='20' r='2.1'/%3E%3C/svg%3E")}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="approval_code_icon.png"]){background:#e1e9f5!important;border-color:#bacce3!important;color:#3e5b82}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="approval_code_icon.png"]):after{color:#3e5b82;-webkit-mask-image:var(--mcc-code-mark);mask-image:var(--mcc-code-mark)}
/* The three older menu lists use their existing markup and modal click targets. */
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .card .avatar{width:38px;height:38px}
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .card .avatar-title{width:38px;height:38px;border-radius:50%!important;position:relative;border:1px solid #bacce3;box-shadow:inset 0 1px 1px #ffffffb0}
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .card .avatar-title:has(i[class*="mdi-alpha-"])>i{display:none}
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .card .avatar-title:has(i[class*="mdi-alpha-"]):after{content:"";display:block;width:26px;height:26px;background:currentColor;-webkit-mask:var(--mcc-net-mark) center/contain no-repeat;mask:var(--mcc-net-mark) center/contain no-repeat}
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .card .avatar-title:has(i[class*="mdi-alpha-t-"]):after{-webkit-mask-image:var(--mcc-tvi-mark);mask-image:var(--mcc-tvi-mark)}
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .card .avatar-title:has(i[class*="mdi-alpha-d-"]):after{-webkit-mask:none;mask:none;width:32px;height:28px;background:transparent url("assets/disney.png") center/contain no-repeat;filter:brightness(0) saturate(100%) invert(24%) sepia(18%) saturate(1548%) hue-rotate(178deg)}
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .avatar-title.bg-success{background:#d3ecd9!important;border-color:#94c6a4!important;color:#195f37!important}
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .avatar-title.bg-danger{background:#f5d6d9!important;border-color:#d898a0!important;color:#a4313b!important}
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"]) #bt0101>.card>.p-3>.d-flex{grid-template-columns:38px minmax(0,1fr);column-gap:10px;row-gap:3px}
.mcc-ui[data-mcc-page="02/0203.php"] #bt0101>.card:has(.avatar-title.bg-danger) .text-end>h5{color:#a4313b!important;font-weight:750!important}
/* Account tabs had a different container, so explicitly use the same compact grid. */
.mcc-ui[data-mcc-page="02/0204.php"] .tab-pane>.card{margin-bottom:6px!important;border-radius:12px}
.mcc-ui[data-mcc-page="02/0204.php"] .tab-pane>.card>.p-3{padding:9px 11px!important}
.mcc-ui[data-mcc-page="02/0204.php"] .tab-pane>.card>.p-3>.d-flex{display:grid!important;grid-template-columns:38px minmax(0,1fr);column-gap:10px;row-gap:3px}
.mcc-ui[data-mcc-page="02/0204.php"] .tab-pane .card .avatar{grid-column:1;grid-row:1/3;margin:0!important}
.mcc-ui[data-mcc-page="02/0204.php"] .tab-pane .card .overflow-hidden{min-width:0;grid-column:2;margin:0!important;overflow:visible!important}
.mcc-ui[data-mcc-page="02/0204.php"] .tab-pane .card .text-end{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;text-align:left!important;gap:3px 8px}
.mcc-ui[data-mcc-page="02/0204.php"] .tab-pane .card h5{font-size:15px!important;line-height:1.3;font-weight:700!important;margin-bottom:2px!important}
.mcc-ui[data-mcc-page="02/0204.php"] .tab-pane .card p{font-size:14px!important;line-height:1.35}
.mcc-ui[data-mcc-page="02/0204.php"] .tab-pane .card .text-end h5{font-size:14px!important;margin:0!important}
.mcc-ui[data-mcc-page="02/0204.php"] .tab-pane .card .text-truncate{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
/* Device directly precedes the room, never the customer name. */
.mcc-record-meta>.mcc-room{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.mcc-record-meta .mcc-device{display:inline-flex;font-size:0;gap:0}
.mcc-record-meta .mcc-apple{flex:none}
.mcc-ui #disneyCodeList h5>.mcc-device{order:1}
.mcc-ui #disneyCodeList h5>.disney-room-badge{order:2}
/* State classes are set in the existing room-validation branches only. */
.mcc-form #mcc-room-message{font-size:14px!important;font-weight:750!important;line-height:1.4!important}
.mcc-form #mcc-room-message.mcc-room-valid{color:#17643a!important}
.mcc-form #mcc-room-message.mcc-room-invalid{color:#ae2f3d!important}
/* A grounded, slightly darker pre-login surface, without changing authentication. */
html:has(body.mcc-signin){background:#d7e0ec!important}
body.mcc-signin{min-height:100%;background:radial-gradient(ellipse at 50% 0%,#e5ebf3 0%,#d7e0ec 65%,#d1dce9 100%)!important;background-attachment:fixed!important}
.mcc-signin-main{padding-top:22px}
.mcc-signin .mcc-welcome{margin:20px 0 18px}
.mcc-signin .mcc-partners{margin-bottom:17px;gap:10px}
.mcc-signin .mcc-partners>div{background:#eef2f7;border-color:#c5d1e0;padding:11px 6px 9px}
.mcc-signin #loginFORM{background:#f8fafc;border:1px solid #bdcadc;border-radius:17px;padding:7px 17px 17px;box-shadow:0 5px 16px #213d6310}
.mcc-signin .mcc-signin-foot{margin-top:18px;color:#50637c}
@media(max-height:670px){.mcc-signin-main{padding-top:16px;padding-bottom:16px}.mcc-signin .mcc-welcome{margin:13px 0}.mcc-signin .mcc-hero-logo{width:65px;height:65px;margin-bottom:5px}.mcc-signin .mcc-welcome h1{font-size:25px}.mcc-signin .mcc-partners{margin-bottom:13px}.mcc-signin .mcc-signin-foot{margin-top:13px}}
/* User-selected T silhouette, reconstructed as a crisp code-native vector.
   No red tile or white/cyan beam; record status colors remain on the outer badge. */
.mcc-ui{--mcc-tvi-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='20 40 185 150'%3E%3Cpath d='M27 49h87v87q0 8 5 0l29-87h50l-45 134H70V89H27z'/%3E%3C/svg%3E")}
.mcc-service[data-mcc-service="TVI"]:after,
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="tving_icon.png"]):after,
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .card .avatar-title:has(i[class*="mdi-alpha-t-"]):after{background-color:#111111}
.mcc-partners>div:has(>img[src$="/tving.png"]),.mcc-support-heading:has(>img[src$="/tving.png"]),.mcc-ui .appBottomMenu h5:has(>img[src$="tving_icon.png"]){position:relative}
.mcc-partners>div>img[src$="/tving.png"],.mcc-support-heading>img[src$="/tving.png"],.mcc-ui .appBottomMenu h5>img[src$="tving_icon.png"]{visibility:hidden}
.mcc-partners>div:has(>img[src$="/tving.png"]):after,.mcc-support-heading:has(>img[src$="/tving.png"]):after,.mcc-ui .appBottomMenu h5:has(>img[src$="tving_icon.png"]):after{content:"";position:absolute;pointer-events:none;background:#111111;-webkit-mask:var(--mcc-tvi-mark) center/contain no-repeat;mask:var(--mcc-tvi-mark) center/contain no-repeat}
.mcc-partners>div:has(>img[src$="/tving.png"]):after{top:11px;left:50%;transform:translateX(-50%);width:35px;height:28px}
.mcc-support-heading:has(>img[src$="/tving.png"]):after{left:0;top:50%;transform:translateY(-50%);width:46px;height:32px}
.mcc-ui .appBottomMenu h5:has(>img[src$="tving_icon.png"]):after{inset:0;-webkit-mask-size:24px 24px;mask-size:24px 24px}
/* Warm, readable yellow Apple mark, independent of each record's status. */
.mcc-ui .mcc-apple img{filter:brightness(0) saturate(100%) invert(63%) sepia(100%) saturate(1540%) hue-rotate(9deg) brightness(88%) contrast(103%)}

/* Latest user reference: only the inside serif capital N, black, no stamp border. */
.mcc-ui{--mcc-net-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 104'%3E%3Cpath d='M8 10h36l36 57V26q0-11-14-11v-5h32v5q-13 0-13 11v68H74L27 23v55q0 11 14 11v5H7v-5q13 0 13-11V25q0-10-12-10z'/%3E%3C/svg%3E")}
.mcc-service[data-mcc-service="NET"]:after,
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:has(img[src$="netflix_status_success.svg"]):after,
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .card .avatar-title:has(i[class*="mdi-alpha-n-"]):after{background-color:#111111}
.mcc-partners>div:has(>img[src$="/netflix.png"]),.mcc-support-heading:has(>img[src$="/netflix.png"]),.mcc-ui .appBottomMenu h5:has(>img[src$="netflix_icon.png"]){position:relative}
.mcc-partners>div>img[src$="/netflix.png"],.mcc-support-heading>img[src$="/netflix.png"],.mcc-ui .appBottomMenu h5>img[src$="netflix_icon.png"]{visibility:hidden}
.mcc-partners>div:has(>img[src$="/netflix.png"]):after,.mcc-support-heading:has(>img[src$="/netflix.png"]):after,.mcc-ui .appBottomMenu h5:has(>img[src$="netflix_icon.png"]):after{content:"";position:absolute;pointer-events:none;background:#111111;-webkit-mask:var(--mcc-net-mark) center/contain no-repeat;mask:var(--mcc-net-mark) center/contain no-repeat}
.mcc-partners>div:has(>img[src$="/netflix.png"]):after{top:11px;left:50%;transform:translateX(-50%);width:32px;height:28px}
.mcc-support-heading:has(>img[src$="/netflix.png"]):after{left:0;top:50%;transform:translateY(-50%);width:46px;height:32px}
.mcc-ui .appBottomMenu h5:has(>img[src$="netflix_icon.png"]):after{inset:0;-webkit-mask-size:24px 24px;mask-size:24px 24px}

/* Final: white OPEN lock on red circle, transparent outside, no surrounding box.
   Only Netflix login-code and TVING verification-code rows; never Disney. */
.mcc-ui{--mcc-code-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='red-lock' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop stop-color='%23ed5e62'/%3E%3Cstop offset='.48' stop-color='%23d61018'/%3E%3Cstop offset='1' stop-color='%238e0006'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='30.5' fill='none' stroke='%23c91720' stroke-width='1.1' stroke-dasharray='126 13 34 19' transform='rotate(-52 32 32)'/%3E%3Ccircle cx='32' cy='32' r='28.5' fill='none' stroke='%23271316' stroke-width='1.2' stroke-dasharray='92 10 58 20' transform='rotate(21 32 32)'/%3E%3Ccircle cx='32' cy='32' r='26.2' fill='%23231a1b'/%3E%3Ccircle cx='32' cy='32' r='23.8' fill='url(%23red-lock)' stroke='%23f79497' stroke-width='.7'/%3E%3Cpath d='M10 31a22 22 0 0 1 42-8c-9-4-20 6-33 10-6 2-8 1-9-2z' fill='white' opacity='.2'/%3E%3Cpath d='M24 29v-6a8 8 0 0 1 15.5-2.8' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='square'/%3E%3Crect x='21' y='28' width='22' height='21' rx='1.2' fill='white'/%3E%3Ccircle cx='32' cy='37' r='2.7' fill='%23bb0710'/%3E%3Cpath d='M30.8 38.5h2.4v6h-2.4z' fill='%23bb0710'/%3E%3C/svg%3E")}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:is(:has(img[src$="approval_code_icon.png"]),:has(img[src$="tving_icon.png"])){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar:is(:has(img[src$="approval_code_icon.png"]),:has(img[src$="tving_icon.png"])):after{width:38px;height:38px;-webkit-mask:none;mask:none;background:transparent var(--mcc-code-art) center/contain no-repeat}
/* Keep the service clear after both code types use a lock, without hiding code data. */
.mcc-ui[data-mcc-page="02/0210.php"] #bt0101>.card:has(img[src$="tving_icon.png"]) .text-end>h5:before{content:"티빙 인증코드 ";font-size:13px;color:#31445e;font-weight:650}
/* User-selected outer shape: rounded squares, same status fill and size. */
.mcc-service{border-radius:11px}
.mcc-service:before{display:none}
.mcc-ui[data-mcc-page="02/0210.php"] .household-brand-avatar,
.mcc-ui:is([data-mcc-page="02/0202.php"],[data-mcc-page="02/0203.php"],[data-mcc-page="02/0204.php"]) .card .avatar-title,
.mcc-ui .disney-code-avatar{border-radius:11px!important}

/* Only the account directory has a genuine three-column table. The two-column
   customer-detail grid must not apply here. Keep all server values unchanged. */
.mcc-ui .mcc-record-meta .mcc-origin-callcenter{color:#164a9f;font-weight:750}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table{display:table;width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;margin:0}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table thead{display:table-header-group}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table tbody{display:table-row-group;width:auto}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table tr{display:table-row;width:auto}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table th,
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table td{display:table-cell;vertical-align:top;box-sizing:border-box;max-width:none;padding:9px 6px;font-size:14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;border:1px solid #dce4ee;color:#1e293b;box-shadow:none}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table th{background:#edf2f8;color:#34455c;font-size:13px;font-weight:750;text-align:left}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table th:first-child,
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table td:first-child:not([colspan]){width:15%!important;white-space:normal;text-align:center;font-weight:750;font-size:13px;color:#25364e}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table th:nth-child(2),
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table td:nth-child(2){width:52%!important}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table th:nth-child(3),
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table td:nth-child(3){width:33%!important}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table tbody tr:nth-child(even){background:#f7f9fc}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table td .text-primary{color:#1d58b1!important;font-weight:650}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table td:first-child:empty:before{content:"—";color:#73839a}
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal .modal-body>.col-xl-12:before{content:"파란 글씨: OTT 계정 · 검정 글씨: 연동메일";display:block;padding:0 0 9px;font-size:12px;font-weight:650;line-height:1.5;color:#40536e}
/* Preserve the existing account-list scroller; fit the dialog itself on phones. */
.mcc-ui[data-mcc-page="02/0204.php"] #alertModal [data-simplebar]{max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px)}
@media(max-width:359px){
 .mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table th,
 .mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table td{padding:7px 4px;font-size:13px;line-height:1.45}
 .mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table th:first-child,
 .mcc-ui[data-mcc-page="02/0204.php"] #alertModal .table td:first-child:not([colspan]){font-size:12px}
}

/* 20260911-icons1: presentation only. Existing processing and status rules stay intact. */
.mcc-ui .mcc-state-failure .mcc-service{background:#dc3545;border-color:#b91c2b}
/* Serif D drawn in the same 104-unit grid, height and stroke vocabulary as the N. */
.mcc-ui{--mcc-dis-nav-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 104'%3E%3Cpath fill-rule='evenodd' d='M7 10h43c30 0 47 15 47 42S80 94 50 94H7v-5h7q7 0 7-9V24q0-9-7-9H7zm37 6v72h5c17 0 24-13 24-36S66 16 49 16z'/%3E%3C/svg%3E")}
.mcc-ui .appBottomMenu h5:has(>img.disney-code-menu-logo){position:relative}
.mcc-ui .appBottomMenu h5>img.disney-code-menu-logo{visibility:hidden}
.mcc-ui .appBottomMenu h5:has(>img.disney-code-menu-logo):after{content:"";position:absolute;inset:0;pointer-events:none;background:#111;-webkit-mask:var(--mcc-dis-nav-mark) center/24px 24px no-repeat;mask:var(--mcc-dis-nav-mark) center/24px 24px no-repeat}
/* Only the bottom navigation changes to D; Disney code-row artwork remains unchanged. */