.seba-avatar-manager{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:10px;
  border:1px dashed #d1d5db;
  border-radius:10px;
  background:#fafafa;
}
.seba-avatar-preview-mini{
  width:64px;
  height:64px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  background-size:cover;
  background-position:center;
}
.seba-avatar-file{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}
.seba-avatar-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.seba-avatar-btn{
  padding:10px 14px;
  border-radius:10px;
  border:1px solid #d1d5db;
  background:#ffffff;
  font-size:14px;
  cursor:pointer;
}
.seba-avatar-btn:hover{ background:#f3f4f6; }
.seba-avatar-file-name{
  font-size:12px;
  color:#374151;
}
@media (max-width:560px){
  .seba-avatar-btn{
    width:100%;
    padding:12px 14px;
  }
  .seba-avatar-preview-mini{
    width:72px;
    height:72px;
  }
}

/* === Shop weekly off + hours === */
.seba-weekday-checks{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
}
.seba-weekday-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#ffffff;
}
.seba-weekday-item input{ transform:scale(1.1); }

.seba-shop-hours-wrap{ margin-top:6px; }
.seba-shop-hours-note{
  font-size:12px;
  color:#6b7280;
  margin-bottom:6px;
}

.seba-shop-hours-table{
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  overflow:hidden;
}
.seba-shop-hours-table th,
.seba-shop-hours-table td{
  border-bottom:1px solid #e5e7eb;
  padding:8px 10px;
  font-size:13px;
}
.seba-shop-hours-table th{
  background:#f9fafb;
  text-align:left;
  font-weight:600;
}
.seba-shop-hours-table tr:last-child td{ border-bottom:0; }

.seba-shop-hours-table th:first-child,
.seba-shop-hours-table td:first-child{
  width:74px;
  white-space:nowrap;
}

/* Open/Close cell layout */
.seba-shop-time{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  white-space:normal;
}

