/* ReminaPBX — Deep Blue Soft. Semantic warning/error/success colors remain intact. */
:root{--remina-deep:#294b70;--remina-hover:#203e5e;--remina-accent:#38658f;--remina-pale:#eaf1f8;--remina-bg:#f4f7fb;--remina-text:#24364b;--remina-line:#cedce9}
body{background:var(--remina-bg);color:var(--remina-text)}
.navbar,.ui-widget-header{background-color:var(--remina-deep)!important;color:#fff}
.navbar.is-dark .navbar-link,.navbar.is-dark>.navbar-item,.navbar-brand>.navbar-item{color:#fff!important}
.navbar-link:focus,.navbar-link:active,.navbar-link:hover,.navbar.is-dark .navbar-dropdown a.navbar-item.is-active,.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link{background-color:var(--remina-hover)!important;color:#fff!important}
.navbar-dropdown a.navbar-item:hover,.navbar-dropdown a.navbar-item:focus{background:var(--remina-pale)!important;color:var(--remina-deep)!important}
.button.is-primary,.button.is-link,input[type=submit]{background-color:var(--remina-deep)!important;border-color:var(--remina-deep)!important;color:#fff!important}
.button.is-primary:hover,.button.is-link:hover,input[type=submit]:hover{background-color:var(--remina-hover)!important}
a{color:var(--remina-accent)}
.alt_table tr:nth-child(even),.table.is-striped tbody tr:not(.is-selected):nth-child(even){background-color:var(--remina-pale)}
input:focus,select:focus,textarea:focus,.button:focus{outline:2px solid #5786b0;outline-offset:2px}
#MENU_BRAND_IMAGE_TANGO_LEFT{width:180px;max-height:36px;height:auto}
#footer_logo1{width:180px;height:auto}
#login_form{border-radius:12px;border:1px solid var(--remina-line);background:#fff;box-shadow:0 12px 36px #294b7012}
.remina-login-brand{display:block;width:220px;max-width:90%;margin:0 auto 24px}
/* PBX surfaces: same palette and typography as the Remina operation portal. */
body,#page{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--remina-bg);color:var(--remina-text)}
#page_body{background:var(--remina-bg)}
.ui-widget,.ui-widget input,.ui-widget select,.ui-widget button{font-family:inherit}
#dashboard .infobox{background:#fff;border:1px solid var(--remina-line);border-radius:12px;box-shadow:0 5px 18px #294b700d}
#dashboard .infobox>.ui-widget-header,.ui-widget-header{background:var(--remina-deep)!important;border-color:var(--remina-deep)!important;color:#fff!important}
#dashboard .datavalue{color:var(--remina-accent)}
.infohelp,.infohelp span,a.info span{background-color:var(--remina-pale)}
.ui-tabs .ui-tabs-nav{background:var(--remina-pale)!important;border-color:var(--remina-line)}
.ui-tabs .ui-tabs-nav .ui-state-active{background:var(--remina-deep)!important;border-color:var(--remina-deep)!important}
.ui-tabs .ui-tabs-nav .ui-state-active a{color:#fff!important}
.navbar.is-dark .navbar-brand .navbar-item:hover,.navbar.is-dark .navbar-start>.navbar-item:hover{background-color:var(--remina-hover)!important;color:#fff!important}
/* Extension forms and their sidebar: replace remaining legacy purple accents. */
.radiotoggle input:checked+label{background-color:var(--remina-deep)!important;border-color:var(--remina-deep)!important;color:#fff!important;box-shadow:0 0 0 2px #294b7020}
.radiotoggle input:hover+label{border-color:var(--remina-accent)!important}
input[type=radio],input[type=checkbox]{accent-color:var(--remina-deep)}
h5,.h5{background-color:var(--remina-pale);border-bottom-color:var(--remina-accent)!important;color:var(--remina-text)}
.rnav a.current,.rnav .current{background-color:var(--remina-pale)!important;color:var(--remina-deep)!important}
.rnav .secondRnav{background-color:#f4f7fb}
.rnav a:hover{background-color:var(--remina-pale)!important;color:var(--remina-hover)!important}
.tabs li.is-active a{border-color:var(--remina-deep)!important;color:var(--remina-deep)!important;background-color:var(--remina-pale)}
.chosen-container .chosen-results li.highlighted{background:var(--remina-deep)!important;color:#fff!important}
.switch.is-primary[type=checkbox]:checked+label::before{background-color:var(--remina-deep)!important}
.select select:focus,.input:focus,.textarea:focus{border-color:var(--remina-accent)!important}
