/* MVP 04: ajustes de UX no Windows e referência mobile
   Não altera regras de negócio nem conteúdo do banco. */
.phone-preview-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;font-weight:750;color:#165c9f;font-size:12px;border:1px solid #cddde9;background:#f3f8fc;border-radius:12px;padding:11px 13px;white-space:nowrap}
.phone-preview-link:hover{background:#e9f3fb;color:#103c65}
@media(max-width:740px){.phone-preview-link{display:none}}
/* Espaços e hierarquia visual sem alterar o guia oficial */
.header{gap:24px}.welcome-line{margin-bottom:18px}.quick-tile:focus-visible,.more-link:focus-visible{outline:3px solid #398ce0;outline-offset:2px}

/* Cabeçalho legível no iPhone, sem decoração sobre o conteúdo. */
.shell{min-height:100vh}.header>div:first-child{min-width:0}.header .eyebrow{display:block;line-height:1.5}
@media(min-width:741px){.sidebar{min-height:100vh;height:100vh}}
@media(max-width:740px){.header{gap:12px;padding-top:calc(19px + env(safe-area-inset-top,0px))}.header>div:first-child{flex:1}.header .head-actions{gap:8px;flex-shrink:0}.head-actions .btn{max-width:118px;white-space:normal;line-height:1.25;min-height:42px}.live-panel .mini-kicker{display:block;line-height:1.5;letter-spacing:.09em}.live-panel h2{font-size:27px;line-height:1.2;overflow-wrap:break-word}}