/* Tramo - tema grafito y cian para el panel */
:root{
  --marca:"Tramo";
  --bg:#f3f6f9; --surface:#ffffff; --surface-2:#f7fafc; --line:#e2e8ef;
  --side:#0a1522; --side-2:#14263a; --side-txt:#c9d3df;
  --verde:#0a7f73; --verde-osc:#066a60; --verde-claro:#e2f5f2; --arena:#e8eef4;
  --txt:#0b1b2b; --muted:#5a6b7d; --warn:#d9972f; --err:#c93a3a;
  --radio:14px; --ancho-menu:264px;
  --sombra:0 1px 2px rgba(10,21,34,.06),0 6px 20px rgba(10,21,34,.06);
  --fuente:"Manrope Var","Manrope","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
html,body{background:var(--bg)!important}
body,body.active_admin,body.logged_in,body.logged_out{font-family:var(--fuente)!important;color:var(--txt);font-size:14px;line-height:1.5}

/* ===== Menu lateral ===== */
#header{position:fixed!important;top:0;left:0;bottom:0;width:var(--ancho-menu)!important;height:auto!important;
  display:flex!important;flex-direction:column;background:var(--side)!important;background-image:none!important;
  border:0!important;box-shadow:none!important;padding:22px 14px 14px!important;margin:0!important;overflow-y:auto;z-index:100;
  scrollbar-width:thin;scrollbar-color:#2b4059 transparent}
#header h1#site_title{order:0;display:block!important;float:none!important;position:relative;margin:0 0 22px!important;
  padding:0 0 0 50px!important;font-size:0!important;min-height:38px;line-height:38px}
#header h1#site_title a,#header h1#site_title img{display:none!important}
#header h1#site_title::before{content:var(--marca);font-size:19px;font-weight:700;color:#ffffff;letter-spacing:.2px;line-height:38px}
#header h1#site_title::after{content:"";position:absolute;left:4px;top:0;width:38px;height:38px;border-radius:11px;
  background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14M12 7v11'/%3E%3Ccircle cx='5' cy='7' r='1' fill='%23ffffff'/%3E%3Ccircle cx='19' cy='7' r='1' fill='%23ffffff'/%3E%3C/svg%3E") center/24px no-repeat}
#header ul.tabs{order:1;display:flex!important;flex-direction:column;float:none!important;margin:0!important;padding:0!important;width:100%;gap:2px;background:none!important}
#header ul.tabs>li{float:none!important;display:block!important;width:100%;margin:0!important;padding:0!important;background:none!important;position:relative}
#header ul.tabs>li>a{display:flex!important;align-items:center;padding:10px 14px!important;border-radius:10px!important;
  color:var(--side-txt)!important;font-weight:500;font-size:14px!important;background:none!important;background-image:none!important;
  text-shadow:none!important;border:0!important;line-height:1.3!important;height:auto!important;box-shadow:none!important}
#header ul.tabs>li>a:hover{background:var(--side-2)!important;color:#fff!important}
#header ul.tabs>li.current>a{background:var(--side-2)!important;color:#fff!important}
#header ul.tabs>li.current:not(.has_nested)>a{background:var(--verde)!important}
#header ul.tabs>li.has_nested>a::after{content:""!important;margin-left:auto;width:7px;height:7px;position:static!important;
  border:0!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;
  transform:rotate(45deg);opacity:.6;transition:transform .2s;background:none!important}
#header ul.tabs>li.open>a::after{transform:rotate(225deg)}
#header ul.tabs li.has_nested>ul{display:block!important;position:static!important;float:none!important;width:auto!important;
  margin:2px 0 6px 18px!important;padding:2px 0 2px 12px!important;border:0!important;border-left:1px solid rgba(255,255,255,.14)!important;
  background:none!important;box-shadow:none!important;border-radius:0!important}
.rk-js #header ul.tabs li.has_nested>ul{display:none!important}
.rk-js #header ul.tabs li.has_nested.open>ul{display:block!important}
#header ul.tabs li li{float:none!important;display:block!important;background:none!important;margin:0!important;padding:0!important}
#header ul.tabs li li>a{display:block!important;padding:7px 12px!important;border-radius:8px!important;color:#9fb2c8!important;
  font-size:13px!important;background:none!important;text-shadow:none!important;border:0!important;box-shadow:none!important}
