/* Functional controls inherit the design branch's typography and colors. */
.functional-note{font-size:11px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}
.functional-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.functional-actions button,.functional-form button{padding:7px 10px;border:1px solid var(--line2);border-radius:5px}
.functional-form{display:grid;gap:12px;padding:22px}.functional-form label{display:grid;gap:5px}.functional-form input,.functional-form select,.functional-form textarea,#feed-speed{color:var(--text);background:var(--surface);border:1px solid var(--line2);padding:7px;max-width:100%}
.functional-form .consent{display:flex;align-items:start;gap:8px}.functional-form .consent input{margin-top:3px}
.functional-card{padding:12px 0;border-bottom:1px solid var(--line2);line-height:1.5}.functional-card h3{font-size:13px;margin:0 0 7px}.functional-card p{margin:6px 0}.functional-card small{display:block;color:var(--muted)}
#recommendations{overflow-wrap:anywhere}#recommendations details{font-size:11px}#recommendations pre{white-space:pre-wrap;overflow-wrap:anywhere}
.functional-preview{padding:12px;border:1px solid var(--accent);border-radius:5px;margin:10px 0}.functional-preview p{margin:6px 0}.functional-preview label{display:flex;gap:6px;align-items:start}
.functional-table{width:100%;border-collapse:collapse}.functional-table th,.functional-table td{padding:8px;text-align:left;border-bottom:1px solid var(--line2)}
.functional-route{display:block;padding:8px;width:100%;text-align:left;overflow-wrap:anywhere}.functional-route small{display:block;color:var(--muted)}
.functional-selected{outline:1px solid var(--accent)}.functional-notifications{max-height:210px;overflow:auto}.functional-notifications article{padding:8px 0;border-bottom:1px solid var(--line)}
.functional-summary{font-size:12px;line-height:1.6}.functional-summary strong{display:block}.functional-warning{color:#d29d79}
.quote-panel .functional-actions{margin:4px 0}.quote-panel .functional-note{max-height:100px;overflow:auto}
.detail-drawer .functional-body{padding:24px}.detail-drawer .functional-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}
#mobile-guidance{display:none;padding:20px;background:var(--surface)}.workspace.full-map{grid-template-columns:1fr}.workspace.full-map>.agent-panel{display:none}.workspace.full-map>.main-workspace{grid-column:1/-1}
.network-view .facility-card{overflow:auto}.functional-map-status{padding:8px;font-size:11px}.functional-conversation{border-top:1px solid var(--line);padding-top:12px}
@media(max-width:700px){#mobile-guidance{display:block}.workspace,.topbar{display:none!important}}
@media print{.functional-actions{display:none}.functional-body{color:#222;background:white}}

.model-picker{display:flex;align-items:center;gap:6px;font-size:11px}.model-picker select{color:var(--text);background:var(--surface);border:1px solid var(--line2);max-width:150px;padding:5px}.project-tools{flex-wrap:wrap}.viewer-tools .text-button{font-size:11px;padding:5px}.viewer-tools [aria-pressed="true"]{color:var(--accent)}
.drone-stage .scene-container{inset:0}
