/* Compact previews based on the store's product editor, product list and order detail screens. */
body.home-v4 .dp-home .op-marketing .dp-section-head{margin-bottom:25px}
.op-marketing-card{padding:20px}
.op-marketing-card>h3{min-height:0;margin-bottom:8px;font-size:20px}
.op-marketing-card>p{min-height:0;margin-bottom:14px;font-size:11px;line-height:1.6}
.op-marketing-top{margin-bottom:13px}
.op-app-preview{width:100%;margin-top:auto;overflow:hidden;border:1px solid #dae5f0;border-radius:11px;background:#fff;box-shadow:0 12px 26px rgba(19,48,91,.08);font-family:Inter,Arial,sans-serif}
.op-app-bar{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border-bottom:1px solid #e5ebf3;background:#fbfcfe;color:#4b5b73}
.op-brand-mark{position:relative;display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;overflow:hidden;border-radius:5px;background:linear-gradient(135deg,#19b3e3,#315bf4 70%,#7352dd);color:#fff;font-size:13px;font-style:italic;font-weight:900;line-height:1}
.op-brand-mark img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.op-app-bar img{display:block;width:20px;height:20px;object-fit:contain}
.op-app-bar strong{font-size:10px;font-weight:750}
.op-app-bar span{margin-left:auto;color:#8d9bb0;font-size:8px;white-space:nowrap}
.op-app-bar span i{padding:0 3px;font-size:7px}
.op-app-bar>i{margin-left:5px;color:#9aa9bc;font-size:11px}
.op-app-body{min-height:260px;padding:13px}
.op-app-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.op-app-title small{color:#7e91a8;font-size:7px;font-weight:800;letter-spacing:.09em}
.op-app-title h4{margin:3px 0 0;color:#263958;font-size:15px;font-weight:750;line-height:1.2}
.op-app-pill{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;padding:5px 7px;border-radius:6px;background:#e9f8f2;color:#12906f;font-size:8px;font-weight:750;white-space:nowrap}
.op-app-pill.is-purple{background:#f2eaff;color:#7c52cc}
.op-app-action{display:inline-flex;align-items:center;flex:0 0 auto;padding:6px 8px;border-radius:6px;background:#6965e8;color:#fff;font-size:8px;font-weight:750}
.op-product-tabs{display:flex;gap:14px;margin-bottom:11px;border-bottom:1px solid #e8edf4;color:#92a0b2;font-size:9px}
.op-product-tabs>*{padding:0 0 8px;font-weight:550}
.op-product-tabs>b{border-bottom:2px solid #6965e8;color:#5552c7;font-weight:800}
.op-product-editor{display:grid;grid-template-columns:59px minmax(0,1fr);gap:10px;align-items:stretch}
.op-product-photo{display:grid;place-items:center;min-height:86px;border:1px solid #dde8f2;border-radius:7px;background:linear-gradient(145deg,#eaf4ff,#f7fbff);color:#5d8ae9;font-size:25px}
.op-product-fields{display:grid;gap:7px;min-width:0}
.op-product-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.op-product-fields label{display:block;min-width:0;color:#8796aa;font-size:8px}
.op-product-fields label span{display:block;overflow:hidden;margin-top:3px;padding:6px 7px;border:1px solid #dfe7f0;border-radius:5px;background:#fff;color:#405170;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.op-app-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:15px;padding-top:10px;border-top:1px solid #ebeff5}
.op-app-bottom>span{color:#22997d;font-size:8px;line-height:1.25}
.op-app-bottom>span i{margin-right:3px}
.op-app-bottom>b{display:inline-flex;align-items:center;gap:4px;padding:7px;border-radius:5px;background:#6965e8;color:#fff;font-size:8px;font-weight:750;white-space:nowrap}
.op-stock-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}
.op-stock-stats>span{display:grid;grid-template-columns:19px 1fr;align-items:center;column-gap:3px;min-width:0;padding:5px;border:1px solid #e1e8f1;border-radius:7px;background:#fff}
.op-stock-stats i{grid-row:1/3;display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:#edf0ff;color:#6666d9;font-size:9px}
.op-stock-stats b{color:#34465e;font-size:11px;line-height:1}
.op-stock-stats small{overflow:hidden;color:#8c9aae;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.op-stock-search{display:flex;align-items:center;gap:5px;min-height:24px;margin-bottom:8px;padding:0 7px;border:1px solid #dfe7ef;border-radius:5px;color:#9aa7b7;font-size:8px}
.op-stock-search i:last-child{margin-left:auto}
.op-stock-list{border:1px solid #e5ebf2;border-radius:6px;overflow:hidden}
.op-stock-list>div{display:grid;grid-template-columns:minmax(0,1.8fr) .45fr .65fr;align-items:center;gap:4px;min-height:29px;padding:0 7px;border-bottom:1px solid #edf1f5;color:#50617c;font-size:8px}
.op-stock-list>div:last-child{border-bottom:0}
.op-stock-list .op-stock-head{min-height:24px;background:#f5f7fa;color:#8291a7;font-size:7px;font-weight:750}
.op-stock-list>div>span:first-child{display:flex;align-items:center;gap:5px;min-width:0}
.op-stock-list>div>span:first-child>i{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:5px;background:#edf4fc;color:#6b89bb;font-size:9px}
.op-stock-list b{overflow:hidden;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.op-stock-list strong{color:#284666;font-size:8px;white-space:nowrap}
.op-order-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:12px}
.op-order-progress>span{display:flex;align-items:center;gap:4px;min-width:0;color:#687992;font-size:8px;white-space:nowrap}
.op-order-progress i{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border-radius:50%;background:#e9f7f1;color:#179477;font-size:8px}
.op-order-progress>span:last-child i{background:#efe9fc;color:#7a56cc}
.op-order-product{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #e2e9f2;border-radius:7px;background:#fbfcff}
.op-order-product>i{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:6px;background:#eef2ff;color:#7369d4;font-size:15px}
.op-order-product>div{display:grid;gap:2px;min-width:0}
.op-order-product small{color:#9aa7ba;font-size:7px;letter-spacing:.04em}
.op-order-product strong{overflow:hidden;color:#344862;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.op-order-product span{color:#95a3b7;font-size:8px}
.op-order-product>b{margin-left:auto;color:#263f65;font-size:9px;white-space:nowrap}
.op-order-detail{display:grid;gap:7px;margin:11px 0;padding:0 2px;color:#657995;font-size:8px}
.op-order-detail span{display:flex;align-items:center;gap:6px}
.op-order-detail i{color:#7770d1;font-size:10px}
.op-order-total{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #e8edf5;color:#70809a;font-size:9px}
.op-order-total strong{color:#263c5b;font-size:13px}
.op-app-caption{margin:13px 0 0;color:#9aa7b9;font-size:10px;text-align:center}
@media(max-width:1100px) and (min-width:761px){.op-marketing-card:last-child .op-app-preview{grid-column:2;grid-row:1/5}.op-marketing-card:last-child .op-app-body{min-height:250px}}
@media(max-width:760px){.op-marketing-card{padding:17px}.op-marketing-card>h3{font-size:18px}.op-marketing-card>p{font-size:11px}.op-app-body{min-height:0}.op-app-caption{font-size:9px;line-height:1.5}}