/* v4.7.3 — Profile, Listings, Help & Support continuation of the approved violet UI baseline. */

/* Parent brand mark stays black/original. Property Studio carries the violet accent. */
.brand img{
  filter:none!important;
  opacity:1!important;
}

/* Sidebar account area: workspace sync is automatic, so only identity + sign-out remain. */
.sidebar-account-actions{
  display:grid;
  gap:7px;
}
.sidebar-account-actions .pill{
  width:100%;
  justify-content:flex-start;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Profile social-link chooser */
[data-page="profile"] .profile-defaults-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
[data-page="profile"] .social-link-settings{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid #E8E5F1;
  border-radius:16px;
  background:#FCFBFF;
}
[data-page="profile"] .social-link-settings-head>div{
  display:grid;
  gap:3px;
}
[data-page="profile"] .social-link-settings-head b{
  color:#2A2930;
  font-size:13px;
}
[data-page="profile"] .social-link-settings-head span{
  color:#85838E;
  font-size:11px;
  line-height:1.45;
}
[data-page="profile"] .social-link-picker{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
[data-page="profile"] .social-link-chip{
  display:inline-flex;
  align-items:center;
  cursor:pointer;
}
[data-page="profile"] .social-link-chip input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
[data-page="profile"] .social-link-chip span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid #E3E0EC;
  border-radius:999px;
  background:#FFFFFF;
  color:#55535D;
  font-size:11px;
  font-weight:850;
  transition:.15s ease;
}
[data-page="profile"] .social-link-chip input:checked+span{
  border-color:#D9D2FF;
  background:#F0EDFF;
  color:#594ADF;
  box-shadow:0 0 0 2px rgba(108,92,246,.035);
}
[data-page="profile"] .social-link-chip input:focus-visible+span{
  outline:3px solid rgba(108,92,246,.14);
  outline-offset:2px;
}
[data-page="profile"] .social-link-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}

/* Listings: one clean toolbar row with Active as the initial view. */
[data-page="packages"] .card{
  border-color:var(--studio-line,#E8E6F0);
  box-shadow:0 12px 34px rgba(43,35,91,.04);
}
[data-page="packages"] .listings-head{
  display:flex;
  align-items:center;
  gap:14px;
  padding:13px 14px;
  min-height:64px;
}
[data-page="packages"] .listings-head h2{
  flex:0 0 auto;
  font-size:17px;
  color:#222128;
}
[data-page="packages"] .listings-filters{
  margin-left:auto;
  display:grid;
  grid-template-columns:minmax(210px,1fr) 118px 132px 118px;
  align-items:center;
  gap:8px;
  width:min(100%,690px);
  flex:1 1 690px;
}
[data-page="packages"] .listings-filters input,
[data-page="packages"] .listings-filters select{
  width:100%;
  min-width:0;
  height:38px;
  border-color:#DEDCE6;
  background:#FFFFFF;
}
[data-page="packages"] .listings-filters input:focus,
[data-page="packages"] .listings-filters select:focus{
  border-color:#8A7BFA;
  box-shadow:0 0 0 4px rgba(108,92,246,.08);
}
[data-page="packages"] table thead th{
  color:#6F6D79;
  background:#FBFAFD;
}
[data-page="packages"] tbody tr:hover{
  background:#FCFBFF;
}

/* Help / FAQ */
[data-page="help"] .card{
  border-color:var(--studio-line,#E8E6F0);
  box-shadow:0 12px 34px rgba(43,35,91,.04);
}
[data-page="help"] .help-workflow-title{
  grid-column:1/-1;
  margin:0 0 2px;
  padding:0 2px;
  color:#222128;
  font-size:16px;
  letter-spacing:-.02em;
}
[data-page="help"] .help-card{
  border-color:#E8E5F0;
  background:#FFFFFF;
}
[data-page="help"] .help-card>span{
  background:#F0EDFF;
  color:#594ADF;
}
[data-page="help"] .faq-item{
  border-color:#E8E5F0;
  background:#FFFFFF;
}
[data-page="help"] .faq-item[open]{
  background:#FCFBFF;
  border-color:#DDD7FF;
}
[data-page="help"] #supportBtn{
  border-color:#DED8FF;
  color:#5D4FDF;
  background:#FFFFFF;
}
[data-page="help"] #supportBtn:hover{
  background:#F7F5FF;
}

/* Support / Feedback composer. The destination address is intentionally not rendered in the UI. */
.support-modal-card{
  width:min(660px,100%);
  border-color:#E5E1F0;
  box-shadow:0 28px 80px rgba(39,32,79,.18);
}
.support-modal-card .modal-head{
  border-color:#EFECF5;
}
.support-modal-body{
  gap:14px;
}
.support-modal-body input,
.support-modal-body select,
.support-modal-body textarea{
  border-color:#DEDCE6;
  background:#FFFFFF;
}
.support-modal-body input:focus,
.support-modal-body select:focus,
.support-modal-body textarea:focus{
  border-color:#8A7BFA;
  box-shadow:0 0 0 4px rgba(108,92,246,.09);
}
.support-context-check{
  display:flex!important;
  align-items:center;
  gap:9px;
  font-size:11px!important;
  color:#676570!important;
  font-weight:700!important;
  cursor:pointer;
}
.support-context-check input{
  width:16px!important;
  height:16px!important;
  margin:0;
  accent-color:#6C5CF6;
}
.support-modal-actions{
  justify-content:flex-end;
  padding-top:2px;
}
.support-modal-actions .primary{
  background:linear-gradient(135deg,#725CFF,#634EF2);
  color:#fff;
}

@media(max-width:900px){
  [data-page="packages"] .listings-head{align-items:flex-start;flex-direction:column}
  [data-page="packages"] .listings-filters{margin-left:0;width:100%;grid-template-columns:minmax(200px,1fr) repeat(3,minmax(110px,auto))}
}
@media(max-width:760px){
  [data-page="profile"] .profile-defaults-grid,
  [data-page="profile"] .social-link-fields{grid-template-columns:1fr}
  [data-page="packages"] .listings-filters{grid-template-columns:1fr 1fr}
  [data-page="packages"] .listings-filters input{grid-column:1/-1}
}
@media(max-width:520px){
  [data-page="packages"] .listings-filters{grid-template-columns:1fr}
  [data-page="packages"] .listings-filters input{grid-column:auto}
}