/* TerraAqua ReefCore manual controller setup and multi-controller dashboard v1.5.4 */
.ta-old-registration-hidden{display:none!important}.ta-modal-open{overflow:hidden}.ta-controller-modal{position:fixed;inset:0;z-index:10000;background:rgba(1,8,15,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px}.ta-controller-modal.hidden{display:none!important}.ta-controller-dialog{width:min(720px,100%);max-height:94vh;overflow:auto;border:1px solid rgba(109,222,241,.32);border-radius:26px;background:linear-gradient(155deg,rgba(9,38,60,.98),rgba(3,18,31,.98));box-shadow:0 32px 100px rgba(0,0,0,.55);padding:22px}.ta-controller-head,.ta-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ta-controller-head h2,.ta-settings-heading h2{margin:4px 0 0}.ta-controller-head .icon-btn{flex:0 0 auto}.ta-setup-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:18px 0}.ta-setup-progress>div{display:grid;justify-items:center;gap:5px;text-align:center;color:var(--muted,#9ab7c8)}.ta-setup-progress span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(109,222,241,.25);background:rgba(255,255,255,.04);font-weight:800}.ta-setup-progress .active span,.ta-setup-progress .done span{background:#45d5e8;color:#04202b;border-color:#45d5e8}.ta-setup-progress small{font-size:10px;line-height:1.2}.ta-setup-card{border:1px solid rgba(109,222,241,.19);border-radius:20px;background:rgba(7,31,49,.7);padding:20px}.ta-setup-card h3{margin-top:0}.ta-password-row{display:grid;grid-template-columns:1fr auto;gap:8px}.ta-credential,.ta-controller-target,.ta-found-controller{display:grid;gap:6px;padding:15px;margin:12px 0;border:1px solid rgba(109,222,241,.18);border-radius:15px;background:rgba(255,255,255,.035)}.ta-credential>div{display:flex;gap:8px;flex-wrap:wrap}.ta-credential strong,.ta-controller-target strong,.ta-found-controller strong{font-size:18px;word-break:break-word}.ta-credential span,.ta-controller-target span,.ta-found-controller span{color:var(--muted,#9ab7c8);font-size:13px}.ta-found-controller small{color:#5ee6a8;text-transform:capitalize}.ta-controllers-settings{margin-bottom:14px}.ta-controller-list{margin-top:14px}.ta-complete{text-align:center}.ta-complete-mark{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#48dda0;color:#03241b;font-size:34px;font-weight:900}.ta-controller-dialog .btn.full{width:100%;margin-top:10px}.ta-controller-dialog .notice{margin:12px 0}.ta-controller-dialog .statusline{min-height:24px;margin-top:10px}.ta-controller-dialog .statusline.error{color:#ff8d95}@media(max-width:640px){.ta-controller-dialog{padding:16px;border-radius:20px}.ta-setup-progress small{display:none}.ta-settings-heading{display:grid}.ta-settings-heading .btn{width:100%}.ta-password-row{grid-template-columns:1fr}.ta-controller-head h2{font-size:22px}}

.ta-already-connected{border-color:rgba(109,222,241,.42)!important}.ta-journal-nav-item{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none}.ta-journal-tab{flex:1 1 25%;min-width:0;min-height:46px;padding:13px 5px;color:#9bd4df;text-align:center;font-weight:800;font-size:11px;border-radius:13px;background:#0a2b38;border:1px solid #1f5368;flex-direction:column;gap:4px}.ta-journal-tab span{font-size:18px}.ta-journal-tab:hover,.ta-journal-tab:focus-visible{color:#fff;border-color:#2c6b80;outline:none}.bottom-nav .ta-journal-nav-item,.nav-tabs .ta-journal-nav-item{min-width:0}

.ta-journal-launch{display:none!important}.tabs .ta-journal-nav-item{display:inline-flex;align-items:center;justify-content:center;gap:6px}.tabs .ta-journal-nav-item span{display:block}


/* Multi-controller dashboard v1.5.5 */
.ta-controller-dashboard{margin:0 0 18px}.ta-controller-overview-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.ta-controller-overview-head h2{margin:3px 0 0}.ta-controller-account-summary{display:grid;grid-template-columns:repeat(4,minmax(88px,1fr));gap:8px}.ta-controller-account-summary>div{display:grid;gap:2px;text-align:center;padding:10px 12px;border:1px solid rgba(109,222,241,.2);border-radius:14px;background:rgba(5,32,50,.56);box-shadow:inset 0 1px rgba(255,255,255,.06)}.ta-controller-account-summary b{font-size:20px}.ta-controller-account-summary span{font-size:11px;color:var(--muted,#9ab7c8)}.ta-controller-card-grid-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ta-controller-card{appearance:none;width:100%;display:grid;gap:14px;text-align:left;color:inherit;padding:17px;border:1px solid rgba(109,222,241,.22);border-radius:21px;background:linear-gradient(145deg,rgba(11,55,80,.74),rgba(4,26,42,.8));box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 35px rgba(0,0,0,.2);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.ta-controller-card:hover{transform:translateY(-2px);border-color:rgba(109,222,241,.55)}.ta-controller-card.active{border-color:#56ddef;box-shadow:0 0 0 2px rgba(86,221,239,.12),0 16px 42px rgba(0,0,0,.27)}.ta-controller-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ta-controller-card h3{margin:3px 0 2px;font-size:19px}.ta-controller-card small{color:var(--muted,#9ab7c8)}.ta-controller-state{flex:0 0 auto;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(255,130,130,.12);color:#ff9ca3;border:1px solid rgba(255,130,130,.25)}.ta-controller-card.online .ta-controller-state{background:rgba(72,221,160,.12);color:#62e6ad;border-color:rgba(72,221,160,.28)}.ta-controller-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ta-controller-card-grid>div{display:grid;gap:2px;padding:10px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(109,222,241,.1)}.ta-controller-card-grid b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ta-controller-card-grid span{font-size:10px;color:var(--muted,#9ab7c8)}.ta-controller-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:2px;font-size:11px;color:var(--muted,#9ab7c8)}.ta-controller-card-foot strong{color:#70e7f4;white-space:nowrap}.ta-selected-controller-context{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;padding:10px 13px;border:1px solid rgba(109,222,241,.18);border-radius:14px;background:rgba(5,32,50,.46)}.ta-selected-controller-context span,.ta-selected-controller-context small{color:var(--muted,#9ab7c8);font-size:11px}.ta-selected-controller-context b{font-size:14px}.ta-selected-controller-context.hidden{display:none!important}@media(max-width:980px){.ta-controller-card-grid-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.ta-controller-overview-head{align-items:stretch;flex-direction:column}.ta-controller-account-summary{width:100%}}@media(max-width:640px){.ta-controller-card-grid-wrap{grid-template-columns:1fr}.ta-controller-account-summary{grid-template-columns:repeat(2,1fr)}.ta-controller-card-grid{grid-template-columns:1fr 1fr}.ta-selected-controller-context{display:grid;gap:2px}}

/* Remove the superseded single-controller four-box summary. */
#controllerSummary,.ta-legacy-controller-summary-removed{display:none!important}

/* Full-width top connection banner v1.5.5 */
#mainApp > .topbar{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding-left:max(14px,calc((100vw - 1180px)/2 + 14px));
  padding-right:max(14px,calc((100vw - 1180px)/2 + 14px));
  min-height:78px;
}
#mainApp > .topbar .brand{min-width:0;flex:1 1 auto}
#mainApp > .topbar .brand>div:last-child{min-width:0}
#mainApp > .topbar .brand h1{white-space:normal;overflow-wrap:anywhere}
#mainApp > .topbar #onlinePill{flex:0 0 auto;white-space:nowrap}
@media(max-width:600px){
  #mainApp > .topbar{gap:9px;padding-left:12px;padding-right:12px;min-height:72px}
  #mainApp > .topbar .brand{gap:9px}
  #mainApp > .topbar .logo{flex:0 0 40px;width:40px;height:40px}
  #mainApp > .topbar .brand h1{font-size:16px;line-height:1.15}
  #mainApp > .topbar .brand small{font-size:11px;line-height:1.25;display:block}
  #mainApp > .topbar #onlinePill{padding:7px 9px;font-size:11px;max-width:34vw;overflow:hidden;text-overflow:ellipsis}
}

/* TerraAqua controller management v1.5.7 */
.ta-controller-manage-card{display:grid;gap:12px;padding:15px 0;border-bottom:1px solid rgba(109,222,241,.14)}
.ta-controller-manage-card:last-child{border-bottom:0;padding-bottom:0}
.ta-controller-manage-main{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ta-controller-manage-actions{display:flex;gap:9px;flex-wrap:wrap}
.ta-controller-manage-actions .btn{margin:0}
@media(max-width:640px){.ta-controller-manage-actions{display:grid;grid-template-columns:1fr}.ta-controller-manage-actions .btn{width:100%}}