/* DAR Matching System – account/auth/security UI
 * v8.8.1
 * Unified private-area system aligned with portal shell tokens.
 */

:root{
  --dar-ms-brand-red:#B3262E;
  --dar-ms-brand-red-strong:#8F1F25;
  --dar-ms-brand-green:#1F6A52;
  --dar-ms-brand-green-strong:#174F3E;
  --dar-ms-ink-900:#1A1A1A;
  --dar-ms-ink-700:#5F5A54;
  --dar-ms-ink-600:#6C665F;
  --dar-ms-ink-500:#7A746C;
  --dar-ms-border:#D8D3CC;
  --dar-ms-border-soft:#E7E2DB;
  --dar-ms-surface:#FFFFFF;
  --dar-ms-surface-soft:#F4F1EC;
  --dar-ms-shell:#FAF8F5;
  --dar-ms-danger:#B3262E;
  --dar-ms-success:#1F6A52;
  --dar-ms-shadow-sm:0 10px 24px rgba(26,26,26,.05);
  --dar-ms-shadow-xs:0 6px 16px rgba(26,26,26,.04);
  --dar-ms-radius-sm:12px;
  --dar-ms-radius-md:16px;
  --dar-ms-radius-lg:22px;
}

.dar-ms-auth,
.dar-ms-account-shell,
.dar-ms-multistep{
  max-width:1160px;
  margin:0 auto;
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
}

.dar-ms-auth,
.dar-ms-account-panel,
.dar-step,
.dar-ms-security-card,
.dar-ms-alert-card,
.dar-ms-notification-card{
  background:var(--dar-ms-surface-background, var(--dar-ms-surface));
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-lg);
  box-shadow:var(--dar-ms-shadow-xs);
}

.dar-ms-auth{
  padding:28px;
  display:grid;
  gap:18px;
}

.dar-ms-auth__tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.dar-ms-auth__tab,
.dar-ms-account-link,
.dar-ms-account-action,
.dar-ms-btn-primary,
.dar-ms-favorite-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:0 16px;
  border-radius:999px;
  text-decoration:none;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  background:var(--dar-ms-surface-background, var(--dar-ms-surface));
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  font-size:15px;
  font-weight:800;
  line-height:1;
  transition:background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
  cursor:pointer;
}

.dar-ms-auth__tab:hover,
.dar-ms-auth__tab:focus,
.dar-ms-account-link:hover,
.dar-ms-account-link:focus,
.dar-ms-account-action:hover,
.dar-ms-account-action:focus,
.dar-ms-favorite-btn:hover,
.dar-ms-favorite-btn:focus{
  border-color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 24%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  background:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 6%, var(--dar-ms-surface-background, var(--dar-ms-surface)));
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
}

.dar-ms-auth__tab.is-active,
.dar-ms-account-link.is-active{
  background:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 12%, var(--dar-ms-surface-background, var(--dar-ms-surface)));
  border-color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 44%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) !important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 18%, transparent);
}

.dar-ms-account-action.is-primary,
.dar-ms-btn-primary{
  background:var(--dar-ms-nav-cta-bg, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))));
  border-color:transparent;
  color:var(--dar-ms-nav-cta-text, #ffffff) !important;
  box-shadow:0 12px 24px color-mix(in srgb, var(--dar-ms-nav-cta-bg, var(--dar-ms-brand-red)) 22%, transparent);
}

