.primary-nav{margin:0;padding:0}
.primary-nav summary{min-height:40px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:7px;color:#c5d1e2;list-style:none;cursor:pointer;font-size:13px;font-weight:750;white-space:nowrap}
.primary-nav summary::-webkit-details-marker{display:none}
.primary-nav summary::after{content:"›";margin-left:auto;font-size:18px;line-height:1;transform:rotate(90deg);transition:transform .15s ease}
.primary-nav:not([open]) summary::after{transform:rotate(0deg)}
.primary-nav summary:hover,.primary-nav summary.active{background:#1c3558;color:#72a9ff}
.primary-nav summary svg{width:18px;height:18px;flex:0 0 18px}
.primary-nav-links{display:grid;gap:2px;padding:5px 0 8px 31px}
.sidebar nav .primary-nav-links a{height:32px;padding:0 10px;border-left:1px solid #2a3b54;border-radius:0 6px 6px 0;font-size:11px;color:#91a3bc}
.sidebar nav .primary-nav-links a:hover{color:#fff;background:#15243a}
.sidebar nav .primary-nav-links a.active{border-left-color:#3c82ff;background:#142947;color:#72a9ff}
.primary-nav-divider{padding:8px 10px 4px;color:#60748f;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.admin-shell.collapsed .primary-nav summary{justify-content:center;padding-inline:0}
.admin-shell.collapsed .primary-nav summary::after,.admin-shell.collapsed .primary-nav-links{display:none}
.legacy-nav{margin-top:10px;border-top:1px solid #233147;padding-top:9px}
.legacy-nav summary{min-height:40px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:7px;color:#91a3bc;list-style:none;cursor:pointer;font-size:12px;font-weight:750;white-space:nowrap}
.legacy-nav summary::-webkit-details-marker{display:none}
.legacy-nav summary::after{content:"›";margin-left:auto;font-size:18px;line-height:1;transform:rotate(90deg);transition:transform .15s ease}
.legacy-nav[open] summary::after{transform:rotate(-90deg)}
.legacy-nav summary:hover{background:#15243a;color:#fff}
.legacy-nav-links{display:grid;gap:2px;padding:4px 0 2px 31px}
.sidebar nav .legacy-nav-links a{height:34px;padding:0 10px;font-size:11px;color:#91a3bc}
.sidebar nav .legacy-nav-links a.active{color:#72a9ff}
.admin-shell.collapsed .legacy-nav summary{justify-content:center;padding-inline:0}
.admin-shell.collapsed .legacy-nav summary::after,.admin-shell.collapsed .legacy-nav-links{display:none}
.launch-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.workflow-card{min-height:154px;padding:18px;display:flex;flex-direction:column;gap:7px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 88%,#28436d));box-shadow:var(--shadow);color:var(--text);text-decoration:none;transition:transform .15s ease,border-color .15s ease}
.workflow-card:hover{transform:translateY(-2px);border-color:#3c82ff}
.workflow-card strong{font-size:16px}
.workflow-card small{line-height:1.55}
.workflow-step{width:34px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #285a9f;border-radius:999px;color:#69a5ff;font-size:10px;font-weight:800}
.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start}
.form-grid>label:not(.check),.filter-toolbar>label:not(.check),form.filters>label:not(.check){display:grid;grid-template-rows:minmax(32px,auto) 40px;align-content:start;min-width:0}
.form-grid>label:not(.check)>input,.form-grid>label:not(.check)>select,.filter-toolbar>label:not(.check)>input,.filter-toolbar>label:not(.check)>select,form.filters>label:not(.check)>input,form.filters>label:not(.check)>select{height:40px;min-height:40px}
.filter-toolbar>label:not(.check),form.filters>label:not(.check){flex:1 1 180px;max-width:260px}
.filter-toolbar>.search-field,form.filters>.search-field{flex:2 1 320px;max-width:none}
.admin-form .form-grid>label:not(.check){width:100%}
.admin-form .form-grid:has(textarea[name="ObservedHookPatterns"]){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:4px;margin-bottom:16px}
.admin-form .form-grid:has(textarea[name="ObservedHookPatterns"])>label{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 94%,#28436d);font-weight:750}
.admin-form textarea[name="ObservedHookPatterns"],.admin-form textarea[name="ObservedFormatPatterns"],.admin-form textarea[name="ObservedProofPatterns"],.admin-form textarea[name="ObservedObjections"]{min-height:150px;height:auto;resize:vertical;line-height:1.5;font-weight:500}
.admin-form label:has(>textarea[name="ObservedCtaPatterns"]){display:flex;flex-direction:column;gap:8px;margin-top:2px;font-weight:750}
.admin-form textarea[name="ObservedCtaPatterns"]{min-height:110px;height:auto;resize:vertical;line-height:1.5;font-weight:500}
.admin-form label:has(>textarea[name="ObservedCtaPatterns"])+.actions{margin-top:14px}
.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));gap:16px;align-items:start}
.media-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.media-preview{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:14px;background:color-mix(in srgb,var(--surface) 86%,#0c1626)}
.media-preview img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.media-card-body{padding:14px}
.media-card-body p{line-height:1.5}
.media-workflow{margin-top:6px}
.tool-launch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.tool-launch-card{min-height:142px;padding:16px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 95%,#28436d);color:var(--text);text-decoration:none;box-shadow:var(--shadow)}
.tool-launch-card:hover{border-color:#3c82ff;transform:translateY(-1px)}
.tool-launch-card strong{font-size:15px}
.tool-launch-card small{color:var(--muted);line-height:1.5}
.tool-launch-card span{margin-top:auto;color:#72a9ff;font-size:12px;font-weight:800}
.storefront-preview{padding:22px}
.storefront-preview-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:32px;align-items:start}
.storefront-hero-image,.storefront-media-placeholder{width:100%;aspect-ratio:1/1;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 86%,#0c1626)}
.storefront-hero-image{object-fit:contain;padding:18px}
.storefront-media-placeholder{display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;color:var(--muted)}
.storefront-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.storefront-gallery img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:6px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}
.storefront-copy h2{margin:6px 0 14px;font-size:clamp(26px,3vw,42px);line-height:1.12}
.storefront-price{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.storefront-price strong{font-size:28px}
.storefront-price span{color:var(--muted);text-decoration:line-through}
.storefront-positioning{font-size:16px;line-height:1.65}
.storefront-copy ul{padding-left:20px;line-height:1.65}
.media-card>video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.stats-grid>.panel{min-width:0;min-height:112px;margin-bottom:0;padding:14px 16px}
.stats-grid>.panel h2{margin:4px 0 6px;font-size:21px;line-height:1.2}
.stats-grid>.panel p{margin:0}
.stats-grid>.panel p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.45}
.stats-grid>.panel .eyebrow{margin-bottom:2px}
.winner-table{min-width:1280px;table-layout:auto}
.winner-table th{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.winner-table th:nth-child(2){min-width:520px}
.winner-product{min-width:520px;white-space:normal}
.winner-product strong{display:block;line-height:1.45}
.winner-nowrap{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.winner-margin{min-width:150px;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.winner-margin .help,.winner-margin small{white-space:normal}
.winner-action{min-width:132px;white-space:nowrap}
.winner-action .button{white-space:nowrap;width:100%}
.panel .winner-table{min-width:1080px}
.panel .winner-table th:nth-child(2){min-width:0}
.panel .winner-table th:not(:first-child),.panel .winner-table td:not(:first-child){white-space:nowrap}
.panel .winner-table .winner-product{min-width:380px;width:38%}
.panel .winner-table .winner-product+td{min-width:140px}

/* Shopify Clone Lab: high-density competitor research without forcing the operator through 20 separate pages. */
.clone-lab-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.clone-lab-config{padding:20px}
.clone-lab-form{display:grid;gap:10px}
.clone-lab-form textarea{width:100%;min-height:240px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}
.clone-lab-controls{display:grid;grid-template-columns:minmax(160px,220px) minmax(280px,1fr);gap:14px;align-items:end;margin-top:6px}
.clone-lab-controls>div{display:grid;gap:7px}
.clone-lab-controls input[type="number"]{height:42px}
.checkbox-card{min-height:68px;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 94%,#28436d)}
.checkbox-card input{margin-top:3px}
.checkbox-card span{display:grid;gap:3px}
.checkbox-card small{color:var(--muted);font-weight:500;line-height:1.4}
.actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.clone-store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.clone-store-card{display:grid;gap:8px;min-height:148px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 96%,#28436d)}
.clone-store-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.clone-store-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.clone-store-card small{color:var(--muted)}
.clone-store-card .text-link{margin-top:auto}
.clone-product-table{min-width:1120px}
.clone-product-table th,.clone-product-table td{vertical-align:top}
.clone-product-table th:nth-child(3){min-width:320px}
.clone-product-table th:not(:nth-child(3)),.clone-product-table td:not(:nth-child(3)){white-space:nowrap}
.table-subtext{display:block;margin-top:4px;max-width:420px;color:var(--muted);white-space:normal;line-height:1.35}
.score-pill{display:inline-flex;min-width:38px;justify-content:center;padding:4px 8px;border:1px solid #285a9f;border-radius:999px;color:#72a9ff;font-weight:800}
.clone-draft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.clone-draft-card{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.clone-draft-card.success{border-color:color-mix(in srgb,#31b46d 55%,var(--border))}
.clone-draft-card.failed{border-color:color-mix(in srgb,#d85b5b 55%,var(--border))}
.clone-draft-card>div{display:grid;gap:4px}
.clone-draft-card small{color:var(--muted)}
.clone-draft-card p,.clone-draft-card code{grid-column:1/-1;margin:0}
.clone-draft-card p{color:var(--muted);font-size:12px;line-height:1.45}
.clone-lab-next{margin-bottom:24px}
.workflow-steps.compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.workflow-steps.compact>div{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 96%,#28436d)}
.workflow-steps.compact span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;margin-bottom:8px;border:1px solid #285a9f;border-radius:999px;color:#72a9ff;font-weight:800}
.workflow-steps.compact strong{display:block;margin-bottom:5px}
.workflow-steps.compact p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}

@media(max-width:1100px){.launch-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form .form-grid:has(textarea[name="ObservedHookPatterns"]){grid-template-columns:1fr}.storefront-preview-grid{grid-template-columns:1fr}.workflow-steps.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-grid>label:not(.check),.filter-toolbar>label:not(.check),form.filters>label:not(.check){grid-template-rows:auto 40px;max-width:none;width:100%}.launch-workflow,.stats-grid{grid-template-columns:1fr}.workflow-card{min-height:auto}.stats-grid>.panel{min-height:auto}.admin-form .form-grid:has(textarea[name="ObservedHookPatterns"])>label{padding:12px}.admin-form textarea[name="ObservedHookPatterns"],.admin-form textarea[name="ObservedFormatPatterns"],.admin-form textarea[name="ObservedProofPatterns"],.admin-form textarea[name="ObservedObjections"]{min-height:130px}.media-grid,.tool-launch-grid{grid-template-columns:1fr}.storefront-preview{padding:14px}.storefront-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.clone-lab-heading{display:grid}.clone-lab-controls,.workflow-steps.compact{grid-template-columns:1fr}.actions-row .button{width:100%}}