/* MY STYLE ARCHIVE — shared visual language v1
   White editorial canvas, DM Sans / Manrope, clean controls,
   Tomato Red actions; glass reserved for imagery overlays. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{
  --msa-white:#ffffff;--msa-ink:#171717;--msa-muted:#777777;
  --msa-line:#e8e8e8;--msa-accent:#F05443;--msa-accent-hover:#df4939;
  --msa-pill:999px;
  font-family:'DM Sans',Arial,sans-serif!important;
  color:var(--msa-ink);background:var(--msa-white);
}
html,body{background:#fff!important;color:var(--msa-ink);font-family:'DM Sans',Arial,sans-serif!important}
button,input,select,textarea{font-family:'DM Sans',Arial,sans-serif!important}
h1,h2,h3{font-family:'Manrope','DM Sans',sans-serif;font-weight:500;letter-spacing:-.045em}
header{background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--msa-line)!important}
header .brand,header .brand small{color:var(--msa-ink)!important}
header .brand small{color:var(--msa-muted)!important}
button{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
button:focus-visible,a:focus-visible{outline:2px solid var(--msa-accent);outline-offset:3px}
:is(button.primary,.primary,#addowned,#addwish,#msa-dep-add,#create-group){
  background:var(--msa-accent)!important;background-image:none!important;
  color:#fff!important;border:1px solid var(--msa-accent)!important;
  border-radius:var(--msa-pill)!important;
  box-shadow:none!important;text-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  font-weight:500!important;
}
:is(button.primary,.primary,#addowned,#addwish,#msa-dep-add,#create-group):hover{
  background:var(--msa-accent-hover)!important;border-color:var(--msa-accent-hover)!important;
  box-shadow:none!important;
}
:is(input:not([type=checkbox]):not([type=radio]),textarea,select){
  color:var(--msa-ink)!important;background:#fff!important;
  border-color:#dedede!important;
}
:where(.tabs) button.active{background:#f0f0f0!important;color:#171717!important;border-color:#e4e4e4!important;box-shadow:none!important}
:where(.tabs) button:not(.active){background:transparent!important;color:#6f6f6f!important;box-shadow:none!important}
:where(.tabs) button:not(.active):hover{background:#f7f7f7!important;color:#171717!important}
:where(.modal,.space,.item,.lookcard,.piece,.depart-card,.msa-wish-card){box-shadow:none}
:where(.chip,.msa-brand-trigger){box-shadow:none!important}
:where(.msa-brand-trigger){border:0!important;background:transparent!important}
:where(.group-cover .member,.group .side button){
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
/* Card images and group covers keep their original photographic treatment. */
@media(prefers-reduced-motion:reduce){button{transition:none!important}}

/* Consistent inline delete / dismiss controls throughout all editors */
:is(.msa-type-chip,.msa-custom-holder,.msa-editor-page-row,.msa-page-edit-block,
    .swap-type-edit-row,#swap-type-editor .row){
  --msa-remove-size:20px;
}
.msa-type-chip{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:4px 5px 4px 10px!important;min-height:32px!important;
  border-radius:8px!important;background:#fff!important;
}
.msa-type-chip .msa-type-remove{
  position:static!important;top:auto!important;right:auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 20px!important;width:20px!important;height:20px!important;
  min-width:20px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;
  background:#f1f1f1!important;color:#666!important;
  font-size:12px!important;line-height:1!important;box-shadow:none!important;
}
:is(.msa-type-chip .msa-type-remove,.msa-custom-holder .msa-custom-more):hover{
  background:#F05443!important;color:#fff!important;
}
.msa-type-chips{gap:8px!important;row-gap:9px!important}
.msa-custom-holder .msa-custom-more{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;line-height:1!important;box-shadow:none!important;
}
:is(.msa-type-chip .msa-type-remove,.msa-custom-holder .msa-custom-more):focus-visible{
 outline:2px solid #F05443!important;outline-offset:2px!important;
}