/* LOKKA theme for Construct: same palette, type and brand as the LOKKA pages (dist/styles.css). Loaded last. */
:root{--font-body:"Aptos","Segoe UI Variable","Segoe UI",system-ui,sans-serif;--font-display:"Aptos Display","Segoe UI Variable","Segoe UI",system-ui,sans-serif;--ink:#18221c;--muted:#667068;--paper:#f5f1e8;--card:#fffdf8;--green:#38644b;--green-deep:#285b42;--green-2:#dfeadc;--green-3:#eef3ea;--line:#d9d7cd;--line-soft:#e6e2d7;--coral:#e96e55;--shadow:0 22px 70px rgba(38,47,40,.11);font-family:var(--font-body);color:var(--ink);background:var(--paper)}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body)}
button,input,select,textarea{font-family:var(--font-body)}

/* Header */
body>header{background:rgba(245,241,232,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(24,34,28,.12);height:82px}
.return-to-lokka{border:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;border-radius:999px!important;padding:9px 14px!important;font-size:12px!important;font-weight:600!important;text-decoration:none}
.return-to-lokka:hover{background:var(--card)!important}
.brand{gap:11px}
.brand-logo{display:block;height:37px;width:auto}.brand-icon{display:none;height:36px;width:auto}
.brand-divider{background:var(--line)}
.brand-description{color:var(--muted);font-weight:500;letter-spacing:0}
.save-state{color:var(--muted)}
.save-state i{background:var(--green)}
.language-picker select,#language{border:1px solid var(--line)!important;background:rgba(255,253,248,.8)!important;border-radius:999px!important;padding:9px 30px 9px 14px!important;font-size:12px!important;font-weight:700!important;color:var(--ink)!important}
.primary,#export,#make3d{background:var(--green);color:#fff;border:0;border-radius:999px;font-weight:700;box-shadow:0 8px 20px rgba(56,100,75,.18);transition:background .2s,transform .2s}
.primary:hover,#export:hover,#make3d:hover{background:var(--green-deep);transform:translateY(-1px)}
#make3d{background:var(--coral);box-shadow:0 8px 20px rgba(233,110,85,.22)}
#make3d:hover{background:#d85f47}
.secondary{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;font-weight:600}
.secondary:hover{background:#fff;border-color:var(--green)}

/* Side panels */
aside,main>aside:not(.furniture-sidebar),.furniture-sidebar{background:var(--card);border-color:var(--line-soft)}
.eyebrow{color:var(--green);letter-spacing:.18em}
aside h1{font-size:23px}
aside h1,.furniture-sidebar h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.04em}
.intro,.furniture-intro,.furniture-footer small{color:var(--muted)}
.room-card,.furniture-card{background:#fff;border-color:var(--line-soft);border-radius:14px}
.room-card:hover,.furniture-card:hover{border-color:var(--green);background:var(--green-3)}
.card-info strong,.furniture-card b{color:var(--ink)}
.card-info small,.furniture-card small{color:var(--muted)}
.aside-tip{background:var(--green-3);border-radius:14px}
.aside-tip>span{color:var(--coral)}
.aside-tip p{color:var(--muted)}
.furniture-room-label{color:var(--muted)}
#furnitureRoom{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.door-catalog{background:var(--green-3);border-color:var(--green-2);border-radius:14px}
.door-heading{color:var(--ink)}
.door-heading small,.door-catalog p{color:var(--muted)}
.door-types button{border-color:var(--green-2);border-radius:10px;color:var(--ink)}
.door-types button>span{color:var(--green)}
.door-types button>small{color:var(--muted)}
#furnitureInspector,#doorInspector{border-color:var(--line-soft)}
#doorInspector select,#doorInspector input[type=number]{border-color:var(--line);background:#fff;color:var(--ink);border-radius:10px}

/* Workspace */
.project-name input{color:var(--ink);font-family:var(--font-display);width:min(440px,38vw)}
.project-subtitle,.project-stats span,.workspace-bottom{color:var(--muted)}
.project-stats strong{color:var(--ink)}
.canvas-wrap{background:#fffdf8;border-color:var(--line);border-radius:18px}
#board{background-image:radial-gradient(#d4d6c8 1px,transparent 1px)}
.tool-group,.zoom{background:#fff;border-color:var(--line-soft);border-radius:12px}
.tool-group button,.zoom button{color:var(--muted)}
#selection{background:var(--card);border-color:var(--line);border-radius:16px;box-shadow:var(--shadow)}
#selection button{background:var(--green-3);color:var(--green-deep);border-radius:999px}
#selection #delete{background:#fbe9e4;color:#a54e42}
#toast{background:var(--ink);color:#fff;border-radius:999px}

/* 3D, inspection and report stages */
.stage{background:rgba(24,34,28,.45)}
.stage-card{background:var(--paper);border-radius:24px;box-shadow:var(--shadow)}
.stage-card>header{border-color:var(--line)}
.stage-card>header small{color:var(--coral);font-weight:700;letter-spacing:.18em}
.stage-card h2{font-family:var(--font-display);color:var(--ink);letter-spacing:-.04em}
.stage-step{color:var(--green);font-weight:700}
.stage-close{background:var(--card);border:1px solid var(--line);color:var(--ink)}
.stage-lead{color:var(--muted);font-size:13px}
.approval-summary span{background:var(--green-2);color:var(--green-deep);font-weight:600}
.confirmation-plan,.scene-wrap,.model-canvas{border-color:var(--line);border-radius:16px}
.confirmation-plan{background:#fffdf8}
.model-settings label{color:var(--muted)}
.model-settings select,.surface-toolbar select{border-color:var(--line);background:#fff;color:var(--ink);border-radius:999px}
.model-settings input[type=range],.model-settings input[type=checkbox],.dossier-consent input{accent-color:var(--green)}
.surface-hover{color:var(--green-deep);background:rgba(255,253,248,.95);border-color:var(--line);border-radius:999px}
.camera-tools>span{color:var(--muted)}
.camera-tools button{border-color:var(--line);background:#fff;color:var(--green);border-radius:10px}
.review-rooms button{border-radius:14px}
.review-rooms button.active{background:var(--green-2);border-color:var(--green-2)}
.review-number{background:var(--card);color:var(--green-deep);border-radius:8px}
.review-rooms small,.notes-hint,.empty-notes,.room-size{color:var(--muted)}
.surface-toolbar button{background:var(--card);border-color:var(--line-soft);color:var(--ink);border-radius:999px}
.surface-toolbar button.active{background:var(--green);color:#fff}
.inspection-notes{background:var(--card);border-color:var(--line);border-radius:18px}
.notes-heading>span{background:var(--green-2);color:var(--green-deep)}
.issue-card{background:#fff;border-color:var(--line-soft);border-radius:12px}
.issue-card b{color:#a54e42}
.issue-card p{color:var(--ink)}
.locate-note{color:var(--green)}
.surface-dialog{background:rgba(24,34,28,.45)}
.surface-comment{background:var(--card);border-color:var(--line);border-radius:22px}
.surface-comment .eyebrow{color:var(--coral)}
.surface-comment>p,.surface-comment label{color:var(--muted)}
.surface-comment textarea{font-family:var(--font-body);border-color:var(--line);border-radius:12px}
.surface-comment textarea:focus{outline:2px solid var(--green-2);border-color:var(--green)}
.report-document{border-radius:22px}
.report-title{border-color:var(--green)}
.report-summary>div{background:var(--green-3);border-radius:14px}
.report-toolbar button{border-radius:999px}
.report-room button{border-radius:999px}