/* ProHops Onboarding & Admin */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap');

.prohops-onboarding-page,.prohops-admin-page{
  --teal:#00A9A0;--teal-dark:#007d76;--teal-light:#ddf2f0;
  --grey:#CAD0D1;--grey-2:#e8eaeb;
  --anth:#393B3F;--anth-light:#5c5f65;
  --bg:#f5f6f6;--card:#ffffff;
  --border:#e5e7eb;--border-2:#d1d5db;
  --text:#393B3F;--text-muted:#6b7280;--text-faint:#9ca3af;
  --red:#E24B4A;--red-bg:#FEE2E2;
  --orange:#EF9F27;--orange-bg:#fdf3d7;
  --green:#16A34A;--green-bg:#dcfce7;
  --purple:#7C2D7C;--purple-bg:#f3e8f3;
  font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);
  font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;
}
.prohops-onboarding-page *,.prohops-admin-page *{box-sizing:border-box}
.prohops-onboarding-page h1,.prohops-onboarding-page h2,.prohops-onboarding-page h3,.prohops-onboarding-page h4,.prohops-onboarding-page h5,
.prohops-admin-page h1,.prohops-admin-page h2,.prohops-admin-page h3,.prohops-admin-page h4,.prohops-admin-page h5{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-0.3px;color:var(--anth);margin:0}

/* === WIZARD === */
.ph-wrap{max-width:1040px;margin:0 auto;padding:32px 24px 80px}
.ph-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.ph-logo{display:flex;align-items:baseline;font-family:'DM Sans',sans-serif;font-size:30px;font-weight:700;letter-spacing:-0.8px}
.ph-logo .pro{color:var(--teal)}.ph-logo .hops{color:var(--grey)}
.ph-loginlink{font-size:13px;color:var(--text-muted)}
.ph-loginlink a{color:var(--teal);text-decoration:none;font-weight:500}
.ph-progress{display:flex;align-items:center;gap:6px;margin-bottom:28px;padding:0 4px;transition:opacity 0.3s}
.ph-progress.hidden{opacity:0;height:0;overflow:hidden;margin:0}
.ph-step{display:flex;align-items:center;gap:6px;flex:1}
.ph-step:last-child{flex:0}
.ph-dot{width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid var(--border-2);display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:12px;font-weight:500;color:var(--text-faint);transition:all 0.25s;flex-shrink:0;cursor:pointer}
.ph-dot.done{background:var(--teal);border-color:var(--teal);color:#fff}
.ph-dot.active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 0 0 4px rgba(0,169,160,0.16)}
.ph-line{height:2px;background:var(--border);flex:1;border-radius:1px}
.ph-line.done{background:var(--teal)}

.ph-panel{background:#fff;border:1px solid var(--border);border-radius:10px;padding:36px 36px 28px;display:none;min-height:480px}
.ph-panel.ac{display:block;animation:fadeIn 0.25s ease-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-12px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1200px}}
.ph-panel-head{margin-bottom:28px}
.ph-panel-kicker{font-family:'DM Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--teal);font-weight:500;margin-bottom:8px}
.ph-panel-title{font-size:24px;font-weight:700;color:var(--anth);margin-bottom:6px;font-family:'DM Sans',sans-serif;letter-spacing:-0.5px}
.ph-panel-sub{font-size:14px;color:var(--text-muted);max-width:640px}
.ph-grid{display:grid;gap:16px}
.ph-grid.c2{grid-template-columns:1fr 1fr}
@media(max-width:720px){.ph-grid.c2{grid-template-columns:1fr}}
.ph-f{display:flex;flex-direction:column;gap:6px}
.ph-f label{font-size:12px;font-weight:500;color:var(--anth);display:flex;align-items:center;gap:6px}
.ph-f .req{color:var(--red);font-weight:700}
.ph-f .optional{color:var(--text-faint);font-weight:400;font-size:11px}
.ph-f input,.ph-f select,.ph-f textarea{border:1px solid var(--border-2);border-radius:6px;padding:11px 13px;font-size:14px;font-family:inherit;color:var(--text);background:#fff;width:100%}
.ph-f input:focus,.ph-f select:focus,.ph-f textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,169,160,0.12)}

