

.ownamac-ac-page{
  min-height:100vh;
  color:var(--oam-ink);
  font-family:var(--oam-body);
  background:var(--oam-canvas);
}

.ownamac-ac-page [hidden]{
  display:none !important;
}

.ownamac-ac-gate{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  padding:var(--oam-space-4) var(--oam-space-2);
  background:
    radial-gradient(42rem 26rem at 50% -8rem,rgba(232,62,188,.22),transparent 62%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 4px),
    linear-gradient(170deg,#241624,#180D18 60%,#1E1220);
}

.ownamac-ac-gate-shell{
  width:min(27rem,100%);
}

.ownamac-ac-gate-card{
  position:relative;
  overflow:hidden;
  padding:0 var(--oam-space-3) var(--oam-space-3);
  background:linear-gradient(165deg,#FFFFFF,#FBF4FA);
  border:1px solid rgba(255,255,255,.5);
  border-radius:1.3rem;
  box-shadow:0 40px 90px rgba(0,0,0,.5);
}

.ownamac-ac-gate-stripe{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--oam-space-2);
  margin:0 calc(var(--oam-space-3)*-1) var(--oam-space-3);
  padding:.8rem var(--oam-space-3);
  background:linear-gradient(90deg,#241624,#3A2338);
  color:rgba(255,255,255,.66);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-0);
  letter-spacing:.22em;
}

.ownamac-ac-gate-stripe i{
  flex:none;
  width:.85rem;
  height:.85rem;
  border-radius:50%;
  background:var(--oam-accent);
  box-shadow:0 0 0 4px rgba(255,208,47,.22);
}

.ownamac-ac-gate-brand{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin-bottom:var(--oam-space-2);
}

.ownamac-ac-gate-domain{
  color:var(--oam-muted);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-0);
  letter-spacing:.12em;
}

.ownamac-ac-gate-title{
  margin:0 0 .5rem;
  color:var(--oam-dark);
  font-family:var(--oam-heading);
  font-size:1.5rem;
  line-height:var(--oam-lh-heading);
}

.ownamac-ac-gate-lead{
  margin:0 0 var(--oam-space-3);
  color:var(--oam-muted);
  font-size:var(--oam-fs-2);
}

.ownamac-ac-gate-points{
  display:grid;
  gap:.35rem;
  margin:var(--oam-space-3) 0 0;
  padding:var(--oam-space-2) 0 0;
  border-top:1px dashed var(--oam-line-strong);
  list-style:none;
}

.ownamac-ac-gate-points li{
  position:relative;
  padding-left:1.1rem;
  color:var(--oam-muted);
  font-size:var(--oam-fs-1);
}

.ownamac-ac-gate-points li::before{
  content:'';
  position:absolute;
  top:.42em;
  left:0;
  width:.42rem;
  height:.42rem;
  border-radius:50%;
  background:var(--oam-primary);
}

.ownamac-ac-form{
  display:grid;
  gap:.55rem;
}

.ownamac-ac-form+.ownamac-ac-form{
  margin-top:var(--oam-space-2);
}

.ownamac-ac-pane-title{
  margin:0;
  color:var(--oam-dark);
  font-family:var(--oam-heading);
  font-size:var(--oam-fs-3);
  font-weight:700;
}

.ownamac-ac-pane-lead{
  margin:0 0 .3rem;
  color:var(--oam-muted);
  font-size:var(--oam-fs-1);
}

.ownamac-ac-email-chip{
  width:fit-content;
  max-width:100%;
  margin:0;
  padding:.28rem .75rem;
  color:var(--oam-primary-deep);
  background:var(--oam-primary-soft);
  border:1px solid rgba(232,62,188,.3);
  border-radius:999px;
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
  overflow-wrap:anywhere;
}

.ownamac-ac-email-chip:empty{
  display:none;
}

.ownamac-ac-label{
  margin-top:.3rem;
  color:var(--oam-muted);
  font-size:var(--oam-fs-0);
  letter-spacing:.08em;
}

.ownamac-ac-input{
  width:100%;
  padding:.68rem .85rem;
  background:var(--oam-surface);
  border:1px solid var(--oam-line-strong);
  border-radius:var(--oam-radius-sm);
  color:var(--oam-ink);
  font:inherit;
}

