/* Meu XML — alertas fiscais e status das integrações. */

.fiscal-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}
.fiscal-page-heading h2{margin:var(--sp-1) 0;font-size:var(--fs-3xl)}
.fiscal-page-heading p{margin:0}

/* Indicadores */
.fiscal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}
.fiscal-summary article{position:relative;display:flex;align-items:center;gap:var(--sp-3);min-width:0;padding:var(--sp-4) var(--sp-5);overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.fiscal-summary b{display:grid;place-items:center;min-width:44px;height:44px;padding:0 var(--sp-2);border-radius:var(--r-md);background:var(--surface-3);font-size:var(--fs-xl)}
.fiscal-summary span{font-size:var(--fs-md);font-weight:600;line-height:1.35}
.integration-summary article:nth-child(1) b{background:var(--green-bg);color:var(--green)}
.integration-summary article:nth-child(2) b{background:var(--amber-bg);color:var(--amber)}
.integration-summary article:nth-child(3) b{background:var(--red-bg);color:var(--red)}

.fiscal-summary-complete{grid-template-columns:repeat(4,minmax(0,1fr))}
.fiscal-summary-complete article{display:block;padding-left:var(--sp-6)}
.fiscal-summary-complete article::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--subtle)}
.fiscal-summary-complete article.danger::before{background:var(--red)}
.fiscal-summary-complete article.warning::before{background:var(--amber)}
.fiscal-summary-complete article.success::before{background:var(--green)}
.fiscal-summary-complete span{display:block;color:var(--muted);font-weight:500}
.fiscal-summary-complete b{display:block;height:auto;margin:var(--sp-1) 0 2px;padding:0;background:none;font-size:var(--fs-3xl);line-height:1.15;text-align:left}
.fiscal-summary-complete small{color:var(--muted)}

/* Seções e tabelas em grade */
.fiscal-section{margin-top:var(--sp-6)}
.fiscal-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-3)}
.fiscal-section-title h3{margin:0;font-size:var(--fs-xl)}
.fiscal-section-title p{margin:2px 0 0;color:var(--muted);font-size:var(--fs-sm)}
.fiscal-filters{display:flex;gap:var(--sp-2)}
.fiscal-filters select{width:auto;min-width:150px;min-height:40px;font-size:var(--fs-md)}
.fiscal-card{overflow:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.fiscal-map-head,.fiscal-map-row{display:grid;grid-template-columns:1.7fr .4fr 1fr 1fr 1fr .9fr;align-items:center;min-width:900px}
.fiscal-table-head,.fiscal-table-row{display:grid;grid-template-columns:1.5fr 1.2fr .8fr 1fr;align-items:center;min-width:640px}
.fiscal-registry .fiscal-table-head,.fiscal-registry .fiscal-table-row{grid-template-columns:1.5fr 1.1fr .4fr .8fr}
.fiscal-map-head,.fiscal-table-head{background:var(--surface-2);color:var(--muted);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.fiscal-map-head div,.fiscal-map-row>div,.fiscal-table-head div,.fiscal-table-row>div{min-width:0;padding:12px var(--sp-4)}
.fiscal-map-row,.fiscal-table-row{border-top:1px solid var(--line);font-size:var(--fs-md)}
.fiscal-company b,.fiscal-company small,.fiscal-table-row b,.fiscal-table-row small{display:block}
.fiscal-company small,.fiscal-table-row small{margin-top:2px;color:var(--muted)}
.fiscal-table-row>div:first-child b{overflow-wrap:anywhere}
.fiscal-state{color:var(--muted);font-weight:700}
.fiscal-empty{padding:var(--sp-5);color:var(--muted);font-size:var(--fs-md);text-align:center}
.mapping-pill{min-height:0;padding:0;background:none;color:var(--text);font-size:var(--fs-md);font-weight:500}
.mapping-pill.ok,.mapping-pill.pending{background:none;color:var(--text)}
.mapping-pill i{width:8px;height:8px;background:var(--subtle)}
.mapping-pill.ok i{background:var(--green);box-shadow:0 0 0 3px var(--green-bg)}
.mapping-pill.pending i{background:var(--amber);box-shadow:0 0 0 3px var(--amber-bg)}
.fiscal-two-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6);margin-top:var(--sp-6)}
.fiscal-two-columns>section{min-width:0}
.fiscal-note{display:flex;align-items:flex-start;gap:var(--sp-3);margin-top:var(--sp-6);padding:var(--sp-4);border:1px solid var(--blue-line);border-radius:var(--r-lg);background:var(--blue-bg);color:var(--blue);font-size:var(--fs-md)}
.fiscal-note b{display:block;margin-bottom:2px}

