/* ==========================================================================
   RadioServers accounts - AdminLTE 4 / Bootstrap 5 theme layer
   Loaded after bootstrap.min.css, adminlte.min.css and bootstrap-icons.min.css.
   Sections: 1 fonts+brand  2 auth pages  3 app shell  4 content (compat layer
   for the existing page markup)  5 forms  6 tables  7 messages  8 zone editor
   9 legacy icons  10 jQuery UI datepicker
   ========================================================================== */

/* 1. Fonts + brand --------------------------------------------------------- */
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/source-sans-3-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/source-sans-3-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/source-sans-3-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/source-sans-3-latin-700-normal.woff2") format("woff2")}

:root{
  --bs-font-sans-serif:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-primary:#b01a24;--bs-primary-rgb:176,26,36;
  --bs-link-color:#b01a24;--bs-link-color-rgb:176,26,36;
  --bs-link-hover-color:#8c1019;--bs-link-hover-color-rgb:140,16,25;
  --rs-ink:#15171b;--rs-ink-2:#1d2025;--rs-line:#e3e6ea;--rs-muted:#6b7380;
}
body,input,button,select,textarea,label,th,td,h1,h2,h3,h4,h5,h6,.btn,.form-control,.form-select{font-family:var(--bs-font-sans-serif)}
.btn-primary{--bs-btn-bg:#b01a24;--bs-btn-border-color:#b01a24;--bs-btn-hover-bg:#8c1019;--bs-btn-hover-border-color:#8c1019;--bs-btn-active-bg:#7a0d16;--bs-btn-active-border-color:#7a0d16;--bs-btn-disabled-bg:#b01a24;--bs-btn-disabled-border-color:#b01a24;--bs-btn-focus-shadow-rgb:176,26,36}
.btn-outline-primary{--bs-btn-color:#b01a24;--bs-btn-border-color:#b01a24;--bs-btn-hover-bg:#b01a24;--bs-btn-hover-border-color:#b01a24;--bs-btn-active-bg:#8c1019;--bs-btn-active-border-color:#8c1019}
.form-control:focus,.form-select:focus{border-color:rgba(176,26,36,.55);box-shadow:0 0 0 .2rem rgba(176,26,36,.15)}
.form-check-input:checked{background-color:#b01a24;border-color:#b01a24}
.card-outline.card-primary{border-top-color:#b01a24}

/* 2. Auth pages (login / forgot / sign up / terms / help when logged out) --- */
body.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;
  background:radial-gradient(1200px 600px at 50% -10%,#2a2d34 0,#15171b 60%) fixed,#15171b;color:#212529}
.auth-box{width:100%;max-width:400px}
.auth-box.auth-wide{max-width:820px}
.auth-logo{text-align:center;margin-bottom:1.5rem}
.auth-logo img{max-width:290px;width:80%;height:auto}
.auth-box .card{border:0;border-top:3px solid #b01a24;border-radius:.5rem;box-shadow:0 12px 40px rgba(0,0,0,.45)}
.auth-box .card-body{padding:2rem}
.auth-title{font-size:1.35rem;font-weight:600;margin:0 0 .25rem}
.auth-sub{color:var(--rs-muted);margin:0 0 1.5rem}
.auth-box .input-group-text{background:#f4f5f7;color:#6b7380;min-width:2.75rem;justify-content:center}
.auth-box .form-control{min-height:2.75rem}
.auth-box .btn-lg{padding:.7rem 1rem;font-weight:600}
.auth-links{display:flex;justify-content:space-between;gap:1rem;margin-top:1.25rem;font-size:.95rem}
.auth-foot{margin-top:1.5rem;color:#8b919b;font-size:.85rem;text-align:center}
.auth-foot a{color:#aeb4bd}
.auth-box #asl_content>h3:first-child{font-size:1.35rem;font-weight:600;margin:0 0 1rem;padding:0;border:0}

/* 3. App shell ------------------------------------------------------------- */
.app-sidebar{background:var(--rs-ink)!important}
.sidebar-brand{background:var(--rs-ink);border-bottom:1px solid rgba(255,255,255,.08);height:auto;min-height:3.5rem;padding:.5rem .75rem}
.sidebar-brand .brand-link{display:flex;align-items:center;justify-content:center;width:100%;padding:0}
.sidebar-brand .brand-image{max-width:100%;max-height:2.6rem;width:auto;height:auto;opacity:1}
.sidebar-wrapper{overflow-y:auto}
.sidebar-menu .nav-header{color:#8b919b;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:1rem 1rem .35rem}
.sidebar-menu>.nav-item>.nav-link{border-radius:.35rem}
.sidebar-menu .nav-link.active{background:#b01a24!important;color:#fff!important;box-shadow:none}
.sidebar-menu .nav-link .nav-icon{font-size:1.05rem;margin-right:.35rem}
.app-header{border-bottom:1px solid var(--rs-line)}
.app-header .nav-link{color:#444b55}
.app-content-header{padding:.9rem 0 .35rem}
.app-content-header .breadcrumb{margin:0;font-size:.9rem}
.app-footer{font-size:.9rem;color:var(--rs-muted)}
.page-title{font-size:1.35rem;font-weight:600;margin:0}
.app-main .app-content{padding-bottom:2rem}

/* 4. Content: compat layer for existing page markup ------------------------ */
#asl_content{background:#fff;border:1px solid var(--rs-line);border-radius:.5rem;padding:1.5rem 1.75rem;box-shadow:0 1px 2px rgba(20,24,30,.04);margin-bottom:1.5rem;overflow-x:auto}
.auth-box #asl_content{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;margin:0}
#asl_content>h3:first-child,#asl_content h3.page-h{font-size:1.25rem;font-weight:600;margin:0 0 1.1rem;padding:0 0 .6rem;border-bottom:1px solid var(--rs-line)}
#article{position:relative}
#article h3,#asl_content h3{font-size:1.1rem;font-weight:600;margin:1.6rem 0 .9rem;padding:0 0 .4rem;border-bottom:1px solid var(--rs-line)}
#asl_content h2{font-size:1.2rem;font-weight:600}
#asl_content p{margin:.35rem 0 .75rem}
#asl_content a{color:#b01a24}
#asl_content a.btn{color:var(--bs-btn-color);text-decoration:none}
#asl_content a.btn:hover,#asl_content a.btn:focus,#asl_content a.btn:active{color:var(--bs-btn-hover-color)}
span.description,.description{font-size:.85rem;font-style:normal;color:var(--rs-muted)}
.clear,.clearfix{clear:both}
.req::before{content:" *";color:#c21f2b}
.asl_blue{color:#2563eb}.asl_red{color:#c21f2b}.asl_green{color:#198754}
.asl_input_err{border-color:#c21f2b!important}
.align-left{float:left;width:45%}
a.m_tooltip{outline:none;cursor:help;text-decoration:none;position:relative}
a.m_tooltip span{display:none;position:absolute;left:1.2em;top:1.6em;z-index:100;min-width:250px;max-width:500px;padding:.4rem .6rem;background:#fff;border:1px solid var(--rs-line);border-radius:.35rem;box-shadow:0 6px 20px rgba(0,0,0,.15);color:#444b55;font-weight:400;white-space:pre-line}
a.m_tooltip:hover span{display:block}

/* old Charisma box widgets (still used on a few pages) */
.box{background:#fff;border:1px solid var(--rs-line);border-radius:.5rem;margin:0 0 1.25rem;overflow:hidden}
.box-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:#f7f8fa;border-bottom:1px solid var(--rs-line)}
.box-header h2{font-size:1rem;font-weight:600;margin:0}
.box-icon{display:flex;gap:.5rem}
.box-icon a{color:#6b7380;cursor:pointer}
.box-content{padding:1rem}
.box.minimized .box-content{display:none}

/* 5. Forms: bare inputs inside the old pages get Bootstrap 5 styling ------- */
#asl_content input[type=text],#asl_content input[type=password],#asl_content input[type=email],#asl_content input[type=url],
#asl_content input[type=number],#asl_content input[type=search],#asl_content input[type=tel],#asl_content input[type=date],
#asl_content input[type=time],#asl_content input[type=datetime-local],#asl_content select,#asl_content textarea,#asl_content input:not([type]){
  display:inline-block;max-width:100%;padding:.4rem .7rem;font-size:.97rem;line-height:1.5;color:#212529;background:#fff;
  border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s,box-shadow .15s}
#asl_content input[type=text]:focus,#asl_content input[type=password]:focus,#asl_content input[type=email]:focus,#asl_content input[type=url]:focus,
#asl_content input[type=number]:focus,#asl_content input[type=search]:focus,#asl_content select:focus,#asl_content textarea:focus,#asl_content input[type=date]:focus{
  outline:0;border-color:rgba(176,26,36,.55);box-shadow:0 0 0 .2rem rgba(176,26,36,.15)}
#asl_content select{padding-right:2rem}
#asl_content textarea{width:100%;min-height:6rem}
#asl_content input.regular-text,#asl_content .regular-text{width:100%;max-width:26rem}
#asl_content input[type=checkbox],#asl_content input[type=radio]{width:1.1em;height:1.1em;margin-right:.35rem;vertical-align:-.15em;accent-color:#b01a24}
#asl_content input[type=file]{max-width:100%}
#asl_content input[disabled],#asl_content select[disabled]{background:#eef0f3}
#asl_content label{font-weight:600;margin-bottom:.2rem}
#asl_content input[type=submit],#asl_content input[type=button],#asl_content button{cursor:pointer}
#asl_content input[type=submit]:not(.btn),#asl_content input[type=button]:not(.btn){display:inline-block;padding:.4rem 1rem;border-radius:.375rem;border:1px solid #b01a24;background:#b01a24;color:#fff;font-weight:600}
#asl_content input[type=submit]:not(.btn):hover,#asl_content input[type=button]:not(.btn):hover{background:#8c1019}
#asl_content .btn{font-weight:600}
#asl_content .btn-info{--bs-btn-color:#fff;--bs-btn-bg:#0d7ea8;--bs-btn-border-color:#0d7ea8;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0a6586;--bs-btn-hover-border-color:#0a6586}
#asl_content .btn-mini,#asl_content .btn-small{--bs-btn-padding-y:.2rem;--bs-btn-padding-x:.5rem;--bs-btn-font-size:.85rem}
#asl_content fieldset{border:0;padding:0;margin:0 0 1rem}
#asl_content .asl_table{width:100%;font-size:.97rem}
#asl_content .asl_table label{width:130px;display:inline-block;vertical-align:middle}
#asl_filesdiv label{width:20em}
#asl_content form p{margin:.6rem 0 0}

/* 6. Tables (.widefat is the app's list/table class) ----------------------- */
.widefat{width:100%;margin:0;border:1px solid var(--rs-line);border-radius:.5rem;border-collapse:separate;border-spacing:0;overflow:visible;background:#fff;font-size:.93rem}
.widefat>thead>tr:first-child>th:first-child{border-top-left-radius:.45rem}
.widefat>thead>tr:first-child>th:last-child{border-top-right-radius:.45rem}
.widefat>tbody>tr:last-child>*:first-child{border-bottom-left-radius:.45rem}
.widefat>tbody>tr:last-child>*:last-child{border-bottom-right-radius:.45rem}
.widefat th,.widefat td{padding:.65rem .8rem;border-bottom:1px solid var(--rs-line);vertical-align:middle;line-height:1.35;text-align:left}
.widefat thead th{background:#f4f5f7;color:#3d4450;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.widefat tbody tr:last-child td,.widefat tbody tr:last-child th{border-bottom:0}
.widefat th[style],.widefat td[style*="padding-left:0"]{padding-left:.8rem!important;padding-right:.8rem!important}
.widefat tr.alternate td,.widefat tr.alternate th{background:#fafbfc}
.widefat tbody tr:hover td{background:#f3f6fb}
.widefat th a,.widefat td a{color:#b01a24;text-decoration:none;font-weight:600}
.widefat thead th a{color:#3d4450}
.widefat thead th a:hover{color:#b01a24}
.widefat tbody th{font-weight:600;color:#2b313a}
.widefat th a:hover,.widefat td a:hover{text-decoration:underline}
.widefat.no-borders,.widefat.no_borders{border:0;border-radius:0}
.widefat.no-borders th,.widefat.no-borders td,.widefat.no_borders th,.widefat.no_borders td{border:0}
.widefat.no_borders thead th{background:transparent;text-transform:none;font-size:1rem;letter-spacing:0;padding-left:0;border-bottom:1px solid var(--rs-line)}
.widefat.no_borders td{padding-left:0}
.widefat td input[type=text]:not(.regular-text){min-width:8rem}
.currencySymbol{opacity:.7}
.no_borders{border:0}
#asl_subscription td,#asl_subscription th{padding:.75rem .8rem}
.payment_methods{list-style:none;margin:1.25rem 0;padding:0}
.payment_methods li{margin:0 0 .75rem}
.payment_methods img{max-width:100%;height:auto;vertical-align:middle;margin:0 .5rem}
.payment_box{margin:.5rem 0 0;color:var(--rs-muted);font-size:.93rem}
#place-order-div{margin:1rem 0 0;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
#signup_button{padding:.65rem 1.6rem;font-size:1.05rem}
.product-total,.product-stotal{white-space:nowrap}

/* Actions column: one clear primary button, secondary buttons with labels, and a
   "more" menu that holds enable/disable and (last, in red) delete */
.row-actions{display:flex;align-items:center;gap:.4rem;white-space:nowrap}
@media (min-width:1200px){.row-actions{min-width:12.5rem}}
.row-actions .dropdown{margin-left:auto}
.row-actions .btn{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}
.row-actions .btn .bi{font-size:1rem;line-height:1}
.row-actions .dropdown-menu{min-width:11.5rem;font-size:.93rem;padding:.35rem 0;box-shadow:0 10px 30px rgba(20,24,30,.18)}
#asl_content .dropdown-item{display:flex;align-items:center;gap:.55rem;padding:.5rem 1rem;color:#212529;font-weight:400;text-decoration:none}
#asl_content .dropdown-item:hover,#asl_content .dropdown-item:focus{background:#f4f5f7;color:#212529}
#asl_content .dropdown-item.text-danger{color:#c21f2b}
#asl_content .dropdown-item.text-danger:hover{background:#fdecec;color:#a5151f}
.widefat td a.btn-outline-danger{font-weight:600}

/* 7. Messages (markup comes from show_ajax_msg() in the PHP class) --------- */
#ajax_msg,.ajax_msg,#ajax_err,.ajax_err,#asl_ajax_msg:not(:empty){margin:0 0 1rem;padding:.75rem 1rem;border:1px solid;border-radius:.4rem;font-size:.97rem}
#ajax_msg,.ajax_msg{background:#e8f1fb;border-color:#b6d4f2;color:#0b3c6e}
#ajax_err,.ajax_err,#asl_ajax_msg.ajax_err,#asl_ajax_msg:not(:empty){background:#fdecec;border-color:#f3b8b8;color:#7a1218}
#asl_ajax_msg.ajax_msg:not(:empty){background:#e8f1fb;border-color:#b6d4f2;color:#0b3c6e}
.alert.alert-info{background:#e8f1fb;border-color:#b6d4f2;color:#0b3c6e}
.alert.alert-error{background:#fdecec;border-color:#f3b8b8;color:#7a1218}
.alert.alert-success{background:#e8f6ee;border-color:#b7dfc6;color:#0f5132}
.alert.alert-block{padding:.75rem 1rem}
div.clear{display:none}

/* 8. Zone / flash brief editor blocks -------------------------------------- */
.zonefile_wrapper{margin:0 0 1rem;padding:.75rem;border:1px solid var(--rs-line);border-radius:.5rem;background:#fff}
.zonefile_wrapper .zonefile_header{margin:0 0 .75rem;padding:.5rem .8rem;font-weight:600;font-size:1rem;background:#f4f5f7;border:1px solid var(--rs-line);border-radius:.375rem}
.zonefile_wrapper .zonefile_preview .preview,.zonefile_wrapper .zonefile_preview .preview audio{width:100%}
.zonefile_wrapper .zonefile_weekdaystime{margin:.75rem 0;padding:.5rem 0;border-bottom:1px solid var(--rs-line);width:100%;overflow:hidden}
.zonefile_wrapper .zonefile_weekdays,.zonefile_wrapper .zonefile_time{margin:0;padding:0;float:left;width:45%}
.zonefile_wrapper .zonefile_settings{margin:1rem 0 0;position:relative}
.zonefile_wrapper .zonefile_editbar{margin:0;padding:.6rem 0 0;text-align:right}
.zonefile_wrapper .zonefile_editbar a{text-transform:uppercase;font-size:.85rem;font-weight:600}
.zonefile_wrapper .zonefile_editbar a.removefiles{color:#c21f2b!important}
.zonefile_wrapper .zonfile_close{margin:0;padding:0;float:right}
.zonefile_wrapper .zonfile_close a{color:#c21f2b!important;font-size:1.1rem!important;font-weight:700!important;text-decoration:none}
span.weekday{display:inline-block;min-width:1.7rem;padding:.12rem .3rem;margin-right:.2rem;border-radius:.3rem;background:#eef0f3;color:#3d4450;text-align:center;font-size:.8rem;font-weight:600}
.asl_player #error{color:#c21f2b;font-weight:700}
.asl_player #currenttime{width:100%;max-width:640px;margin:0;padding:0}
.asl_floatdiv{display:none;background:#fff;width:800px;max-width:96vw;min-height:420px;max-height:90vh;overflow-y:auto;overflow-x:hidden;padding:1.25rem 2rem;border:1px solid var(--rs-line);border-radius:.6rem;font-size:1rem;
  /* fixed to the screen and centred, so it opens in view however far the page is scrolled
     (the page script sets inline margins; !important keeps it centred) */
  position:fixed;top:5vh;left:50%;transform:translateX(-50%);margin:0!important;z-index:99999;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.asl_floatdiv img.btn_close{float:right;margin:-10px -30px 0 0;cursor:pointer}
.asl_floatdiv table{margin:0;padding:0}
.asl_floatdiv table th,.asl_floatdiv table td{padding:.45rem .3rem;font-size:.93rem}
.asl_floatdiv table.asl_section{margin:0 0 1rem;border:1px solid var(--rs-line)}
.asl_floatdiv table.asl_section th{border-bottom:1px solid var(--rs-line)}
#mask{display:none;background:#15171b;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;opacity:.7}
div.video{height:200px}
div.audio.video{height:50px}
#embed input[readonly]{cursor:text}
#asl_statdiv #stats{position:relative}
.wp_charts_canvas{max-width:100%}

/* 9. Legacy icon shim: old markup like <i class="icon icon-edit"> and
      <i class="halflings-icon white user"> now renders Bootstrap Icons ----- */
.icon,.halflings-icon{display:inline-block;font-family:"bootstrap-icons"!important;font-style:normal;font-weight:400;font-variant:normal;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;background:none;width:auto;height:auto;margin:0}
.halflings-icon.white{color:#fff}
.icon-edit::before{content:"\f4ca"}
.icon-external-link::before{content:"\f1c5"}
.icon-trash::before{content:"\f5de"}
.icon-remove::before{content:"\f659"}
.icon-check::before{content:"\f633"}
.icon-file-alt::before{content:"\f38b"}
.icon-bar-chart::before{content:"\f17e"}
.icon-lock::before{content:"\f47b"}
.icon-envelope::before{content:"\f32f"}
.icon-credit-card::before{content:"\f2dc"}
.icon-user::before{content:"\f4e1"}
.icon-tasks::before{content:"\f477"}
.icon-star::before{content:"\f588"}
.icon-picture::before{content:"\f42a"}
.icon-list-alt::before{content:"\f227"}
.icon-home::before{content:"\f425"}
.icon-font::before{content:"\f3da"}
.icon-folder-open::before{content:"\f3d8"}
.icon-folder-close::before{content:"\f3d7"}
.icon-folder-close-alt::before{content:"\f3d7"}
.icon-eye-open::before{content:"\f341"}
.icon-exclamation-sign::before{content:"\f333"}
.icon-dashboard::before{content:"\f580"}
.icon-calendar::before{content:"\f214"}
.icon-angle-right::before{content:"\f285"}
.icon-align-justify::before{content:"\f44b"}
.icon-share::before{content:"\f52e"}
.icon-copy::before{content:"\f3c2"}
.icon-shopping-cart::before{content:"\f242"}
.icon-question-sign::before{content:"\f505"}
.icon-off::before{content:"\f4ff"}
.halflings-icon.user::before{content:"\f4e1"}
.halflings-icon.lock::before{content:"\f47b"}
.halflings-icon.home::before{content:"\f425"}
.halflings-icon.cog::before{content:"\f3e5"}
.halflings-icon.off::before{content:"\f4ff"}
.halflings-icon.chevron-up::before{content:"\f286"}
.halflings-icon.chevron-down::before{content:"\f282"}

/* 10. jQuery UI datepicker (only loaded on pages that use it) ------------- */
.ui-datepicker{font-family:var(--bs-font-sans-serif);font-size:.9rem;padding:.5rem;background:#fff;border:1px solid var(--rs-line);border-radius:.5rem;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:2000!important}
.ui-datepicker .ui-datepicker-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem;position:relative;background:#f4f5f7;border:0;border-radius:.375rem}
.ui-datepicker .ui-datepicker-title{font-weight:600}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{cursor:pointer;padding:.1rem .5rem;border-radius:.3rem;position:static;width:auto;height:auto}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:#e3e6ea}
.ui-datepicker .ui-icon{background:none;text-indent:0;overflow:visible;width:auto;height:auto}
.ui-datepicker-prev .ui-icon::before{content:"\2039";font-size:1.3rem}.ui-datepicker-next .ui-icon::before{content:"\203A";font-size:1.3rem}
.ui-datepicker table{width:100%;margin:.4rem 0 0;font-size:.9rem}
.ui-datepicker th{padding:.3rem;font-weight:600;color:#6b7380;text-align:center}
.ui-datepicker td{padding:1px}
.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.3rem;text-align:center;border-radius:.3rem;text-decoration:none;color:#212529;border:0;background:none}
.ui-datepicker td a:hover{background:#f1d6d8}
.ui-datepicker td .ui-state-active,.ui-datepicker td .ui-state-highlight{background:#b01a24;color:#fff}
.ui-datepicker td.ui-state-disabled span{color:#b9bec6}


/* jQuery UI tabs (Settings page) styled like Bootstrap nav-tabs */
.ui-tabs{position:relative}
.ui-tabs .ui-tabs-nav{display:flex;flex-wrap:wrap;gap:.25rem;margin:0 0 1.25rem;padding:0;list-style:none;border-bottom:1px solid var(--rs-line)}
.ui-tabs .ui-tabs-nav li{margin:0 0 -1px;padding:0}
.ui-tabs .ui-tabs-nav li a{display:block;padding:.6rem 1.1rem;border:1px solid transparent;border-radius:.4rem .4rem 0 0;color:#444b55;text-decoration:none;font-weight:600;cursor:pointer}
.ui-tabs .ui-tabs-nav li a:hover{color:#b01a24;background:#f4f5f7}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-active a{background:#fff;border-color:var(--rs-line);border-bottom-color:#fff;color:#b01a24}
.ui-tabs .ui-tabs-panel{padding:.25rem 0}
.ui-tabs .ui-tabs-hide,.ui-tabs .ui-tabs-panel[aria-hidden=true]{display:none}

/* below 1200px the table can be wider than the card: the card scrolls sideways and
   the Actions column stays pinned at the right edge */
@media (max-width:1199.98px){
  .widefat th,.widefat td{padding-left:.55rem;padding-right:.55rem}
  .widefat:has(.row-actions) th:last-child,.widefat:has(.row-actions) td:last-child,
  .widefat:has(a.btn-outline-danger) th:last-child,.widefat:has(a.btn-outline-danger) td:last-child{position:sticky;right:0;background:#fff;box-shadow:-8px 0 8px -8px rgba(20,24,30,.25)}
  .widefat:has(.row-actions) thead th:last-child,.widefat:has(a.btn-outline-danger) thead th:last-child{background:#f4f5f7}
  .widefat:has(.row-actions) tr.alternate td:last-child{background:#fafbfc}
  /* an open menu must sit above the pinned cells of the rows below it */
  .widefat td:has(.dropdown-menu.show){z-index:50}
}

/* small screens */
@media (max-width:767.98px){
  #asl_content{padding:1rem}
  .auth-box .card-body{padding:1.4rem}
  .zonefile_wrapper .zonefile_weekdays,.zonefile_wrapper .zonefile_time,.align-left{float:none;width:100%}
  .widefat{display:block;overflow-x:auto;white-space:nowrap}
}