.notices-page{width:min(100%,1100px);min-width:0;padding:var(--space-8) var(--space-6) var(--space-10);color:var(--color-text-primary);margin:0 auto}.notices-header{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-default)}.notices-header h1{margin:0;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15}.notices-header p{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body)}.notices-filters{gap:var(--space-2);min-width:0;margin-block:var(--space-5) var(--space-6);overscroll-behavior-inline:contain;scrollbar-width:thin;display:flex;overflow-x:auto}.notices-filters button{align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text-secondary);font:inherit;cursor:pointer;flex:none;font-weight:600;display:inline-flex}.notices-filters button:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.notices-filters button:focus-visible,.notices-empty button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.notices-filters button.is-active{border-color:var(--color-accent-lime-border);background:var(--color-accent-lime-muted);color:var(--color-accent-lime)}.notices-filters button span{border-radius:var(--radius-pill);background:var(--color-surface-3);min-width:1.5rem;min-height:1.5rem;color:var(--color-text-primary);font-size:var(--font-size-metadata);place-items:center;display:inline-grid}.notices-timeline{gap:var(--space-4);min-width:0;margin:0;padding:0 0 0 36px;list-style:none;display:grid;position:relative}.notices-timeline:before{background:var(--color-border-strong);content:"";width:1px;position:absolute;top:14px;bottom:28px;left:12px}.notice-item{--notice-color:var(--color-accent-lime);min-width:0;position:relative}.notice-item--melhoria{--notice-color:var(--color-info)}.notice-item--correcao{--notice-color:var(--color-warning)}.notice-marker{border:3px solid var(--color-background);background:var(--notice-color);width:13px;height:13px;box-shadow:0 0 0 1px var(--notice-color);border-radius:50%;position:absolute;top:12px;left:-30px}.notice-content{min-width:0;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-1)}.notice-meta{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-body-small);flex-wrap:wrap;display:flex}.notice-category{color:var(--notice-color);font-weight:700}.notice-content h2{margin:var(--space-3) 0;font-size:1.16rem;line-height:1.3}.notice-content p{max-width:80ch;margin:var(--space-2) 0 0;color:var(--color-text-secondary);white-space:pre-line;line-height:1.6}.notice-content small{margin-top:var(--space-3);color:var(--color-text-muted);display:block}.notices-empty{justify-items:start;gap:var(--space-2);padding:var(--space-8);border:1px dashed var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-secondary);display:grid}.notices-empty h1,.notices-empty h2,.notices-empty p{margin:0}.notices-empty button{min-height:42px;margin-top:var(--space-2);padding-inline:var(--space-4);border:1px solid var(--color-accent-lime-border);border-radius:var(--radius-md);background:var(--color-accent-lime-muted);color:var(--color-accent-lime);font:inherit;cursor:pointer}.notices-loading{gap:var(--space-4);display:grid}.notices-skeleton{border-radius:var(--radius-md);background:var(--color-surface-2);animation:1.4s ease-in-out infinite alternate notices-pulse}.notices-skeleton--heading{width:65%;height:70px}.notices-skeleton--filters{width:min(100%,500px);height:42px}.notices-skeleton--item{width:100%;height:135px}@keyframes notices-pulse{to{opacity:.5}}@media (max-width:767px){.notices-page{padding:var(--space-5) 16px var(--space-8)}.notices-filters{width:100%}.notices-timeline{padding-left:29px}.notices-timeline:before{left:9px}.notice-marker{left:-25px}.notice-content{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.notices-skeleton{animation:none}}
