/* ============================================================
   PORTAL AUSA · v128.17 · CREACIÓ WEB · MASTER DATA CONSISTENCY
   ============================================================ */
.webListToolbar{display:flex;gap:10px;margin:0 0 16px}.webListToolbar input{flex:1}.webListToolbar select{width:210px}.webDoctrine{display:flex;align-items:center;gap:12px;border:1px solid #e1d7aa;background:#fffbed;padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:11px}.webDoctrine b{background:#111;color:var(--yellow);padding:5px 8px;border-radius:6px;font-size:9px;letter-spacing:.08em}.webProjectGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.webProjectCard{appearance:none;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.webProjectCard:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000000d;border-color:#c9c9c9}.webProjectCardTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.webProjectCardTop>div{display:flex;align-items:center;gap:10px;min-width:0}.webProjectCard h3{font-size:15px;margin:2px 0 0}.webProjectMeta{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted);margin:18px 0 9px}.webProgress{height:5px;background:#eee;border-radius:99px;overflow:hidden}.webProgress i{display:block;height:100%;background:var(--yellow)}.webProjectLinks{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.webProjectLinks span{font-size:8px;font-weight:800;background:#f3f3f3;border-radius:999px;padding:5px 7px}.webProjectUrl{font-size:9px;color:#666;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webSetupWarning{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:20px;border:1px solid #ead9a0;background:#fffbed;border-radius:12px;font-size:11px}.webSetupWarning b{font-size:14px}
body.webWorkspaceMode{overflow:hidden}body.webWorkspaceMode .sidebar,body.webWorkspaceMode .desktopSidebarToggle,body.webWorkspaceMode .topbar,body.webWorkspaceMode .mobileBottomNav,body.webWorkspaceMode .mobileQuickAdd,body.webWorkspaceMode .assistantFab{display:none!important}body.webWorkspaceMode .app{margin-left:0!important;width:100%!important;height:100vh!important}body.webWorkspaceMode .content{padding:0!important;max-width:none!important;height:100vh;overflow:hidden}body.webWorkspaceMode #view-web{height:100vh;overflow:hidden}body.webWorkspaceMode .view:not(#view-web){display:none!important}.webWorkspace{height:100vh;background:#f4f4f1;display:flex;flex-direction:column}.webWorkspaceTop{height:64px;flex:0 0 64px;background:#0a0a0a;color:#fff;display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;padding:0 18px;gap:16px;border-bottom:1px solid #252525}.webBack{border:0;background:transparent;color:#ddd;font-size:11px;font-weight:800;cursor:pointer;text-align:left}.webBack:hover{color:var(--yellow)}.webWorkspaceBrand{min-width:0;text-align:center}.webWorkspaceBrand>b{display:block;font-size:10px;color:var(--yellow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webWorkspaceBrand>span{display:block;font-size:9px;color:#aaa;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webWorkspaceActions{display:flex;align-items:center;gap:7px;justify-content:flex-end}.webWorkspaceGrid{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:0;flex:1}.webStepRail{background:#101010;color:#fff;padding:14px 10px;overflow:auto}.webStepRail button{position:relative;width:100%;border:0;background:transparent;color:#888;border-radius:8px;padding:9px 9px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;text-align:left;cursor:pointer;gap:5px}.webStepRail button span{font-size:8px;font-weight:900;color:#666}.webStepRail button b{font-size:10px}.webStepRail button i{font-style:normal;color:#55b06e}.webStepRail button.active{background:#252013;color:#fff}.webStepRail button.active span{color:var(--yellow)}.webStepRail button.visited:not(.active){color:#c6c6c6}.webStepMain{overflow:auto;padding:26px 30px 90px}.webStepTitle{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;max-width:1500px;margin:0 auto 18px}.webStepTitle h1{font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;margin:5px 0 4px}.webStepTitle p{font-size:11px;color:var(--muted);max-width:720px;line-height:1.55;margin:0}.webMasterProgress{width:160px;flex:0 0 160px;text-align:right}.webMasterProgress b{font-size:24px}.webMasterProgress span{display:block;font-size:8px;color:#777}.webMasterProgress i{display:block;height:4px;background:#ddd;margin-top:7px;border-radius:99px;overflow:hidden}.webMasterProgress em{display:block;height:100%;background:var(--yellow)}.webStepBody{max-width:1500px;margin:auto}.webTwoCol{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:14px;align-items:start}.webPanel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;min-width:0}.webPanel h2{margin:0 0 5px;font-size:21px}.webPanel h3{font-size:14px}.webPanel .formGrid{margin-top:16px}.webGuide{background:#fbfbf8}.webRule{padding:12px;background:#f2f0e8;border-left:3px solid var(--yellow);font-size:10px;line-height:1.55;margin-top:14px}.webStepFooter{position:fixed;left:205px;right:0;bottom:0;min-height:68px;background:#ffffffed;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:10px 30px;z-index:20}.webStepFooter>div{display:flex;gap:8px}.webNewHero{flex:1;display:grid;grid-template-columns:1fr minmax(360px,.7fr);gap:6vw;align-items:center;width:min(1180px,calc(100% - 48px));margin:auto}.webNewHero h1{font-size:clamp(48px,7vw,96px);line-height:.91;letter-spacing:-.06em;margin:8px 0 18px;max-width:10ch}.webNewHero p{font-size:16px;line-height:1.6;color:#666;max-width:600px}.webNewForm{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 20px 70px #00000012}.webStartBtn{width:100%;margin-top:6px}.webActionGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.webActionCard{border:1px solid var(--line);background:#fafafa;border-radius:10px;padding:16px;text-align:left;cursor:pointer}.webActionCard b{display:block;font-size:13px}.webActionCard span{font-size:9px;color:#777}.webActionCard:hover{border-color:#999}.webInlineActions,.webReviewActions,.webBuildActions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.webUpload{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed #bbb;background:#fafafa;padding:13px;border-radius:10px;margin:13px 0}.webUpload b{display:block;font-size:11px}.webUpload span{display:block;font-size:8px;color:#888;margin-top:2px}.webAssetGrid{display:flex;flex-direction:column;gap:7px}.webAsset{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px;border:1px solid #e6e6e6;border-radius:9px}.webAsset>div{display:flex;align-items:center;gap:8px;min-width:0}.webAssetIcon{width:31px;height:31px;display:grid;place-items:center;background:#111;color:var(--yellow);border-radius:7px;font-weight:900}.webAsset b{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.webAsset small{display:block;font-size:8px;color:#888}.webAssetEmpty{padding:20px;text-align:center;background:#fafafa;color:#999;font-size:9px;border-radius:9px}.webAssetActions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.webR2Upload{align-items:flex-start}.webR2UploadMain{min-width:0;flex:1}.webR2UploadControls{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.webR2UploadControls .field{min-width:120px}.webR2UploadControls input[type=number]{width:130px}.webR2Progress{margin-top:9px}.webR2ProgressTrack{height:7px;background:#e8e8e4;border-radius:99px;overflow:hidden}.webR2ProgressTrack i{display:block;height:100%;width:0;background:var(--yellow);transition:width .12s linear}.webR2ProgressText{display:flex;justify-content:space-between;gap:10px;margin-top:5px;font-size:8px;color:#777}.webAssetProvider{font-weight:800}.webAssetProvider.r2{color:#6d4ad1}.webJsonField textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.55;background:#121212;color:#eee;border-color:#333;min-height:300px}.webAiBtn{background:#1d1236!important;color:#fff!important;border-color:#34205f!important}.webGenerated{border:1px solid #ddd;background:#fff;border-radius:10px;overflow:hidden}.webGeneratedTop{background:#111;color:var(--yellow);font-size:8px;font-weight:900;padding:7px 10px}.webGenerated p{font-size:10px;line-height:1.55;padding:0 12px}.webGenerated pre{max-height:360px;overflow:auto;font-size:8px;line-height:1.5;background:#f7f7f7;margin:0;padding:12px;white-space:pre-wrap}.webGeneratedEmpty{padding:25px;text-align:center;background:#f7f7f7;color:#999;font-size:9px}.webChecklist{display:flex;flex-direction:column;gap:6px}.webCheck{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #e4e4e4;border-radius:8px;background:#fff}.webCheck input{margin:0}.webCheck b{display:block;font-size:9px}.webCheck small{display:block;font-size:8px;color:#777;margin-top:2px}.webCheck>i{font-style:normal;font-size:7px;text-transform:uppercase;background:#fff0ba;color:#725400;padding:3px 5px;border-radius:99px}.webCheck.done{background:#f2faf4;border-color:#d0e8d5}.webCheck.done b{text-decoration:line-through;color:#68766b}.webCheck.compact{padding:6px 8px}.webTest30{background:#111;color:#fff;border-radius:12px;padding:18px}.webTest30 .eyebrow{color:var(--yellow)}.webTest30 h3{font-size:20px}.webTest30 span{display:block;padding:8px 0;border-top:1px solid #333;font-size:10px}.webBuildHero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#111;color:#fff;border-radius:12px;padding:20px}.webBuildHero h3{font-size:23px;margin:5px 0}.webBuildHero p{font-size:10px;color:#aaa}.webBuildHero a{color:var(--yellow)}.webTimeline>div{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #eee}.webTimeline i{width:8px;height:8px;background:var(--yellow);border-radius:50%;margin-top:4px}.webTimeline b{display:block;font-size:9px}.webTimeline small{font-size:8px;color:#777}.webPreviewPanel{padding-bottom:16px}.webDeviceSwitch{display:flex;background:#eee;border-radius:8px;padding:2px}.webDeviceSwitch button{border:0;background:transparent;padding:7px 9px;font-size:8px;font-weight:800;border-radius:6px;cursor:pointer}.webDeviceSwitch button.active{background:#111;color:#fff}.webPreviewStage{height:calc(100vh - 235px);min-height:480px;background:#222;border-radius:12px;padding:12px;display:flex;justify-content:center;overflow:auto}.webPreviewStage iframe{height:100%;border:0;background:#fff;transition:width .2s ease;box-shadow:0 8px 30px #0004}.webPreviewStage.desktop iframe{width:100%}.webPreviewStage.tablet iframe{width:820px}.webPreviewStage.mobile iframe{width:390px}.webUrlBox{display:flex;align-items:center;gap:10px;border:1px solid #dedede;border-radius:10px;padding:12px;margin:12px 0}.webUrlBox span{font-size:7px;font-weight:900;background:#111;color:var(--yellow);padding:4px 6px;border-radius:4px}.webUrlBox b{font-size:10px;word-break:break-all}.webUrlBox.production{border-color:#bcdcc5;background:#f0faf3}.webStagingFrame{height:420px;background:#222;padding:8px;border-radius:10px}.webStagingFrame iframe{width:100%;height:100%;border:0;background:#fff}.webFeedbackList{display:flex;flex-direction:column;gap:8px;margin-top:15px}.webFeedbackList article{border:1px solid #e5e5e5;border-radius:9px;padding:11px}.webFeedbackList article>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.webFeedbackList p{font-size:10px;line-height:1.5}.webFeedbackList small{font-size:8px;color:#888}.webApproval{display:flex;flex-direction:column;gap:3px;padding:12px;background:#fff4d6;border-radius:9px;margin-top:15px}.webApproval.ok{background:#eaf7ee}.webApproval b{font-size:10px}.webApproval span{font-size:8px;color:#666}.webLaunchPanel{position:sticky;top:0}.webLaunchSummary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.webLaunchSummary span{display:flex;align-items:center;gap:8px;border:1px solid #e2e2e2;padding:9px;border-radius:8px;font-size:9px}.webLaunchSummary span b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#f0f0f0}.webLaunchBtn{width:100%;padding:15px!important}.webInventory{display:flex;flex-direction:column}.webInventory span{padding:10px 0;border-bottom:1px solid #eee;font-size:9px;word-break:break-all}.webInventory b{display:block;font-size:8px;color:#777;text-transform:uppercase;margin-bottom:2px}
@media(max-width:1100px){.webProjectGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.webTwoCol{grid-template-columns:1fr}.webLaunchPanel{position:static}}
@media(max-width:760px){body.webWorkspaceMode{overflow:auto}body.webWorkspaceMode .content,body.webWorkspaceMode #view-web{height:auto;min-height:100vh;overflow:visible}.webWorkspace{height:auto;min-height:100vh}.webWorkspaceTop{height:auto;min-height:58px;grid-template-columns:auto 1fr auto;padding:9px 10px;position:sticky;top:0;z-index:40}.webWorkspaceBrand{text-align:left}.webWorkspaceActions .pill,.webWorkspaceActions .btn{display:none}.webWorkspaceGrid{display:block}.webStepRail{display:flex;overflow-x:auto;padding:8px;position:sticky;top:58px;z-index:35;white-space:nowrap}.webStepRail button{width:auto;min-width:88px;grid-template-columns:20px 1fr;padding:7px}.webStepRail button i{display:none}.webStepMain{padding:18px 12px 85px;overflow:visible}.webStepTitle{align-items:flex-start}.webStepTitle h1{font-size:30px}.webMasterProgress{display:none}.webStepFooter{left:0;min-height:70px;padding:8px 10px}.webStepFooter .btn{font-size:9px;padding:9px}.webNewHero{grid-template-columns:1fr;width:calc(100% - 24px);padding:35px 0}.webNewHero h1{font-size:52px}.webProjectGrid{grid-template-columns:1fr}.webListToolbar{flex-direction:column}.webListToolbar select{width:100%}.webTwoCol{grid-template-columns:1fr}.webPanel{padding:14px}.webActionGrid{grid-template-columns:1fr}.webBuildHero{align-items:flex-start;flex-direction:column}.webPreviewStage{height:65vh;min-height:450px}.webPreviewStage.tablet iframe{width:100%}.webStagingFrame{height:60vh}.webDoctrine{align-items:flex-start;flex-direction:column}}


/* ============================================================
   PORTAL AUSA · v121 · CREACIÓ WEB · BRAND PASS
   Coherent amb el Portal: negre, groc AUSA, blanc i gris càlid.
   ============================================================ */
body.webWorkspaceMode{background:var(--bg)}
.webWorkspace{background:var(--bg);color:var(--ink)}
.webWorkspaceTop{
  height:70px;flex-basis:70px;
  background:#0D0D0D;border-bottom:1px solid #242424;
  padding:0 22px;grid-template-columns:220px minmax(0,1fr) 260px;
  box-shadow:0 8px 28px rgba(0,0,0,.08)
}
.webBack{color:#bdbdbd;font-size:12px;letter-spacing:.01em}
.webBack:hover{color:var(--yellow)}
.webWorkspaceBrand>b{
  font-family:Scale,Montserrat,Arial,sans-serif;
  color:var(--yellow);font-size:13px;letter-spacing:-.01em
}
.webWorkspaceBrand>span{font-size:10px;color:#8d8d8d}
.webWorkspaceActions .btn.ghost{background:#171717;border-color:#333;color:#efefef}
.webWorkspaceActions .btn.ghost:hover{border-color:var(--yellow);color:var(--yellow)}
.webWorkspaceActions .pill{background:#252525;color:#d7d7d7}

.webWorkspaceGrid{grid-template-columns:224px minmax(0,1fr)}
.webStepRail{background:#0D0D0D;border-right:1px solid #242424;padding:16px 10px}
.webStepRail button{
  color:#9a9a9a;border-radius:10px;padding:10px 10px;
  grid-template-columns:30px minmax(0,1fr) 18px;gap:7px
}
.webStepRail button span{font-size:9px;color:#676767}
.webStepRail button b{font-size:11px;line-height:1.25}
.webStepRail button:hover{background:#171717;color:#fff}
.webStepRail button.active{background:var(--yellow);color:#111;box-shadow:none}
.webStepRail button.active span{color:#111}
.webStepRail button.active i{color:#111}
.webStepRail button.visited:not(.active){color:#d6d6d6}

.webStepMain{background:var(--bg);padding:30px 34px 96px}
.webStepTitle{max-width:1480px;margin-bottom:22px}
.webStepTitle .eyebrow{color:#8a8a8a}
.webStepTitle h1{
  font-family:Scale,Montserrat,Arial,sans-serif;
  font-size:clamp(30px,3.4vw,48px);letter-spacing:-.045em;line-height:1
}
.webStepTitle p{font-size:12px;color:var(--muted);line-height:1.6}
.webMasterProgress b{font-family:Scale,Montserrat,Arial,sans-serif;font-size:27px}
.webMasterProgress span{font-size:9px;color:#777}
.webMasterProgress i{height:5px;background:#e5e4df}
.webMasterProgress em{background:var(--yellow)}
.webStepBody{max-width:1480px}

.webPanel{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:22px;box-shadow:var(--shadow)
}
.webPanel h2,.webPanel h3{
  font-family:Scale,Montserrat,Arial,sans-serif;letter-spacing:-.02em
}
.webPanel h2{font-size:22px}.webPanel h3{font-size:15px}
.webGuide{background:#fff}
.webRule{
  background:#FFF8DA;border:1px solid #F4DE8B;border-left:5px solid var(--yellow);
  border-radius:12px;padding:13px 14px;font-size:11px;line-height:1.6
}
.webDoctrine{
  background:#fff;border:1px solid var(--line);border-left:5px solid var(--yellow);
  border-radius:14px;padding:14px 16px;font-size:12px;box-shadow:var(--shadow)
}
.webDoctrine b{background:#111;color:var(--yellow);border-radius:7px;padding:6px 8px}

.webProjectGrid{gap:14px}
.webProjectCard{
  border:1px solid var(--line);border-radius:var(--radius);padding:18px;
  box-shadow:var(--shadow);background:#fff
}
.webProjectCard:hover{transform:translateY(-2px);border-color:#d3cfbf;box-shadow:0 14px 34px rgba(0,0,0,.08)}
.webProjectCard h3{font-family:Scale,Montserrat,Arial,sans-serif;font-size:18px;letter-spacing:-.02em}
.webProjectMeta{font-size:10px;margin:18px 0 9px}
.webProgress{height:6px;background:#efeee9}.webProgress i{background:var(--yellow)}
.webProjectLinks span{background:#F6F6F3;border:1px solid var(--line);font-size:9px;color:#555}
.webProjectUrl{font-size:10px}
.webSetupWarning{
  border:1px solid #F4DE8B;border-left:5px solid var(--yellow);background:#FFF8DA;
  border-radius:14px;padding:18px;box-shadow:none
}

.webNewHero{width:min(1220px,calc(100% - 56px));gap:7vw}
.webNewHero h1{
  font-family:Scale,Montserrat,Arial,sans-serif;
  font-size:clamp(48px,7vw,94px);line-height:.92;letter-spacing:-.065em;color:#111
}
.webNewHero p{font-size:16px;color:#616161;line-height:1.65}
.webNewForm{border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 20px 55px rgba(0,0,0,.07);padding:26px}

.webActionGrid{gap:12px}
.webActionCard{
  border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px;
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease
}
.webActionCard b{font-size:13px;color:#111}.webActionCard span{font-size:10px;color:#777;line-height:1.4}
.webActionCard:hover{border-color:var(--yellow);transform:translateY(-1px);box-shadow:0 9px 22px rgba(0,0,0,.05)}

.webUpload{
  border:1px dashed #b9b6aa;background:#FBFBF8;padding:14px;border-radius:12px
}
.webUpload b{font-size:12px}.webUpload span{font-size:9px}
.webAsset{padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.webAssetIcon{background:#111;color:var(--yellow);border-radius:8px}
.webAsset b{font-size:11px}.webAsset small{font-size:9px}
.webAssetEmpty{background:#F8F8F5;border:1px dashed var(--line);font-size:10px}

/* Ausa IA dins del Web Builder: branding AUSA, no una UI aliena al Portal */
.webAiBtn{
  background:var(--yellow)!important;color:#111!important;border:1px solid #E0A500!important;
  box-shadow:none!important
}
.webAiBtn:hover{background:#F0AF00!important}
.webGenerated{border:1px solid var(--line);border-radius:12px;background:#fff}
.webGeneratedTop{background:#111;color:var(--yellow);font-size:9px;padding:9px 12px}
.webGenerated p{font-size:11px;line-height:1.6}
.webGenerated pre{background:#F7F7F4;color:#222;font-size:9px;line-height:1.55}
.webGeneratedEmpty{background:#F7F7F4;font-size:10px}
.webJsonField textarea{
  background:#111;color:#f2f2f2;border:1px solid #333;border-radius:10px;
  font-size:10px;line-height:1.6
}

.webCheck{padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.webCheck b{font-size:10px}.webCheck small{font-size:9px}
.webCheck>i{background:#FFF1B7;color:#725400;font-size:8px}
.webCheck.done{background:#F5FAF6;border-color:#D9E9DC}
.webTest30{background:#111;border:1px solid #242424;border-radius:14px;padding:20px}
.webTest30 .eyebrow{color:var(--yellow)}
.webTest30 h3{font-family:Scale,Montserrat,Arial,sans-serif;font-size:22px;letter-spacing:-.02em}
.webTest30 span{font-size:11px;border-top-color:#2d2d2d}

.webBuildHero{background:#111;border:1px solid #242424;border-radius:14px;padding:22px}
.webBuildHero h3{font-family:Scale,Montserrat,Arial,sans-serif;font-size:25px;letter-spacing:-.025em}
.webBuildHero p{font-size:11px}.webBuildHero a{color:var(--yellow)}
.webTimeline>div{border-bottom-color:var(--line)}
.webTimeline b{font-size:10px}.webTimeline small{font-size:9px}

.webDeviceSwitch{background:#EBEAE5;border:1px solid #DFDED7;border-radius:10px;padding:3px}
.webDeviceSwitch button{font-size:9px;border-radius:7px;padding:7px 10px}
.webDeviceSwitch button.active{background:#111;color:var(--yellow)}
.webPreviewStage,.webStagingFrame{background:#111;border:1px solid #242424;border-radius:14px}
.webPreviewStage iframe{border-radius:8px}
.webUrlBox{border:1px solid var(--line);border-radius:11px;background:#fff}
.webUrlBox span{background:#111;color:var(--yellow);font-size:8px}
.webUrlBox b{font-size:11px}
.webUrlBox.production{border-color:#D7E6D9;background:#F6FBF7}

.webFeedbackList article{border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px}
.webFeedbackList p{font-size:11px}.webFeedbackList small{font-size:9px}
.webApproval{background:#FFF8DA;border:1px solid #F4DE8B;border-left:4px solid var(--yellow);border-radius:11px}
.webApproval.ok{background:#F4FAF5;border-color:#D7E6D9}
.webApproval b{font-size:11px}.webApproval span{font-size:9px}

.webLaunchSummary span{border:1px solid var(--line);border-radius:10px;background:#fff;font-size:10px}
.webLaunchSummary span b{background:#F3F2EE}
.webLaunchBtn{background:var(--yellow)!important;color:#111!important}
.webInventory span{border-bottom-color:var(--line);font-size:10px}.webInventory b{font-size:9px}

.webStepFooter{
  left:224px;min-height:72px;background:rgba(255,255,255,.94);
  border-top:1px solid var(--line);padding:10px 34px;box-shadow:0 -10px 30px rgba(0,0,0,.035)
}
.webStepFooter .btn.primary{background:var(--yellow);color:#111}
.webStepFooter .btn.ghost{background:#fff}

@media(max-width:760px){
  .webWorkspaceTop{grid-template-columns:auto 1fr auto;padding:9px 10px;min-height:62px}
  .webWorkspaceGrid{display:block}
  .webStepRail{top:62px;background:#0D0D0D;border-right:0;border-bottom:1px solid #242424}
  .webStepRail button.active{background:var(--yellow);color:#111}
  .webStepMain{padding:20px 12px 90px}
  .webStepFooter{left:0;padding:8px 10px}
  .webPanel{padding:16px}
  .webNewHero{width:calc(100% - 24px)}
}




/* ============================================================
   PORTAL AUSA · v122 · CREACIÓ WEB · UX / LEGIBILITAT
   El Web Builder forma part del Portal, no és una UI separada.
   ============================================================ */
.webWorkspace{font-size:14px}
.webWorkspace button,.webWorkspace input,.webWorkspace select,.webWorkspace textarea{font-family:Montserrat,Arial,sans-serif}
.webStepTitle{align-items:flex-start;padding-top:2px}
.webStepTitle h1{margin-top:7px;margin-bottom:8px;max-width:920px}
.webStepTitle p{font-size:13px;max-width:820px;color:#696969}
.webMasterProgress{padding-top:7px}
.webMasterProgress b{line-height:1}

/* Onboarding: jerarquia més clara i menys densitat visual */
.webOnboardingLayout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.72fr);gap:18px;align-items:start}
.webInfraPanel{padding:0;overflow:hidden}
.webInfraPanelInner{padding:24px}
.webSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.webSectionHead h2{font-size:26px;margin:4px 0 7px}
.webSectionHead p{font-size:12px;line-height:1.55;margin:0;color:var(--muted);max-width:650px}
.webManagedBadge{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:#111;color:var(--yellow);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.webManagedBadge:before{content:'●';font-size:7px}
.webInfraPromise{display:flex;gap:12px;align-items:flex-start;margin:18px 0 20px;padding:13px 14px;background:#FFF8DA;border:1px solid #F1DF97;border-radius:12px}
.webInfraPromiseIcon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:var(--yellow);display:grid;place-items:center;font-weight:900;color:#111}
.webInfraPromise b{display:block;font-size:12px;margin-bottom:3px}
.webInfraPromise span{display:block;font-size:10px;line-height:1.5;color:#6d6650}
.webInfraForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:0!important}
.webInfraForm .field label{font-size:9px;color:#777}
.webInfraForm .field input{min-height:44px;border-radius:11px;background:#FBFBF8;border-color:#E4E2DA;font-size:12px;padding:11px 12px;outline:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.webInfraForm .field input:focus{border-color:#D4AD2B;background:#fff;box-shadow:0 0 0 3px rgba(255,187,0,.12)}
.webInfraDivider{height:1px;background:var(--line);margin:22px 0 18px}
.webInfraActionsHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.webInfraActionsHead b{font-family:Scale,Montserrat,Arial,sans-serif;font-size:15px;letter-spacing:-.01em}
.webInfraActionsHead span{font-size:9px;color:#8a8a8a}
.webActionGrid{margin:0 0 20px}
.webActionCard{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:11px;align-items:center;min-height:78px;padding:13px 14px!important;background:#FBFBF8!important;border-color:#E4E2DA!important}
.webActionCard:hover{background:#fff!important}
.webActionCard.isReady{background:#F5FAF6!important;border-color:#D5E7D9!important}
.webActionIcon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#111;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.04em}
.webActionText{min-width:0}
.webActionText b{font-size:12px!important;margin-bottom:3px}
.webActionText small{display:block;font-size:9px;line-height:1.4;color:#777}
.webActionState{font-style:normal;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:#EEEDE8;color:#666;border-radius:999px;padding:5px 7px;white-space:nowrap}
.webActionCard.isReady .webActionState{background:#DFF1E4;color:#27723C}
.webInfraPanel .field.full textarea{min-height:118px;background:#FBFBF8;border-color:#E4E2DA;font-size:11px;line-height:1.55}

/* Gate lateral: lectura tipus checklist, no una tirallonga de text */
.webOnboardingGate{position:sticky;top:18px;padding:0;overflow:hidden;box-shadow:var(--shadow)}
.webGateHead{padding:20px 20px 16px;background:#111;color:#fff;border-bottom:1px solid #292929}
.webGateHead .eyebrow{color:var(--yellow);font-size:9px}
.webGateHead h3{color:#fff;font-size:19px;margin:5px 0 6px}
.webGateHead p{margin:0;color:#aaa;font-size:10px;line-height:1.5}
.webGateProgress{padding:14px 18px;background:#FAFAF7;border-bottom:1px solid var(--line)}
.webGateProgressTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.webGateProgressTop b{font-family:Scale,Montserrat,Arial,sans-serif;font-size:20px}
.webGateProgressTop span{font-size:9px;color:#777;font-weight:800}
.webGateTrack{height:6px;background:#EAE9E3;border-radius:999px;overflow:hidden}
.webGateTrack i{display:block;height:100%;background:var(--yellow);border-radius:inherit}
.webOnboardingGate .webChecklist{padding:10px;gap:7px;max-height:calc(100vh - 325px);overflow:auto}
.webOnboardingGate .webCheck{grid-template-columns:20px minmax(0,1fr) auto;gap:9px;padding:10px 10px;border-color:#ECEAE3;box-shadow:none}
.webOnboardingGate .webCheck:hover{border-color:#D8D4C7;background:#FFFDF6}
.webOnboardingGate .webCheck b{font-size:10px;line-height:1.35;text-decoration:none}
.webOnboardingGate .webCheck small{font-size:8.5px;line-height:1.4}
.webOnboardingGate .webCheck.done b{text-decoration:none;color:#4E6554}
.webOnboardingGate .webCheck.done{background:#F5FAF6}
.webCheck input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid #C7C4BA;border-radius:5px;background:#fff;display:grid;place-items:center;cursor:pointer;margin:0}
.webCheck input[type="checkbox"]:checked{background:#111;border-color:#111}
.webCheck input[type="checkbox"]:checked:after{content:'✓';color:var(--yellow);font-size:12px;font-weight:900;line-height:1}
.webCheck>i{font-size:7px!important;padding:4px 6px!important;background:#FFF1B7!important;color:#725400!important}

/* Peu: botons amb jerarquia clara */
.webStepFooter .btn{min-height:40px}
.webStepFooter .btn.primary{box-shadow:0 5px 14px rgba(255,187,0,.18)}

@media(max-width:1100px){
  .webOnboardingLayout{grid-template-columns:1fr}
  .webOnboardingGate{position:static}
  .webOnboardingGate .webChecklist{max-height:none}
}
@media(max-width:760px){
  .webInfraPanelInner{padding:16px}
  .webSectionHead{flex-direction:column;gap:10px}
  .webManagedBadge{align-self:flex-start}
  .webInfraForm{grid-template-columns:1fr}
  .webActionCard{grid-template-columns:38px minmax(0,1fr);min-height:72px}
  .webActionState{grid-column:2;justify-self:start}
  .webGateHead{padding:17px 16px 14px}
  .webGateProgress{padding:12px 14px}
}



/* v128.17 · MASTER DATA CONSISTENCY */
.webMasterIntro{background:#111;color:#fff;border-radius:16px;padding:18px;margin-bottom:14px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.webMasterIntro b{color:var(--yellow)}.webMasterIntro p{margin:5px 0 0;color:#cfcfcf;max-width:780px;line-height:1.5}.webMasterGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.webMasterCard{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;min-width:0}.webMasterCardHead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.webMasterCardHead b{font-size:13px}.webMasterStatus{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.webMasterStatus.confirmed{background:#E4F6EB;color:#167842}.webMasterStatus.pending{background:#FFF1B7;color:#7a5700}.webMasterStatus.proposal{background:#E9F0FF;color:#2F6FED}.webMasterStatus.partial{background:#F3EAFE;color:#6B42A8}.webMasterStatus.not_applicable{background:#EFEFEF;color:#666}.webMasterValue{font-size:11px;line-height:1.45;color:#555;white-space:pre-wrap;overflow-wrap:anywhere;max-height:120px;overflow:auto}.webMasterActions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.webMasterActions button{border:1px solid var(--line);background:#fafafa;border-radius:8px;padding:5px 7px;font-size:9px;font-weight:800;cursor:pointer}.webMasterActions button:hover{background:#fff5c6}.webMasterMediaRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #eee}.webMasterMediaRow:first-child{border-top:0}.webMasterMediaRow span{font-size:11px}.webMasterRule{background:#FFF8D8;border:1px solid #F0D56A;border-radius:12px;padding:12px 14px;font-size:11px;line-height:1.5;margin:12px 0}.webMasterEmpty{padding:18px;border:1px dashed #ccc;border-radius:12px;background:#fafafa;color:#777;font-size:11px}.webMasterSpecReady{background:#E4F6EB;border:1px solid #B9E4C8;color:#166B3B;border-radius:12px;padding:11px 13px;margin:12px 0;font-size:11px}.webMasterSpecBlocked{background:#FFF3F1;border:1px solid #F0B9B2;color:#8D2D25;border-radius:12px;padding:11px 13px;margin:12px 0;font-size:11px}.webMasterCustomHead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:18px 0 8px}.webMasterCustomHead h3{margin:0;font-size:14px}.webMasterCustomHead p{margin:3px 0 0;font-size:10px;color:#777}.webMasterCustomCard{border-style:dashed;background:#fffefa}.webMasterCustomMeta{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}.webMasterCustomMeta span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 6px;border-radius:999px;background:#f2f2ef;color:#666}.webMasterGateSelect{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 7px;font-size:9px;font-weight:800}.webMasterDelete{color:#9d2a20!important;background:#fff7f5!important;border-color:#efc1ba!important}.webMasterAddBtn{white-space:nowrap}
@media(max-width:760px){.webMasterGrid{grid-template-columns:1fr}.webMasterIntro{flex-direction:column}.webMasterCustomHead{align-items:flex-start;flex-direction:column}}


/* ===== AUSA BRAND KIT v1 · FONT DE VERITAT VISUAL ===== */
.webBrandKit{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.webBrandStatusBar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fafaf8}
.webBrandStatusMain{display:flex;align-items:center;gap:10px;min-width:0}.webBrandStatusDot{width:10px;height:10px;border-radius:50%;background:#B8B8B8;flex:0 0 auto}.webBrandStatusDot.locked{background:var(--green)}.webBrandStatusMain b{font-size:12px}.webBrandStatusMain span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.webBrandSource{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;padding:5px 8px;border-radius:999px;background:#EFEFEF;color:#666}
.webBrandSource.manual{background:#E4F6EB;color:#167842}.webBrandSource.figma{background:#E9F0FF;color:#2F6FED}
.webBrandGrid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:12px}.webBrandCard{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px}.webBrandCard h3{margin:0 0 4px;font-size:15px}.webBrandCard>p{margin:0 0 12px;font-size:10px;color:var(--muted);line-height:1.5}
.webBrandLogoPreview{min-height:116px;border:1px dashed #CFCFC8;border-radius:12px;background:#F8F8F5;display:grid;place-items:center;padding:14px;margin-bottom:10px;overflow:hidden}.webBrandLogoPreview svg{width:min(100%,360px);height:auto;max-height:100px}.webBrandLogoEmpty{font-size:10px;color:#8A8A8A;text-align:center;line-height:1.5}
.webBrandLogoActions{display:flex;gap:7px;flex-wrap:wrap}.webBrandLogoActions label{display:inline-flex;align-items:center}
.webBrandColorList{display:grid;gap:8px}.webBrandColorField{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center}.webBrandColorField input[type=color]{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;padding:2px;background:#fff;cursor:pointer}.webBrandColorField input[type=text]{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px 9px;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.webBrandColorField label{grid-column:1/-1;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#777;margin-bottom:-4px}
.webBrandFontList{display:grid;gap:9px}.webBrandFontRow{display:grid;grid-template-columns:1fr .55fr;gap:7px}.webBrandFontRow label{grid-column:1/-1;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#777}.webBrandFontRow input{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px}
.webBrandActions{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:12px 14px;border-radius:13px;background:#FFF8D8;border:1px solid #F0D56A}.webBrandActionsText{font-size:10px;line-height:1.5;color:#6D6650;max-width:620px}.webBrandActionsButtons{display:flex;gap:7px;flex-wrap:wrap}
.webBrandConnector{border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px;margin-top:12px}.webBrandConnectorHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.webBrandConnectorHead b{font-size:12px}.webBrandConnectorHead span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.webBrandRateLimit{padding:9px 10px;border:1px solid #F0D56A;background:#FFF8D8;border-radius:9px;font-size:10px;color:#6D6650;margin-bottom:9px}
.webBrandAdvanced{border:1px solid var(--line);border-radius:12px;background:#FAFAF8;padding:10px 12px}.webBrandAdvanced summary{cursor:pointer;font-size:10px;font-weight:900}.webBrandAdvanced[open] summary{margin-bottom:10px}
.webBrandManualRule{padding:10px 12px;border-left:4px solid var(--yellow);background:#FFFDF5;border-radius:9px;font-size:10px;line-height:1.55;margin:10px 0}
.webBrandAssetCard{grid-column:1/-1}.webBrandAssetToolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0}.webBrandAssetToolbar .tiny{margin-left:auto}.webBrandVariantList{display:grid;gap:8px;margin-top:10px}.webBrandVariantRow{display:grid;grid-template-columns:110px minmax(150px,1fr) 150px auto;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:11px;background:#FAFAF8}.webBrandVariantPreview{height:58px;border:1px solid #E4E3DE;border-radius:9px;background:#fff;display:grid;place-items:center;padding:7px;overflow:hidden}.webBrandVariantPreview svg{max-width:100%;max-height:44px;width:auto;height:auto}.webBrandVariantRow input,.webBrandVariantRow select,.webBrandIconItem input{width:100%;border:1px solid var(--line);border-radius:8px;padding:7px 8px;background:#fff;font-size:10px}.webBrandVariantActions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.webBrandVariantMaster{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:4px 6px;border-radius:999px;background:#E4F6EB;color:#167842;white-space:nowrap}.webBrandIconsGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px;max-height:410px;overflow:auto;padding-right:2px}.webBrandIconItem{position:relative;border:1px solid var(--line);border-radius:11px;background:#FAFAF8;padding:8px;min-width:0}.webBrandIconPreview{height:54px;display:grid;place-items:center;background:#fff;border:1px solid #E5E4DF;border-radius:8px;margin-bottom:7px;padding:8px}.webBrandIconPreview svg{max-width:36px;max-height:36px;width:100%;height:100%}.webBrandIconRemove{position:absolute;top:5px;right:5px;width:23px;height:23px;min-height:0!important;padding:0!important;border-radius:50%!important;font-size:11px!important}.webBrandAssetEmpty{padding:14px;border:1px dashed #CFCFC8;border-radius:10px;background:#FAFAF8;color:#888;font-size:10px;text-align:center}.webBrandAssetHint{font-size:9px;color:#777;line-height:1.45;margin-top:6px}.webBrandCountBadge{display:inline-flex;padding:4px 7px;border-radius:999px;background:#EFEFEF;color:#666;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:1100px){.webBrandIconsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.webBrandVariantRow{grid-template-columns:90px minmax(130px,1fr) 135px}.webBrandVariantActions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:760px){.webBrandIconsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.webBrandVariantRow{grid-template-columns:1fr}.webBrandVariantPreview{height:70px}.webBrandAssetToolbar .tiny{width:100%;margin-left:0}}
@media(max-width:1050px){.webBrandGrid{grid-template-columns:1fr 1fr}.webBrandCard:first-child{grid-column:1/-1}}
@media(max-width:760px){.webBrandGrid{grid-template-columns:1fr}.webBrandCard:first-child{grid-column:auto}.webBrandFontRow{grid-template-columns:1fr}.webBrandFontRow label{grid-column:auto}.webBrandActions{align-items:stretch}.webBrandActionsButtons{width:100%;display:grid;grid-template-columns:1fr}.webBrandActionsButtons .btn{width:100%}}

.webActionCard.isOnline{border-color:#b9dfc3;background:#f1faf3}.webActionCard.isOnline .webActionState{background:#dff3e4;color:#137833}.webDeploySecretBar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px 13px;border:1px solid #e4e4e4;border-radius:10px;background:#fafafa}.webDeploySecretBar.ok{border-color:#cbe5d1;background:#f1faf3}.webDeploySecretBar b{display:block;font-size:10px}.webDeploySecretBar span{display:block;font-size:8px;color:#777;margin-top:3px;line-height:1.45}.webTempEnv{font-style:normal;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:4px 7px;border-radius:99px;background:#fff2c8;color:#775900;margin-left:auto}.webSetupWarning code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#ececec;padding:1px 4px;border-radius:4px}@media(max-width:760px){.webDeploySecretBar{align-items:flex-start;flex-direction:column}.webTempEnv{margin-left:0}}

/* PORTAL AUSA v124 · QA + Costos + Temps + Rendibilitat */
.webFinanceMini{font-size:9px;font-weight:800;color:#666;background:#f5f4ef;border:1px solid #e5e2d8;border-radius:999px;padding:6px 9px;white-space:nowrap}
.webInfraCostGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 4px}.webFixedCost{border:1px solid #e5e2d8;border-radius:12px;background:#fafaf8;padding:12px;display:flex;justify-content:space-between;gap:14px;align-items:center}.webFixedCost>div:first-child{display:grid;gap:3px}.webFixedCost b{font-size:11px}.webFixedCost span{font-size:9px;color:#777}.webFixedCostInput{display:flex;align-items:center;gap:6px}.webFixedCostInput input{width:90px;text-align:right}.webFixedCostInput>span{font-weight:800;color:#111}
.webCostModule,.webFinanceBlock{margin-top:18px;border:1px solid #e4e1d7;border-radius:14px;background:#fff;padding:16px}.webCostModuleHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.webCostModuleHead h2,.webCostModuleHead h3{margin:2px 0}.webCostModuleHead span{font-size:10px;color:#777}.webCostModuleHead>strong{font-size:22px;white-space:nowrap}.webCostAdd{display:grid;grid-template-columns:1fr 120px auto;gap:8px;margin-bottom:10px}.webCostAddWide{grid-template-columns:150px 1fr 120px auto}.webCostRows,.webTimeRows{display:grid;gap:6px}.webCostRows>div,.webTimeRows>div{display:grid;grid-template-columns:1fr auto 28px;gap:10px;align-items:center;padding:9px 10px;border-top:1px solid #eee}.webCostRows>div:first-child,.webTimeRows>div:first-child{border-top:0}.webCostRows span,.webTimeRows span{display:grid;gap:2px}.webCostRows small,.webTimeRows small{font-size:9px;color:#777}.webCostRows strong,.webTimeRows strong{font-size:11px}.webIconDelete{border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:#888}.webIconDelete:hover{color:#111}
.webAiCostCard{margin-top:14px;border:1px solid #e7d28b;background:#fff9e8;border-radius:12px;padding:14px;display:flex;justify-content:space-between;gap:14px;align-items:center}.webAiCostCard>div{display:grid;gap:3px}.webAiCostCard b{font-size:14px}.webAiCostCard span,.webAiCostCard small{font-size:9px;color:#746638}.webAiCostCard strong{font-size:20px;text-align:right}
.webPostStack{display:grid;gap:16px}.webFinanceSettings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.webFinanceSettings small{display:block;font-size:8px;color:#777;margin-top:4px}.webFinanceSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.webFinanceKpi{border:1px solid #e6e3da;border-radius:12px;padding:13px;background:#fafaf8;display:grid;gap:4px}.webFinanceKpi span{font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.webFinanceKpi b{font-size:20px;letter-spacing:-.03em}.webFinanceKpi small{font-size:9px;color:#777}.webFinanceKpi.hero{background:#111;color:#fff;border-color:#111}.webFinanceKpi.hero span,.webFinanceKpi.hero small{color:#aaa}.webFinanceKpi.hero.positive b{color:#ffbb00}.webFinanceKpi.hero.negative b{color:#ff7a7a}.webTimeAdd{display:grid;grid-template-columns:150px 100px 145px 1fr auto;gap:8px;margin:12px 0}
@media(max-width:900px){.webInfraCostGrid,.webFinanceSettings{grid-template-columns:1fr}.webFinanceSummary{grid-template-columns:1fr 1fr}.webCostAdd,.webCostAddWide,.webTimeAdd{grid-template-columns:1fr}.webFixedCost{align-items:flex-start;flex-direction:column}.webFixedCostInput{width:100%}.webFixedCostInput input{flex:1}.webFinanceMini{display:none}}
@media(max-width:560px){.webFinanceSummary{grid-template-columns:1fr}.webAiCostCard{align-items:flex-start;flex-direction:column}.webAiCostCard strong{text-align:left}}

.webProjectCard{width:100%;position:relative}.webProjectCardStatus{display:flex;align-items:center;gap:7px}.webProjectDeleteBtn{width:27px;height:27px;border:1px solid #e1ddd4;border-radius:8px;background:#faf9f5;color:#8b8178;font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer}.webProjectDeleteBtn:hover{background:#fff1ef;border-color:#e4a69e;color:#b42318}.webDangerMini{background:#231b1a!important;border:1px solid #563430!important;color:#f3b0a7!important}.webDangerMini:hover{border-color:#d76d60!important;color:#ffd0c9!important}.webDangerZone{margin-top:14px;border:1px solid #e8bcb6;background:#fff7f5;border-radius:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.webDangerZone h3{margin:3px 0 5px;font-size:15px;color:#7f2018}.webDangerZone p{margin:0;max-width:850px;font-size:10px;line-height:1.55;color:#795d58}.webDeleteIntro{display:flex;flex-direction:column;gap:4px;padding:13px 14px;background:#fff4f1;border:1px solid #f0c7c1;border-radius:11px;margin-bottom:14px}.webDeleteIntro b{font-size:16px}.webDeleteIntro span{font-size:10px;color:#8b5f58}.webDeleteResourceGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.webDeleteResourceGrid span{border:1px solid #e8e5dd;background:#fafaf8;border-radius:9px;padding:10px;font-size:10px;word-break:break-all}.webDeleteResourceGrid b{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:#777;margin-bottom:3px}.webDeleteModes{display:grid;gap:8px;margin:12px 0 16px}.webDeleteModes label{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:12px;border:1px solid #dfddd5;border-radius:11px;cursor:pointer}.webDeleteModes label:has(input:checked){border-color:#b4a867;background:#fffbed}.webDeleteModes label.danger:has(input:checked){border-color:#df968c;background:#fff4f1}.webDeleteModes input{margin-top:3px}.webDeleteModes b{display:block;font-size:11px}.webDeleteModes small{display:block;font-size:9px;color:#777;line-height:1.5;margin-top:2px}.webDeleteProductionWarning{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:10px;background:#fff0ee;border-left:4px solid #b42318;margin:12px 0}.webDeleteProductionWarning b{font-size:10px;color:#8a1f17}.webDeleteProductionWarning span{font-size:9px;line-height:1.5;color:#76544f}.webLaunchPanel code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#eee;padding:1px 4px;border-radius:4px}@media(max-width:760px){.webDangerZone{align-items:flex-start;flex-direction:column}.webDeleteResourceGrid{grid-template-columns:1fr}.webProjectDeleteBtn{display:none}}

/* AUSA Spaces v2 · visual graph studio */
.webSpacesStudio{height:calc(100vh - 190px);min-height:680px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,34vw);background:#0b0d0f;border:1px solid #272a2f;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #0002}
.webSpacesCanvasPane{position:relative;min-width:0;overflow:hidden;background:#0c0e10;color:#f7f7f2}.webSpacesCanvas{position:absolute;inset:0;overflow:hidden;cursor:grab;background-image:radial-gradient(circle at 1px 1px,#3a3d42 1px,transparent 1.2px);background-size:24px 24px}.webSpacesCanvas.isPanning{cursor:grabbing}.webSpacesWorld{position:absolute;left:0;top:0;width:2600px;height:1700px;transform-origin:0 0;will-change:transform}.webSpacesEdgeLayer{position:absolute;inset:0;width:2600px;height:1700px;overflow:visible;pointer-events:none}.webSpacesEdge{fill:none;stroke:#4a4f57;stroke-width:1.35;opacity:.72}.webSpacesEdge.dep{stroke:#8b7d3c;stroke-dasharray:5 6;opacity:.62}.webSpacesEdge.asset{stroke:#365f6e}.webSpacesEdge.active{stroke:#ffbd22;stroke-width:2;opacity:1}
.webSpacesCanvasToolbar{position:absolute;z-index:20;top:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.webSpacesCanvasToolbar>div{display:flex;align-items:center;gap:6px;pointer-events:auto}.webSpacesCanvasToolbar .btn{background:#15181c;color:#eee;border-color:#343941}.webSpacesCanvasToolbar .btn:hover{border-color:#666}.webSpacesCanvasToolbar .btn.primary{background:#ffbb00;color:#111;border-color:#ffbb00}.webSpacesZoom{display:flex;align-items:center;background:#15181c;border:1px solid #343941;border-radius:9px;overflow:hidden}.webSpacesZoom button{width:30px;height:30px;border:0;background:transparent;color:#ddd;cursor:pointer}.webSpacesZoom span{font-size:8px;font-weight:800;color:#aaa;min-width:42px;text-align:center}
.webSpacesLibrary{position:absolute;z-index:18;left:12px;top:58px;width:154px;background:#121519eF;border:1px solid #34383e;border-radius:12px;padding:9px;backdrop-filter:blur(12px);box-shadow:0 18px 50px #0007}.webSpacesLibraryHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.webSpacesLibraryHead b{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#aaa}.webSpacesLibraryGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.webSpacesLibrary button{border:1px solid #292d32;background:#181b1f;color:#bbb;border-radius:8px;min-height:42px;padding:6px;font-size:7px;font-weight:800;cursor:pointer}.webSpacesLibrary button:hover{background:#23272c;color:#fff;border-color:#555}.webSpacesLibrary button.custom{grid-column:1/-1;color:#ffcc4a;border-style:dashed}
.webSpacesNode{position:absolute;width:254px;background:#15181c;border:1px solid #34383f;border-radius:12px;color:#f7f7f3;box-shadow:0 18px 50px #0008;overflow:hidden;user-select:none;transition:border-color .12s,box-shadow .12s}.webSpacesNode:hover{border-color:#50555e}.webSpacesNode.active{border-color:#ffbb00;box-shadow:0 0 0 1px #ffbb0030,0 22px 60px #000a}.webSpacesNode.off{opacity:.48}.webSpacesNodeHead{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 10px 8px;cursor:grab;border-bottom:1px solid #262a2f}.webSpacesNodeHead:active{cursor:grabbing}.webSpacesNodeGlyph{width:34px;height:34px;border-radius:9px;background:#25292f;display:grid;place-items:center;font-size:15px}.webSpacesNodeHead b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webSpacesNodeHead small{display:block;font-size:7px;color:#8f959d;margin-top:2px;text-transform:uppercase;letter-spacing:.05em}.webSpacesNodeState{font-size:6.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:4px 6px;border-radius:999px;background:#262a2f;color:#aaa}.webSpacesNodeState.ai{background:#2d2148;color:#cfb7ff}.webSpacesNodeState.stale{background:#4b3511;color:#ffd77c}.webSpacesNodeState.required{background:#342c0e;color:#ffce45}.webSpacesNodeBody{padding:9px 10px 8px}.webSpacesNodeBody p{font-size:8px;line-height:1.45;color:#adb2b9;margin:0;min-height:23px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.webSpacesNodeMeta{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.webSpacesNodeMeta span{font-size:6.5px;background:#22262b;color:#9298a0;border-radius:999px;padding:3px 5px}.webSpacesNodeRefs{margin-top:7px;display:flex;gap:4px;flex-wrap:wrap;max-height:38px;overflow:hidden}.webSpacesNodeRefs code{font-size:6.5px;color:#75c9ea;background:#13242a;border:1px solid #24434e;border-radius:5px;padding:2px 4px}.webSpacesNodeFoot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;border-top:1px solid #262a2f;background:#121519}.webSpacesNodeFoot span{font-size:7px;color:#707780}.webSpacesNodeFoot button{border:1px solid #393f47;background:#1e2227;color:#e9e9e4;border-radius:7px;padding:5px 7px;font-size:7px;font-weight:800;cursor:pointer}.webSpacesNodeFoot button.ai{border-color:#544177;color:#d8c7ff;background:#211a2f}.webSpacesNodeFoot button:disabled{opacity:.4;cursor:default}.webSpacesNodePort{position:absolute;width:9px;height:9px;border:2px solid #0e1012;border-radius:50%;background:#6f7680;top:63px}.webSpacesNodePort.in{left:-5px}.webSpacesNodePort.out{right:-5px;background:#ffbb00}
.webSpacesResourceNode{position:absolute;width:154px;min-height:74px;background:#111417;border:1px solid #30353b;border-radius:10px;color:#dfe2e5;box-shadow:0 14px 38px #0007;overflow:hidden}.webSpacesResourceNode .thumb{height:70px;background:#20242a;display:grid;place-items:center;overflow:hidden}.webSpacesResourceNode .thumb img{width:100%;height:100%;object-fit:cover}.webSpacesResourceNode .thumb b{font-size:20px;color:#737a84}.webSpacesResourceNode .info{padding:7px}.webSpacesResourceNode .info b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webSpacesResourceNode .info small{display:block;font-size:6.5px;color:#7f8790;margin-top:2px}.webSpacesResourceNode.referenced{border-color:#315e6f}.webSpacesResourceNodeHead{cursor:grab}.webSpacesResourceNodeHead:active{cursor:grabbing}
.webSpacesSide{min-width:0;background:#f5f5f2;border-left:1px solid #25282c;display:flex;flex-direction:column;color:#111}.webSpacesSideTabs{height:46px;display:flex;align-items:end;gap:4px;padding:0 10px;border-bottom:1px solid #dadad5;background:#ecece8}.webSpacesSideTabs button{border:0;background:transparent;padding:10px 11px 9px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#777;cursor:pointer;border-bottom:2px solid transparent}.webSpacesSideTabs button.active{color:#111;border-bottom-color:#111}.webSpacesSideBody{min-height:0;flex:1;overflow:auto}.webSpacesInspectorHead,.webSpacesPreviewHead{padding:14px 15px;border-bottom:1px solid #e1e1db;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#fff}.webSpacesInspectorHead h3,.webSpacesPreviewHead h3{margin:2px 0 0;font-size:18px}.webSpacesInspectorBody{padding:14px 15px 22px}.webSpacesFields{display:grid;grid-template-columns:1fr 140px;gap:9px}.webSpacesFields .full{grid-column:1/-1}.webSpacesFields label{display:block;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#777;margin-bottom:4px}.webSpacesFields input,.webSpacesFields select,.webSpacesFields textarea{width:100%;border:1px solid #d3d3cd;border-radius:9px;padding:9px;background:#fff;font-size:9px}.webSpacesFields textarea{resize:vertical;line-height:1.55}.webSpacesHint{font-size:8px;color:#777;line-height:1.5;margin:7px 0 10px}.webSpacesAiBox{border:1px solid #d7cbed;background:#f7f1ff;border-radius:11px;padding:10px;margin:11px 0}.webSpacesAiBoxTop{display:flex;justify-content:space-between;gap:10px;align-items:center}.webSpacesAiBox b{font-size:9px}.webSpacesAiBox p{font-size:8px;color:#645b71;line-height:1.45}.webSpacesAiBox input{width:100%;margin:7px 0;border:1px solid #cfc2e7;border-radius:8px;padding:8px;font-size:8px;background:#fff}.webSpacesAiActions{display:flex;gap:6px;flex-wrap:wrap}.webSpacesAiMeta{margin-top:8px;border-top:1px solid #ddd1ef;padding-top:7px;font-size:7px;color:#746985}.webSpacesDeps{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.webSpacesDeps span{font-size:7px;border:1px solid #d7d7d1;background:#fff;border-radius:999px;padding:4px 6px}.webSpacesRefCatalog{max-height:165px;overflow:auto;border:1px solid #deded8;border-radius:10px;padding:7px;margin-top:7px;display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#fff}.webSpacesRefCatalog button{border:0;background:#f4f4f0;text-align:left;border-radius:7px;padding:6px;font-size:7px;cursor:pointer}.webSpacesRefCatalog button:hover{background:#e9e9e4}.webSpacesRelationList{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.webSpacesRelationList span{font-size:6.5px;padding:3px 5px;background:#edf3f5;border-radius:999px}.webSpacesDataRows{display:grid;gap:6px}.webSpacesDataRow{display:grid;grid-template-columns:minmax(120px,1fr) 94px minmax(160px,1.4fr);gap:6px;align-items:center;border:1px solid #e3e3de;border-radius:9px;padding:8px;background:#fff}.webSpacesDataRow b{font-size:8px}.webSpacesDataRow small{font-size:7px;color:#777;display:block}.webSpacesDataRow select{width:100%;font-size:7px;padding:6px;border:1px solid #ddd;border-radius:7px}.webSpacesDanger{color:#9b2c22!important;border-color:#e4bdb7!important}
.webSpacesPreviewPane{display:flex;flex-direction:column;min-height:100%}.webSpacesPreviewStage{background:#202328;min-height:390px;height:calc(100vh - 430px);padding:8px;display:flex;justify-content:center;overflow:auto}.webSpacesPreviewStage iframe{height:100%;border:0;background:#fff;box-shadow:0 8px 30px #0006;transition:width .2s}.webSpacesPreviewStage.desktop iframe{width:100%}.webSpacesPreviewStage.tablet iframe{width:820px;max-width:100%}.webSpacesPreviewStage.mobile iframe{width:390px;max-width:100%}.webSpacesPreviewEmpty{display:grid;place-items:center;color:#d5d6d7;text-align:center;padding:28px}.webSpacesPreviewEmpty b{display:block;font-size:14px}.webSpacesPreviewEmpty span{display:block;font-size:8px;color:#90969d;max-width:300px;margin-top:6px;line-height:1.55}.webSpacesPreviewActions{padding:10px 12px 14px;background:#fff;border-top:1px solid #e1e1db}.webSpacesChangeRow{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:6px}.webSpacesChangeRow input,.webSpacesChangeRow select{min-width:0;border:1px solid #d9d9d3;border-radius:8px;padding:8px;font-size:8px}.webSpacesToolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.webSpacesPreviewActions .webSpacesToolbar{margin-top:8px;justify-content:space-between}.webSpacesStatus{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.webSpacesStatus span{font-size:6.5px;padding:3px 5px;border-radius:999px;background:#eee}.webSpacesStatus span.ok{background:#e2f5e6;color:#16692d}.webSpacesStatus span.warn{background:#fff0c7;color:#735800}.webSpacesStatus span.bad{background:#ffe4df;color:#8b2b1f}.webSpacesFreshBanner{padding:8px 11px;font-size:7.5px;line-height:1.45;border-bottom:1px solid #e4e4df}.webSpacesFreshBanner.ok{background:#ecf9ef;color:#236a35}.webSpacesFreshBanner.warn{background:#fff5d8;color:#765b08}.webSpacesCoreBadge{font-size:7px;background:#111;color:#ffbb00;border-radius:999px;padding:5px 7px;white-space:nowrap}
.webSpacesProjectInfra{margin-top:15px;border-top:1px solid #eee;padding-top:15px}.webSpacesProjectInfraGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.webSpacesProjectInfraGrid>div{background:#f7f7f3;border:1px solid #e5e5df;border-radius:8px;padding:8px}.webSpacesProjectInfraGrid b{font-size:8px}.webSpacesProjectInfraActions{display:flex;gap:6px;flex-wrap:wrap}.webSpacesDirtyDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffbb00;margin-right:5px}
@media(max-width:1180px){.webSpacesStudio{grid-template-columns:minmax(0,1fr) 390px}.webSpacesLibrary{width:136px}.webSpacesNode{width:235px}}
@media(max-width:850px){.webSpacesStudio{height:auto;min-height:0;display:block}.webSpacesCanvasPane{height:680px}.webSpacesSide{border-left:0;border-top:1px solid #25282c;min-height:680px}.webSpacesPreviewStage{height:560px}.webSpacesLibrary{display:none}.webSpacesChangeRow{grid-template-columns:1fr}.webSpacesDataRow{grid-template-columns:1fr}}

/* AUSA Spaces v3 final · fullscreen studio + operational modules */
.webWorkspaceSpacesV3{background:#090b0d}
.webWorkspaceSpacesV3 .webWorkspaceTop{height:58px;flex-basis:58px;grid-template-columns:180px minmax(0,1fr) auto;padding:0 14px}
.webSpacesFullscreenShell{flex:1;min-height:0;display:flex;flex-direction:column;background:#0b0d0f}
.webSpacesFullscreenBar{height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:#111419;border-bottom:1px solid #292d33;color:#fff}
.webSpacesStepTabs{display:flex;align-items:center;gap:5px;min-width:0}.webSpacesStepTabs button{border:1px solid transparent;background:transparent;color:#7f858d;border-radius:8px;padding:6px 9px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:8px;font-weight:900}.webSpacesStepTabs button span{color:#5f646c;font-size:7px}.webSpacesStepTabs button.active{background:#252014;color:#fff;border-color:#4b421f}.webSpacesStepTabs button.active span{color:#ffbd00}.webSpacesStepTabs button.visited:not(.active){color:#c8cbd0}.webSpacesStepTabs button i{font-style:normal;color:#5fbe78}
.webSpacesFullscreenMeta{display:flex;align-items:center;gap:8px;min-width:0}.webSpacesFullscreenMeta>span{font-size:7px;color:#858b93;white-space:nowrap}.webSpacesFullscreenMeta .fresh{color:#61c97c}.webSpacesFullscreenMeta .stale{color:#ffca55}
.webWorkspaceSpacesV3 .webSpacesStudio{flex:1;min-height:0;height:auto;border:0;border-radius:0;box-shadow:none;grid-template-columns:minmax(0,1fr) minmax(400px,31vw)}
.webWorkspaceSpacesV3 .webSpacesStudio.sideCollapsed{grid-template-columns:minmax(0,1fr) 0}.webWorkspaceSpacesV3 .webSpacesStudio.sideCollapsed .webSpacesSide{width:0;min-width:0;overflow:hidden;border:0}
.webWorkspaceSpacesV3 .webSpacesCanvasPane{height:auto;min-height:0}.webWorkspaceSpacesV3 .webSpacesCanvas{touch-action:none}
.webSpacesCanvas,.webSpacesWorld,.webSpacesEdgeLayer{cursor:grab}.webSpacesCanvas.isPanning,.webSpacesCanvas.isPanning .webSpacesWorld{cursor:grabbing!important}
.webSpacesNode{cursor:grab;touch-action:none}.webSpacesNode.isDragging{cursor:grabbing;border-color:#ffbd00;box-shadow:0 0 0 1px #ffbd0044,0 28px 72px #000c}.webSpacesNodeHead{cursor:inherit}.webSpacesResourceNode{cursor:grab;touch-action:none}.webSpacesResourceNode.isDragging{cursor:grabbing;border-color:#4da5c8}
.webSpacesNodeHead small{color:#7d848d}.webSpacesNodeRefsV3{margin-top:7px;font-size:6.8px;color:#72bdd9}.webSpacesNodeRefsV3 b{color:#d7dbe0;font-size:6.8px}.webSpacesNodeFoot .open{border-color:#343941;background:#181c21;color:#bfc4ca}
.webSpacesCanvasToolbar{top:10px;left:10px;right:10px}.webSpacesCanvasToolbar .btn{min-height:32px}.webSpacesLibrary{top:54px;left:10px}
.webSpacesSide{transition:width .18s ease,min-width .18s ease}.webSpacesSideTabs{height:42px;align-items:center;padding:0 8px}.webSpacesSideTabs button{padding:9px 9px 8px}.webSpacesSideTabs .spacer{flex:1}.webSpacesSideTabs .collapse{border:1px solid #d4d4cf;border-radius:7px;padding:5px 8px;color:#555;margin-left:auto}.webSpacesSideTabs .collapse:hover{background:#fff}
.webSpacesInspectorHead,.webSpacesPreviewHead{padding:11px 13px}.webSpacesInspectorHead h3,.webSpacesPreviewHead h3{font-size:16px}.webSpacesInspectorBody{padding:11px 13px 24px}
.webSpacesAiBox{margin:0 0 10px;padding:10px}.webSpacesAiBox p{margin:3px 0 5px}.webSpacesOps{border:1px solid #dddcd6;border-radius:11px;background:#fff;padding:10px;margin:0 0 11px}.webSpacesOpsHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.webSpacesOpsHead b{font-size:10px}.webSpacesOpsHead span{display:block;font-size:8px;color:#777;margin-top:2px;line-height:1.4}.webSpacesOps .webUpload,.webSpacesOps .webR2Upload{margin:7px 0}.webSpacesOps .webAssetGrid{margin-top:8px;max-height:260px;overflow:auto}.webSpacesOps .webBrandKit{margin-top:0}.webSpacesOps .webBrandManualRule{display:none}.webSpacesOps .webBrandConnector{display:none}.webSpacesOps .webBrandAdvanced{display:none}.webSpacesOps .webBrandGrid{grid-template-columns:1fr 1fr}.webSpacesOps .webBrandAssetCard{grid-column:1/-1}.webSpacesOps .webBrandCard{padding:11px}.webSpacesOps .webBrandActions{margin-top:8px}
.webSpacesSimpleFields{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:8px}.webSpacesSimpleFields .full{grid-column:1/-1}.webSpacesSimpleFields label{display:block;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#777;margin-bottom:4px}.webSpacesSimpleFields input,.webSpacesSimpleFields select,.webSpacesSimpleFields textarea{width:100%;border:1px solid #d5d5cf;border-radius:8px;padding:8px;background:#fff;font-size:9px}.webSpacesSimpleFields textarea{line-height:1.5;resize:vertical}
.webSpacesConnections{border:1px solid #deded8;border-radius:11px;background:#fafaf7;padding:10px;margin-top:11px}.webSpacesConnectionsHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.webSpacesConnectionsHead b{font-size:10px}.webSpacesConnectionsHead span{display:block;font-size:8px;color:#777;margin-top:2px;line-height:1.45}.webSpacesConnectionAdd{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:6px;align-items:center}.webSpacesConnectionAdd select{width:100%;border:1px solid #d6d6d0;border-radius:8px;background:#fff;padding:7px;font-size:8px}.webSpacesRelationListV3{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.webSpacesRelationChip{display:inline-flex;align-items:center;gap:5px;background:#e9f2f5;border:1px solid #d5e6eb;border-radius:999px;padding:4px 7px;font-size:7px;color:#315b69}.webSpacesRelationChip b{font-size:7px;color:#183945}.webSpacesRelationChip button{border:0;background:none;padding:0;cursor:pointer;color:#69838b}
.webSpacesItemRelationsV3{display:grid;gap:7px;margin-top:9px}.webSpacesItemRelationV3{border:1px solid #e2e2dd;border-radius:9px;background:#fff;padding:8px}.webSpacesItemRelationV3Top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:6px}.webSpacesItemRelationV3Top b{font-size:8px}.webSpacesItemRelationV3Top small{font-size:7px;color:#777}.webSpacesItemRelationV3Add{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:5px}.webSpacesItemRelationV3Add select{min-width:0;width:100%;border:1px solid #ddd;border-radius:7px;padding:6px;font-size:7px}.webSpacesAdvanced{margin-top:11px;border:1px solid #dddcd6;border-radius:10px;background:#fff}.webSpacesAdvanced summary{cursor:pointer;padding:9px 10px;font-size:8px;font-weight:900;color:#666}.webSpacesAdvancedBody{padding:0 10px 10px;border-top:1px solid #eee}.webSpacesAdvancedBody .webSpacesHint{margin-top:8px}.webSpacesAdvancedBody textarea{width:100%;border:1px solid #ddd;border-radius:8px;padding:8px;font:8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;min-height:160px}.webSpacesAdvancedBody select{width:100%;border:1px solid #ddd;border-radius:8px;padding:7px;font-size:8px}
.webSpacesResourceNode .thumb svg{max-width:44px;max-height:44px}.webSpacesResourceNode .info small{display:none}.webSpacesResourceNode .info b{font-size:8px}.webSpacesResourceNode .info em{font-style:normal;display:block;font-size:6.5px;color:#7f8790;margin-top:2px}
.webPublishV3{display:grid;gap:14px}.webPublishSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.webPublishCard{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px;min-width:0}.webPublishCard .kicker{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#888}.webPublishCard h3{margin:5px 0 5px;font-size:14px}.webPublishCard p{font-size:9px;color:#777;line-height:1.5;margin:0}.webPublishCard code{font-size:7px;word-break:break-all}.webPublishCard.ok{border-color:#cde5d3;background:#f7fbf8}.webPublishCard.warn{border-color:#ead79a;background:#fffaf0}.webPublishCard.blocked{background:#f5f5f2;color:#777}.webPublishActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.webPublishGrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:14px}.webPublishTimeline{display:grid;gap:8px}.webPublishStage{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px;border:1px solid #e2e2dc;border-radius:10px;background:#fff}.webPublishStage .num{width:32px;height:32px;border-radius:9px;background:#111;color:#ffbd00;display:grid;place-items:center;font-size:8px;font-weight:900}.webPublishStage b{font-size:10px}.webPublishStage span{display:block;font-size:8px;color:#777;margin-top:3px;line-height:1.45}.webPublishStage .state{font-size:7px;font-weight:900;text-transform:uppercase;border-radius:999px;background:#eee;padding:4px 6px}.webPublishStage .state.ok{background:#e4f5e8;color:#16713a}.webPublishStage .state.warn{background:#fff0c6;color:#775b06}.webPublishStage .state.bad{background:#ffe6e1;color:#8d3124}.webPublishFeedback{max-height:320px;overflow:auto}.webPublishFeedback article{border-top:1px solid #eee;padding:9px 0}.webPublishFeedback article:first-child{border-top:0}.webPublishFeedback p{font-size:9px;line-height:1.45}.webPublishFeedback small{font-size:7px;color:#888}
@media(max-width:1180px){.webWorkspaceSpacesV3 .webSpacesStudio{grid-template-columns:minmax(0,1fr) 400px}.webPublishSummary{grid-template-columns:1fr 1fr}.webPublishGrid{grid-template-columns:1fr}}
@media(max-width:850px){.webWorkspaceSpacesV3 .webWorkspaceTop{grid-template-columns:120px minmax(0,1fr) auto}.webWorkspaceSpacesV3 .webWorkspaceActions .webFinanceMini,.webWorkspaceSpacesV3 .webWorkspaceActions .pill{display:none}.webSpacesFullscreenMeta{display:none}.webWorkspaceSpacesV3 .webSpacesStudio{display:block;height:calc(100vh - 102px)}.webWorkspaceSpacesV3 .webSpacesCanvasPane{height:100%}.webWorkspaceSpacesV3 .webSpacesSide{position:absolute;right:0;top:102px;bottom:0;width:min(92vw,430px);z-index:50;box-shadow:-18px 0 50px #0006}.webWorkspaceSpacesV3 .webSpacesStudio.sideCollapsed .webSpacesSide{display:none}.webSpacesOps .webBrandGrid{grid-template-columns:1fr}.webPublishSummary{grid-template-columns:1fr}.webSpacesConnectionAdd,.webSpacesItemRelationV3Add{grid-template-columns:1fr}}

/* ===== AUSA SPACES V4 · GRAPH WORKSPACE ===== */
.webWorkspaceSpacesV3 .webSpacesStudio{grid-template-columns:minmax(0,1fr) minmax(430px,34vw)!important;height:calc(100vh - 106px)!important;min-height:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important}
.webWorkspaceSpacesV3 .webSpacesSide{display:flex!important}
.webWorkspaceSpacesV3 .webSpacesSideTabs{height:42px;align-items:center!important;padding:0 12px!important}
.webWorkspaceSpacesV3 .webSpacesSideTabs .previewOnly{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#111}
.webWorkspaceSpacesV3 .webSpacesSideTabs .spacer{flex:1}
.webWorkspaceSpacesV3 .webSpacesSideBody{overflow:auto!important}
.webSpacesNode{width:292px!important;overflow:visible!important;border-left:4px solid var(--node-accent,#6f7680)!important}
.webSpacesNode.expanded{width:540px!important;z-index:12!important}
.webSpacesNode.selected{border-color:var(--node-accent,#ffbb00)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--node-accent,#ffbb00) 40%, transparent),0 24px 70px #000b!important}
.webSpacesNode.isDragging{opacity:.93;z-index:30!important}
.webSpacesNodeHead{cursor:grab!important;border-radius:10px 10px 0 0}
.webSpacesNodeHead:active{cursor:grabbing!important}
.webSpacesNodeGlyph{background:color-mix(in srgb,var(--node-accent,#6f7680) 22%,#25292f)!important;color:#fff}
.webSpacesNodeTools{display:flex;gap:5px;align-items:center;margin-left:auto}
.webSpacesNodeTools button{border:1px solid #393f47;background:#1c2025;color:#ddd;border-radius:7px;padding:4px 6px;font-size:7px;font-weight:900;cursor:pointer}
.webSpacesNodeTools button:hover{border-color:#777;color:#fff}
.webSpacesNodeInline{border-top:1px solid #262a2f;background:#111418;padding:10px;max-height:520px;overflow:auto;user-select:text}
.webSpacesNodeInline::-webkit-scrollbar{width:8px}.webSpacesNodeInline::-webkit-scrollbar-thumb{background:#353a41;border-radius:8px}
.webSpacesInlineSection{border:1px solid #2a2f35;background:#171b20;border-radius:10px;padding:9px;margin-bottom:8px}
.webSpacesInlineSection:last-child{margin-bottom:0}
.webSpacesInlineSection h4{margin:0 0 7px;font-size:9px;color:#f4f4ef}
.webSpacesInlineSection p,.webSpacesInlineSection small{font-size:7.5px;color:#9ca3ad;line-height:1.5}
.webSpacesInlineField{display:grid;gap:4px;margin-top:7px}.webSpacesInlineField label{font-size:6.5px;text-transform:uppercase;letter-spacing:.07em;color:#7f8790;font-weight:900}
.webSpacesInlineField input,.webSpacesInlineField textarea,.webSpacesInlineField select{width:100%;box-sizing:border-box;border:1px solid #343a42;border-radius:8px;background:#0f1215;color:#eee;padding:7px;font-size:8px;line-height:1.45}.webSpacesInlineField textarea{min-height:74px;resize:vertical}
.webSpacesInlineItems{display:grid;gap:6px}.webSpacesInlineItem{display:grid;grid-template-columns:minmax(0,1fr) 82px 82px;gap:5px;align-items:center}.webSpacesInlineItem input{min-width:0}
.webSpacesInlineAi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px}.webSpacesInlineAi input{min-width:0}
.webSpacesInlineAi .btn{padding:7px 9px!important;font-size:8px!important}
.webSpacesColorPicker{display:none;position:absolute;top:8px;right:12px;z-index:18;gap:4px;padding:5px;border:1px solid #383d44;border-radius:999px;background:#101316eF;box-shadow:0 8px 26px #0009}
.webSpacesNode:hover .webSpacesColorPicker,.webSpacesNode.selected .webSpacesColorPicker{display:flex}
.webSpacesColorPicker button{width:13px;height:13px;border:2px solid #111;border-radius:50%;padding:0;cursor:pointer;box-shadow:0 0 0 1px #ffffff1f}
.webSpacesLinkPort{display:none;position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:17px;height:17px;border-radius:50%;border:3px solid #0c0e10;background:var(--node-accent,#ffbb00);z-index:25;cursor:crosshair;box-shadow:0 0 0 1px #ffffff2b}
.webSpacesNode:hover .webSpacesLinkPort,.webSpacesNode.selected .webSpacesLinkPort{display:block}
.webSpacesLinkPort:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:#111;font-size:10px;font-weight:1000;line-height:1}
.webSpacesEdgeLayer{pointer-events:none!important}.webSpacesEdge.explicit{stroke:#77808b;stroke-width:2;opacity:.9}.webSpacesEdge.explicit.required{stroke:#ffbd22}.webSpacesEdge.explicit.preferred{stroke:#65b7d8}.webSpacesEdge.explicit.context{stroke:#787e86;stroke-dasharray:4 5}.webSpacesEdgeHit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}.webSpacesEdgeLayer{pointer-events:auto!important}
.webSpacesSelectionRect{position:fixed;z-index:9997;border:1px solid #ffbd22;background:#ffbd2218;pointer-events:none}
.webSpacesLinkOverlay{position:fixed;inset:0;z-index:9998;pointer-events:none}.webSpacesLinkOverlay path{fill:none;stroke:#ffbd22;stroke-width:3;stroke-dasharray:6 5}
.webSpacesNodeCount{font-size:8px;font-weight:900;color:#ffcf4a;background:#28220f;border:1px solid #514518;padding:5px 8px;border-radius:999px}
.webSpacesNodeFoot .v4actions{display:flex;gap:5px;align-items:center}
.webSpacesNodeFoot .v4actions button{white-space:nowrap}
.webSpacesMediaMiniGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.webSpacesMediaMiniGrid .webUpload{margin:0!important;padding:8px!important}.webSpacesMediaMiniGrid .webUpload b{font-size:8px!important}.webSpacesMediaMiniGrid .webUpload span{font-size:6.5px!important}
.webSpacesNodeInline .webBrandKit{background:transparent!important;border:0!important;padding:0!important}.webSpacesNodeInline .webBrandConnector,.webSpacesNodeInline .webBrandAdvanced{display:none!important}.webSpacesNodeInline .webBrandActions{margin-top:8px}.webSpacesNodeInline .webBrandSection{padding:10px!important}.webSpacesNodeInline .webBrandGrid{grid-template-columns:1fr!important}.webSpacesNodeInline .webBrandLogoPreview{min-height:110px!important}.webSpacesNodeInline .webBrandIconsGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.webSpacesOpsInline .webAssetGrid{max-height:190px;overflow:auto}.webSpacesOpsInline .webAsset{padding:6px!important}.webSpacesOpsInline .webAssetActions .btn{padding:4px 6px!important;font-size:7px!important}
.webSpacesRelationModalBack{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:10050;padding:20px}.webSpacesRelationModal{width:min(560px,94vw);max-height:85vh;overflow:auto;background:#f5f5f1;color:#111;border-radius:16px;box-shadow:0 28px 90px #0008}.webSpacesRelationModal header{padding:16px 18px;border-bottom:1px solid #ddd;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.webSpacesRelationModal header h3{margin:2px 0 0;font-size:20px}.webSpacesRelationModal main{padding:16px 18px}.webSpacesRelationModal .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.webSpacesRelationModal label{display:block;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:#777;margin-bottom:5px}.webSpacesRelationModal select{width:100%;padding:9px;border:1px solid #ccc;border-radius:9px;background:#fff}.webSpacesRelationTargets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.webSpacesRelationTargets label{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:9px;color:#222;background:#fff;border:1px solid #ddd;border-radius:9px;padding:8px}.webSpacesRelationModal footer{padding:12px 18px;border-top:1px solid #ddd;display:flex;justify-content:flex-end;gap:8px}
.webSpacesCanvas.isSelectMode{cursor:crosshair!important}.webSpacesCanvasToolbar .btn.selectActive{background:#2d2740!important;border-color:#6f5ce7!important;color:#fff!important}
.webSpacesResourceNode{display:none!important}
.ausaDeveloperNav{width:100%;display:flex;align-items:center;gap:9px;border:1px solid #3c2f72;background:linear-gradient(135deg,#21183a,#2d2250);color:#e8ddff;border-radius:10px;padding:10px 11px;margin-bottom:9px;font-size:12px;font-weight:900;cursor:pointer}.ausaDeveloperNav:hover{background:linear-gradient(135deg,#2b1f4a,#3b2b68);color:#fff}.ausaDeveloperNav.active{box-shadow:0 0 0 2px #8c79f244}.ausaDeveloperNav .ico{font-size:16px;color:#b39dff}.ausaDeveloperNav small{margin-left:auto;color:#9c8fd1;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1100px){.webWorkspaceSpacesV3 .webSpacesStudio{grid-template-columns:minmax(0,1fr) 420px!important}.webSpacesNode.expanded{width:480px!important}}