/* Rosaifa 4.14.24 — premium Beauty Workspace, My Cabinet and next-action system. */

.woocommerce-account .woocommerce-MyAccount-navigation-link--my-cabinet a::after {
  content: "NEW";
  float: right;
  margin-left: 8px;
  padding: 3px 6px;
  border-radius: 999px;
  background: #ead8cc;
  color: #744a4e;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .08em;
}

.rf-v41424-dashboard {
  display: grid;
  gap: 14px;
  margin: 0 0 22px;
}

.rf-v41424-next-action {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 24px;
  padding: clamp(20px,3vw,30px);
  border: 1px solid rgba(117,78,61,.13);
  border-radius: 26px;
  background:
    radial-gradient(circle at 88% 15%, rgba(207,149,115,.18), transparent 30%),
    linear-gradient(140deg,#fff 0%,#fbf4ef 100%);
  box-shadow: 0 18px 50px rgba(55,33,20,.055);
}
.rf-v41424-next-action h2 { margin: 7px 0 8px; font-family: var(--rf-serif); font-size: clamp(30px,3.4vw,46px); font-weight: 500; line-height: 1; letter-spacing: -.03em; }
.rf-v41424-next-action p { margin: 0; max-width: 720px; color: var(--rf-ink-soft); line-height: 1.65; }

.rf-v41424-dashboard-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.rf-v41424-dashboard-metrics a { min-height:118px; padding:15px; border:1px solid rgba(117,78,61,.11); border-radius:18px; background:rgba(255,255,255,.84); display:flex; flex-direction:column; color:inherit; box-shadow:0 10px 28px rgba(55,33,20,.03); }
.rf-v41424-dashboard-metrics small { color:var(--rf-ink-soft); font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.rf-v41424-dashboard-metrics strong { margin-top:auto; font-family:var(--rf-serif); font-size:32px; font-weight:500; line-height:1; }
.rf-v41424-dashboard-metrics span { margin-top:5px; color:var(--rf-ink-soft); font-size:9px; }

.rf-v41424-ritual-strip { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; align-items:center; gap:9px; padding:12px 14px; border:1px solid rgba(117,78,61,.12); border-radius:18px; background:#fff; }
.rf-v41424-ritual-strip>div { display:grid; gap:2px; }
.rf-v41424-ritual-strip>div strong { font-size:13px; }
.rf-v41424-ritual-strip button { min-width:96px; min-height:46px; border:1px solid var(--rf-line); border-radius:999px; background:#faf5f1; color:var(--rf-ink); display:flex; align-items:center; justify-content:center; gap:7px; font:inherit; cursor:pointer; }
.rf-v41424-ritual-strip button span { font-weight:850; }
.rf-v41424-ritual-strip button small { font-size:9px; color:var(--rf-ink-soft); }
.rf-v41424-ritual-strip button.is-done { background:var(--rf-ink); color:#fff; border-color:var(--rf-ink); }
.rf-v41424-ritual-strip button.is-done small { color:rgba(255,255,255,.72); }
.rf-v41424-ritual-strip>a { font-size:10px; font-weight:800; white-space:nowrap; }

.rf-v41424-routine-workspace { margin-top:22px; padding-top:22px; border-top:1px solid var(--rf-line-soft); }
.rf-v41424-workspace-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:20px; margin-bottom:16px; }
.rf-v41424-workspace-head h2 { margin:6px 0 8px; font-family:var(--rf-serif); font-size:clamp(30px,3.5vw,44px); font-weight:500; line-height:1; }
.rf-v41424-workspace-head p { max-width:780px; margin:0; color:var(--rf-ink-soft); line-height:1.65; }

.rf-v41424-checkin-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:9px; padding:12px; border:1px solid rgba(117,78,61,.12); border-radius:18px; background:linear-gradient(135deg,#fff,#faf5f1); margin-bottom:14px; }
.rf-v41424-checkin-row>div { display:grid; gap:2px; }
.rf-v41424-checkin-row>div small { color:var(--rf-ink-soft); font-size:9px; }
.rf-v41424-checkin-row button { min-height:44px; min-width:120px; border:1px solid var(--rf-line); border-radius:999px; background:#fff; font:inherit; font-weight:850; cursor:pointer; }
.rf-v41424-checkin-row button span { margin-left:5px; color:var(--rf-ink-soft); font-size:9px; font-weight:650; }
.rf-v41424-checkin-row button.is-done { background:var(--rf-ink); color:#fff; border-color:var(--rf-ink); }
.rf-v41424-checkin-row button.is-done span { color:rgba(255,255,255,.7); }

.rf-v41424-workspace-shelf { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:14px; }
.rf-v41424-shelf-card { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px; border:1px solid rgba(117,78,61,.11); border-radius:16px; background:#fff; min-width:0; }
.rf-v41424-shelf-card img { width:64px; height:64px; object-fit:contain; border-radius:12px; background:#faf6f2; }
.rf-v41424-shelf-card>div { min-width:0; display:grid; gap:3px; }
.rf-v41424-shelf-card>div small { color:var(--rf-rose-dark); font-size:8px; font-weight:850; text-transform:uppercase; }
.rf-v41424-shelf-card>div strong { font-size:11px; line-height:1.35; overflow-wrap:anywhere; }
.rf-v41424-shelf-card nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; max-width:156px; }
.rf-v41424-shelf-card nav button { border:1px solid var(--rf-line); border-radius:999px; background:#fff; min-height:32px; padding:0 9px; font:inherit; font-size:8px; font-weight:850; cursor:pointer; }
.rf-v41424-shelf-card nav button.is-active { background:var(--rf-ink); color:#fff; border-color:var(--rf-ink); }

.rf-v41424-workspace-lanes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.rf-v41424-workspace-lanes>section { min-width:0; border:1px solid rgba(117,78,61,.12); border-radius:18px; background:linear-gradient(180deg,#fff,#fcf8f5); overflow:hidden; }
.rf-v41424-workspace-lanes>section>header { display:flex; align-items:center; gap:9px; padding:12px; border-bottom:1px solid var(--rf-line-soft); }
.rf-v41424-workspace-lanes>section>header span { width:32px; height:32px; border-radius:50%; background:#efe3dc; color:var(--rf-rose-dark); display:grid; place-items:center; font-size:9px; font-weight:900; }
.rf-v41424-workspace-lanes>section>header strong { font-size:12px; }
.rf-v41424-workspace-lanes>section>div { display:grid; gap:7px; padding:9px; }
.rf-v41424-lane-item { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:8px; padding:7px; border:1px solid rgba(117,78,61,.10); border-radius:13px; background:#fff; }
.rf-v41424-lane-item img { width:48px; height:48px; object-fit:contain; border-radius:10px; background:#faf6f2; }
.rf-v41424-lane-item>div { min-width:0; display:grid; gap:2px; }
.rf-v41424-lane-item small { color:var(--rf-rose-dark); font-size:7.5px; font-weight:850; }
.rf-v41424-lane-item strong { font-size:9px; line-height:1.3; overflow-wrap:anywhere; }
.rf-v41424-lane-item nav { display:flex; gap:3px; }
.rf-v41424-lane-item nav button { width:28px; height:28px; border:1px solid var(--rf-line); border-radius:50%; background:#fff; cursor:pointer; }
.rf-v41424-lane-item nav button:disabled { opacity:.3; cursor:default; }
.rf-v41424-lane-empty { min-height:76px; display:grid; place-items:center; color:var(--rf-ink-soft); font-size:9px; text-align:center; }
.rf-v41424-workspace-save { display:flex; align-items:center; gap:12px; margin-top:12px; }
.rf-v41424-workspace-save span { color:var(--rf-ink-soft); font-size:10px; }

.rf-v41424-cabinet { display:grid; gap:16px; }
.rf-v41424-cabinet-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:20px; padding:clamp(20px,3vw,30px); border:1px solid rgba(117,78,61,.13); border-radius:26px; background:radial-gradient(circle at 90% 12%,rgba(207,149,115,.16),transparent 32%),linear-gradient(140deg,#fff,#faf4ef); box-shadow:0 18px 50px rgba(55,33,20,.05); }
.rf-v41424-cabinet-hero h2 { margin:7px 0 8px; font-family:var(--rf-serif); font-size:clamp(32px,4vw,48px); font-weight:500; line-height:1; }
.rf-v41424-cabinet-hero p { margin:0; max-width:720px; color:var(--rf-ink-soft); line-height:1.65; }
.rf-v41424-cabinet-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.rf-v41424-cabinet-stats>span { padding:14px; border:1px solid rgba(117,78,61,.11); border-radius:16px; background:#fff; display:grid; gap:5px; }
.rf-v41424-cabinet-stats small { color:var(--rf-ink-soft); font-size:8px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.rf-v41424-cabinet-stats strong { font-family:var(--rf-serif); font-size:28px; font-weight:500; }
.rf-v41424-cabinet-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.rf-v41424-cabinet-card { display:grid; grid-template-columns:132px minmax(0,1fr); min-width:0; overflow:hidden; border:1px solid rgba(117,78,61,.11); border-radius:20px; background:#fff; }
.rf-v41424-cabinet-image { display:grid; place-items:center; min-height:160px; background:#faf6f2; }
.rf-v41424-cabinet-image img { width:100%; height:100%; max-height:190px; object-fit:contain; padding:8px; }
.rf-v41424-cabinet-copy { min-width:0; display:flex; flex-direction:column; padding:14px; }
.rf-v41424-cabinet-badges { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:8px; }
.rf-v41424-cabinet-badges span { padding:5px 7px; border-radius:999px; background:#f4e9e2; color:var(--rf-rose-dark); font-size:7px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.rf-v41424-cabinet-copy>a>strong { display:block; font-size:13px; line-height:1.4; }
.rf-v41424-cabinet-price { margin-top:6px; font-weight:850; }
.rf-v41424-cabinet-copy>small { margin-top:8px; color:var(--rf-ink-soft); font-size:9px; line-height:1.45; }
.rf-v41424-cabinet-copy>small.is-due { color:var(--rf-rose-dark); font-weight:800; }
.rf-v41424-cabinet-actions { margin-top:auto; padding-top:10px; display:flex; flex-wrap:wrap; gap:6px; }
.rf-v41424-cabinet-actions a,.rf-v41424-cabinet-actions button { min-height:34px; padding:0 9px; border:1px solid var(--rf-line); border-radius:999px; background:#fff; color:var(--rf-ink); display:inline-flex; align-items:center; font:inherit; font-size:8.5px; font-weight:800; cursor:pointer; }
.rf-v41424-empty { padding:24px; border:1px dashed rgba(117,78,61,.22); border-radius:20px; background:#fff; text-align:center; }
.rf-v41424-empty h3 { font-family:var(--rf-serif); font-size:30px; font-weight:500; margin:0 0 8px; }
.rf-v41424-empty p { max-width:620px; margin:0 auto 14px; color:var(--rf-ink-soft); line-height:1.6; }

.rf-v41424-cabinet-toggle { display:inline-flex; align-items:center; gap:7px; margin:2px 0 12px; min-height:40px; padding:0 13px; border:1px solid var(--rf-line); border-radius:999px; background:#fff; color:var(--rf-ink); font:inherit; cursor:pointer; }
.rf-v41424-cabinet-toggle span { font-size:16px; line-height:1; }
.rf-v41424-cabinet-toggle em { font-style:normal; font-size:10px; font-weight:800; }
.rf-v41424-cabinet-toggle[aria-pressed="true"] { background:#f5eae3; color:var(--rf-rose-dark); border-color:rgba(116,74,78,.24); }

@media(max-width:980px){
  .rf-v41424-dashboard-metrics,.rf-v41424-cabinet-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rf-v41424-workspace-lanes{grid-template-columns:1fr}
  .rf-v41424-cabinet-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .rf-v41424-next-action,.rf-v41424-cabinet-hero,.rf-v41424-workspace-head{grid-template-columns:1fr;align-items:start}
  .rf-v41424-next-action .rf-button,.rf-v41424-cabinet-hero .rf-button{width:100%;justify-content:center}
  .rf-v41424-dashboard-metrics{gap:8px}.rf-v41424-dashboard-metrics a{min-height:104px;padding:12px}.rf-v41424-dashboard-metrics strong{font-size:28px}
  .rf-v41424-ritual-strip{grid-template-columns:1fr 1fr 1fr}.rf-v41424-ritual-strip>div{grid-column:1/-1}.rf-v41424-ritual-strip>a{grid-column:1/-1;text-align:center;padding-top:4px}
  .rf-v41424-ritual-strip button{min-width:0;width:100%}
  .rf-v41424-checkin-row{grid-template-columns:1fr 1fr}.rf-v41424-checkin-row>div{grid-column:1/-1}.rf-v41424-checkin-row button{min-width:0;width:100%}
  .rf-v41424-workspace-shelf{grid-template-columns:1fr}
  .rf-v41424-shelf-card{grid-template-columns:56px minmax(0,1fr);}.rf-v41424-shelf-card img{width:56px;height:56px}.rf-v41424-shelf-card nav{grid-column:1/-1;max-width:none;justify-content:stretch}.rf-v41424-shelf-card nav button{flex:1}
  .rf-v41424-cabinet-card{grid-template-columns:112px minmax(0,1fr)}.rf-v41424-cabinet-image{min-height:150px}
}
@media(max-width:430px){
  .rf-v41424-cabinet-stats{grid-template-columns:1fr 1fr}
  .rf-v41424-cabinet-card{grid-template-columns:96px minmax(0,1fr)}
  .rf-v41424-cabinet-copy{padding:11px}
}

.rf-v41424-cabinet-toggle.is-locked,.rf-v41424-cabinet-toggle:disabled{cursor:default;opacity:.82}