.dar-ms-account-action.is-danger{
  color:var(--dar-ms-danger);
  border-color:color-mix(in srgb, var(--dar-ms-danger) 30%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  background:#fff;
}

.dar-ms-account-action.is-danger:hover,
.dar-ms-account-action.is-danger:focus{
  background:color-mix(in srgb, var(--dar-ms-danger) 8%, #fff);
}

.dar-ms-auth__form{
  display:grid;
  gap:16px;
}

.dar-ms-auth__form p{
  margin:0;
}

.dar-ms-auth__form label{
  display:block;
  margin:0 0 8px;
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
  font-size:14px;
  font-weight:800;
}

.dar-ms-auth__form input,
.dar-ms-auth__form select,
.dar-ms-auth__form textarea,
.dar-ms-property-form input,
.dar-ms-property-form select,
.dar-ms-property-form textarea{
  width:100%;
  min-height:52px;
  padding:0 16px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:#fff;
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
  box-sizing:border-box;
  font-size:15px;
  line-height:1.4;
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.dar-ms-auth__form textarea,
.dar-ms-property-form textarea{
  min-height:120px;
  padding:14px 16px;
}

.dar-ms-auth__form input:focus,
.dar-ms-auth__form select:focus,
.dar-ms-auth__form textarea:focus,
.dar-ms-property-form input:focus,
.dar-ms-property-form select:focus,
.dar-ms-property-form textarea:focus{
  outline:none;
  border-color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 42%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  box-shadow:0 0 0 4px color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 10%, transparent);
}

.dar-ms-auth__form input[type="checkbox"]{
  width:18px;
  min-height:18px;
  height:18px;
  padding:0;
  margin-inline-end:8px;
  vertical-align:middle;
}

.dar-ms-tech-input,
.dar-ms-auth__input--rtl-safe,
.dar-ms-account-profile-form__input--rtl-safe,
.dar-ms-password-field--technical input{
  direction:ltr;
  text-align:left;
  unicode-bidi:plaintext;
}

.dar-ms-tech-input::placeholder,
.dar-ms-auth__input--rtl-safe::placeholder,
.dar-ms-account-profile-form__input--rtl-safe::placeholder,
.dar-ms-password-field--technical input::placeholder{
  direction:ltr;
  text-align:left;
  unicode-bidi:plaintext;
}

.dar-ms-auth__form p,
.dar-ms-account-profile-form__group{
  min-width:0;
}

.dar-ms-auth__error,
.dar-ms-form-notice,
.dar-ms-auth__help{
  overflow-wrap:anywhere;
}

.dar-ms-password-field--technical{
  direction:ltr;
}

.dar-ms-password-field--technical input{
  min-width:0;
}

.dar-ms-password-toggle{
  white-space:nowrap;
}

[dir="rtl"] .dar-ms-auth__form label,
[dir="rtl"] .dar-ms-account-profile-form__label{
  text-align:right;
}

.dar-ms-auth__form p:has(input[type="checkbox"]){
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--dar-ms-ink-700);
  font-size:14px;
}

.dar-ms-auth__form button[type="submit"],
.dar-ms-btn-primary{
  width:auto;
  min-width:172px;
}

.dar-ms-auth__passkey{
  margin-top:-4px;
}

.dar-ms-auth__passkey .dar-ms-account-action,
.dar-ms-passkey-login{
  width:auto;
  min-width:220px;
}

.dar-ms-auth__error,
.dar-ms-form-notice{
  margin:0;
  padding:14px 16px;
  border-radius:var(--dar-ms-radius-md);
  border:1px solid color-mix(in srgb, var(--dar-ms-danger) 24%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  background:#FBEDEE;
  color:var(--dar-ms-danger);
  font-size:14px;
  font-weight:700;
}

.dar-ms-form-notice--success{
  border-color:color-mix(in srgb, var(--dar-ms-success) 26%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  background:#EDF6F2;
  color:var(--dar-ms-success);
}

.dar-ms-form-notice--error{
  border-color:color-mix(in srgb, var(--dar-ms-danger) 24%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  background:#FBEDEE;
  color:var(--dar-ms-danger);
}

.dar-ms-auth__form a{
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  text-decoration:none;
  font-weight:700;
}

.dar-ms-auth__form a:hover,
.dar-ms-auth__form a:focus{
  text-decoration:underline;
}

.dar-ms-account-shell{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:28px;
  align-items:start;
}

.dar-ms-account-nav-toggle{
  display:none;
  width:100%;
  min-height:46px;
  margin-bottom:14px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:999px;
  background:#fff;
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  font-weight:800;
}

.dar-ms-account-nav{
  position:sticky;
  top:24px;
  display:grid;
  gap:12px;
  min-width:0;
}

.dar-ms-account-nav-list{
  display:grid;
  gap:10px;
}

.dar-ms-account-user{
  font-size:20px;
  font-weight:900;
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
  word-break:break-word;
}

.dar-ms-account-main{
  min-width:0;
  display:grid;
  gap:18px;
}

.dar-ms-account-header{
  display:grid;
  gap:6px;
}

.dar-ms-account-header__eyebrow{
  color:var(--dar-ms-ink-500);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  font-weight:800;
}

.dar-ms-account-header__title{
  margin:0;
  font-size:clamp(36px, 4vw, 54px);
  line-height:1.02;
  letter-spacing:-.03em;
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
}

.dar-ms-account-panel{
  padding:24px;
  display:grid;
  gap:20px;
}

.dar-ms-account-dashboard{
  display:grid;
  gap:18px;
}

.dar-ms-account-dashboard__row{
  display:grid;
  gap:14px;
}

.dar-ms-account-dashboard__hero{
  grid-template-columns:minmax(0,1fr) 220px;
  align-items:start;
  gap:18px;
}

.dar-ms-account-dashboard__hero-copy{
  display:grid;
  gap:8px;
}

.dar-ms-account-dashboard__hero-title{
  margin:0;
  font-size:22px;
  line-height:1.1;
  font-weight:900;
}

.dar-ms-account-dashboard__hero-text{
  margin:0;
  color:var(--dar-ms-ink-700);
  line-height:1.6;
}

.dar-ms-account-dashboard__hero-plan{
  display:grid;
  gap:6px;
  align-content:start;
  padding:18px;
  border-radius:var(--dar-ms-radius-md);
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  background:var(--dar-ms-surface-soft);
}

.dar-ms-account-dashboard__hero-plan span{
  color:var(--dar-ms-ink-500);
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.dar-ms-account-dashboard__hero-plan strong{
  font-size:24px;
  line-height:1;
}

.dar-ms-kpis{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

.dar-ms-kpi{
  padding:20px 18px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:var(--dar-ms-surface-soft);
  display:grid;
  gap:8px;
  min-width:0;
}

.dar-ms-kpi strong{
  display:block;
  font-size:clamp(28px, 3vw, 38px);
  line-height:1;
  letter-spacing:-.03em;
}

.dar-ms-kpi span{
  color:var(--dar-ms-ink-700);
  font-size:15px;
  font-weight:700;
}

.dar-ms-account-summary-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
}

.dar-ms-alert-card,
.dar-ms-notification-card,
.dar-ms-security-card{
  padding:18px;
}

.dar-ms-alert-card p,
.dar-ms-notification-card p,
.dar-ms-security-card p{
  margin:.35rem 0 0;
  color:var(--dar-ms-ink-700);
  line-height:1.6;
}

.dar-ms-alert-card{
  display:grid;
  gap:10px;
}

.dar-ms-alert-card__actions,
.dar-ms-notification-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:8px;
}

.dar-ms-notification-card.is-unread{
  border-color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 20%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  box-shadow:0 10px 28px color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 8%, transparent);
}

.dar-ms-notification-card__head{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:space-between;
  align-items:flex-start;
}

.dar-ms-security-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
}

.dar-ms-security-card h3{
  margin:0;
  font-size:20px;
  line-height:1.1;
}

.dar-ms-security-stack,
.dar-ms-security-device-list,
.dar-ms-security-code-list{
  display:grid;
  gap:12px;
  margin-top:16px;
}

.dar-ms-security-device,
.dar-ms-security-code{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border-radius:var(--dar-ms-radius-md);
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  background:var(--dar-ms-surface-soft);
}

.dar-ms-security-inline-form{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.dar-ms-security-inline-form input[type="text"],
.dar-ms-security-inline-form input[type="password"],
.dar-ms-security-inline-form input[type="number"]{
  flex:1 1 220px;
  min-width:0;
}

.dar-ms-security-inline-form .dar-ms-account-action{
  min-width:160px;
}

.dar-step{
  display:none;
  padding:18px;
}

.dar-step.is-active{
  display:block;
}

.dar-ms-step-nav{
  display:flex;
  gap:10px;
  justify-content:space-between;
}

.dar-ms-checkbox-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.dar-ms-existing-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
  gap:12px;
}

.dar-ms-existing-gallery__item{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.dar-ms-existing-gallery__item img{
  width:100%;
  height:auto;
  border-radius:12px;
}

.dar-ms-my-property-row{
  display:grid;
  grid-template-columns:1fr auto auto auto;
  gap:12px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
}

.dar-ms-favorite-btn{
  min-width:46px;
  padding-inline:14px;
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  background:#fff;
}

.dar-ms-favorite-btn.is-active{
  background:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 10%, #fff);
  border-color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 30%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
}

.dar-ms-favorite-btn__icon{
  font-size:17px;
  line-height:1;
}

.dar-ms-favorite-btn__label{
  white-space:nowrap;
}

.dar-ms-favorites-grid{
  display:grid;
  gap:20px;
}

.dar-ms-card__after-actions{
  margin-top:8px;
  display:flex;
  justify-content:flex-start;
}

.dar-ms-card .dar-ms-favorite-btn{
  width:auto;
}

.dar-ms-form-notice{
  margin:0 0 4px;
}

@media (max-width: 960px){
  .dar-ms-account-shell{
    grid-template-columns:1fr;
    gap:18px;
  }

  .dar-ms-account-nav-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .dar-ms-account-nav{
    position:static;
    display:none;
  }

  .dar-ms-account-shell.is-nav-open .dar-ms-account-nav{
    display:grid;
  }

  .dar-ms-kpis,
  .dar-ms-account-summary-grid,
  .dar-ms-security-grid,
  .dar-ms-account-dashboard__hero{
    grid-template-columns:1fr;
  }
}

@media (max-width: 720px){
  .dar-ms-auth,
  .dar-ms-account-panel{
    padding:18px;
    border-radius:18px;
  }

  .dar-ms-auth__tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .dar-ms-auth__tab,
  .dar-ms-btn-primary,
  .dar-ms-account-action,
  .dar-ms-password-toggle{
    width:100%;
  }

  .dar-ms-checkbox-grid,
  .dar-ms-my-property-row{
    grid-template-columns:1fr;
  }

  .dar-ms-my-property-row{
    align-items:start;
  }

  .dar-ms-alert-card__actions,
  .dar-ms-notification-card__actions,
  .dar-ms-security-inline-form{
    flex-direction:column;
  }

  .dar-ms-auth__passkey .dar-ms-account-action{
    min-width:0;
  }
}

@media (max-width: 520px){
  .dar-ms-auth__tabs{
    grid-template-columns:1fr;
  }

  .dar-ms-password-field{
    grid-template-columns:1fr;
  }

  .dar-ms-auth,
  .dar-ms-account-panel{
    padding:16px;
  }
}


.dar-ms-password-field{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}

.dar-ms-password-field input{
  min-width:0;
}

.dar-ms-password-toggle{
  min-height:52px;
  padding:0 16px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:#fff;
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  font-weight:800;
  cursor:pointer;
  transition:border-color .18s ease, background-color .18s ease, color .18s ease;
}

.dar-ms-password-toggle:hover,
.dar-ms-password-toggle:focus{
  border-color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 24%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  background:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 6%, #fff);
}

.dar-ms-bot-guard__hp{
  position:absolute !important;
  inset-inline-start:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

.dar-ms-security-code{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  word-break:break-all;
}

.dar-ms-security-code--block{
  display:block;
  width:100%;
  padding:14px 16px;
  border-radius:var(--dar-ms-radius-md);
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  background:var(--dar-ms-surface-soft);
  box-sizing:border-box;
}

.dar-ms-security-reveal{
  margin-top:8px;
}

.dar-ms-security-reveal summary{
  cursor:pointer;
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  font-weight:800;
}

.dar-ms-profile-grid,
.dar-ms-security-summary-grid{
  margin-bottom:4px;
}

.dar-ms-security-methods{
  display:grid;
  gap:10px;
  margin-top:10px;
}

.dar-ms-security-method{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:var(--dar-ms-surface-soft);
}


.dar-ms-account-link{
  justify-content:center;
}

.dar-ms-account-link:not(.is-active){
  color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 88%, #7c746d);
  background:#fff;
}

.dar-ms-security-intro{
  margin-bottom:4px;
}

.dar-ms-security-summary-card{
  min-height:132px;
  align-content:start;
}

.dar-ms-security-summary-card__status{
  font-weight:900;
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
}

.dar-ms-security-sections{
  display:grid;
  gap:14px;
}

.dar-ms-security-section{
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:var(--dar-ms-surface-soft);
  overflow:hidden;
}

.dar-ms-security-section summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  gap:4px;
  padding:16px 18px;
}

.dar-ms-security-section summary::-webkit-details-marker{
  display:none;
}

.dar-ms-security-section summary::after{
  content:"+";
  position:absolute;
  inset-inline-end:18px;
  margin-top:2px;
  font-size:20px;
  font-weight:700;
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
}

.dar-ms-security-section[open] summary::after{
  content:"–";
}

.dar-ms-security-section summary{
  position:relative;
}

.dar-ms-security-section__title{
  font-size:17px;
  font-weight:900;
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
}

.dar-ms-security-section__help{
  color:var(--dar-ms-ink-700);
  line-height:1.5;
  padding-inline-end:28px;
}

.dar-ms-security-section__body{
  padding:0 16px 16px;
}

.dar-ms-security-section__content{
  display:grid;
  gap:12px;
}

.dar-ms-security-section__content--placeholder{
  padding-top:4px;
}

.dar-ms-security-section__placeholder-text{
  margin:0;
  color:var(--dar-ms-ink-700);
  line-height:1.5;
}

.dar-ms-security-section__content.is-loading{
  opacity:.72;
}

.dar-ms-security-section__content.is-loading .dar-ms-account-action{
  pointer-events:none;
}

.dar-ms-security-section__content.is-error{
  border:1px dashed color-mix(in srgb, var(--dar-ms-danger) 24%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  border-radius:var(--dar-ms-radius-md);
  padding:14px;
  background:color-mix(in srgb, var(--dar-ms-danger) 4%, #fff);
}


.dar-ms-security-section__body > .dar-ms-security-card{
  box-shadow:none;
  border-radius:var(--dar-ms-radius-md);
}

.dar-ms-security-reveal > summary{
  cursor:pointer;
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  font-weight:800;
}

.dar-ms-security-reveal > summary::-webkit-details-marker{
  display:none;
}

@media (max-width: 920px){
  .dar-ms-account-shell{
    grid-template-columns:1fr;
  }

  .dar-ms-security-grid,
  .dar-ms-account-summary-grid,
  .dar-ms-kpis,
  .dar-ms-account-dashboard__hero{
    grid-template-columns:1fr;
  }

  .dar-ms-account-nav{
    position:static;
  }
}


.dar-ms-billing-overview{
  display:grid;
  gap:24px;
}

.dar-ms-billing-section{
  display:grid;
  gap:16px;
}

.dar-ms-billing-section__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

.dar-ms-billing-section__head h3{
  margin:0 0 4px;
}

.dar-ms-billing-section__head p,
.dar-ms-billing-copy{
  margin:0;
  color:var(--dar-ms-ink-700);
}

.dar-ms-billing-copy.is-small{
  font-size:14px;
}

.dar-ms-billing-hero{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:16px;
}

.dar-ms-billing-plan-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

.dar-ms-billing-plan-card{
  padding:20px 18px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:var(--dar-ms-surface-soft);
  display:grid;
  gap:14px;
  min-width:0;
}

.dar-ms-billing-plan-card.is-current{
  border-color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-accent)));
  box-shadow:0 0 0 1px color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-accent))) 24%, transparent);
}