.ownamac-ac-input:focus{
  outline:2px solid var(--oam-primary);
  outline-offset:1px;
  border-color:var(--oam-primary);
}

textarea.ownamac-ac-input{
  resize:vertical;
}

.ownamac-ac-code-row{
  display:flex;
  gap:.5rem;
}

.ownamac-ac-code-row .ownamac-ac-input{
  min-width:0;
  flex:1;
}

.ownamac-ac-code-row .ownamac-ac-btn{
  flex:none;
}

.ownamac-ac-tabs{
  display:flex;
  gap:.4rem;
  padding:.25rem;
  background:var(--oam-canvas);
  border-radius:999px;
}

.ownamac-ac-tab{
  flex:1;
  padding:.45rem .8rem;
  background:transparent;
  border:0;
  border-radius:999px;
  color:var(--oam-muted);
  font:inherit;
  font-size:var(--oam-fs-1);
  cursor:pointer;
}

.ownamac-ac-tab.is-on{
  background:var(--oam-dark);
  color:#FFF;
}

.ownamac-ac-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.68rem 1.2rem;
  border-radius:var(--oam-radius-sm);
  font:inherit;
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
  transition:background .15s var(--oam-ease),border-color .15s var(--oam-ease);
}

.ownamac-ac-btn-primary{
  background:var(--oam-primary);
  border:1px solid var(--oam-primary);
  color:#FFF;
}

.ownamac-ac-btn-primary:hover,
.ownamac-ac-btn-primary:focus-visible{
  background:var(--oam-primary-deep);
  border-color:var(--oam-primary-deep);
}

.ownamac-ac-btn-line{
  background:var(--oam-surface);
  border:1px solid var(--oam-line-strong);
  color:var(--oam-dark);
}

.ownamac-ac-btn-line:hover,
.ownamac-ac-btn-line:focus-visible{
  border-color:var(--oam-primary);
  color:var(--oam-primary-deep);
}

.ownamac-ac-btn-sm{
  padding:.4rem .8rem;
  font-size:var(--oam-fs-1);
}

.ownamac-ac-btn[disabled]{
  opacity:.55;
  cursor:wait;
}

.ownamac-ac-link{
  width:fit-content;
  padding:0;
  background:none;
  border:0;
  color:var(--oam-primary-deep);
  font:inherit;
  font-size:var(--oam-fs-1);
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}

.ownamac-ac-msg{
  margin:.2rem 0 0;
  color:var(--oam-danger);
  font-size:var(--oam-fs-1);
}

.ownamac-ac-msg.is-ok{
  color:var(--oam-success);
}

.ownamac-ac-dim{
  color:var(--oam-muted);
  font-size:var(--oam-fs-1);
}

.ownamac-ac-row{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.ownamac-ac-strip{
  margin:0 0 var(--oam-space-2);
  padding:.6rem .9rem;
  color:var(--oam-danger);
  background:#FDF0F3;
  border:1px solid #F3CBD5;
  border-radius:var(--oam-radius-sm);
  font-size:var(--oam-fs-1);
}

.ownamac-ac-dash{
  max-width:72rem;
  margin:0 auto;
  padding:var(--oam-space-3) clamp(1rem,3vw,2rem) var(--oam-space-6);
}

.ownamac-ac-dash-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--oam-space-2);
  margin-bottom:var(--oam-space-4);
  padding:var(--oam-space-2) var(--oam-space-3);
  color:#F4E9F2;
  background:linear-gradient(90deg,#241624,#33203195);
  background-color:#241624;
  border-radius:var(--oam-radius-lg);
  box-shadow:var(--oam-shadow-md);
}

.ownamac-ac-dash-title{
  margin:0 0 .2rem;
  color:#FFF;
  font-family:var(--oam-heading);
  font-size:var(--oam-fs-4);
}

.ownamac-ac-dash-user{
  margin:0;
  color:rgba(244,233,242,.66);
  font-size:var(--oam-fs-1);
}

.ownamac-ac-dash-user strong{
  color:#FFD02F;
  font-family:var(--oam-mono);
  font-weight:400;
}

.ownamac-ac-dash-actions{
  display:flex;
  gap:.5rem;
}

