/* Scoped to Master Produk, its editor and detail dialog. */
.unit-clarity-form{display:grid;gap:18px;margin:18px 0}.unit-clarity-editor .variant-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.unit-clarity-form .unit-flow-card{background:#fff;border:1px solid #e3e8f2;padding:22px;min-width:0}
.unit-step-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.unit-step-heading>b{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:#e9f0ff;color:#3563be;font-size:14px}.unit-step-heading strong{font-size:15px;color:#27344c}.unit-step-heading p{font-size:12px;line-height:1.6;color:#758197;margin:4px 0 0}
.unit-clarity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.unit-clarity-grid.unit-two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-clarity-grid>*{min-width:0}.unit-clarity-grid label{font-size:12px;line-height:1.6;min-width:0}.unit-clarity-grid input,.unit-clarity-grid select{min-height:44px;font-size:14px;width:100%;min-width:0}.unit-clarity-grid label>small{display:block;margin-top:8px;line-height:1.7;font-size:11px;color:#62728a}
.unit-clarity-form .rupiah-input{display:flex;border:1px solid #dfe5ef;background:#fff;border-radius:11px;overflow:hidden}.unit-clarity-form .rupiah-input>b{padding:12px 0 12px 12px;color:#8490a3;font-size:12px}.unit-clarity-form .rupiah-input input{border:0;box-shadow:none;background:transparent;padding-left:8px;border-radius:0}.unit-clarity-form .rupiah-input:focus-within{outline:2px solid #a4baff;outline-offset:1px}
.unit-help{font-size:12px;line-height:1.8;color:#718096;margin:12px 0}.unit-clarity-form .middle-toggle{margin:16px 0;padding:14px;background:#f7f9fd;border:1px solid #e6ebf3}.unit-clarity-form .middle-conversion{padding:16px;background:#f8faff;border:1px solid #e3eafa;border-radius:12px}.unit-clarity-form [hidden],.unit-clarity-editor [hidden]{display:none!important}
.unit-equation-banner{display:flex;flex-direction:column;gap:6px;margin-top:18px;padding:18px 20px;border-radius:14px;background:#edf4ff;border:1px solid #d8e6fb;color:#2e5491}.unit-equation-banner small{font-size:10px;font-weight:800;letter-spacing:.08em}.unit-equation-banner strong{font-size:18px;line-height:1.5;overflow-wrap:anywhere}.unit-equation-banner>span{font-size:12px;color:#617da7}
.unit-cost-result{padding:14px 16px;border-radius:12px;background:#eff9f4;color:#28664b;margin-top:16px}.unit-cost-result strong{font-size:14px}.unit-cost-result p{font-size:12px;line-height:1.8;margin:5px 0 0}.unit-sale-prices>label{padding:14px;border:1px solid #e4e9f2;border-radius:12px;background:#fafcff}.unit-extra{margin:16px 0 0;border-top:1px solid #e5eaf2;padding-top:14px}.unit-extra summary{font-size:13px;font-weight:650;color:#435a83;cursor:pointer;line-height:1.6}.unit-extra[open]>summary{margin-bottom:16px}.unit-margin-result{font-size:13px;line-height:1.8;margin-top:16px;color:#367451}.unit-clarity-editor .stock-total strong{overflow-wrap:anywhere}
.unit-equation-chip{display:block;background:#eef4ff;color:#426294;border:1px solid #e0e9f8;border-radius:8px;padding:7px 9px;font-size:11px;line-height:1.7;margin-top:10px;white-space:normal;overflow-wrap:anywhere}
.unit-price-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:baseline;font-size:12px;line-height:1.7;margin-top:5px}.unit-price-line>span{color:#68748b}.unit-price-line>b{font-size:13px;color:#344562;font-variant-numeric:tabular-nums}.unit-price-line.is-base>b{color:#325bb3;font-size:15px}.unit-price-line>small{grid-column:1/-1;color:#8390a4;font-size:10px}.unit-variant-name{display:block;color:#48556d;font-size:11px;line-height:1.6}.unit-variant-prices+.unit-variant-prices,.unit-variant-stock+.unit-variant-stock{border-top:1px solid #edf0f5;margin-top:10px;padding-top:10px}.unit-variant-stock>strong,.unit-variant-stock>small{display:block}.unit-variant-stock>small{line-height:1.7;margin-top:4px}.unit-variant-note,.unit-wholesale{display:block;font-size:11px;line-height:1.7;margin-top:7px;color:#7b8294}.unit-low-stock{color:#b57b28!important}.unit-more{border:0;background:transparent;color:#496dac;padding:8px 0 0;text-align:left;font-size:11px;cursor:pointer}
.catalog-product-grid:not(.list-view){grid-template-columns:repeat(auto-fill,minmax(280px,320px))}.catalog-product-grid:not(.list-view) .unit-catalog-card{grid-template-columns:1fr;gap:0}.catalog-product-grid:not(.list-view) .unit-catalog-card .catalog-list-info{grid-column:1/-1;min-height:0}.catalog-product-grid:not(.list-view) .unit-catalog-card .catalog-price-cell{border:0;padding:14px 0;grid-column:1/-1}.catalog-product-grid:not(.list-view) .unit-catalog-card .catalog-stock-cell{border:0;border-top:1px solid #edf0f5;padding:12px 0;grid-column:1/-1;background:transparent}.catalog-product-grid:not(.list-view) .unit-catalog-card .catalog-stock-cell strong:before{display:none}.catalog-product-grid:not(.list-view) .unit-catalog-card .catalog-stock-cell strong{font-size:14px}.catalog-product-grid .unit-catalog-card .unit-price-line small{font-size:10px}.catalog-product-grid .unit-catalog-card .catalog-stock-cell small{white-space:normal}.catalog-product-grid .unit-catalog-card .catalog-code{white-space:normal;overflow-wrap:anywhere}
.unit-detail-header{display:flex;gap:18px;align-items:center;margin-bottom:20px}.unit-detail-header .image-detail{width:76px;height:76px;object-fit:cover;border-radius:14px;flex:none;margin:0}.unit-detail-header h3{font-size:19px;margin-bottom:6px}.unit-detail-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.unit-detail-card{border:1px solid #e2e8f2;border-radius:16px;padding:18px;background:#fff}.unit-detail-card header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px}.unit-detail-card header>span{font-size:11px;color:#7c8798}.unit-detail-prices{margin:16px 0}.unit-detail-stock{background:#f5f8fc;padding:14px;border-radius:10px;display:flex;flex-direction:column;gap:6px;font-size:13px}.unit-detail-stock>span{color:#758298;font-size:11px}.unit-detail-cost{display:grid;gap:10px;margin-top:16px;font-size:11px;color:#7a8598}.unit-detail-cost b{display:block;color:#53617a;font-size:12px;margin-top:3px}.unit-detail-note{font-size:12px;color:#748198;line-height:1.8;margin:12px 0 0}.unit-product-specs{white-space:pre-wrap;margin-top:16px}
.unit-catalog-card .unit-variant-prices,.unit-catalog-card .unit-variant-stock{width:100%}.catalog-product-grid:not(.list-view) .unit-catalog-card .catalog-price-cell{padding:12px;border-radius:12px;margin:12px 0 0}.catalog-product-grid:not(.list-view) .unit-catalog-card .catalog-stock-cell{padding:12px 2px}.catalog-product-grid:not(.list-view) .unit-catalog-card h4{min-height:0;margin:8px 0}.catalog-product-grid:not(.list-view) .unit-catalog-card .product-placeholder{display:grid;place-items:center}.catalog-product-grid:not(.list-view) .unit-catalog-card .product-placeholder .icon{width:38px;height:38px}
@media(max-width:1100px){.unit-clarity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-sale-prices{grid-template-columns:1fr}.unit-detail-variants{grid-template-columns:1fr}}
@media(max-width:760px){.unit-clarity-grid,.unit-clarity-grid.unit-two-columns,.unit-clarity-editor .variant-identity-grid{grid-template-columns:1fr}.unit-clarity-form .unit-flow-card{padding:16px}.unit-equation-banner{padding:14px}.unit-equation-banner strong{font-size:16px}.catalog-product-grid:not(.list-view){grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.unit-detail-header{align-items:flex-start}.unit-detail-header h3{font-size:16px}.unit-detail-card{padding:14px}}