/* hour + minute group */
.seba-time-hm{
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

/* selects base */
.seba-shop-time select{
  padding:6px 8px;
  border-radius:8px;
  border:1px solid #d1d5db;
  font-size:13px;
}

/* hour + minute widths */
.seba-time-hm select:nth-of-type(1){ width:56px; }
.seba-time-hm select:nth-of-type(2){ width:66px; }

/* day/night (am/pm) width */
.seba-shop-time > select{ width:70px; }

/* separator */
.seba-time-sep{
  display:inline-block;
  padding:0 2px;
  color:#6b7280;
  font-weight:600;
}

/* closed day highlight */
.seba-shop-day-closed{ background:#fef2f2; }
.seba-shop-day-closed .seba-shop-day{ color:#b91c1c; font-weight:600; }

/* Profile shell (unchanged) */
.seba-profile-wrapper{
  box-sizing:border-box;
  max-width:960px;
  margin:20px auto;
  padding:0 10px;
  font-family:inherit;
  font-size:14px;
  line-height:1.6;
  color:#111827;
}
.seba-profile-shell{
  background-color:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  overflow:visible; /* FIX: allow dropdown panels to overflow */
  box-shadow:0 1px 3px rgba(15, 23, 42, 0.06);
}
.seba-profile-cover{ display:none; }

.seba-profile-main-row{
  display:flex;
  align-items:flex-start;
  padding:18px 18px 14px;
  margin-top:0;
}
.seba-profile-avatar-wrap{
  flex:0 0 auto;
  margin-right:18px;
}
.seba-profile-avatar{
  width:170px;
  height:170px;
  border-radius:4px;
  background-color:#e5e7eb;
  border:1px solid #d1d5db;
  background-size:cover;
  background-position:center center;
}
.seba-profile-avatar-has-image{ background-color:#ffffff; }

.seba-profile-header{
  flex:1 1 auto;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.seba-profile-header-text{ flex:1 1 auto; }
.seba-profile-title{
  margin:0 0 4px 0;
  font-size:20px;
  font-weight:600;
  color:#111827;
}
.seba-profile-subtitle{
  margin:0 0 6px 0;
  font-size:13px;
  color:#4b5563;
}
.seba-profile-headline{ font-weight:500; }
.seba-profile-type-label{ color:#4b5563; }
.seba-profile-own-tag{
  display:inline-block;
  margin-left:6px;
  padding:2px 10px;
  border-radius:999px;
  background-color:#e0f2fe;
  color:#0369a1;
  font-size:11px;
}

.seba-profile-id-badge{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:700;letter-spacing:.2px;}
.seba-profile-description{
  margin:4px 0 0 0;
  font-size:13px;
  color:#6b7280;
}
.seba-profile-success{
  margin:6px 0 0 0;
  font-size:13px;
  color:#15803d;
}

.seba-profile-actions{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  font-size:12px;
  text-align:right;
}
.seba-toggle-edit{
  padding:7px 18px;
  border-radius:999px;
  border:1px solid #0ea5e9;
  background-color:#0ea5e9;
  color:#ffffff;
  font-size:13px;
  cursor:pointer;
  font-weight:500;
}
.seba-toggle-edit:hover{
  background-color:#0284c7;
  border-color:#0284c7;
}

.seba-share-button{
  padding:7px 18px;
  border-radius:999px;
  border:1px solid #d1d5db;
  background-color:#ffffff;
  color:#111827;
  font-size:13px;
  cursor:pointer;
  white-space:nowrap;
}
.seba-share-button:hover{
  background-color:#f3f4f6;
  border-color:#9ca3af;
}

/* Allow using .seba-share-button styles on <a> tags (used for Message button). */
.seba-profile-actions a.seba-share-button{
  display:inline-block;
  text-decoration:none;
}

.seba-remove-avatar-button{
  padding:4px 12px;
  border-radius:999px;
  border:1px solid #dc2626;
  background-color:#ffffff;
  color:#b91c1c;
  font-size:12px;
  cursor:pointer;
  text-decoration:none;
}
.seba-remove-avatar-button:hover{
  background-color:#fef2f2;
  border-color:#b91c1c;
}

.seba-share-status{
  min-height:14px;
  font-size:12px;
  color:#15803d;
}
.seba-edit-hint{
  font-size:11px;
  color:#6b7280;
  max-width:240px;
}

.seba-profile-nav{
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
  padding:0 18px;
  background-color:#f9fafb;
}
.seba-profile-nav-items{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  margin-bottom:4px;
  padding-top:6px;
}
.seba-nav-item{
  font-size:13px;
  padding:4px 0;
  cursor:pointer;
  border-bottom:2px solid transparent;
  color:#4b5563;
}
.seba-nav-item-active{
  color:#0ea5e9;
  border-bottom-color:#0ea5e9;
  font-weight:500;
}
.seba-profile-nav-note{
  font-size:12px;
  color:#9ca3af;
  padding-bottom:8px;
}

.seba-section-tabs{
  margin:6px 18px 0;
  padding:6px 0 4px;
  border-bottom:1px solid #e5e7eb;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.seba-section-tab{
  padding:4px 12px;
  border-radius:999px;
  border:1px solid transparent;
  background-color:transparent;
  cursor:pointer;
  font-size:12px;
  color:#4b5563;
}
.seba-section-tab-active{
  background-color:#0ea5e9;
  border-color:#0ea5e9;
  color:#ffffff;
}

.seba-profile-content{
  padding:8px 18px 16px;
  background-color:#ffffff;
}

.seba-field-list{ border-top:1px solid #f3f4f6; }

.seba-section-header{
  margin-top:0;
  padding:10px 12px;
  background-color:#f9fafb;
  border-top:1px solid #f3f4f6;
  border-bottom:1px solid #f3f4f6;
  font-weight:600;
  font-size:13px;
  color:#111827;
}

.seba-field-row{
  display:grid;
  grid-template-columns:220px 1fr auto;
  gap:8px;
  padding:10px 12px;
  border-bottom:1px solid #f3f4f6;
  align-items:flex-start;
}
.seba-field-label span{
  font-weight:500;
  font-size:13px;
  color:#111827;
}
.seba-field-value{
  font-size:13px;
  padding-top:2px;
  color:#111827;
}
.seba-field-empty{
  font-size:13px;
  color:#9ca3af;
}

.seba-multi-wrap.seba-multi-dropdown{
  position:relative;
  background:transparent;
  border:none;
  padding:0;
}

.seba-multi-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:6px;
}
.seba-multi-note{
  font-size:11px;
  color:#6b7280;
}
.seba-multi-count{
  font-size:11px;
  color:#111827;
}

.seba-multi-trigger{
  width:100%;
  text-align:left;
  border-radius:6px;
  border:1px solid #d1d5db;
  padding:10px 10px;
  font-size:13px;
  background:#ffffff;
  cursor:pointer;
  box-sizing:border-box;
}
.seba-multi-trigger:active{ transform:scale(0.99); }

.seba-multi-panel{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  z-index:999;
  background:#ffffff;
  border:1px solid #d1d5db;
  border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  overflow:hidden;
}

.seba-multi-search-wrap{
  padding:8px;
  border-bottom:1px solid #f3f4f6;
  background:#f9fafb;
}
.seba-multi-search{
  width:100%;
  border-radius:8px;
  border:1px solid #d1d5db;
  padding:10px 10px;
  font-size:13px;
  box-sizing:border-box;
}

.seba-multi-list{
  max-height:280px;
  overflow:auto;
  padding:8px;
}

.seba-multi-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 10px;
  border-radius:8px;
  border:1px solid #f3f4f6;
  margin-bottom:8px;
  cursor:pointer;
  background:#ffffff;
}
.seba-multi-item:last-child{ margin-bottom:0; }

.seba-multi-item input[type="checkbox"]{
  width:18px;
  height:18px;
}
.seba-multi-item span{
  font-size:13px;
  color:#111827;
}


/* Searchable select dropdown (lightweight, no library) */
.seba-select-wrap.seba-select-dropdown{
  position:relative;
  background:transparent;
  border:none;
  padding:0;
}

.seba-select-trigger{
  display:none; /* shown only when JS is available */
  width:100%;
  text-align:left;
  border-radius:6px;
  border:1px solid #d1d5db;
  padding:10px 10px;
  font-size:13px;
  background:#ffffff;
  cursor:pointer;
  box-sizing:border-box;
}
.seba-select-trigger:active{ transform:scale(0.99); }

.seba-select-panel{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  z-index:999;
  background:#ffffff;
  border:1px solid #d1d5db;
  border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  overflow:hidden;
}

.seba-select-search-wrap{
  padding:8px;
  border-bottom:1px solid #f3f4f6;
  background:#f9fafb;
}
.seba-select-search{
  width:100%;
  border-radius:8px;
  border:1px solid #d1d5db;
  padding:10px 10px;
  font-size:13px;
  box-sizing:border-box;
}

.seba-select-list{
  max-height:280px;
  overflow:auto;
  padding:8px;
}

.seba-select-item{
  display:block;
  width:100%;
  text-align:left;
  padding:10px 10px;
  border-radius:8px;
  border:1px solid #f3f4f6;
  margin-bottom:8px;
  cursor:pointer;
  background:#ffffff;
  font-size:13px;
  color:#111827;
}
.seba-select-item:last-child{ margin-bottom:0; }

/* Progressive enhancement:
   Hide native select only after this specific wrapper is successfully enhanced.
   This prevents "not selectable" issues if JS fails to init for any reason.
*/
.seba-select-wrap.seba-select-dropdown.seba-select-enhanced .seba-select-native{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.seba-select-wrap.seba-select-dropdown.seba-select-enhanced .seba-select-trigger{
  display:block;
}

/* Mobile friendly */
@media (max-width:560px){
  .seba-select-list{ max-height:55vh; }
}

/* FIX: prevent generic input styles from overriding select search */
.seba-field-input .seba-select-search{
  width:100%;
  border-radius:8px;
  border:1px solid #d1d5db;
  padding:10px 10px;
  font-size:13px;
  box-sizing:border-box;
}

/* Mobile friendly */
@media (max-width:560px){
  .seba-multi-list{ max-height:55vh; }
}

/* Generic field input styles */
.seba-field-input input[type="text"],
.seba-field-input input[type="url"],
.seba-field-input input[type="date"],
.seba-field-input input[type="time"],
.seba-field-input select,
.seba-field-input textarea{

  width:100%;
  border-radius:4px;
  border:1px solid #d1d5db;
  padding:6px 8px;
  font-size:13px;
  box-sizing:border-box;
}

/* FIX: prevent generic input styles from overriding multi-search */
.seba-field-input .seba-multi-search{
  width:100%;
  border-radius:8px;
  border:1px solid #d1d5db;
  padding:10px 10px;
  font-size:13px;
  box-sizing:border-box;
}

.seba-avatar-hint{
  display:block;
  margin-top:4px;
  font-size:11px;
  color:#6b7280;
}

.seba-field-visibility{
  font-size:12px;
  display:none;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
}
.seba-field-visibility-toggle{
  padding:4px 10px;
  font-size:12px;
  border-radius:999px;
  border:1px solid #d1d5db;
  background-color:#f9fafb;
  cursor:pointer;
}
.seba-field-visibility-toggle:hover{ background-color:#e5e7eb; }
.seba-hidden-note{
  display:none;
  font-size:11px;
  color:#b91c1c;
  text-align:right;
}

.seba-profile-footer{
  margin-top:14px;
  display:flex;
  justify-content:flex-end;
}
.seba-save-button{
  padding:8px 22px;
  border-radius:999px;
  border:1px solid #16a34a;
  background-color:#16a34a;
  color:#ffffff;
  font-size:14px;
  cursor:pointer;
  font-weight:500;
}
.seba-save-button:hover{
  background-color:#15803d;
  border-color:#15803d;
}


/* Default view mode: hide save button */
.seba-profile-wrapper .seba-profile-footer{ display:none; }
.seba-profile-wrapper.seba-edit-mode-on .seba-profile-footer{ display:flex; }

/* Default view mode: input + visibility controls hidden */
.seba-profile-wrapper .seba-field-input{ display:none; }
.seba-profile-wrapper .seba-field-visibility{ display:none; }

/* Edit mode ON: show input + visibility, hide value */
.seba-profile-wrapper.seba-edit-mode-on .seba-field-input{ display:block; }
.seba-profile-wrapper.seba-edit-mode-on .seba-field-visibility{ display:flex; }
.seba-profile-wrapper.seba-edit-mode-on .seba-field-value{ display:none; }

/* Hidden fields: hide value even in view mode */
.seba-profile-wrapper .seba-field-row.seba-field-hidden .seba-field-value{ display:none; }
.seba-profile-wrapper.seba-edit-mode-on .seba-field-row.seba-field-hidden .seba-hidden-note{
  display:block;
  opacity:0.9;
}

@media (max-width:640px){
  .seba-profile-wrapper{
    margin:10px auto;
    padding:0 6px;
    font-size:13px;
  }
  .seba-profile-main-row{
    flex-direction:column;
    align-items:flex-start;
  }
  .seba-profile-avatar-wrap{
    margin-right:0;
    margin-bottom:10px;
  }
  .seba-profile-header{
    flex-direction:column;
    align-items:flex-start;
  }
  .seba-profile-actions{
    width:100%;
    align-items:stretch;
    text-align:left;
  }
  .seba-toggle-edit,
  .seba-share-button,
  .seba-remove-avatar-button{
    width:100%;
    text-align:center;
  }
  .seba-section-tabs{
    margin:6px 10px 0;
    padding-top:6px;
  }
  .seba-section-tab{
    flex:1 1 auto;
    text-align:center;
  }
  .seba-profile-content{ padding:8px 10px 14px; }
  .seba-field-row{ grid-template-columns:1fr; }
  .seba-field-visibility{ align-items:flex-start; }
  .seba-profile-footer{ justify-content:stretch; }
  .seba-save-button{ width:100%; }

  /* shop hours tweaks */
  .seba-shop-hours-table th:first-child,
  .seba-shop-hours-table td:first-child{ width:56px; }

  .seba-time-hm select:nth-of-type(1){ width:52px; }
  .seba-time-hm select:nth-of-type(2){ width:62px; }
  .seba-shop-time > select{ width:62px; }
}

.seba-profile-badges{
  margin-top:6px;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.seba-badge-pill{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  background-color:#eff6ff;
  color:#1d4ed8;
  border:1px solid #bfdbfe;
}

/* Documents */
.seba-documents-section{ margin-top:8px; }
.seba-documents-help{
  font-size:12px;
  margin-bottom:6px;
  color:#4b5563;
}
.seba-documents-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.seba-document-row{
  border:1px solid #e5e7eb;
  border-radius:6px;
  padding:8px 10px;
  background-color:#f9fafb;
}
.seba-document-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px;
  margin-bottom:4px;
}
.seba-document-status{
  font-size:12px;
  color:#6b7280;
}
.seba-document-admin-note{
  font-size:12px;
  color:#b91c1c;
  margin-bottom:4px;
}
.seba-document-controls{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:6px;
}
.seba-document-left,
.seba-document-right{ flex:1; }
.seba-document-upload input[type="file"]{
  display:block;
  margin-top:4px;
}
.seba-document-description textarea{
  width:100%;
  margin-top:4px;
}
.seba-document-toggle,
.seba-document-remove{
  display:block;
  font-size:12px;
  margin-bottom:4px;
}
.seba-document-current a{
  font-size:12px;
  text-decoration:underline;
}
.seba-document-description-view{
  font-size:13px;
  margin:4px 0;
  color:#111827;
}

/* Documents: match other tabs (inputs/buttons only in edit mode) */
.seba-profile-wrapper .seba-documents-help,
.seba-profile-wrapper .seba-documents-selector,
.seba-profile-wrapper .seba-document-upload,
.seba-profile-wrapper .seba-document-description,
.seba-profile-wrapper .seba-document-right{
  display:none;
}

.seba-profile-wrapper.seba-edit-mode-on .seba-documents-help{ display:block; }
.seba-profile-wrapper.seba-edit-mode-on .seba-documents-selector{ display:block; }
.seba-profile-wrapper.seba-edit-mode-on .seba-document-upload{ display:block; }
.seba-profile-wrapper.seba-edit-mode-on .seba-document-description{ display:block; }
.seba-profile-wrapper.seba-edit-mode-on .seba-document-right{ display:block; }
@media (min-width:640px){
  .seba-document-controls{
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
  }
}

/* Document error box */
.seba-profile-error{
  margin:6px 0 0 0;
  font-size:13px;
  color:#b91c1c;
  background-color:#fee2e2;
  border:1px solid #fecaca;
  border-radius:6px;
  padding:6px 10px;
}
.seba-profile-error ul{
  margin:4px 0 0 16px;
  padding:0;
}
.seba-profile-error li{ margin:0; }

/* Documents selector */
.seba-documents-selector{ margin:8px 0; }
.seba-documents-selector label{
  display:block;
  font-size:13px;
  color:#374151;
}
.seba-documents-selector-select{
  width:100%;
  margin-top:4px;
  padding:6px 8px;
  border-radius:6px;
  border:1px solid #d1d5db;
  font-size:13px;
}
/* === Shop Hours: compact + auto-fit (paste at END of <style>) === */
.seba-field-input .seba-shop-time{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}

.seba-field-input .seba-shop-time select{
  width:auto !important;      /* override width:100% */
  max-width:100%;
  flex:0 0 auto;
  padding:4px 8px;
  height:34px;
  border-radius:8px;
  border:1px solid #d1d5db;
  background:#ffffff;
  font-size:13px;
  line-height:1;
}

/* 1st = hour, 2nd = minute, 3rd = day/night (am/pm) */
.seba-field-input .seba-shop-time select:nth-of-type(1){ width:56px; }
.seba-field-input .seba-shop-time select:nth-of-type(2){ width:66px; }
.seba-field-input .seba-shop-time select:nth-of-type(3){ width:72px; }

/* ":" stays inline and centered */
.seba-field-input .seba-shop-time .seba-time-sep{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 4px;
  font-weight:700;
  color:#6b7280;
  height:34px;
  flex:0 0 auto;
}

/* nicer table spacing a bit tighter */
.seba-shop-hours-table th,
.seba-shop-hours-table td{
  padding:7px 10px;
  vertical-align:middle;
}

/* subtle row stripe (won't affect closed highlight) */
.seba-shop-hours-table tr:not(.seba-shop-day-closed):nth-child(even) td{
  background:#fcfcfd;
}

@media (max-width:480px){
  .seba-field-input .seba-shop-time{ gap:6px; }

  .seba-field-input .seba-shop-time select{
    height:32px;
    padding:3px 7px;
    font-size:13px;
  }

  .seba-field-input .seba-shop-time select:nth-of-type(1){ width:52px; }
  .seba-field-input .seba-shop-time select:nth-of-type(2){ width:62px; }
  .seba-field-input .seba-shop-time select:nth-of-type(3){ width:64px; }

  .seba-field-input .seba-shop-time .seba-time-sep{ height:32px; }
}
/* === Shop weekly off + hours === */
.seba-weekday-checks{ display:flex; flex-wrap:wrap; gap:10px 14px; }
.seba-weekday-item{ display:flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid #e5e7eb; border-radius:999px; background:#ffffff; }
.seba-weekday-item input{ transform:scale(1.1); }

.seba-shop-hours-wrap{ margin-top:6px; }
.seba-shop-hours-note{ font-size:12px; color:#6b7280; margin-bottom:6px; }

.seba-shop-hours-table{ width:100%; table-layout:fixed; border-collapse:collapse; background:#ffffff; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; }
.seba-shop-hours-table th, .seba-shop-hours-table td{ border-bottom:1px solid #e5e7eb; padding:8px 10px; font-size:13px; }
.seba-shop-hours-table th{ background:#f9fafb; text-align:left; font-weight:600; }
.seba-shop-hours-table tr:last-child td{ border-bottom:0; }
.seba-shop-hours-table th:first-child, .seba-shop-hours-table td:first-child{ width:74px; white-space:nowrap; }

.seba-shop-time{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; white-space:normal; }
.seba-time-hm{ display:flex; align-items:center; gap:6px; white-space:nowrap; }

.seba-shop-time select{ padding:6px 8px; border-radius:8px; border:1px solid #d1d5db; font-size:13px; }
.seba-time-hm select:nth-of-type(1){ width:56px; }
.seba-time-hm select:nth-of-type(2){ width:66px; }
.seba-shop-time > select{ width:70px; }

.seba-time-sep{ display:inline-block; padding:0 2px; color:#6b7280; font-weight:600; }

.seba-shop-day-closed{ background:#fef2f2; }
.seba-shop-day-closed .seba-shop-day{ color:#b91c1c; font-weight:600; }

.seba-profile-wrapper{ box-sizing:border-box; max-width:960px; margin:20px auto; padding:0 10px; font-family:inherit; font-size:14px; line-height:1.6; color:#111827; }
.seba-profile-shell{ background-color:#ffffff; border:1px solid #e5e7eb; border-radius:10px; overflow:visible; box-shadow:0 1px 3px rgba(15, 23, 42, 0.06); }
.seba-profile-cover{ display:none; }
.seba-avatar-status{
  font-size:12px;
  color:#374151;
}
.seba-avatar-status.seba-ok{ color:#065f46; }
.seba-avatar-status.seba-err{ color:#b91c1c; }

.seba-avatar-btn[disabled]{
  opacity:.6;
  cursor:not-allowed;
}
.seba-occupation-select-wrap { display:block; }
.seba-occupation-other-wrap { margin-top:8px; }
.seba-occupation-other-input { width:100%; padding:8px 10px; box-sizing:border-box; }

/* === SEO keywords (private) === */
.seba-seo-tags-wrap{ width:100%; }
.seba-seo-meta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:6px; }
.seba-seo-counter{ font-size:12px; color:#6b7280; padding:2px 6px; border:1px solid #e5e7eb; border-radius:999px; background:#fff; }
.seba-seo-note{ font-size:12px; color:#374151; }
.seba-seo-tags-preview{ display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.seba-seo-tag{ display:inline-flex; align-items:center; padding:6px 10px; border:1px solid #e5e7eb; border-radius:999px; background:#f9fafb; font-size:12px; line-height:1; }
.seba-seo-empty{ font-size:12px; color:#6b7280; padding:6px 0; }
.seba-private-note{ display:inline-block; font-size:12px; color:#374151; margin-top:2px; }





/* =========================
   Offer / Service Cards
   ========================= */

.seba-offer-cards-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(170px, 1fr));
  gap:12px;
  margin:6px 0;
}

.seba-offer-card-thumb{
  width:100%;
  text-align:left;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  background:#fff;
  cursor:pointer;
  transition:transform .06s ease, box-shadow .06s ease;
}
.seba-offer-card-thumb:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.seba-offer-card-name{ font-weight:700; margin-bottom:4px; }
.seba-offer-card-price{ font-weight:700; margin-bottom:6px; }
.seba-offer-card-desc{ font-size:13px; opacity:.85; line-height:1.35; }

.seba-offer-modal{
  position:fixed; inset:0; z-index:999999; display:none;
}
.seba-offer-modal.seba-offer-modal-open{ display:block; }
.seba-offer-modal-backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.55);
}
.seba-offer-modal-dialog{
  position:relative; max-width:720px; margin:8vh auto;
  background:#fff; border-radius:18px; padding:18px 18px 16px;
  box-shadow:0 12px 48px rgba(0,0,0,.28);
}
.seba-offer-modal-close{
  position:absolute; top:10px; right:10px;
  border:1px solid #e5e7eb; background:#fff;
  border-radius:12px; padding:6px 10px; cursor:pointer;
  line-height:1; font-size:18px;
}
.seba-offer-modal-title{ font-size:20px; font-weight:800; margin:0 36px 6px 0; }
.seba-offer-modal-price{ font-weight:800; margin-bottom:10px; }
.seba-offer-modal-desc{ white-space:pre-wrap; line-height:1.45; font-size:14px; }

/* Editor */
.seba-offer-cards-editor{
  border:1px dashed #e5e7eb;
  border-radius:14px;
  padding:12px;
  background:#fff;
}
.seba-offer-warning{
  font-size:12px; line-height:1.35; color:#111827;
  background:#fff7ed; border:1px solid #fed7aa;
  border-radius:12px; padding:10px 12px; margin-bottom:12px;
}
.seba-offer-card-item{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px;
  margin-bottom:12px;
  background:#fff;
}
.seba-offer-card-head{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:10px;
}
.seba-offer-card-title{ font-weight:800; }
.seba-offer-remove{
  border:1px solid #e5e7eb; background:#fff;
  border-radius:12px; padding:6px 10px; cursor:pointer;
}
.seba-offer-label{
  display:block; font-size:12px; font-weight:700;
  margin:8px 0 4px;
}
.seba-offer-add{
  border:1px solid #e5e7eb; background:#fff;
  border-radius:14px; padding:10px 12px;
  cursor:pointer; font-weight:800;
}
.seba-offer-add:disabled{ opacity:.6; cursor:not-allowed; }
.seba-offer-note{ font-size:12px; color:#374151; margin-top:8px; }
.seba-offer-image-preview{
  width:300px;
  height:300px;
  margin-top:8px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background-color:#f9fafb;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
/* Offer card image url preview */
.seba-offer-image-preview{
  width: 72px;
  height: 72px;
  margin-top: 6px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  background: #f6f7f7;
  background-size: cover;
  background-position: center;
}

/* Offer card grid image */
.seba-offer-card-img{
  width: 100%;
  padding-top: 56%;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  margin-bottom: 10px;
}

/* Modal image */
.seba-offer-modal-img{
  width: 100%;
  height: 180px;
  border-radius: 12px;
  background-size: cover;
  background-position: center;
  margin-bottom: 12px;
}