.dar-ms-billing-plan-card__head{
  display:grid;
  gap:6px;
}

.dar-ms-billing-plan-card__head strong{
  font-size:24px;
  line-height:1.1;
}

.dar-ms-billing-price{
  font-size:18px;
  font-weight:800;
}

.dar-ms-billing-eyebrow{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--dar-ms-ink-600);
}

.dar-ms-billing-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-accent))) 12%, white);
  border:1px solid color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-accent))) 28%, transparent);
  color:var(--dar-ms-ink-900);
  font-size:13px;
  font-weight:700;
}

.dar-ms-billing-plan-meta{
  margin:0;
  padding-left:18px;
  color:var(--dar-ms-ink-700);
  display:grid;
  gap:6px;
}

.dar-ms-billing-plan-card__grid,
.dar-ms-billing-state-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

.dar-ms-billing-detail-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px 16px;
  margin:0;
}

.dar-ms-billing-detail-list dt{
  margin:0 0 4px;
  color:var(--dar-ms-ink-600);
  font-size:13px;
  font-weight:700;
}

.dar-ms-billing-detail-list dd{
  margin:0;
  font-size:16px;
  font-weight:700;
}

.dar-ms-billing-form{
  display:grid;
  gap:12px;
}

.dar-ms-billing-form-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

.dar-ms-billing-form input[type="text"],
.dar-ms-billing-form select,
.dar-ms-billing-form input[type="file"]{
  width:100%;
}

.dar-ms-billing-instructions{
  display:grid;
  gap:8px;
  padding:14px 16px;
  border:1px dashed var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:rgba(255,255,255,.45);
}

.dar-ms-table-wrap{
  overflow:auto;
}

.dar-ms-account-table{
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  overflow:hidden;
  background:#fff;
}

.dar-ms-account-table th,
.dar-ms-account-table td{
  padding:14px 12px;
  border-bottom:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  text-align:left;
  vertical-align:top;
}

.dar-ms-account-table th{
  background:var(--dar-ms-surface-soft);
  color:var(--dar-ms-ink-700);
  font-size:13px;
  font-weight:800;
}

.dar-ms-account-table tbody tr:last-child td{
  border-bottom:none;
}

.dar-ms-account-card{
  padding:20px 18px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:var(--dar-ms-surface-soft);
}

.dar-ms-billing-meta{
  color:var(--dar-ms-ink-700);
  line-height:1.45;
}

.dar-ms-billing-inline-form{
  margin:6px 0 0;
}

.dar-ms-billing-action{
  width:100%;
  justify-content:center;
  min-height:40px;
  padding-inline:14px;
  font-size:14px;
  font-weight:800;
}

.dar-ms-billing-link{
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid transparent;
}

.dar-ms-billing-link:hover,
.dar-ms-billing-link:focus{
  border-bottom-color:currentColor;
}

