@font-face { font-family: 'Schibsted Grotesk'; src: url('../brand/SchibstedGrotesk-Variable.woff2') format('woff2'); font-weight: 400 900; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('../brand/IBMPlexMono-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'IBM Plex Mono'; src: url('../brand/IBMPlexMono-Medium.woff2') format('woff2'); font-weight: 500 600; font-display: swap; }
body, body :is(h1, h2, h3, h4, h5, h6, p, a, label, legend, li, td, th, dt, dd, span, div, button, input, select, textarea, small, strong, b, em, .btn, .monster-button):not([class*=icon]):not(.fa):not([class*=fa-]):not([class*=telicon]) { font-family: var(--rinzo-font); }
body :is(code, pre, kbd, samp) { font-family: var(--rinzo-mono); }
:root {
  
  --rinzo-signal: #ffb800;                 
  --rinzo-action: #17150f; --rinzo-action-hover: #2e2b22; --rinzo-action-soft: #fff3d1;
  --rinzo-link: #7a5300;                   
  --rinzo-focus-ring: #7a5300;             
  --rinzo-ink: #17150f; --rinzo-text: #2e2b22; --rinzo-muted: #5e5a50; --rinzo-subtle: #8c877a;
  --rinzo-border: #e5e0d3; --rinzo-border-strong: #cfc8b6; --rinzo-bg: #f7f5ef; --rinzo-surface: #fff;
  --rinzo-success: #1e7b4a; --rinzo-success-soft: #e8f5ee;
  --rinzo-warning: #9a4a00; --rinzo-warning-soft: #fff1e3;
  --rinzo-danger: #b42318; --rinzo-danger-soft: #fdecea;
  --rinzo-radius-sm: 6px; --rinzo-radius: 10px; --rinzo-radius-lg: 12px;
  --rinzo-shadow: 0 1px 2px rgba(23, 21, 15, .06);
  --rinzo-shadow-lg: 0 24px 64px rgba(23, 21, 15, .24);
  --rinzo-focus: 0 0 0 3px rgba(122, 83, 0, .22);
  --rinzo-page: 1200px;                    
  --rinzo-font: 'Schibsted Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --rinzo-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
}
#voip_container .right-content > *, #myaccount .myaccount-right > .myaccount-titlebar, #myaccount .myaccount-right > .myaccount-content {
  max-width: var(--rinzo-page) !important; margin-left: auto !important; margin-right: auto !important; float: none !important; box-sizing: border-box;
}
#voip_container .right-content > * { width: auto !important; }
@media (min-width: 1024px) {
  #myaccount .myaccount-container { padding-left: 224px !important; }      
  #myaccount .myaccount-menu { width: 224px !important; right: 224px !important; }
  
  #myaccount .myaccount-right > .myaccount-titlebar, #myaccount .myaccount-right > .myaccount-content {
    max-width: min(var(--rinzo-page), calc(100% - 64px)) !important; padding-left: 0 !important; padding-right: 0 !important; }
  
  #myaccount .myaccount-right > .myaccount-titlebar { padding-top: 8px !important; padding-bottom: 20px !important; }
}
.rinzo-overview, .rinzo-billing { max-width: none !important; }
html, body { background: var(--rinzo-bg); }
body { color: var(--rinzo-text); }
input[type=checkbox], input[type=radio] { accent-color: var(--rinzo-action); }
button:focus-visible, a:focus-visible, [role=button]:focus-visible, summary:focus-visible { outline: 2px solid var(--rinzo-focus-ring) !important; outline-offset: 2px; }
input:not([type=checkbox]):not([type=radio]):focus, select:focus, textarea:focus { outline: 0 !important; border-color: var(--rinzo-focus-ring) !important; box-shadow: var(--rinzo-focus) !important; }
input[type=checkbox]:focus-visible, input[type=radio]:focus-visible { outline: 2px solid var(--rinzo-focus-ring) !important; outline-offset: 2px; }
[class*=monster-button] { border-radius: var(--rinzo-radius-sm); font-weight: 600; letter-spacing: 0; color: var(--rinzo-text); background: var(--rinzo-surface); border: 1px solid var(--rinzo-border-strong); box-shadow: var(--rinzo-shadow); transition: background-color .15s, border-color .15s, color .15s; }
[class*=monster-button]:hover:not(.disabled):not([disabled]) { border-color: var(--rinzo-subtle); background: #fafafb; }
[class*=monster-button]:not(.disabled):focus { box-shadow: var(--rinzo-focus); }
.monster-button-primary, .monster-button-primary:visited, .btn-primary { color: #fff !important; background: var(--rinzo-action) !important; border-color: var(--rinzo-action) !important; }
.monster-button-primary:hover:not(.disabled):not([disabled]), .btn-primary:hover { background: var(--rinzo-action-hover) !important; border-color: var(--rinzo-action-hover) !important; }
.monster-button-secondary { color: var(--rinzo-action); border-color: var(--rinzo-border-strong); background: var(--rinzo-surface); }
.monster-button-neutral { color: var(--rinzo-text); border-color: var(--rinzo-border-strong); background: var(--rinzo-surface); }
.monster-button-success, .monster-button-success:visited { color: #fff; background: var(--rinzo-action); border-color: var(--rinzo-action); }
.monster-button-success:hover:not(.disabled):not([disabled]), .monster-button-success:focus { color: #fff; background: var(--rinzo-action-hover); border-color: var(--rinzo-action-hover); }
.monster-button-danger, .monster-button-danger:visited { color: #fff; background: var(--rinzo-danger); border-color: var(--rinzo-danger); }
.monster-button-danger:hover:not(.disabled):not([disabled]) { color: #fff; background: #921c13; border-color: #921c13; }
.monster-button-warning { color: var(--rinzo-ink); background: #f8c34a; border-color: #e0a800; }
[class*=monster-button-ghost] { box-shadow: none; border-color: transparent; background: transparent; }
.ui-dialog .create_user[data-action=add_new] { color: var(--rinzo-text) !important; background: var(--rinzo-surface) !important; border-color: var(--rinzo-border-strong) !important; }
#monster_content input:not([type=checkbox]):not([type=radio]):not([type=file]):not(.ts-scope *), #monster_content select:not(.ts-scope *), #monster_content textarea:not(.ts-scope *),
.ui-dialog input:not([type=checkbox]):not([type=radio]):not([type=file]), .ui-dialog select, .ui-dialog textarea,
#myaccount input:not([type=checkbox]):not([type=radio]):not([type=file]), #myaccount select, #myaccount textarea {
  border: 1px solid var(--rinzo-border-strong); border-radius: var(--rinzo-radius-sm); box-shadow: none; color: var(--rinzo-ink); background-color: var(--rinzo-surface);
}
#monster_content input::placeholder, .ui-dialog input::placeholder, #myaccount input::placeholder { color: var(--rinzo-subtle); }
.monster-switch > input:checked + span { background: var(--rinzo-success) !important; border-color: #155c37 !important; color: #fff; }
.monster-switch > input:checked ~ a { border-color: #155c37 !important; }
.monster-switch > span { border-radius: 999px; }
.monster-switch > a { border-radius: 50%; }
.ui-widget-overlay { background: rgba(23, 21, 15, .45) !important; opacity: 1 !important; }
.ui-dialog { border-radius: var(--rinzo-radius-lg) !important; box-shadow: var(--rinzo-shadow-lg) !important; overflow: hidden; background: var(--rinzo-surface); }
.ui-dialog .ui-dialog-titlebar { background: var(--rinzo-surface) !important; border-bottom: 1px solid var(--rinzo-border) !important; border-radius: 0 !important; padding: 14px 64px 14px 24px !important; min-height: 28px; }
.ui-dialog .ui-dialog-title { color: var(--rinzo-ink) !important; font-size: 20px !important; font-weight: 600 !important; line-height: 28px !important; letter-spacing: 0 !important; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 12px !important; top: 50% !important; width: 40px !important; height: 40px !important; margin: -20px 0 0 !important; padding: 0 !important; border-radius: 8px; color: var(--rinzo-muted) !important; display: grid; place-items: center; }
.ui-dialog .ui-dialog-titlebar-close:hover { background: var(--rinzo-bg) !important; color: var(--rinzo-ink) !important; }
.ui-dialog .ui-dialog-titlebar-close .svg-icon { color: inherit !important; }
.ui-dialog.monster-alert .ui-dialog-titlebar, .ui-dialog.monster-confirm .ui-dialog-titlebar { border-bottom: 0 !important; padding: 20px 64px 0 24px !important; }
.ui-dialog.monster-alert .ui-dialog-titlebar .ui-dialog-title, .ui-dialog.monster-confirm .ui-dialog-titlebar .ui-dialog-title { font-size: 20px !important; text-align: left !important; width: auto !important; }
.nav.nav-tabs > .active > a, .nav.nav-tabs > .active > a:hover, .nav.nav-tabs > .active > a:focus { background-color: var(--rinzo-ink); color: #fff; }
#voip_container .grid-row.title, #voip_container .grid-row.header-row { background: var(--rinzo-surface) !important; }
@media (min-width: 1024px) { #voip_container .grid-row.title .grid-cell, #voip_container .grid-row.header-row .grid-cell { color: var(--rinzo-muted) !important; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; text-shadow: none; } }
#call_logs_container .grid-row.header-row { background: var(--rinzo-surface) !important; border-bottom: 1px solid var(--rinzo-border); }
#call_logs_container .grid-row.header-row .grid-cell, #call_logs_container .grid-row.header-row .grid-cell * { color: var(--rinzo-muted) !important; }
#toast-container > .toast { background-color: var(--rinzo-ink) !important; color: #fff; border-radius: var(--rinzo-radius-sm); box-shadow: var(--rinzo-shadow-lg); opacity: 1; border-left: 4px solid var(--rinzo-subtle); }
#toast-container > .toast-success { border-left-color: #3bb273; }
#toast-container > .toast-error { border-left-color: #f0533f; }
#toast-container > .toast-warning { border-left-color: #f8c34a; }
#toast-container > .toast-info { border-left-color: var(--rinzo-signal); }
#auth_app_container { background: var(--rinzo-ink) !important; }
body:has(#auth_app_container) .core-topbar-wrapper { display: none !important; }
#auth_app_container .intro { background: var(--rinzo-ink) !important; }
#auth_app_container .intro::after, #auth_app_container .intro:after { display: none !important; }
#auth_app_container .app-content { max-width: 1160px; margin: auto; }
#auth_app_container .logo.logo-block { background-image: url('../brand/rinzo-wordmark-inverse.svg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: left center !important; width: 220px; height: 62px; }
#auth_app_container .intro .content { color: #f6f3ea; }
#auth_app_container .intro h3.welcome-message { max-width: 430px; font-size: 30px; line-height: 1.3; font-weight: 400; }
.rinzo-eyebrow { color: var(--rinzo-link); font-size: 12px; letter-spacing: .1em; font-weight: 700; }
#auth_app_container .rinzo-eyebrow { color: var(--rinzo-signal); margin-top: 26px; }
#auth_app_container .form-container { border: 0; box-shadow: none; }
#auth_app_container form { background: var(--rinzo-surface); border-top: 4px solid var(--rinzo-signal); border-radius: var(--rinzo-radius-lg); box-shadow: 0 14px 50px rgba(0, 0, 0, .2); }
#auth_app_container form a { color: var(--rinzo-link) !important; }
#auth_app_container .control-group { margin-bottom: 18px; }
#auth_app_container .control-label { color: var(--rinzo-ink); font-weight: 600; margin-bottom: 6px; }
#auth_app_container input:not([type=checkbox]) { min-height: 44px; border-radius: var(--rinzo-radius-sm); border: 1px solid var(--rinzo-border-strong); box-shadow: none; font-size: 16px; padding: 8px 12px; box-sizing: border-box; width: 100%; margin-bottom: 0 !important; }
#auth_app_container input[type=checkbox] { min-height: auto; }
#auth_app_container #rinzo-account-help, #auth_app_container #rinzo-username-help { font-size: 13px; color: var(--rinzo-muted); line-height: 1.4; margin: 6px 0 0; }
#auth_app_container .controls:has(#password) { position: relative; }
#auth_app_container #password { padding-right: 44px; width: 100% !important; }
#auth_app_container .password-icon { position: absolute !important; right: 12px; top: 50%; transform: translateY(-50%); margin: 0 !important; bottom: auto !important; color: var(--rinzo-muted); }
#auth_app_container .btn-submit { background: var(--rinzo-action) !important; color: #fff !important; border-radius: var(--rinzo-radius-sm); font-weight: 600; min-height: 46px; }
#auth_app_container .btn-submit:hover { background: var(--rinzo-action-hover) !important; }
#auth_app_container .powered-by-block, #auth_app_container .powered-by-block a, #auth_app_container .powered-by-block span { color: #c4beae !important; }
#auth_app_container a.logo.logo-block { display: block; }
#auth_app_container .rinzo-back-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 28px; font-size: 14px; color: #ada796 !important; text-decoration: none; }
#auth_app_container .rinzo-back-link svg { width: 14px; height: 14px; }
#auth_app_container .rinzo-back-link:hover, #auth_app_container .rinzo-back-link:focus-visible { color: #fff !important; }
#auth_app_container .rinzo-signup-link { margin: 20px 0 0; padding-top: 18px; border-top: 1px solid var(--rinzo-border); text-align: center; font-size: 14px; color: var(--rinzo-muted); }
#auth_app_container .rinzo-signup-link a { font-weight: 600; }
body:has(#auth_app_container) .core-footer, body:has(#auth_app_container) .core-footer a, body:has(#auth_app_container) .core-footer span { color: #c4beae !important; }
.core-topbar { background: var(--rinzo-ink) !important; }
.core-topbar a.links { color: #f6f3ea; }
#main_topbar_brand { background-image: url('../brand/rinzo-wordmark-inverse.svg') !important; background-size: auto 26px !important; background-repeat: no-repeat !important; background-position: 22px center !important; }
#main_topbar .nav > li > a { color: #f6f3ea; }
.core-topbar-wrapper .progress-indicator { background-color: var(--rinzo-signal); }
#voip_container.container-menu { max-width: none; width: 100%; }
#voip_container { display: flex; align-items: stretch; min-height: calc(100vh - 70px); background: var(--rinzo-bg); }
#voip_container .left-menu { flex: 0 0 224px; width: 224px; min-width: 0; background: var(--rinzo-surface); padding: 18px 12px; border-right: 1px solid var(--rinzo-border); box-sizing: border-box; float: none; margin: 0 !important; left: 0 !important; top: 0 !important; }
#voip_container .rinzo-nav-label { font-size: 11px; font-weight: 700; letter-spacing: .1em; color: var(--rinzo-subtle); margin: 18px 12px 6px; }
#voip_container .left-menu .category { border: 0; border-radius: 8px; width: 100%; display: block; padding: 0 !important; margin: 2px 0; background: transparent; text-align: left; color: var(--rinzo-text); cursor: pointer; box-sizing: border-box; height: auto !important; line-height: 1.4 !important; }
#voip_container .left-menu .category .title { padding: 10px 12px; min-height: 42px; box-sizing: border-box; display: flex; align-items: center; gap: 10px; font-size: 15px; line-height: 1.4 !important; }
#voip_container .left-menu .category .title i { width: 20px; flex-shrink: 0; margin: 0; color: var(--rinzo-subtle); text-align: center; }
#voip_container .left-menu .category:hover { background: var(--rinzo-bg); }
#voip_container .left-menu .category.active { background: var(--rinzo-action-soft); color: #a62700; box-shadow: none; }
#voip_container .left-menu .category.active .title, #voip_container .left-menu .category.active .title i { color: inherit; font-weight: 600; }
#voip_container .left-menu .category.active::after { display: none !important; }
#voip_container .left-menu .category.separated, #voip_container .left-menu #myOffice { margin-bottom: 2px !important; border-bottom: 0 !important; }
#voip_container .left-menu .title-text { display: inline !important; }
#voip_container .right-content { flex: 1; min-width: 0; width: auto; margin: 0; padding: 28px 32px; box-sizing: border-box; float: none; }
#voip_container [class$=-header] .count, #voip_container .header-row .count { color: var(--rinzo-ink) !important; }
.rinzo-page-title, #voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) .title, #call_logs_container .call-logs-header .title-div,
#feature_codes_container .feature-codes-header, .rinzo-overview h1, #myaccount .myaccount-module-title {
  font-size: 24px !important; font-weight: 600 !important; line-height: 40px !important; color: var(--rinzo-ink) !important;
  letter-spacing: 0 !important; text-transform: none !important; margin: 0 !important; padding: 0 !important; }
.rinzo-page-title, #feature_codes_container .feature-codes-header, #call_logs_container .call-logs-header .title-div { margin-bottom: 20px !important; }
#feature_codes_container .feature-codes-header { height: auto !important; border: 0 !important; background: none !important; }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; min-height: 40px; height: auto; margin: 0 0 20px; }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) .left { display: contents; }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) .title { display: flex; align-items: center; gap: 10px; float: none; height: auto; border: 0 !important; background: transparent !important; }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) .title [class^=count] { margin: 0 !important; padding: 2px 10px; border-radius: 999px; background: var(--rinzo-surface); border: 1px solid var(--rinzo-border); font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--rinzo-text) !important; }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) .dropdown { margin: 0; }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) a[class*=add-] { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 8px; height: 40px !important; width: auto !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: var(--rinzo-radius-sm); background: var(--rinzo-action) !important; color: #fff !important; font-size: 15px !important; font-weight: 600; line-height: 1 !important; text-decoration: none; cursor: pointer; box-shadow: none; }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) a[class*=add-]:hover { background: var(--rinzo-action-hover) !important; }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) a[class*=add-] i { display: inline-block !important; margin: 0 !important; font-size: 16px !important; color: #fff !important; }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) .search-box { float: none !important; position: relative; margin: 0 0 0 auto !important; }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) .search-box i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); margin: 0 !important; line-height: 1; color: var(--rinzo-subtle); }
#voip_container :is(.users-header, .devices-header, .groups-header, .vmboxes-header) .search-query { height: 40px; width: 260px; margin: 0 !important; padding: 0 12px 0 34px; box-sizing: border-box; }
#myoffice_container .dashboard-header { background: var(--rinzo-surface) !important; border: 1px solid var(--rinzo-border); border-radius: var(--rinzo-radius); overflow: hidden; color: var(--rinzo-ink) !important; box-shadow: var(--rinzo-shadow); }
#myoffice_container .dashboard-header * { color: var(--rinzo-ink) !important; }
#myoffice_container .dashboard-header .header-title { font-size: 20px; font-weight: 600; }
#myoffice_container .dashboard-header .header-link { background: transparent !important; border-left: 1px solid var(--rinzo-border) !important; }
#myoffice_container .dashboard-header .header-link:hover { background: var(--rinzo-bg) !important; }
#myoffice_container .dashboard-header .header-link.disabled { opacity: .45; background: transparent !important; }
#myoffice_container :is(.dashboard-left-section, .dashboard-box, .dashboard-box-div) { background: var(--rinzo-surface) !important; border: 1px solid var(--rinzo-border) !important; border-radius: var(--rinzo-radius); box-shadow: var(--rinzo-shadow); margin-bottom: 16px; overflow: hidden; }
#myoffice_container :is(.left-section-header, .div-title) { background: var(--rinzo-surface) !important; border: 0 !important; border-bottom: 1px solid var(--rinzo-border) !important; font-size: 17px !important; font-weight: 600 !important; color: var(--rinzo-ink) !important; }
#myoffice_container :is(.left-section-header, .div-title) .number { color: var(--rinzo-ink) !important; font-size: 20px !important; }
#myoffice_container .dashboard-box-row { background: var(--rinzo-surface) !important; border-color: var(--rinzo-border) !important; }
#myoffice_container .dashboard-warning-row { background: var(--rinzo-warning-soft) !important; color: var(--rinzo-warning) !important; border: 0 !important; font-weight: 600; }
#myoffice_container .dashboard-warning-row * { color: var(--rinzo-warning) !important; }
#myoffice_container :is(.conf-section, .conf-number-row, .faxing-number-row, .fax-number-row) { display: none !important; }
#myoffice_container .legend-number { color: var(--rinzo-ink) !important; }
#myaccount .myaccount-menu { background: var(--rinzo-surface) !important; border-right: 1px solid var(--rinzo-border) !important; padding-top: 8px; }
#myaccount .myaccount-menu .nav-list { padding: 0 12px; margin: 0; }
#myaccount .myaccount-menu .nav-header { color: var(--rinzo-subtle) !important; font-size: 11px; font-weight: 700; letter-spacing: .1em; border: 0 !important; padding: 18px 12px 6px !important; margin: 0 !important; text-shadow: none; }
#myaccount .myaccount-menu li.myaccount-element { padding: 0 !important; margin: 2px 0; border: 0 !important; background: transparent !important; }
#myaccount .myaccount-menu li.myaccount-element > a { display: block; padding: 10px 12px !important; border-radius: 8px; color: var(--rinzo-text) !important; background: transparent; }
#myaccount .myaccount-menu li.myaccount-element > a:hover { background: var(--rinzo-bg) !important; }
#myaccount .myaccount-menu li.myaccount-element .active-highlight { display: flex; align-items: center; gap: 10px; border: 0 !important; background: transparent !important; padding: 0 !important; }
#myaccount .myaccount-menu li.myaccount-element i { width: 20px; text-align: center; color: var(--rinzo-subtle); margin: 0 !important; }
#myaccount .myaccount-menu li.myaccount-element .element-name { flex: 1; font-size: 15px; }
#myaccount .myaccount-menu li.myaccount-element .badge { order: 3; }
#myaccount .myaccount-menu li.myaccount-element.active > a { background: var(--rinzo-action-soft) !important; color: #a62700 !important; }
#myaccount .myaccount-menu li.myaccount-element.active i, #myaccount .myaccount-menu li.myaccount-element.active .element-name { color: inherit !important; font-weight: 600; }
#myaccount .myaccount-right, #myaccount .myaccount-right > .myaccount-content { background: var(--rinzo-bg) !important; }
#myaccount .myaccount-right > .myaccount-titlebar { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--rinzo-bg) !important; }
#myaccount .myaccount-right > .myaccount-titlebar .myaccount-close { position: static !important; margin: 0; }
#myaccount .list-settings { background: var(--rinzo-surface) !important; border: 1px solid var(--rinzo-border) !important; border-radius: var(--rinzo-radius); overflow: hidden; box-shadow: var(--rinzo-shadow); margin: 0; }
#myaccount .list-settings .settings-item { border-top: 1px solid var(--rinzo-border) !important; background: transparent !important; }
#myaccount .list-settings .settings-item:first-child { border-top: 0 !important; }
#myaccount .list-settings .settings-link:hover { background: #fafafb !important; }
#myaccount .list-settings .settings-link .title { color: var(--rinzo-muted) !important; font-weight: 600; }
#myaccount .list-settings .settings-link .description { color: var(--rinzo-ink) !important; }
#myaccount .list-settings .settings-link .update { color: var(--rinzo-link) !important; }
#myaccount .list-settings .settings-item.open { background: #fafafb !important; }
#myaccount .myaccount-module-title { font-size: 24px !important; font-weight: 600 !important; color: var(--rinzo-ink) !important; }
#myaccount .badge { background: var(--rinzo-bg) !important; color: var(--rinzo-text) !important; border: 1px solid var(--rinzo-border) !important; border-radius: 999px !important; font-weight: 600; text-shadow: none; padding: 2px 8px; }
#myaccount .myaccount-close { box-shadow: none; }
#myaccount :is(.balance-content-wrapper, .transactions-content-wrapper) .title-bar { background: transparent !important; border: 0 !important; padding: 0 !important; margin-bottom: 16px; }
#myaccount :is(.balance-content-wrapper, .transactions-content-wrapper) .title-box { background: var(--rinzo-surface) !important; border: 1px solid var(--rinzo-border) !important; border-radius: var(--rinzo-radius) !important; box-shadow: var(--rinzo-shadow); }
#myaccount :is(.balance-content-wrapper, .transactions-content-wrapper) .title-box .value { color: var(--rinzo-ink) !important; font-weight: 600; font-variant-numeric: tabular-nums; }
#myaccount :is(.balance-content-wrapper, .transactions-content-wrapper) .title-box .title { color: var(--rinzo-muted) !important; font-weight: 600; }
#myaccount .balance-content-wrapper .title-box.primary-box { background: var(--rinzo-action) !important; border-color: var(--rinzo-action) !important; cursor: pointer; }
#myaccount .balance-content-wrapper .title-box.primary-box:hover { background: var(--rinzo-action-hover) !important; }
#myaccount .balance-content-wrapper .title-box.primary-box .title, #myaccount .balance-content-wrapper .title-box.primary-box i { color: #fff !important; }
#myaccount .balance-content-wrapper .title-bar > .title-box.pull-right ~ .title-box.pull-right ~ .title-box.pull-right { display: none; }
#myaccount .monster-green { color: var(--rinzo-muted) !important; }
#myaccount .myaccount-content :is(.table-container, .table-wrapper) { overflow-x: auto; max-width: 100%; }
#myaccount .footable-empty td { font-size: 15px !important; color: var(--rinzo-muted) !important; padding: 24px !important; }
#myaccount .monster-table thead th { color: var(--rinzo-muted) !important; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
#numbers_container #buy_numbers.buy-dropdown { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: var(--rinzo-radius-sm); background: var(--rinzo-action) !important; color: #fff !important; text-decoration: none !important; font-weight: 600; }
#numbers_container #buy_numbers.buy-dropdown:hover { background: var(--rinzo-action-hover) !important; }
#numbers_container #buy_numbers.buy-dropdown i, #numbers_container #buy_numbers.buy-dropdown .action-text { color: #fff !important; text-decoration: none !important; }
.buy-numbers-dropdown .dropdown-menu { border-radius: 8px; border-color: var(--rinzo-border); box-shadow: var(--rinzo-shadow-lg); padding: 6px 0; }
.buy-numbers-dropdown .dropdown-menu a { padding: 8px 18px; }
#strategy_container .element-header-outer { background: var(--rinzo-surface) !important; border: 1px solid var(--rinzo-border) !important; border-radius: var(--rinzo-radius); padding: 0 !important; box-shadow: var(--rinzo-shadow); }
#strategy_container .element-header-inner { background: transparent !important; border: 0 !important; }
#strategy_container .element-container { margin-bottom: 12px; clear: both; }
#strategy_container .element-content::after { content: ''; display: table; clear: both; }
#strategy_container .element-container.helper { background: var(--rinzo-surface); border: 1px solid var(--rinzo-border); border-radius: var(--rinzo-radius-sm); padding: 12px 16px; color: var(--rinzo-text); }
#feature_codes_container .feature-codes-content { background: var(--rinzo-surface) !important; border: 1px solid var(--rinzo-border) !important; border-radius: var(--rinzo-radius); box-shadow: var(--rinzo-shadow); }
#feature_codes_container .category-header { color: var(--rinzo-ink) !important; font-weight: 600; }
#myaccount .transaction-box { background: var(--rinzo-surface) !important; border: 1px solid var(--rinzo-border) !important; border-radius: var(--rinzo-radius-sm); box-shadow: none !important; }
.ui-dialog .items-selector .box-content { background: var(--rinzo-bg) !important; border: 1px solid var(--rinzo-border) !important; border-radius: 8px; }
.ui-dialog .items-selector .item-selector { background: var(--rinzo-surface) !important; border-color: var(--rinzo-border) !important; }
.ui-dialog .items-selector .box-title { color: var(--rinzo-ink); font-weight: 600; }
#call_logs_container .fixed-ranges .btn-group { display: inline-flex; border: 1px solid var(--rinzo-border-strong); border-radius: 8px; overflow: hidden; background: var(--rinzo-surface); box-shadow: var(--rinzo-shadow); }
#call_logs_container .fixed-ranges .btn { background: var(--rinzo-surface) !important; background-image: none !important; border: 0 !important; border-left: 1px solid var(--rinzo-border) !important; border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; font-weight: 600; color: var(--rinzo-text) !important; letter-spacing: 0 !important; padding: 8px 16px; margin: 0 !important; }
#call_logs_container .fixed-ranges .btn:first-child { border-left: 0 !important; }
#call_logs_container .fixed-ranges .btn.active { background: var(--rinzo-ink) !important; color: #fff !important; }
#call_logs_container .call-logs-header .title-div { color: var(--rinzo-ink); font-weight: 600; }
body:has(.ui-widget-overlay) .core-topbar-wrapper { filter: brightness(.55); }
.rinzo-overview { max-width: 1100px; margin: 0 auto; color: var(--rinzo-ink); }
.rinzo-overview h1 { font-size: 28px; line-height: 1.2; font-weight: 600; margin: 4px 0; color: var(--rinzo-ink) !important; }
.rinzo-overview h2 { font-size: 17px; font-weight: 600; line-height: 1.4; margin: 0 0 12px; }
.rinzo-overview p { line-height: 1.5; color: var(--rinzo-muted); }
.rinzo-overview .rinzo-eyebrow { color: var(--rinzo-link); }
.rinzo-overview-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 24px; }
.rinzo-overview .rinzo-account-name { font-size: 15px; margin: 2px 0 0; overflow-wrap: anywhere; }
.rinzo-header-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.rinzo-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1279px) { .rinzo-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rinzo-card-actions { margin-top: auto; padding-top: 4px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.rinzo-summary-card { display: flex; flex-direction: column; border: 1px solid var(--rinzo-border); background: var(--rinzo-surface); border-radius: var(--rinzo-radius); padding: 18px 20px; box-shadow: var(--rinzo-shadow); min-width: 0; }
.rinzo-overview .rinzo-summary-card h2 { font-size: 14px; color: var(--rinzo-muted); margin: 0 0 6px; }
.rinzo-summary-card strong { display: block; font-size: 30px; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; color: var(--rinzo-ink); font-variant-numeric: tabular-nums; }
.rinzo-summary-card .rinzo-unavailable { font-size: 22px; color: var(--rinzo-muted); }
.rinzo-summary-card p { font-size: 14px; margin: 6px 0 14px; }
.rinzo-overview button { font: inherit; min-height: 40px; border-radius: var(--rinzo-radius-sm); padding: 8px 16px; cursor: pointer; border: 1px solid var(--rinzo-border-strong); background: var(--rinzo-surface); color: var(--rinzo-ink); font-weight: 600; }
.rinzo-overview button:hover { border-color: var(--rinzo-subtle); }
.rinzo-overview button:disabled { opacity: .65; cursor: wait; }
.rinzo-overview .rinzo-text-button { border: 0; background: none; color: var(--rinzo-link); padding-left: 0; padding-right: 0; text-align: left; }
.rinzo-overview .rinzo-text-button:hover { text-decoration: underline; }
.rinzo-overview .rinzo-primary { background: var(--rinzo-action); color: #fff; border-color: var(--rinzo-action); }
.rinzo-overview .rinzo-primary:hover { background: var(--rinzo-action-hover); border-color: var(--rinzo-action-hover); }
.rinzo-overview .rinzo-billing-note { font-size: 14px; color: var(--rinzo-muted); margin: 16px 2px 0; max-width: 820px; }
.rinzo-load-status { font-size: 13px; margin-top: 18px; }
.rinzo-setup { border: 1px solid var(--rinzo-border); background: var(--rinzo-surface); border-radius: var(--rinzo-radius); padding: 20px 24px; margin: 0 0 20px; box-shadow: var(--rinzo-shadow); }
.rinzo-setup h2 { margin: 0 0 12px; font-size: 18px; font-weight: 600; }
.rinzo-setup-steps { list-style: none; margin: 0; padding: 0; }
.rinzo-setup-steps li { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-top: 1px solid var(--rinzo-border); }
.rinzo-setup-steps li:first-child { border-top: 0; padding-top: 4px; }
.rinzo-step-mark { flex: none; width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--rinzo-border-strong); display: grid; place-items: center; font-weight: 700; color: #fff; box-sizing: border-box; }
.rinzo-done .rinzo-step-mark { background: var(--rinzo-success); border-color: var(--rinzo-success); }
.rinzo-step-mark svg { width: 14px; height: 14px; }
.rinzo-step-text { flex: 1; min-width: 0; }
.rinzo-step-text strong { display: block; font-weight: 600; color: var(--rinzo-ink); }
.rinzo-done .rinzo-step-text strong { color: var(--rinzo-muted); }
.rinzo-overview .rinzo-step-text p { margin: 2px 0 0; font-size: 14px; }
.rinzo-overview .rinzo-step-action { flex: none; }
.rinzo-overview li:not(.rinzo-done) .rinzo-step-action { background: var(--rinzo-action); color: #fff; border-color: var(--rinzo-action); }
.rinzo-overview li:not(.rinzo-done) .rinzo-step-action:hover { background: var(--rinzo-action-hover); }
.rinzo-setup-complete { border-left: 3px solid var(--rinzo-success); }
.rinzo-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rinzo-billing-alert { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; border: 1px solid #f6c8b8; background: var(--rinzo-action-soft); padding: 12px 18px; margin: 0 0 20px; border-radius: var(--rinzo-radius-sm); }
.rinzo-overview .rinzo-billing-alert p { margin: 0; color: #8f1d00; font-weight: 600; }
@media (max-width: 1023px) {
  #auth_app_container { overflow: auto; height: auto; min-height: 100vh; }
  #auth_app_container .app-content { display: block; padding: 28px 20px; box-sizing: border-box; }
  #auth_app_container .app-content .intro, #auth_app_container .app-content .sign-in { width: 100% !important; height: auto !important; float: none !important; position: static !important; }
  #auth_app_container .intro .content { position: static !important; left: auto !important; top: auto !important; transform: none !important; padding: 0; margin: 0; }
  #auth_app_container .logo.logo-block { display: block !important; width: 168px; height: 46px; }
  #auth_app_container .intro h3.welcome-message { font-size: 24px; margin: 12px 0 24px; }
  #auth_app_container .rinzo-eyebrow { margin-top: 18px; }
  #auth_app_container .rinzo-back-link { margin-top: 0; margin-bottom: 20px; }
  #auth_app_container .sign-in .form-container { position: static !important; top: auto !important; transform: none !important; width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
  #auth_app_container form { max-width: none; width: 100%; box-sizing: border-box; padding: 24px; }
  #auth_app_container .powered-by-block { position: static; padding: 20px 0; }
  #auth_app_container .app-content { max-width: 520px; }
}
@media (max-width: 767px) {
  .core-footer { max-width: 100%; box-sizing: border-box; right: 8px; }
  body:has(#voip_container) .core-footer { position: static !important; text-align: right; padding: 12px; width: 100%; }
  #voip_container { display: block; }
  #voip_container .right-content { padding: 20px 16px; overflow-x: auto; }
  .rinzo-overview-header { align-items: flex-start; gap: 8px; }
  .rinzo-overview h1 { font-size: 24px; }
  .rinzo-overview .rinzo-eyebrow { font-size: 10px; }
  .rinzo-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .rinzo-summary-grid .rinzo-credit-card { grid-column: 1 / -1; }
  .rinzo-overview-header { flex-direction: column; margin-bottom: 16px; }
  .rinzo-summary-card { padding: 14px 16px; }
  .rinzo-summary-card strong { font-size: 24px; }
  .rinzo-summary-card:not(.rinzo-credit-card) p { display: none; }
  .rinzo-setup { padding: 16px; }
  
  .rinzo-setup-steps li { flex-wrap: wrap; gap: 10px 14px; }
  .rinzo-step-text { flex: 1 1 calc(100% - 44px); }
  .rinzo-overview .rinzo-step-action { margin-left: 40px; }
}