/* WEB 10 - Exatamente a ordem aprovada; CSS exclusivo da pagina Configuracoes. */
#content .web10-settings.w10-arranged {
 display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));
 gap:16px!important;align-items:stretch;
}
#content .web10-settings.w10-arranged>h1,
#content .web10-settings.w10-arranged>p {grid-column:1/-1;min-width:0}
#content .web10-settings.w10-arranged>h1 {margin:0!important}
#content .web10-settings.w10-arranged>p {margin:-9px 0 2px!important}
#content .web10-settings.w10-arranged>section.panel {
 margin:0!important;min-width:0;padding:18px!important;
 border-radius:14px;box-sizing:border-box;
}
#content #web10ProfilePanel {grid-column:span 5}
#content #web10ReportsPanel {grid-column:span 7}
#content #web10ReferralPanel,
#content #web10CurrencyPanel,
#content #web10LanguagePanel,
#content #web10FavoritesPanel,
#content #web10CalendarPanel,
#content #web10ProblemPanel {grid-column:span 4}
#content #web10NotificationsPanel,
#content #web10AppearancePanel {grid-column:span 6}
#content #web10ProfilePanel,#content #web10ReportsPanel {min-height:226px}
#content .w10-feature-panel {min-height:145px}
#content #web10NotificationsPanel,#content #web10AppearancePanel {min-height:228px}
#content .w10-section-head {display:flex;gap:11px;align-items:flex-start;margin-bottom:13px}
#content .w10-section-head>div {min-width:0}
#content .w10-section-head h2 {margin:0!important;font-size:17px!important;line-height:1.35;color:#13284b}
#content .w10-section-head .panel-sub {margin:3px 0 0!important;font-size:13px!important;line-height:1.4;color:#577195!important;font-weight:500!important}
#content .w10-head-icon {flex:0 0 26px;margin-top:1px}
#content .w10-icon {display:block;width:24px;height:24px}
#content .w10-report-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#content .w10-report-tile {border:1px solid #d8e5f2;border-radius:9px;padding:11px 5px;min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;background:#f9fbfe;min-width:0}
#content .w10-feature-icon .w10-icon {width:31px;height:31px}
#content .w10-report-tile strong {font-size:12px;color:#13284b;line-height:1.3}
#content .w10-report-tile small {font-size:11px;color:#577195;line-height:1.3}
#content .w10-action,#content .w10-rating {display:flex;align-items:center;gap:13px;border:1px solid #d8e5f2;border-radius:10px;padding:11px;background:#fff;min-width:0}
#content .w10-action>div,#content .w10-rating>div {flex:1;min-width:0;display:grid;gap:4px}
#content .w10-action strong,#content .w10-rating strong {font-size:13px;color:#13284b}
#content .w10-action small,#content .w10-rating small {font-size:11px;color:#577195;line-height:1.3}
#content .w10-action-icon {color:#0db080;background:#f0f9f5;border-radius:50%;padding:9px;flex:0 0 23px}
#content #web10ReferralPanel .w10-action-icon {color:#ff4569;background:#fff4f5}
#content #web10FavoritesPanel .w10-action-icon {color:#ff4569;background:#fff4f5}
#content #web10ProblemPanel .w10-action-icon {color:#295af2;background:#eff4ff}
#content .w10-arrow {color:#3d649b;flex:0 0 15px}
#content .w10-arrow .w10-icon {width:15px;height:15px}
#content .w10-readonly-choice {display:flex;justify-content:space-between;align-items:center;border:1px solid #d8e5f2;border-radius:9px;background:#f9fbfe;padding:14px 13px;color:#13284b;font-size:14px;font-weight:500}
#content .w10-readonly-choice>span {font-size:20px;line-height:12px}
/* Os elementos originais continuam ligados as APIs existentes. */
#content #web10ProfilePanel .web10-profile-row {display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:13px}
#content #web10ProfilePanel .web10-profile-photo {width:72px;height:72px;flex-basis:72px}
#content #web10ProfilePanel .web10-profile-row>div:not(.web10-profile-photo):not(.web10-photo-actions) {flex:1;min-width:110px}
#content #web10ProfilePanel .web10-photo-actions {width:100%;display:flex;gap:9px;align-items:center;justify-content:flex-start;margin-left:84px}
#content #web10ProfilePanel .web10-photo-actions button {padding:9px 13px;white-space:nowrap}
#content #web10ProfilePanel #web10PhotoStatus {flex-basis:100%;margin:0}
#content #web10CurrencyValue {margin-top:15px;padding:13px;font-size:14px;min-height:20px}
/* Seis paletas em grade 3 x 2, no painel inferior direito. */
#content #web10PaletteOptions {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:12px!important}
#content .web10-palette {display:grid!important;grid-template-columns:26px 1fr;align-content:center;column-gap:5px;row-gap:2px;min-height:45px;box-sizing:border-box;padding:7px 7px!important}
#content .web10-palette::before {content:"";grid-column:1;grid-row:1/span 2;width:24px;height:24px;border-radius:50%;align-self:center;background:#288cf3}
#content .web10-palette:nth-child(2)::before {background:#2999ba}
#content .web10-palette:nth-child(3)::before {background:#f5ba4e}
#content .web10-palette:nth-child(4)::before {background:#b179f3}
#content .web10-palette:nth-child(5)::before {background:#f27da8}
#content .web10-palette:nth-child(6)::before {background:#f67d59}
#content .web10-palette strong {grid-column:2;font-size:11px!important;white-space:nowrap}
#content .web10-palette small {grid-column:2;font-size:10px!important;line-height:1.2!important}
#content .web10-palette:first-child {border-color:#00ac83;background:#f0fcf7}
#content .w10-rating {margin-top:8px;padding:8px 11px}
#content .w10-rating-icon {color:#e5ad19;flex:0 0 24px}
/* Oito notificacoes em duas colunas, mantendo switches e salvamento atuais. */
#content #web10NotificationsList {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;margin-top:12px!important}
#content .web10-notification-item {min-height:32px;box-sizing:border-box;padding:7px 9px!important;gap:6px!important}
#content .web10-notification-item strong {font-size:11px!important;line-height:1.3}
#content .web10-notification-toggle {width:35px;height:20px}
#content .web10-notification-toggle::before {width:14px;height:14px}
#content .web10-notification-toggle:checked::before {transform:translateX(15px)}
#content #web10NotificationsSave {margin-top:11px;padding:8px 12px;font-size:12px}
#content #web10NotificationsStatus {font-size:12px;margin:5px 0 0}
@media(max-width:1150px){
 #content .web10-settings.w10-arranged {grid-template-columns:repeat(2,minmax(0,1fr))}
 #content .web10-settings.w10-arranged>section.panel {grid-column:span 1!important}
 #content .web10-settings.w10-arranged>h1,#content .web10-settings.w10-arranged>p {grid-column:1/-1}
 #content #web10ReportsPanel,#content #web10NotificationsPanel,#content #web10AppearancePanel {grid-column:1/-1!important}
}
@media(max-width:680px){
 #content .web10-settings.w10-arranged {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 #content .web10-settings.w10-arranged>section.panel {grid-column:1/-1!important;padding:14px!important;min-height:0!important}
 #content .w10-report-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 #content #web10NotificationsList {grid-template-columns:minmax(0,1fr)!important}
 #content #web10PaletteOptions {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #content #web10ProfilePanel .web10-photo-actions {margin-left:0;flex-wrap:wrap}
}