/* Identidade dos painéis ProPlan: guia OpenAlex UFSCar. */
:root{--navy:#244578;--blue:#0f4a85;--blue-2:#1b7fc4;--yellow:#f2b705;--bg:#fafafa;--surface:#fff;--surface-2:#f1f4f9;--text:#4d4d4d;--heading:#1d3557;--muted:#5d6877;--border:#e3e8ef;--nav-bg:#e6e6e6;--nav-text:#33475b;--accent:#0f4a85;--accent-soft:#e2ecf8;--radius:18px;font-family:'Open Sans','Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg)}
body{background:var(--bg)}main{max-width:1320px;padding:clamp(16px,3vw,32px)}
header{position:relative;padding:32px;border:1px solid var(--border);border-top:5px solid var(--yellow);border-radius:var(--radius);background:var(--surface);margin-bottom:16px}
header .eyebrow{display:inline-block;background:var(--yellow);color:var(--heading);padding:5px 10px;border-radius:6px;letter-spacing:.08em;font-size:.7rem}
h1{font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.2;color:var(--heading);margin:18px 0 12px;letter-spacing:-.035em}
header>p:last-child{max-width:720px;margin:0;color:var(--muted)}
h2,h3{color:var(--heading)}h2{font-size:1.25rem;line-height:1.35}h3{font-size:1.05rem}
.hierarchy h2,.generator>h2{border-left:4px solid var(--yellow);padding-left:12px}
a,.eyebrow,.steps{color:var(--accent)}
.information{padding:14px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted);margin-bottom:20px;align-items:center}
#total{color:var(--heading);font-size:.95rem}#freshness{font-variant-numeric:tabular-nums}
.view-nav{background:var(--nav-bg);border-radius:12px;padding:6px;gap:6px;margin-bottom:24px}
.view-nav button{position:relative;color:var(--nav-text);border-radius:8px;min-height:48px;font-size:.85rem;letter-spacing:.025em}
.view-nav button[aria-pressed=true]{background:var(--surface);color:var(--blue);box-shadow:0 2px 5px #1d355710}
.view-nav button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:18%;right:18%;height:4px;background:var(--yellow);border-radius:4px}
button{color:var(--accent);border-color:var(--border);background:var(--surface);border-radius:9px;transition:background .15s,border-color .15s;min-height:40px}
button:hover{background:var(--accent-soft);border-color:var(--blue-2)}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.generator select:focus-visible,.role-filters select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;box-shadow:0 0 0 1px var(--heading)}
input,.generator select,.role-filters select{border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);min-height:46px}
.quick-links{gap:8px;margin-bottom:20px}.quick-links span{flex-basis:100%;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.quick-links button{font-size:.8rem;font-weight:600;padding:7px 14px;border-radius:24px}
.quick-links button[data-quick="475"]{border-color:var(--yellow);color:var(--heading);background:var(--yellow)}
.toolbar,.role-search,.hierarchy,aside,.generator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 3px 14px #1d355705}
.toolbar{padding:22px;gap:12px;margin-bottom:16px}.toolbar label,.role-filters label,.generator label,.root-search-label{color:var(--muted);font-size:.8rem}
.role-search{padding:18px 22px}.role-search>summary{color:var(--heading);font-size:.9rem}
.layout{gap:18px;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr)}
.hierarchy,aside,.generator{padding:24px}aside{border-top:4px solid var(--yellow)}
#results,#role-help,.filter-help,#chart-pending,#chart-summary,.result-path,.context-label,dt{color:var(--muted)}
ul{border-color:var(--border)}.unit{background:var(--surface-2);color:var(--text);padding:10px 12px;line-height:1.5;border-radius:9px}.unit strong{color:var(--accent);font-size:.8rem}
.unit[aria-current=true],.search-result .unit[aria-current=true]{background:var(--accent-soft);box-shadow:inset 4px 0 var(--yellow)}
.search-result{border-color:var(--border)}.search-result .unit{background:var(--surface)}
aside .tag,.filter-chip,.role-row.match{background:var(--accent-soft);color:var(--accent)}.role-row.match{border-color:var(--yellow)}
aside .tag{font-size:.75rem;letter-spacing:.05em;padding:5px 12px;border-radius:6px}aside h2{margin-top:14px}
aside>button{background:var(--surface-2);border-color:transparent;padding:10px 12px}
.detail-actions button:first-child,.generator button[type=submit]{background:var(--blue);border-color:var(--blue);color:var(--surface)}
.detail-actions button:first-child:hover,.generator button[type=submit]:hover{background:var(--navy)}
dd{font-variant-numeric:tabular-nums}dt{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.generator{border-top:4px solid var(--yellow)}#chart-result{border-color:var(--border)}#chart-canvas{border-color:var(--border);background:var(--surface-2);border-radius:12px}
.export-actions button{font-weight:700;font-size:.8rem}.section-top{flex-wrap:wrap}
.warning,#chart-empty{background:#fff8df;color:#654d05;border-left:4px solid var(--yellow);border-radius:9px}
footer{color:var(--muted);border-color:var(--border);padding:24px 4px}
html.embedded main{max-width:1320px}.embedded #tree,.embedded #detail,.embedded #chart-canvas{max-height:none;overflow:visible}
@media(max-width:760px){header{padding:22px}.layout{grid-template-columns:1fr}.toolbar{flex-wrap:wrap;padding:16px}.toolbar label{flex-basis:100%}.toolbar button{flex:1}.hierarchy,aside,.generator{padding:18px}aside{position:static}#detail{max-height:none}.role-filters label{min-width:0;flex-basis:100%}.view-nav button{font-size:.76rem;padding:14px 8px}.information{align-items:start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
@media print{body{background:white}.view-nav,.quick-links,.toolbar,.role-search,.detail-actions,.export-actions{display:none}header,.hierarchy,aside,.generator{box-shadow:none}.layout{display:block}#tree,#detail,#chart-canvas{max-height:none;overflow:visible}aside{position:static}}