
:root{
  --mu-green-950:#082416;--mu-green-900:#0d321e;--mu-green-800:#16472b;
  --mu-green-700:#205e36;--mu-accent:#59c451;--mu-page:#f5f5f0;
  --mu-surface:#fff;--mu-line:#dde4dd;--mu-text:#17221c;--mu-muted:#68736c;
  --mu-danger:#c54444;--mu-shadow:0 14px 38px rgba(12,42,25,.08);
}
html,body,button,input,select{font-family:Manrope,Inter,"Segoe UI",sans-serif!important}
body#PageBody{background:var(--mu-page)!important;color:var(--mu-text)!important}
.rm-app-shell{grid-template-columns:230px minmax(0,1fr)!important;grid-template-rows:72px minmax(0,1fr)!important}
.rm-app-sidebar{width:230px!important;min-width:230px!important;max-width:230px!important;background:linear-gradient(180deg,var(--mu-green-900),var(--mu-green-950))!important}
.rm-sidebar-mark{border-radius:50%!important;background:transparent!important;border:2px solid var(--mu-accent)!important;color:transparent!important}
.rm-sidebar-brand strong em{color:var(--mu-accent);font-style:normal;font-weight:600}
.rm-sidebar-brand small,.rm-sidebar-plan span{color:#78d06d!important}
.rm-sidebar-nav button.active{background:rgba(89,196,81,.16)!important;box-shadow:inset 3px 0 0 var(--mu-accent)!important}
.rm-app-header{height:72px!important;padding:0 26px!important}
.rm-main-inner{padding:22px 26px 34px!important;max-width:none!important}
.mu-page{width:100%;max-width:1480px;margin:0 auto}

/* Media */
.mu-media-shell{width:min(100%,1080px);margin:0 auto;background:var(--mu-green-900);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(8,36,22,.16)}
.mu-media-topbar{min-height:58px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.10)}
.mu-live-chip,.mu-captured-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#eff8ee;color:var(--mu-green-700);font-size:.65rem;font-weight:800}
.mu-back-button{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;font-size:.72rem;font-weight:700}
.mu-media-body{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px;padding:14px}
.mu-video-viewport{position:relative;min-width:0;aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:#06120c;clip-path:inset(0 round 17px)}
.mu-video-viewport canvas,.mu-video-viewport img{display:block!important;width:100%!important;height:100%!important;border-radius:17px!important;object-fit:contain!important;clip-path:inset(0 round 17px)!important}
.mu-media-actions{display:flex;flex-direction:column;gap:8px}
.mu-action{width:100%;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;font-size:.7rem;font-weight:700}
.mu-action:hover{background:rgba(255,255,255,.12)}
.mu-action-primary{background:var(--mu-accent);border-color:var(--mu-accent);color:#082416}
.mu-playback-viewport{aspect-ratio:16/9}
.mu-timeline{position:absolute;left:0;right:0;bottom:0;padding:20px 14px 10px;background:linear-gradient(transparent,rgba(0,0,0,.72));opacity:.42;transition:opacity .18s ease}
.mu-playback-viewport:hover .mu-timeline,.mu-timeline:focus-within{opacity:1}
.mu-timeline input[type=range]{width:100%;height:3px;accent-color:var(--mu-accent);opacity:.68;transition:height .15s ease,opacity .15s ease}
.mu-playback-viewport:hover .mu-timeline input[type=range],.mu-timeline input[type=range]:focus{height:6px;opacity:1}
.mu-time-labels{display:flex;justify-content:space-between;margin-top:4px;color:rgba(255,255,255,.75);font-size:.58rem}
.mu-playback-actions{justify-content:flex-start}

/* Activity */
.mu-activity-page{max-width:1450px}
.mu-filterbar{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:10px;padding:11px 12px;border:1px solid var(--mu-line);border-radius:13px;background:#fff;box-shadow:0 7px 22px rgba(12,42,25,.045)}
.mu-period-tabs,.mu-filter-fields{display:flex;align-items:end;flex-wrap:wrap;gap:7px}
.mu-filter-fields label,.mu-archive-filter label{display:grid;gap:4px;color:var(--mu-muted);font-size:.57rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mu-filter-fields select,.mu-archive-filter select{min-height:38px;border:1px solid var(--mu-line);border-radius:9px;background:#fff;padding:0 31px 0 10px;color:var(--mu-text);font-size:.69rem;font-weight:700}
.mu-archive-filter{display:flex;gap:8px;margin:0 0 10px;padding:10px;border:1px solid var(--mu-line);border-radius:12px;background:#fff}
.mu-event-list{overflow:hidden;border:1px solid var(--mu-line);border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(12,42,25,.055)}
.mu-event-header,.mu-event-row{display:grid;grid-template-columns:190px minmax(260px,1fr) 90px 126px;align-items:center;gap:12px}
.mu-event-header{min-height:38px;padding:0 13px;background:#f6f8f5;color:var(--mu-muted);font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mu-event-row{min-height:58px;padding:8px 13px;border-top:1px solid #e8ece8}
.mu-event-row:hover{background:#fafcf9}
.mu-event-type{display:flex;flex-wrap:wrap;gap:5px}
.recording-category{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid #dbe4da;border-radius:999px;background:#f4f8f3;color:var(--mu-green-700);font-size:.54rem;font-weight:800}
.recording-category-human{background:#eaf7eb;color:#26683a}.recording-category-vehicle{background:#edf4f8;color:#34627a}.recording-category-animal{background:#fbf3e5;color:#86601e}.recording-category-motion{background:#f2edf8;color:#684a83}
.mu-event-description{display:grid;gap:2px;min-width:0}.mu-event-description strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.mu-event-description span,.mu-event-duration{color:var(--mu-muted);font-size:.63rem}
.mu-event-actions{display:flex;justify-content:flex-end;gap:5px}
.mu-icon-action{width:31px;height:31px;min-height:31px;padding:0;border:1px solid var(--mu-line);border-radius:8px;background:#fff;color:var(--mu-text);font-size:.72rem}
.mu-icon-action-primary{background:var(--mu-green-700);border-color:var(--mu-green-700);color:#fff}
.mu-icon-action-danger{color:var(--mu-danger)}
.recordings-empty-state{min-height:180px;display:grid;place-items:center;color:var(--mu-muted)}
.rm-load-more{padding-top:12px!important}

/* Settings */
.mu-settings-page{width:min(100%,1080px);margin:0 auto}
.mu-status-strip{display:flex;gap:8px;margin-bottom:10px}.mu-status-strip span{display:inline-flex;gap:4px;align-items:center;min-height:31px;padding:0 11px;border:1px solid var(--mu-line);border-radius:999px;background:#fff;color:var(--mu-muted);font-size:.66rem}.mu-status-strip strong{color:var(--mu-green-700)}
.mu-settings-stack{display:grid;gap:12px}
.mu-settings-section{overflow:hidden;border:1px solid var(--mu-line);border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(12,42,25,.045)}
.mu-section-heading{padding:17px 19px 13px;border-bottom:1px solid #e9ede9}.mu-section-heading h2{margin:0;font-size:1rem}.mu-section-heading p{margin:5px 0 0;color:var(--mu-muted);font-size:.72rem}
.mu-setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:68px;padding:10px 19px;border-bottom:1px solid #edf0ed}.mu-setting-row:last-child{border-bottom:0}.mu-setting-row div:first-child{display:grid;gap:3px}.mu-setting-row strong{font-size:.74rem}.mu-setting-row span{color:var(--mu-muted);font-size:.66rem;line-height:1.4}
.mu-setting-row>button,.mu-maintenance-actions button{min-height:36px;padding:0 12px;border:1px solid var(--mu-line);border-radius:8px;background:#f8faf7;color:var(--mu-text);font-size:.66rem;font-weight:700}
.mu-setting-toggle{cursor:pointer}.mu-setting-toggle input{width:20px;height:20px;accent-color:var(--mu-green-700)}
.mu-stepper{display:grid;grid-template-columns:34px 44px 34px;align-items:center;gap:6px}.mu-stepper button{width:34px;height:34px;min-height:34px;padding:0;border:1px solid var(--mu-line);border-radius:8px;background:#f8faf7}.mu-stepper output{text-align:center;font-size:.78rem;font-weight:800}
.mu-settings-danger{border-color:#e7c9c9}.mu-settings-danger .mu-section-heading{background:#fffafa}.mu-maintenance-actions{display:flex;gap:8px;padding:14px 19px}.mu-maintenance-actions button:last-child{color:var(--mu-danger);border-color:#e9c4c4}

/* Account */
.account-profile-tactical-card{border-radius:17px!important}.account-profile-header{border-bottom:0!important}.account-profile-menu-stack{border-top:0!important;margin-top:15px!important}.account-row-visual-divider{display:none!important}

/* Mobile */
@media(max-width:760px){
 body#PageBody{overflow-x:hidden!important}
 .rm-app-shell{display:block!important;padding-bottom:64px!important}
 .rm-app-sidebar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;min-width:0!important;max-width:none!important;height:64px!important;padding:6px 8px!important;z-index:100}
 .rm-sidebar-brand,.rm-sidebar-plan,.rm-sidebar-signout{display:none!important}
 .rm-sidebar-nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:0!important;gap:5px!important}
 .rm-sidebar-nav button{min-height:50px!important;justify-content:center!important;flex-direction:column!important;gap:2px!important;padding:2px!important;font-size:.58rem!important}
 .rm-sidebar-nav button span:last-child{display:block!important}
 .rm-app-header{height:68px!important;padding:8px 10px!important}
 .rm-header-title{max-width:115px}.rm-header-title strong{font-size:.95rem!important}.rm-header-title small{display:none!important}
 .rm-header-tools{gap:6px!important}.rm-camera-picker span{display:none!important}.rm-camera-picker select{min-width:0!important;width:125px!important}
 .rm-header-status>span:not(.rm-status-dot){display:none!important}.rm-header-status button{width:36px!important;padding:0!important;font-size:0!important}.rm-header-status button:after{content:"A";font-size:.72rem}
 .rm-main-inner{padding:11px!important}
 .mu-media-shell{width:100%;border-radius:14px}.mu-media-body{grid-template-columns:1fr;padding:10px}.mu-video-viewport{aspect-ratio:4/3;border-radius:14px;clip-path:inset(0 round 14px)}.mu-video-viewport canvas,.mu-video-viewport img{border-radius:14px!important;clip-path:inset(0 round 14px)!important}
 .mu-media-actions{display:grid;grid-template-columns:repeat(2,1fr)}.mu-action{min-height:39px}
 .mu-playback-actions .mu-action:last-child{grid-column:1/-1}
 .mu-filterbar{align-items:stretch;flex-direction:column}.mu-period-tabs,.mu-filter-fields{width:100%}.mu-filter-fields label{flex:1 1 115px}
 .mu-event-header{display:none}.mu-event-row{grid-template-columns:1fr auto;gap:7px;padding:10px}.mu-event-type{grid-column:1}.mu-event-description{grid-column:1}.mu-event-duration{grid-column:1}.mu-event-actions{grid-column:2;grid-row:1/4;align-self:center}
 .mu-settings-page{width:100%}.mu-setting-row{grid-template-columns:1fr;gap:8px;padding:12px 15px}.mu-setting-row>button{justify-self:start}.mu-setting-toggle{grid-template-columns:1fr auto}.mu-maintenance-actions{flex-direction:column}
}

/* Gold4 mobile baseline: iPhone SE portrait first. */
.mu-sort-toggle{width:52px!important;min-width:52px!important;padding:0 6px!important;white-space:nowrap!important}
@media(max-width:430px){
.rm-app-header{height:60px!important;min-height:60px!important;padding:7px 8px!important}.rm-header-title{max-width:92px!important}.rm-header-title strong{font-size:.86rem!important}.rm-camera-picker{max-width:124px!important;min-height:35px!important;padding:4px 7px!important}.rm-camera-picker select{width:104px!important;font-size:.61rem!important}.rm-header-status{min-height:35px!important}.rm-main-inner{padding:8px!important}
.mu-filterbar{padding:8px!important;gap:7px!important}.mu-period-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:5px!important}.mu-period-tabs .rm-btn{width:100%!important;min-width:0!important;min-height:34px!important;padding:0 3px!important;font-size:.56rem!important}
.mu-filter-fields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px!important;width:100%!important;gap:5px!important;align-items:end!important}.mu-filter-fields label{min-width:0!important;width:100%!important;font-size:.47rem!important;letter-spacing:.02em!important}.mu-filter-fields select{width:100%!important;min-width:0!important;min-height:34px!important;padding:0 22px 0 6px!important;font-size:.57rem!important}.mu-sort-toggle{width:52px!important;min-width:52px!important;min-height:34px!important;padding:0 4px!important;font-size:.57rem!important}
.mu-event-row{grid-template-columns:minmax(0,1fr) 102px!important;min-height:0!important;gap:5px 7px!important;padding:9px!important}.mu-event-type{grid-column:1!important}.mu-event-description{grid-column:1!important;gap:1px!important}.mu-event-description strong{font-size:.64rem!important}.mu-event-description span,.mu-event-duration{font-size:.56rem!important}.mu-event-duration{grid-column:1!important}.mu-event-actions{grid-column:2!important;grid-row:1/4!important;align-self:center!important;display:grid!important;grid-template-columns:30px 1fr 30px!important;gap:5px!important}.mu-icon-action{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;font-size:.64rem!important}.mu-icon-action-primary{width:auto!important;min-width:0!important}
.rm-app-shell{padding-bottom:58px!important}.rm-app-sidebar{height:58px!important;padding:4px 6px!important}.rm-sidebar-nav button{min-height:46px!important;font-size:.53rem!important}.mu-media-topbar{min-height:46px!important;padding:7px 9px!important}.mu-media-body{padding:7px!important;gap:7px!important}.mu-video-viewport{aspect-ratio:16/10!important}.mu-media-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.mu-action{min-height:34px!important;font-size:.58rem!important;padding:0 6px!important}.mu-timeline{padding:14px 9px 7px!important}.mu-section-heading{padding:13px 14px 10px!important}.mu-setting-row{min-height:0!important;padding:10px 13px!important}}
@media(max-width:340px){.rm-header-title{display:none!important}.mu-filter-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px!important}.mu-sort-toggle{width:46px!important;min-width:46px!important;padding:0 2px!important}.mu-event-row{grid-template-columns:minmax(0,1fr) 94px!important}.mu-event-actions{grid-template-columns:28px 1fr 28px!important}.mu-icon-action{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}}


/* Gold5 verified corrections */
.rm2-login-brand-panel{
  background:radial-gradient(circle at 15% 8%,rgba(89,196,81,.18),transparent 27%),linear-gradient(145deg,#0d321e,#16472b)!important;
}
.rm2-login-brand em{color:#75d16b!important;font-style:normal!important;font-weight:600!important}
.rm2-login-message .rm2-eyebrow{color:#75d16b!important}
.rm2-login-message h2{letter-spacing:-.055em!important}
.rm2-login-form-panel{background:#f5f5f0!important}
.rm2-login-card{border:0!important;box-shadow:none!important;background:transparent!important}

/* Balanced activity actions: download/delete visible, play no longer dominant. */
.mu-event-actions{grid-template-columns:40px 68px 40px!important}
.mu-icon-action{width:40px!important;min-width:40px!important;height:34px!important;min-height:34px!important;font-size:.72rem!important}
.mu-icon-action-primary{width:68px!important;min-width:68px!important}

@media(max-width:430px){
  .mu-event-row{grid-template-columns:minmax(0,1fr) 130px!important}
  .mu-event-actions{grid-template-columns:38px 54px 38px!important}
  .mu-icon-action{width:38px!important;min-width:38px!important;height:34px!important;min-height:34px!important}
  .mu-icon-action-primary{width:54px!important;min-width:54px!important}
}

/* Mobile landscape is intentionally blocked; the portal is portrait-first. */
@media (orientation:landscape) and (max-height:500px) and (max-width:950px){
  body#PageBody::before{
    content:"Portrait only\A MotionUnseen Connect is designed for portrait mode.\A Please rotate your device to continue.";
    white-space:pre-line;
    position:fixed;inset:0;z-index:99999;display:grid;place-items:center;text-align:center;
    padding:32px;background:#f5f5f0;color:#17221c;font:700 18px/1.55 Manrope,Inter,sans-serif;
  }
  .rm-app-shell{visibility:hidden!important}
}
\n/* Gold6 authentication lifecycle guard. */\nbody.rm-auth-view .rm-app-sidebar,body.rm-auth-view .rm-app-header{display:none!important}\nbody.rm-auth-view #rmMainContent,body.rm-auth-view .rm-main-inner{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important}\nbody.rm-auth-view #divContentHolder_SIGN_IN{display:block!important;width:100%!important;min-height:100vh!important}\n

/* Gold7 branded sign-out confirmation. */
.mu-confirm-backdrop {
  position:fixed;
  inset:0;
  z-index:9999;
  place-items:center;
  padding:20px;
  background:rgba(7,25,15,.48);
  backdrop-filter:blur(7px);
  opacity:0;
  transition:opacity .16s ease;
}
.mu-confirm-backdrop.mu-modal-visible {
  opacity:1;
}
.mu-confirm-dialog {
  width:min(410px,100%);
  padding:24px;
  border:1px solid #dde4dd;
  border-radius:17px;
  background:#fff;
  box-shadow:0 28px 80px rgba(7,25,15,.24);
  transform:translateY(8px) scale(.985);
  transition:transform .16s ease;
}
.mu-modal-visible .mu-confirm-dialog {
  transform:translateY(0) scale(1);
}
.mu-confirm-icon {
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin-bottom:17px;
  border-radius:50%;
  background:#fff0ec;
  color:#c34c3f;
  font-size:1.25rem;
  font-weight:800;
}
.mu-confirm-copy h2 {
  margin:0;
  color:#17221c;
  font-size:1.25rem;
  line-height:1.15;
  letter-spacing:-.035em;
}
.mu-confirm-copy p {
  margin:9px 0 0;
  color:#68736c;
  font-size:.76rem;
  line-height:1.55;
}
.mu-confirm-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:22px;
}
.mu-confirm-actions button {
  min-height:42px;
  border-radius:9px;
  font-size:.72rem;
  font-weight:750;
}
.mu-confirm-cancel {
  border:1px solid #d9e0da;
  background:#fff;
  color:#17221c;
}
.mu-confirm-primary {
  border:1px solid #a93838;
  background:#c74747;
  color:#fff;
}
.mu-confirm-primary:hover {
  background:#ad3939;
}