.ownamac-ac-dash-actions .ownamac-ac-btn-line{
  background:transparent;
  border-color:rgba(244,233,242,.4);
  color:#F4E9F2;
}

.ownamac-ac-dash-actions .ownamac-ac-btn-line:hover{
  border-color:#FFF;
  color:#FFF;
}

.ownamac-ac-dash-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  padding:0 var(--oam-space-2);
}

.ownamac-ac-dtab{
  position:relative;
  top:1px;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.6rem 1.15rem;
  background:#EFE7ED;
  border:1px solid var(--oam-line-strong);
  border-bottom:0;
  border-radius:.8rem .8rem 0 0;
  color:var(--oam-muted);
  font:inherit;
  font-size:var(--oam-fs-1);
  cursor:pointer;
}

.ownamac-ac-dtab:hover{
  color:var(--oam-dark);
}

.ownamac-ac-dtab.is-on{
  z-index:1;
  background:var(--oam-surface);
  color:var(--oam-dark);
  font-weight:700;
  box-shadow:0 -6px 14px rgba(53,26,46,.05);
}

.ownamac-ac-badge{
  min-width:1.2rem;
  padding:.05rem .35rem;
  background:var(--oam-primary);
  border-radius:999px;
  color:#FFF;
  font-size:var(--oam-fs-0);
  text-align:center;
}

.ownamac-ac-dash-panels{
  padding:var(--oam-space-3);
  background:var(--oam-surface);
  border:1px solid var(--oam-line-strong);
  border-radius:var(--oam-radius-lg);
  box-shadow:var(--oam-shadow-sm);
}

.ownamac-ac-panel-title{
  margin:0 0 var(--oam-space-2);
  color:var(--oam-dark);
  font-family:var(--oam-heading);
  font-size:var(--oam-fs-3);
}

.ownamac-ac-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--oam-space-2);
  margin-bottom:var(--oam-space-2);
}

.ownamac-ac-panel-head .ownamac-ac-panel-title{
  margin:0;
}

.ownamac-ac-rows{
  display:grid;
  gap:.7rem;
}

.ownamac-ac-item{
  padding:var(--oam-space-2);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-left:3px solid var(--oam-line-strong);
  border-radius:var(--oam-radius-sm);
  transition:border-color .15s var(--oam-ease);
}

.ownamac-ac-item[data-status="active"],
.ownamac-ac-item.is-open{
  border-left-color:var(--oam-primary);
}

.ownamac-ac-item[role="button"]{
  cursor:pointer;
}

.ownamac-ac-item[role="button"]:hover{
  border-color:var(--oam-primary);
}

.ownamac-ac-item-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--oam-space-2);
}

.ownamac-ac-item-title{
  margin:0;
  color:var(--oam-dark);
  font-weight:700;
}

.ownamac-ac-item-sub{
  margin:.15rem 0 0;
  color:var(--oam-muted);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-0);
}

.ownamac-ac-item-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
}

.ownamac-ac-chip{
  padding:.2rem .6rem;
  border-radius:.35rem;
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-0);
  letter-spacing:.05em;
}

.ownamac-ac-chip-ok{
  color:#1E7A50;
  background:#EAF8F0;
  border:1px solid #BFE6D0;
}

.ownamac-ac-chip-warn{
  color:var(--oam-warning);
  background:#FFF6E3;
  border:1px solid #EDD9A8;
}

.ownamac-ac-chip-bad{
  color:var(--oam-danger);
  background:#FDF0F3;
  border:1px solid #F3CBD5;
}

.ownamac-ac-chip-idle{
  color:var(--oam-muted);
  background:var(--oam-canvas);
  border:1px solid var(--oam-line-strong);
}

.ownamac-ac-creds{
  display:grid;
  gap:.4rem;
  margin:var(--oam-space-2) 0 0;
  padding:var(--oam-space-2);
  background:#241624;
  border-radius:var(--oam-radius-sm);
}

.ownamac-ac-cred{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem;
}

.ownamac-ac-cred dt{
  min-width:5.5rem;
  color:rgba(244,233,242,.6);
  font-size:var(--oam-fs-0);
}

.ownamac-ac-cred dd{
  min-width:0;
  flex:1;
  margin:0;
  color:#8BE6B8;
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
  overflow-wrap:anywhere;
}

