/* SIGII V13.3.2 · Temas de interfaz por usuario
   Capa visual no destructiva. La identidad corporativa y los permisos no cambian. */

:root{
  --sigii-theme-accent:#17a9c7;
  --sigii-theme-accent-2:#0b5fa5;
}

/* Selector de tema en topbar */
.top-actions{position:relative}
.sigii-theme-anchor{position:relative;display:inline-flex;align-items:center}
.sigii-theme-trigger{font-size:17px!important;font-weight:900!important;line-height:1!important}
.sigii-theme-trigger.active{outline:2px solid #2bd7ff!important;box-shadow:0 0 0 4px rgba(43,215,255,.12)!important}
.sigii-theme-panel{
  position:absolute;z-index:10020;top:calc(100% + 12px);right:-84px;width:min(355px,calc(100vw - 24px));
  padding:14px;border-radius:16px;border:1px solid rgba(103,197,232,.35);background:#071b2d;
  box-shadow:0 24px 60px rgba(0,0,0,.42);color:#eef9ff;text-align:left
}
.sigii-theme-panel::before{content:"";position:absolute;top:-7px;right:104px;width:12px;height:12px;background:#071b2d;border-left:1px solid rgba(103,197,232,.35);border-top:1px solid rgba(103,197,232,.35);transform:rotate(45deg)}
.sigii-theme-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.sigii-theme-panel-head>span{display:flex;flex-direction:column;gap:2px}.sigii-theme-panel-head b{font-size:.9rem}.sigii-theme-panel-head small,.sigii-theme-foot{font-size:.69rem;color:#9fc1d3}
.sigii-theme-options{display:flex;flex-direction:column;gap:7px}
.sigii-theme-option{width:100%;display:grid!important;grid-template-columns:70px 1fr 18px;align-items:center;gap:10px;min-height:48px;padding:8px 10px!important;border-radius:11px!important;border:1px solid rgba(124,184,210,.25)!important;background:#0b2940!important;color:#f5fbff!important;text-align:left!important;box-shadow:none!important}
.sigii-theme-option:hover{background:#0f3653!important;border-color:rgba(58,205,255,.5)!important;transform:none!important}
.sigii-theme-option.selected{border-color:#18bff0!important;background:#0a314d!important;box-shadow:inset 3px 0 0 #18bff0!important}
.sigii-theme-option>span{display:flex;flex-direction:column;gap:1px}.sigii-theme-option b{font-size:.77rem;color:inherit!important}.sigii-theme-option small{font-size:.62rem;color:#a8c7d7!important}
.sigii-theme-swatches{height:24px;border-radius:7px;overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.32);background:#000}.sigii-theme-swatches i{display:block;min-width:0}
.sigii-theme-radio{width:15px;height:15px;border-radius:50%;border:2px solid #7394a7;display:block!important;position:relative}.sigii-theme-option.selected .sigii-theme-radio{border-color:#16c7ff}.sigii-theme-option.selected .sigii-theme-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#16c7ff}
.sigii-theme-foot{display:block;margin:10px 3px 0;line-height:1.35}
.profile-appearance{margin:16px 0;padding:14px;border:1px solid var(--line,#d5e1e9);border-radius:14px;background:rgba(21,169,199,.055)}
.profile-appearance h3{margin:0 0 3px}.profile-appearance p{margin:0 0 11px}.profile-appearance .sigii-theme-options.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-appearance .sigii-theme-options.compact .sigii-theme-option{grid-template-columns:56px 1fr 16px;min-height:44px}

/* Tema base: respeta exactamente la apariencia V13.3.1. */
html[data-sigii-theme="negro-tech"]{color-scheme:dark;--sigii-theme-accent:#17a9c7;--sigii-theme-accent-2:#0b5fa5}

/* CLARO PROFESIONAL */
html[data-sigii-theme="claro-profesional"]{color-scheme:light;--sigii-theme-accent:#087fa2;--sigii-theme-accent-2:#0b5fa5}
html[data-sigii-theme="claro-profesional"] body,
html[data-sigii-theme="claro-profesional"] .app-shell{background:#eef4f8!important;color:#17344a!important}
html[data-sigii-theme="claro-profesional"] .topbar{background:#ffffff!important;border-bottom-color:#c7d8e4!important;color:#14344b!important;box-shadow:0 3px 15px rgba(17,52,75,.08)!important}
html[data-sigii-theme="claro-profesional"] .brand,
html[data-sigii-theme="claro-profesional"] .profile,
html[data-sigii-theme="claro-profesional"] .top-actions .icon-btn{color:#17344a!important}
html[data-sigii-theme="claro-profesional"] .brand small,
html[data-sigii-theme="claro-profesional"] .profile small{color:#648094!important}
html[data-sigii-theme="claro-profesional"] .global-search{background:#f3f7fa!important;border-color:#c7d8e4!important;color:#31556d!important}
html[data-sigii-theme="claro-profesional"] .global-search input{color:#17344a!important;background:transparent!important}
html[data-sigii-theme="claro-profesional"] .sidebar{background:#e5eef4!important;border-right-color:#c2d4e0!important;color:#15364d!important}
html[data-sigii-theme="claro-profesional"] .sidebar-title{color:#087fa2!important}
html[data-sigii-theme="claro-profesional"] .sidebar-module-group{background:#f9fcfe!important;border-color:#c6d8e3!important}
html[data-sigii-theme="claro-profesional"] .sidebar-module-group summary,
html[data-sigii-theme="claro-profesional"] .sidebar-module-group summary b{color:#17364d!important}
html[data-sigii-theme="claro-profesional"] .sidebar-module-group summary small{color:#647f91!important}
html[data-sigii-theme="claro-profesional"] .sidebar-module-items button>span:nth-child(2){color:#24495f!important}
html[data-sigii-theme="claro-profesional"] .sidebar-callout,
html[data-sigii-theme="claro-profesional"] .sidebar-user{background:#f8fbfd!important;border-color:#c6d8e3!important;color:#17364d!important}
html[data-sigii-theme="claro-profesional"] .content{background:#eef4f8!important;color:#17344a!important}
html[data-sigii-theme="claro-profesional"] .page-head h1{color:#102f46!important}
html[data-sigii-theme="claro-profesional"] .page-head>div>p:not(.eyebrow){color:#587287!important}
html[data-sigii-theme="claro-profesional"] .panel{background:#ffffff!important;border-color:#c9d9e3!important;color:#17344a!important}
html[data-sigii-theme="claro-profesional"] .my-role-card{background:linear-gradient(160deg,#ffffff,#eef7fb)!important;color:#17344a!important}
html[data-sigii-theme="claro-profesional"] .my-role-card h2{color:#102f46!important}
html[data-sigii-theme="claro-profesional"] .my-role-card small{color:#637e90!important}
html[data-sigii-theme="claro-profesional"] .sigii-theme-panel{background:#ffffff;color:#17344a;border-color:#bfd4e1;box-shadow:0 24px 60px rgba(17,52,75,.20)}
html[data-sigii-theme="claro-profesional"] .sigii-theme-panel::before{background:#fff;border-color:#bfd4e1}
html[data-sigii-theme="claro-profesional"] .sigii-theme-panel-head small,
html[data-sigii-theme="claro-profesional"] .sigii-theme-foot{color:#668196}
html[data-sigii-theme="claro-profesional"] .sigii-theme-option{background:#f7fafc!important;color:#17344a!important;border-color:#d2e0e8!important}
html[data-sigii-theme="claro-profesional"] .sigii-theme-option:hover{background:#eef6fa!important}
html[data-sigii-theme="claro-profesional"] .sigii-theme-option.selected{background:#e7f5fb!important;border-color:#18a9d0!important}
html[data-sigii-theme="claro-profesional"] .sigii-theme-option small{color:#617c8e!important}

/* AZUL INSTITUCIONAL */
html[data-sigii-theme="azul-institucional"]{color-scheme:dark;--sigii-theme-accent:#33c8ff;--sigii-theme-accent-2:#1688cf}
html[data-sigii-theme="azul-institucional"] body,
html[data-sigii-theme="azul-institucional"] .app-shell{background:#082d4d!important;color:#f3fbff!important}
html[data-sigii-theme="azul-institucional"] .topbar{background:#0a3a63!important;border-bottom-color:#1b6d9d!important}
html[data-sigii-theme="azul-institucional"] .sidebar{background:#0b365a!important;border-right-color:#1b618b!important}
html[data-sigii-theme="azul-institucional"] .content{background:linear-gradient(135deg,#0c3d66 0%,#082f50 100%)!important}
html[data-sigii-theme="azul-institucional"] .sidebar-module-group{background:#0d456f!important;border-color:#246e98!important}
html[data-sigii-theme="azul-institucional"] .sidebar-callout,
html[data-sigii-theme="azul-institucional"] .sidebar-user{background:#0c4169!important;border-color:#256f9a!important}
html[data-sigii-theme="azul-institucional"] .page-head h1,
html[data-sigii-theme="azul-institucional"] .page-head p{color:#f2f9fd!important}
html[data-sigii-theme="azul-institucional"] .home-hub{background:linear-gradient(135deg,#e8f5fc,#dcecf5)!important}

/* GRIS TÉCNICO */
html[data-sigii-theme="gris-tecnico"]{color-scheme:dark;--sigii-theme-accent:#a9c1cf;--sigii-theme-accent-2:#5f7887}
html[data-sigii-theme="gris-tecnico"] body,
html[data-sigii-theme="gris-tecnico"] .app-shell{background:#26313a!important;color:#eef3f6!important}
html[data-sigii-theme="gris-tecnico"] .topbar{background:#202932!important;border-bottom-color:#4a5965!important}
html[data-sigii-theme="gris-tecnico"] .sidebar{background:#2e3942!important;border-right-color:#52616c!important}
html[data-sigii-theme="gris-tecnico"] .content{background:#343f49!important}
html[data-sigii-theme="gris-tecnico"] .sidebar-module-group{background:#38454f!important;border-color:#596b78!important}
html[data-sigii-theme="gris-tecnico"] .sidebar-module-group summary .center-icon{background:#435967!important;color:#c9e0ec!important;border-color:#718996!important}
html[data-sigii-theme="gris-tecnico"] .sidebar-callout,
html[data-sigii-theme="gris-tecnico"] .sidebar-user{background:#35434e!important;border-color:#596c79!important}
html[data-sigii-theme="gris-tecnico"] .page-head h1,
html[data-sigii-theme="gris-tecnico"] .page-head p{color:#f0f4f6!important}
html[data-sigii-theme="gris-tecnico"] .home-hub{background:linear-gradient(135deg,#edf1f3,#dfe6ea)!important}

/* ALTO CONTRASTE */
html[data-sigii-theme="alto-contraste"]{color-scheme:dark;--sigii-theme-accent:#ffd400;--sigii-theme-accent-2:#00c8ff}
html[data-sigii-theme="alto-contraste"] body,
html[data-sigii-theme="alto-contraste"] .app-shell,
html[data-sigii-theme="alto-contraste"] .content{background:#000!important;color:#fff!important}
html[data-sigii-theme="alto-contraste"] .topbar,
html[data-sigii-theme="alto-contraste"] .sidebar{background:#000!important;border-color:#ffd400!important;color:#fff!important}
html[data-sigii-theme="alto-contraste"] .brand,
html[data-sigii-theme="alto-contraste"] .profile,
html[data-sigii-theme="alto-contraste"] .top-actions .icon-btn,
html[data-sigii-theme="alto-contraste"] .page-head h1,
html[data-sigii-theme="alto-contraste"] .page-head p{color:#fff!important}
html[data-sigii-theme="alto-contraste"] .eyebrow,
html[data-sigii-theme="alto-contraste"] .sidebar-title{color:#ffd400!important}
html[data-sigii-theme="alto-contraste"] .sidebar-module-group,
html[data-sigii-theme="alto-contraste"] .sidebar-callout,
html[data-sigii-theme="alto-contraste"] .sidebar-user,
html[data-sigii-theme="alto-contraste"] .panel,
html[data-sigii-theme="alto-contraste"] .my-role-card{background:#090909!important;border:1px solid #ffd400!important;color:#fff!important}
html[data-sigii-theme="alto-contraste"] .sidebar-module-group summary,
html[data-sigii-theme="alto-contraste"] .sidebar-module-group summary b,
html[data-sigii-theme="alto-contraste"] .sidebar-module-group summary small,
html[data-sigii-theme="alto-contraste"] .sidebar-module-items button>span:nth-child(2),
html[data-sigii-theme="alto-contraste"] .my-role-card h2,
html[data-sigii-theme="alto-contraste"] .my-role-card small{color:#fff!important}
html[data-sigii-theme="alto-contraste"] button.primary{background:#ffd400!important;color:#000!important;border-color:#ffd400!important}
html[data-sigii-theme="alto-contraste"] button.secondary{background:#000!important;color:#fff!important;border-color:#00c8ff!important}
html[data-sigii-theme="alto-contraste"] .sigii-theme-panel{background:#000!important;border:2px solid #ffd400!important;color:#fff!important}
html[data-sigii-theme="alto-contraste"] .sigii-theme-panel::before{background:#000;border-color:#ffd400}
html[data-sigii-theme="alto-contraste"] .sigii-theme-option{background:#000!important;color:#fff!important;border-color:#fff!important}
html[data-sigii-theme="alto-contraste"] .sigii-theme-option.selected{border-color:#ffd400!important;box-shadow:inset 4px 0 0 #ffd400!important}
html[data-sigii-theme="alto-contraste"] .sigii-theme-option small,
html[data-sigii-theme="alto-contraste"] .sigii-theme-panel-head small,
html[data-sigii-theme="alto-contraste"] .sigii-theme-foot{color:#fff!important}

@media(max-width:950px){
  .sigii-theme-panel{position:fixed;top:72px;right:12px;left:auto;width:min(355px,calc(100vw - 24px))}
  .sigii-theme-panel::before{display:none}
}
@media(max-width:620px){
  .profile-appearance .sigii-theme-options.compact{grid-template-columns:1fr}
  .sigii-theme-panel{top:62px;max-height:calc(100dvh - 74px);overflow:auto}
}