/* ===== Storage Finder modal polish ===== */

.cck-sf-modal { position: fixed; inset: 0; display: none; z-index: 99999; }
.cck-sf-modal.is-open { display: block; }

.cck-sf-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.6); }

.cck-sf-modal__panel{
  position:absolute; left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:min(620px, calc(100vw - 28px));
  background:#fff;
  border-radius:18px;
  box-shadow:0 24px 80px rgba(0,0,0,.35);
  overflow:hidden;
}

.cck-sf-modal__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
    background-color: #eeeeee;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.cck-sf-modal__title{
  font-weight:800;
  font-size:16px;
  letter-spacing:-.01em;
}

.cck-sf-modal__meta{
  display:flex;
  align-items:center;
  gap:10px;
}

.cck-sf-modal__progress{
  font-size:12px;
  font-weight:700;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(0,0,0,.06);
}

.cck-sf-modal__close{
  border:0;
  background: rgba(0,0,0,.06);
  width:34px;
  height:34px;
  border-radius:10px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
  opacity:.9;
}
.cck-sf-modal__close:hover{ background: rgba(0,0,0,.10); }

.cck-sf-modal__body{ padding:18px; }

.cck-sf-q{
  font-weight:800;
  font-size:15px;
  margin-bottom:12px;
}

.cck-sf-opts{ display:grid; gap:10px; }

.cck-sf-opt{
  text-align:left;
  padding:14px 14px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  font-weight:600;
}
.cck-sf-opt:hover{ border-color: rgba(0,0,0,.22); }

.cck-sf-opt.is-selected{
  border-color:#111;
  box-shadow: 0 0 0 3px rgba(0,0,0,.08);
}

.cck-sf-modal__footer{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:14px 18px;
  border-top:1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
}

.cck-sf-back, .cck-sf-next, .cck-sf-cta{
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  cursor:pointer;
  font-weight:800;
}

.cck-sf-next{
  background:#111;
  color:#fff;
  border-color:#111;
  min-width:110px;
}
.cck-sf-back{ min-width:110px; }

.cck-sf-back[disabled], .cck-sf-next[disabled]{
  opacity:.45;
  cursor:not-allowed;
}

.cck-sf-rec{
  padding:16px;
  border-radius:16px;
  background: rgba(0,0,0,.03);
}
.cck-sf-rec h3{ margin:0 0 6px 0; font-size:18px; }
.cck-sf-rec ul{ margin:10px 0 0 18px; }

.cck-sf-cta{
  display:inline-flex;
  margin-top:14px;
  text-decoration:none;
  background:#111;
  color:#fff;
  border-color:#111;
}
.cck-sf-cta:hover{ opacity:.92; }

/* Mobile */
@media (max-width: 520px){
  .cck-sf-modal__panel{
    width: calc(100vw - 18px);
    border-radius:16px;
  }
}
/* Header layout */
.cck-sf-modal__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
}

.cck-sf-modal__brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.cck-sf-modal__logo{
  width:80px;       /* matches what you wanted */
  height:auto;
  display:block;
}

/* Title styling you asked for */
.cck-sf-modal__title-pill{
  background-color: white;
  padding: 5px 10px;
  border-radius: 10px;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}

/* Right side */
.cck-sf-modal__meta{
  display:flex;
  align-items:center;
  gap:10px;
}

.cck-sf-modal__progress{
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(0,0,0,.08);
}

.cck-sf-modal__close{
  border:0;
  background: rgba(0,0,0,.08);
  width:34px;
  height:34px;
  border-radius:10px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
}
.cck-sf-modal__close:hover{ background: rgba(0,0,0,.12); }