/* Payments Hub 24 Cloud v3.0.4 - finishing layer */
.cloud-login{min-height:100dvh;padding:18px;background:radial-gradient(ellipse at 70% 13%,rgba(21,70,103,.45) 0%,transparent 52%),radial-gradient(circle at 10% 90%,rgba(20,34,57,.4),transparent 50%),#070d17}
.cloud-login-card{width:min(440px,100%);border-radius:22px;padding:40px 39px 34px;background:#0e1a2a;border:1px solid #2c425a;box-shadow:0 32px 95px rgba(0,0,0,.45)}
.cloud-login-logo{text-align:center;margin-bottom:25px}
.cloud-login-logo img{width:min(257px,100%);max-height:86px;object-fit:contain;object-position:center;margin:auto}
.cloud-login-card h1{font-size:26px;line-height:1.15;text-align:center;margin:0 0 32px;color:#f7f9ff;letter-spacing:-.045em}
.cloud-login-card label{display:block;font-size:12px;color:#c1d1e4;font-weight:700;letter-spacing:.015em;margin:0 0 19px}
.cloud-login-card label>input,.cloud-login-card .cloud-password-wrap{margin-top:9px}
.cloud-login-card input{width:100%;display:block;min-height:51px;border-radius:11px;border:1px solid #30455f;background:#0a1422;color:#f7fbff;padding:13px 15px;outline:0}
.cloud-login-card input:focus{border-color:#4ac5f0;box-shadow:0 0 0 3px #3aa6d022}
.cloud-password-wrap{display:flex;align-items:center;position:relative}
.cloud-password-wrap input{padding-right:55px;margin:0}
.cloud-login-card .cloud-password-wrap button{position:absolute;right:7px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:#9bafc8;width:40px;height:40px;padding:9px;border-radius:9px;display:grid;place-items:center;box-shadow:none}
.cloud-password-wrap button:hover{background:#172b41;color:#fff}
.cloud-login-card #cloudSubmit{margin-top:10px;min-height:51px;font-size:15px;font-weight:800}
#cloudError{min-height:0;margin-top:0;font-size:12px;line-height:1.5;text-align:center}
#cloudError:not(:empty){margin-top:14px}
.operator-profile-trigger{display:flex;align-items:center;flex:1;min-width:0;gap:10px;background:transparent;border:1px solid transparent;outline:0;border-radius:12px;padding:5px 4px;color:inherit;cursor:pointer;text-align:left;min-height:58px}
.operator-profile-trigger:hover,.operator-profile-trigger:focus-visible{background:#14283a;border-color:#33546d}
.operator-profile-trigger .operator-panel-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:100%;overflow:hidden;width:48px;height:48px}
.operator-profile-trigger .operator-panel-avatar img{width:100%;height:100%;object-fit:cover;border-radius:100%}
.operator-profile-trigger .operator-panel-copy{display:flex;flex-direction:column;gap:3px;max-width:none;flex:1;min-width:0}
.operator-profile-trigger .operator-person-name{font-size:13px;font-weight:800;color:#f5faff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.operator-profile-trigger .operator-person-position,.operator-profile-trigger .operator-person-email{font-size:11px;line-height:1.25;color:#a9bbd0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.operator-profile-trigger .operator-person-email{font-size:10px;color:#78d4ea}
.operator-profile-pencil{color:#749ab7;font-size:17px;opacity:.45;line-height:1}
.operator-profile-trigger:hover .operator-profile-pencil{opacity:1}
@media(max-width:700px){.operator-profile-trigger .operator-panel-avatar{width:40px;height:40px}.operator-profile-trigger .operator-person-email{font-size:9px}.operator-profile-trigger{gap:6px;min-width:0}.operator-profile-pencil{display:none}}
.ph-profile-open{overflow:hidden}
.ph-profile-modal{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:15px}
.ph-profile-modal[hidden]{display:none!important}
.ph-profile-backdrop{position:absolute;inset:0;background:#030912cc;backdrop-filter:blur(5px)}
.ph-profile-dialog{position:relative;z-index:1;width:min(520px,100%);max-height:calc(100dvh - 30px);overflow:auto;border-radius:20px;background:#0f1c2e;color:#f2f8ff;border:1px solid #385370;box-shadow:0 30px 100px #0009;padding:26px}
.ph-profile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px}
.ph-profile-header h2{font-size:25px;letter-spacing:-.03em;margin:7px 0 0}
.ph-profile-x{font-size:26px;color:#a6bfd5;border:1px solid #324b65;background:#172a41;width:36px;height:36px;border-radius:10px;cursor:pointer;line-height:1}
.ph-profile-photo{display:flex;align-items:center;gap:20px;padding:12px 0 21px;border-bottom:1px solid #2b4158;margin-bottom:20px}
.ph-profile-photo img{width:82px;height:82px;object-fit:cover;border-radius:50%;border:2px solid #477491}
.ph-profile-photo>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.ph-profile-photo-button{cursor:pointer;padding:10px 14px;background:#173249;color:#82e1fb;border:1px solid #375d79;border-radius:10px;font-weight:750;font-size:12px}
.ph-profile-remove{font-size:11px;color:#a8bfd5;border:0;background:transparent;text-decoration:underline;cursor:pointer;padding:3px 0}
.ph-profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ph-profile-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:720;color:#c1d1e4;min-width:0}
.ph-profile-fields label:first-child,.ph-profile-fields label:nth-child(2),#operatorProfileCustomRow{grid-column:1/-1}
.ph-profile-fields input,.ph-profile-fields select{width:100%;min-height:44px;border-radius:10px;border:1px solid #34506c;background:#081626;color:#f4f9ff;padding:10px 12px;font:inherit;font-weight:450;min-width:0}
.ph-profile-fields input:focus,.ph-profile-fields select:focus{outline:2px solid #50c5ea;outline-offset:1px}
#operatorProfileFeedback{font-size:12px;margin-top:12px;line-height:1.4;color:#7cd8dc}
#operatorProfileFeedback:empty{display:none}
#operatorProfileFeedback.is-error{color:#ffaab4}
.ph-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:23px}
@media(max-width:520px){.ph-profile-dialog{padding:19px}.ph-profile-fields{grid-template-columns:1fr}.ph-profile-fields label{grid-column:1/-1}.ph-profile-header h2{font-size:22px}}
.sport-quick-panel{padding:24px}
.sport-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.sport-quick-link{display:flex;align-items:center;gap:15px;padding:20px 22px;min-height:93px;border:1px solid #304d65;background:#102033;border-radius:15px;color:#f0f7ff;text-decoration:none;min-width:0;transition:background .16s,border-color .16s,transform .16s}
.sport-quick-link:hover,.sport-quick-link:focus-visible{border-color:#52bde0;background:#163049;transform:translateY(-2px)}
.sport-quick-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;background:#123b58;border-radius:12px;color:#79dff6;font-size:22px}
.sport-quick-link strong{flex:1;font-size:14px;line-height:1.35}
.sport-quick-arrow{font-size:18px;color:#9cc6d8}
@media(max-width:720px){.sport-quick-grid{grid-template-columns:1fr}.sport-quick-panel{padding:13px}.sport-quick-link{padding:15px}}
.skin-import-feedback{font-size:12px;color:#80d9d0;line-height:1.5;margin-top:14px}
.skin-import-feedback:empty{display:none}
.skin-import-feedback.is-error{color:#ffa3b2}
#finSaveStatus:empty{display:none!important}

.operator-name-line{display:flex;align-items:center;min-width:0;gap:6px}
.operator-name-line .operator-person-name{min-width:0;flex:0 1 auto}
.operator-name-line .status-pill{flex:0 0 auto;font-size:8px;padding:3px 5px;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:750px){.operator-name-line .status-pill{display:none}}