Radar de Contextos

Histórico do Radar

⟳

Histórico ainda não disponível.
Será preenchido automaticamente nas próximas semanas.

.header-left { display: flex; align-items: center; gap: calc(16px * var(--scale)); } .header-logo { display: flex; align-items: center; gap: calc(12px * var(--scale)); } .logo-img { height: calc(28px * var(--scale)); width: auto; display: block; } .header-divider { width: 1px; height: calc(22px * var(--scale)); background: rgba(255,255,255,0.18); } .header-product { font-size: calc(13px * var(--scale)); font-weight: 600; color: var(--white); letter-spacing: 0.06em; text-transform: uppercase; } .header-right { display: flex; align-items: center; gap: calc(20px * var(--scale)); } .header-badge { font-family: 'IBM Plex Mono', monospace; font-size: calc(11px * var(--scale)); font-weight: 500; color: var(--yellow); } .header-updated { font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); color: rgba(255,255,255,0.3); } .suggest-btn { background: var(--yellow); color: var(--black); border: none; font-family: 'IBM Plex Sans', sans-serif; font-size: calc(11px * var(--scale)); font-weight: 700; padding: calc(7px * var(--scale)) calc(14px * var(--scale)); cursor: pointer; border-radius: 2px; letter-spacing: 0.03em; text-transform: uppercase; transition: background 0.12s; } .suggest-btn:hover { background: var(--yellow-dark); } /* ── FILTERS ── */ #filters { background: var(--black); padding: 0 calc(28px * var(--scale)); display: flex; align-items: center; gap: 1px; height: calc(42px * var(--scale)); flex-shrink: 0; overflow-x: auto; border-bottom: 1px solid rgba(255,255,255,0.08); } .fbtn { background: transparent; border: none; color: rgba(255,255,255,0.45); font-family: 'IBM Plex Sans', sans-serif; font-size: calc(11px * var(--scale)); font-weight: 500; padding: calc(5px * var(--scale)) calc(11px * var(--scale)); cursor: pointer; border-radius: 2px; display: flex; align-items: center; gap: calc(6px * var(--scale)); transition: all 0.12s; white-space: nowrap; position: relative; } .fbtn:hover { color: rgba(255,255,255,0.8); background: rgba(255,255,255,0.06); } .fbtn.active { color: var(--yellow); } .fbtn.active::after { content: ''; position: absolute; bottom: -1px; left: calc(11px * var(--scale)); right: calc(11px * var(--scale)); height: 2px; background: var(--yellow); border-radius: 1px; } .fbtn[data-f="7"].active { color: #c8b080; } .fbtn[data-f="7"].active::after { background: #c8b080; } .dot { width: calc(7px * var(--scale)); height: calc(7px * var(--scale)); border-radius: 50%; display: inline-block; flex-shrink: 0; } .filter-sep { width: 1px; height: calc(18px * var(--scale)); background: rgba(255,255,255,0.12); margin: 0 calc(6px * var(--scale)); flex-shrink: 0; align-self: center; } .filter-group-label { font-family: 'IBM Plex Mono', monospace; font-size: calc(9px * var(--scale)); font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.22); padding: 0 calc(6px * var(--scale)) 0 calc(2px * var(--scale)); white-space: nowrap; align-self: center; flex-shrink: 0; } #fcount { margin-left: auto; font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); color: rgba(255,255,255,0.25); padding-left: calc(16px * var(--scale)); white-space: nowrap; } /* ── MAIN ── */ #main { display: flex; flex: 1; overflow: hidden; min-height: 0; } /* ── LIST ── */ #list { width: calc(460px * var(--scale)); min-width: calc(460px * var(--scale)); background: var(--surface); border-right: 1px solid var(--border); overflow-y: auto; } .item { padding: calc(13px * var(--scale)) calc(20px * var(--scale)) calc(13px * var(--scale)) calc(22px * var(--scale)); border-bottom: 1px solid var(--border); cursor: pointer; transition: background 0.1s; position: relative; } .item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: calc(3px * var(--scale)); background: transparent; transition: background 0.15s; } .item:hover { background: #FAFAF8; } .item.active { background: var(--yellow-light); } .item.active::before { background: var(--item-color, var(--yellow)); } .item-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: calc(5px * var(--scale)); } .item-cat { font-family: 'IBM Plex Mono', monospace; font-size: calc(9px * var(--scale)); font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; } .item-date { font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); color: var(--text-3); } .item-title { font-size: calc(13px * var(--scale)); font-weight: 500; color: var(--text-2); line-height: 1.4; } .item.active .item-title { color: var(--text); font-weight: 600; } .item.memory-item { background: #FDFAF5; } .item.memory-item.active { background: var(--memory-bg); } .item.memory-item .item-date { color: var(--memory); } /* ── DETAIL ── */ #detail { flex: 1; overflow-y: auto; background: var(--bg); display: flex; flex-direction: column; } /* ── TABS ── */ #tabs { background: var(--surface); border-bottom: 1px solid var(--border); padding: 0 calc(32px * var(--scale)); display: flex; position: sticky; top: 0; z-index: 5; flex-shrink: 0; } .tab { background: transparent; border: none; border-bottom: calc(3px * var(--scale)) solid transparent; color: var(--text-3); font-family: 'IBM Plex Sans', sans-serif; font-size: calc(12px * var(--scale)); font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; padding: calc(13px * var(--scale)) calc(13px * var(--scale)) calc(10px * var(--scale)); cursor: pointer; transition: all 0.12s; margin-bottom: -1px; } .tab:hover { color: var(--text-2); } .tab.active { color: var(--text); border-bottom-color: var(--yellow); } .tab[data-t="memory"].active { color: var(--memory); border-bottom-color: var(--memory); } .tab-memory-dot { display: inline-block; width: calc(6px * var(--scale)); height: calc(6px * var(--scale)); border-radius: 50%; background: var(--memory); margin-right: calc(5px * var(--scale)); vertical-align: middle; margin-top: -1px; opacity: 0.5; } .tab[data-t="memory"].active .tab-memory-dot { opacity: 1; } /* ── CONTENT ── */ #tab-content { padding: calc(36px * var(--scale)); max-width: calc(640px * var(--scale)); } /* ── EMPTY ── */ #empty { display: flex; flex-direction: column; align-items: center; justify-content: center; height: calc(280px * var(--scale)); color: var(--text-3); gap: calc(10px * var(--scale)); } .empty-icon { font-size: calc(28px * var(--scale)); opacity: 0.18; line-height: 1; } .empty-text { font-family: 'IBM Plex Mono', monospace; font-size: calc(11px * var(--scale)); letter-spacing: 0.1em; text-transform: uppercase; } /* ── DETAIL FIELDS ── */ .d-eyebrow { display: flex; align-items: center; gap: calc(8px * var(--scale)); margin-bottom: calc(10px * var(--scale)); } .d-cat-label { font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; } .d-pill { font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); font-weight: 500; padding: calc(2px * var(--scale)) calc(8px * var(--scale)); border-radius: 20px; } .d-title { font-size: calc(22px * var(--scale)); font-weight: 700; color: var(--text); line-height: 1.2; margin-bottom: calc(22px * var(--scale)); letter-spacing: -0.02em; } .d-rule { width: calc(28px * var(--scale)); height: calc(3px * var(--scale)); background: var(--yellow); margin-bottom: calc(24px * var(--scale)); border-radius: 2px; } .d-block { margin-bottom: calc(22px * var(--scale)); padding-bottom: calc(22px * var(--scale)); border-bottom: 1px solid var(--border); } .d-label { font-family: 'IBM Plex Mono', monospace; font-size: calc(9px * var(--scale)); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-3); margin-bottom: calc(8px * var(--scale)); } .d-text { font-size: calc(14px * var(--scale)); color: var(--text-2); line-height: 1.7; } .d-opp { background: var(--black); border-radius: 4px; padding: calc(18px * var(--scale)) calc(20px * var(--scale)); margin-bottom: calc(24px * var(--scale)); } .d-opp .d-label { color: var(--yellow); } .d-opp .d-text { color: rgba(255,255,255,0.85); font-size: calc(14px * var(--scale)); } .ideas-list { display: flex; flex-direction: column; gap: calc(7px * var(--scale)); } .idea { display: flex; gap: calc(10px * var(--scale)); align-items: flex-start; background: var(--surface); border: 1px solid var(--border); border-left: calc(3px * var(--scale)) solid var(--yellow); border-radius: 0 4px 4px 0; padding: calc(11px * var(--scale)) calc(14px * var(--scale)); font-size: calc(13px * var(--scale)); color: var(--text-2); line-height: 1.5; transition: border-color 0.12s; } .idea:hover { border-left-color: var(--yellow-dark); } .idea-n { font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); font-weight: 500; color: var(--text-3); min-width: calc(18px * var(--scale)); margin-top: 1px; } .d-source { display: flex; align-items: center; gap: calc(8px * var(--scale)); flex-wrap: wrap; } .d-source a { font-family: 'IBM Plex Mono', monospace; font-size: calc(11px * var(--scale)); color: #1A6DC8; text-decoration: none; } .d-source a:hover { text-decoration: underline; } .d-source-date { font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); color: var(--text-3); } /* ── MEMÓRIA ATIVA ── */ .mem-header { background: var(--black); border-radius: 4px; padding: calc(20px * var(--scale)) calc(22px * var(--scale)); margin-bottom: calc(28px * var(--scale)); border-left: calc(4px * var(--scale)) solid #c8b080; } .mem-eyebrow { display: flex; align-items: center; gap: calc(10px * var(--scale)); margin-bottom: calc(10px * var(--scale)); } .mem-cat { font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: #c8b080; } .mem-type-pill { font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); padding: calc(2px * var(--scale)) calc(9px * var(--scale)); border-radius: 20px; border: 1px solid rgba(200,176,128,0.4); color: #c8b080; background: rgba(200,176,128,0.1); } .mem-title { font-size: calc(20px * var(--scale)); font-weight: 700; color: var(--white); line-height: 1.25; letter-spacing: -0.02em; } .mem-era { font-family: 'IBM Plex Mono', monospace; font-size: calc(11px * var(--scale)); color: rgba(255,255,255,0.35); margin-top: calc(8px * var(--scale)); } .mem-label { font-family: 'IBM Plex Mono', monospace; font-size: calc(9px * var(--scale)); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-3); margin-bottom: calc(8px * var(--scale)); } .mem-text { font-size: calc(14px * var(--scale)); color: var(--text-2); line-height: 1.7; } .mem-block { margin-bottom: calc(22px * var(--scale)); padding-bottom: calc(22px * var(--scale)); border-bottom: 1px solid var(--border); } .mem-open { background: var(--surface); border: 1px solid var(--memory-border); border-left: calc(3px * var(--scale)) solid #c8b080; border-radius: 0 4px 4px 0; padding: calc(16px * var(--scale)) calc(18px * var(--scale)); margin-bottom: calc(22px * var(--scale)); } .mem-open .mem-label { color: var(--memory); } .mem-open .mem-text { color: var(--text); font-style: italic; } .fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: calc(8px * var(--scale)); margin-bottom: calc(22px * var(--scale)); } .fit-card { background: var(--surface); border: 1px solid var(--border); border-radius: 4px; padding: calc(12px * var(--scale)) calc(14px * var(--scale)); } .fit-card-label { font-family: 'IBM Plex Mono', monospace; font-size: calc(9px * var(--scale)); font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-3); margin-bottom: calc(6px * var(--scale)); } .fit-card-value { font-size: calc(13px * var(--scale)); color: var(--text-2); line-height: 1.45; } .fit-card.highlight { border-color: var(--yellow); background: var(--yellow-light); } .fit-card.highlight .fit-card-label { color: #9A7A00; } .fit-card.highlight .fit-card-value { color: var(--text); font-weight: 600; } .case-ref { background: rgba(122,98,72,0.06); border: 1px solid var(--memory-border); border-radius: 4px; padding: calc(12px * var(--scale)) calc(14px * var(--scale)); margin-top: calc(10px * var(--scale)); } .case-ref-label { font-family: 'IBM Plex Mono', monospace; font-size: calc(9px * var(--scale)); font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--memory); margin-bottom: calc(5px * var(--scale)); } .case-ref-text { font-size: calc(13px * var(--scale)); color: var(--text-2); line-height: 1.5; } /* ── CALENDAR ── */ .section-title { font-family: 'IBM Plex Mono', monospace; font-size: calc(9px * var(--scale)); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-3); margin-bottom: calc(18px * var(--scale)); } .cal-list { display: flex; flex-direction: column; gap: 1px; } .cal-item { display: flex; align-items: stretch; background: var(--surface); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; transition: border-color 0.12s; } .cal-item:hover { border-color: var(--yellow); } .cal-left { width: calc(88px * var(--scale)); min-width: calc(88px * var(--scale)); padding: calc(12px * var(--scale)) calc(14px * var(--scale)); border-right: 1px solid var(--border); display: flex; flex-direction: column; justify-content: center; } .cal-date { font-family: 'IBM Plex Mono', monospace; font-size: calc(12px * var(--scale)); font-weight: 500; color: var(--text); line-height: 1.3; } .cal-days { font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); margin-top: calc(2px * var(--scale)); font-weight: 600; } .cal-label-text { padding: calc(12px * var(--scale)) calc(18px * var(--scale)); font-size: calc(13px * var(--scale)); color: var(--text-2); line-height: 1.4; display: flex; align-items: center; flex: 1; } /* ── DIST ── */ .dist-box { background: var(--black); color: rgba(255,255,255,0.85); border-radius: 4px; padding: calc(28px * var(--scale)) calc(32px * var(--scale)); font-family: 'IBM Plex Mono', monospace; font-size: calc(12px * var(--scale)); line-height: 2; white-space: pre-wrap; border-left: calc(4px * var(--scale)) solid var(--yellow); } /* ── SUGGEST MODAL ── */ #suggest-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.65); z-index: 100; align-items: center; justify-content: center; } #suggest-overlay.open { display: flex; } #suggest-modal { background: var(--white); width: calc(480px * var(--scale)); max-width: 92vw; border-radius: 4px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.3); } .modal-header { background: var(--black); border-bottom: calc(3px * var(--scale)) solid var(--yellow); padding: calc(18px * var(--scale)) calc(24px * var(--scale)); display: flex; align-items: center; justify-content: space-between; } .modal-title { font-size: calc(14px * var(--scale)); font-weight: 700; color: var(--white); text-transform: uppercase; letter-spacing: 0.04em; } .modal-close { background: transparent; border: none; color: rgba(255,255,255,0.5); font-size: calc(20px * var(--scale)); cursor: pointer; line-height: 1; padding: 0 4px; transition: color 0.12s; } .modal-close:hover { color: var(--white); } .modal-body { padding: calc(24px * var(--scale)); } .modal-desc { font-size: calc(13px * var(--scale)); color: var(--text-2); line-height: 1.6; margin-bottom: calc(20px * var(--scale)); border-left: calc(3px * var(--scale)) solid var(--yellow); padding-left: calc(12px * var(--scale)); } .field-group { margin-bottom: calc(16px * var(--scale)); } .field-label { font-family: 'IBM Plex Mono', monospace; font-size: calc(9px * var(--scale)); font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-3); margin-bottom: calc(6px * var(--scale)); display: block; } .field-input, .field-textarea, .field-select { width: 100%; background: var(--bg); border: 1px solid var(--border); border-radius: 3px; padding: calc(10px * var(--scale)) calc(12px * var(--scale)); font-family: 'IBM Plex Sans', sans-serif; font-size: calc(13px * var(--scale)); color: var(--text); outline: none; transition: border-color 0.12s; } .field-input:focus, .field-textarea:focus, .field-select:focus { border-color: var(--yellow); } .field-textarea { resize: vertical; min-height: calc(90px * var(--scale)); line-height: 1.6; } .field-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23909090'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: calc(32px * var(--scale)); cursor: pointer; } .modal-footer { padding: calc(16px * var(--scale)) calc(24px * var(--scale)); border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; background: var(--bg); } .modal-note { font-size: calc(11px * var(--scale)); color: var(--text-3); } .modal-note strong { color: var(--text-2); font-weight: 600; } .submit-btn { background: var(--yellow); color: var(--black); border: none; font-family: 'IBM Plex Sans', sans-serif; font-size: calc(12px * var(--scale)); font-weight: 700; padding: calc(10px * var(--scale)) calc(20px * var(--scale)); border-radius: 2px; cursor: pointer; text-transform: uppercase; letter-spacing: 0.04em; transition: background 0.12s; } .submit-btn:hover { background: var(--yellow-dark); } #suggest-success { display: none; flex-direction: column; align-items: center; padding: calc(40px * var(--scale)) calc(24px * var(--scale)); text-align: center; gap: calc(12px * var(--scale)); } #suggest-success .success-icon { font-size: calc(36px * var(--scale)); } #suggest-success .success-title { font-size: calc(16px * var(--scale)); font-weight: 700; color: var(--text); } #suggest-success .success-text { font-size: calc(13px * var(--scale)); color: var(--text-2); line-height: 1.6; max-width: calc(320px * var(--scale)); } /* ── SCROLLBAR ── */ ::-webkit-scrollbar { width: 3px; height: 3px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 2px; } /* ── ANIM ── */ @keyframes fadeUp { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .anim { animation: fadeUp 0.2s ease both; } @keyframes modalIn { from { opacity: 0; transform: scale(0.96) translateY(8px); } to { opacity: 1; transform: scale(1) translateY(0); } } #suggest-modal { animation: modalIn 0.2s ease both; } /* ── History panel ── */ .hist-btn { font-family: 'IBM Plex Mono', monospace; font-size: calc(11px * var(--scale)); font-weight: 500; letter-spacing: 0.06em; background: transparent; border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.6); padding: calc(7px * var(--scale)) calc(14px * var(--scale)); border-radius: 3px; cursor: pointer; transition: all 0.15s; } .hist-btn:hover { border-color: rgba(255,255,255,0.4); color: #fff; } #history-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 100; justify-content: flex-end; } #history-overlay.open { display: flex; } #history-panel { width: calc(480px * var(--scale)); max-width: 90vw; height: 100%; background: var(--bg); border-left: 1px solid var(--border); display: flex; flex-direction: column; overflow: hidden; } .history-panel-header { display: flex; align-items: center; justify-content: space-between; padding: calc(20px * var(--scale)) calc(24px * var(--scale)); border-bottom: 1px solid var(--border); background: #111; flex-shrink: 0; } .history-panel-title { font-family: 'IBM Plex Mono', monospace; font-size: calc(12px * var(--scale)); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #fff; } .history-panel-close { background: none; border: none; color: rgba(255,255,255,0.4); font-size: calc(20px * var(--scale)); cursor: pointer; line-height: 1; padding: 0; } .history-panel-close:hover { color: #fff; } #history-panel-content { flex: 1; overflow-y: auto; padding: calc(20px * var(--scale)); } .hist-week { background: var(--surface); border: 1px solid var(--border); border-radius: 4px; overflow: hidden; margin-bottom: calc(16px * var(--scale)); } .hist-week-header { display: flex; justify-content: space-between; align-items: center; padding: calc(12px * var(--scale)) calc(16px * var(--scale)); background: var(--bg); border-bottom: 1px solid var(--border); } .hist-week-label { font-family: 'IBM Plex Mono', monospace; font-size: calc(11px * var(--scale)); font-weight: 600; color: var(--text); } .hist-week-count { font-family: 'IBM Plex Mono', monospace; font-size: calc(10px * var(--scale)); color: var(--text-2); } .hist-item { display: flex; flex-direction: column; gap: calc(3px * var(--scale)); padding: calc(10px * var(--scale)) calc(16px * var(--scale)); border-bottom: 1px solid var(--border); border-left: 3px solid transparent; } .hist-item:last-child { border-bottom: none; } .hist-cat { font-family: 'IBM Plex Mono', monospace; font-size: calc(9px * var(--scale)); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; } .hist-title { font-size: calc(12px * var(--scale)); color: var(--text); } .hist-more { padding: calc(8px * var(--scale)) calc(16px * var(--scale)); font-size: calc(11px * var(--scale)); color: var(--text-2); font-style: italic; }

Histórico do Radar

⟳

Histórico ainda não disponível.
Será preenchido automaticamente nas próximas semanas.