.sb-offline-section{padding:16px;margin:16px 0;border:1px solid var(--sb-border,#d8e0ea);border-radius:var(--sb-radius-card,16px);background:var(--sb-surface,#fff);min-width:0}
.sb-offline-section h3{margin:0 0 8px;font-size:16px}
.sb-offline-section .hint{line-height:1.45}
.sb-offline-section .sb-actions{display:flex;flex-wrap:wrap;gap:8px}
#sbOfflineStatus{font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin:8px 0}
#sbOfflineStatus:empty{display:none}
.sb-offline-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--sb-border,#d8e0ea)}
.sb-offline-row>a{flex:1;text-align:left;justify-content:flex-start;min-width:120px;overflow-wrap:anywhere}
.sb-offline-row small{color:var(--sb-color-ink,#14243d)}
@media(orientation:portrait){body.sb-shell #board.sb-custom-grid{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none}}
@media(orientation:landscape){body.sb-shell #board.sb-custom-grid{grid-auto-flow:column;grid-template-columns:repeat(var(--mxcols,5),minmax(0,1fr));grid-template-rows:repeat(var(--mxrows,2),auto)}}
@media(max-width:520px){.sb-offline-section .sb-actions>*{width:100%}.sb-offline-row small{width:100%}.sb-offline-section{padding:12px}}
/* CRIS-079 (opcao B): Usar sem internet. Borda de bloco suave = o proprio token de texto do bloco (PROPOSTA §6). */
.sb-guardar p{margin:6px 0;line-height:1.45}
.sb-guardar .sb-actions{margin:8px 0}
.sb-guardar-custo-linha,.sb-guardar-nota,.sb-guardar-conta{color:var(--sb-color-muted,#566472);font-size:14px}
.sb-guardar-num{font-weight:700;color:var(--sb-color-ink,#14243d)}
.sb-guardar-barra{display:block;height:10px;border:1px solid #8495aa;border-radius:6px;background:#e9eef6;overflow:hidden;margin:6px 0}
.sb-guardar-barra>span{display:block;height:100%;width:0;background:var(--sb-color-primary,#1250e0);transition:width var(--sb-motion,.2s) linear}
.sb-guardar-aviso{background:var(--sb-color-warning-soft,#fff7df);border:1px solid var(--sb-color-warning,#8b5100);border-radius:12px;padding:10px 12px;margin:8px 0;color:var(--sb-color-ink,#14243d)}
.sb-guardar-aviso>strong{color:var(--sb-color-warning,#8b5100)}
.sb-guardar-aviso--info{background:var(--sb-color-primary-soft,#eef4ff);border-color:var(--sb-color-primary,#1250e0)}
.sb-guardar-selo{display:inline-block;background:var(--sb-color-success-soft,#eef8ed);border:1px solid var(--sb-color-success,#287c32);color:var(--sb-color-success,#287c32);border-radius:999px;padding:4px 12px}
.sb-guardar-selo>strong::before{content:"\2713\00a0"}
.sb-guardar-lista{list-style:none;margin:8px 0;padding:0}
.sb-guardar-lista li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:8px 0;border-top:1px solid var(--sb-border,#d8e0ea)}
.sb-guardar-lista li>span:first-child{flex:1 1 180px}
.sb-guardar-ok{color:var(--sb-color-success,#287c32)}
.sb-guardar-falta{color:var(--sb-color-warning,#8b5100)}
.sb-guardar .sb-button,.sb-guardar-dialogo .sb-button,.sb-guardar-faixa .sb-button{min-height:44px}
.sb-guardar-dialogo{max-width:min(460px,calc(100vw - 32px));border:1px solid var(--sb-border,#d8e0ea);border-radius:var(--sb-radius-card,16px);padding:16px 20px;color:var(--sb-color-ink,#14243d);background:var(--sb-surface,#fff)}
.sb-guardar-dialogo::backdrop{background:rgba(20,36,61,.45)}
.sb-guardar-dialogo h2{font-size:18px;margin:0 0 8px}
.sb-guardar-dialogo .sb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sb-guardar-faixa{display:flex;align-items:center;gap:10px;background:var(--sb-color-primary-soft,#eef4ff);color:var(--sb-color-ink,#14243d);border-bottom:1px solid var(--sb-color-primary,#1250e0);padding:2px 14px;font-size:13px;font-weight:700}
.sb-guardar-faixa[hidden]{display:none}
.sb-guardar-faixa>.sb-guardar-faixa-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sb-guardar-faixa>.sb-guardar-barra{flex:1;min-width:40px;margin:0}
@media print{.sb-guardar-faixa{display:none!important}}
@media(max-width:520px){.sb-guardar-dialogo{margin:auto auto 0;max-width:100vw;width:100vw;border-radius:16px 16px 0 0}.sb-guardar-dialogo .sb-actions>*{width:100%}}