/* Área de cliente · ajustes de portal-cliente.js */

/* ---------- Filtro de ejercicio (dentro de Contabilidad y sus subapartados) ---------- */
.pc-cabecera{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.client-fiscal-overlay .pc-anio{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border:1px solid #dfe4ee;border-radius:12px;background:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7488}
.client-fiscal-overlay .pc-anio select{height:32px;padding:0 30px 0 12px;border:0;border-radius:9px;background:#f1f4fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230A1A3F' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;-webkit-appearance:none;appearance:none;font-family:inherit;font-weight:700;font-size:14px;color:#0A1A3F;cursor:pointer}
.client-fiscal-overlay .client-fiscal-tabs{display:flex!important;flex-wrap:nowrap!important}
.client-fiscal-overlay .client-fiscal-tabs>button{flex:1 1 auto!important;min-width:0;padding-left:8px!important;padding-right:8px!important;white-space:nowrap}

/* Contabilidad: cuatro carpetas (emitidas, recibidas, bancos, laboral) */
@media(min-width:761px){.client-fiscal-overlay .pc-conta-carpetas{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.pc-cuenta{display:inline-block;vertical-align:1px;margin-left:8px;min-width:24px;height:24px;padding:0 8px;border-radius:12px;background:#eef1ff;color:#2F4BD6;font-weight:700;font-size:12px;line-height:24px;font-family:inherit;font-style:normal;text-align:center}
.pc-cuenta:empty{display:none}

/* ---------- Documentación: migas, acciones y carpetas ---------- */
.pc-migas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 16px;font-size:13px;color:#8a93a6}
.pc-migas button{border:0;background:none;padding:4px 6px;border-radius:7px;color:#2F4BD6;font-weight:600;font-size:13px;line-height:1.2;font-family:inherit;cursor:pointer}
.pc-migas button:last-child{color:#0A1A3F;cursor:default}
.pc-migas button:not(:last-child):hover{background:#eef1ff}
.pc-acciones{display:flex;flex-wrap:wrap;gap:8px}
.pc-btn{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid #dfe4ee;border-radius:11px;background:#fff;color:#0A1A3F;font-weight:600;font-size:13.5px;line-height:1;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.pc-btn svg{width:16px;height:16px}
.pc-btn:hover{border-color:#0A1A3F}
.pc-btn-oscuro{background:#0A1A3F;border-color:#0A1A3F;color:#fff}
.pc-btn-oscuro:hover{background:#13275C}
.pc-btn:disabled{opacity:.6;cursor:progress}
.pc-form{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:12px;border:1px dashed #b9c3d8;border-radius:14px;background:#f7f9fd}
.pc-form input{flex:1 1 240px;height:38px;padding:0 12px;border:1px solid #dfe4ee;border-radius:10px;font-size:15px;line-height:1;font-family:inherit;color:#0A1A3F}
.pc-form input:focus{outline:none;border-color:#2F4BD6;box-shadow:0 0 0 3px rgba(47,75,214,.15)}
.pc-msg{margin:0 0 14px;padding:9px 12px;border-radius:10px;background:#eef1ff;color:#2F4BD6;font-size:13.5px;font-weight:600}
.pc-msg.error{background:#fdeceb;color:#b42318}
.pc-carpetas{margin-bottom:16px}
.pc-carpetas button>span svg{width:20px;height:20px}
.pc-cargando{padding:30px 0;color:#8a93a6;text-align:center}

/* ---------- Inicio: tarjeta «Análisis financiero» ---------- */
.cd2 .pc-analisis-acc .cd2-ic{background:#EEF1FF;color:#2F4BD6}
.cd2 .pc-analisis-acc .cd2-ic svg{width:22px;height:22px}
.pc-pronto{margin-left:auto;padding:4px 10px;border-radius:999px;background:#FFF4E5;color:#B7791F;font-weight:700;font-size:11.5px;line-height:1.3;font-family:inherit;font-style:normal;letter-spacing:.02em;white-space:nowrap}
.pc-analisis{text-align:center}
.pc-analisis-ic{display:grid;place-items:center;width:72px;height:72px;margin:6px auto 4px;border-radius:22px;background:#EEF1FF;color:#2F4BD6}
.pc-analisis-ic svg{width:34px;height:34px}
.pc-analisis h2{margin:10px 0 6px!important}
.pc-analisis ul{margin:14px 0 20px;padding:0;list-style:none;display:grid;gap:8px;text-align:left}
.pc-analisis li{position:relative;padding:10px 12px 10px 36px;border-radius:12px;background:#f5f7fb;color:#33415c;font-size:14px}
.pc-analisis li::before{content:"";position:absolute;left:14px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#2F4BD6}

/* ---------- Mensajes: lista de asesores ---------- */
.pc-chat .client-chat-view>header{background:radial-gradient(120% 140% at 85% -20%,#2a4bb0 0%,#13275C 45%,#0A1A3F 100%)!important;border-bottom:3px solid #c9a15a}
.pc-chat .client-chat-intro{padding:22px 22px 6px!important}
.pc-chat .client-chat-intro strong{font-size:21px!important;letter-spacing:-.01em;color:#0A1A3F}
.pc-chat .client-chat-intro span{color:#6b7488!important}
.pc-chat .pc-nota{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 12px;border-radius:12px;background:#eef1ff;color:#2F4BD6;font-size:12.5px;font-style:normal;font-weight:600}
.pc-chat .client-chat-advisors{gap:10px!important;padding:12px 18px 22px!important}
.pc-chat .client-chat-advisors button{min-height:74px;padding:12px 14px!important;border:1px solid #e4e8f0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 24px -18px rgba(10,26,63,.5);transition:transform .15s,box-shadow .15s,border-color .15s}
.pc-chat .client-chat-advisors button:hover{transform:translateY(-2px);border-color:#c9d2ea!important;box-shadow:0 16px 30px -18px rgba(10,26,63,.55)}
.pc-chat .client-chat-advisors button>span{width:48px!important;height:48px!important;border-radius:50%!important;font-weight:800!important;letter-spacing:.02em;box-shadow:0 0 0 3px #fff,0 0 0 4px #e4e8f0}
.pc-chat .client-chat-advisors button strong{font-size:16px!important;color:#0A1A3F}
.pc-chat .client-chat-advisors button small{display:inline-block;margin-top:5px;padding:3px 9px;border-radius:999px;background:#f1f4fa;color:#4a5875!important;font-size:12px!important;font-weight:600}
.pc-chat .client-chat-advisors button>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f1f4fa;color:#0A1A3F!important;font-size:18px}

@media(max-width:760px){
  .pc-cabecera{width:100%}
  .client-fiscal-overlay .pc-anio{flex:1;justify-content:space-between}
  .client-fiscal-overlay .client-fiscal-tabs{padding-right:0!important;overflow-x:auto;scrollbar-width:none}
  .client-fiscal-overlay .client-fiscal-tabs>button{flex:0 0 auto!important;padding-left:14px!important;padding-right:14px!important}
  .pc-acciones{width:100%;margin-top:4px}
  .pc-acciones .pc-btn{flex:1;justify-content:center}
  .pc-pronto{display:none}
}

/* «Información general»: botón fijo en la franja azul, junto a «Volver al inicio» */
.client-fiscal-overlay .pc-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.client-fiscal-overlay .pc-topbar .client-fiscal-back{cursor:pointer}
.client-fiscal-overlay .pc-topbar .pc-info-btn{margin-left:0!important}
.client-fiscal-overlay .pc-topbar .pc-info-btn svg{width:16px;height:16px;flex:none}
.client-fiscal-overlay .pc-topbar .pc-info-btn.active{background:rgba(255,255,255,.24)!important;border-color:rgba(255,255,255,.45)!important;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.client-fiscal-overlay .pc-topbar{margin:0 0 14px 4px}
.client-fiscal-overlay .pc-topbar .client-fiscal-back{margin:0!important}
@media(max-width:760px){
  .client-fiscal-overlay .pc-topbar{flex-wrap:nowrap;gap:8px;margin:0 0 8px}
  .client-fiscal-overlay .pc-topbar .client-fiscal-back{flex:0 1 auto;min-width:0;white-space:nowrap}
  .client-fiscal-overlay .pc-topbar .pc-info-btn.active{background:#0A1A3F!important;box-shadow:none}
  .client-fiscal-overlay .pc-topbar .pc-info-btn.active,.client-fiscal-overlay .pc-topbar .pc-info-btn.active *{color:#fff!important}
}

/* Móvil: fila «Análisis financiero» en la tarjeta de inicio */
.client-mobile-portal.c2 .c2-fila>.pc-ic-violeta{background:#F1ECFF!important;color:#6D4AE0!important}
.client-mobile-portal.c2 .c2-fila>.pc-ic-violeta svg{width:22px;height:22px}
@media(max-width:760px){.client-mobile-portal.c2 .pc-analisis-fila .pc-pronto{display:inline-block;flex:none;padding:3px 8px;font-size:10.5px}}

/* Información general en el móvil: dos datos por línea (el nombre y los campos largos, a lo ancho) */
@media(max-width:600px){
  .client-fiscal-overlay .client-fiscal-section-title:has(.client-fiscal-readonly){display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}
  .client-fiscal-overlay .client-fiscal-section-title .client-fiscal-readonly{margin:4px 0 0!important;white-space:nowrap}
  .client-fiscal-overlay .client-copy-identity,.client-fiscal-overlay .client-copy-admin,.client-fiscal-overlay .client-copy-tax-head,.client-fiscal-overlay .client-copy-fields,.client-fiscal-overlay .client-copy-signature{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .client-fiscal-overlay .client-copy-identity>.client-copy-field:first-child,.client-fiscal-overlay .client-copy-fields>.wide,.client-fiscal-overlay .client-copy-signature>.wide{grid-column:1/-1!important;grid-row:auto!important;min-height:0!important}
  .client-fiscal-overlay .client-copy-identity>.wide:not(:first-child){grid-column:auto!important}
  .client-fiscal-overlay .client-copy-field{min-height:0!important;padding:9px 12px!important}
  .client-fiscal-overlay .client-copy-field strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .client-fiscal-overlay .client-copy-identity>.client-copy-field:first-child strong{white-space:normal}
}
@media(max-width:600px){
  .client-fiscal-overlay .client-copy-models{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .client-fiscal-overlay .client-copy-models span{min-height:0!important;padding:8px 6px!important;font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .client-fiscal-overlay .client-copy-registry-tabs{display:flex!important;overflow-x:auto;scrollbar-width:none;gap:2px}
  .client-fiscal-overlay .client-copy-registry-tabs button{flex:0 0 auto!important;min-width:0!important;padding:8px 12px!important;font-size:13.5px!important}
  .client-fiscal-overlay .client-copy-registry-panels{min-height:0!important}
}
@media(max-width:600px){.client-fiscal-overlay .client-copy-models span,.client-fiscal-overlay .client-copy-models span b{font-size:11px!important;letter-spacing:-.01em}.client-fiscal-overlay .client-copy-models span{padding:8px 4px!important;text-align:center}.client-fiscal-overlay .client-copy-tax-head{margin-bottom:8px}}
@media(max-width:600px){.client-fiscal-overlay .client-copy-models span{white-space:normal!important;overflow:visible!important;line-height:1.25}}

/* Móvil: la barra inferior del área de cliente siempre visible, también en documentos y en el chat */
@media(max-width:760px){
  body.client-preview-mode.pc-barra-encima .c2-nav{z-index:2990!important}
  body.client-preview-mode.pc-barra-encima .client-fiscal-overlay{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  body.client-preview-mode.pc-barra-encima .client-chat-overlay{bottom:calc(92px + env(safe-area-inset-bottom))!important}
}
