/* Sapphire command workspace, paired themes; green base / red additional. */
body[data-view="vessel-dashboard"]{--r3-accent:var(--r3-blue);--r3-surface-2:var(--r3-soft)}
body[data-view="usage"] .r5-block[data-r8-bucket="cycle"]{--r8-package:#34d399;border-top:3px solid var(--r8-package)}
body[data-view="usage"] .r5-block[data-r8-bucket="overage"],body[data-view="usage"] .r5-block[data-r8-bucket="bolton"]{--r8-package:#f87171;border-top:3px solid var(--r8-package)}
body[data-view="usage"] .r5-block[data-r8-bucket] .r5-segment-meter i.is-filled{background:linear-gradient(to right,var(--r8-package) calc(var(--r5-part)*100%),var(--r3-soft) 0)!important}
body[data-view="usage"] .r5-block[data-r8-bucket] header svg{color:var(--r8-package)}
body[data-view="usage"] .r5-gauge-fill{stroke:#34d399!important}
body[data-view="vessel-dashboard"] #view-panel{background:transparent!important;border:0!important;min-width:0}
.r8-vessel-head{display:flex!important;align-items:center;gap:22px;padding:26px!important;border:1px solid var(--r3-line);border-radius:16px;background:var(--r3-surface)!important;margin-bottom:18px}
.r8-vessel-head>div:nth-child(2){flex:1;min-width:0}.r8-vessel-head h2{font-size:28px!important;margin:8px 0!important}.r8-vessel-head p{line-height:1.6}.r8-vessel-emblem{display:grid;place-items:center;width:88px;height:88px;flex:none;border-radius:22px;background:var(--r3-surface-2);color:var(--r3-accent);border:1px solid var(--r3-line)}.r8-vessel-emblem svg{width:52px;height:52px}
.r8-vessel-identity{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.r8-vessel-identity span,.r8-vessel-tools>header>span,.r8-equipment header span{font-size:10px;letter-spacing:.12em;color:var(--r3-muted);font-weight:700}.r8-vessel-identity strong{font-size:12px;color:var(--r3-accent)}.r8-vessel-identity small{width:100%;font-size:12px;color:var(--r3-muted);line-height:1.5}
.r8-vessel-desk{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:18px}.r8-vessel-metrics{padding:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;min-width:0}.r8-vessel-metrics .detail-card{padding:22px!important;min-width:0;display:flex;flex-direction:column;gap:8px;margin:0!important}.r8-vessel-metrics .detail-card strong{font-size:22px!important;line-height:1.4;overflow-wrap:anywhere}.r8-vessel-metrics .detail-card p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.r8-vessel-metrics .detail-card small{display:block;letter-spacing:.1em}.r8-vessel-metrics [data-r8-metric="2"]{grid-column:span 2;grid-row:1;border-top:3px solid #34d399}.r8-vessel-metrics [data-r8-metric="4"]{grid-column:span 2;border-left:3px solid var(--r3-accent)}.r8-reserve-track{height:10px;background:var(--r3-surface-2);border-radius:8px;overflow:hidden;margin:12px 0}.r8-reserve-track i{height:100%;display:block;background:#34d399}.r8-reserve span{font-size:12px;color:var(--r3-muted)}
.r8-equipment{padding:22px;border:1px solid var(--r3-line);border-radius:14px;background:var(--r3-surface);min-width:0}.r8-equipment header{display:flex;align-items:center;gap:14px}.r8-equipment header svg{width:34px;height:34px;color:var(--r3-accent)}.r8-equipment h3{font-size:16px;margin:6px 0}.r8-equipment dl{margin-top:28px}.r8-equipment dl div{padding:16px 0;border-bottom:1px solid var(--r3-line)}.r8-equipment dt{font-size:12px;color:var(--r3-muted)}.r8-equipment dd{margin:6px 0 0;font-size:13px;overflow-wrap:anywhere}.r8-equipment p{font-size:12px;line-height:1.6;color:var(--r3-muted);margin-top:26px}
.r8-vessel-tools{margin-top:26px}.r8-vessel-tools>header{margin-bottom:18px}.r8-vessel-tools h3{font-size:20px;margin:6px 0}.r8-vessel-tools p{font-size:13px;color:var(--r3-muted)}.r8-vessel-tools .dashboard-grid{padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:none!important}.r8-vessel-tools button{padding:20px!important;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:10px;text-align:left;min-width:0;min-height:150px;transition:border-color .15s,background .15s}.r8-vessel-tools button:hover{border-color:var(--r3-accent)}.r8-vessel-tools button strong{display:block;font-size:14px!important;line-height:1.55}.r8-vessel-tools button small{display:block;line-height:1.5}.r8-tool-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--r3-accent);background:var(--r3-surface-2);border-radius:10px}.r8-tool-icon svg{width:23px;height:23px}.r8-vessel-tools button:focus-visible{outline:2px solid var(--r3-accent);outline-offset:3px}
.r8-vessel-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html[data-theme="light"] body[data-view="usage"] .r5-block[data-r8-bucket="cycle"]{--r8-package:#059669}html[data-theme="light"] body[data-view="usage"] .r5-block[data-r8-bucket="overage"],html[data-theme="light"] body[data-view="usage"] .r5-block[data-r8-bucket="bolton"]{--r8-package:#dc2626}
@media(max-width:1100px){.r8-vessel-desk{grid-template-columns:minmax(0,1fr)}.r8-equipment dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.r8-vessel-tools .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.r8-vessel-head{gap:14px;padding:18px!important;flex-wrap:wrap}.r8-vessel-head h2{font-size:22px!important}.r8-vessel-emblem{width:58px;height:58px;border-radius:14px}.r8-vessel-emblem svg{width:36px;height:36px}.r8-vessel-head>button{width:100%}.r8-vessel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.r8-vessel-metrics [data-r8-metric="2"],.r8-vessel-metrics [data-r8-metric="4"]{grid-column:span 2}.r8-vessel-metrics .detail-card{padding:16px!important}.r8-vessel-metrics .detail-card strong{font-size:18px!important}.r8-equipment dl{grid-template-columns:1fr}.r8-vessel-tools .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.r8-vessel-tools .dashboard-grid{grid-template-columns:1fr}.r8-vessel-tools button{min-height:110px}.r8-vessel-head>div:nth-child(2){flex-basis:calc(100% - 75px)}}@media(prefers-reduced-motion:reduce){.r8-vessel-tools button{transition:none}}