/* Grupo Plano · Atlas espacial — v0.10.0. Presentation only. */
:root{--bg:#eeede8;--surface:#fafaf7;--inset:#f0f0eb;--ink:#202c34;--ink-soft:#53616a;--ink-faint:#68747b;--rule:#d9ddd8;--head:#183646;--link:#22516a;--fill:#173e53;--fill-2:#24566e;--accent:#b28b42;--accent-tx:#80601f;--accent-bg:#f1e9d8;--shadow:rgba(24,42,51,.07);--shadow-2:rgba(24,42,51,.16)}
[data-theme=dark]{--bg:#111d25;--surface:#172730;--inset:#122129;--ink:#e7eeed;--ink-soft:#b3c0c3;--ink-faint:#95a7ad;--rule:#30424b;--head:#e0e9e7;--link:#9ec6d7;--fill:#34687e;--fill-2:#417e93;--accent:#d3b16d;--accent-tx:#d3b16d;--accent-bg:#303028}
html,body{min-height:100%;scroll-behavior:smooth}body{font-size:15px;line-height:1.5}.topbar{position:relative;background:var(--surface)}.top-in{max-width:none;height:76px;padding:0 28px;flex-wrap:nowrap;gap:12px}.mark{height:30px}.wordmark{font-size:15px;letter-spacing:-.5px}.live-pill{font-family:var(--mono);font-weight:400;background:none;color:var(--ink-faint);border-left:1px solid var(--rule);border-radius:0;margin-left:12px;padding:0 20px;font-size:10px;letter-spacing:.07em}.live-pill .led{display:none}.userchip{border:0;background:none;padding:0;gap:8px}.userchip .av{display:none}.userchip .un{font-weight:600;font-size:11px;color:var(--ink-soft)}.userchip .ur{font-size:10px;color:var(--ink-faint)}.linkout{font-size:9px;letter-spacing:.08em;min-height:44px}.tt{width:44px;height:44px;border:0}.hero{max-width:none;padding:23px 28px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 24px}.hero .kicker{font-size:9px;letter-spacing:.17em;grid-column:1}.hero h1{font-size:29px;line-height:1.2;margin:5px 0 0;letter-spacing:-1.2px}.hero p{font-size:12px;max-width:none;margin:0;grid-column:1;color:var(--ink-faint)}.hero .rule{display:none}.view-nav{grid-column:2;grid-row:1/4;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--rule);border-radius:9px;background:var(--surface)}.view-nav button,.view-nav a{min-height:42px;padding:10px 19px;border:0;border-radius:5px;background:none;color:var(--ink-soft);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.view-nav button[aria-pressed=true]{background:var(--fill);color:white;box-shadow:0 2px 4px var(--shadow)}.view-nav a:hover{background:var(--inset)}.plate{display:none}.cmd{max-width:none;margin:0 28px;padding:0 0 12px;gap:6px;flex-wrap:nowrap;border-bottom:1px solid var(--rule);min-height:50px}.cmd .kpi{border:0;background:none;border-radius:0;padding:0 20px 0 0;gap:7px;flex:none}.kpi .n{font-size:18px;color:var(--head)}.kpi .l{font-size:10px}.kpi .l b{font-size:8px;color:var(--ink-faint);letter-spacing:.08em}.cmd .kpi:nth-child(2),.cmd .kpi:nth-child(3){display:none}.fchip{min-height:36px;border:0;border-radius:5px;font-size:9px;letter-spacing:.04em;padding:7px 12px;background:transparent;color:var(--ink-soft)}.fchip.on{background:var(--surface);color:var(--head);box-shadow:0 1px 3px var(--shadow)}.cmd>.btn{margin-left:auto;font-size:9px;border:0;letter-spacing:.04em;min-height:40px}.floorwrap{max-width:none;margin:16px 28px 0;padding:0;display:grid;grid-template-columns:252px minmax(0,1fr);gap:0;height:calc(100svh - 278px);min-height:520px;max-height:1100px;border:1px solid var(--rule);border-radius:12px;overflow:hidden;box-shadow:0 12px 35px var(--shadow)}.stage{height:100%;min-height:0;border:0;border-radius:0;background:#d9e1df}.hint{left:22px;top:22px;right:auto;font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.04em;border:0;background:transparent;color:#46606a;padding:0;max-width:70%;text-transform:none;pointer-events:none}.zoomctl{top:66px;right:16px;gap:5px}.zoomctl button{width:40px;height:40px;border:1px solid #cad5d3;border-radius:7px;color:#244958;background:#f9faf5;box-shadow:0 2px 5px #163a4810;font-size:17px}.zoomctl button:hover{background:#fff}.panctl{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(2,32px);gap:3px}.panctl button{width:32px;height:32px;font-size:12px}.zoomctl .panctl{margin-top:9px}.feedcol{display:none;width:auto;border:0;border-left:1px solid var(--rule);border-radius:0;min-height:0}.feedhead{padding:16px}.feedhead .led{display:none}.feedhead .t{font-size:12px;font-weight:600}.feed{min-height:0;overflow:auto;padding:0 16px 16px;background:var(--surface);gap:0}.fe{border:0;border-top:1px solid var(--rule);border-radius:0;padding:12px 0;background:transparent;font-size:12px;animation:none}.fe b{font-weight:600;font-size:11px}.fe .ft{font-weight:400;font-size:10px;float:none;display:block;color:var(--ink-faint);margin-bottom:4px}.monitor-note{padding:0 16px 14px;font-size:11px;color:var(--ink-faint);border-bottom:1px solid var(--rule)}body[data-view=monitor] .floorwrap{grid-template-columns:225px minmax(0,1fr) 270px}body[data-view=monitor] .feedcol{display:flex}.directory{background:#163544;color:#eef2ef;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-right:1px solid #234959}.directory-head{padding:22px 19px 16px}.directory .section-label{font:9px var(--mono);letter-spacing:.18em;color:#bacbcd}.directory h2{color:#f2f3ee;font-size:20px;letter-spacing:-.6px;margin:5px 0 15px;font-weight:600}.directory-search{display:block;position:relative}.directory-search input{width:100%;min-height:42px;background:#224453;border:1px solid #42606a;border-radius:6px;padding:10px 12px;color:#fff;font:13px 'Source Sans 3',sans-serif;outline-offset:2px}.directory-search input::placeholder{color:#b8cccf}.directory-select{width:100%;min-height:40px;background:#163544;color:#d3dfdf;border:0;border-bottom:1px solid #42606a;border-radius:0;font:12px 'Source Sans 3',sans-serif;margin-top:8px;padding:8px 0}.directory-summary{padding:0 20px 10px;font-size:11px;color:#afc3c8;display:flex;justify-content:space-between}.directory-list{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#617d87 transparent;padding:0 8px 10px}.person-row{width:100%;display:flex;text-align:left;align-items:center;gap:10px;padding:10px;border:0;border-radius:6px;background:transparent;color:#edf1f0;min-height:60px}.person-row:hover,.person-row.selected{background:#2d5160}.person-initials{width:31px;height:35px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid #6f878f;border-radius:9px 9px 5px 5px;font:10px 'Montserrat',sans-serif;color:#e0c28a}.person-copy{flex:1;min-width:0}.person-copy strong{display:block;font-weight:600;font-size:13px}.person-copy small{display:block;color:#b9c9cd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-top:2px}.person-arrow{font-size:15px;color:#a5bfc6}.directory-foot{padding:14px 18px;border-top:1px solid #3b5864;color:#bdcdd0;font-size:10px;line-height:1.5}.directory-foot strong{font-weight:600;color:#e2c995}.directory-toggle{display:none}.map-caption{position:absolute;bottom:20px;left:22px;z-index:5;pointer-events:none}.map-caption .map-eyebrow{font:8px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#49656b}.map-caption h2{font-size:18px;color:#254753;letter-spacing:-.6px;font-weight:600;margin-top:4px}.map-caption p{font-size:10px;color:#546e73;max-width:250px;margin-top:3px}.camera-views{display:flex;gap:4px;position:absolute;bottom:20px;right:18px;z-index:5;padding:4px;background:#fafbf7;border:1px solid #c9d5d2;border-radius:8px;box-shadow:0 4px 12px #284c5510}.camera-views button{font-size:10px;min-height:36px;padding:8px 12px;border:0;background:none;color:#375661;border-radius:4px}.camera-views button[aria-pressed=true]{background:#1c4657;color:#fff}.scene-label{position:absolute;top:20px;right:19px;color:#42636c;font:9px var(--mono);letter-spacing:.1em;z-index:4}.workspace-note{margin:11px 28px 0;display:flex;justify-content:space-between;gap:16px;color:var(--ink-faint);font-size:10px}.workspace-note span:first-child::before{content:'◇';color:var(--accent-tx);margin-right:7px}.org-sec{max-width:none;margin:64px 28px 0;padding:0}.org-head{padding-top:28px}.org-h2{font-size:26px}.org-p{font-size:13px}.org-frame{border-radius:8px}.org-frame iframe{height:1350px}.org-head .eyebrow{color:var(--accent-tx);font-size:9px}.org-head a{font-size:10px;letter-spacing:.05em}footer{max-width:none;margin:18px 28px 30px;padding:0;font-size:10px;color:var(--ink-faint)}.drawer{width:380px;right:-420px;border-radius:14px 0 0 14px;top:12px;height:calc(100svh - 24px)}.d-head{padding:34px 24px 22px}.d-body{padding:14px 24px}.d-close{min-width:44px;min-height:44px;top:8px;right:8px}.d-row{padding:13px 0;font-size:12px;gap:20px}.d-row span:first-child{color:var(--ink-faint)}.d-atv{font-size:12px}.d-actions .btn{font-size:9px;letter-spacing:.07em}.led-on{animation:none}.badge{letter-spacing:.06em;font-size:8px}.btn{border-radius:6px}.btn:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.empty-directory{padding:20px;color:#bdcdd0;font-size:13px}#vig{background:radial-gradient(ellipse at center,transparent 50%,#22445113 100%)}
@media(min-width:1650px){.floorwrap{grid-template-columns:280px minmax(0,1fr)}.person-row{min-height:66px}.hero h1{font-size:32px}}
@media(max-width:1100px){.top-in{padding:0 20px}.live-pill{display:none}.hero{padding:20px}.cmd{margin:0 20px}.floorwrap{margin:14px 20px 0;grid-template-columns:220px minmax(0,1fr)}body[data-view=monitor] .floorwrap{grid-template-columns:190px minmax(0,1fr)}body[data-view=monitor] .directory{display:none}body[data-view=monitor] .feedcol{grid-column:1;grid-row:1}body[data-view=monitor] .stage{grid-column:2}.workspace-note{margin:10px 20px 0}.camera-views button{padding:8px}.map-caption{bottom:75px}.org-sec{margin:48px 20px 0}}
@media(max-width:700px){.top-in{height:60px;padding:0 16px;gap:7px}.mark{height:25px}.wordmark{font-size:12px}.userchip{display:none}.tt{margin-left:auto}.top-in>.linkout{display:none}.hero{padding:17px 16px 12px;display:block}.hero .kicker{font-size:8px}.hero h1{font-size:25px;margin:5px 0}.hero p{font-size:11px}.view-nav{margin-top:16px;width:100%;justify-content:space-between}.view-nav button,.view-nav a{font-size:11px;min-height:44px;padding:10px 18px;flex:1;text-align:center}.cmd{margin:0 16px;gap:0;padding-bottom:7px;min-height:48px;overflow:auto}.cmd .kpi{display:none}.cmd>.btn{font-size:8px;white-space:nowrap;padding:8px}.fchip{font-size:8px;padding:9px;min-height:44px}.floorwrap{display:flex;flex-direction:column;margin:12px 12px 0;height:auto;min-height:0;max-height:none;border-radius:9px;overflow:hidden}.directory{order:0;border:0;flex:none}.directory-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;color:#edf3ef;background:#173c4e;padding:13px 16px;min-height:48px;font:12px 'Source Sans 3',sans-serif}.directory-head,.directory-summary,.directory-list,.directory-foot{display:none}.directory.expanded .directory-head,.directory.expanded .directory-summary,.directory.expanded .directory-foot{display:block}.directory.expanded .directory-list{display:block;max-height:270px}.directory.expanded .directory-head{padding:16px}.directory h2{display:none}.directory .section-label{display:none}.directory-search input{font-size:16px}.directory-select{font-size:14px}.stage{order:1;width:100%;height:calc(100svh - 390px);min-height:380px;flex:none}.hint{top:17px;left:15px;font-size:8px;max-width:70%}.scene-label{display:none}.zoomctl{right:10px;top:48px;gap:5px}.zoomctl button{min-width:44px;min-height:44px}.panctl{display:none}.map-caption{left:15px;bottom:76px}.map-caption h2{font-size:17px}.map-caption p{font-size:10px;max-width:220px}.camera-views{bottom:15px;right:12px;left:12px;justify-content:space-between}.camera-views button{flex:1;min-height:44px;font-size:11px}.workspace-note{margin:10px 16px 0;display:block;font-size:10px}.workspace-note span{display:block;margin-bottom:4px}.org-sec{margin:38px 16px 0}.org-head>div{min-width:0}.org-h2{font-size:22px}.org-p{font-size:12px}.org-head a{min-height:44px;padding:12px}.org-frame iframe{height:1100px}.feedcol{order:2;max-height:410px;min-height:250px;border-left:0;border-top:1px solid var(--rule)}body[data-view=monitor] .directory{display:block}body[data-view=monitor] .feedcol{display:flex}.drawer{top:0;height:100svh;max-width:100%;width:100%;right:-110%;border-radius:0}.drawer.open{right:0}footer{margin:18px 16px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0s!important;transition-duration:0s!important}}