#header ul.tabs li li.has_nested>a{display:flex!important;align-items:center}
#header ul.tabs li li.has_nested>a::after{content:""!important;margin-left:auto;width:6px;height:6px;position:static!important;
  border:0!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;
  transform:rotate(45deg);opacity:.6;transition:transform .2s;background:none!important}
#header ul.tabs li li.open>a::after{transform:rotate(225deg)}
#header ul.tabs li li li>a{padding-left:10px!important}
#header ul.tabs li li>a:hover{background:var(--side-2)!important;color:#fff!important}
#header ul.tabs li li.current>a{background:var(--verde)!important;color:#fff!important}
#header #utility_nav{order:2;position:static!important;float:none!important;display:block!important;width:100%;
  margin:auto 0 0!important;padding:14px 8px 0!important;border-top:1px solid rgba(255,255,255,.12);background:none!important}
#header #utility_nav li{display:block!important;float:none!important;padding:3px 6px!important;color:#7589a3!important;font-size:12px;background:none!important}
#header #utility_nav a{color:#e6edf4!important;font-weight:600}

/* ===== Contenido ===== */
#wrapper{margin:0 0 0 var(--ancho-menu)!important;padding:28px 36px 40px!important;background:transparent!important}
#active_admin_content{background:none!important}
#title_bar{background:none!important;border:0!important;box-shadow:none!important;padding:0 0 18px!important;margin:0!important;
  display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;height:auto!important}
#title_bar #titlebar_left,#title_bar #titlebar_right{float:none!important;position:static!important}
#title_bar #page_title{font-size:26px!important;font-weight:700;color:var(--side)!important;margin:0!important;text-shadow:none!important;letter-spacing:-.3px}
.breadcrumb,.breadcrumb a{color:var(--muted)!important;font-size:12px}
#wrapper a{color:var(--verde-osc)}
#wrapper a:hover{color:var(--verde)}

.panel,.sidebar_section{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radio)!important;
  box-shadow:var(--sombra);overflow:hidden;margin-bottom:20px}
.panel>h3,.sidebar_section>h3{background:var(--surface-2)!important;color:var(--side)!important;font-size:14px;font-weight:700;
  padding:14px 18px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;
  text-shadow:none!important;border-radius:0!important;letter-spacing:.2px}
.panel_contents{padding:16px 18px!important;background:none!important}

/* Tablas */
table{border-collapse:separate;border-spacing:0}
.index_as_table{overflow-x:auto}
table.index_table,table.attributes_table{width:100%;background:var(--surface);border:1px solid var(--line)!important;
  border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra)}
table.index_table th{background:var(--surface-2)!important;font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;
  padding:12px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;text-shadow:none!important}
