.store-settings-screen,
.stock-management-screen{
  background:#f2f4f2;
}

.store-profile-head{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  padding:17px 14px;
  background:var(--green2);
  color:#fff;
}
.store-logo-wrap{
  position:relative;
  flex:0 0 74px;
  height:74px;
}
.store-logo-wrap>img{
  width:74px;
  height:74px;
  border:2px solid rgba(255,255,255,.8);
  border-radius:6px;
  object-fit:cover;
}
.store-logo-wrap>label{
  position:absolute;
  inset:auto 0 0;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  background:rgba(0,0,0,.68);
  border-radius:0 0 5px 5px;
  font-size:9px;
  cursor:pointer;
}
.store-logo-wrap svg{width:12px;height:12px}
.store-logo-wrap input,
.store-gallery-add input{display:none}
.store-profile-head h2{margin:7px 0 4px;font-size:18px}
.store-profile-head p{margin:0;color:rgba(255,255,255,.7);font-size:9px}
.store-profile-head>div:nth-child(2){min-width:0;padding-right:78px}.store-profile-head>div:nth-child(2) h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-profile-view{position:absolute;top:17px;right:14px;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.08);color:#fff;padding:7px 8px;display:flex;align-items:center;gap:4px;font-size:9px;border-radius:3px}.store-profile-view svg{width:13px}
.store-status{display:flex;align-items:center;gap:5px;font-size:9px;color:#bfe0c9}
.store-status i{width:6px;height:6px;border-radius:50%;background:#69d18b}

.store-settings-section{
  margin-top:9px;
  padding:14px;
  background:#fff;
}
.store-settings-section>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding-bottom:7px;
}
.store-settings-section>header h3,
.store-product-entry h3{
  margin:0;
  font-size:13px;
}
.store-settings-section>header p,
.store-product-entry p{
  margin:4px 0 0;
  color:var(--sub);
  font-size:9px;
  line-height:1.45;
}
.store-settings-section>header>svg{width:20px;color:var(--green)}
.store-field{
  min-height:47px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  align-items:center;
  gap:8px;
  border-top:1px solid var(--line);
  font-size:10px;
}
.store-field>span{color:var(--sub)}
.store-field input,
.store-field textarea{
  width:100%;
  min-width:0;
  padding:8px 0;
  border:0;
  outline:0;
  background:#fff;
  color:var(--ink);
  font:inherit;
  text-align:right;
  line-height:1.45;
  resize:none;
}
.store-field textarea{margin:7px 0}
.store-field input:focus,
.store-field textarea:focus{box-shadow:inset 0 -1px var(--green)}
.store-info-row{width:100%;min-height:49px;display:grid;grid-template-columns:72px minmax(0,1fr) 16px;gap:8px;align-items:center;border:0;border-top:1px solid var(--line);background:#fff;padding:8px 0;text-align:left;color:var(--ink)}.store-info-row>span{font-size:10px;color:var(--sub)}.store-info-row>strong{min-width:0;font-size:10px;font-weight:500;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-info-row.address{min-height:60px}.store-info-row.address>strong{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5}.store-info-row>svg{width:15px;color:#89918c}.store-info-edit-backdrop{align-items:flex-end}.store-info-editor{width:100%;padding:17px 14px 23px;background:#fff;border-radius:12px 12px 0 0}.store-info-editor>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.store-info-editor>header small{font-size:7px;color:var(--green);font-weight:700}.store-info-editor>header h2{font-size:16px;margin:3px 0}.store-info-editor>header button{border:0;background:none;padding:4px}.store-info-editor>header svg{width:18px}.store-info-editor>label>span,.store-info-editor>label>small{display:block}.store-info-editor>label>span{font-size:10px;font-weight:600;margin-bottom:7px}.store-info-editor>label>small{font-size:8px;color:var(--sub);margin-top:5px}.store-info-editor input,.store-info-editor textarea{width:100%;border:1px solid var(--line);background:#fff;padding:10px;font-size:11px;outline:0;resize:none}.store-info-editor input{height:42px}.store-info-editor input:focus,.store-info-editor textarea:focus{border-color:var(--green)}.store-info-save{width:100%;height:42px;margin-top:14px;border:0;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700}.store-info-save svg{width:14px}
.store-save-button{
  width:calc(100% - 20px);
  height:42px;
  margin:10px;
  border:0;
  border-radius:4px;
  background:var(--green);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:11px;
  font-weight:700;
}
.store-save-button svg{width:15px}

.store-gallery-section>header>span{color:var(--sub);font-size:10px}
.store-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.store-gallery figure,
.store-gallery-add{
  position:relative;
  aspect-ratio:1;
  margin:0;
  overflow:hidden;
  border-radius:4px;
}
.store-gallery figure img{width:100%;height:100%;object-fit:cover}
.store-gallery figure button{
  position:absolute;
  top:4px;
  right:4px;
  width:21px;
  height:21px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.66);
  color:#fff;
  display:grid;
  place-items:center;
}
.store-gallery figure button svg{width:12px;height:12px}
.store-gallery-add{
  border:1px dashed #b7c1bb;
  color:var(--sub);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:9px;
  cursor:pointer;
}
.store-gallery-add svg{width:21px;color:var(--green)}

.secure-badge{
  display:flex;
  align-items:center;
  gap:3px;
  padding:4px 6px;
  background:var(--mint);
  color:var(--green);
  border-radius:3px;
  font-size:9px;
}
.secure-badge svg{width:12px;height:12px}
.admin-access-row{
  padding:10px 0;
  border-top:1px solid var(--line);
}
.admin-access-row>span{display:block;margin-bottom:6px;color:var(--sub);font-size:9px}
.admin-access-row>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.admin-access-row strong{min-width:0;overflow-wrap:anywhere;font-size:11px}
.admin-access-row button,
.admin-secondary-button{
  flex:0 0 auto;
  border:1px solid var(--green);
  border-radius:4px;
  background:#fff;
  color:var(--green);
  padding:6px 10px;
  font-size:9px;
}
.admin-access-tip{
  margin:4px 0 10px;
  padding:8px;
  background:#f7f3e9;
  color:#7a6127;
  font-size:9px;
  line-height:1.55;
}
.admin-secondary-button{width:100%;height:34px;border-color:var(--line);color:var(--ink)}

.store-product-entry{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.store-product-entry>div{display:flex;align-items:center;gap:10px}
.store-product-entry>div>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  background:var(--mint);
  color:var(--green);
  border-radius:4px;
}
.store-product-entry>div>span svg{width:19px}
.store-product-entry>button{
  flex:0 0 auto;
  border:0;
  background:none;
  color:var(--green);
  display:flex;
  align-items:center;
  gap:2px;
  font-size:10px;
}
.store-product-entry>button svg{width:14px}
.compact-settings header b{color:var(--green);font-size:9px}
.compact-settings .setting-line{font-size:10px}

.stock-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:13px 6px;
  background:#fff;
  text-align:center;
}
.stock-summary>div{border-right:1px solid var(--line)}
.stock-summary>div:last-child{border:0}
.stock-summary small{display:block;color:var(--sub);font-size:8px}
.stock-summary strong{display:block;margin-top:4px;font-size:17px}
.stock-list-note{margin:0;padding:0 10px 8px;color:var(--sub);font-size:9px}
.stock-product-list{background:#fff}
.stock-management-screen .stock-row{
  grid-template-columns:62px minmax(0,1fr) auto;
  align-items:center;
  padding:11px 10px;
}
.stock-management-screen .stock-row>img{width:62px;height:62px}
.stock-management-screen .stock-copy{min-width:0}
.stock-management-screen .stock-copy>strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}
.stock-management-screen .stock-copy>small{font-size:8px}
.stock-state{
  display:inline-block;
  margin-top:6px;
  padding:2px 4px;
  border-radius:3px;
  font-style:normal;
}
.stock-state.listed{background:var(--mint);color:var(--green)}
.stock-state.unlisted{background:#eee;color:#777}
.stock-copy em{margin-left:4px;color:var(--sub);font-size:9px;font-style:normal}
.stock-toggle{
  width:46px;
  height:29px;
  border:1px solid var(--green);
  border-radius:4px;
  background:#fff;
  color:var(--green);
  font-size:9px;
}
.stock-toggle.danger{border-color:#d9b4ae;color:#a84d43}
.stock-management-screen .stock-disabled{opacity:.7}

@media(max-width:340px){
  .store-field{grid-template-columns:64px minmax(0,1fr)}
  .stock-management-screen .stock-row{grid-template-columns:52px minmax(0,1fr) auto}
  .stock-management-screen .stock-row>img{width:52px;height:52px}
  .stock-copy em{display:block;margin:4px 0 0}
}