#ap773-theme-modal-overlay {
	display:none;position:fixed;inset:0;z-index:99999;
	background:rgba(15,17,23,.72);align-items:center;justify-content:center;padding:20px;
}
#ap773-theme-modal-overlay.is-open { display:flex; }
#ap773-theme-modal {
	background:#fff;border-radius:16px;width:100%;max-width:520px;
	box-shadow:0 24px 64px rgba(0,0,0,.22);overflow:hidden;
	animation:ap773-modal-in .18s ease;
}
@keyframes ap773-modal-in {
	from{opacity:0;transform:scale(.96) translateY(8px);}
	to{opacity:1;transform:scale(1) translateY(0);}
}
#ap773-modal-preview-bar { height:120px;display:flex; }
#ap773-modal-preview-sidebar { width:28%;display:flex;flex-direction:column;gap:5px;padding:14px 10px; }
#ap773-modal-preview-sidebar .line { height:4px;border-radius:3px;background:rgba(255,255,255,.25); }
#ap773-modal-preview-sidebar .line.active { background:rgba(255,255,255,.9);width:70%; }
#ap773-modal-preview-content { flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:6px; }
#ap773-modal-preview-content .block { height:6px;border-radius:3px;background:rgba(0,0,0,.1); }
#ap773-modal-body { padding:20px 24px 24px; }
#ap773-modal-name { font-size:18px;font-weight:700;color:#0f172a;margin-bottom:6px; }
#ap773-modal-desc { font-size:13px;color:#64748b;line-height:1.6;margin-bottom:16px; }
#ap773-modal-features { list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:6px; }
#ap773-modal-features li { display:flex;align-items:center;gap:8px;font-size:13px;color:#334155; }
#ap773-modal-features li::before { content:'';width:6px;height:6px;border-radius:50%;background:#6366f1;flex-shrink:0; }
#ap773-modal-actions { display:flex;gap:10px; }
#ap773-modal-apply { flex:1;padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s; }
#ap773-modal-apply:hover { background:#4f46e5; }
#ap773-modal-apply.is-reset { background:#dc2626; }
#ap773-modal-apply.is-reset:hover { background:#b91c1c; }
#ap773-modal-cancel { padding:10px 20px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit; }
#ap773-modal-cancel:hover { background:#e2e8f0; }
.ap773-preset-card { display:flex;flex-direction:column;gap:10px;padding:14px;background:#fff;border:1.5px solid #e8edf3;border-radius:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s;font-family:inherit;text-align:left;width:100%; }
.ap773-preset-card:hover { border-color:#6366f1;box-shadow:0 4px 18px rgba(99,102,241,.12);transform:translateY(-2px); }
.ap773-preset-card.is-reset:hover { border-color:#dc2626; }


/* Panelra template grid forced 4 columns desktop */
@media (min-width: 1200px){
.panelra-template-grid,
.panelra-dashboard-templates-grid,
.panelra-templates-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
}

.panelra-template-card,
.panelra-dashboard-template-card,
.panelra-template-item{
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
}
}