.ownamac-ac-copy{
  padding:.2rem .6rem;
  background:transparent;
  border:1px solid rgba(244,233,242,.35);
  border-radius:.35rem;
  color:#F4E9F2;
  font:inherit;
  font-size:var(--oam-fs-0);
  cursor:pointer;
}

.ownamac-ac-copy:hover{
  border-color:#FFF;
}

.ownamac-ac-svc-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:var(--oam-space-2);
}

.ownamac-ac-tk-form{
  display:grid;
  gap:.55rem;
  margin-bottom:var(--oam-space-2);
  padding:var(--oam-space-2);
  background:var(--oam-canvas);
  border:1px dashed var(--oam-line-strong);
  border-radius:var(--oam-radius-sm);
}

.ownamac-ac-tk-detail{
  display:grid;
  gap:.7rem;
}

.ownamac-ac-tk-subject{
  margin:0;
  color:var(--oam-dark);
  font-family:var(--oam-heading);
  font-size:var(--oam-fs-3);
}

.ownamac-ac-thread{
  display:grid;
  gap:.6rem;
}

.ownamac-ac-note{
  display:grid;
  gap:.25rem;
  width:min(38rem,92%);
  padding:.7rem .9rem;
  background:var(--oam-canvas);
  border:1px solid var(--oam-line);
  border-radius:.7rem .7rem .7rem .15rem;
}

.ownamac-ac-note.is-mine{
  justify-self:end;
  background:var(--oam-primary-soft);
  border-color:rgba(232,62,188,.3);
  border-radius:.7rem .7rem .15rem .7rem;
}

.ownamac-ac-note-meta{
  color:var(--oam-muted);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-0);
}

.ownamac-ac-note-body{
  color:var(--oam-ink);
  font-size:var(--oam-fs-1);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.ownamac-ac-form-left{
  max-width:26rem;
}

.ownamac-ac-pw-alt{
  margin-top:var(--oam-space-3);
  padding-top:var(--oam-space-3);
  border-top:1px dashed var(--oam-line-strong);
}

.ownamac-ac-pw-alt-title{
  margin:0 0 .4rem;
  color:var(--oam-dark);
  font-size:var(--oam-fs-2);
}

.ownamac-ac-pw-alt-row{
  display:flex;
  gap:.5rem;
}

.ownamac-ac-pw-alt-row .ownamac-ac-input{
  min-width:0;
  flex:1;
}

.ownamac-ac-dialog{
  position:fixed;
  inset:0;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:var(--oam-space-3);
}

.ownamac-ac-dialog[hidden]{
  display:none;
}

.ownamac-ac-dialog-backdrop{
  position:absolute;
  inset:0;
  background:rgba(24,12,22,.6);
  backdrop-filter:blur(3px);
}

.ownamac-ac-dialog-panel{
  position:relative;
  width:min(26rem,100%);
  padding:var(--oam-space-3);
  background:var(--oam-surface);
  border:1px solid var(--oam-line-strong);
  border-radius:var(--oam-radius-lg);
  box-shadow:var(--oam-shadow-lg);
}

.ownamac-ac-dialog-title{
  margin:0 0 .6rem;
  color:var(--oam-dark);
  font-family:var(--oam-heading);
  font-size:var(--oam-fs-3);
}

.ownamac-ac-dialog-body{
  margin:0 0 var(--oam-space-2);
  color:var(--oam-muted);
  font-size:var(--oam-fs-2);
}

@media(max-width:640px){
  .ownamac-ac-gate{
    padding:var(--oam-space-2);
  }

  .ownamac-ac-gate-card{
    padding-inline:var(--oam-space-2);
  }

  .ownamac-ac-gate-stripe{
    margin-inline:calc(var(--oam-space-2)*-1);
    padding-inline:var(--oam-space-2);
    letter-spacing:.12em;
  }

  .ownamac-ac-dash-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .ownamac-ac-dash-tabs{
    padding:0;
  }

  .ownamac-ac-dtab{
    flex:1;
    justify-content:center;
    padding-inline:.6rem;
  }

  .ownamac-ac-code-row{
    flex-direction:column;
  }

  .ownamac-ac-note{
    width:100%;
  }
}
