/* Bioinfospace — Lab-Manual Brutalism × Sequence Telemetry (shared CHROME override).
   Ported from /var/www/bioinfospace.com/src/styles/globals.css. Overrides Bootstrap/
   Shiny/DataTables/plot-container chrome ONLY — never app data-viz color encodings. */
:root{
  --font-sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  --font-headings:"Space Grotesk","IBM Plex Sans",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",monospace;
  --background:#F0EEE6;--foreground:#141712;--card:#FBFAF5;--card-foreground:#141712;
  --primary:#16B364;--primary-foreground:#141712;--secondary:#E6E3D8;--secondary-foreground:#141712;
  --muted:#E6E3D8;--muted-foreground:#57534A;--destructive:#C42B1C;--destructive-foreground:#FFFFFF;
  --border:#141712;--border-strong:#141712;--ring:#16B364;
  --brand:#16B364;--brand-strong:#0B7A3E;--brand-soft:#D8F0E1;--brand-softer:#E9F6EE;
  --shadow-ink:#141712;--shadow-sm:3px 3px 0 var(--shadow-ink);--shadow-md:4px 4px 0 var(--shadow-ink);
}
html,body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);}
h1,h2,h3,h4,h5,h6,legend{font-family:var(--font-headings);font-weight:700;letter-spacing:-0.01em;}
a{color:var(--brand-strong);} a:hover{text-decoration:underline;}
code,pre,.mono{font-family:var(--font-mono);} hr{border:none;border-top:2px solid var(--border);}
::selection{background:var(--brand-soft);color:var(--brand-strong);}
.navbar,.navbar-default{background:var(--background);border:2px solid var(--border);border-radius:0;box-shadow:none;font-family:var(--font-mono);}
.navbar-default .navbar-nav>li>a{color:var(--foreground);text-transform:uppercase;letter-spacing:.08em;font-size:13px;}
.navbar-default .navbar-nav>.active>a{color:var(--brand-strong)!important;background:transparent!important;border-bottom:2px solid var(--brand);}
.navbar-brand{font-family:var(--font-mono);font-weight:700;color:var(--foreground)!important;}
.btn,.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{border-radius:0;border:2px solid var(--border);font-family:var(--font-sans);font-weight:600;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease;}
.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md);}
.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow-ink);}
.btn-default{background:var(--card);color:var(--foreground);}
.btn-primary{background:var(--primary);border-color:var(--border);color:var(--primary-foreground);}
.btn-success{background:var(--brand-soft);border-color:var(--border);color:var(--brand-strong);}
.btn-info{background:var(--secondary);border-color:var(--border);color:var(--foreground);}
.btn-warning{background:#F3EEDD;border-color:var(--border);color:#7A5E00;}
.btn-danger{background:var(--destructive);border-color:var(--border);color:var(--destructive-foreground);}
.well,.panel,.panel-default{background:var(--card);border:2px solid var(--border);border-radius:0;box-shadow:var(--shadow-sm);}
.panel-default>.panel-heading{background:var(--secondary);border-bottom:2px solid var(--border);font-family:var(--font-mono);}
.nav-tabs{border-bottom:2px solid var(--border);}
.nav-tabs>li>a{border-radius:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border:2px solid var(--border);border-bottom-color:transparent;background:var(--primary);color:var(--primary-foreground);}
.form-control,.selectize-input{border-radius:0;border:2px solid var(--border);background:var(--card);color:var(--foreground);box-shadow:none;}
.form-control:focus,.selectize-input.focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--ring) inset;}
.selectize-dropdown,.selectize-dropdown-content{border-radius:0;border:2px solid var(--border);font-family:var(--font-sans);}
.alert{border-radius:0;border:2px solid var(--border);}
.alert-info{background:var(--secondary);color:var(--foreground);} .alert-success{background:var(--brand-soft);color:var(--brand-strong);}
.alert-warning{background:#F3EEDD;color:#7A5E00;} .alert-danger{background:#FBE2DE;color:var(--destructive);}
.label{border-radius:0;font-family:var(--font-mono);} .label-primary{background:var(--primary);color:var(--primary-foreground);}
.nav-tabs .nav-link{border-radius:0;font-family:var(--font-mono);}
.nav-tabs .nav-link.active{background:var(--primary)!important;color:var(--primary-foreground)!important;border-color:var(--border)!important;}
.card{border-radius:0;border:2px solid var(--border);box-shadow:var(--shadow-sm);} .form-select{border-radius:0;border:2px solid var(--border);}
table.dataTable{border:2px solid var(--border);font-family:var(--font-mono);font-size:.85rem;}
table.dataTable thead th{background:var(--secondary);border-bottom:2px solid var(--border)!important;text-transform:uppercase;letter-spacing:.04em;}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border-radius:0;border:2px solid var(--border);}
.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:0!important;font-family:var(--font-mono);}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--primary)!important;color:var(--primary-foreground)!important;border-color:var(--border)!important;}
.js-plotly-plot .plotly,.plot-container{border:2px solid var(--border);background:var(--card);}