/* Status das integrações */
.integration-help-link{display:block;margin-top:var(--sp-2);padding:2px 0;color:var(--text);font-size:var(--fs-sm);text-align:left;text-decoration:underline;text-underline-offset:3px}
#integrationHelpDialog{width:min(660px,calc(100vw - 32px));max-height:var(--dialog-max-h);overflow:auto}
.integration-help-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-5);padding:var(--sp-6);border-bottom:1px solid var(--line)}
.integration-help-header h2{margin:0 0 var(--sp-2);font-size:var(--fs-2xl)}
.integration-help-header p{margin:0;font-size:var(--fs-md);overflow-wrap:anywhere}
#integrationHelpContent{padding:var(--sp-6);font-size:var(--fs-base);line-height:1.6}
#integrationHelpContent h3{margin:var(--sp-4) 0 var(--sp-3);font-size:var(--fs-xl)}
#integrationHelpContent h4{margin:0 0 var(--sp-2);font-size:var(--fs-base)}
#integrationHelpContent p{overflow-wrap:anywhere}
#integrationHelpContent section{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line)}
#integrationHelpContent details{margin-top:var(--sp-6);font-size:var(--fs-md)}
#integrationHelpContent summary{font-weight:600;cursor:pointer}
#integrationHelpContent dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);padding-top:var(--sp-2)}
#integrationHelpContent dd{margin:0;overflow-wrap:anywhere}
.integration-help-origin{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:700}
.integration-help-evidence{color:var(--muted);font-size:var(--fs-sm)}
.integration-help-footer{display:flex;justify-content:flex-end;padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--line)}
.integration-help-footer button{min-height:var(--control-h);padding:10px 18px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);font-weight:600}
.integration-help-footer button:hover{background:var(--surface-2)}

/* Celular: versão compacta gerada por mobile-alerts.js */
#mobileAlertsCompact{display:none}

