/* Project intent navigation. Graphite marks location; petroleum is reserved for the next action. */
.app:has(.professional-nav){grid-template-rows:auto auto auto minmax(0,1fr) 30px!important}.app>.professional-nav{grid-row:2}.app>#guideBar{grid-row:3}.app:has(.professional-nav)>aside,.app:has(.professional-nav)>main{grid-row:4}.app:has(.professional-nav)>footer{grid-row:5}
body.presenting .app:has(.professional-nav){grid-template-rows:0 0 0 minmax(0,1fr) 0!important}body.presenting .professional-nav{display:none}body.presenting .app:has(.professional-nav)>main{grid-row:4}
.professional-head h1{font-size:26px;font-weight:650;line-height:1.2}
body.professional-area #mobileDock{visibility:hidden}
body.presenting .professional-workspace,body.presentation-exiting .professional-workspace{display:none}
.professional-origin{font-size:12px;min-height:36px;margin:3px 8px;white-space:normal}
.professional-delivery-identity{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;margin:-8px 0 16px}.professional-delivery-identity .btn{font-size:12px;min-height:40px;padding:6px}
.professional-nav{grid-column:1/-1;display:flex;align-items:center;gap:4px;padding:5px 14px;border-bottom:1px solid var(--line);background:var(--surface,#fff);min-width:0;z-index:5}
.professional-nav .btn{font-size:13px;min-height:40px;border-color:transparent;background:transparent;white-space:nowrap}
.professional-nav .btn[aria-current=page]{background:var(--selection,#2b3034);color:var(--selection-text,#fff)}
#workArea-studio{margin-left:auto;border-left:1px solid var(--line);border-radius:0}
.professional-workspace{position:fixed;left:0;right:0;bottom:26px;overflow:auto;overscroll-behavior:contain;background:var(--app-bg,#f3f4f4);z-index:28;padding:22px max(20px,calc((100vw - 1180px)/2));color:var(--ink,#1f2326)}
.professional-workspace[hidden]{display:none}.professional-head{display:flex;align-items:center;gap:24px;margin-bottom:10px}.professional-head h1{font-size:26px;font-weight:650;line-height:1.2;margin:3px 0}.professional-head small,.professional-intro,.professional-detail{color:var(--muted,#5b6266)}
.professional-intro{margin:0 0 22px;max-width:70ch;line-height:1.5}.professional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:24px}.professional-card{background:var(--surface,#fff);border:1px solid var(--line,#d5d9db);border-radius:12px;padding:20px;min-width:0}.professional-card h3{font-size:18px;margin:0 0 8px}.professional-state{font-weight:600;font-size:15px;line-height:1.5;margin:0 0 8px}.professional-detail{font-size:13px;line-height:1.6;overflow-wrap:anywhere;margin:7px 0 12px}.professional-card>.btn{margin:4px 8px 4px 0;min-height:44px;white-space:normal;text-align:left}.professional-card label{display:block;margin:12px 0}.professional-card select{max-width:100%;min-height:44px}.professional-card dt{font-weight:650;margin-top:12px}.professional-card dd{margin:4px 0;font-size:13px;line-height:1.5}.professional-area #toast{z-index:35}
body.presentation-active .professional-nav,body.presentation-exiting .professional-nav{display:none}
@media(max-width:1100px){.professional-nav{padding:3px 6px;gap:0;justify-content:space-between}.professional-nav .btn{padding:7px 8px;font-size:12px;min-height:42px}#workArea-studio{margin-left:2px}.professional-workspace{padding:14px 12px;bottom:25px}.professional-head{align-items:flex-start;gap:12px}.professional-head h1{font-size:23px}.professional-head>.btn{font-size:12px;max-width:125px;white-space:normal;min-height:44px}.professional-grid{gap:12px}.professional-card{padding:16px}.professional-area .mobile-bar{visibility:hidden}}
@media(max-width:600px){.professional-grid{grid-template-columns:1fr}.professional-nav .btn{padding:7px 5px;font-size:11.5px}.professional-head h1{font-size:22px}.professional-intro{font-size:13px;margin-bottom:14px}}
@media(max-width:1100px) and (max-height:500px){#mobileDock{top:calc(var(--professional-nav-bottom,var(--shell-header-bottom,58px)) + 6px)}}
@media(max-width:1100px){.professional-nav .btn{min-height:44px}}
/* Human review: contextual controls remain secondary to product areas. */
.professional-control-label{font-size:11px;color:var(--ink-muted);padding:0 6px;white-space:nowrap}
#viewSeg .pill{display:none}#viewSeg .btn{width:auto;min-width:82px;transition:none}#viewSeg .btn[data-view="2d"],body.m3d #viewSeg .btn[data-view="3d"]{background:var(--select,#2b3034);color:var(--select-ink,#fff)}body.m3d #viewSeg .btn[data-view="2d"]{background:transparent;color:var(--ink)}
.professional-nav{border-bottom:2px solid var(--line);font-weight:600}
#workArea-studio::before{content:'⚙';margin-right:5px;font-size:14px}
header #presentationBtn{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none;font-weight:500}
header #presentationBtn:hover{background:var(--surface-hover)}
body.m3d #tracePanel,body.m3d #traceBtn,body.m3d #newRoomBtn,body.m3d #panel:has(#traceEditSave),body.m3d #paletteBuild .palette-group,body.m3d #paletteWallBanner{display:none!important}
body.m3d #palette3dNote{display:block!important}
body.m3d #modes3d{border-right:0;border-radius:8px 0 0 8px;margin-right:-10px}
body.m3d #roofGroup{border-left:0;border-radius:0 8px 8px 0}
aside.right,#panel,#tracePanel,.panel-body,.panel-group,.panel-group-body{min-width:0;max-width:100%}
aside.right{overflow-x:hidden}
#panel .btn,#tracePanel .btn,#panel summary,#tracePanel summary{white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto;text-overflow:clip}
#panel .actions,#tracePanel .actions{flex-wrap:wrap;min-width:0}
#panel p,#tracePanel p,.panel-context,#traceWarnings{overflow-wrap:anywhere}
.professional-workspace{padding-left:max(20px,calc((100vw - 1100px)/2));padding-right:max(20px,calc((100vw - 1100px)/2))}
.professional-legend{grid-column:1/-1;order:1;border-top:1px solid var(--line);padding:12px 0;font-size:13px;color:var(--ink-muted)}
.professional-legend summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}
.professional-legend summary::before{content:'▸'}.professional-legend[open] summary::before{content:'▾'}
.professional-legend dl{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:8px 18px;max-width:75ch;margin:8px 0}
.professional-legend dt{font-weight:600}.professional-legend dd{margin:0}
.professional-grid:has(.professional-legend){grid-template-columns:minmax(0,1fr)}
.professional-budget-note{border-top:1px solid var(--line);margin-top:16px;padding-top:4px}.professional-budget-note h4{font-size:13px;margin:12px 0 6px}
.professional-more{border-top:1px solid var(--line);padding:16px 0 24px}.professional-more h2{font-size:15px;font-weight:600;color:var(--ink-muted);margin:0 0 14px}.professional-more .professional-card{background:transparent;max-width:540px}
.professional-card>.btn{border:1px solid var(--line)}
#territoryLayers label{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto}#territoryLayers label input{grid-column:1;grid-row:1}#territoryLayers label>span:not(.territory-layer-state){grid-column:2;grid-row:1}#territoryLayers .territory-layer-state{grid-column:3;grid-row:1}
.guide-journey-label{font-size:11px;color:var(--ink-muted);margin:6px 0;font-weight:600}.guide-steps{max-width:850px}.guide-steps .step-number{width:18px;height:18px;font-size:10px}.guide-steps button{font-size:11px}
@media(max-width:1100px){.professional-workspace{padding:14px 12px}#mobileDock .professional-control-label{display:none}body.m3d #modes3d{margin-right:-10px}}
@media(max-width:600px){#workArea-studio::before{margin-right:3px;font-size:12px}.professional-legend dl{display:block}.professional-legend dt{margin-top:12px}.professional-legend dd{margin:4px 0}.guide-journey-label{font-size:10px}}
@media(max-height:500px){.palette-tabs{position:static}}
/* Professional areas keep global navigation live and temporarily hide editor context. */
body.professional-area .app>header>:not(.professional-global-control):not(.brand){display:none!important}
body.professional-area .app>header>.professional-global-control{display:inline-flex!important;align-items:center}
body.professional-area .app>header{flex-wrap:wrap!important;height:auto!important;min-height:56px;overflow:visible;gap:6px 10px}
body.professional-area .app>header::after{display:none}
body.professional-area:not(.presenting) .app>aside,body.professional-area:not(.presenting) #stage,body.professional-area:not(.presenting) #guideBar{visibility:hidden}
.professional-source-details{margin-top:12px;font-size:13px;color:var(--ink-muted)}
.professional-source-details>summary{cursor:pointer;min-height:44px;padding:10px 0}
/* «Cuaderno de proyecto»: matte paper, architectural ink and restrained editorial emphasis. */
:root{--rubik-paper:#f6f2e9;--rubik-sheet:#fffcf6;--rubik-stone:#e9e2d5;--rubik-rule:#cbc2b3;--rubik-ink:#2d332f;--rubik-muted:#626457;--rubik-clay:#875936;--rubik-petrol:#205b60;--rubik-serif:Georgia,'Times New Roman',serif;--rubik-space:8px;--rubik-radius:4px;--rubik-motion:160ms}
.app,.professional-workspace{--surface-app:var(--rubik-paper);--surface-panel:var(--rubik-sheet);--surface-sunken:#efeae0;--surface-hover:#e8e2d6;--line:var(--rubik-rule);--line-strong:#978b79;--ink:var(--rubik-ink);--ink-muted:var(--rubik-muted);--muted:var(--rubik-muted);--action:var(--rubik-petrol);--select:#303b36;--focus:#21626b;--paper:var(--surface-sunken);--panel:var(--rubik-sheet);--bg:var(--rubik-paper);--app-bg:var(--rubik-paper)}
.app>header{background:var(--rubik-sheet)}.app>header .brand b{letter-spacing:-.025em}.app>aside{background:var(--rubik-sheet)}
.professional-nav{background:var(--rubik-sheet);border-bottom:1px solid var(--rubik-rule);padding-top:5px;padding-bottom:5px}
.professional-nav .btn{border-radius:var(--rubik-radius);font-weight:500;transition:border-color var(--rubik-motion)}
.professional-nav .btn[aria-current=page]{background:#303b36;color:#fffdf7;box-shadow:inset 0 -2px 0 #b99b78}
#workArea-studio::before{content:'';display:inline-block;width:15px;height:15px;vertical-align:-2px;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3zM7 9h3v4H7zM13 9h5m-5 4h5M6 17h12' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E")}
.professional-workspace{background:var(--rubik-paper);padding-top:24px}
.professional-head{gap:28px;margin-bottom:12px}.professional-head h1{font:400 36px/1.12 var(--rubik-serif);letter-spacing:-.035em;margin-top:5px}.professional-head small{font-size:11px;letter-spacing:.04em}.professional-head>.btn{border-radius:var(--rubik-radius)}
.professional-intro{font-size:14px;line-height:1.6;margin-bottom:22px;max-width:74ch}
.professional-project-context{display:flex;align-items:center;gap:16px;border-top:1px solid var(--rubik-rule);border-bottom:1px solid var(--rubik-rule);padding:12px 0;margin-bottom:28px}
.professional-project-context>div{display:grid;gap:3px}.professional-project-context small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--rubik-muted)}.professional-project-context strong{font-size:16px;font-weight:600}.professional-project-context span{font-size:12px;color:var(--rubik-muted)}
.professional-plan-preview{width:88px;height:66px;flex:none;overflow:visible;background:var(--rubik-sheet);border:1px solid var(--rubik-rule)}.professional-plan-preview .preview-room{fill:#dfd6c4;stroke:#a89c87;stroke-width:20}.professional-plan-preview .preview-wall{fill:#51574d}
.professional-grid{column-gap:36px;row-gap:0}.professional-card{position:relative;border:0;border-top:1px solid var(--rubik-rule);border-radius:0;background:transparent;padding:24px 0;box-shadow:none}
.professional-card h3{font-size:19px;font-weight:600;letter-spacing:-.025em;margin:0 0 12px}.professional-card>.professional-symbol{float:right;margin:0 0 8px 12px}
.professional-symbol{width:26px;height:26px;fill:none;stroke:var(--rubik-clay);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.professional-state{font-size:14px;font-weight:600}.professional-detail{font-size:13px;line-height:1.65}.professional-card>.btn{border-radius:var(--rubik-radius);border-color:#978b79;background:var(--rubik-sheet);transition:background var(--rubik-motion),border-color var(--rubik-motion);min-height:44px}
.professional-card>.btn:hover{background:var(--surface-hover);border-color:var(--rubik-ink)}
.professional-card select{background:var(--rubik-sheet);border:1px solid #978b79;border-radius:var(--rubik-radius);color:var(--rubik-ink)}
.professional-metric{margin:12px 0 18px;line-height:1.3}.professional-number{font:400 56px/1 var(--rubik-serif);letter-spacing:-.055em;font-variant-numeric:tabular-nums}.professional-number-context{font-size:13px;color:var(--rubik-muted);margin-left:8px}
.professional-status-chip{display:inline-block;padding:3px 7px;border:1px solid var(--rubik-rule);border-radius:2px;background:var(--rubik-stone);color:var(--rubik-ink);font-size:12px;font-weight:600}
.professional-workspace[data-area=analyze] .professional-card[data-module=areas]{border-top:2px solid var(--rubik-petrol)}
.professional-grid:has(>.professional-delivery-group){display:block}
.professional-delivery-group{margin:0 0 28px}.professional-delivery-group>h2{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--rubik-clay);font-weight:650;margin:0;padding:0 0 12px;border-bottom:1px solid var(--rubik-rule)}
.professional-group-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}.professional-delivery-group .professional-card{border-top:0;margin:0}
.professional-delivery-group[data-group=documentation] .professional-group-items{gap:16px;margin-top:16px}.professional-delivery-group[data-group=documentation] .professional-card{padding:22px 24px;background:var(--rubik-sheet);border:1px solid var(--rubik-rule);border-left:3px solid var(--rubik-petrol);border-radius:2px}
.professional-delivery-group[data-group=documentation] .professional-number{font-size:44px}
.professional-delivery-group[data-group=signature] .professional-group-items{grid-template-columns:1fr}.professional-delivery-group[data-group=signature] .professional-card{max-width:650px}
.professional-more{margin-top:8px}.professional-more .professional-card{padding:12px 0;border:0}.professional-more h2{font-size:12px;letter-spacing:.03em}
.professional-signature-preview{display:flex;flex-direction:column;gap:7px;padding:24px;background:var(--rubik-sheet);border:1px solid var(--rubik-rule);border-left:3px solid var(--rubik-clay);margin:16px 0 20px;overflow-wrap:anywhere}
.professional-signature-preview>small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--rubik-muted);margin-bottom:8px}.professional-signature-preview>strong{font:400 27px/1.2 var(--rubik-serif);letter-spacing:-.02em}.professional-signature-preview>span{font-size:13px;color:var(--rubik-muted)}.professional-signature-preview>img{max-width:140px;max-height:66px;object-fit:contain;align-self:flex-start;margin-bottom:6px}.professional-signature-preview>.professional-symbol{margin-bottom:4px}
.professional-studio-project{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--rubik-rule);font-size:12px;color:var(--rubik-muted)}.professional-studio-project .professional-plan-preview{width:68px;height:52px}
.professional-project-context>div,.professional-studio-project>span{min-width:0;overflow-wrap:anywhere}
.professional-workspace[data-area=budget] .professional-card{max-width:780px;border-top:2px solid var(--rubik-petrol)}.professional-workspace[data-area=budget] .professional-card h3{font:400 28px/1.2 var(--rubik-serif)}.professional-budget-note{border-color:var(--rubik-rule)}.professional-legend{border-color:var(--rubik-rule)}
@media(max-width:1100px){.professional-workspace{padding-top:18px}.professional-head h1{font-size:31px}.professional-grid,.professional-group-items{column-gap:24px}.professional-project-context{margin-bottom:22px}.professional-number{font-size:48px}}
@media(max-width:600px){.professional-head{gap:14px}.professional-head h1{font-size:29px}.professional-intro{font-size:13px}.professional-group-items{grid-template-columns:1fr}.professional-card{padding:20px 0}.professional-delivery-group{margin-bottom:20px}.professional-delivery-group[data-group=documentation] .professional-card{padding:18px}.professional-number{font-size:48px}.professional-project-context{gap:12px;margin-bottom:20px}.professional-plan-preview{width:72px;height:56px}.professional-signature-preview{padding:20px}.professional-nav .btn{font-size:11.5px}.professional-nav #workArea-studio::before{width:13px;height:13px}}
@media(max-height:500px){.professional-workspace{padding-top:12px}.professional-head h1{font-size:28px}.professional-project-context{padding:8px 0;margin-bottom:16px}.professional-project-context .professional-plan-preview{width:64px;height:46px}}
@media(max-height:500px) and (min-width:601px){.professional-head{margin-bottom:6px}.professional-intro{font-size:12px;margin-bottom:10px;line-height:1.4}.professional-project-context{padding:6px 0;margin-bottom:10px}.professional-project-context .professional-plan-preview{width:44px;height:30px}.professional-project-context>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.professional-project-context small{display:none}.professional-project-context strong{font-size:13px}.professional-card{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.professional-workspace *,.professional-nav *{animation:none!important;transition:none!important}}
/* Short landscape phones: the area bar and the journey label give their height back to the plan (≥ 100 px). */
@media(max-width:1100px) and (max-height:500px){.professional-nav{padding-top:2px;padding-bottom:2px}.professional-nav .btn{min-height:40px;padding-top:4px;padding-bottom:4px}.guide-journey-label{display:none}}