/* Bongoto Shop – Admin UI */

.bongoto-admin-wrap{max-width:1200px;}

.bongoto-page-header{margin:14px 0 18px;}
.bongoto-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.bongoto-page-header h1{margin:0;padding:0;}
.bongoto-page-header .bongoto-subtitle{color:#6b7280;margin:4px 0 0;}

.bongoto-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
@media (max-width: 1100px){.bongoto-grid{grid-template-columns:1fr;}}

.bongoto-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04);} 
.bongoto-card h2{margin:0 0 10px;font-size:16px;}
.bongoto-muted{color:#6b7280;}

.bongoto-badge{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;}
.bongoto-badge.ok{border-color:#86efac;background:#ecfdf5;color:#065f46;}
.bongoto-badge.no{border-color:#fecaca;background:#fef2f2;color:#7f1d1d;}
.bongoto-badge.warn{border-color:#fde68a;background:#fffbeb;color:#7c2d12;}

.bongoto-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;}

/* Import wizard */
.bongoto-step{margin:16px 0;}
.bongoto-step-title{display:flex;align-items:center;gap:10px;margin:0 0 8px;}
.bongoto-step-title .num{width:26px;height:26px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;} 

.bongoto-list{margin:0;padding-left:18px;}

.bongoto-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:700px;}
@media (max-width: 900px){.bongoto-choice-grid{grid-template-columns:1fr;}}

.bongoto-choice{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;}
.bongoto-choice:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08);border-color:#cbd5e1;}

.bongoto-choice input{margin-top:2px;}
.bongoto-choice .meta{flex:1;}
.bongoto-choice .meta .title{font-weight:700;}
.bongoto-choice .meta .file{color:#6b7280;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:12px;}

.bongoto-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.bongoto-swatch{width:18px;height:18px;border-radius:6px;border:1px solid rgba(0,0,0,.08);} 

.bongoto-preset-card{position:relative;}
.bongoto-preset-card.selected{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.25);} 

.bongoto-footer{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}

/* Disabled primary button look */
.bongoto-disabled{opacity:.55;pointer-events:none;cursor:not-allowed;}


.bongoto-header-actions{margin-top:10px;display:flex;align-items:center;gap:10px;}
.bongoto-header-actions .bongoto-badge{margin:0;}


/* Choice list (Setup page) */
.bongoto-choice-list{display:flex;flex-direction:column;gap:10px;margin:10px 0 0;}
.bongoto-choice{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;cursor:pointer;}
.bongoto-choice:hover{background:#ffffff;}
.bongoto-choice input{margin-top:2px;}
.bongoto-choice-title{display:block;font-weight:600;}
.bongoto-choice-meta{display:block;color:#6b7280;font-size:12px;}


/* Quick Setup: 2-column grid */
.bongoto-grid-2{grid-template-columns:1fr 1fr;}
@media (max-width: 1100px){.bongoto-grid-2{grid-template-columns:1fr;}}


/* Demo Import: selectors */
.bongoto-choice-row{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x mandatory;}
.bongoto-choice-row::-webkit-scrollbar{height:10px;}
.bongoto-choice-row .bongoto-choice{min-width:260px;max-width:260px;flex:0 0 auto;scroll-snap-align:start;}
.bongoto-home-card .meta{display:block;width:100%;}
.bongoto-preview{display:block;width:100%;height:130px;border-radius:10px;background:#f3f4f6;overflow:hidden;margin-bottom:10px;}
.bongoto-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.bongoto-preview--empty{display:flex;align-items:center;justify-content:center;color:#9ca3af;}
.bongoto-home-card .title{display:block;font-weight:700;margin-top:2px;}
.bongoto-home-card .file{display:block;color:#6b7280;font-size:12px;margin-top:2px;word-break:break-all;}

/* Demo Import: home picker (2-column cards with larger previews) */
.bongoto-home-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;overflow:visible;padding:0;margin-top:8px;}
@media (max-width: 900px){.bongoto-home-row{grid-template-columns:1fr;}}
.bongoto-home-row .bongoto-choice{min-width:0;max-width:none;flex:initial;}
.bongoto-home-row .bongoto-preview{height:auto;aspect-ratio:4/3;min-height:240px;}