table.index_table th,table.index_table th a{color:var(--muted)!important}
table.index_table td,table.attributes_table td{padding:11px 14px!important;border:0!important;border-bottom:1px solid #ebf0f5!important;background:var(--surface)!important}
table.index_table tr:hover td{background:var(--verde-claro)!important}
table.index_table tr.selected td{background:#cfede8!important}
table.attributes_table th{background:var(--surface-2)!important;color:var(--muted)!important;font-weight:600;width:22%;
  padding:11px 16px!important;border:0!important;border-bottom:1px solid var(--line)!important;text-shadow:none!important}

/* Botones */
a.button,input[type=submit],input[type=button],button,.button,.action_item a,.dropdown_menu_button{
  background:var(--verde)!important;background-image:none!important;color:#fff!important;border:1px solid var(--verde)!important;
  border-radius:10px!important;padding:8px 16px!important;font-weight:600!important;font-size:13px!important;box-shadow:none!important;
  text-shadow:none!important;cursor:pointer;line-height:1.3!important;height:auto!important;transition:background .15s}
a.button:hover,input[type=submit]:hover,input[type=button]:hover,button:hover,.action_item a:hover,.dropdown_menu_button:hover{
  background:var(--verde-osc)!important;border-color:var(--verde-osc)!important;color:#fff!important}
form .actions li.cancel a{background:transparent!important;color:var(--verde-osc)!important;border-color:var(--line)!important}
.dropdown_menu_list_wrapper{border-radius:12px!important;border:1px solid var(--line)!important;background:var(--surface)!important;box-shadow:var(--sombra)!important}
.dropdown_menu_list li a{background:none!important;color:var(--txt)!important;border:0!important}

/* Formularios */
form fieldset{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radio)!important;
  box-shadow:var(--sombra);padding:8px 8px 14px!important;margin-bottom:20px!important}
form fieldset>legend span{background:none!important;color:var(--side)!important;font-weight:700;font-size:14px;text-shadow:none!important;border:0!important}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=url],input[type=tel],
input[type=date],input[type=datetime],textarea,select{background:#fff!important;border:1px solid #d5dde6!important;border-radius:10px!important;
  padding:8px 12px!important;color:var(--txt)!important;box-shadow:none!important;font-family:var(--fuente);font-size:13.5px;box-sizing:border-box;outline:0}
input:focus,textarea:focus,select:focus{border-color:var(--verde)!important;box-shadow:0 0 0 3px rgba(10,127,115,.18)!important}
label{color:var(--side);font-weight:600}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{
  border:1px solid #d5dde6!important;border-radius:10px!important;min-height:36px;background:#fff!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px!important;color:var(--txt)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:34px!important}
.select2-dropdown{border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:var(--sombra)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--verde)!important}

/* Etiquetas de estado, paginacion, scopes */
.status_tag{border-radius:999px!important;padding:3px 10px!important;font-size:11.5px!important;font-weight:700;text-transform:none!important;
  background:var(--arena)!important;color:var(--muted)!important;text-shadow:none!important;box-shadow:none!important}
.status_tag.yes,.status_tag.ok{background:var(--verde-claro)!important;color:var(--verde-osc)!important}
.status_tag.no,.status_tag.error{background:#fce6e4!important;color:var(--err)!important}
.status_tag.warn,.status_tag.warning{background:#fdf0d5!important;color:#9a6208!important}
.pagination a,.pagination span,.pagination .page{border-radius:8px!important;border:1px solid var(--line)!important;background:var(--surface)!important;
  color:var(--side)!important;padding:5px 11px!important;box-shadow:none!important}
.pagination .current,.pagination .current a{background:var(--verde)!important;color:#fff!important;border-color:var(--verde)!important}
.scopes .table_tools_button,.table_tools .scopes a{background:var(--arena)!important;color:var(--side)!important;border:0!important;
  border-radius:999px!important;box-shadow:none!important}
.scopes .selected a,.scope.selected a{background:var(--verde)!important;color:#fff!important}

/* Pestanas */
.ui-tabs-nav{margin:0 0 16px!important;padding:0!important;display:flex;gap:6px;overflow:visible!important}
.ui-tabs-nav li a{background:var(--arena)!important;background-image:none!important;color:var(--side)!important;border:0!important;
  border-radius:999px!important;box-shadow:none!important;padding:9px 18px!important;font-weight:600;line-height:1.2!important;margin:0!important;font-family:var(--fuente)!important}
.ui-tabs-nav li:first-child a,.ui-tabs-nav li:last-child a{border-radius:999px!important}
.ui-tabs-nav li a:not(.disabled):hover{background:var(--verde-claro)!important;background-image:none!important}
.ui-tabs-nav li.ui-tabs-active a{background:var(--verde)!important;background-image:none!important;color:#fff!important}
.ui-tabs-panel{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radio)!important;box-shadow:var(--sombra)}

/* Mensajes */
#wrapper .flashes .flash{border:0!important;border-radius:12px!important;padding:12px 18px!important;margin:0 0 16px!important;
  font-weight:600;box-shadow:var(--sombra);background-image:none!important}
#wrapper .flashes .flash_notice,#wrapper .flashes .flash_ok_message,#wrapper .flashes .flash_notice_message{
  background:var(--verde-claro)!important;color:var(--verde-osc)!important;border-left:4px solid var(--verde)!important}
#wrapper .flashes .flash_error,#wrapper .flashes .flash_error_message{background:#fce6e4!important;color:var(--err)!important;border-left:4px solid var(--err)!important}
#wrapper .flashes .flash_warning,#wrapper .flashes .flash_warning_message{background:#fdf0d5!important;color:#8a5a07!important;border-left:4px solid var(--warn)!important}

/* Pie: se conserva el aviso original de Yeti; solo se agrega el credito de la interfaz */
#footer{background:none!important;border:0!important;color:var(--muted)!important;font-size:12px!important;text-align:center;padding:24px 0 0!important;margin:0!important}
#footer::before{content:"Interface \00a9  2026 Tramo";display:block;font-weight:600;color:var(--side);margin-bottom:4px}
#footer a{color:var(--verde-osc)!important}

/* ===== Login ===== */
body.logged_out{background:radial-gradient(900px 500px at 15% 10%,rgba(10,127,115,.28),transparent 60%),radial-gradient(800px 500px at 90% 95%,rgba(10,127,115,.16),transparent 60%),linear-gradient(160deg,#0a1522 0%,#0f2033 60%,#07111b 100%) fixed!important;min-height:100vh}
body.logged_out{margin:0!important}
body.logged_out #header,body.logged_out #wrapper{display:none!important}
/* Login a pantalla completa, oscuro y centrado: lo construye reskin.js y mueve dentro el formulario real de Yeti */
#rk-login{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:84px 24px 230px;box-sizing:border-box;overflow:hidden;color:#e8eef5;font-family:var(--fuente)}
#rk-login .rk-net{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.9;pointer-events:none}
#rk-login .rk-net .ln{fill:none;stroke:rgba(201,211,223,.14);stroke-width:1.2}
#rk-login .rk-net .hot{fill:none;stroke:#19c3ae;stroke-width:2;stroke-linecap:round;stroke-dasharray:6 12;opacity:.55;animation:rk-flow 2.4s linear infinite}
#rk-login .rk-net .nd{fill:#0a1522;stroke:rgba(201,211,223,.32);stroke-width:1.5}
#rk-login .rk-net .nh{fill:#19c3ae;stroke:rgba(25,195,174,.35);stroke-width:6}
@keyframes rk-flow{to{stroke-dashoffset:-36}}
@media (prefers-reduced-motion:reduce){#rk-login .rk-net .hot{animation:none}}
#rk-login .rk-logo{position:absolute;left:44px;top:34px;display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:-.2px;color:#fff;z-index:2}
#rk-login .rk-mark{width:36px;height:36px;border-radius:11px;background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14M12 7v11'/%3E%3Ccircle cx='5' cy='7' r='1' fill='%23ffffff'/%3E%3Ccircle cx='19' cy='7' r='1' fill='%23ffffff'/%3E%3C/svg%3E") center/23px no-repeat;flex:none}
#rk-login .rk-center{position:relative;z-index:2;width:100%;max-width:420px;text-align:center}
#rk-login .rk-center h2{font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.7px;color:#fff;margin:0 0 10px;padding:0;background:none;border:0}
#rk-login .rk-center h2 em{font-style:normal;color:#19c3ae}
#rk-login .rk-sub{color:#9fb2c8;margin:0 0 24px;font-size:14.5px}
#rk-login .rk-card{text-align:left;background:rgba(20,26,36,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:28px 26px 24px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
#rk-login .rk-card form,#rk-login .rk-card fieldset,#rk-login .rk-card ol{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;list-style:none;width:auto!important;float:none!important}
#rk-login .rk-card li{list-style:none;margin:0 0 14px!important;padding:0!important;background:none!important;border:0!important;float:none!important;width:auto!important}
#rk-login .rk-card label{display:block;float:none!important;width:auto!important;margin:0 0 5px!important;padding:0!important;font-weight:600;font-size:13px;color:#c9d3df!important;text-align:left}
#rk-login .rk-card input[type=text],#rk-login .rk-card input[type=password],#rk-login .rk-card input[type=email]{width:100%!important;box-sizing:border-box;padding:11px 12px!important;background:#08121d!important;color:#e6ebf2!important;border:1px solid #1f3550!important;border-radius:10px!important}
#rk-login .rk-card input[type=text]:focus,#rk-login .rk-card input[type=password]:focus,#rk-login .rk-card input[type=email]:focus{border-color:#19c3ae!important;box-shadow:0 0 0 3px rgba(25,195,174,.2)!important;outline:0}
#rk-login .rk-card input[type=submit],#rk-login .rk-card button{width:100%;padding:12px!important;font-size:14.5px!important;margin-top:6px}
#rk-login .rk-card .actions,#rk-login .rk-card .buttons{padding:0!important;margin:0!important;border:0!important;background:none!important}
#rk-login .rk-flash{margin:0 0 14px;text-align:left}
#rk-login .rk-flash>*{margin:0 0 8px!important;border-radius:10px!important;padding:10px 14px!important;font-size:13px;font-weight:600;background:rgba(214,122,58,.16)!important;color:#f3b983!important;border:1px solid rgba(214,122,58,.4)!important;text-shadow:none!important;box-shadow:none!important}
#rk-login .rk-feat{position:absolute;left:0;right:0;bottom:84px;z-index:2;list-style:none;margin:0 auto;padding:0 24px;max-width:1080px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;box-sizing:border-box}
#rk-login .rk-feat li{display:flex;gap:13px;align-items:flex-start;padding:16px 16px 15px;margin:0;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s,transform .2s}
#rk-login .rk-feat li:hover{border-color:rgba(25,195,174,.45);transform:translateY(-2px)}
#rk-login .rk-ic{flex:none;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(25,195,174,.28),rgba(10,127,115,.12));border:1px solid rgba(25,195,174,.35)}
#rk-login .rk-ic svg{width:20px;height:20px;fill:none;stroke:#7cf0df;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#rk-login .rk-tx{font-size:12.5px;line-height:1.45;color:#a9bbd0}
#rk-login .rk-tx b{display:block;color:#fff;font-weight:600;font-size:13.5px;margin-bottom:2px}
#rk-login .rk-foot{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:12px;z-index:2}
#rk-login .rk-foot,#rk-login .rk-foot *{color:#7589a3!important;background:none!important;border:0!important;padding:0!important;margin:0!important}
#rk-login .rk-foot *{position:static!important}
#rk-login .rk-foot #footer::before{color:#c9d3df!important;margin-bottom:2px}
@media (max-width:1060px) and (min-width:761px){#rk-login{padding-bottom:300px}#rk-login .rk-feat{grid-template-columns:repeat(2,1fr);bottom:70px}}
@media (max-width:760px){
  #rk-login{padding:96px 18px 40px;justify-content:flex-start}
  #rk-login .rk-logo{left:20px;top:22px}
  #rk-login .rk-center h2{font-size:24px}
  #rk-login .rk-net{opacity:.5}
  #rk-login .rk-feat{position:static;grid-template-columns:1fr;gap:12px;margin-top:30px;padding:0}
  #rk-login .rk-foot{position:static;margin-top:34px;padding-top:10px}
}

@media(max-width:900px){
  #header{position:static!important;width:100%!important}
  #wrapper{margin-left:0!important;padding:18px!important}
}

/* ===== Corrige desborde horizontal ===== */
html,body{overflow-x:hidden!important;min-width:0!important;width:100%!important}
#wrapper{box-sizing:border-box!important;width:calc(100% - var(--ancho-menu))!important;max-width:calc(100% - var(--ancho-menu))!important;min-width:0!important;float:none!important}
#active_admin_content,#main_content_wrapper,#main_content,#main_content_wrapper>*{box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
#main_content_wrapper{float:none!important;width:auto!important;margin:0!important}
.columns{display:flex!important;gap:20px;width:100%!important;margin:0!important;flex-wrap:wrap}
.columns .column{float:none!important;flex:1 1 360px;min-width:0!important;width:auto!important;margin:0!important;box-sizing:border-box}
.panel,.sidebar_section,.ui-tabs,.ui-tabs-panel,.panel_contents,table.index_table,table.attributes_table{box-sizing:border-box!important;max-width:100%!important}
.panel_contents,.ui-tabs-panel{overflow-x:auto}
.index_table_wrapper,.paginated_collection,.index_as_table{max-width:100%;overflow-x:auto}
canvas,svg,.highcharts-container,.chart,[id*=chart]{max-width:100%!important}
#header{overflow-x:hidden!important}
#header h1#site_title::before{white-space:nowrap}
@media(max-width:900px){#wrapper{width:100%!important;max-width:100%!important}}

/* ===== Select2 clasico (filtros), contadores y acciones ===== */
.select2-container .select2-choice,.select2-container .select2-choices{
  background:#fff!important;background-image:none!important;border:1px solid #d5dde6!important;border-radius:10px!important;
  box-shadow:none!important;height:36px!important;line-height:34px!important;color:var(--txt)!important}
.select2-container .select2-choice>.select2-chosen{margin-right:30px;color:var(--txt)!important}
.select2-container .select2-choice .select2-arrow{background:none!important;border:0!important;border-radius:0 10px 10px 0!important;width:26px}
.select2-container-active .select2-choice,.select2-dropdown-open .select2-choice{border-color:var(--verde)!important;box-shadow:0 0 0 3px rgba(10,127,115,.18)!important}
.select2-drop{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:var(--sombra)!important}
.select2-results .select2-highlighted{background:var(--verde)!important;color:#fff!important}
.select2-search input{border-radius:8px!important}
.scopes .count,.table_tools .scopes .count,.scopes a .count{color:var(--muted)!important;opacity:1!important;font-weight:600}
.scopes .selected .count,.scopes .selected a .count{color:#cfede8!important}
#title_bar #titlebar_right{margin-left:auto!important;text-align:right}
#title_bar .action_items{display:flex;gap:8px;justify-content:flex-end}
#title_bar .action_item{float:none!important}
#filters_sidebar_section a.button,#filters_sidebar_section .filter_toggle,.sidebar_section h3 a{
  background:var(--verde)!important;border-color:var(--verde)!important;color:#fff!important}
.sidebar_section h3 label,.sidebar_section h3 .persist,.sidebar_section h3 span{color:var(--muted)!important}

/* ===== Tom-select (listas de Yeti 1.14 y nuevas pantallas) ===== */
.ts-wrapper .ts-control{background:#fff!important;border:1px solid #d5dde6!important;border-radius:10px!important;box-shadow:none!important;min-height:36px;color:var(--txt)!important}
.ts-wrapper.focus .ts-control{border-color:var(--verde)!important;box-shadow:0 0 0 3px rgba(10,127,115,.18)!important}
.ts-dropdown{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:var(--sombra)!important;overflow:hidden}
.ts-dropdown .active{background:var(--verde)!important;color:#fff!important}
.ts-wrapper.multi .ts-control>div{background:var(--verde-claro)!important;color:var(--verde-osc)!important;border-radius:6px}

/* ===== Menu plegable en pantallas angostas ===== */
#rk-burger{display:none}
@media(max-width:900px){
  #rk-burger{display:block;position:fixed;top:10px;right:12px;z-index:200;width:42px;height:42px;border:0;border-radius:10px;
    background:var(--side);color:#ffffff;font-size:22px;line-height:1;cursor:pointer;box-shadow:var(--sombra)}
  .rk-js #header{position:static!important;width:100%!important;padding:14px!important}
  .rk-js #header ul.tabs{display:none!important}
  .rk-js #header.rk-open ul.tabs{display:flex!important}
  .rk-js #header #utility_nav{display:none!important}
  .rk-js #header.rk-open #utility_nav{display:block!important}
}
body.logged_out #footer::before{color:#c9d3df}

/* ===== Skin v2 "Tramo Night": azul noche, verde azulado y oro. Para volver al anterior: skins/README.md ===== */
@font-face{font-family:"Manrope Var";src:url("fonts/manrope-var.woff2") format("woff2");font-weight:200 800;font-display:swap}
:root{--radio:18px;--brand-b:#19c3ae;--oro:#e8a33d;--oro-claro:#fdf1dc;--ok:#12805c;--ok-bg:#ddf4ea;
  --sombra:0 1px 2px rgba(10,21,34,.04),0 10px 30px rgba(10,21,34,.06);--sombra-lg:0 2px 4px rgba(10,21,34,.05),0 24px 60px rgba(10,21,34,.12);
  --fuente:"Manrope Var","Manrope","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
body,body.active_admin,body.logged_in,body.logged_out{font-size:14px;letter-spacing:.005em;-webkit-font-smoothing:antialiased}
td,th,.num,.count{font-variant-numeric:tabular-nums}
code,pre,kbd,samp{font-family:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:.92em}

/* Menu lateral */
#header{background:linear-gradient(185deg,#0c1c2f 0%,#09141f 55%,#07101a 100%)!important;border-right:1px solid rgba(255,255,255,.05)!important;padding:24px 14px 14px!important}
#header h1#site_title::before{font-size:20px;font-weight:800;letter-spacing:-.02em}
#header h1#site_title::after{background-color:#10a597;border-radius:12px;box-shadow:0 8px 22px rgba(25,195,174,.35),inset 0 1px 0 rgba(255,255,255,.25)}
#header ul.tabs>li>a{font-weight:600;font-size:13.5px!important;padding:10px 14px!important;transition:background .15s,color .15s}
#header ul.tabs>li>a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
#header ul.tabs>li.current>a{background:rgba(255,255,255,.07)!important}
#header ul.tabs>li.current:not(.has_nested)>a{background:linear-gradient(90deg,rgba(25,195,174,.22),rgba(25,195,174,.06))!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--brand-b)!important}
#header ul.tabs li li>a{font-weight:500}
#header ul.tabs li li>a:hover{background:rgba(255,255,255,.06)!important}
#header ul.tabs li li.current>a{background:rgba(25,195,174,.16)!important;color:#fff!important;box-shadow:inset 2px 0 0 var(--brand-b)!important}
#header #utility_nav{border-top:1px solid rgba(255,255,255,.08)}

/* Contenido */
#title_bar #page_title{font-size:28px!important;font-weight:800;letter-spacing:-.03em;color:var(--txt)!important}
#title_bar #page_title::after{content:"";display:block;width:36px;height:3px;border-radius:2px;margin-top:10px;background:linear-gradient(90deg,var(--brand-b),var(--oro))}
.panel,.sidebar_section,form fieldset,.ui-tabs-panel{border-color:var(--arena)!important;box-shadow:var(--sombra)}
.panel>h3,.sidebar_section>h3{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)!important;background:#fff!important;padding:16px 20px!important}
.panel_contents{padding:18px 20px!important}
#wrapper a{font-weight:600}

/* Tablas */
table.index_table,table.attributes_table{border-color:var(--arena)!important;box-shadow:var(--sombra)}
table.index_table th{background:#f7fafc!important;font-size:11px;font-weight:800;letter-spacing:.09em;padding:14px 16px!important}
table.index_table td,table.attributes_table td{padding:13px 16px!important;border-bottom:1px solid #edf1f6!important}
table.index_table tr:hover td{background:#f1faf8!important}
table.index_table tr:last-child td{border-bottom:0!important}
table.index_table tr.selected td{background:var(--verde-claro)!important}

/* Botones */
#wrapper a.button,#wrapper input[type=submit],#wrapper input[type=button],#wrapper button,#wrapper .button,#wrapper .action_item a,#wrapper .dropdown_menu_button{
  background:linear-gradient(180deg,#0d9183 0%,#0a7f73 100%)!important;border:1px solid #08756a!important;border-radius:11px!important;
  padding:9px 18px!important;font-weight:700!important;letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 14px rgba(10,127,115,.20)!important;transition:transform .15s,box-shadow .15s,filter .15s}
#wrapper a.button:hover,#wrapper input[type=submit]:hover,#wrapper input[type=button]:hover,#wrapper button:hover,#wrapper .action_item a:hover,#wrapper .dropdown_menu_button:hover{
  background:linear-gradient(180deg,#0e9a8b 0%,#0a8579 100%)!important;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 22px rgba(10,127,115,.28)!important}
#wrapper a.button:active,#wrapper input[type=submit]:active,#wrapper button:active{transform:none;filter:brightness(.97)}
#wrapper form .actions li.cancel a{background:#fff!important;color:var(--txt)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.dropdown_menu_list_wrapper{border-radius:14px!important;box-shadow:var(--sombra-lg)!important}

/* Formularios */
input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=url],input[type=tel],
input[type=date],input[type=datetime],textarea,select{border:1.5px solid #d5dde6!important;border-radius:11px!important;padding:9px 13px!important;transition:border-color .15s,box-shadow .15s}
input:hover,textarea:hover,select:hover{border-color:#b9c6d4!important}
input:focus,textarea:focus,select:focus{border-color:var(--verde)!important;box-shadow:0 0 0 4px rgba(10,127,115,.14)!important}
label{font-weight:700;color:var(--txt)}
input[type=checkbox],input[type=radio]{accent-color:var(--verde)}

/* Estado, paginacion, filtros */
.status_tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px!important}
.status_tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.status_tag.yes,.status_tag.ok{background:var(--ok-bg)!important;color:var(--ok)!important}
.pagination a,.pagination span,.pagination .page{border-radius:10px!important;font-weight:700;border-color:var(--arena)!important}
.scopes .table_tools_button,.table_tools .scopes a{font-weight:700;background:var(--arena)!important}
.scopes .selected a,.scope.selected a{background:var(--txt)!important}

/* Pestanas: control segmentado */
.ui-tabs-nav{display:inline-flex!important;background:var(--arena);padding:4px!important;border-radius:14px;gap:2px!important;margin:0 0 18px!important}
.ui-tabs-nav li a{background:transparent!important;border-radius:11px!important;padding:8px 18px!important;font-weight:700;color:var(--muted)!important;transition:background .15s,color .15s}
.ui-tabs-nav li a:not(.disabled):hover{background:rgba(255,255,255,.7)!important;color:var(--txt)!important}
.ui-tabs-nav li.ui-tabs-active a{background:#fff!important;color:var(--verde-osc)!important;box-shadow:0 1px 3px rgba(10,21,34,.12)!important}

/* Mensajes */
#wrapper .flashes .flash{border-radius:14px!important;font-weight:700}
#wrapper .flashes .flash_notice,#wrapper .flashes .flash_ok_message,#wrapper .flashes .flash_notice_message{background:var(--ok-bg)!important;color:var(--ok)!important;border-left-color:var(--ok)!important}

/* Select2 y tom-select: mismos bordes y foco */
.select2-container .select2-choice,.select2-container .select2-choices,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple,.ts-wrapper .ts-control{border:1.5px solid #d5dde6!important;border-radius:11px!important}
.select2-results .select2-highlighted,.select2-container--default .select2-results__option--highlighted[aria-selected],.ts-dropdown .active{background:var(--verde)!important}

/* Login: mismo azul noche; el acento dorado en la marca */
#rk-login .rk-center h2{font-weight:800;letter-spacing:-.03em}
#rk-login .rk-center h2 em{background:linear-gradient(90deg,#19c3ae,#e8a33d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#19c3ae}
#rk-login .rk-mark{background-color:#10a597;box-shadow:0 8px 22px rgba(25,195,174,.4)}
#rk-login .rk-card{border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.5)}
#rk-login .rk-card input[type=submit],#rk-login .rk-card button{border-radius:12px!important}
#rk-login .rk-feat li{border-radius:16px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Menu Portal del panel: iconos y grupos como en la consola; el grupo queda siempre abierto */
.rk-js #header ul.tabs li.rk-fixed>ul{display:block!important}
#header ul.tabs li.rk-fixed>a::after{display:none!important}
#header ul.tabs li li>a.rk-i{display:flex!important;align-items:center;gap:12px;padding:8px 12px!important}
#header ul.tabs li li>a.rk-i svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
#header ul.tabs li li.current>a.rk-i svg,#header ul.tabs li li>a.rk-i:hover svg{opacity:1}
#header ul.tabs li li.rk-sep{margin-top:8px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.08)}

/* Quien no es root: el usuario y Logout viven en el menu de la consola (arriba a la derecha) */
html.rk-console #header #utility_nav{display:none!important}