:root { color-scheme:light; --bg:#f5f5f7; --surface:#fff; --sidebar:#ececef; --hover:#e3e3e8; --press:#d9d9de; --selection:#dcdce1; --fill:#f2f2f5; --text:#1d1d1f; --text-2:#55555a; --sep:#d2d2d7; --field:#8e8e93; --accent:#0066cc; --accent-hover:#0058b0; --accent-press:#004c99; --accent-weak:#e6f0fb; --ok:#1b6e33; --ok-bg:#e8f4eb; --warn:#7a4a00; --warn-bg:#fff4dc; --warn-line:#d9a441; --bad:#b3261e; --bad-bg:#fdeceb; --fs-1:12px; --fs-2:13px; --fs-3:14px; --fs-4:17px; --fs-5:24px; --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --r-s:6px; --r-m:10px; --r-l:12px; --control:30px; --hit:32px; --duration:120ms; --font:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",sans-serif; }
*,*::before,*::after { box-sizing:border-box; }
html { text-size-adjust:100%; -webkit-text-size-adjust:100%; scroll-padding-top:76px; }
body.agenturos, body.ap06-business { margin:0; color:var(--text); background:var(--bg); font:var(--fs-3)/1.5 var(--font); -webkit-font-smoothing:antialiased; }
[hidden] { display:none!important; }
a { color:var(--accent); text-decoration:none; overflow-wrap:anywhere; }
a:hover { text-decoration:underline; }
:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
[tabindex="-1"]:focus { outline:none; }
h1,h2,h3,h4,h5,dt,legend { overflow-wrap:anywhere; }
h1 { font-size:var(--fs-5); line-height:1.25; margin:0 0 var(--s2); letter-spacing:-.01em; }
h2 { font-size:var(--fs-4); line-height:1.35; margin:var(--s5) 0 var(--s3); font-weight:600; }
h3,h4,h5 { font-size:var(--fs-3); line-height:1.4; margin:var(--s4) 0 var(--s2); font-weight:600; }
p { margin:var(--s2) 0 var(--s3); overflow-wrap:anywhere; }
small,.meta { color:var(--text-2); font-size:var(--fs-2); }
small { display:block; font-weight:400; margin-top:var(--s1); }
ul,ol { padding-left:var(--s5); }
li { overflow-wrap:anywhere; }
li+li { margin-top:var(--s2); }
main,section,form,details,article,fieldset { min-width:0; }
.app-icon { width:16px; height:16px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.app-skip { position:absolute; left:-9999px; top:var(--s2); z-index:20; padding:var(--s2) var(--s3); background:var(--surface); border:1px solid var(--field); border-radius:var(--r-s); }
.app-skip:focus { left:var(--s2); }
.app-shell { display:grid; grid-template-columns:220px minmax(0,1fr); min-height:100vh; }
.app-window { min-width:0; }
.app-sidebar { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:var(--s3) var(--s2); background:var(--sidebar); border-right:1px solid var(--sep); overflow-y:auto; }
.app-brand, .auth-brand { display:flex; align-items:center; gap:var(--s2); }
.app-brand-mark { display:block; width:32px; height:32px; flex:none; }
.app-brand { min-height:var(--hit); color:var(--text); font-weight:700; padding:var(--s2) var(--s2) var(--s3); }
.app-nav-label { color:var(--text-2); font-size:var(--fs-1); font-weight:600; padding:0 var(--s2); margin:var(--s2) 0 var(--s1); }
.app-nav { display:flex; flex-direction:column; gap:2px; }
.app-sidebar [data-app-area] { display:flex; align-items:center; gap:var(--s2); min-height:var(--hit); color:var(--text); padding:var(--s1) var(--s2); border-radius:var(--r-s); transition:background-color var(--duration); }
.app-sidebar [data-app-area]:hover { background:var(--hover); text-decoration:none; }
.app-sidebar [data-app-area]:active { background:var(--press); }
.app-sidebar [aria-current] { background:var(--selection); font-weight:600; }
.app-sidebar [aria-current] .app-icon { color:var(--accent); }
.app-account { margin-top:auto; padding-top:var(--s3); border-top:1px solid var(--sep); font-size:var(--fs-2); }
.app-toolbar { position:sticky; top:0; z-index:3; min-height:52px; display:flex; flex-wrap:wrap; align-items:center; gap:var(--s2) var(--s3); padding:var(--s2) var(--s5); background:var(--bg); border-bottom:1px solid var(--sep); }
.app-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s1); min-width:0; font-size:var(--fs-2); }
.app-breadcrumbs [aria-current] { font-weight:600; }
.app-breadcrumbs .app-icon { width:12px; height:12px; color:var(--text-2); }
.environment-label { margin-left:auto; color:var(--text-2); background:var(--fill); border-radius:999px; padding:1px var(--s2); font-size:var(--fs-1); font-weight:600; }
.app-content { width:100%; max-width:920px; margin:0 auto; padding:var(--s5) var(--s6) var(--s6); }
.context-heading { margin-bottom:var(--s5); }
.context-heading p { color:var(--text-2); }
.app-content main>section,.app-content main>details,.app-content>section,.ui-group { margin:var(--s5) 0; padding:var(--s4); background:var(--surface); border:1px solid var(--sep); border-radius:var(--r-m); }
section>:first-child,article>:first-child,.ui-group>:first-child { margin-top:0; }
section>:last-child,article>:last-child { margin-bottom:0; }
details { margin:var(--s3) 0; border:1px solid var(--sep); border-radius:var(--r-m); background:var(--surface); }
summary { min-height:var(--hit); padding:var(--s2) var(--s3); cursor:pointer; font-weight:500; overflow-wrap:anywhere; }
summary:hover { background:var(--fill); }
details[open]>summary { border-bottom:1px solid var(--sep); }
details> :not(summary) { margin-left:var(--s4); margin-right:var(--s4); }
details> :last-child { margin-bottom:var(--s4); }
details details { background:var(--fill); }
label { display:block; margin:var(--s4) 0 var(--s2); font-size:var(--fs-2); font-weight:600; overflow-wrap:anywhere; }
input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea { display:block; width:100%; min-height:var(--control); padding:6px 10px; margin-top:var(--s1); border:1px solid var(--field); border-radius:var(--r-s); color:var(--text); background:var(--surface); font:inherit; font-size:var(--fs-3); font-weight:400; }
input::placeholder,textarea::placeholder { color:var(--text-2); opacity:1; }
textarea { min-height:6rem; resize:vertical; }
input[type=checkbox],input[type=radio] { width:18px; height:18px; margin-right:var(--s2); vertical-align:middle; accent-color:var(--accent); }
label:has(input[type=checkbox]),label:has(input[type=radio]) { min-height:var(--hit); display:flex; align-items:center; font-weight:400; }
fieldset { border:1px solid var(--sep); border-radius:var(--r-s); padding:var(--s4); margin:var(--s4) 0; }
legend { font-weight:600; font-size:var(--fs-2); padding:0 var(--s1); max-width:100%; }
button,.button-link { display:inline-flex; align-items:center; justify-content:center; gap:var(--s2); min-height:var(--control); max-width:100%; padding:5px 14px; border:1px solid var(--field); border-radius:var(--r-s); color:var(--text); background:var(--surface); font:inherit; font-weight:500; text-align:center; cursor:pointer; transition:background-color var(--duration),border-color var(--duration); overflow-wrap:anywhere; }
button:hover,.button-link:hover { background:var(--fill); text-decoration:none; }
button:active,.button-link:active { background:var(--press); }
button:disabled { opacity:.55; cursor:default; }
form>button,.current-task>[data-ap06-action]>button,.current-task>section>[data-ap06-action]>button,.current-task>[data-ap06-command],.price-workspace form>button { color:#fff; background:var(--accent); border-color:var(--accent); }
form>button:hover,.current-task [data-ap06-command]:hover,.price-workspace form>button:hover { background:var(--accent-hover); border-color:var(--accent-hover); }
[role=status]:empty,[role=alert]:empty { display:none; }
[role=status]:not(:empty),[role=alert]:not(:empty) { padding:var(--s3) var(--s4); background:var(--fill); border:1px solid var(--sep); border-radius:var(--r-m); margin:var(--s3) 0; }
[data-outcome="unknown"][role=status]:not(:empty),.blocker,.blocked-step,.ui-warning { color:var(--warn); padding:var(--s3) var(--s4); background:var(--warn-bg); border:1px solid var(--warn-line); border-radius:var(--r-m); }
.blocker h2,.blocked-step h2 { font-size:var(--fs-3); margin:0 0 var(--s1); }
.status { display:inline-flex; gap:var(--s1); align-items:center; padding:1px var(--s2); border-radius:999px; background:var(--fill); color:var(--text-2); font-size:var(--fs-1); font-weight:600; }
.status-warning { background:var(--warn-bg); color:var(--warn); }
.status-success { background:var(--ok-bg); color:var(--ok); }
.status-error { background:var(--bad-bg); color:var(--bad); }
.status-open { color:var(--text); background:var(--surface); box-shadow:inset 0 0 0 1px var(--field); }
dl { display:grid; grid-template-columns:minmax(8rem,.4fr) minmax(0,1fr); gap:var(--s2) var(--s4); margin:var(--s3) 0; }
dt { color:var(--text-2); }
dd { margin:0; min-width:0; white-space:pre-wrap; overflow-wrap:anywhere; }
dd ul { margin:0; padding-left:var(--s4); }
pre,blockquote { margin:var(--s3) 0; padding:var(--s3); background:var(--fill); border-radius:var(--r-s); white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; }
pre { font:var(--fs-1)/1.5 ui-monospace,"SF Mono",Menlo,monospace; }
blockquote { font:inherit; }
table { width:100%; border-collapse:collapse; background:var(--surface); }
th,td { padding:9px var(--s3); border-bottom:1px solid var(--sep); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
thead th { color:var(--text-2); background:var(--fill); font-size:var(--fs-2); font-weight:600; }
caption { text-align:left; margin-bottom:var(--s2); color:var(--text-2); font-size:var(--fs-2); }
.ui-list { padding:0; margin:var(--s3) 0; list-style:none; background:var(--surface); border:1px solid var(--sep); border-radius:var(--r-m); overflow:hidden; }
.app-content section>.ui-list { border:0; border-radius:0; }
.ui-list>li { margin:0; padding:var(--s3) var(--s4); }
.ui-list>li+li { border-top:1px solid var(--sep); }
.ui-list>li>.status { margin-left:var(--s3); }
.ui-list a { display:inline-flex; align-items:center; min-height:var(--hit); font-weight:500; }
.filter-status[role=status]:not(:empty) { padding:0; background:none; border:0; color:var(--text-2); font-size:var(--fs-2); }
.ui-empty { color:var(--text-2); padding:var(--s4); background:var(--fill); border-radius:var(--r-s); }
.event-sections { display:flex; flex-wrap:wrap; gap:var(--s1); padding:var(--s1); margin:var(--s4) 0; background:var(--fill); border-radius:var(--r-s); }
.event-sections a { display:inline-flex; align-items:center; min-height:var(--hit); padding:var(--s1) var(--s3); border-radius:var(--r-s); color:var(--text); }
.event-sections a:hover { background:var(--surface); text-decoration:none; }
.event-summary h2 { font-size:var(--fs-3); margin-bottom:var(--s2); }
.event-summary dl { margin:0; }
.event-next { margin:var(--s3) 0 0; padding-top:var(--s3); border-top:1px solid var(--sep); }
.event-capture { margin-top:var(--s5); }
#ap06-notice:empty { display:none; }
.event-capture>summary { color:var(--accent); }
.app-auth { max-width:480px; margin:8vh auto; padding:var(--s5); }
.auth-brand { font-weight:700; margin-bottom:var(--s5); }
.auth-content { background:var(--surface); border:1px solid var(--sep); border-radius:var(--r-l); padding:var(--s5); }
.auth-content h1 { font-size:22px; }
.auth-content a[href="/auth/login"],.auth-content [data-google-authorization] { display:flex; justify-content:center; align-items:center; min-height:44px; margin-top:var(--s5); color:white; background:var(--accent); border-radius:var(--r-s); padding:var(--s2) var(--s3); }
.auth-content a[href="/auth/login"]:hover { background:var(--accent-hover); text-decoration:none; }
.auth-footnote { color:var(--text-2); font-size:var(--fs-2); text-align:center; margin-top:var(--s4); }
@media(max-width:1024px),(pointer:coarse) { :root { --fs-1:14px; --fs-2:14px; --fs-3:15px; --control:44px; --hit:44px; } .app-breadcrumbs a { display:inline-flex; align-items:center; min-height:44px; } }
@media(max-width:1024px) { .app-shell { grid-template-columns:200px minmax(0,1fr); } .app-content { padding:var(--s5); } }
@media(max-width:760px) {
 :root { --fs-3:16px; --fs-4:18px; --fs-5:26px; }
 .app-shell { display:block; }
 .app-sidebar { position:static; height:auto; overflow:visible; padding:var(--s2) var(--s3); border-right:0; border-bottom:1px solid var(--sep); }
 .app-brand { padding:var(--s1) var(--s2); }
 .app-nav-label { display:none; }
 .app-nav { flex-direction:row; flex-wrap:wrap; gap:var(--s1); }
 .app-nav>a { flex:1 1 auto; min-width:max-content; justify-content:center; text-align:center; }
 .app-account { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s1); margin:var(--s1) 0 0; padding:0; border:0; }
 .app-account>a { justify-content:flex-end; }
 .app-toolbar { position:static; padding:var(--s1) var(--s4); }
 .environment-label { margin-left:0; }
 .app-content { padding:var(--s4); }
 dl { grid-template-columns:minmax(0,1fr); gap:var(--s1); }
 dd { margin-bottom:var(--s3); }
 .app-content main>section,.app-content main>details { padding:var(--s3); }
 .app-auth { margin:var(--s5) auto; padding:var(--s4); }
 .auth-content { padding:var(--s4); }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }
@media(forced-colors:active) { .status,.ui-warning,.blocker,.blocked-step { border:1px solid CanvasText; } .app-sidebar [aria-current] { outline:1px solid Highlight; } }

.ob-help {border:0;background:none;color:var(--accent);font:inherit;text-align:left;padding:8px 12px;min-height:36px;cursor:pointer}
.ob-guide {margin:16px 24px 0;padding:16px 20px;background:var(--surface);border:1px solid var(--sep);border-radius:var(--r-m);max-width:1000px}
.ob-guide h2,.ob-welcome h2 {font-size:var(--fs-4);margin:0 0 8px}.ob-guide p {max-width:75ch;margin:8px 0}
.ob-guide .ob-progress,.ob-small {font-size:var(--fs-2);color:var(--text-2)}
.ob-actions {display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.ob-actions button,.ob-actions a {display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border:1px solid var(--field);border-radius:var(--r-s);color:var(--text);background:var(--surface);font:inherit;cursor:pointer;text-decoration:none}
.ob-actions .ob-primary {background:var(--accent);color:white;border-color:var(--accent)}
.ob-actions button:hover,.ob-actions a:hover {background:var(--fill)}.ob-actions .ob-primary:hover {background:var(--accent-hover)}
.ob-actions button:disabled {opacity:.6;cursor:default}.ob-actions .ob-later {border-color:transparent;color:var(--accent)}
[data-tour-target],[data-tour-target]:focus {outline:2px solid var(--accent);outline-offset:4px;scroll-margin:24px}
.ob-guide .ob-more {margin:0;border:0;background:none}.ob-guide .ob-more>* {margin-left:0;margin-right:0}.ob-guide .ob-more>:last-child {margin-bottom:0}
.ob-guide .ob-more>summary {display:none}.ob-guide .ob-note {color:var(--warn)}
.ob-guide .ob-practice {margin:12px 0 0;max-width:65ch;padding:0;background:none;border:0;border-radius:0}
.ob-welcome {max-width:560px;width:calc(100% - 32px);padding:24px;border:1px solid var(--sep);border-radius:var(--r-l);font:var(--fs-3)/1.5 var(--font);color:var(--text);background:var(--surface)}
.ob-welcome::backdrop {background:rgb(29 29 31 / .25)}.ob-welcome p {margin:12px 0}.ob-welcome li {padding:3px 0}
@media(max-width:760px){.ob-guide {margin:12px 16px 0;padding:12px 16px}.ob-guide h2 {margin-bottom:4px}.ob-guide .ob-progress {margin:0 0 4px}.ob-actions {margin-top:8px}
.ob-guide .ob-more>summary {display:flex;align-items:center;min-height:44px;padding:0;color:var(--accent);font-weight:400}.ob-guide .ob-more>summary:hover {background:none}.ob-guide .ob-more[open]>summary {border:0}.ob-actions button,.ob-actions a,.ob-help {min-height:44px}.ob-welcome {padding:20px}}