/* Início e navegação por setores do SYNO; estilos isolados do restante do app. */
#sidebar .ini-macro { flex:none; }
.ini-page { max-width:1500px; margin:0 auto; padding:18px 22px 36px; color:#18334d; }
.ini-nav { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.ini-nav button { border:1px solid #d7e2ed; background:#fff; color:#506a81; border-radius:10px; padding:10px 14px; font-weight:700; cursor:pointer; }
.ini-nav button.on { background:#eaf5fa; border-color:#a9cfdf; color:#174763; }
.ini-header { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:18px; }
.ini-header span { color:#658096; font-size:11px; letter-spacing:.14em; font-weight:800; }
.ini-header h1 { margin:4px 0 5px; font-size:clamp(25px,3vw,34px); color:#173750; }
.ini-header p { margin:0; color:#647c91; }
.ini-data { display:flex; align-items:center; gap:6px; }
.ini-data button, .ini-section-title button, .ini-atividade button { border:1px solid #cbddea; background:#fff; color:#1a6387; border-radius:9px; padding:9px 11px; font-weight:700; cursor:pointer; }
.ini-data input, .ini-filtros select { border:1px solid #cbddea; background:#fff; border-radius:9px; padding:9px 10px; color:#173750; }
.ini-estado { color:#8295a5; font-size:12px; margin:0 0 12px; }
.ini-section { background:#fff; border:1px solid #dce7ee; border-radius:16px; padding:17px; box-shadow:0 4px 16px rgba(20,53,80,.04); margin-bottom:13px; }
.ini-section h2 { margin:0 0 14px; font-size:17px; color:#173750; }
.ini-section h2 span { background:#eaf3f8; border-radius:30px; padding:2px 8px; font-size:12px; }
.ini-section-title { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:12px; }
.ini-section-title h2 { margin:0; }
.ini-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
.ini-kpi { text-align:left; background:linear-gradient(135deg,#f8fbff,#fff); border:1px solid #dce8ef; border-radius:12px; min-height:113px; padding:14px; display:flex; flex-direction:column; gap:5px; cursor:pointer; color:#173750; }
.ini-kpi:hover, .ini-prioridade:hover, .ini-atalhos-resumo button:hover { border-color:#8fc5de; background:#f2faff; }
.ini-kpi span { font-size:12px; color:#5e778d; }
.ini-kpi strong { font-size:24px; line-height:1.2; overflow-wrap:anywhere; }
.ini-kpi small { color:#267098; }
.ini-colunas { display:grid; grid-template-columns:1fr 1.25fr; gap:13px; }
.ini-atividade { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.ini-atividade span { color:#647c91; }
.ini-prioridade { display:flex; width:100%; justify-content:space-between; gap:10px; text-align:left; background:#fff; border:1px solid #e2eaf0; border-radius:9px; padding:10px; margin:6px 0; cursor:pointer; color:#173750; }
.ini-prioridade span { color:#6d8396; font-size:12px; }
.ini-atalhos-resumo { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.ini-atalhos-resumo button { display:flex; align-items:center; gap:8px; border:1px solid #dce8ef; background:#f9fcff; border-radius:10px; padding:11px; text-align:left; color:#174763; cursor:pointer; }
.ini-atalhos-resumo svg, .ini-biblioteca button svg, .ini-favorito svg { width:19px; height:19px; flex:none; }
.ini-filtros { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:14px; }
.ini-task-list { display:grid; gap:8px; }
.ini-task { display:grid; grid-template-columns:1.1fr 1.4fr auto auto; align-items:center; gap:14px; border:1px solid #e2eaf0; border-radius:10px; padding:11px; }
.ini-task>div { display:flex; flex-direction:column; gap:3px; min-width:0; }
.ini-task strong, .ini-task b { overflow-wrap:anywhere; }
.ini-task small { color:#71899c; }
.ini-task>span { color:#617d92; font-size:12px; }
.ini-task button { border:1px solid #b9d7e8; border-radius:8px; padding:8px 10px; background:#f2faff; color:#176083; font-weight:700; cursor:pointer; }
.ini-favoritos { display:flex; flex-wrap:wrap; gap:8px; }
.ini-favorito { display:flex; align-items:center; gap:8px; border:1px solid #cbddea; border-radius:10px; padding:8px 10px; background:#f8fbff; cursor:grab; }
.ini-favorito button { border:0; background:transparent; color:#8c5660; cursor:pointer; font-size:18px; }
.ini-biblioteca-grupo { margin-top:15px; }
.ini-biblioteca-grupo h3 { font-size:14px; color:#667f94; margin:0 0 8px; }
.ini-biblioteca-grupo>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.ini-biblioteca button { display:flex; align-items:center; gap:8px; min-height:48px; border:1px solid #dce8ef; border-radius:9px; background:#fff; color:#174763; padding:9px; text-align:left; cursor:pointer; }
.ini-biblioteca button:disabled { opacity:.55; cursor:default; }
.ini-biblioteca button span { flex:1; }
.ini-biblioteca button small { color:#4382a1; }
.ini-escolha { display:grid; gap:7px; max-height:54vh; overflow:auto; }
.ini-escolha>div { display:flex; justify-content:space-between; align-items:center; border:1px solid #e2eaf0; padding:8px; border-radius:8px; }
.ini-escolha button { border:1px solid #dce8ef; background:#fff; border-radius:7px; cursor:pointer; margin-left:3px; }
@media(max-width:900px){ .ini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ini-colunas{grid-template-columns:1fr}.ini-task{grid-template-columns:1fr auto}.ini-task>span{display:none}.ini-biblioteca-grupo>div{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:600px){ .ini-page{padding:12px}.ini-header{align-items:stretch;flex-direction:column}.ini-data{flex-wrap:wrap}.ini-kpis,.ini-atalhos-resumo,.ini-biblioteca-grupo>div{grid-template-columns:1fr 1fr}.ini-task{grid-template-columns:1fr}.ini-task>span{display:block} }