.plot-nav{display:flex;gap:8px;margin-top:8px;font-size:12px;flex-wrap:wrap}.plot-nav a{padding:5px 10px;border:1px solid #dfe6de;border-radius:7px;color:#287b59;text-decoration:none;background:white}.plot-nav a[aria-current=page]{background:#287b59;color:white}.surface-views{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0;min-height:0}.surface-card{display:flex;flex-direction:column;min-width:0;min-height:0;background:white;border:1px solid #dfe6de;border-radius:14px;overflow:hidden}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #e8ede6;flex-wrap:wrap}.view-heading h2{margin:0;font-size:14px}.view-heading button{font-size:11px}.plot-view{flex:1;min-height:0;min-width:0}.surface-card .modebar{z-index:2}button:disabled{opacity:.5;cursor:default}@media(max-width:1200px) and (min-width:801px){.surface-views{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.view-heading{padding:6px 10px}}@media(max-width:800px),(max-height:540px){.surface-views{grid-template-columns:1fr}.plot-view{min-height:330px}.surface-card{min-height:380px}}

.surface-views{display:flex;flex-direction:column}
.surface-card{flex:1}
.plot-stack{position:relative;flex:1;min-height:0}
.plot-stack .plot-view{position:absolute;inset:0;min-height:0}
.inactive-view{visibility:hidden;pointer-events:none}
.view-switch{display:flex;gap:6px}
.view-switch button[aria-pressed=true]{background:#287b59;border-color:#287b59;color:white}
@media(max-width:800px),(max-height:540px){.plot-stack{min-height:330px}}