/* ============================================================================
   aurora-intranet.css — Aurora Premium · Intranet (#view-intranet)
   Cobre os DOIS modos da tela:
     - padrão        : menu acordeão (.intranet-sidebar > .mod-nav, vem do aurora-shell)
     - .intranet-reg-mode : rail de ícones (#intranet-reg-rail) + hero + cards de módulo
   Escopado em #view-intranet (que já carrega .aur, então os tokens resolvem).
   Substitui: css/16/05.css:1-240 · aurora-panels.css:2940-3310 ·
              20-panel-console.css:963-1209 · 06-blocks.css:934-1000/1250-1260
   ============================================================================ */

#view-intranet{ background:transparent }

.in-page{ max-width:1560px; margin:0 auto; padding:18px; display:flex; flex-direction:column; gap:16px }

/* ---- topbar ---- */
#view-intranet .in-topbar{ gap:14px }
#view-intranet .in-mark img{ width:26px; height:26px; object-fit:contain; display:block }
#view-intranet .in-kicker{
  font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--brand2);
}
#view-intranet .in-search{ flex:1 1 260px; min-width:210px; max-width:440px }
#view-intranet .in-search input[type=search]{
  border:none; background:transparent; outline:none; font-family:inherit; font-size:14.5px; color:var(--ink); width:100%;
}
#view-intranet .in-search input[type=search]::-webkit-search-cancel-button{ display:none }
#view-intranet #intranet-perm-badge:empty{ display:none }

/* ---- grid: rail/menu + conteúdo ---- */
/* .in-page e flex-column: `margin:0 auto` (herdado do aurora-shell) faz as margens
   automaticas absorverem o espaco livre e ENCOLHEREM o grid ao tamanho do conteudo,
   cancelando o stretch. Aqui o grid tem que ocupar a largura toda da pagina. */
#view-intranet .intranet-grid{
  padding:0; margin:0; max-width:none; width:100%; position:relative;
}
#view-intranet.intranet-reg-mode .intranet-sidebar{ display:none }
#view-intranet.intranet-reg-mode .intranet-menu-handle{ display:none }
#view-intranet .intranet-main{ min-width:0; display:flex; flex-direction:column; gap:16px }
#view-intranet #intranet-reg-maincard{ display:flex; flex-direction:column; gap:16px; min-width:0 }

/* alça de ocultar menu */
#view-intranet .intranet-menu-handle{
  position:absolute; top:10px; left:64px; z-index:45;
  width:22px; height:44px; border-radius:0 12px 12px 0; cursor:pointer;
  border:1px solid var(--glass-brd); border-left:none; background:var(--glass);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  box-shadow:var(--shadow); transition:.18s;
}
#view-intranet .intranet-menu-handle::before{
  content:""; display:block; width:5px; height:5px; margin:0 auto;
  border-left:2px solid var(--brand2); border-bottom:2px solid var(--brand2); transform:rotate(45deg);
}
#view-intranet .intranet-menu-handle:hover{ background:rgba(92,111,58,.16) }
@media (max-width:980px){ #view-intranet .intranet-menu-handle{ display:none } }

/* ============================ CARDS DA INTRANET ============================ */
#view-intranet .in-card{ padding:18px 20px }
#view-intranet .in-card-head{ display:flex; align-items:flex-start; gap:12px; margin-bottom:6px }
#view-intranet .in-card-ico{
  flex:none; width:34px; height:34px; border-radius:11px; display:grid; place-items:center; color:#fff;
}
#view-intranet .in-ico-brand{ background:linear-gradient(135deg,var(--brand),#64793f) }
#view-intranet .in-ico-info{ background:linear-gradient(135deg,#3a6fd8,#7aa0f0) }
#view-intranet .in-card-head h2{ margin:0; font-size:16px; font-weight:700; letter-spacing:-.02em }
#view-intranet .in-sub{ margin:2px 0 0; font-size:12px; color:var(--ink-soft) }
#view-intranet .in-help-body{ font-size:13px; line-height:1.65; color:var(--ink-soft); margin-top:10px }
#view-intranet .in-help-body strong{ color:var(--brand2) }
#view-intranet .in-notices{ margin-top:14px; display:flex; flex-direction:column; gap:10px }

/* ============================ TOPBAR REFINADO ============================ */
/* evita o subtítulo do usuário ser cortado quando o nome é longo */
#view-intranet .in-topbar .brand{ flex:0 1 auto; min-width:0 }
#view-intranet .in-topbar .brand-txt{ min-width:0 }
#view-intranet .in-topbar .brand-txt h1,
#view-intranet .in-topbar .brand-txt p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
#view-intranet .in-perm{
  font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap;
  color:var(--ink-soft); background:rgba(92,111,58,.1); padding:5px 10px; border-radius:20px;
}
body.theme-dark #view-intranet .in-perm{ background:rgba(147,185,80,.14) }
#view-intranet .in-perm:empty{ display:none }
#view-intranet .in-exit{ color:var(--err); border-color:rgba(226,58,109,.26) }
#view-intranet .in-exit:hover{ background:rgba(226,58,109,.12) }

