.oc-app{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;max-width:1240px;margin:24px auto;padding:0 16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717}.oc-nav{background:#111827;border-radius:18px;padding:18px;min-height:70vh;position:sticky;top:20px;height:max-content}.oc-brand{color:#fff;font-weight:800;font-size:18px;margin:2px 8px 18px}.oc-nav a{display:block;color:#d1d5db;text-decoration:none;padding:11px 12px;border-radius:10px;margin:4px 0}.oc-nav a:hover,.oc-nav a.active{background:#fff;color:#111827}.oc-main h1{font-size:28px;margin:0 0 4px}.oc-sub{color:#6b7280;margin-top:0;line-height:1.5}.oc-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.oc-card,.oc-panel,.oc-product-editor,.oc-order-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.04)}.oc-card{padding:18px}.oc-card span{display:block;color:#6b7280;font-size:13px}.oc-card strong{display:block;font-size:24px;margin-top:6px}.oc-panel{padding:20px;margin:18px 0}.oc-actions{display:flex;flex-wrap:wrap;gap:10px}.oc-actions a,.oc-primary,.oc-inline-form button{background:#111827;color:#fff;text-decoration:none;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.oc-inline-form{display:flex;gap:10px;flex-wrap:wrap}.oc-inline-form input,.oc-field input,.oc-field textarea,.oc-bank-row input,.oc-product-editor input,.oc-product-editor textarea,.oc-order-action select{border:1px solid #d1d5db;border-radius:9px;padding:10px;background:#fff;font:inherit;box-sizing:border-box}.oc-inline-form input{min-width:160px}.oc-product-list,.oc-order-list{display:grid;gap:14px}.oc-product-editor{padding:16px}.oc-product-editor-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.oc-product-editor-head img,.oc-product-thumb-empty{width:92px;height:92px;border-radius:14px;object-fit:cover;background:#eef2f7;display:grid;place-items:center;color:#64748b;font-size:12px}.oc-product-editor-head strong{display:block;font-size:18px}.oc-product-editor-head small,.oc-product-editor-head a{display:block;color:#64748b;font-size:12px;margin-top:4px}.oc-product-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oc-product-fields label{font-size:12px;color:#475569;font-weight:700}.oc-product-fields input,.oc-product-fields textarea{display:block;width:100%;margin-top:5px}.oc-product-fields .wide{grid-column:1/-1}.oc-product-editor>.oc-primary{margin-top:14px}.oc-check{display:flex!important;align-items:center;gap:7px;color:#374151!important}.oc-check input{width:auto!important;margin:0!important}.oc-field{display:block;margin:14px 0;color:#374151;font-weight:600}.oc-field input,.oc-field textarea{display:block;width:100%;max-width:680px;margin-top:6px}.oc-bank-row{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:8px;margin:8px 0}.oc-qris{display:flex;align-items:center;gap:16px}.oc-qris img{width:160px;height:160px;object-fit:contain;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.oc-qris span strong,.oc-qris span small{display:block}.oc-qris span small{color:#64748b;margin-top:4px}.oc-notice{background:#ecfdf5;color:#065f46;padding:10px 14px;border-radius:10px;margin-bottom:15px}.oc-login-required{max-width:600px;margin:40px auto;padding:20px;border:1px solid #e5e7eb;border-radius:12px}.oc-order-card{padding:16px}.oc-order-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #eef2f7}.oc-order-head strong{font-size:18px}.oc-order-head small{display:block;color:#64748b;margin-top:3px}.oc-order-total{font-size:20px;font-weight:900}.oc-order-customer{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.oc-order-customer span{color:#64748b}.oc-order-customer a{text-decoration:none;background:#ecfdf5;color:#166534;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.oc-order-items{display:grid;gap:7px;background:#f8fafc;border-radius:12px;padding:12px}.oc-order-items>div{display:flex;justify-content:space-between;gap:12px}.oc-order-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.oc-order-meta span{background:#eef2f7;border-radius:999px;padding:5px 9px;font-size:12px;color:#475569}.oc-order-address{color:#475569;line-height:1.5}.oc-proof-preview{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111827;margin:12px 0}.oc-proof-preview img{width:76px;height:76px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb}.oc-order-action{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid #eef2f7}.oc-order-action label{font-size:12px;color:#64748b}.oc-order-action select{display:block;width:100%;margin-top:5px}.oc-payment-methods{display:grid;gap:14px}.oc-payment-methods section{border:1px solid #e5e7eb;border-radius:12px;padding:14px}.oc-bank span{font-size:20px;font-weight:700}
@media(max-width:900px){.oc-app{grid-template-columns:1fr}.oc-nav{min-height:auto;position:static;display:flex;overflow:auto;gap:6px;align-items:center}.oc-brand{margin:0 10px 0 0;white-space:nowrap}.oc-nav a{white-space:nowrap}.oc-cards{grid-template-columns:repeat(2,1fr)}.oc-product-fields{grid-template-columns:1fr 1fr}.oc-bank-row{grid-template-columns:1fr}.oc-order-action{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.oc-app{padding:0 10px;margin-top:10px}.oc-nav{border-radius:14px;padding:10px}.oc-cards{grid-template-columns:1fr 1fr;gap:8px}.oc-card{padding:14px}.oc-card strong{font-size:18px}.oc-main h1{font-size:24px}.oc-product-fields{grid-template-columns:1fr}.oc-product-fields .wide{grid-column:auto}.oc-product-editor-head img,.oc-product-thumb-empty{width:108px;height:128px}.oc-inline-form input,.oc-inline-form button{width:100%}.oc-qris{align-items:flex-start}.oc-qris img{width:140px;height:140px}.oc-order-head{display:block}.oc-order-total{margin-top:8px}.oc-order-action{grid-template-columns:1fr}.oc-order-action .oc-primary{width:100%}.oc-order-items>div{font-size:13px}.oc-cards .oc-card span{font-size:11px}}
.oc-notice.is-error{background:#fef2f2;color:#991b1b}.oc-filter-bar,.oc-bulk-form{display:flex;gap:9px;flex-wrap:wrap;align-items:end;margin:14px 0}.oc-filter-bar input,.oc-filter-bar select,.oc-bulk-form input,.oc-bulk-form select{border:1px solid #d1d5db;border-radius:9px;padding:10px;background:#fff;font:inherit}.oc-filter-bar input{min-width:230px;flex:1}.oc-filter-bar button,.oc-secondary{border:1px solid #cbd5e1;background:#fff;color:#111827;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.oc-bulk-form label{font-size:12px;font-weight:800;color:#475569;display:grid;gap:5px}.oc-bulk-preview{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.oc-bulk-rows{display:grid;gap:6px;max-height:360px;overflow:auto;margin:10px 0 14px}.oc-bulk-rows>div,.oc-low-list>div,.oc-activity-list>div,.oc-audit-mini>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #eef2f7}.oc-low-list span,.oc-activity-list span,.oc-audit-mini span{color:#64748b;font-size:12px}.oc-audit-mini{margin-top:12px;border-top:1px solid #eef2f7;padding-top:10px}.oc-audit-mini summary{cursor:pointer;font-weight:800;color:#475569}.oc-product-fields select{display:block;width:100%;margin-top:5px;border:1px solid #d1d5db;border-radius:9px;padding:10px;background:#fff;font:inherit}
@media(max-width:560px){.oc-filter-bar,.oc-bulk-form{display:grid;grid-template-columns:1fr}.oc-filter-bar input,.oc-filter-bar select,.oc-filter-bar button,.oc-bulk-form label,.oc-bulk-form button{width:100%;min-width:0}.oc-bulk-rows>div,.oc-low-list>div,.oc-activity-list>div,.oc-audit-mini>div{display:grid;gap:3px}}
.oc-login-required{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px 24px;text-align:center;max-width:460px;margin:40px auto}
.oc-login-required h3{margin:0 0 6px;font-size:20px}
.oc-login-required p{color:#6b7280;margin:0 0 16px;line-height:1.5}
.oc-login-btn{display:inline-block;background:#111827;color:#fff;text-decoration:none;border-radius:10px;padding:12px 22px;font-weight:800}
.oc-login-btn:hover{background:#000}

/* ===== Refresh: font brand + identitas hijau ===== */
.oc-app{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
.oc-main{font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.oc-nav{background:linear-gradient(180deg,#0b3d1f,#14532d 55%,#166534)}
.oc-brand{color:#dcfce7}
.oc-nav a.active{background:#dcfce7;color:#14532d;font-weight:800}
.oc-viewlink{display:block;margin-top:14px;border:1px solid rgba(220,252,231,.4);color:#dcfce7!important;text-align:center;border-radius:10px;padding:9px 12px;font-size:12.5px;font-weight:700}
.oc-viewlink:hover{background:rgba(220,252,231,.15)}

/* Panel kondisi toko */
.oc-cond-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.oc-cond{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:11px 12px}
.oc-cond small{display:block;color:#6b7280;font-size:11.5px;font-weight:600;margin-bottom:3px}
.oc-cond strong{font-size:14px;color:#111827}
.oc-cond strong a{color:#166534;text-decoration:none;font-weight:800}

/* Kartu login profesional */
.oc-login-required.oc-login-card,.oc-login-card{max-width:440px;margin:40px auto;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:34px 30px;box-shadow:0 24px 70px rgba(15,23,42,.09);text-align:center}
.oc-login-card img.oc-login-brand{width:68px;height:68px;border-radius:18px;box-shadow:0 10px 26px rgba(20,83,45,.22)}
.oc-login-card h2{margin:14px 0 4px;font-size:25px;letter-spacing:-.01em}
.oc-login-sub{color:#6b7280;font-size:14px;line-height:1.55;margin:0 0 20px}
.oc-login-card form{text-align:left}
.oc-login-card .login-username,.oc-login-card .login-password,.oc-login-card .login-remember{margin:0 0 13px}
.oc-login-card label{display:block;font-size:12.5px;font-weight:700;color:#374151;margin-bottom:5px}
.oc-login-card .input{width:100%!important;box-sizing:border-box;border:1.5px solid #cbd5e1;border-radius:12px;padding:12px 14px;font:inherit;font-size:16px;background:#fff;margin-top:0}
.oc-login-card .input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}
.oc-login-card .login-remember{display:flex;align-items:center;gap:7px;font-size:13px;color:#4b5563}
.oc-login-card .login-remember input{width:auto!important;margin:0!important;accent-color:#16a34a}
.oc-login-card .login-submit{margin:0 0 4px}
.oc-login-card .login-submit input,#loginform .wp-submit input[type=submit]{width:100%;border:0;background:linear-gradient(135deg,#14532d,#16a34a);color:#fff;font-weight:800;border-radius:12px;padding:13px;font-size:15px;cursor:pointer;font-family:inherit}
.oc-login-card .login-submit input:hover{filter:brightness(1.08)}
.oc-login-help{margin-top:14px;font-size:13px;color:#6b7280}
.oc-login-help a{color:#166534;font-weight:700}
@media(max-width:560px){.oc-login-card{margin:22px 12px;padding:26px 20px}}

/* ===== Tab Artikel SEO ===== */
.oc-blog-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);gap:16px;align-items:start}
.oc-seo-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:14px 16px;position:sticky;top:14px}
.oc-seo-box h3{margin:0 0 10px;font-size:14px;color:#14532d}
.oc-seo-box ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.oc-seo-box li{font-size:13px;color:#166534;font-weight:600;display:flex;gap:8px;align-items:flex-start}
.oc-seo-box li::before{content:"⬜";font-size:13px}
.oc-seo-box li.done{color:#052e16}
.oc-seo-box li.done::before{content:"✅"}
.oc-seo-box li.warn{color:#b45309}
.oc-seo-box li.warn::before{content:"⚠️"}
.oc-art-list{display:grid;gap:10px}
.oc-art-row{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:11px 14px}
.oc-art-row strong{display:block;font-size:14.5px}
.oc-art-row small{color:#6b7280;font-size:12px}
.oc-blog-editor .oc-panel{margin-bottom:16px}
@media(max-width:900px){.oc-blog-grid{grid-template-columns:1fr}.oc-seo-box{position:static}}

/* Toast notifikasi dashboard (selalu terlihat) */
.oc-notice{display:none}
.oc-toast-dash{position:fixed;top:18px;right:18px;z-index:99999;background:linear-gradient(135deg,#14532d,#16a34a);color:#fff;font-weight:700;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:14px;padding:13px 18px;border-radius:12px;box-shadow:0 16px 44px rgba(15,23,42,.28);opacity:0;transform:translateY(-8px);transition:.25s;max-width:320px}
.oc-toast-dash.err{background:#b91c1c}
.oc-toast-dash.show{opacity:1;transform:none}
/* Tombol simpan artikel: sticky mengikuti scroll */
@media(min-width:901px){
.oc-blog-aside .oc-seo-box{margin-bottom:14px}
.oc-blog-aside .oc-field,.oc-blog-aside .oc-primary{position:sticky}
.oc-blog-aside .oc-field:nth-of-type(2){top:12px}
}

/* Import CSV */
.oc-import-actions{margin-top:6px}
.oc-import-actions .oc-secondary{display:inline-flex;align-items:center;text-decoration:none}
.oc-import-actions input[type=file]{background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:7px;font:inherit;font-size:13px;max-width:280px}