.shop-clarity-card{border-left:4px solid #254d6b;background:#fbfdff}
.shop-clarity-card>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px}
.shop-clarity-card>summary::-webkit-details-marker{display:none}
.shop-clarity-card>summary div{display:grid;gap:3px}.shop-clarity-card>summary b{font-size:16px;color:#172b3a}.shop-clarity-card>summary span{font-size:11px;color:#63727e}
.shop-clarity-card>summary:after{content:'Open';font-size:11px;font-weight:900;color:#254d6b;border:1px solid #b9ccd9;border-radius:999px;padding:5px 8px;background:#fff}
.shop-clarity-card[open]>summary:after{content:'Hide'}
.shop-clarity-intro{margin:12px 0;padding:11px 12px;border-radius:10px;background:#eef5f8;color:#345164;font-size:12px;line-height:1.45}
.shop-clarity-grid{display:grid;grid-template-columns:2fr 1fr;gap:9px;align-items:end}.shop-clarity-grid .wide{grid-column:1/-1}
.shop-clarity-grid textarea{min-height:104px}.shop-clarity-grid button{margin:0}
.shop-clarity-result{margin-top:13px;padding-top:13px;border-top:1px solid #dce5eb}
.shop-clarity-state-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#667681;font-size:11px;font-weight:800}
.shop-clarity-state{display:inline-flex;padding:4px 7px;border-radius:999px;background:#e8f2f7;color:#214b66;text-transform:capitalize}
.shop-clarity-source-lock{margin:0 0 12px;padding:11px 12px;border:1px solid #d7e1e7;border-radius:10px;background:#f7f9fa}
.shop-clarity-source-lock small,.shop-clarity-source-lock b{display:block}.shop-clarity-source-lock small{font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#687883}.shop-clarity-source-lock b{margin-top:3px;color:#243d4e}
.shop-clarity-source-lock pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;color:#30414d}
.shop-clarity-result textarea{min-height:180px}
.shop-clarity-attribution-lock{display:grid;gap:3px;margin:9px 0 12px;padding:10px 11px;border-radius:10px;background:#fff7e9;border:1px solid #efd5a8}.shop-clarity-attribution-lock b{color:#765016}.shop-clarity-attribution-lock span{font-size:11px;color:#785f39}
.shop-clarity-actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;margin-top:10px}.shop-clarity-actions button{margin:0;min-height:42px}
.shop-clarity-history{display:grid;gap:6px;margin-top:10px}.shop-clarity-history>small{font-weight:900;color:#5b6a75}.shop-clarity-history>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid #e0e6ea;border-radius:9px;background:#fff;font-size:11px}.shop-clarity-history>div>span{display:grid;gap:2px}.shop-clarity-history b{text-transform:capitalize}.shop-clarity-history button{margin:0;padding:6px 10px;min-height:0}
@media(max-width:700px){.shop-clarity-grid,.shop-clarity-actions{grid-template-columns:1fr}.shop-clarity-grid .wide{grid-column:auto}}
.customer-clarity-card{border-left:4px solid #e56a1f;margin:12px 0}.customer-clarity-card>summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px}.customer-clarity-card>summary>span:first-child{display:grid;gap:3px}.customer-clarity-card>summary small{color:#647580}.customer-clarity-item{margin-top:12px;padding:13px;border:1px solid #dbe4e9;border-radius:12px;background:#fff}.customer-clarity-item header{display:grid;gap:4px}.customer-clarity-item details>summary{margin:10px 0;font-weight:900;cursor:pointer}.customer-clarity-layers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-clarity-layers section{padding:11px;border:1px solid #d9e2e7;border-radius:10px;background:#f7f9fa}.customer-clarity-layers section.approved{background:#fff7e9;border-color:#efd5a8}.customer-clarity-layers small{display:block;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.customer-clarity-item pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.customer-clarity-layers p{white-space:pre-wrap}.customer-clarity-link{padding:9px;background:#eef5f8;border-radius:9px}.customer-clarity-actions{display:flex;gap:8px}.customer-clarity-actions button{margin:0}.customer-clarity-item textarea{min-height:88px}@media(max-width:700px){.customer-clarity-layers{grid-template-columns:1fr}.customer-clarity-actions{display:grid;grid-template-columns:1fr 1fr}.customer-clarity-card .between{align-items:stretch;display:grid}.customer-clarity-card button{min-height:44px}}