@media (max-width:1180px){.fiscal-summary-complete{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){
  .fiscal-page-heading{align-items:center;margin-bottom:var(--sp-4)}
  .fiscal-page-heading h2{font-size:var(--fs-2xl)}
  .fiscal-page-heading p{display:none}
  #fiscalExportButton{width:var(--control-h);padding:0}
  #fiscalExportButton span{display:none}
  .fiscal-summary{grid-template-columns:1fr;gap:var(--sp-2)}
  .fiscal-section-title{flex-direction:column;align-items:stretch}
  .fiscal-filters select{flex:1;min-width:0}

  #page-alerts.ma-ready>*{display:none}
  #page-alerts.ma-ready>#mobileAlertsCompact{display:block}
  .ma-heading,.ma-list-title{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin:0 0 var(--sp-3)}
  #mobileAlertsCompact h2{margin:0;font-size:var(--fs-2xl)}
  #mobileAlertsCompact h3{margin:0;font-size:var(--fs-lg)}
  #mobileAlertsCompact h4{margin:var(--sp-3) 0 var(--sp-1);font-size:var(--fs-md)}
  #mobileAlertsCompact svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  #mobileAlertsCompact button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--control-h);padding:0 var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);font-weight:600}
  .ma-export{width:var(--control-h)}
  .ma-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin-bottom:var(--sp-4)}
  .ma-stats article{display:grid;grid-template-columns:1fr auto;gap:2px;min-width:0;padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
  .ma-stats span{align-self:center;font-size:var(--fs-sm)}
  .ma-stats b{font-size:var(--fs-2xl);line-height:1.2}
  .ma-stats small{grid-column:1/-1;color:var(--muted);font-size:var(--fs-xs)}
  .ma-stats .error b{color:var(--red)}
  .ma-stats .wait b{color:var(--amber)}
  .ma-stats .ok b{color:var(--green)}
  .ma-tools{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}
  .ma-tools input{flex:1;width:0}
  .ma-filter.filtered{border-color:var(--accent);color:var(--accent-text)}
  #maFilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);margin-bottom:var(--sp-4);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
  #maFilters label{font-size:var(--fs-sm)}
  #mobileAlertsCompact #maFilters .ma-apply{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}
  .ma-count{color:var(--muted);font-size:var(--fs-sm)}
  .ma-company{margin-bottom:var(--sp-3);padding:var(--sp-3) var(--sp-4);overflow-wrap:anywhere;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
  .ma-company>p{margin:2px 0 var(--sp-3);color:var(--muted);font-size:var(--fs-xs)}
  .ma-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:36px;padding:6px 0;border-top:1px solid var(--line);font-size:var(--fs-sm)}
  .ma-row>span:first-child{color:var(--muted)}
  .ma-row strong{max-width:70%;font-weight:500;text-align:right}
  .ma-status{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;text-align:right}
  .ma-status i{flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
  .ma-status.ok{color:var(--green)}
  .ma-status.error{color:var(--red)}
  .ma-status.wait{color:var(--amber)}
  .ma-status.pending{color:var(--muted)}
  .ma-company details{display:flex;flex-direction:column}
  .ma-company summary{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--control-h);border-top:1px solid var(--line);font-size:var(--fs-sm);font-weight:600;list-style:none;cursor:pointer}
  .ma-company summary::-webkit-details-marker{display:none}
  .ma-hide,details[open] .ma-show{display:none}
  details[open] .ma-hide{display:inline}
  details[open] .ma-chevron{transform:rotate(180deg)}
  .ma-details{padding-bottom:var(--sp-2)}
  .ma-a1,.ma-empty{margin:0 0 var(--sp-3);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);color:var(--muted);font-size:var(--fs-sm)}
  .ma-a1{background:var(--surface)}
}

/* Celular: sincronizações e integrações em cartões */
@media (max-width:720px){
  #page-synchronizations .table-wrap,#page-integrations .table-wrap{overflow:visible}
  #page-synchronizations table,#page-integrations table{display:block;min-width:0}
  #page-synchronizations thead,#page-integrations thead{display:none}
  #syncBody,#integrationStatusBody{display:grid;gap:var(--sp-3);padding:0 var(--sp-4) var(--sp-4)}
  #page-integrations #integrationStatusBody{padding-top:var(--sp-4)}
  #syncBody tr,#integrationStatusBody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
  #syncBody td,#integrationStatusBody td{display:block;min-width:0;padding:0;border:0;background:transparent;font-size:var(--fs-sm);overflow-wrap:anywhere}
  #syncBody tr:hover>td,#integrationStatusBody tr:hover>td{background:transparent}
  #syncBody td::before,#integrationStatusBody td::before{display:block;margin-bottom:2px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
  #syncBody td:nth-child(2)::before{content:"Autoridade"}
  #syncBody td:nth-child(3)::before{content:"Último NSU"}
  #syncBody td:nth-child(4)::before,#integrationStatusBody td:nth-child(4)::before{content:"Último sucesso"}
  #syncBody td:nth-child(5)::before,#integrationStatusBody td:nth-child(5)::before{content:"Próxima execução"}
  #integrationStatusBody td:nth-child(1){grid-column:1/-1;font-size:var(--fs-base)}
  #integrationStatusBody td:nth-child(2)::before{content:"Documento"}
  #integrationStatusBody td:nth-child(3)::before{content:"Autoridade"}
  #syncBody td:nth-child(6),#integrationStatusBody td:nth-child(6){grid-column:1/-1;padding-top:var(--sp-3);border-top:1px solid var(--line)}
  #syncBody td:nth-child(1){align-self:center}
  #syncBody td[colspan],#integrationStatusBody td[colspan]{grid-column:1/-1}
  #syncBody td[colspan]::before,#integrationStatusBody td[colspan]::before{content:none}
}
