/* Pestanyes verticals de Personalitzar programa */
.perso-layout{display:flex;gap:20px;align-items:flex-start}
.perso-tabs{display:flex;flex-direction:column;gap:8px;min-width:160px;position:sticky;top:12px}
.perso-tabs button{font-size:16px;font-weight:600;padding:10px 16px;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;background:var(--bg-secondary,#f8f9fa);cursor:pointer;text-align:left;color:var(--text-dark,#222)}
.perso-tabs button.active{background:var(--primary,#7c5cbf);color:#fff;border-color:var(--primary,#7c5cbf)}
.perso-panes{flex:1;min-width:0}
.perso-panes [data-ppane]{display:none}
.perso-panes [data-ppane].active{display:block}
.ac-symbol{font-family:'Astronomicon',sans-serif;font-size:30px;text-align:center}
.ac-picker{width:52px;height:34px;padding:2px;cursor:pointer;vertical-align:middle}
.ac-preset{width:22px;height:22px;border-radius:50%;border:2px solid #999;cursor:pointer;vertical-align:middle;margin-left:6px}
#col-alert{font-weight:600;min-height:1.5em}
#col-alert.ok{color:#2e7d32}
#col-alert.err{color:#b00020}
@media (max-width:700px){
.perso-layout{flex-direction:column}
.perso-tabs{flex-direction:row;position:static;min-width:0}
.perso-tabs button{flex:1;text-align:center}
}