.dar-ms-billing-badge--published{
  background:color-mix(in srgb, var(--dar-ms-success) 12%, #ffffff);
  border-color:color-mix(in srgb, var(--dar-ms-success) 28%, transparent);
  color:var(--dar-ms-success);
}

.dar-ms-billing-badge--active{
  background:color-mix(in srgb, var(--dar-ms-success) 10%, #ffffff);
  border-color:color-mix(in srgb, var(--dar-ms-success) 24%, transparent);
  color:var(--dar-ms-success);
}

.dar-ms-billing-badge--paid{
  background:color-mix(in srgb, var(--dar-ms-success) 12%, #ffffff);
  border-color:color-mix(in srgb, var(--dar-ms-success) 28%, transparent);
  color:var(--dar-ms-success);
}

.dar-ms-billing-badge--pending{
  background:color-mix(in srgb, #D97706 12%, #ffffff);
  border-color:color-mix(in srgb, #D97706 28%, transparent);
  color:#8A4B05;
}

.dar-ms-billing-badge--review{
  background:color-mix(in srgb, #7C3AED 12%, #ffffff);
  border-color:color-mix(in srgb, #7C3AED 28%, transparent);
  color:#5C2AB8;
}

.dar-ms-billing-badge--expired,
.dar-ms-billing-badge--failed{
  background:color-mix(in srgb, var(--dar-ms-danger) 10%, #ffffff);
  border-color:color-mix(in srgb, var(--dar-ms-danger) 24%, transparent);
  color:var(--dar-ms-danger);
}

.dar-ms-billing-badge--draft{
  background:color-mix(in srgb, var(--dar-ms-ink-700) 10%, #ffffff);
  border-color:color-mix(in srgb, var(--dar-ms-ink-700) 24%, transparent);
  color:var(--dar-ms-ink-700);
}

.dar-ms-account-table td strong{
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
}

.dar-ms-account-table td,
.dar-ms-account-table td small{
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
}

.dar-ms-account-table td small,
.dar-ms-billing-copy.is-small{
  color:var(--dar-ms-ink-700);
}

.dar-ms-account-dashboard__hero-plan strong,
.dar-ms-billing-plan-card__head strong,
.dar-ms-billing-price,
.dar-ms-kpi strong{
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
}

@media (max-width: 980px){
  .dar-ms-billing-hero,
  .dar-ms-billing-plan-grid{
    grid-template-columns:1fr;
  }

  .dar-ms-billing-plan-card__grid,
  .dar-ms-billing-state-grid,
  .dar-ms-billing-detail-list,
  .dar-ms-billing-form-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 680px){
  .dar-ms-account-table th,
  .dar-ms-account-table td{
    min-width:140px;
  }
}


/* =========================================================
   8.6.9.6 – ACCOUNT PROFILE FRONT BRANDING
   ---------------------------------------------------------
   - mobile toggle with active section context
   - frontend agency logo form
   - stable public identity preview
========================================================= */

.dar-ms-account-nav-toggle{
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  text-align:left;
  padding:10px 16px;
}

.dar-ms-account-nav-toggle__text{
  display:grid;
  gap:2px;
  min-width:0;
}

.dar-ms-account-nav-toggle__meta{
  color:var(--dar-ms-ink-500);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dar-ms-account-nav-toggle__label{
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  font-size:16px;
  line-height:1.2;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dar-ms-account-nav-toggle__icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  position:relative;
}

.dar-ms-account-nav-toggle__icon::before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:10px;
  height:10px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform .18s ease;
}

.dar-ms-account-shell.is-nav-open .dar-ms-account-nav-toggle__icon::before{
  transform:rotate(-135deg);
}

.dar-ms-account-user{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.dar-ms-account-profile-card{
  display:grid;
  gap:18px;
}

.dar-ms-account-profile-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.dar-ms-account-profile-card__head p{
  margin:8px 0 0;
  color:var(--dar-ms-ink-700);
}

.dar-ms-account-profile-card__public-name{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  background:color-mix(in srgb, var(--dar-ms-brand-green) 10%, #fff);
  color:var(--dar-ms-brand-green-strong);
  font-size:14px;
  font-weight:900;
}

.dar-ms-account-profile-form{
  display:grid;
  gap:16px;
}

.dar-ms-account-profile-form__media{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

.dar-ms-account-profile-form__preview{
  width:120px;
  height:120px;
  border-radius:22px;
  border:1px solid var(--dar-ms-border-soft);
  background:linear-gradient(135deg, #f8f5ef 0%, #efe8dd 100%);
  box-shadow:var(--dar-ms-shadow-xs);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.dar-ms-account-profile-form__preview-image{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
}

.dar-ms-account-profile-form__preview-fallback{
  color:var(--dar-ms-ink-900);
  font-size:34px;
  font-weight:900;
  letter-spacing:.06em;
}

.dar-ms-account-profile-form__fields{
  display:grid;
  gap:12px;
  min-width:0;
}

.dar-ms-account-profile-form__label{
  display:block;
  font-size:14px;
  font-weight:800;
  color:var(--dar-ms-ink-900);
}

.dar-ms-account-profile-form__input{
  width:100%;
  min-height:52px;
  padding:12px 14px;
  border:1px solid var(--dar-ms-border);
  border-radius:16px;
  background:#fff;
  color:var(--dar-ms-ink-900);
}

.dar-ms-account-profile-form__help{
  margin:0;
  color:var(--dar-ms-ink-700);
  font-size:14px;
  line-height:1.55;
}

.dar-ms-account-profile-form__checkbox{
  display:inline-flex;
  align-items:flex-start;
  gap:10px;
  font-size:14px;
  color:var(--dar-ms-ink-900);
}

.dar-ms-account-profile-form__checkbox input{
  margin-top:2px;
}

.dar-ms-account-profile-form__identity{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border:1px solid var(--dar-ms-border-soft);
  border-radius:18px;
  background:var(--dar-ms-surface-soft);
}

.dar-ms-account-profile-form__identity-label{
  color:var(--dar-ms-ink-500);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.dar-ms-account-profile-form__identity strong{
  color:var(--dar-ms-ink-900);
  font-size:18px;
  line-height:1.2;
}

.dar-ms-account-profile-form__identity small{
  color:var(--dar-ms-ink-700);
  font-size:13px;
  overflow-wrap:anywhere;
}

.dar-ms-account-profile-form__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

@media (max-width: 900px){
  .dar-ms-account-nav{
    padding:12px;
    border:1px solid var(--dar-ms-border-soft);
    border-radius:16px;
    background:#fff;
  }

  .dar-ms-account-link,
  .dar-ms-account-link--logout{
    width:100%;
    min-height:48px;
    justify-content:flex-start;
    text-align:left;
    line-height:1.2;
    padding:12px 14px;
    box-sizing:border-box;
  }

  .dar-ms-account-profile-form__media{
    grid-template-columns:1fr;
  }

  .dar-ms-account-profile-form__preview{
    width:96px;
    height:96px;
    border-radius:18px;
  }
}

@media (max-width: 720px){
  .dar-ms-account-nav-toggle{
    display:inline-flex;
  }

  .dar-ms-account-profile-card__head{
    align-items:stretch;
  }

  .dar-ms-account-profile-card__public-name{
    width:100%;
    justify-content:center;
  }
}



/* DAR 8.6.9.9 – account favorites spacing bridge */
.dar-ms-account-panel .dar-ms-favorites-grid{
  gap:24px;
}
.dar-ms-account-panel .dar-ms-favorites-empty{
  margin:0;
}


/* v8.8.3 — My properties inside account */
.dar-ms-account-properties{
  display:grid;
  gap:20px;
}

.dar-ms-account-properties__summary{
  display:grid;
  gap:16px;
  padding:20px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:20px;
  background:var(--dar-ms-surface, #fff);
}

.dar-ms-account-properties__summary-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
}

.dar-ms-account-properties__summary-copy{
  display:grid;
  gap:8px;
}

.dar-ms-account-properties__summary-copy h3{
  margin:0;
  font-size:clamp(20px, 2.4vw, 28px);
}

.dar-ms-account-properties__summary-copy p{
  margin:0;
  color:var(--dar-ms-text-muted, #6b7280);
}

.dar-ms-account-properties__summary-cta{
  display:grid;
  gap:10px;
  justify-items:end;
}

.dar-ms-account-properties__plan{
  color:var(--dar-ms-text-muted, #6b7280);
  font-size:14px;
}

.dar-ms-account-properties__add{
  min-width:220px;
  text-align:center;
}

.dar-ms-account-properties__kpis{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

.dar-ms-account-properties__limit-note{
  margin:0;
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  font-weight:600;
}

.dar-ms-account-properties__empty{
  display:grid;
  gap:10px;
  padding:24px;
  border:1px dashed var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:18px;
  background:var(--dar-ms-surface, #fff);
}

.dar-ms-account-properties__empty p{
  margin:0;
  color:var(--dar-ms-text-muted, #6b7280);
}

.dar-ms-account-properties__empty .dar-ms-btn-primary{
  width:fit-content;
}

.dar-ms-account-properties__grid{
  display:grid;
  gap:18px;
}

.dar-ms-account-property-item{
  display:grid;
  gap:10px;
}

.dar-ms-account-property-item__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.dar-ms-account-property-item__badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.dar-ms-account-property-item__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  background:#fff;
  font-size:13px;
  font-weight:700;
}

.dar-ms-account-property-item__badge.is-status.is-publish{
  color:#166534;
  background:#ecfdf3;
  border-color:#bbf7d0;
}

.dar-ms-account-property-item__badge.is-status.is-draft{
  color:#92400e;
  background:#fffbeb;
  border-color:#fde68a;
}

.dar-ms-account-property-item__badge.is-status.is-pending{
  color:#1d4ed8;
  background:#eff6ff;
  border-color:#bfdbfe;
}

.dar-ms-account-property-item__badge.is-status.is-expired{
  color:#991b1b;
  background:#fef2f2;
  border-color:#fecaca;
}

.dar-ms-account-property-item__badge.is-featured{
  color:#8a5d00;
  background:#fff8db;
  border-color:#f7d56f;
}

.dar-ms-account-property-item__updated{
  color:var(--dar-ms-text-muted, #6b7280);
}

.dar-ms-account-property-item .dar-ms-card{
  margin:0;
}

.dar-ms-card--my-properties .dar-ms-card__note.is-compact{
  -webkit-line-clamp:3;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.dar-ms-account-property-item__actions{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.dar-ms-account-property-item__actions .dar-ms-account-action{
  width:100%;
  text-align:center;
  justify-content:center;
}

.dar-ms-account-property-item__actions .dar-ms-account-action.is-primary{
  color:#fff;
  background:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  border-color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
}

.dar-ms-account-properties__pagination{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:center;
}

.dar-ms-account-properties__page{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  background:#fff;
  color:inherit;
  text-decoration:none;
}

.dar-ms-account-properties__page.is-current{
  color:#fff;
  background:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  border-color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
}

.dar-ms-account-properties__page.is-separator{
  border-style:dashed;
}

@media (max-width: 960px){
  .dar-ms-account-properties__summary-head{
    grid-template-columns:1fr;
  }

  .dar-ms-account-properties__summary-cta{
    justify-items:start;
  }

  .dar-ms-account-properties__kpis{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px){
  .dar-ms-account-properties__kpis,
  .dar-ms-account-property-item__actions{
    grid-template-columns:1fr;
  }

  .dar-ms-account-property-item__head{
    align-items:flex-start;
    flex-direction:column;
  }

  .dar-ms-account-properties__add{
    min-width:0;
    width:100%;
  }
}


/* v8.8.4 – account alerts & notifications */
.dar-ms-account-inbox{
  display:grid;
  gap:18px;
}

.dar-ms-account-inbox__summary{
  display:grid;
  gap:16px;
  padding:22px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-lg);
  background:linear-gradient(180deg, color-mix(in srgb, var(--dar-ms-surface-background, var(--dar-ms-surface)) 92%, #fff), var(--dar-ms-surface-background, var(--dar-ms-surface)));
  box-shadow:var(--dar-ms-shadow-xs);
}

.dar-ms-account-inbox__summary-copy{
  display:grid;
  gap:8px;
}

.dar-ms-account-inbox__summary-copy h3,
.dar-ms-account-inbox__empty strong{
  margin:0;
  font-size:22px;
  line-height:1.15;
}

.dar-ms-account-inbox__summary-copy p,
.dar-ms-account-inbox__empty p,
.dar-ms-account-inbox-card__text,
.dar-ms-account-inbox-card__subtle{
  margin:0;
  color:var(--dar-ms-color-text-muted, var(--dar-ms-ink-700));
}

.dar-ms-account-inbox__summary-actions{
  display:flex;
  justify-content:flex-start;
  align-items:center;
}

.dar-ms-account-inbox__kpis{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:12px;
}

.dar-ms-account-inbox__empty{
  display:grid;
  gap:10px;
  padding:24px;
  border:1px dashed var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-lg);
  background:var(--dar-ms-surface-soft);
}

.dar-ms-account-inbox-card__head{
  display:grid;
  gap:8px;
}

.dar-ms-account-inbox-card__heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.dar-ms-account-inbox-card__chips{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.dar-ms-account-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  background:var(--dar-ms-surface-soft);
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
  font-size:12px;
  font-weight:800;
  line-height:1;
}

.dar-ms-account-chip.is-muted{
  color:var(--dar-ms-ink-700);
}

.dar-ms-account-chip.is-highlight{
  background:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-brand-red)) 12%, #fff);
  border-color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-brand-red)) 36%, var(--dar-ms-border));
  color:var(--dar-ms-nav-active, var(--dar-ms-brand-red));
}

.dar-ms-account-inbox-card__meta{
  color:var(--dar-ms-color-text-muted, var(--dar-ms-ink-600));
  font-size:13px;
  font-weight:700;
}

.dar-ms-alerts-list,
.dar-ms-notifications-list{
  display:grid;
  gap:14px;
}

.dar-ms-alert-card,
.dar-ms-notification-card{
  display:grid;
  gap:14px;
  padding:20px;
}

.dar-ms-alert-card.is-paused{
  opacity:.88;
}

.dar-ms-notification-card.is-unread{
  border-color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-brand-red)) 35%, var(--dar-ms-border));
  box-shadow:0 12px 24px color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-brand-red)) 10%, transparent);
}

.dar-ms-alert-card__actions,
.dar-ms-notification-card__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.dar-ms-account-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.dar-ms-account-pagination__meta{
  color:var(--dar-ms-color-text-muted, var(--dar-ms-ink-700));
  font-size:14px;
  font-weight:700;
}

.dar-ms-account-link.is-disabled{
  opacity:.55;
  pointer-events:none;
}

@media (max-width: 920px){
  .dar-ms-account-inbox__kpis{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .dar-ms-account-inbox__summary{
    padding:18px;
  }

  .dar-ms-account-inbox__kpis{
    grid-template-columns:1fr 1fr;
  }

  .dar-ms-account-pagination{
    align-items:stretch;
  }

  .dar-ms-account-pagination .dar-ms-account-link{
    width:100%;
  }
}


.dar-ms-account-dashboard__overview,
.dar-ms-account-dashboard__activity{
  gap:16px;
}

.dar-ms-account-overview-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

.dar-ms-account-activity-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}

.dar-ms-account-card{
  display:grid;
  gap:14px;
  min-width:0;
}

.dar-ms-account-card__head{
  display:grid;
  gap:6px;
}

.dar-ms-account-card__head p{
  margin:0;
}

.dar-ms-account-card__footer{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}

.dar-ms-account-metric-stack{
  display:grid;
  gap:10px;
}

.dar-ms-account-metric-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  padding:12px 0;
  border-top:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
}

.dar-ms-account-metric-row:first-child{
  border-top:0;
  padding-top:0;
}

.dar-ms-account-metric-row:last-child{
  padding-bottom:0;
}

.dar-ms-account-metric-row > div{
  display:grid;
  gap:4px;
  min-width:0;
}

.dar-ms-account-metric-row span{
  color:var(--dar-ms-ink-800);
  font-weight:700;
}

.dar-ms-account-metric-row small{
  color:var(--dar-ms-ink-500);
  line-height:1.5;
}

.dar-ms-account-metric-row strong{
  font-size:18px;
  line-height:1.1;
  white-space:nowrap;
}

.dar-ms-account-quick-links{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

.dar-ms-account-quick-link{
  display:grid;
  gap:4px;
  padding:14px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:var(--dar-ms-surface-soft);
  text-decoration:none;
  color:inherit;
}

.dar-ms-account-quick-link span{
  font-weight:800;
}

.dar-ms-account-quick-link small{
  color:var(--dar-ms-ink-600);
  line-height:1.5;
}

.dar-ms-account-list{
  display:grid;
  gap:12px;
}

.dar-ms-account-list-item{
  display:grid;
  gap:8px;
  padding:14px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:var(--dar-ms-surface-soft);
}

.dar-ms-account-list-item.is-unread{
  border-color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 24%, var(--dar-ms-surface-border, var(--dar-ms-border)));
}

.dar-ms-account-list-item__head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}

.dar-ms-account-list-item__head strong{
  min-width:0;
}

.dar-ms-account-list-item__badge{
  padding:4px 8px;
  border-radius:999px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  background:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}

.dar-ms-account-list-item__badge--accent{
  border-color:transparent;
  background:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  color:#fff;
}

.dar-ms-account-list-item p,
.dar-ms-account-list-item small{
  margin:0;
  color:var(--dar-ms-ink-700);
  line-height:1.55;
}

.dar-ms-account-list-item__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.dar-ms-account-empty-state{
  margin:0;
  color:var(--dar-ms-ink-600);
}

.dar-ms-account-dashboard__hero-plan small{
  color:var(--dar-ms-ink-600);
  line-height:1.5;
}

@media (max-width: 1100px){
  .dar-ms-account-overview-grid,
  .dar-ms-account-activity-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 900px){
  .dar-ms-account-dashboard__hero{
    grid-template-columns:minmax(0,1fr);
  }

  .dar-ms-account-quick-links{
    grid-template-columns:minmax(0,1fr);
  }
}

@media (max-width: 700px){
  .dar-ms-account-overview-grid,
  .dar-ms-account-activity-grid,
  .dar-ms-account-summary-grid,
  .dar-ms-kpis{
    grid-template-columns:minmax(0,1fr);
  }

  .dar-ms-account-list-item__head,
  .dar-ms-account-metric-row{
    grid-template-columns:minmax(0,1fr);
    display:grid;
  }

  .dar-ms-account-list-item__badge,
  .dar-ms-account-metric-row strong{
    justify-self:start;
    white-space:normal;
  }
}


.dar-ms-account-favorites{
  display:grid;
  gap:20px;
}

.dar-ms-account-favorites__summary{
  display:grid;
  gap:16px;
  padding:20px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:20px;
  background:var(--dar-ms-surface, #fff);
}

.dar-ms-account-favorites__summary-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
}

.dar-ms-account-favorites__summary-copy{
  display:grid;
  gap:8px;
}

.dar-ms-account-favorites__summary-copy h3{
  margin:0;
  font-size:clamp(20px, 2.4vw, 28px);
}

.dar-ms-account-favorites__summary-copy p{
  margin:0;
  color:var(--dar-ms-text-muted, #6b7280);
}

.dar-ms-account-favorites__summary-cta{
  display:grid;
  gap:10px;
  justify-items:end;
}

.dar-ms-account-favorites__kpis{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.dar-ms-account-favorites__pagination{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:center;
}

.dar-ms-account-favorites__page{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  min-height:40px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  background:#fff;
  color:inherit;
  text-decoration:none;
  font-weight:600;
}

.dar-ms-account-favorites__page.is-current{
  color:#fff;
  border-color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  background:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
}

.dar-ms-account-favorites__page.is-separator{
  border-style:dashed;
  pointer-events:none;
}

@media (max-width: 900px){
  .dar-ms-account-favorites__summary-head{
    grid-template-columns:1fr;
  }

  .dar-ms-account-favorites__summary-cta{
    justify-items:start;
  }

  .dar-ms-account-favorites__kpis{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .dar-ms-account-favorites__kpis{
    grid-template-columns:1fr;
  }
}


/* v8.8.9.2 – account UX cleanup */
.dar-ms-account-user{
  font-size:18px;
  line-height:1.3;
}

.dar-ms-account-dashboard--compact{
  gap:14px;
}

.dar-ms-account-dashboard__topline{
  display:flex;
  justify-content:flex-start;
  align-items:center;
}

.dar-ms-account-inline-plan{
  display:inline-grid;
  gap:4px;
  padding:14px 16px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:var(--dar-ms-radius-md);
  background:var(--dar-ms-surface-soft);
}

.dar-ms-account-inline-plan span{
  color:var(--dar-ms-ink-500);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.dar-ms-account-inline-plan strong{
  font-size:clamp(22px, 2vw, 28px);
  line-height:1;
}

.dar-ms-account-inline-plan small{
  color:var(--dar-ms-ink-700);
}

.dar-ms-kpis--compact{
  grid-template-columns:repeat(3, minmax(0,1fr));
}

.dar-ms-account-inbox__toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:0 2px 6px;
}

.dar-ms-account-inbox__toolbar strong{
  font-size:20px;
  line-height:1.2;
}

.dar-ms-account-inline-count{
  color:var(--dar-ms-ink-700);
  font-size:14px;
  font-weight:700;
}

.dar-ms-account-inbox__toolbar-copy{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.dar-ms-account-inbox__toolbar-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

@media (max-width: 900px){
  .dar-ms-kpis--compact{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 640px){
  .dar-ms-kpis--compact{
    grid-template-columns:1fr;
  }

  .dar-ms-account-user{
    font-size:16px;
  }
}



/* v9.9.11.4 — account/resource/billing cleanup */
.dar-ms-account-property-item__badge.is-status.is-publish{
  color:var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red)));
  background:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 7%, #fff);
  border-color:color-mix(in srgb, var(--dar-ms-nav-active, var(--dar-ms-color-primary, var(--dar-ms-brand-red))) 18%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  box-shadow:none;
}

.dar-ms-account-properties__grid{
  gap:14px;
}

.dar-ms-account-property-item{
  gap:8px;
}

.dar-ms-account-property-item__head{
  align-items:flex-start;
}

.dar-ms-account-property-item__updated{
  font-size:12px;
  line-height:1.4;
}

.dar-ms-account-property-item__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}

.dar-ms-account-property-item .dar-ms-card__actions,
.dar-ms-account-property-item .dar-ms-portal-card__actions{
  gap:10px;
}

.dar-ms-account-panel .dar-ms-multistep{
  max-width:760px;
  margin:0 auto;
}

.dar-ms-account-panel .dar-step{
  max-width:420px;
  margin:0 auto;
  padding:18px 18px 16px;
  gap:12px;
}

.dar-ms-account-panel .dar-step h3{
  margin:0 0 8px;
  font-size:clamp(24px, 3vw, 34px);
  line-height:1.08;
}

.dar-ms-account-panel .dar-step p{
  margin:0 0 10px;
}

.dar-ms-account-panel .dar-step label{
  display:block;
  margin-bottom:6px;
  font-weight:700;
}

.dar-ms-account-panel .dar-step input[type="text"],
.dar-ms-account-panel .dar-step input[type="number"],
.dar-ms-account-panel .dar-step input[type="url"],
.dar-ms-account-panel .dar-step input[type="email"],
.dar-ms-account-panel .dar-step input[type="tel"],
.dar-ms-account-panel .dar-step select,
.dar-ms-account-panel .dar-step textarea{
  min-height:46px;
  border-radius:16px;
}

.dar-ms-account-panel .dar-step textarea{
  min-height:120px;
}

.dar-ms-account-panel .dar-step .description{
  font-size:13px;
  color:var(--dar-ms-ink-600);
}

.dar-ms-account-panel .dar-step .dar-ms-form-nav,
.dar-ms-account-panel .dar-step .dar-step__actions{
  margin-top:12px;
}

.dar-ms-billing-overview--compact{
  max-width:860px;
  margin:0 auto;
  gap:16px;
}

.dar-ms-billing-overview--compact .dar-ms-billing-section{
  gap:12px;
}

.dar-ms-billing-overview--compact .dar-ms-billing-plan-card,
.dar-ms-billing-overview--compact .dar-ms-account-card{
  padding:16px 14px;
  border-radius:18px;
}

.dar-ms-billing-overview--compact .dar-ms-billing-hero{
  grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);
  gap:12px;
}

.dar-ms-billing-overview--compact .dar-ms-billing-plan-card__head strong{
  font-size:18px;
}

.dar-ms-billing-overview--compact .dar-ms-billing-price{
  font-size:15px;
}

.dar-ms-billing-overview--compact .dar-ms-billing-plan-card__grid,
.dar-ms-billing-overview--compact .dar-ms-billing-state-grid,
.dar-ms-billing-overview--compact .dar-ms-billing-detail-list{
  gap:10px;
}

.dar-ms-billing-overview--compact .dar-ms-kpi{
  min-height:auto;
  padding:14px 12px;
}

.dar-ms-billing-overview--compact .dar-ms-kpi strong{
  font-size:22px;
}

.dar-ms-billing-overview--compact .dar-ms-billing-detail-list dd{
  font-size:14px;
}

.dar-ms-billing-overview--compact .dar-ms-billing-form-grid{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}

.dar-ms-billing-overview--compact .dar-ms-table-wrap{
  overflow:auto;
}

@media (max-width: 980px){
  .dar-ms-account-panel .dar-ms-multistep,
  .dar-ms-billing-overview--compact{
    max-width:none;
  }

  .dar-ms-billing-overview--compact .dar-ms-billing-hero{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  .dar-ms-account-panel .dar-step{
    max-width:none;
    padding:16px 14px;
  }

  .dar-ms-billing-overview--compact .dar-ms-billing-form-grid,
  .dar-ms-billing-overview--compact .dar-ms-billing-plan-card__grid,
  .dar-ms-billing-overview--compact .dar-ms-billing-state-grid,
  .dar-ms-billing-overview--compact .dar-ms-billing-detail-list{
    grid-template-columns:1fr;
  }
}



/* v9.9.11.5 – account cleanup: add property, my properties, billing */
.dar-ms-property-form__step-grid{
  display:grid;
  gap:14px;
}

.dar-ms-property-form__step-grid--basic{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:start;
}

.dar-ms-property-field{
  margin:0;
  display:grid;
  gap:8px;
  min-width:0;
}

.dar-ms-property-field--title{
  grid-column:1 / -1;
}

.dar-ms-property-select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position:calc(100% - 20px) calc(50% - 2px), calc(100% - 14px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-inline-end:42px !important;
}

.dar-ms-property-select--group{
  min-height:48px !important;
}

.dar-step{
  padding:20px;
}

.dar-step h3{
  margin:0 0 16px;
  font-size:clamp(24px, 3vw, 34px);
  line-height:1.06;
  letter-spacing:-.02em;
}

.dar-step > p{
  margin:0 0 14px;
}

.dar-ms-multistep{
  max-width:920px;
}

.dar-ms-account-main{
  gap:14px;
}

.dar-ms-account-panel{
  padding:18px;
  gap:16px;
}

.dar-ms-account-properties{
  gap:16px;
}

.dar-ms-account-properties__summary{
  padding:16px 18px;
  gap:14px;
}

.dar-ms-account-properties__summary-copy{
  gap:6px;
}

.dar-ms-account-properties__summary-copy h3{
  font-size:clamp(18px, 2vw, 24px);
}

.dar-ms-account-properties__summary-copy p{
  max-width:62ch;
  line-height:1.5;
}

.dar-ms-account-properties__kpis{
  gap:10px;
}

.dar-ms-account-properties__grid{
  gap:14px;
}

.dar-ms-account-property-item{
  gap:6px;
}

.dar-ms-account-property-item__head{
  justify-content:flex-end;
  min-height:20px;
}

.dar-ms-account-property-item__badges:empty{
  display:none;
}

.dar-ms-account-property-item__badge{
  min-height:28px;
  padding:0 10px;
  font-size:12px;
}

.dar-ms-account-property-item__badge.is-status.is-publish{
  display:none;
}

.dar-ms-account-property-item__updated{
  font-size:12px;
}

.dar-ms-card--my-properties{
  box-shadow:none;
}

.dar-ms-card--my-properties .dar-ms-card__header{
  gap:10px;
}

.dar-ms-card--my-properties .dar-ms-card__body{
  gap:10px;
}

.dar-ms-card--my-properties .dar-ms-card__meta,
.dar-ms-card--my-properties .dar-ms-card__amenities{
  gap:8px;
}

.dar-ms-account-property-item__actions{
  margin-top:6px;
  gap:8px;
}

.dar-ms-billing-overview{
  gap:18px;
}

.dar-ms-billing-summary-shell{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:20px;
  background:var(--dar-ms-surface, #fff);
}

.dar-ms-billing-hero{
  grid-template-columns:minmax(0, 1.35fr) 320px;
  gap:12px;
  align-items:start;
}

.dar-ms-billing-plan-card{
  padding:14px 14px 12px;
  gap:10px;
  border-radius:14px;
  background:var(--dar-ms-surface-soft);
}

.dar-ms-billing-plan-card--summary{
  gap:12px;
}

.dar-ms-billing-plan-card__head{
  gap:4px;
}

.dar-ms-billing-plan-card__head strong{
  font-size:18px;
  line-height:1.05;
}

.dar-ms-billing-eyebrow{
  font-size:11px;
  letter-spacing:.07em;
}

.dar-ms-billing-badge{
  padding:4px 9px;
  font-size:12px;
}

.dar-ms-billing-plan-card__grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.dar-ms-billing-state-grid--summary{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.dar-ms-billing-plan-card .dar-ms-kpi,
.dar-ms-billing-state-grid .dar-ms-kpi{
  padding:12px 12px 10px;
  gap:5px;
  min-height:0;
  border-radius:14px;
}

.dar-ms-billing-plan-card .dar-ms-kpi strong,
.dar-ms-billing-state-grid .dar-ms-kpi strong{
  font-size:clamp(18px, 2vw, 26px);
  line-height:1.02;
}

.dar-ms-billing-plan-card .dar-ms-kpi span,
.dar-ms-billing-state-grid .dar-ms-kpi span{
  font-size:12px;
  line-height:1.35;
}

.dar-ms-billing-detail-list{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px 14px;
}

.dar-ms-billing-detail-list dt{
  margin:0 0 2px;
  font-size:12px;
}

.dar-ms-billing-detail-list dd{
  font-size:14px;
  line-height:1.3;
}

.dar-ms-billing-section__head{
  gap:12px;
}

.dar-ms-billing-section__head h3{
  font-size:clamp(22px, 2.2vw, 32px);
}

.dar-ms-billing-copy{
  line-height:1.45;
}

.dar-ms-billing-plan-grid{
  gap:12px;
}

@media (max-width: 1024px){
  .dar-ms-billing-hero{
    grid-template-columns:1fr;
  }

  .dar-ms-billing-state-grid--summary{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 820px){
  .dar-ms-property-form__step-grid--basic,
  .dar-ms-billing-plan-card__grid,
  .dar-ms-billing-detail-list,
  .dar-ms-billing-state-grid--summary,
  .dar-ms-account-properties__summary-head,
  .dar-ms-account-properties__kpis{
    grid-template-columns:1fr;
  }

  .dar-ms-account-properties__summary-cta{
    justify-items:stretch;
  }

  .dar-ms-account-properties__add{
    min-width:0;
    width:100%;
  }

  .dar-step{
    padding:16px;
  }

  .dar-step h3{
    font-size:clamp(20px, 6vw, 28px);
  }

  .dar-ms-multistep{
    max-width:100%;
  }

  .dar-ms-billing-summary-shell{
    padding:12px;
  }
}


/* ===== v9.9.14.6 – Property form actions and amenities refinement ===== */
.dar-ms-property-form{
  --dar-ms-morocco-green:#006233;
  --dar-ms-morocco-green-strong:#00552b;
  --dar-ms-morocco-green-soft:color-mix(in srgb, var(--dar-ms-morocco-green) 10%, #ffffff);
  --dar-ms-morocco-green-border:color-mix(in srgb, var(--dar-ms-morocco-green) 24%, var(--dar-ms-surface-border, var(--dar-ms-border)));
}

.dar-ms-property-form .dar-ms-step-nav{
  gap:12px;
  margin-top:18px;
}

.dar-ms-property-form .dar-ms-step-nav .button,
.dar-ms-property-form .dar-ms-btn-primary.button,
.dar-ms-property-form button[type="submit"].button.button-primary{
  min-height:48px;
  padding:0 20px;
  border-radius:14px;
  font-size:15px;
  font-weight:800;
  line-height:1;
  letter-spacing:.01em;
  box-shadow:0 8px 20px rgba(0,0,0,.04);
  transition:background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.dar-ms-property-form .dar-ms-prev-step{
  border:1px solid var(--dar-ms-morocco-green-border);
  background:#fff;
  color:var(--dar-ms-morocco-green);
}

.dar-ms-property-form .dar-ms-prev-step:hover,
.dar-ms-property-form .dar-ms-prev-step:focus{
  border-color:color-mix(in srgb, var(--dar-ms-morocco-green) 36%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  background:var(--dar-ms-morocco-green-soft);
  color:var(--dar-ms-morocco-green-strong);
  box-shadow:0 10px 22px rgba(0,98,51,.10);
}

.dar-ms-property-form .dar-ms-next-step,
.dar-ms-property-form .dar-ms-btn-primary.button,
.dar-ms-property-form button[type="submit"].button.button-primary{
  border:1px solid color-mix(in srgb, var(--dar-ms-morocco-green) 70%, #004321);
  background:linear-gradient(180deg, #0a7b45 0%, var(--dar-ms-morocco-green) 100%);
  color:#fff;
}

.dar-ms-property-form .dar-ms-next-step:hover,
.dar-ms-property-form .dar-ms-next-step:focus,
.dar-ms-property-form .dar-ms-btn-primary.button:hover,
.dar-ms-property-form .dar-ms-btn-primary.button:focus,
.dar-ms-property-form button[type="submit"].button.button-primary:hover,
.dar-ms-property-form button[type="submit"].button.button-primary:focus{
  background:linear-gradient(180deg, #0b854a 0%, var(--dar-ms-morocco-green-strong) 100%);
  border-color:color-mix(in srgb, var(--dar-ms-morocco-green) 80%, #00391d);
  color:#fff;
  box-shadow:0 12px 24px rgba(0,98,51,.18);
}

.dar-ms-property-form .dar-ms-step-nav .button:active,
.dar-ms-property-form .dar-ms-btn-primary.button:active,
.dar-ms-property-form button[type="submit"].button.button-primary:active{
  transform:translateY(1px);
}

.dar-ms-property-form .dar-ms-step-nav .button:focus-visible,
.dar-ms-property-form .dar-ms-btn-primary.button:focus-visible,
.dar-ms-property-form button[type="submit"].button.button-primary:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--dar-ms-morocco-green) 16%, transparent), 0 10px 22px rgba(0,98,51,.14);
}

.dar-ms-property-form .dar-ms-amenities-picker{
  margin-top:10px;
}

.dar-ms-property-form .dar-ms-checkbox-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.dar-ms-property-form .dar-ms-checkbox-grid label{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:58px;
  margin:0;
  padding:14px 16px;
  border:1px solid var(--dar-ms-surface-border, var(--dar-ms-border));
  border-radius:16px;
  background:#fff;
  color:var(--dar-ms-color-text, var(--dar-ms-ink-900));
  font-size:15px;
  font-weight:700;
  line-height:1.35;
  cursor:pointer;
  box-sizing:border-box;
  box-shadow:0 6px 18px rgba(17,24,39,.04);
  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease;
}

.dar-ms-property-form .dar-ms-checkbox-grid label:hover{
  border-color:var(--dar-ms-morocco-green-border);
  background:var(--dar-ms-morocco-green-soft);
  box-shadow:0 10px 22px rgba(0,98,51,.08);
}

.dar-ms-property-form .dar-ms-checkbox-grid input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:22px;
  height:22px;
  min-height:22px;
  margin:0;
  padding:0;
  border:2px solid color-mix(in srgb, var(--dar-ms-morocco-green) 42%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  border-radius:8px;
  background:#fff;
  display:inline-grid;
  place-items:center;
  box-sizing:border-box;
  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.dar-ms-property-form .dar-ms-checkbox-grid input[type="checkbox"]:hover{
  border-color:color-mix(in srgb, var(--dar-ms-morocco-green) 64%, var(--dar-ms-surface-border, var(--dar-ms-border)));
}

.dar-ms-property-form .dar-ms-checkbox-grid input[type="checkbox"]:checked{
  border-color:var(--dar-ms-morocco-green);
  background-color:var(--dar-ms-morocco-green);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M2.5 7.5 5.6 10.4 11.5 3.8'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:13px 13px;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--dar-ms-morocco-green) 12%, transparent);
}

.dar-ms-property-form .dar-ms-checkbox-grid input[type="checkbox"]:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--dar-ms-morocco-green) 18%, transparent);
}

.dar-ms-property-form .dar-ms-checkbox-grid label:has(input[type="checkbox"]:checked){
  border-color:color-mix(in srgb, var(--dar-ms-morocco-green) 34%, var(--dar-ms-surface-border, var(--dar-ms-border)));
  background:color-mix(in srgb, var(--dar-ms-morocco-green) 9%, #ffffff);
  color:var(--dar-ms-morocco-green-strong);
  box-shadow:0 12px 24px rgba(0,98,51,.10);
}

@media (max-width: 640px){
  .dar-ms-property-form .dar-ms-step-nav{
    flex-wrap:wrap;
  }

  .dar-ms-property-form .dar-ms-step-nav .button,
  .dar-ms-property-form .dar-ms-btn-primary.button,
  .dar-ms-property-form button[type="submit"].button.button-primary{
    width:100%;
  }

  .dar-ms-property-form .dar-ms-checkbox-grid{
    grid-template-columns:1fr;
  }
}


/* v9.9.15.2 — favorites portal loop polish: no card shadow + stable CTA row */
.dar-ms-account-favorites [data-dar-ms-portal-root="1"]{
  --dar-ms-portal-card-shadow:none;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card{
  box-shadow:none;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main{
  order:1;
  display:flex;
  flex:0 1 auto;
  flex-wrap:nowrap;
  align-items:center;
  gap:12px;
  min-width:0;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-cta{
  order:2;
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:12px;
  min-width:0;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main .dar-ms-favorite-btn{
  flex:0 0 auto;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main .dar-ms-portal-card__action{
  flex:0 1 auto;
  min-width:0;
  white-space:nowrap;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action--whatsapp{
  flex:0 0 auto;
  margin-inline-start:0;
  min-inline-size:clamp(128px, 16vw, 168px);
  white-space:nowrap;
}

@media (max-width: 782px){
  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions{
    flex-wrap:nowrap;
    align-items:center;
    gap:10px;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main{
    flex:1 1 auto;
    gap:10px;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main .dar-ms-favorite-btn{
    flex:0 0 56px;
    min-width:56px;
    padding-inline:0;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main .dar-ms-portal-card__action{
    flex:1 1 auto;
    min-width:0;
    padding-inline:14px;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-cta{
    flex:0 0 auto;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action--whatsapp{
    width:auto;
    min-inline-size:112px;
    padding-inline:16px;
  }
}


/* v9.9.15.3 — favorites loop device polish: unified CTA row on tablet/mobile + preview wrapper cleanup */
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__agent-logo,
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__agent-logo--brand_badge,
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__agent--logo-only .dar-ms-portal-card__agent-logo{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__agent-logo--brand_badge{
  border:0;
  border-radius:0;
}

@media (max-width: 1024px){
  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    min-width:0;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main{
    order:1;
    display:flex;
    flex:1 1 auto;
    flex-wrap:nowrap;
    align-items:center;
    gap:10px;
    min-width:0;
    width:auto;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-cta{
    order:2;
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    min-width:max-content;
    width:auto;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main .dar-ms-favorite-btn{
    flex:0 0 56px;
    inline-size:56px;
    min-width:56px;
    width:56px;
    padding-inline:0;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main .dar-ms-portal-card__action{
    flex:1 1 auto;
    min-width:0;
    width:auto;
    white-space:nowrap;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action--whatsapp,
  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-cta .dar-ms-portal-card__action--whatsapp{
    flex:0 0 auto;
    width:auto;
    min-inline-size:112px;
    max-inline-size:100%;
    margin-inline-start:0;
    white-space:nowrap;
  }
}

@media (max-width: 782px){
  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions{
    gap:8px;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main,
  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-cta{
    gap:8px;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main .dar-ms-favorite-btn{
    flex:0 0 52px;
    inline-size:52px;
    min-width:52px;
    width:52px;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-main .dar-ms-portal-card__action{
    padding-inline:12px;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action--whatsapp,
  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions-cta .dar-ms-portal-card__action--whatsapp{
    min-inline-size:104px;
    padding-inline:14px;
  }
}


/* v9.9.15.5 — account favorites sync with unified portal card buttons */
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  align-items:stretch;
  gap:12px;
  min-width:0;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions[data-dar-ms-actions-count="3"]{
  grid-template-columns:56px minmax(0,1fr) minmax(0,1fr);
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action-slot{
  display:flex;
  min-width:0;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action-slot > .dar-ms-favorite-btn,
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action-slot > .dar-ms-portal-card__action{
  width:100%;
  min-width:0;
  min-height:48px;
}

.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action-slot > .dar-ms-favorite-btn{
  padding-inline:0;
}

@media (max-width: 782px){
  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions{
    grid-template-columns:52px minmax(0,1fr);
    gap:8px;
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__actions[data-dar-ms-actions-count="3"]{
    grid-template-columns:52px minmax(0,1fr) minmax(0,1fr);
  }

  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action-slot > .dar-ms-favorite-btn,
  .dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action-slot > .dar-ms-portal-card__action{
    min-height:46px;
  }
}



/* v9.9.15.7 — shared card header/summary authority
   Scope:
   - enforce a single header logic across portal + favorites
   - first row is always title + logo
   - utility/resources always render as the secondary row
   - summary is visually shorter: 2 lines desktop/tablet, 1 line mobile */
[data-dar-ms-portal-root="1"] .dar-ms-portal-card__header{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  min-width:0;
}

[data-dar-ms-portal-root="1"] .dar-ms-portal-card__identity{
  grid-row:1;
  grid-column:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:16px;
  min-width:0;
}

[data-dar-ms-portal-root="1"] .dar-ms-portal-card__identity-main{
  min-width:0;
}

[data-dar-ms-portal-root="1"] .dar-ms-portal-card__utility{
  grid-row:2;
  grid-column:1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  width:100%;
  min-width:0;
}

[data-dar-ms-portal-root="1"] .dar-ms-portal-card__title{
  max-inline-size:none;
}

[data-dar-ms-portal-root="1"] .dar-ms-portal-card__summary{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}

@media (max-width: 840px){
  [data-dar-ms-portal-root="1"] .dar-ms-portal-card__identity{
    gap:12px;
  }

  [data-dar-ms-portal-root="1"] .dar-ms-portal-card__agent-logo--brand_badge{
    inline-size:clamp(88px, 28vw, 128px);
    block-size:48px;
  }

  [data-dar-ms-portal-root="1"] .dar-ms-portal-card__summary{
    -webkit-line-clamp:1;
    line-clamp:1;
  }
}



/* v9.9.15.10 — account/favorites inherit WhatsApp outline without touching action layout */
.dar-ms-account-panel [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.is-primary.dar-ms-portal-card__action--whatsapp,
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.is-primary.dar-ms-portal-card__action--whatsapp,
.dar-ms-account-panel [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.dar-ms-portal-card__action--whatsapp,
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.dar-ms-portal-card__action--whatsapp{
  background:#fff;
  border-color:var(--dar-ms-brand-red);
  color:var(--dar-ms-brand-red);
}

.dar-ms-account-panel [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.is-primary.dar-ms-portal-card__action--whatsapp:hover,
.dar-ms-account-panel [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.is-primary.dar-ms-portal-card__action--whatsapp:focus-visible,
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.is-primary.dar-ms-portal-card__action--whatsapp:hover,
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.is-primary.dar-ms-portal-card__action--whatsapp:focus-visible,
.dar-ms-account-panel [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.dar-ms-portal-card__action--whatsapp:hover,
.dar-ms-account-panel [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.dar-ms-portal-card__action--whatsapp:focus-visible,
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.dar-ms-portal-card__action--whatsapp:hover,
.dar-ms-account-favorites [data-dar-ms-portal-root="1"] .dar-ms-portal-card__action.dar-ms-portal-card__action--whatsapp:focus-visible{
  background:rgba(179,38,46,.06);
  border-color:var(--dar-ms-brand-red);
  color:var(--dar-ms-brand-red);
}


@media (max-width: 640px){
  .dar-ms-password-field{
    grid-template-columns:1fr;
  }

  .dar-ms-password-toggle{
    width:100%;
  }
}