.ph-splash-roles{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:8px;max-width:none}
@media(max-width:720px){.ph-splash-roles{grid-template-columns:1fr}}
.ph-role{border:1.5px solid var(--border-2);border-radius:10px;padding:24px 22px;cursor:pointer;background:#fff;transition:all 0.18s}
.ph-role:hover{border-color:var(--teal-dark);background:#fafdfd;transform:translateY(-2px)}
.ph-role.selected{border-color:var(--teal);background:var(--teal-light)}
.ph-role-ic{width:42px;height:42px;border-radius:8px;background:var(--anth);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ph-role-ic svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.7}
.ph-role.selected .ph-role-ic{background:var(--teal)}
.ph-role-title{font-family:'DM Sans',sans-serif;font-size:17px;font-weight:600;color:var(--anth);margin-bottom:6px}
.ph-role-desc{font-size:13px;color:var(--text-muted);line-height:1.5}
.ph-role-steps{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.6px;color:var(--text-faint);margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}

.ph-agb{background:#fafafb;border:1px solid var(--border);border-radius:8px;padding:20px;height:280px;overflow-y:auto;font-size:12.5px;color:var(--text-muted);line-height:1.6;margin-bottom:18px}
.ph-agb h4{font-family:'DM Sans',sans-serif;font-size:13px;color:var(--anth);font-weight:600;margin-top:14px;margin-bottom:6px}
.ph-agb h4:first-child{margin-top:0}
.ph-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:14px 16px;background:var(--teal-light);border:1px solid rgba(0,169,160,0.25);border-radius:8px}
.ph-check input{margin-top:2px;width:16px;height:16px;accent-color:var(--teal);flex-shrink:0}
.ph-check span{font-size:13px;color:var(--anth)}

.ph-quicksearch{position:relative;margin-bottom:8px}
.ph-quicksearch-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}
.ph-quicksearch input{padding-left:42px;font-size:15px;padding-top:13px;padding-bottom:13px;width:100%;border:1px solid var(--border-2);border-radius:6px;font-family:inherit;background:#fff}
.ph-quicksearch input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,169,160,0.12)}
.ph-qs-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-2);border-radius:8px;max-height:320px;overflow-y:auto;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,0.06);display:none}
.ph-qs-results.show{display:block}
.ph-qs-item{padding:11px 16px;cursor:pointer;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}
.ph-qs-item:hover{background:#f5fafa}
.ph-qs-item:last-child{border-bottom:none}
.ph-qs-name{font-weight:600;color:var(--anth);font-size:13.5px}
.ph-qs-meta{font-size:11.5px;color:var(--text-muted);margin-top:2px}
.ph-qs-tag{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.5px;padding:3px 8px;border-radius:3px;font-weight:500;flex-shrink:0;color:#fff}
.ph-qs-tag.odoo{background:var(--purple)}
.ph-qs-tag.local{background:var(--teal)}
.ph-qs-tag.new{background:var(--anth)}
.ph-qs-loading{padding:14px 16px;font-size:12.5px;color:var(--text-muted);text-align:center}

.ph-selected,.ph-newcompany{background:#fff;border:1.5px solid var(--teal);border-radius:8px;padding:18px 20px;margin-top:14px;display:none}
.ph-selected.show,.ph-newcompany.show{display:block;animation:fadeIn 0.2s}
.ph-newcompany{border-color:var(--anth);animation:slideDown 0.3s ease-out}
.ph-selected-head,.ph-newcompany-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.ph-selected-name,.ph-newcompany-title{font-family:'DM Sans',sans-serif;font-size:17px;font-weight:600;color:var(--anth)}
.ph-selected-source,.ph-newcompany-tag{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.5px;padding:4px 8px;border-radius:3px;color:#fff;font-weight:500;background:var(--purple)}
.ph-selected-source.local{background:var(--teal)}
.ph-newcompany-tag{background:var(--anth)}
.ph-selected-grid,.ph-newcompany-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;font-size:13px}
@media(max-width:720px){.ph-selected-grid,.ph-newcompany-grid{grid-template-columns:1fr}}
.ph-sc-row{display:flex;flex-direction:column;gap:2px}
.ph-sc-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;font-weight:500}
.ph-sc-val{color:var(--anth);font-weight:500}
.ph-sc-actions{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.ph-mini-btn{font-size:12px;padding:6px 12px;background:none;border:1px solid var(--border-2);border-radius:5px;color:var(--text-muted);cursor:pointer;font-family:inherit}
.ph-mini-btn:hover{border-color:var(--anth);color:var(--anth)}
.ph-mini-btn.danger:hover{border-color:var(--red);color:var(--red)}

.ph-brand-list{display:flex;flex-direction:column;gap:10px;margin:8px 0 14px;min-height:60px}
.ph-brand-item{background:#fff;border:1px solid var(--border-2);border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:14px;animation:fadeIn 0.2s}
.ph-brand-logo{width:40px;height:40px;border-radius:6px;background:var(--grey-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'DM Sans',sans-serif;font-weight:700;color:var(--anth);font-size:15px}
.ph-brand-info{flex:1;min-width:0}
.ph-brand-name{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;color:var(--anth);margin-bottom:3px}
.ph-brand-meta{font-size:11.5px;color:var(--text-muted)}
.ph-brand-rel select{font-size:12px;padding:6px 28px 6px 10px;border:1px solid var(--border-2);border-radius:5px;background:#fff;color:var(--anth);font-family:inherit;cursor:pointer;-webkit-appearance:none}
.ph-brand-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:5px;flex-shrink:0}
.ph-brand-remove:hover{color:var(--red);background:var(--red-bg)}
.ph-brand-empty{text-align:center;padding:32px 20px;border:2px dashed var(--border-2);border-radius:8px;color:var(--text-muted);font-size:13px}

.ph-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ph-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--border-2);border-radius:20px;cursor:pointer;font-size:13px;color:var(--text);background:#fff;font-weight:500}
.ph-chip:hover{border-color:var(--teal-dark);background:#fafdfd}
.ph-chip input{display:none}
.ph-chip.checked{border-color:var(--teal);background:var(--teal-light);color:var(--teal-dark)}
.ph-chip.checked::before{content:'✓';font-weight:700}

.ph-sort-cat{margin-top:14px}
.ph-sort-cat-title{font-size:12px;font-weight:600;color:var(--anth);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px;font-family:'DM Sans',sans-serif}
.ph-tags{border:1px solid var(--border-2);border-radius:6px;padding:6px;background:#fff;min-height:42px;display:flex;flex-wrap:wrap;gap:5px;cursor:text}
.ph-tags:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,169,160,0.12)}
.ph-tag{background:var(--teal-light);color:var(--teal-dark);padding:4px 9px;border-radius:4px;font-size:12px;display:inline-flex;align-items:center;gap:5px;font-weight:500}
.ph-tag-x{cursor:pointer;font-weight:700;opacity:0.6}
.ph-tag-x:hover{opacity:1}
.ph-tags input{flex:1;min-width:120px;border:none;outline:none;font-size:13px;padding:4px 6px;background:transparent;font-family:inherit}

.ph-sum{background:#fafafb;border:1px solid var(--border);border-radius:8px;padding:22px}
.ph-sum h5{font-family:'DM Sans',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:14px;color:var(--anth);font-weight:600}
.ph-sum-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}
.ph-sum-row:last-child{border-bottom:none}
.ph-sum-lbl{color:var(--text-muted);font-weight:500;flex-shrink:0;min-width:160px}
.ph-sum-val{color:var(--anth);font-weight:500;text-align:right}

.ph-ib{display:flex;gap:10px;align-items:flex-start;background:var(--teal-light);border:1px solid rgba(0,169,160,0.25);border-left:3px solid var(--teal);border-radius:6px;padding:11px 14px;font-size:12.5px;color:var(--anth);margin:14px 0}
.ph-ib.warn{background:var(--orange-bg);border-color:rgba(230,168,23,0.4);border-left-color:var(--orange)}
.ph-ib-ic{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:var(--teal)}
.ph-ib.warn .ph-ib-ic{color:var(--orange)}

.ph-nav{display:flex;justify-content:space-between;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}
.ph-btn{padding:11px 22px;border-radius:6px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px}
.ph-btn.p{background:var(--teal);color:#fff;border-color:var(--teal)}
.ph-btn.p:hover{background:var(--teal-dark)}
.ph-btn.p:disabled{background:var(--grey);border-color:var(--grey);cursor:not-allowed;opacity:0.6}
.ph-btn.g{background:#fff;color:var(--text-muted);border-color:var(--border-2)}
.ph-btn.g:hover{border-color:var(--anth);color:var(--anth)}

.ph-ok{text-align:center;padding:60px 20px}
.ph-ok-circ{width:64px;height:64px;border-radius:50%;background:var(--teal);display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}
.ph-ok-circ svg{width:32px;height:32px;stroke:#fff;fill:none;stroke-width:2.5}
.ph-ok h3{font-size:24px;margin-bottom:10px;font-family:'DM Sans',sans-serif}
.ph-ok p{color:var(--text-muted);font-size:14px;max-width:480px;margin:0 auto}

/* === ADMIN === */
.padmin-toast{position:fixed;top:20px;right:20px;background:var(--anth);color:#fff;padding:14px 18px;border-radius:8px;font-size:13px;z-index:300;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px rgba(0,0,0,0.15);transform:translateX(120%);transition:transform 0.3s;max-width:380px}
.padmin-toast.show{transform:translateX(0)}
.padmin-toast .ic{width:24px;height:24px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.padmin-toast.danger .ic{background:var(--red)}
.padmin-toast .sub{font-size:11px;opacity:0.7;margin-top:2px;font-family:'DM Mono',monospace}

.padmin-topbar{background:#fff;border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}
.padmin-topbar-left{display:flex;align-items:center;gap:18px}
.padmin-topbar-logo{display:flex;align-items:baseline;font-family:'DM Sans',sans-serif;font-size:22px;font-weight:700;letter-spacing:-0.6px}
.padmin-badge{padding:3px 10px;background:var(--anth);color:#fff;border-radius:4px;font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.padmin-user{display:flex;align-items:center;gap:10px;font-size:12px}
.padmin-user-av{width:32px;height:32px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;font-family:'DM Sans',sans-serif}
.padmin-user-name{font-weight:600;color:var(--anth)}
.padmin-user-role{color:var(--text-muted);font-size:11px}

.padmin-wrap{padding:20px 28px 60px;max-width:1480px;margin:0 auto}
.padmin-title{font-size:22px;margin-bottom:4px}
.padmin-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:22px}

.padmin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
@media(max-width:920px){.padmin-stats{grid-template-columns:repeat(2,1fr)}}
.padmin-stat{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px 18px;display:flex;justify-content:space-between;align-items:flex-start}
.padmin-stat-lbl{font-size:11px;text-transform:uppercase;letter-spacing:0.6px;color:var(--text-muted);font-weight:500;margin-bottom:6px;font-family:'DM Mono',monospace}
.padmin-stat-num{font-size:28px;font-family:'DM Sans',sans-serif;font-weight:700;color:var(--anth);line-height:1.1;letter-spacing:-1px}
.padmin-stat-num small{font-size:14px;font-weight:400;color:var(--text-muted);margin-left:4px}
.padmin-stat-trend{font-size:11px;color:var(--text-muted);margin-top:5px}
.padmin-stat-trend .pending{color:var(--orange);font-weight:500}
.padmin-stat-trend .ok{color:var(--green);font-weight:500}
.padmin-stat-ic{width:36px;height:36px;border-radius:8px;background:var(--teal-light);color:var(--teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}

.padmin-tabs{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:14px}
.padmin-tab-nav{display:flex;border-bottom:1px solid var(--border);background:#fafafb}
.padmin-tab-btn{flex:1;padding:14px 18px;text-align:center;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;font-family:inherit;background:none;border-top:none;border-left:none;border-right:none}
.padmin-tab-btn:hover{color:var(--anth);background:#f5f6f6}
.padmin-tab-btn.active{color:var(--teal);border-bottom-color:var(--teal);background:#fff;font-weight:600}
.padmin-tab-btn .badge{display:inline-block;background:var(--orange);color:#fff;padding:1px 7px;border-radius:10px;font-size:10px;margin-left:6px;font-family:'DM Mono',monospace;font-weight:600}
.padmin-tab-content{padding:0;display:none}
.padmin-tab-content.active{display:block}

.padmin-toolbar{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fdfdfd}
.padmin-search{position:relative;flex:1;min-width:220px;max-width:360px}
.padmin-search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--border-2);border-radius:6px;font-size:13px;font-family:inherit;background:#fff}
.padmin-search-ic{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted)}
.padmin-pill{padding:6px 12px;border:1px solid var(--border-2);border-radius:20px;font-size:12px;color:var(--text-muted);cursor:pointer;background:#fff;font-family:inherit}
.padmin-pill:hover{border-color:var(--anth);color:var(--anth)}
.padmin-pill.active{background:var(--anth);color:#fff;border-color:var(--anth)}
.padmin-pill .num{font-family:'DM Mono',monospace;font-size:11px;opacity:0.7;margin-left:4px}

.padmin-table{width:100%;border-collapse:collapse;font-size:13px}
/* PROHOPS-LAYOUT-V2.1 */ .padmin-table thead th{text-align:left;padding:12px 14px;font-size:11px;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);font-weight:500;background:#fafafb;border-bottom:1px solid var(--border);font-family:'DM Mono',monospace}
.padmin-table tbody td{padding:14px;border-bottom:1px solid var(--border);vertical-align:middle}
.padmin-table tbody tr{cursor:pointer}
.padmin-table tbody tr:hover{background:#fafdfd}

.padmin-av{width:36px;height:36px;border-radius:50%;background:var(--grey-2);color:var(--anth);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:'DM Sans',sans-serif;flex-shrink:0}
.padmin-cell-name{display:flex;align-items:center;gap:10px}
.padmin-cell-main{font-weight:600;color:var(--anth);font-size:13px}
.padmin-cell-sub{font-size:11px;color:var(--text-muted)}

/* PROHOPS-LAYOUT-V1 */ .padmin-status{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.4px;font-family:'DM Mono',monospace}
.padmin-status.pending{background:var(--orange-bg);color:#9a6e0f}
.padmin-status.active{background:var(--green-bg);color:#15803d}
.padmin-status.blocked{background:var(--red-bg);color:#991b1b}
.padmin-status.draft{background:var(--grey-2);color:var(--text-muted)}
.padmin-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}

.padmin-source{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.5px;padding:3px 7px;border-radius:3px;font-weight:500;color:#fff}
.padmin-source.odoo{background:var(--purple)}
.padmin-source.local{background:var(--teal)}
.padmin-source.new,.padmin-source.wizard{background:var(--anth)}

.padmin-score{font-family:'DM Mono',monospace;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.padmin-score-bar{width:40px;height:4px;background:var(--border);border-radius:2px;overflow:hidden;display:inline-block}
.padmin-score-fill{height:100%;border-radius:2px;background:var(--green)}
.padmin-score.med .padmin-score-fill{background:var(--orange)}
.padmin-score.low .padmin-score-fill{background:var(--red)}

.padmin-brand-pills{display:flex;flex-wrap:wrap;gap:4px}
.padmin-brand-pill{font-size:11px;padding:2px 7px;background:var(--teal-light);color:var(--teal-dark);border-radius:3px;font-weight:500}
.padmin-brand-pill.more{background:var(--grey-2);color:var(--text-muted)}

.padmin-wk{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-family:'DM Mono',monospace;font-weight:500}
.padmin-wk::before{content:'';width:8px;height:8px;border-radius:50%}
.padmin-wk.synced::before{background:var(--green)}.padmin-wk.synced{color:#15803d}
.padmin-wk.pending::before{background:var(--orange)}.padmin-wk.pending{color:#9a6e0f}
.padmin-wk.none::before{background:var(--text-faint)}.padmin-wk.none{color:var(--text-muted)}
.padmin-wk.no_webkul::before{background:var(--text-faint)}.padmin-wk.no_webkul{color:var(--text-faint)}

/* Drawer */
.padmin-overlay{position:fixed;inset:0;background:rgba(57,59,63,0.4);z-index:100;opacity:0;pointer-events:none;transition:opacity 0.2s}
.padmin-overlay.show{opacity:1;pointer-events:auto}
.padmin-drawer{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:90vw;background:#fff;z-index:110;transform:translateX(100%);transition:transform 0.3s ease-out;overflow-y:auto;box-shadow:-8px 0 24px rgba(0,0,0,0.08)}
.padmin-drawer.show{transform:translateX(0)}
.padmin-drawer-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);padding:18px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;z-index:5}
.padmin-drawer-head-l{display:flex;gap:14px;align-items:flex-start;flex:1;min-width:0}
.padmin-drawer-av{width:48px;height:48px;border-radius:50%;background:var(--grey-2);color:var(--anth);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;font-family:'DM Sans',sans-serif;flex-shrink:0}
.padmin-drawer-name{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:600;color:var(--anth)}
.padmin-drawer-sub{font-size:12px;color:var(--text-muted);margin-top:2px}
.padmin-drawer-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px}
.padmin-drawer-close:hover{background:var(--grey-2);color:var(--anth)}
.padmin-drawer-body{padding:18px 22px}
.padmin-section{margin-bottom:24px}
.padmin-section-title{font-family:'DM Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:var(--text-muted);font-weight:600;margin-bottom:10px}
.padmin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:12.5px}
.padmin-grid-row{display:flex;flex-direction:column;gap:2px}
.padmin-grid-lbl{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;font-weight:500}
.padmin-grid-val{color:var(--anth);font-weight:500}

.padmin-wkcard{background:linear-gradient(135deg,#fff 60%,var(--purple-bg) 100%);border:1px solid var(--purple);border-radius:8px;padding:14px;display:flex;align-items:center;gap:12px}
.padmin-wkcard-ic{width:32px;height:32px;border-radius:6px;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700}
.padmin-wkcard-info{flex:1;font-size:12.5px}
.padmin-wkcard-title{font-weight:600;color:var(--anth);font-size:13px}
.padmin-wkcard-status{font-size:11px;color:var(--text-muted);margin-top:2px}
.padmin-wkcard-status .v{font-family:'DM Mono',monospace;color:var(--anth);font-weight:500}

.padmin-brand-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fafafb;border:1px solid var(--border);border-radius:6px;font-size:12.5px;margin-bottom:8px}
.padmin-brand-row .lg{width:32px;height:32px;border-radius:5px;background:var(--grey-2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--anth);font-family:'DM Sans',sans-serif;flex-shrink:0}
.padmin-rel{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.4px;font-weight:500;padding:2px 6px;border-radius:3px}
.padmin-rel.owner{background:var(--purple-bg);color:var(--purple)}
.padmin-rel.distributor{background:var(--teal-light);color:var(--teal-dark)}
.padmin-rel.exclusive{background:#fef3c7;color:#92400e}

.padmin-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border);padding:14px 22px;display:flex;gap:8px;flex-wrap:wrap}
.padmin-act{flex:1;min-width:120px;padding:10px 14px;border-radius:6px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.padmin-act.approve{background:var(--teal);color:#fff;border-color:var(--teal)}
.padmin-act.approve:hover{background:var(--teal-dark)}
.padmin-act.reject{background:#fff;color:var(--red);border-color:var(--red)}
.padmin-act.reject:hover{background:var(--red);color:#fff}
.padmin-act.block{background:#fff;color:var(--text-muted);border-color:var(--border-2)}
.padmin-act.block:hover{border-color:var(--anth);color:var(--anth)}

.padmin-empty{padding:60px 20px;text-align:center;color:var(--text-muted);font-size:13px}
.padmin-mini-btn{font-size:10px;padding:4px 8px;border-radius:4px;border:1px solid var(--border-2);cursor:pointer;background:#fff;font-family:inherit;font-weight:500}
.padmin-mini-btn.ok:hover{border-color:var(--green);color:var(--green);background:var(--green-bg)}
.padmin-mini-btn.no:hover{border-color:var(--red);color:var(--red);background:var(--red-bg)}
.muted{color:var(--text-muted)}

/* ═══════════════════════════════════════════════════════════════
 * v1.1 EXTENSIONS · Score-Widget, PW-Stärke, Captcha, Photo, Profile
 * ═══════════════════════════════════════════════════════════════ */

.prohops-onboarding-page .ph-score-widget {
  position: sticky; top: 12px; z-index: 50;
  background: #fff; border: 1px solid #e8eaeb; border-radius: 12px;
  padding: 12px 14px; margin: 0 auto 18px; max-width: 760px;
  box-shadow: 0 4px 16px rgba(0,0,0,.05);
}
.prohops-onboarding-page .ph-score-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.prohops-onboarding-page .ph-score-label { font-size:12px; font-weight:600; color:var(--text-muted); text-transform:uppercase; letter-spacing:.6px; }
.prohops-onboarding-page .ph-score-pct { font-size:18px; font-weight:700; color:var(--anth); font-family:'DM Mono',monospace; }
.prohops-onboarding-page .ph-score-bar { height:8px; background:#f0f1f2; border-radius:4px; overflow:hidden; }
.prohops-onboarding-page .ph-score-fill { height:100%; transition: width .3s ease, background .3s ease; border-radius:4px; }
.prohops-onboarding-page .ph-score-hint { font-size:12px; color:var(--text-muted); margin-top:6px; }

.prohops-onboarding-page .ph-pw-meter { margin-top:6px; }
.prohops-onboarding-page .ph-pw-bar { height:5px; background:#f0f1f2; border-radius:3px; overflow:hidden; margin-bottom:5px; }
.prohops-onboarding-page .ph-pw-fill { height:100%; width:0%; background:#CAD0D1; transition: width .25s, background .25s; border-radius:3px; }
.prohops-onboarding-page .ph-pw-info { font-size:11.5px; color:var(--text-muted); }
.prohops-onboarding-page .ph-pw-info.weak { color:#E24B4A; }
.prohops-onboarding-page .ph-pw-info.medium { color:#EF9F27; }
.prohops-onboarding-page .ph-pw-info.strong { color:#16A34A; }

.prohops-onboarding-page .ph-captcha {
  background: #fafafb; border: 1px solid #e8eaeb; border-radius: 12px;
  padding: 22px; max-width: 480px; margin: 0 auto;
}
.prohops-onboarding-page .ph-captcha-head { display:flex; gap:14px; margin-bottom:16px; }
.prohops-onboarding-page .ph-captcha-ic {
  width:40px; height:40px; border-radius:8px; background:rgba(0,169,160,.1);
  display:flex; align-items:center; justify-content:center; color:var(--teal); flex-shrink:0;
}
.prohops-onboarding-page .ph-captcha-title { font-weight:700; color:var(--anth); margin-bottom:2px; }
.prohops-onboarding-page .ph-captcha-sub { font-size:12px; color:var(--text-muted); }
.prohops-onboarding-page .ph-captcha-q {
  display:flex; align-items:center; gap:10px; font-size:22px; font-family:'DM Mono',monospace;
  color:var(--anth); padding-top:6px;
}
.prohops-onboarding-page .ph-captcha-q input {
  width:80px; padding:8px 10px; border:1.5px solid var(--grey); border-radius:6px;
  font-size:18px; text-align:center; font-family:'DM Mono',monospace;
}
.prohops-onboarding-page .ph-captcha-q input:focus { outline:none; border-color:var(--teal); }
.prohops-onboarding-page .ph-captcha-status { display:flex; align-items:center; min-width:24px; }
.prohops-onboarding-page .ph-captcha-status.ok { color:#16A34A; }

.prohops-onboarding-page .ph-newbrand {
  background:#fafafb; border:1px solid var(--grey); border-radius:12px; padding:18px; margin-top:16px;
}

.prohops-onboarding-page .ph-profile-grid {
  display:grid; grid-template-columns:200px 1fr; gap:24px; align-items:start;
}
@media (max-width:680px) { .prohops-onboarding-page .ph-profile-grid { grid-template-columns:1fr; } }
.prohops-onboarding-page .ph-profile-photo { display:flex; flex-direction:column; align-items:center; }
.prohops-onboarding-page .ph-photo-drop {
  border:2px dashed var(--grey); border-radius:12px; padding:14px;
  text-align:center; cursor:pointer; transition: all .2s; width:100%;
}
.prohops-onboarding-page .ph-photo-drop:hover, .prohops-onboarding-page .ph-photo-drop.dragover {
  border-color:var(--teal); background: rgba(0,169,160,.04);
}
.prohops-onboarding-page .ph-photo-preview {
  width:140px; height:140px; border-radius:50%; background:#f0f1f2;
  margin:0 auto 10px; display:flex; align-items:center; justify-content:center;
  color: var(--text-faint); overflow:hidden;
}
.prohops-onboarding-page .ph-photo-label { font-size:13px; color:var(--text-muted); line-height:1.4; }
.prohops-onboarding-page .ph-photo-label small { font-size:11px; color:var(--text-faint); }

.prohops-onboarding-page .ph-profile-summary {
  background:#fafafb; border:1px solid #e8eaeb; border-radius:12px; padding:18px;
}
.prohops-onboarding-page .ph-profile-row {
  display:flex; justify-content:space-between; padding:7px 0; border-bottom:1px solid #f0f1f2; gap:10px;
}
.prohops-onboarding-page .ph-profile-row:last-child { border-bottom:none; }
.prohops-onboarding-page .ph-profile-row span { color:var(--text-muted); font-size:13px; }
.prohops-onboarding-page .ph-profile-row b { color:var(--anth); font-weight:600; font-size:13px; text-align:right; }
.prohops-onboarding-page .ph-profile-hint {
  font-size:11.5px; color:var(--text-faint); padding-top:10px; margin-top:4px;
  border-top:1px dashed #e8eaeb; font-style:italic;
}

.prohops-onboarding-page .ph-selected-min .ph-sc-redacted {
  font-size:12.5px; color:var(--text-muted); font-style:italic; margin-top:3px;
}
.prohops-onboarding-page .ph-sc-actions {
  display:flex; gap:8px; justify-content:flex-end; margin-top:12px; padding-top:12px;
  border-top:1px solid rgba(0,0,0,0.05);
}

.prohops-onboarding-page .ph-ib.warn {
  background: #FFF8E6; border-color: #F5DEA7;
}
.prohops-onboarding-page .ph-ib.warn .ph-ib-ic { color: #B45309; }

/* === v1.1.3: Score-Widget — IMMER inline im Panel, nie sticky === */
#ph-score-widget {
  position: relative !important; top: auto !important; right: auto !important;
  width: auto !important; z-index: auto !important; box-shadow: none !important;
}

/* === v1.1: Passwort-Stärke-Meter === */
.prohops-onboarding-page .ph-pw-meter {
  margin-top: 6px;
}
.prohops-onboarding-page .ph-pw-bar {
  height: 5px; background: #e5e7eb; border-radius: 3px; overflow: hidden;
}
.prohops-onboarding-page .ph-pw-fill {
  height: 100%; transition: width 0.3s ease, background 0.3s ease; border-radius: 3px;
}
.prohops-onboarding-page .ph-pw-info {
  font-size: 11.5px; color: var(--text-muted); margin-top: 5px;
}
.prohops-onboarding-page .ph-pw-info.weak { color: #E24B4A; font-weight: 500; }
.prohops-onboarding-page .ph-pw-info.medium { color: #B45309; font-weight: 500; }
.prohops-onboarding-page .ph-pw-info.strong { color: #16A34A; font-weight: 500; }

/* === v1.1: Captcha === */
.prohops-onboarding-page .ph-captcha {
  background: #f8fafa; border: 1px solid #e5e7eb; border-radius: 10px;
  padding: 18px; margin: 8px 0 18px 0;
}
.prohops-onboarding-page .ph-captcha-head {
  display: flex; gap: 12px; align-items: center; margin-bottom: 14px;
}
.prohops-onboarding-page .ph-captcha-ic {
  width: 38px; height: 38px; background: var(--teal); color: #fff;
  border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.prohops-onboarding-page .ph-captcha-title {
  font-weight: 600; color: var(--anth); font-size: 14px;
}
.prohops-onboarding-page .ph-captcha-sub {
  font-size: 12px; color: var(--text-muted); margin-top: 2px;
}
.prohops-onboarding-page .ph-captcha-q {
  display: flex; align-items: center; gap: 12px; font-size: 22px;
  font-weight: 600; color: var(--anth); font-family: 'DM Mono', monospace;
}
.prohops-onboarding-page .ph-captcha-q input {
  width: 100px; padding: 10px 14px; font-size: 18px; text-align: center;
  font-family: 'DM Mono', monospace; border: 1px solid #d1d5db; border-radius: 6px;
}
.prohops-onboarding-page .ph-captcha-status { display: flex; align-items: center; }
.prohops-onboarding-page .ph-captcha-status.ok { color: #16A34A; }

/* === v1.1: Photo-Upload === */
.prohops-onboarding-page .ph-profile-grid {
  display: grid; grid-template-columns: 200px 1fr; gap: 24px;
}
@media (max-width: 700px) {
  .prohops-onboarding-page .ph-profile-grid { grid-template-columns: 1fr; }
}
.prohops-onboarding-page .ph-profile-photo { display: flex; flex-direction: column; align-items: center; }
.prohops-onboarding-page .ph-photo-drop {
  width: 200px; cursor: pointer; text-align: center;
  padding: 16px; border: 2px dashed #d1d5db; border-radius: 12px;
  transition: all 0.2s ease;
}
.prohops-onboarding-page .ph-photo-drop:hover,
.prohops-onboarding-page .ph-photo-drop.dragover {
  border-color: var(--teal); background: rgba(0,169,160,0.04);
}
.prohops-onboarding-page .ph-photo-preview {
  width: 140px; height: 140px; margin: 0 auto 12px; border-radius: 50%;
  background: #f3f4f6; display: flex; align-items: center; justify-content: center;
  color: var(--text-muted); overflow: hidden;
}
.prohops-onboarding-page .ph-photo-label {
  font-size: 13px; color: var(--anth); font-weight: 500; line-height: 1.4;
}
.prohops-onboarding-page .ph-photo-label small {
  display: block; color: var(--text-muted); font-weight: 400; margin-top: 4px; font-size: 11px;
}

/* === v1.1: New-Brand inline form === */
.prohops-onboarding-page .ph-newbrand {
  background: rgba(0,169,160,0.04); border: 1px solid rgba(0,169,160,0.18);
  border-radius: 12px; padding: 18px; margin: 14px 0;
}

/* === v1.1: DSGVO-Hinweis (kleiner Text bei selected company) === */
.prohops-onboarding-page .ph-sc-redacted { font-style: italic; }

/* === v1.1.1: Crop-Modal === */
.ph-crop-overlay {
  position: fixed; inset: 0; background: rgba(15,17,20,0.72);
  display: flex; align-items: center; justify-content: center;
  z-index: 99999; padding: 16px; backdrop-filter: blur(4px);
}
.ph-crop-modal {
  background: #fff; border-radius: 14px; padding: 24px;
  width: 100%; max-width: 420px; box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}
.ph-crop-head {
  display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px;
}
.ph-crop-title {
  font-family: 'DM Sans', sans-serif; font-weight: 700;
  font-size: 18px; color: #393B3F; margin: 0;
}
.ph-crop-sub {
  font-size: 12px; color: #6b7280; margin-top: 3px;
}
.ph-crop-close {
  background: none; border: none; font-size: 28px; line-height: 1;
  color: #6b7280; cursor: pointer; padding: 0 4px;
}
.ph-crop-close:hover { color: #393B3F; }
.ph-crop-stage-wrap {
  display: flex; justify-content: center; margin-bottom: 16px;
  background: #f3f4f6; border-radius: 10px; padding: 16px;
}
#ph-crop-canvas {
  max-width: 100%; height: auto; display: block;
  cursor: grab; touch-action: none; border-radius: 4px;
}
#ph-crop-canvas:active { cursor: grabbing; }
.ph-crop-controls {
  display: flex; gap: 12px; align-items: center;
  margin-bottom: 18px; color: #6b7280;
}
#ph-crop-zoom {
  flex: 1; height: 4px; background: #e5e7eb; border-radius: 2px;
  -webkit-appearance: none; appearance: none; cursor: pointer;
}
#ph-crop-zoom::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 18px; height: 18px; border-radius: 50%;
  background: #00A9A0; cursor: pointer; border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
#ph-crop-zoom::-moz-range-thumb {
  width: 18px; height: 18px; border-radius: 50%;
  background: #00A9A0; cursor: pointer; border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
.ph-crop-actions {
  display: flex; gap: 10px; justify-content: flex-end;
}


/* === v1.1.3: Body-Theme einheitlich + Home/Breadcrumb verstecken === */
body.prohops-onboarding-active {
  background: #f5f7f8 !important;
}
body.prohops-onboarding-active main,
body.prohops-onboarding-active .container,
body.prohops-onboarding-active .container-main,
body.prohops-onboarding-active .content-main,
body.prohops-onboarding-active .cms-page,
body.prohops-onboarding-active .cms-section,
body.prohops-onboarding-active .cms-section-default,
body.prohops-onboarding-active .cms-block,
body.prohops-onboarding-active .cms-block-container,
body.prohops-onboarding-active .cms-block-container-row {
  background: transparent !important;
}

/* Home-Breadcrumb / Title-Block über dem Wizard verstecken */
body.prohops-onboarding-active .breadcrumb-container,
body.prohops-onboarding-active nav[aria-label="breadcrumb"],
body.prohops-onboarding-active .breadcrumb,
body.prohops-onboarding-active .cms-page-title,
body.prohops-onboarding-active .home-link,
body.prohops-onboarding-active .header-meta-info,
body.prohops-onboarding-active .header-shipping-info,
body.prohops-onboarding-active main > .breadcrumb-container,
body.prohops-onboarding-active main > .cms-page-title {
  display: none !important;
}

/* Padding/Margin oben reduzieren, damit Wizard direkt am Header anschließt */
body.prohops-onboarding-active main { padding-top: 0 !important; }
body.prohops-onboarding-active main > .cms-page,
body.prohops-onboarding-active main > .cms-section:first-child,
body.prohops-onboarding-active main > .cms-section-default:first-child {
  padding-top: 0 !important; margin-top: 0 !important;
}

/* === v1.1.4: Header + alle Wrapper auf hellgrau ziehen === */
body.prohops-onboarding-active,
body.prohops-onboarding-active header,
body.prohops-onboarding-active .header-main,
body.prohops-onboarding-active .header-search-col,
body.prohops-onboarding-active .header-row,
body.prohops-onboarding-active .top-bar,
body.prohops-onboarding-active .nav-main,
body.prohops-onboarding-active main,
body.prohops-onboarding-active .container-main,
body.prohops-onboarding-active .content-main {
  background: #f5f7f8 !important;
}


/* === v1.2: Anbau-Liste (Hopfenpflanzer) === */
.prohops-onboarding-page .ph-anbau-list {
  display: flex; flex-direction: column; gap: 8px; margin-top: 6px;
}
.prohops-onboarding-page .ph-anbau-row {
  display: grid; grid-template-columns: 1fr 140px 32px; gap: 10px;
  align-items: center; background: #f8fafa;
  border: 1px solid #e5e7eb; border-radius: 8px; padding: 10px 12px;
}
.prohops-onboarding-page .ph-anbau-name {
  font-weight: 500; color: var(--anth);
}
.prohops-onboarding-page .ph-anbau-ha {
  width: 100%; padding: 8px 10px; border: 1px solid #d1d5db;
  border-radius: 6px; font-family: 'DM Mono', monospace; font-size: 13px;
}
.prohops-onboarding-page [data-anbau-rm] {
  background: #fff; border: 1px solid #fecaca; color: #E24B4A;
  border-radius: 6px; width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; padding: 0; font-size: 18px; line-height: 1;
}
.prohops-onboarding-page [data-anbau-rm]:hover {
  background: #fef2f2; border-color: #E24B4A;
}

/* === v1.2.1: Home-Link in Hauptnavigation verstecken + saubere Hintergründe === */

/* Home-Link entfernen — gilt für Onboarding-Page (alle Body-Klassen-Varianten) */
body.prohops-onboarding-active .home-link,
body.is-ctl-onboarding .home-link,
.prohops-onboarding-page .home-link {
  display: none !important;
}

/* Body-Hintergrund deckend grau */
body.prohops-onboarding-active,
body.is-ctl-onboarding {
  background-color: #f8fafa !important;
}

/* Alle Header-/Top-Bar-/Navigation-Bereiche transparent — keine weißen Inseln mehr */
body.prohops-onboarding-active .top-bar,
body.prohops-onboarding-active .header-main,
body.prohops-onboarding-active .header-row,
body.prohops-onboarding-active .header,
body.prohops-onboarding-active .main-navigation,
body.prohops-onboarding-active .nav-main,
body.prohops-onboarding-active .header-account-menu,
body.prohops-onboarding-active .nav-main-toggle-btn,
body.prohops-onboarding-active header,
body.is-ctl-onboarding .top-bar,
body.is-ctl-onboarding .header-main,
body.is-ctl-onboarding .header-row,
body.is-ctl-onboarding .header,
body.is-ctl-onboarding .main-navigation,
body.is-ctl-onboarding .nav-main,
body.is-ctl-onboarding header,
body.is-ctl-onboarding .ssik-header,
body.is-ctl-onboarding .ssik-main-navigation {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
}

/* Auch die innere Container-Wrapper transparent halten */
body.is-ctl-onboarding .container.main-navigation-container,
body.is-ctl-onboarding nav.main-navigation-menu,
body.is-ctl-onboarding .ssik-main-menu-dropdowns {
  background: transparent !important;
  background-color: transparent !important;
}


/* === v1.3: Multi-User-Banner + E-Mail-Duplikat === */
.prohops-onboarding-page .ph-mu-banner {
  display: flex; gap: 12px; align-items: flex-start;
  background: #fdf3d7; border: 1px solid #e6a817;
  border-radius: 8px; padding: 14px 16px; margin: 12px 0 18px;
  font-size: 14px; line-height: 1.5;
}
.prohops-onboarding-page .ph-mu-banner .ph-mu-ic {
  color: #e6a817; flex-shrink: 0; margin-top: 1px;
}
.prohops-onboarding-page .ph-mu-banner .ph-mu-ic svg {
  width: 22px; height: 22px;
}
.prohops-onboarding-page .ph-email-warn {
  background: #fde7e7; border: 1px solid #E24B4A;
  color: #791f1f; border-radius: 6px;
  padding: 8px 12px; margin-top: 6px;
  font-size: 13px;
}
.prohops-onboarding-page .ph-email-warn a {
  color: #00A9A0; text-decoration: underline; font-weight: 500;
}

/* === v1.3.1: Verkäufertyp-Kacheln (.ph-stype) — fehlten komplett === */
.prohops-onboarding-page .ph-stype-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 22px;
}
@media (max-width: 720px) {
  .prohops-onboarding-page .ph-stype-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .prohops-onboarding-page .ph-stype-grid { grid-template-columns: 1fr; }
}

.prohops-onboarding-page .ph-stype {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  padding: 18px 14px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.prohops-onboarding-page .ph-stype:hover {
  border-color: #00A9A0;
  background: #f3fcfb;
}
.prohops-onboarding-page .ph-stype.selected {
  border-color: #00A9A0;
  background: #ddf2f0;
  border-width: 2px;
  padding: calc(18px - 0.5px) calc(14px - 0.5px);
}
.prohops-onboarding-page .ph-stype-ic {
  width: 38px;
  height: 38px;
  margin-bottom: 10px;
  color: #00A9A0;
  flex-shrink: 0;
}
.prohops-onboarding-page .ph-stype-ic svg {
  width: 100%;
  height: 100%;
  display: block;
}
.prohops-onboarding-page .ph-stype-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
  color: #393B3F;
  line-height: 1.3;
}
.prohops-onboarding-page .ph-stype-desc {
  font-size: 11.5px;
  color: #6b7280;
  line-height: 1.4;
}

/* === Tag-Eingabe für anbau/marken (falls .ph-tags nicht in core CSS) === */
.prohops-onboarding-page .ph-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 8px 10px;
  background: #fff;
  min-height: 42px;
  cursor: text;
}
.prohops-onboarding-page .ph-tags:focus-within {
  border-color: #00A9A0;
  box-shadow: 0 0 0 3px rgba(0,169,160,0.12);
}
.prohops-onboarding-page .ph-tags input {
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 140px;
  padding: 4px 0;
  font-size: 13px;
  background: transparent;
}
.prohops-onboarding-page .ph-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ddf2f0;
  color: #007d76;
  border-radius: 14px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 500;
}
.prohops-onboarding-page .ph-tag-x {
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  color: #007d76;
  opacity: 0.7;
}
.prohops-onboarding-page .ph-tag-x:hover { opacity: 1; }

/* === v1.4: Logo-Variante des Photo-Drops (quadratisch statt rund) === */
.prohops-onboarding-page .ph-photo-drop.logo-variant .ph-photo-preview,
.prohops-onboarding-page .ph-photo-preview.logo-preview {
  border-radius: 8px !important;
}

/* === v1.4.1: Crop-Modal Buttons sichtbar (Override für Theme-Konflikte) === */
.prohops-onboarding-page .ph-crop-actions,
.ph-crop-overlay .ph-crop-actions {
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 14px !important;
  flex-wrap: nowrap !important;
}
.ph-crop-overlay .ph-crop-actions .ph-btn {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* === v1.4.1: Profilbild & Logo kompakt (horizontal statt riesige Drop-Zone) === */
.prohops-onboarding-page .ph-photo-row {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 16px;
  align-items: center;
  margin-top: 12px;
  padding: 14px;
  background: #fafbfb;
  border: 1px dashed #d1d5db;
  border-radius: 10px;
  transition: border-color 0.15s, background 0.15s;
  cursor: pointer;
}
.prohops-onboarding-page .ph-photo-row:hover {
  border-color: #00A9A0;
  background: #f3fcfb;
}
.prohops-onboarding-page .ph-photo-row.dragover {
  border-color: #00A9A0;
  background: #ddf2f0;
  border-style: solid;
}
.prohops-onboarding-page .ph-photo-row .ph-photo-thumb {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #e5e7eb;
  display: flex; align-items: center; justify-content: center;
  color: #9ca3af;
  overflow: hidden;
  flex-shrink: 0;
}
.prohops-onboarding-page .ph-photo-row.logo .ph-photo-thumb {
  border-radius: 8px;
}
.prohops-onboarding-page .ph-photo-row .ph-photo-thumb img {
  width: 100%; height: 100%; object-fit: cover;
}
.prohops-onboarding-page .ph-photo-row .ph-photo-info {
  display: flex; flex-direction: column; gap: 4px; min-width: 0;
}
.prohops-onboarding-page .ph-photo-row .ph-photo-info-title {
  font-weight: 500; font-size: 14px; color: #393B3F;
}
.prohops-onboarding-page .ph-photo-row .ph-photo-info-sub {
  font-size: 12px; color: #6b7280; line-height: 1.4;
}
.prohops-onboarding-page .ph-photo-row .ph-photo-info-action {
  font-size: 13px; color: #00A9A0; font-weight: 500; margin-top: 2px;
}
.prohops-onboarding-page .ph-photo-row.has-image .ph-photo-info-action::after {
  content: ' · zum Ändern klicken';
  color: #6b7280; font-weight: 400;
}


/* === v1.5: Sortenliste-Autocomplete-Dropdown === */
.prohops-onboarding-page .ph-tags { position: relative; }
.prohops-onboarding-page .ph-ac-dd {
  position: absolute;
  top: 100%; left: 0; right: 0;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  max-height: 240px;
  overflow-y: auto;
  z-index: 100;
}
.prohops-onboarding-page .ph-ac-item {
  padding: 8px 12px;
  cursor: pointer;
  font-size: 13px;
  color: #393B3F;
  border-bottom: 1px solid #f3f4f6;
}
.prohops-onboarding-page .ph-ac-item:last-child { border-bottom: 0; }
.prohops-onboarding-page .ph-ac-item:hover {
  background: #ddf2f0;
  color: #007d76;
}


/* === v1.5.1: Variety-Strict Validation === */
@keyframes ph-shake {
  0%,100% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  75% { transform: translateX(4px); }
}
.prohops-onboarding-page .ph-tags-shake {
  animation: ph-shake 0.4s;
  border-color: #E24B4A !important;
  box-shadow: 0 0 0 3px rgba(226,75,74,0.12) !important;
}
.prohops-onboarding-page .ph-tags-err {
  position: absolute;
  top: 100%; left: 0;
  margin-top: 4px;
  background: #fde7e7; border: 1px solid #E24B4A;
  color: #791f1f; border-radius: 6px;
  padding: 6px 10px; font-size: 12px;
  z-index: 50;
  display: none;
}
.prohops-onboarding-page .ph-ac-empty {
  color: #9ca3af !important;
  font-style: italic;
  cursor: default !important;
  background: transparent !important;
}

body:has(.prohops-admin-page) {
  background: #f5f7f8 !important;
}
.prohops-admin-page {
  background: #f5f7f8;
  min-height: 100vh;
  margin: 0;
}
.padmin-wrap {
  padding: 28px 40px 80px !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
}
.padmin-topbar {
  padding: 14px 40px !important;
  max-width: none !important;
}

/* Crop-Button "Übernehmen" mit Beton-Override (Theme verschluckt sonst) */
.ph-crop-overlay .ph-crop-actions .ph-btn,
.ph-crop-overlay .ph-crop-actions .ph-btn.p,
.ph-crop-overlay .ph-crop-actions .ph-btn.g,
.ph-crop-overlay .ph-crop-actions button[data-cropact] {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 22px !important;
  border-radius: 6px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  font-family: 'DM Sans', sans-serif !important;
  cursor: pointer !important;
  border: 0 !important;
  white-space: nowrap !important;
  min-width: 110px !important;
  height: 40px !important;
  line-height: 1 !important;
}
.ph-crop-overlay .ph-crop-actions .ph-btn.p,
.ph-crop-overlay .ph-crop-actions button[data-cropact="confirm"] {
  background: #00A9A0 !important;
  color: #fff !important;
}
.ph-crop-overlay .ph-crop-actions .ph-btn.g,
.ph-crop-overlay .ph-crop-actions button[data-cropact="cancel"] {
  background: #fff !important;
  color: #393B3F !important;
  border: 1px solid #d6d9db !important;
}


/* === v1.8: Admin-Schrift weicher (DM Sans 700 -> Inter 600) === */
.prohops-admin-page,
.prohops-admin-page .padmin-title,
.prohops-admin-page .padmin-section-title,
.prohops-admin-page h1,
.prohops-admin-page h2,
.prohops-admin-page h3,
.prohops-admin-page h4,
.prohops-admin-page h5 {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}
.prohops-admin-page .padmin-title {
  font-weight: 600 !important;
  font-size: 22px !important;
}
.prohops-admin-page .padmin-section-title {
  font-weight: 600 !important;
  font-size: 13.5px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--anth) !important;
}
.prohops-admin-page table th {
  font-weight: 500 !important;
  font-size: 11px !important;
  letter-spacing: 0.4px !important;
  color: var(--text-muted) !important;
}
.prohops-admin-page .padmin-grid-lbl {
  font-weight: 500 !important;
}
.prohops-admin-page button.padmin-act {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 600 !important;
}
.prohops-admin-page .padmin-pill {
  font-weight: 500 !important;
}


/* === Avatar-Foto + Lightbox (v1.11) === */
.padmin-av.has-photo,#d-av.has-photo{padding:0;overflow:hidden;font-size:0}
.padmin-av img,#d-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.padmin-av.has-photo{cursor:zoom-in}
#d-av.has-photo:hover{box-shadow:0 0 0 3px rgba(0,169,160,.25)}

.padmin-lightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center}
.padmin-lightbox.show{display:flex}
.padmin-lightbox-bg{position:absolute;inset:0;background:rgba(0,0,0,.85);cursor:zoom-out}
.padmin-lightbox-img{position:relative;max-width:min(90vw,800px);max-height:90vh;border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,.4)}
.padmin-lightbox-close{position:absolute;top:24px;right:32px;background:rgba(255,255,255,.95);color:#111;border:none;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}
.padmin-lightbox-close:hover{transform:scale(1.1)}

/* Header-Initialen-Avatar (Theme-Override fallback) */
.ph-header-initials{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#00A9A0;color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:13px;letter-spacing:.5px;line-height:1}


/* 2-Kachel-Layout: 50/50 nebeneinander, fuellen Container (v1.13) */
.ph-roles{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:680px){.ph-roles{grid-template-columns:1fr}}


/* === Email-Verify Code-Boxes (v1.0) === */
.ph-vbox{
  width:50px;height:60px;
  border:1.5px solid #d1d5db;border-radius:10px;
  background:#fff;
  font-family:'DM Mono',monospace;
  font-size:24px;font-weight:600;
  text-align:center;
  color:#393B3F;
  transition:border-color .15s,box-shadow .15s;
}
.ph-vbox:focus{
  border-color:#00A9A0;
  box-shadow:0 0 0 3px rgba(0,169,160,.15);
  outline:none;
}
@media(max-width:520px){
  .ph-vbox{width:42px;height:52px;font-size:20px}
}


/* === Sortiment-Autocomplete Active-Highlight === */
.ph-ac-item{padding:8px 12px;cursor:pointer;font-size:14px;color:#393B3F;border-bottom:1px solid #f3f4f6}
.ph-ac-item:last-child{border-bottom:none}
.ph-ac-item.is-active{background:#ddf2f0;color:#007d76;font-weight:500}
.ph-ac-item.ph-ac-empty{color:#9ca3af;font-style:italic;cursor:default}
.ph-ac-dd{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);max-height:280px;overflow-y:auto;position:absolute;z-index:50;width:100%;margin-top:4px}
.ph-tags{position:relative}

/* === Summary-Sektionen (Schritt: Senden) === */
.ph-sum{
  background:rgba(202,208,209,.22);
  border:none;
  border-radius:8px;
  padding:18px 22px;
}
.ph-sum-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.ph-sum h5{
  margin:0;
  font-size:11px;
  font-weight:600;
  color:#5c5f65;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.ph-sum-edit{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:transparent;
  border:none;
  padding:0;
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:500;
  color:#00A9A0;
  line-height:1;
}
.ph-sum-edit::before{
  content:"";
  width:12px;height:12px;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/><path d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/><path d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/></svg>") center/contain no-repeat;
}
.ph-sum-edit:hover{
  color:#007d76;
  text-decoration:underline;
  text-underline-offset:3px;
}
.ph-sum-edit:focus-visible{
  outline:2px solid #00A9A0;
  outline-offset:2px;
  border-radius:3px;
}
.ph-sum .ph-sum-row{border-bottom:1px solid rgba(202,208,209,.45);}
.ph-sum .ph-sum-row:last-child{border-bottom:none;}

/* === Verkaeufertyp-Karten: PNG-Logos === */
.ph-stype-ic{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:88px;
  margin-bottom:12px;
}
.ph-stype-ic img{
  max-width:80px;
  max-height:80px;
  object-fit:contain;
  display:block;
}
.ph-stype-ic svg{
  width:42px;
  height:42px;
}

/* PROHOPS-WIDTH-REVERT-V4 -- v1.7 admin-fullwidth removed */


/* PROHOPS-PHASE4-V1: Archived-Status + Aktion-Button-Variants */
.padmin-status.archived{background:#ECECEE;color:#6B6E73;border:1px solid #CAD0D1}
.padmin-status.rejected{background:#FCEBEB;color:#A32D2D}

/* ============================================================ */
/* PROHOPS-LAYOUT-V2 -- Storefront-Anlehnung                    */
/* Admin-Bereich an SsikMetroLight-Look angeglichen.            */
/* Override per hoeherer Spezifitaet (.prohops-admin-page ...). */
/* Rollback: diesen kompletten Block loeschen.                  */
/* ============================================================ */

/* Page-Wrapper: kein eigener Hintergrund, integriert sich in Storefront */
.prohops-admin-page {
  background: transparent;
}

/* Stat-Cards: flacher, weniger Card-Optik */
.prohops-admin-page .padmin-stat {
  background: #fafafa;
  border: 1px solid #ECECEE;
  border-radius: 4px;
  box-shadow: none;
  padding: 18px 20px;
  transition: border-color .15s ease, background .15s ease;
}
.prohops-admin-page .padmin-stat:hover {
  background: #fff;
  border-color: #CAD0D1;
}

/* Tab-Container entkachelt */
.prohops-admin-page .padmin-tabs {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.prohops-admin-page .padmin-tab-nav {
  background: transparent;
  border-bottom: 1px solid #ECECEE;
}

/* Tab-Content: weisse Flaeche, schliesst nahtlos an die Tab-Nav an */
.prohops-admin-page .padmin-tab-content {
  background: #fff;
  border: 1px solid #ECECEE;
  border-top: none;
  border-radius: 0 0 4px 4px;
  padding: 20px;
  box-shadow: none;
}

/* Toolbar: flacher Trenner statt eigener Card-Streifen */
.prohops-admin-page .padmin-toolbar {
  background: transparent;
  border: none;
  border-bottom: 1px solid #ECECEE;
  padding: 12px 0;
  margin: 0 0 16px 0;
  border-radius: 0;
}

/* Tabelle: Storefront-Linie */
.prohops-admin-page .padmin-table {
  background: #fff;
  border-radius: 4px;
  border-collapse: separate;
  border-spacing: 0;
  box-shadow: none;
}
.prohops-admin-page .padmin-table thead th {
  background: #fafafa;
  border-bottom: 1px solid #ECECEE;
}
.prohops-admin-page .padmin-table tbody tr:hover {
  background: #fafafa;
}

/* Pills: eckiger an Theme-Default (Theme nutzt border-radius: 0, 4px ist Kompromiss) */
.prohops-admin-page .padmin-pill {
  border-radius: 4px;
}

/* Action-Buttons in Tabellen-Zellen schon eckig (4px) -- bleibt */

/* Drawer-Karte: schon vom Theme akzeptiert -- nur Schatten dezenter */
.prohops-admin-page .padmin-drawer {
  box-shadow: -8px 0 24px rgba(0,0,0,0.06);
}

/* ============================================================ */
/* Ende PROHOPS-LAYOUT-V2                                       */
/* ============================================================ */


/* === PROHOPS-TABLE-V3.0 START === */
.prohops-admin-page .padmin-table-paginated thead th {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 5;
  box-shadow: inset 0 -1px 0 #e5e7eb;
}

.prohops-admin-page .padmin-pager {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 12px 16px;
  background: #fafafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-wrap: wrap;
  gap: 12px;
}

.prohops-admin-page .padmin-pager:empty {
  display: none;
}

.prohops-admin-page .padmin-pager-info {
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 11px;
  color: var(--text-muted, #6b7280);
  letter-spacing: 0.3px;
}

.prohops-admin-page .padmin-pager-nav {
  display: flex;
  gap: 4px;
  align-items: center;
}

.prohops-admin-page .padmin-pager-btn {
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #393B3F;
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}

.prohops-admin-page .padmin-pager-btn:hover:not(:disabled):not(.active) {
  border-color: #00A9A0;
  color: #00A9A0;
  background: #ffffff;
}

.prohops-admin-page .padmin-pager-btn.active {
  background: #00A9A0;
  border-color: #00A9A0;
  color: #ffffff;
  cursor: default;
}

.prohops-admin-page .padmin-pager-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.prohops-admin-page .padmin-pager-ellipsis {
  padding: 0 6px;
  color: var(--text-faint, #9ca3af);
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 12px;
}
/* === PROHOPS-TABLE-V3.0 END === */