:root{
  --bg:#d1d6e0;
  --panel:#eef1f7;
  --panel2:#dde3ef;
  --line:#8d96a7;
  --line2:#b7bfce;
  --blue1:#0a2c73;
  --blue2:#3f7bd8;
  --text:#111;
  --link:#002f87;
}
html,body{background:var(--bg)!important;color:var(--text)!important;font-family:Tahoma,Arial,sans-serif!important;margin:0;padding:0;}
body{padding:14px 12px;}
.wrap{
  width:1180px;max-width:calc(100% - 8px);margin:0 auto!important;
  border:1px solid var(--line);background:var(--panel)!important;box-shadow:4px 4px 0 #9ea7b6;
  padding:0!important;border-radius:0!important;overflow:hidden;
}
header{
  margin:0!important;padding:6px 10px!important;
  background:linear-gradient(90deg,var(--blue1),var(--blue2))!important;color:#fff!important;
  display:flex;align-items:center;gap:10px;border-bottom:1px solid #001845;border-radius:0!important;box-shadow:none!important;
}
header h1, header .sub, header *{color:inherit!important;text-shadow:none!important}
header h1{font-size:18px!important;line-height:1.1;margin:0!important}
header .sub{font-size:12px!important;opacity:.95}
header .logo{display:none!important}
.projects-toolbar{padding:8px 10px;background:var(--panel2);border-top:1px solid #fff;border-bottom:1px solid var(--line);font-size:13px;display:flex;gap:14px;flex-wrap:wrap}
.projects-toolbar a{color:var(--link);text-decoration:none;font-weight:bold}
.projects-toolbar a:hover{text-decoration:underline}
.projects-path{padding:6px 10px;background:#f7f9fc;border-bottom:1px solid var(--line2);font-size:12px;color:#222}
section, main, footer, .content, .table-wrapper, .charts-grid, .grid, .controls, .settings-panel, .list-panel{padding-left:10px;padding-right:10px;box-sizing:border-box}
main{padding-bottom:10px}
section{margin:12px 0!important}
h2{font-size:12px!important;text-transform:uppercase;letter-spacing:.06em;background:#e1e7f2;border-top:1px solid #fff;border-bottom:1px solid var(--line2);padding:7px 10px;margin:0 -10px 10px!important;color:#1b2d48!important}
h3{font-size:14px!important;margin:0 0 8px}
.card,.timeline-card,.panel,.box,.window,.table-wrapper{
  background:#fff!important;border:1px solid #959eaf!important;border-radius:0!important;box-shadow:none!important;color:#111!important;
}
.card,.timeline-card,.panel,.box,.window{padding:10px!important}
.grid,.charts-grid{display:grid;gap:10px!important}
.btn,.btn-gaq,.btn-mira,button,input[type=button],input[type=submit]{
  display:inline-block;background:#e8edf7!important;border:1px solid #4c566a!important;color:#111!important;border-radius:0!important;
  padding:5px 9px!important;text-decoration:none!important;box-shadow:2px 2px 0 #b0b7c6;
}
.btn:hover,.btn-gaq:hover,.btn-mira:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{background:#fffcd8!important}
input,select,textarea{
  background:#fff!important;color:#111!important;border:1px solid #4c566a!important;border-radius:0!important;box-shadow:none!important;padding:6px 7px!important;
}
table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
th,td{padding:8px 10px;border-bottom:1px solid #c7cedb;vertical-align:top;text-align:left}
th{background:#e1e7f2;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
tr:nth-child(even) td{background:#f8fbff} tr:hover td{background:#fffcd8}
footer{padding:10px;background:var(--panel2);border-top:1px solid var(--line2);font-size:12px;color:#334;margin-top:12px}
.sig{color:#334!important}
a{color:var(--link)}
canvas,img{max-width:100%}
.sort-controls,.table-controls,.toolbar-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.timeline{display:grid;gap:10px}
.timeline-item .card{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:start}
.thumb img{display:block;border:1px solid #8e97a8}
@media (max-width:700px){
  body{padding:8px}
  .wrap{max-width:100%}
  .timeline-item .card{grid-template-columns:1fr}
  .projects-toolbar{gap:8px}
}


/* page-specific flattening / cleanup */
body[class*="pt-page-"] .btn,
body[class*="pt-page-"] .btn-gaq,
body[class*="pt-page-"] .btn-mira,
body[class*="pt-page-"] .btn-accent,
body[class*="pt-page-"] button,
body[class*="pt-page-"] input,
body[class*="pt-page-"] select,
body[class*="pt-page-"] textarea,
body[class*="pt-page-"] .panel,
body[class*="pt-page-"] .chart,
body[class*="pt-page-"] .console,
body[class*="pt-page-"] .log,
body[class*="pt-page-"] .card,
body[class*="pt-page-"] .segment,
body[class*="pt-page-"] .meter,
body[class*="pt-page-"] .tabbtn,
body[class*="pt-page-"] .pane,
body[class*="pt-page-"] footer,
body[class*="pt-page-"] header,
body[class*="pt-page-"] .wrap,
body[class*="pt-page-"] .vtf-preview,
body[class*="pt-page-"] canvas,
body[class*="pt-page-"] img {
  border-radius:0!important;
}

body.pt-page-reflectionix,
body.pt-page-soundview,
body.pt-page-clock {
  background:var(--bg)!important;
  color:#111!important;
}
body.pt-page-reflectionix::before,
body.pt-page-soundview::before,
body.pt-page-clock::before {
  display:none!important;
}

body.pt-page-reflectionix .app,
body.pt-page-reflectionix .left,
body.pt-page-soundview .grid,
body.pt-page-clock #timers {
  background:transparent!important;
}

body.pt-page-reflectionix .panel,
body.pt-page-reflectionix .chart,
body.pt-page-reflectionix .console,
body.pt-page-reflectionix .log,
body.pt-page-reflectionix .vtf-preview,
body.pt-page-soundview .card,
body.pt-page-soundview .pane,
body.pt-page-soundview .mono,
body.pt-page-soundview .meter,
body.pt-page-soundview .tabbtn,
body.pt-page-clock .card,
body.pt-page-clock .segment,
body.pt-page-clock footer {
  background:#fff!important;
  color:#111!important;
  border:1px solid #959eaf!important;
  box-shadow:none!important;
}

body.pt-page-reflectionix .log,
body.pt-page-reflectionix #chart2d,
body.pt-page-reflectionix #rgb3d,
body.pt-page-soundview canvas {
  background:#fff!important;
}

body.pt-page-reflectionix .console-title,
body.pt-page-reflectionix .kv-inline label,
body.pt-page-reflectionix .vtf-preview-title,
body.pt-page-reflectionix .vtf-preview-meta,
body.pt-page-soundview .muted,
body.pt-page-clock .card-title,
body.pt-page-clock .segment-label,
body.pt-page-clock .sub,
body.pt-page-clock footer,
body.pt-page-clock .sig {
  color:#4b5870!important;
}

body.pt-page-reflectionix .btn,
body.pt-page-reflectionix .btn-accent,
body.pt-page-reflectionix .btn-gaq,
body.pt-page-reflectionix .btn-mira,
body.pt-page-soundview .btn,
body.pt-page-clock .btn {
  background:#e8edf7!important;
  color:#111!important;
  border:1px solid #4c566a!important;
  box-shadow:2px 2px 0 #b0b7c6!important;
}

body.pt-page-reflectionix .btn:hover,
body.pt-page-reflectionix .btn-accent:hover,
body.pt-page-reflectionix .btn-gaq:hover,
body.pt-page-reflectionix .btn-mira:hover,
body.pt-page-soundview .btn:hover,
body.pt-page-clock .btn:hover {
  background:#fffcd8!important;
  color:#111!important;
}

body.pt-page-reflectionix input,
body.pt-page-soundview input,
body.pt-page-soundview select,
body.pt-page-soundview textarea {
  background:#fff!important;
  color:#111!important;
  border:1px solid #4c566a!important;
  box-shadow:none!important;
}

body.pt-page-clock .timer-display,
body.pt-page-clock .timer-label,
body.pt-page-clock .segment-value,
body.pt-page-clock .glitch,
body.pt-page-clock .glitch::before,
body.pt-page-clock .glitch::after,
body.pt-page-clock h1,
body.pt-page-clock h2,
body.pt-page-clock .sub {
  color:#111!important;
  text-shadow:none!important;
}

body.pt-page-clock .segment {
  background:#f7f9fc!important;
}
body.pt-page-clock .timer-label {
  color:#1d4aa8!important;
}


/* stronger Reflectionix cleanup */
body.pt-page-reflectionix .console-head,
body.pt-page-reflectionix .graph-toggle,
body.pt-page-reflectionix .toggle-btn,
body.pt-page-reflectionix .vtf-preview img,
body.pt-page-reflectionix footer {
  background:#fff!important;
  color:#111!important;
  border-color:#959eaf!important;
}

body.pt-page-reflectionix .graph-toggle {
  border:1px solid #959eaf!important;
}

body.pt-page-reflectionix .toggle-btn.active {
  background:#dfe7f5!important;
  color:#111!important;
}

body.pt-page-reflectionix .js-plotly-plot .plotly .modebar,
body.pt-page-reflectionix .js-plotly-plot .plotly .modebar-group,
body.pt-page-reflectionix .js-plotly-plot .plotly .modebar-btn {
  background:#eef1f7!important;
  color:#111!important;
}

body.pt-page-reflectionix .js-plotly-plot .plotly .modebar {
  border:1px solid #959eaf!important;
}

body.pt-page-reflectionix .js-plotly-plot text,
body.pt-page-reflectionix .js-plotly-plot .gtitle,
body.pt-page-reflectionix .js-plotly-plot .xtitle,
body.pt-page-reflectionix .js-plotly-plot .ytitle {
  fill:#111!important;
}