/* BS Trámites y Gestiones: visual theme shared by the three work panels.
   No visibility, table-column, form-validation or automation rules live here. */
@font-face{font-family:BSInter;font-style:normal;font-weight:100 900;font-display:swap;src:url('brand/inter-latin.woff2') format('woff2')}
html.bs-workspace{--bs-navy:#1b2e4c;--bs-dark:#132139;--bs-ink:#0b1628;--bs-muted:#636363;--bs-line:#e1e5eb;--bs-gold:#d0901e;--workspace-ink:var(--bs-ink);--workspace-muted:var(--bs-muted);--workspace-accent:var(--bs-navy);--workspace-line:var(--bs-line);--teal:var(--bs-navy);--dark:var(--bs-dark);--line:var(--bs-line);--muted:var(--bs-muted);background:#fcfcfc;color:var(--bs-ink);font-family:BSInter,Inter,Arial,sans-serif}
.bs-workspace body{background:#fcfcfc;color:var(--bs-ink);font-family:BSInter,Inter,Arial,sans-serif}
.bs-workspace :is(button,input,select,textarea){font-family:inherit}
.bs-workspace :is(h1,h2,h3,legend){color:var(--bs-dark)}
.bs-workspace :is(p,.subtitle,.muted,.hint,small,label){color:var(--bs-muted)}
.bs-workspace :is(a,.eyebrow){color:var(--bs-navy)}
.bs-workspace body>main{padding-top:24px}
.bs-workspace body header{padding:18px 22px;min-height:96px;border:1px solid #132139;border-radius:10px;background:linear-gradient(90deg,#132139fa 10%,#132139e8 56%,#132139ba),url('brand/bs-office.jpg') center 54%/cover;color:#fff;box-shadow:0 8px 24px #1321390d}
.bs-workspace header .brand{display:grid;grid-template-columns:58px auto;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;color:#fff;min-width:0}
.bs-workspace header .bs-brand-logo{grid-column:1;grid-row:1/3;width:58px;height:58px;object-fit:contain;background:#fff;border:1px solid #ffffff40;border-radius:6px}
.bs-workspace header .brand h1{grid-column:2;grid-row:1;margin:0;font-size:22px;letter-spacing:-.6px;color:#fff}
.bs-workspace header .brand>span{grid-column:2;grid-row:2;color:#e2e7ef;font-size:12px}
.bs-workspace header :is(.connection small,.header-note){color:#e2e7ef}
.bs-workspace header .header-note{font-size:12px;letter-spacing:.1px}
.bs-workspace header .brand small{color:#f4cc82;font-size:9px;letter-spacing:1.6px}
.bs-workspace body header .header-actions button,.bs-workspace header #account-open{background:#ffffff12;color:#fff;border-color:#ffffff40;border-radius:6px}
.bs-workspace body header .header-actions button:hover,.bs-workspace header #account-open:hover{background:#ffffff26}
.bs-workspace body .panel-tabs{border-bottom-color:var(--bs-line);gap:24px}
.bs-workspace body .panel-tabs button{color:var(--bs-muted)}
.bs-workspace body .panel-tabs button[aria-selected=true]{color:var(--bs-navy);border-bottom-color:var(--bs-gold);font-weight:700}
.bs-workspace body :is(.card,.login-card,.search-kpis,.table-wrap,.profile,.stats article){border-color:var(--bs-line);border-radius:10px}
.bs-workspace body :is(.card,.login-card,.stats article){background:#fff;box-shadow:0 5px 22px #13213906}
.bs-workspace body :is(.card h2,.workspace-heading h2,.workspace-heading h1){color:var(--bs-dark);letter-spacing:-.4px}
.bs-workspace body :is(button,.remote-quick-links a){border-radius:6px;color:var(--bs-navy);border-color:#ccd2db}
.bs-workspace body button:hover,.bs-workspace body .remote-quick-links a:hover{background:#edf1f7;border-color:#bac8da}
.bs-workspace body button.primary,.bs-workspace body .filters [aria-pressed=true]{background:var(--bs-navy);border-color:var(--bs-navy);color:white}
.bs-workspace body button.primary:hover,.bs-workspace body .filters [aria-pressed=true]:hover{background:var(--bs-dark)}
.bs-workspace body button.danger{color:#a52d2c;border-color:#edcecb;background:#fff7f6}
.bs-workspace body button.danger:hover{background:#fbe8e5}
.bs-workspace body :is(input,select,textarea){color:var(--bs-ink);border-color:#ccd2db;border-radius:6px;background:#fff}
.bs-workspace body :is(input,select,textarea):focus{outline:none;border-color:var(--bs-navy);box-shadow:0 0 0 3px #1b2e4c18}
.bs-workspace body :is(button,a,summary):focus-visible{outline:3px solid var(--bs-gold);outline-offset:3px}
.bs-workspace body :is(input[type=checkbox],input[type=radio]){accent-color:var(--bs-navy)}
.bs-workspace body :is(input,select,textarea)[aria-invalid=true]{border-color:#b42318}
.bs-workspace body :is(fieldset,.dialog-actions,.filters){border-color:var(--bs-line)}
.bs-workspace body legend{color:var(--bs-navy);font-weight:700}
.bs-workspace body .hint{background:#f7f9fc;border-left-color:#bdc9da}
.bs-workspace body .profile{background:#f7f9fc}
.bs-workspace body .search-kpis{border-color:var(--bs-line);background:#fff}
.bs-workspace body .search-kpis button{color:var(--bs-navy)}
.bs-workspace body .search-kpis button+button{border-left-color:var(--bs-line)}
.bs-workspace body .search-kpis button:hover{background:#f2f5fa}
.bs-workspace body .search-kpis strong{color:var(--bs-navy)}
.bs-workspace body .search-kpis span{color:var(--bs-muted)}
.bs-workspace body :is(th,.data-grid th,.remote-jobs-table th){background:#f3f5f9;color:#50617b;border-color:var(--bs-line)}
.bs-workspace body :is(td,.data-grid td){border-color:#e9edf2}
.bs-workspace body tbody tr:nth-child(even){background:#fafbfc}
.bs-workspace body tbody tr:hover{background:#f0f4fa}
.bs-workspace body :is(.data-grid tbody tr.selected,.data-grid tbody tr[aria-selected=true]){background:#eaf0fa}
.bs-workspace body :is(.remote-job-customer,.client-name strong){color:var(--bs-dark)}
.bs-workspace body :is(.count,.badge.search){color:var(--bs-navy);background:#eaf0f8}
.bs-workspace body .badge:not(.ok):not(.available):not(.in_use):not(.blocked):not(.warning):not(.errors):not(.appointments):not(.payments):not(.error){color:#50617b;background:#edf1f7}
.bs-workspace body .badge:is(.ok,.available,.appointments){color:#17664c;background:#e5f3eb}
.bs-workspace body .badge:is(.warning,.blocked,.payments){color:#8b5716;background:#fff2db}
.bs-workspace body .badge:is(.error,.errors){color:#a52d2c;background:#fdecea}
.bs-workspace body .badge.in_use{color:#315d93;background:#eaf1fc}
.bs-workspace body dialog{color:var(--bs-ink);border-color:var(--bs-line);border-radius:10px;box-shadow:0 24px 80px #13213930}
.bs-workspace body dialog::backdrop{background:#13213966;backdrop-filter:blur(2px)}
.bs-workspace body dialog h2{color:var(--bs-dark)}
.bs-workspace body .remote-login{max-width:460px}
.bs-workspace body .remote-login .card{border-top:4px solid var(--bs-navy);padding:32px}
.bs-workspace body .remote-login .eyebrow{color:var(--bs-navy)}
.bs-workspace body .remote-login .card:before{content:'';display:block;width:70px;height:70px;background:#fff url('brand/bs-logo.jpeg') center/contain no-repeat;margin-bottom:22px;border-radius:6px}
.bs-workspace body .login-card{border-top:4px solid var(--bs-navy)}
.bs-workspace body .remote-quick-links a{background:#fff;color:var(--bs-navy);border-color:var(--bs-line)}
.bs-workspace body .remote-quick-links a span{color:#947025}
.bs-workspace body footer{color:var(--bs-muted)}
.bs-workspace body.management .site-header{margin:24px auto 0;width:calc(100% - 68px);max-width:1532px}
.bs-workspace body.management header .brand{font-size:15px;grid-template-rows:auto}
.bs-workspace body.management header .brand>span{grid-row:1/3;font-size:15px;color:#fff}
.bs-workspace body.management .workspace-heading .eyebrow{color:var(--bs-navy)}
.bs-workspace body.management #editor{border-radius:0}
.bs-workspace body.management #editor .dialog-actions{background:#fff}
.bs-workspace body.management .row-actions button{background:transparent;border-color:transparent}
.bs-workspace body.management .row-actions .danger-link{color:#a52d2c}
@media(max-width:820px){
 .bs-workspace body header{padding:16px;gap:12px}
 .bs-workspace header .brand{grid-template-columns:50px auto;column-gap:12px}
 .bs-workspace header .bs-brand-logo{width:50px;height:50px}
 .bs-workspace header .brand h1{font-size:20px}
 .bs-workspace body .panel-tabs{gap:5px}
}
@media(max-width:640px){
 .bs-workspace body>main{padding-top:12px}
 .bs-workspace body.remote-panel header{grid-template-columns:minmax(0,1fr) auto}
 .bs-workspace body.remote-panel header .brand{grid-column:1/-1;grid-row:1}
 .bs-workspace body.remote-panel header .connection{grid-column:1;grid-row:2;text-align:left}
 .bs-workspace body.remote-panel header .header-actions{grid-column:2;grid-row:2}
 .bs-workspace body header .brand>span{font-size:11px}
 .bs-workspace body header .connection small{font-size:10px}
 .bs-workspace body .remote-login .card{padding:24px}
 .bs-workspace body.management .site-header{margin:12px auto 0;width:calc(100% - 24px);padding:14px;flex-direction:row;align-items:center;gap:10px}
 .bs-workspace body.management header .brand{grid-template-columns:44px auto;column-gap:9px}
 .bs-workspace body.management header .bs-brand-logo{width:44px;height:44px}
 .bs-workspace body.management header .brand>span{font-size:12px}
 .bs-workspace body.management header .brand small{font-size:8px;letter-spacing:1px}
 .bs-workspace body.management header #account-open{font-size:11px;padding:8px}
}