/* Ajustes do mockup para o sistema real (links no lugar de botões, logo, menu do usuário) */
a.brand,a.ni,a.tile{text-decoration:none;color:inherit}
a.ni{color:var(--txt-2)}
a.ni.active{color:var(--blue-d)}
.brand{color:#fff}
.uwrap{position:relative}
.umenu{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);color:var(--txt);border-radius:12px;box-shadow:0 12px 32px rgba(22,40,58,.18),0 0 0 1px var(--line);min-width:220px;padding:6px;display:none;z-index:60}
.umenu.on{display:block}
.umenu .um-h{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:4px;display:flex;flex-direction:column;gap:2px}
.umenu .um-h b{font-size:13px}
.umenu .um-h span{font-size:11.5px;color:var(--txt-3)}
.umenu button{width:100%;display:flex;align-items:center;gap:9px;background:none;border:none;padding:9px 12px;border-radius:8px;font-size:12.5px;color:var(--err);cursor:pointer;font-weight:600}
.umenu button:hover{background:var(--err-t)}
.umenu .i{width:15px;height:15px}
.em-breve{text-align:center;padding:46px 20px;color:var(--txt-2)}
.em-breve .uic{width:48px;height:48px;border-radius:13px;background:var(--blue-t);color:var(--blue-d);display:grid;place-items:center;margin:0 auto 14px}
.em-breve .uic .i{width:22px;height:22px}
.em-breve h3{font-size:15px;color:var(--txt);margin-bottom:6px;justify-content:center}
.em-breve p{font-size:12.5px}
.alert-erro{background:var(--err-t);border:1px solid #f6cfd2;color:var(--err);border-radius:var(--r);padding:12px 15px;font-size:12.5px;margin-bottom:16px;display:flex;gap:10px;align-items:center}
/* telas herdadas do s1 que ainda usam Bootstrap */
.bs-view{font-size:14px}
.bs-view h1{font-size:21px;font-weight:650}
.bs-view .btn-brand{background:var(--blue);color:#fff;border:none;border-radius:9px;font-weight:600;font-size:12.5px;padding:8px 15px}
.bs-view .btn-brand:hover{background:var(--blue-d);color:#fff}
.bs-view .btn-light{background:var(--card);border:1px solid var(--line-2);color:var(--txt-2);border-radius:9px}
.bs-view .btn-outline-brand{border:1px solid var(--blue);color:var(--blue-d);border-radius:9px}
.bs-view .card{border:none;box-shadow:var(--sh);border-radius:var(--r-lg)}
.bs-view .page-header h1{font-size:21px;font-weight:650;letter-spacing:-.35px}
.bs-view .page-header p{color:var(--txt-2);font-size:12.5px}
.bs-view .breadcrumb-small{font-size:11.5px;color:var(--txt-3)}
.bs-view .page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px}
.bs-view .filter-card{background:var(--card);box-shadow:var(--sh);border-radius:var(--r-lg);padding:14px 16px;margin-bottom:16px}
.bs-view .form-control,.bs-view .form-select{font-size:13px;border-radius:9px;border-color:var(--line-2)}
.bs-view .table{font-size:12.5px}

/* Bootstrap muda line-height/margens: travar barra e menu exatamente como no mockup */
.shell,.shell *,.nav,.nav *{line-height:normal}
.nav .nav-group-t,.nav .ni{margin-top:0;margin-bottom:0}
.nav .ni{margin:1px 8px}

/* celular (agenda da semana e demais telas): menu abre por cima pelo botão ☰ */
@media(max-width:700px){
  .nav{display:none}
  .nav.m-open{display:flex;position:fixed;top:50px;bottom:0;left:0;z-index:60;width:248px;box-shadow:12px 0 40px rgba(22,40,58,.18)}
  .shell .search,.shell .bs,.shell .tool,.shell .divider,.shell .un{display:none}
  .shell .bt{font-size:13.5px;white-space:nowrap}
  .body{height:auto;min-height:calc(100vh - 50px)}
  .ag-nav .wk{min-width:0}
  .view{padding:16px 14px 24px}
  .page-h{flex-wrap:wrap;gap:10px}
}
