/* Frontend styles scoped to avoid collisions with Flatsome/reset CSS */
.saky-autoload-frontend{max-width:1200px;margin:0 auto;padding:16px;}
.saky-autoload-frontend h2{margin:0 0 12px 0;}

.saky-autoload-app .sa-panel{background:#fff;border:1px solid #c3c4c7;border-radius:10px;padding:14px;margin:12px 0;}
.saky-autoload-app .sa-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.saky-autoload-app .sa-grow{flex:1 1 auto;min-width:220px;}
.saky-autoload-app .sa-muted{color:#6b7280;font-size:13px;}

.saky-autoload-app input[type="text"],
.saky-autoload-app input[type="number"],
.saky-autoload-app select{border:1px solid #111827;border-radius:6px;padding:6px 10px;min-height:34px;background:#fff;}

.saky-autoload-app .sa-btn{border:1px solid #111827;background:#111827;color:#fff;border-radius:6px;padding:6px 12px;cursor:pointer;line-height:1.2;}
.saky-autoload-app .sa-btn.secondary{background:#fff;color:#111827;}
.saky-autoload-app .sa-btn:disabled{opacity:.5;cursor:not-allowed;}
.saky-autoload-app .sa-btn.small{padding:3px 8px;font-size:12px;}

.saky-autoload-app .sa-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;}
.saky-autoload-app table.sa-table{width:100%;border-collapse:collapse;min-width:720px;background:#fff;}
.saky-autoload-app table.sa-table th,
.saky-autoload-app table.sa-table td{border-bottom:1px solid #e5e7eb;padding:8px;vertical-align:top;text-align:left;}
.saky-autoload-app table.sa-table th{background:#f6f7f7;font-weight:600;}

.saky-autoload-app .sa-badge{display:inline-block;border:1px solid #111827;border-radius:999px;padding:2px 8px;font-size:12px;}
.saky-autoload-app .sa-badge.ok{background:#eaffea;}
.saky-autoload-app .sa-badge.warn{background:#fff7e6;}

.saky-autoload-app .sa-error{border:1px solid #b91c1c;background:#fff1f2;color:#7f1d1d;padding:10px;border-radius:8px;margin:10px 0;}
.saky-autoload-app .sa-warn{border:1px solid #92400e;background:#fff7ed;color:#7c2d12;padding:10px;border-radius:8px;margin:10px 0;}

/* Modal */
.saky-autoload-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:999999;}
.saky-autoload-modal{background:#fff;border-radius:12px;max-width:720px;width:92%;padding:14px;border:1px solid #c3c4c7;}

@media (max-width: 640px){
  .saky-autoload-frontend{padding:10px;}
  .saky-autoload-app .sa-grow{min-width:140px;}
}