/* cabeçalho de card com ação à direita */
#view-intranet .in-card-head{ align-items:center; gap:12px }
#view-intranet .in-card-head-txt{ flex:1; min-width:0 }
#view-intranet .in-card-cta{ flex:none }

/* ============================ HERO DA UNIDADE (enxuto) ============================ */
#view-intranet .intranet-reg-hero{
  display:flex; align-items:center; gap:14px; padding:14px 18px; border-radius:18px;
  background:linear-gradient(135deg, rgba(57,72,32,.11), rgba(92,111,58,.05));
  border:1px solid var(--line);
}
body.theme-dark #view-intranet .intranet-reg-hero{
  background:linear-gradient(135deg, rgba(147,185,80,.14), rgba(147,185,80,.05));
}
#view-intranet .in-hero-ico{
  flex:none; width:42px; height:42px; border-radius:13px; display:grid; place-items:center; color:#fff;
  background:linear-gradient(135deg,var(--brand),#64793f); box-shadow:0 10px 22px -8px rgba(78,98,44,.6);
}
#view-intranet .in-hero-txt{ flex:1; min-width:0 }
#view-intranet .in-hero-title{ font-size:17px; font-weight:700; letter-spacing:-.02em; line-height:1.2 }
#view-intranet .in-hero-desc{ font-size:12px; color:var(--ink-soft); margin-top:2px }
#view-intranet .in-hero-status{ flex:none }

/* ============================ AVISOS ============================ */
#view-intranet .in-notice{
  padding:14px 16px; border-radius:16px; border:1px solid var(--line); border-left:4px solid var(--brand2);
  background:rgba(255,255,255,.42);
}
body.theme-dark #view-intranet .in-notice{ background:rgba(255,255,255,.05) }
#view-intranet .in-notice.is-pinned{ box-shadow:0 10px 26px -16px rgba(78,98,44,.55) }
#view-intranet .in-notice-info{ border-left-color:#3a6fd0 }
#view-intranet .in-notice-urgent{ border-left-color:var(--err) }
#view-intranet .in-notice-success{ border-left-color:var(--ok) }
#view-intranet .in-notice-celebration{ border-left-color:#c68a2c }
#view-intranet .in-notice-dark{ border-left-color:#323e1d }

#view-intranet .in-notice-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px }
#view-intranet .in-notice-main{ min-width:0; flex:1 }
#view-intranet .in-notice-title{ font-size:14.5px; font-weight:700; letter-spacing:-.01em; line-height:1.3 }
#view-intranet .in-notice-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:6px }
#view-intranet .in-notice-actions{ flex:none }
#view-intranet .in-notice-body{
  margin-top:10px; font-size:13px; line-height:1.55; color:var(--ink-soft); white-space:pre-wrap;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}
#view-intranet .in-notice-foot{ display:flex; align-items:center; gap:9px; margin-top:12px; flex-wrap:wrap }

#view-intranet .in-pill{
  font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
  padding:3px 9px; border-radius:20px; color:var(--ink-soft); background:rgba(92,111,58,.1); white-space:nowrap;
}
body.theme-dark #view-intranet .in-pill{ background:rgba(147,185,80,.14) }
#view-intranet .in-pill-pin{ color:#fff; background:linear-gradient(135deg,var(--brand),#64793f) }
#view-intranet .in-pill-media{ color:#2f6fd0; background:rgba(58,111,208,.13) }
body.theme-dark #view-intranet .in-pill-media{ color:#8fb2ff }
#view-intranet .in-meta-txt{ font-size:12px; color:var(--ink-soft) }

/* ============================ CARDS DE MÓDULO ============================ */
#view-intranet .in-mod-grouphead{ display:flex; align-items:center; gap:9px; margin:18px 0 10px }
#view-intranet .in-mod-grouphead:first-child{ margin-top:2px }
#view-intranet .in-mod-dot{ width:9px; height:9px; border-radius:50%; flex:none }
#view-intranet .in-mod-grouptitle{
  font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-soft); white-space:nowrap;
}
#view-intranet .in-mod-rule{ flex:1; height:1px; background:var(--line) }
#view-intranet .in-mod-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(228px,1fr)); gap:12px }
#view-intranet .in-mod-card{
  padding:15px; display:flex; flex-direction:column; gap:5px; text-align:left; cursor:pointer;
  font-family:inherit; color:var(--ink); transition:transform .18s;
}
#view-intranet .in-mod-card:hover{ transform:translateY(-3px) }
#view-intranet .in-mod-card:focus-visible{ outline:2px solid var(--brand2); outline-offset:2px }
#view-intranet .in-mod-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:3px }
#view-intranet .in-mod-ini{
  width:36px; height:36px; border-radius:11px; display:grid; place-items:center; flex:none;
  font-size:12px; font-weight:800; color:#fff; background:linear-gradient(135deg,var(--brand),#64793f);
}
#view-intranet .in-mod-chev{ color:var(--ink-soft); transition:transform .18s }
#view-intranet .in-mod-card:hover .in-mod-chev{ transform:translateX(3px); color:var(--brand2) }
#view-intranet .in-mod-title{ font-size:14.5px; font-weight:700; letter-spacing:-.01em }
#view-intranet .in-mod-desc{ font-size:12px; color:var(--ink-soft); line-height:1.45 }