/* VIP2IP only: local Roboto and a light Material-style surface. */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/style/fonts/vip-roboto-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(/style/fonts/vip-roboto-700.ttf) format('truetype');
}
:root {
    --billing-primary: #a61cbb;
    --billing-dark: #8e18a0;
    --billing-panel: #ffffff;
    --billing-border: #dddddd;
    --billing-text: #3c4858;
    --billing-muted: #777777;
    --billing-soft: #fafafa;
    --billing-background: #eeeeee;
}
html[data-billing-site="vip2ip"] body {
    font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #3c4858;
    background: #eeeeee;
}
html[data-billing-site="vip2ip"] table,
html[data-billing-site="vip2ip"] fieldset,
html[data-billing-site="vip2ip"] legend,
html[data-billing-site="vip2ip"] input,
html[data-billing-site="vip2ip"] textarea,
html[data-billing-site="vip2ip"] select,
html[data-billing-site="vip2ip"] button { font-family: inherit; }
html[data-billing-site="vip2ip"] fieldset { font-size: 13px; }
html[data-billing-site="vip2ip"] .topbar { color: #3c4858; background: transparent; }
html[data-billing-site="vip2ip"] .center_section { color: #3c4858; }
html[data-billing-site="vip2ip"] h1,
html[data-billing-site="vip2ip"] h2,
html[data-billing-site="vip2ip"] h3 { color: #3c4858; font-family: inherit; font-variant: normal; font-weight: 400; }
html[data-billing-site="vip2ip"] h1 { font-size: 24px; }
html[data-billing-site="vip2ip"] h2 { font-size: 20px; }
html[data-billing-site="vip2ip"] h1 font,
html[data-billing-site="vip2ip"] h2 font,
html[data-billing-site="vip2ip"] h3 font { color: inherit; }
html[data-billing-site="vip2ip"] a { text-underline-offset: 3px; }
html[data-billing-site="vip2ip"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html[data-billing-site="vip2ip"] textarea {
    color: #3c4858;
    background: #fafafa;
    border: 0;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 0;
    box-shadow: none;
}
html[data-billing-site="vip2ip"] select { color: #555; background: #f3f3f3; border: 1px solid #aaa; border-radius: 0; }
html[data-billing-site="vip2ip"] input:focus-visible,
html[data-billing-site="vip2ip"] textarea:focus-visible,
html[data-billing-site="vip2ip"] select:focus-visible,
html[data-billing-site="vip2ip"] button:focus-visible,
html[data-billing-site="vip2ip"] a:focus-visible { outline: 2px solid #a61cbb; outline-offset: 2px; }
html[data-billing-site="vip2ip"] input[type="checkbox"],
html[data-billing-site="vip2ip"] input[type="radio"] { accent-color: #a61cbb; }
html[data-billing-site="vip2ip"] .btn,
html[data-billing-site="vip2ip"] input[type="submit"],
html[data-billing-site="vip2ip"] input[type="button"] {
    color: #fff;
    background: #999;
    background-image: none;
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 0 2px 3px #00000026;
    font-weight: 400;
    text-shadow: none;
}
html[data-billing-site="vip2ip"] .btn:hover,
html[data-billing-site="vip2ip"] input[type="submit"]:hover { background: #858585; border-color: #858585; }
html[data-billing-site="vip2ip"] .side_box {
    background: #fff;
    color: #555;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 5px #00000026;
    overflow: hidden;
}
html[data-billing-site="vip2ip"] .side_box_title,
html[data-billing-site="vip2ip"] .side_box .title {
    background: #fff;
    background-image: none;
    color: #a61cbb;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    padding: 10px 12px;
}
html[data-billing-site="vip2ip"] .side_box_contents { padding: 9px; }
html[data-billing-site="vip2ip"] .side_box_contents .field { color: #777; }
html[data-billing-site="vip2ip"] .side_box_contents .value { color: #3c4858; }
html[data-billing-site="vip2ip"] .side_box_contents .value font { color: inherit; }
html[data-billing-site="vip2ip"] .side_box_contents font[color="#0000FF"] { color: #a61cbb; }
html[data-billing-site="vip2ip"] .navigation .selection_marker { display: none; }
html[data-billing-site="vip2ip"] div.navigation div a {
    display: block;
    color: #666;
    background: transparent;
    padding: 7px 10px;
    border-radius: 3px;
    text-align: left;
}
html[data-billing-site="vip2ip"] div.navigation div a:hover { color: #a61cbb; background: #f6f1f7; }
html[data-billing-site="vip2ip"] div.navigation div.active a,
html[data-billing-site="vip2ip"] div.navigation div.active a:visited,
html[data-billing-site="vip2ip"] div.navigation div.active a:hover {
    color: #fff;
    background: #a61cbb;
    border-radius: 3px;
    box-shadow: 0 2px 5px #9c27b035;
}
html[data-billing-site="vip2ip"] fieldset {
    background: #fff;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 5px #00000022;
}
html[data-billing-site="vip2ip"] fieldset legend { background: #fff; border: 0; color: #a61cbb; font-size: 15px; }
html[data-billing-site="vip2ip"] div.stripe,
html[data-billing-site="vip2ip"] div.stripemy { background: #fff; border-color: #ddd; color: #555; border-radius: 3px; }
html[data-billing-site="vip2ip"] table.list,
html[data-billing-site="vip2ip"] table.sortable { background: #fff; color: #3c4858; }
html[data-billing-site="vip2ip"] table.list th,
html[data-billing-site="vip2ip"] table.sortable th,
html[data-billing-site="vip2ip"] table.list.login-compact-list thead th {
    background: #fff;
    background-image: none;
    color: #a61cbb;
    font-weight: 700;
    border-top: 0;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
}
html[data-billing-site="vip2ip"] table.list th a,
html[data-billing-site="vip2ip"] table.list th a:visited,
html[data-billing-site="vip2ip"] table.list.login-compact-list th a,
html[data-billing-site="vip2ip"] table.sortable th a { color: #a61cbb; }
html[data-billing-site="vip2ip"] table.list td { border-bottom: 1px solid #ddd; }
html[data-billing-site="vip2ip"] tr.norm,
html[data-billing-site="vip2ip"] tr.alt { background: #fff; }
html[data-billing-site="vip2ip"] table.list tbody tr:hover { background: #fcf9fc; }
html[data-billing-site="vip2ip"] .login-list-controls,
html[data-billing-site="vip2ip"] .login-bulk-toolbar {
    background: #f3eef6;
    border: 1px solid #ded2e4;
    border-left: 1px solid #ded2e4;
    box-shadow: 0 1px 4px #0000001f;
    color: #555;
}
html[data-billing-site="vip2ip"] .login-bulk-count { background: #f5f5f5; border: 1px solid #eee; }
html[data-billing-site="vip2ip"] .login-row-action,
html[data-billing-site="vip2ip"] .login-copy-credentials,
html[data-billing-site="vip2ip"] .login-subscription-info,
html[data-billing-site="vip2ip"] .login-inline-controls button {
    color: #fff;
    background: #999;
    border-color: #999;
    border-radius: 3px;
    font-weight: 400;
    box-shadow: 0 1px 3px #00000020;
}
html[data-billing-site="vip2ip"] .login-row-action:hover,
html[data-billing-site="vip2ip"] .login-copy-credentials:hover,
html[data-billing-site="vip2ip"] .login-subscription-info:hover { background: #858585; }
html[data-billing-site="vip2ip"] .login-inline-trigger { color: #a61cbb; background: #fafafa; border-color: #ddd; border-radius: 2px; }
html[data-billing-site="vip2ip"] .login-credentials code { color: #a61cbb; }
html[data-billing-site="vip2ip"] .login-credentials [data-credential="id"] { color: #3c4858; }
html[data-billing-site="vip2ip"] .login-contact-info dt { color: #777; }
html[data-billing-site="vip2ip"] .login-auto-renew { background: #edf5ed; color: #42734b; }
html[data-billing-site="vip2ip"] .login-protocol { background: #edf5ed; color: #42734b; }
html[data-billing-site="vip2ip"] .login-protocol-http { background: #fff0ee; color: #b52c24; }
/* Existing login form, styled to match the light Material reference. */
html[data-billing-page="login"] .login_spacer { height: 45px; }
html[data-billing-page="login"] fieldset.login {
    box-sizing: border-box;
    width: min(440px, calc(100% - 24px));
    margin: 0 auto;
    padding: 24px 28px;
    border: 0;
    border-radius: 4px;
    text-align: left;
    box-shadow: 0 2px 8px #00000030;
}
html[data-billing-page="login"] fieldset.login::before {
    content: "VIP2IP";
    display: block;
    padding-bottom: 18px;
    color: #a61cbb;
    font: 700 30px Roboto, Arial, sans-serif;
    text-align: center;
}
html[data-billing-page="login"] fieldset.login legend { padding: 0 8px; color: #555; font-size: 16px; }
html[data-billing-page="login"] .login_table > tbody,
html[data-billing-page="login"] .login_table > tbody > tr,
html[data-billing-page="login"] .login_table > tbody > tr > td { display: block; width: auto; padding: 0; }
html[data-billing-page="login"] .login_table > tbody > tr > td:first-child { color: #777; padding-top: 10px; padding-bottom: 5px; }
html[data-billing-page="login"] .login_table input.input_200 { width: 100%; min-height: 38px; box-sizing: border-box; padding: 7px 10px; }
html[data-billing-page="login"] .login_table .buttons_td input[type="submit"] { width: 100%; min-height: 40px; margin-top: 16px; }
/* The corrected registration structure and readable agreement are retained. */
html[data-billing-site="vip2ip"] fieldset.regi { box-sizing: border-box; min-width: 0; width: min(780px, 100%); max-width: 100%; margin: 10px auto; padding: 20px; text-align: left; }
html[data-billing-site="vip2ip"] .registration-table { width: 100%; table-layout: fixed; }
html[data-billing-site="vip2ip"] .registration-table > tbody > tr > td { padding: 6px; overflow-wrap: anywhere; }
html[data-billing-site="vip2ip"] .registration-table > tbody > tr > td:first-child:not([colspan]) { width: 40%; }
html[data-billing-site="vip2ip"] .registration-help { padding: 8px 12px; border-left: 3px solid #a61cbb; background: #fafafa; }
html[data-billing-site="vip2ip"] .registration-help p { margin: 4px 0; text-align: left; }
html[data-billing-site="vip2ip"] .registration-required { color: #b52c24; }
html[data-billing-site="vip2ip"] .registration-agreement { margin: 12px 0; padding: 14px; border: 1px solid #ddd; border-radius: 3px; background: #fff; color: #3c4858; text-align: left; line-height: 1.65; font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 960px) {
    html[data-billing-site="vip2ip"] body.cabinet-compact { background: #eee; }
    html[data-billing-site="vip2ip"] .cabinet-compact .cabinet-mobile-header { background: #fff; color: #555; border-bottom: 1px solid #ddd; box-shadow: 0 2px 5px #00000018; }
    html[data-billing-site="vip2ip"] .cabinet-compact .cabinet-mobile-header a { color: #a61cbb; }
    html[data-billing-site="vip2ip"] .cabinet-compact #cabinet-navigation { background: #eee; }
    html[data-billing-site="vip2ip"] .cabinet-compact .navigation a { min-height: 44px; }
    html[data-billing-site="vip2ip"] .cabinet-compact fieldset { border: 0; }
    html[data-billing-site="vip2ip"] .cabinet-compact .cabinet-record-row { background: #fff; border: 0; border-radius: 3px; box-shadow: 0 1px 5px #00000026; }
    html[data-billing-site="vip2ip"] .cabinet-compact .cabinet-menu-toggle,
    html[data-billing-site="vip2ip"] .cabinet-view-toggle { color: #a61cbb; background: #fff; border-color: #ddd; }
    html[data-billing-site="vip2ip"] .cabinet-compact .login-list-controls { border-radius: 3px; }
    html[data-billing-site="vip2ip"] .cabinet-compact .registration-agreement { padding: 10px; }
    html[data-billing-site="vip2ip"] .cabinet-compact fieldset.regi { margin: 0; padding: 12px; }
    html[data-billing-page="login"] .cabinet-compact .login_spacer { height: 10px; }
    html[data-billing-page="login"] .cabinet-compact fieldset.login { width: 100%; padding: 20px; }
}
html[data-billing-site="vip2ip"] .login-bulk-toolbar .login-bulk-apply { background: #999; border-color: #999; color: #fff; }
html[data-billing-site="vip2ip"] .login-bulk-toolbar .login-bulk-apply:hover { background: #858585; border-color: #858585; }

html[data-billing-site="vip2ip"] table.list.login-compact-list thead th { background: #f3eef6; border-bottom-color: #ded2e4; }