:root{--bg:#eef3f8;--surface:#fbfcfe;--surface-strong:#f1f5f9;--line:#cbd6e3;--line-strong:#aebccd;--text:#172033;--muted:#667085;--faint:#94a3b8;--blue:#2563eb;--teal:#0f766e;--orange:#ea580c;--rose:#be123c;--green:#16a34a;--warning:#a16207;--shadow:0 16px 38px #0f172a1a;--radius:8px;--font:Aptos, "Segoe UI Variable", "Segoe UI", Arial, ui-sans-serif, system-ui, sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.4}.production-builder-module{gap:16px;min-width:0;display:grid}.production-builder-head{border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--page-accent,var(--teal)) 10%, transparent), transparent 62%), var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:14px;display:flex}.production-builder-title{align-items:center;gap:12px;min-width:0;display:flex}.production-builder-title>div{gap:2px;min-width:0;display:grid}.production-builder-title span:not(.production-builder-icon),.production-builder-source span,.production-builder-card span,.production-builder-card small{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:900}.production-builder-title strong{color:var(--text);font-size:20px;line-height:1.15}.production-builder-title p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.production-builder-icon{background:color-mix(in srgb, var(--page-accent,var(--teal)) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--page-accent,var(--teal)) 26%, var(--line));color:var(--page-accent,var(--teal));border-radius:12px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.production-builder-source{text-align:right;flex-direction:column;align-items:flex-end;gap:5px;min-width:150px;display:flex}.production-builder-source strong,.production-builder-source span{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.production-builder-source strong{background:color-mix(in srgb, var(--page-accent,var(--teal)) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--page-accent,var(--teal)) 28%, var(--line));color:var(--page-accent,var(--teal));border-radius:999px;padding:5px 9px;font-size:12px}.production-builder-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.production-builder-workflow{grid-template-columns:repeat(var(--step-count,5), minmax(150px, 1fr));padding:2px 2px 8px;position:relative;overflow-x:auto}.production-builder-workflow:before{background:color-mix(in srgb, var(--page-accent,var(--teal)) 26%, var(--line));content:"";height:2px;position:absolute;top:46px;left:32px;right:32px}.production-builder-automation{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.production-builder-formula{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.production-builder-approval{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.production-builder-calendar{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.production-builder-inventory,.production-builder-exportPdf{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.production-builder-card{background:var(--surface);border:1px solid var(--line);z-index:1;border-radius:14px;gap:8px;min-width:0;min-height:118px;padding:16px;display:grid;position:relative}.production-builder-card:before{background:var(--page-accent,var(--teal));content:"";border-radius:999px;height:4px;position:absolute;top:0;left:16px;right:16px}.production-builder-card strong{color:var(--text);overflow-wrap:anywhere;font-size:17px;line-height:1.25}.production-step-card{text-align:center;align-content:center;min-height:130px;padding:50px 16px 16px}.production-step-number{background:color-mix(in srgb, var(--page-accent,var(--teal)) 16%, var(--surface));border:2px solid color-mix(in srgb, var(--page-accent,var(--teal)) 55%, var(--line));border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:28px;left:50%;transform:translate(-50%);color:var(--page-accent,var(--teal))!important;font-size:13px!important}.production-rule-card i{color:var(--page-accent,var(--teal));font-size:24px;font-style:normal;line-height:1}.production-rule-card{gap:12px;min-height:156px;padding:16px}.production-rule-card:before{background:color-mix(in srgb, var(--warning) 74%, var(--page-accent,var(--teal)))}.production-rule-number{background:color-mix(in srgb, var(--warning) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 24%, var(--line));color:color-mix(in srgb, var(--warning) 76%, var(--text));border-radius:999px;justify-self:start;align-items:center;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.production-rule-flow{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:10px;min-width:0;display:grid}.production-rule-panel{background:color-mix(in srgb, var(--surface-strong) 78%, transparent);border:1px solid var(--line);border-radius:12px;align-content:start;gap:8px;min-width:0;padding:12px;display:grid}.production-rule-panel strong{font-size:15px}.production-rule-arrow,.production-automation-arrow{background:color-mix(in srgb, var(--warning) 13%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 26%, var(--line));color:color-mix(in srgb, var(--warning) 76%, var(--text));border-radius:999px;justify-content:center;align-self:center;align-items:center;width:34px;height:34px;display:inline-flex}.production-automation-editor{grid-template-columns:1fr}.production-automation-edit-row{grid-template-columns:32px minmax(190px,1fr) 34px minmax(190px,1fr) 38px;align-items:end;gap:10px;min-width:0;display:grid}.production-builder-edit-index{background:color-mix(in srgb, var(--warning) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 24%, var(--line));color:color-mix(in srgb, var(--warning) 76%, var(--text));border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:5px;font-size:12px;font-weight:900;display:inline-flex}.production-automation-edit-row label{gap:6px;min-width:0;display:grid}
.production-automation-edit-row small{color:var(--muted);font-size:12px;font-weight:900}.production-automation-edit-row input{background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:10px;min-width:0;min-height:40px;padding:9px 11px}.production-automation-edit-row input:focus{border-color:color-mix(in srgb, var(--warning) 56%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--warning) 15%, transparent);outline:none}.production-automation-edit-row button{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.production-automation-edit-row button:hover{border-color:color-mix(in srgb, var(--rose) 32%, var(--line));color:var(--rose)}.production-formula-card{gap:14px;min-height:156px;padding:16px}.production-formula-card:before{background:color-mix(in srgb, var(--green) 74%, var(--page-accent,var(--teal)))}.production-formula-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.production-formula-index,.production-formula-kind{border-radius:999px;align-items:center;min-width:0;padding:5px 10px;font-weight:900;display:inline-flex;font-size:12px!important}.production-formula-index{background:color-mix(in srgb, var(--green) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--green) 26%, var(--line));color:color-mix(in srgb, var(--green) 78%, var(--text))!important}.production-formula-kind{background:var(--surface-strong);border:1px solid var(--line);color:var(--muted)!important}.production-formula-body{grid-template-columns:minmax(0,1fr) 36px minmax(0,.8fr);gap:10px;min-width:0;display:grid}.production-formula-expression,.production-formula-result{background:color-mix(in srgb, var(--surface-strong) 78%, transparent);border:1px solid var(--line);border-radius:12px;align-content:start;gap:8px;min-width:0;padding:12px;display:grid}.production-formula-expression strong,.production-formula-result strong{font-size:15px}.production-formula-equals{background:color-mix(in srgb, var(--green) 13%, var(--surface));border:1px solid color-mix(in srgb, var(--green) 26%, var(--line));color:color-mix(in srgb, var(--green) 78%, var(--text));border-radius:999px;justify-content:center;align-self:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:inline-flex}.production-formula-editor{grid-template-columns:1fr}.production-formula-edit-row{grid-template-columns:32px minmax(220px,1.15fr) 36px minmax(180px,.85fr) 38px;align-items:end;gap:10px;min-width:0;display:grid}.production-formula-edit-row .production-builder-edit-index{background:color-mix(in srgb, var(--green) 12%, var(--surface));border-color:color-mix(in srgb, var(--green) 26%, var(--line));color:color-mix(in srgb, var(--green) 78%, var(--text))}.production-formula-edit-row label{gap:6px;min-width:0;display:grid}.production-formula-edit-row small{color:var(--muted);font-size:12px;font-weight:900}.production-formula-edit-row input{background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:10px;min-width:0;min-height:40px;padding:9px 11px}.production-formula-edit-row input:focus{border-color:color-mix(in srgb, var(--green) 56%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 15%, transparent);outline:none}.production-formula-edit-row button{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.production-formula-edit-row button:hover{border-color:color-mix(in srgb, var(--rose) 32%, var(--line));color:var(--rose)}.production-approval-card{gap:12px;min-height:190px;padding:16px}.production-approval-card:before{background:color-mix(in srgb, #8b5cf6 74%, var(--page-accent,var(--teal)))}.production-approval-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.production-approval-index,.production-approval-status{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;min-width:0;max-width:100%;padding:5px 10px;font-weight:900;display:inline-flex;overflow:hidden;font-size:12px!important}.production-approval-index{background:color-mix(in srgb, #8b5cf6 12%, var(--surface));border:1px solid color-mix(in srgb, #8b5cf6 26%, var(--line));color:color-mix(in srgb, #8b5cf6 82%, var(--text))!important}.production-approval-status{background:color-mix(in srgb, var(--green) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--green) 24%, var(--line));color:color-mix(in srgb, var(--green) 76%, var(--text))!important}.production-approval-checklist{background:color-mix(in srgb, var(--surface-strong) 78%, transparent);border:1px solid var(--line);border-radius:12px;grid-template-columns:110px minmax(0,1fr);gap:8px 10px;padding:12px;display:grid}.production-approval-checklist span{text-transform:uppercase;font-weight:900;color:var(--muted)!important;font-size:11px!important}.production-approval-checklist strong{color:var(--text);overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.25}.production-approval-editor{grid-template-columns:1fr}.production-approval-edit-row{grid-template-columns:32px minmax(210px,1.2fr) minmax(150px,.85fr) minmax(170px,.9fr) minmax(150px,.75fr) 38px;align-items:end;gap:10px;min-width:0;display:grid}.production-approval-edit-row .production-builder-edit-index{background:color-mix(in srgb, #8b5cf6 12%, var(--surface));border-color:color-mix(in srgb, #8b5cf6 26%, var(--line));color:color-mix(in srgb, #8b5cf6 82%, var(--text))}.production-approval-edit-row label{gap:6px;min-width:0;display:grid}.production-approval-edit-row small{color:var(--muted);font-size:12px;font-weight:900}.production-approval-edit-row input{background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:10px;min-width:0;min-height:40px;padding:9px 11px}.production-approval-edit-row input:focus{border-color:color-mix(in srgb, #8b5cf6 58%, var(--line));outline:none;box-shadow:0 0 0 3px #8b5cf626}.production-approval-edit-row button{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.production-approval-edit-row button:hover{border-color:color-mix(in srgb, var(--rose) 32%, var(--line));color:var(--rose)}
.production-calendar-card{grid-template-columns:86px minmax(0,1fr);align-items:stretch;gap:14px;min-height:150px;padding:16px}.production-calendar-card:before{background:color-mix(in srgb, var(--blue) 72%, var(--page-accent,var(--teal)))}.production-calendar-card.is-critical:before{background:var(--rose)}.production-calendar-date{background:linear-gradient(180deg, color-mix(in srgb, var(--blue) 13%, transparent), transparent), color-mix(in srgb, var(--surface-strong) 86%, transparent);border:1px solid color-mix(in srgb, var(--blue) 24%, var(--line));border-radius:14px;align-content:center;justify-items:center;min-width:0;padding:12px 8px;display:grid}.production-calendar-card.is-critical .production-calendar-date{border-color:color-mix(in srgb, var(--rose) 34%, var(--line))}.production-calendar-date span{text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-weight:900;line-height:1.15;overflow:hidden;color:var(--muted)!important;font-size:11px!important}.production-calendar-date strong{color:color-mix(in srgb, var(--blue) 78%, var(--text));font-size:30px;line-height:1}.production-calendar-card.is-critical .production-calendar-date strong{color:color-mix(in srgb, var(--rose) 82%, var(--text))}.production-calendar-content{align-content:center;gap:8px;min-width:0;display:grid}.production-calendar-content strong{font-size:17px}.production-calendar-content small{background:color-mix(in srgb, var(--blue) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--blue) 20%, var(--line));text-overflow:ellipsis;white-space:nowrap;border-radius:999px;justify-self:start;max-width:100%;padding:5px 9px;overflow:hidden;color:color-mix(in srgb, var(--blue) 72%, var(--text))!important}.production-calendar-card.is-critical .production-calendar-content small{background:color-mix(in srgb, var(--rose) 10%, var(--surface));border-color:color-mix(in srgb, var(--rose) 24%, var(--line));color:color-mix(in srgb, var(--rose) 76%, var(--text))!important}.production-calendar-editor{grid-template-columns:1fr}.production-calendar-edit-row{grid-template-columns:32px minmax(220px,1.1fr) minmax(120px,.5fr) minmax(210px,1fr) 38px;align-items:end;gap:10px;min-width:0;display:grid}.production-calendar-edit-row .production-builder-edit-index{background:color-mix(in srgb, var(--blue) 12%, var(--surface));border-color:color-mix(in srgb, var(--blue) 26%, var(--line));color:color-mix(in srgb, var(--blue) 78%, var(--text))}.production-calendar-edit-row label{gap:6px;min-width:0;display:grid}.production-calendar-edit-row small{color:var(--muted);font-size:12px;font-weight:900}.production-calendar-edit-row input{background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:10px;min-width:0;min-height:40px;padding:9px 11px}.production-calendar-edit-row input:focus{border-color:color-mix(in srgb, var(--blue) 56%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 15%, transparent);outline:none}.production-calendar-edit-row button{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.production-calendar-edit-row button:hover{border-color:color-mix(in srgb, var(--rose) 32%, var(--line));color:var(--rose)}.production-inventory-card{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;min-height:156px;padding:16px}.production-inventory-card:before{background:color-mix(in srgb, var(--teal) 72%, var(--page-accent,var(--teal)))}.production-inventory-card.is-alert:before{background:var(--rose)}.production-inventory-card.is-reserved:before{background:color-mix(in srgb, var(--orange) 76%, var(--page-accent,var(--teal)))}.production-inventory-symbol{background:color-mix(in srgb, var(--teal) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--teal) 28%, var(--line));color:color-mix(in srgb, var(--teal) 80%, var(--text));border-radius:14px;justify-content:center;align-self:start;align-items:center;width:54px;height:54px;display:inline-flex}.production-inventory-card.is-alert .production-inventory-symbol{background:color-mix(in srgb, var(--rose) 10%, var(--surface));border-color:color-mix(in srgb, var(--rose) 28%, var(--line));color:color-mix(in srgb, var(--rose) 80%, var(--text))}.production-inventory-card.is-reserved .production-inventory-symbol{background:color-mix(in srgb, var(--orange) 10%, var(--surface));border-color:color-mix(in srgb, var(--orange) 28%, var(--line));color:color-mix(in srgb, var(--orange) 82%, var(--text))}.production-inventory-content{gap:8px;min-width:0;display:grid}.production-inventory-content strong{font-size:17px}.production-inventory-content small{overflow-wrap:anywhere;font-weight:900;color:var(--muted)!important;font-size:12px!important}.production-inventory-status{background:color-mix(in srgb, var(--teal) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--teal) 26%, var(--line));text-overflow:ellipsis;white-space:nowrap;border-radius:999px;grid-column:2;justify-self:start;max-width:100%;padding:5px 10px;font-weight:900;overflow:hidden;color:color-mix(in srgb, var(--teal) 80%, var(--text))!important;font-size:12px!important}.production-inventory-card.is-alert .production-inventory-status{background:color-mix(in srgb, var(--rose) 10%, var(--surface));border-color:color-mix(in srgb, var(--rose) 24%, var(--line));color:color-mix(in srgb, var(--rose) 78%, var(--text))!important}.production-inventory-card.is-reserved .production-inventory-status{background:color-mix(in srgb, var(--orange) 10%, var(--surface));border-color:color-mix(in srgb, var(--orange) 24%, var(--line));color:color-mix(in srgb, var(--orange) 82%, var(--text))!important}.production-inventory-editor{grid-template-columns:1fr}.production-inventory-edit-row{grid-template-columns:32px minmax(220px,1.1fr) minmax(170px,.75fr) minmax(210px,1fr) 38px;align-items:end;gap:10px;min-width:0;display:grid}.production-inventory-edit-row .production-builder-edit-index{background:color-mix(in srgb, var(--teal) 12%, var(--surface));border-color:color-mix(in srgb, var(--teal) 26%, var(--line));color:color-mix(in srgb, var(--teal) 80%, var(--text))}.production-inventory-edit-row label{gap:6px;min-width:0;display:grid}.production-inventory-edit-row small{color:var(--muted);font-size:12px;font-weight:900}.production-inventory-edit-row input{background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:10px;min-width:0;min-height:40px;padding:9px 11px}.production-inventory-edit-row input:focus{border-color:color-mix(in srgb, var(--teal) 56%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 15%, transparent);outline:none}.production-inventory-edit-row button{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.production-inventory-edit-row button:hover{border-color:color-mix(in srgb, var(--rose) 32%, var(--line));color:var(--rose)}.production-export-card{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:14px;min-height:166px;padding:16px}.production-export-card:before{background:color-mix(in srgb, var(--rose) 72%, var(--page-accent,var(--teal)))}
.production-export-preview{background:linear-gradient(180deg, color-mix(in srgb, var(--rose) 13%, transparent), transparent), color-mix(in srgb, var(--surface-strong) 86%, transparent);border:1px solid color-mix(in srgb, var(--rose) 26%, var(--line));color:color-mix(in srgb, var(--rose) 78%, var(--text));border-radius:14px;align-content:center;justify-items:center;gap:8px;height:92px;padding:12px 8px;display:grid}.production-export-preview span{background:color-mix(in srgb, var(--rose) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--rose) 24%, var(--line));border-radius:999px;padding:4px 8px;font-weight:900;color:color-mix(in srgb, var(--rose) 80%, var(--text))!important;font-size:11px!important}.production-export-content{gap:8px;min-width:0;display:grid}.production-export-content strong{font-size:17px}.production-export-content small{overflow-wrap:anywhere;font-weight:900;color:var(--muted)!important;font-size:12px!important}.production-export-status{background:color-mix(in srgb, var(--rose) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--rose) 24%, var(--line));text-overflow:ellipsis;white-space:nowrap;border-radius:999px;grid-column:2;justify-self:start;max-width:100%;padding:5px 10px;font-weight:900;overflow:hidden;color:color-mix(in srgb, var(--rose) 78%, var(--text))!important;font-size:12px!important}.production-export-editor{grid-template-columns:1fr}.production-export-edit-row{grid-template-columns:32px minmax(220px,1.1fr) minmax(210px,1fr) minmax(180px,.8fr) 38px;align-items:end;gap:10px;min-width:0;display:grid}.production-export-edit-row .production-builder-edit-index{background:color-mix(in srgb, var(--rose) 10%, var(--surface));border-color:color-mix(in srgb, var(--rose) 26%, var(--line));color:color-mix(in srgb, var(--rose) 78%, var(--text))}.production-export-edit-row label{gap:6px;min-width:0;display:grid}.production-export-edit-row small{color:var(--muted);font-size:12px;font-weight:900}.production-export-edit-row input{background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:10px;min-width:0;min-height:40px;padding:9px 11px}.production-export-edit-row input:focus{border-color:color-mix(in srgb, var(--rose) 54%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--rose) 14%, transparent);outline:none}.production-export-edit-row button{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.production-export-edit-row button:hover{border-color:color-mix(in srgb, var(--rose) 32%, var(--line));color:var(--rose)}.production-builder-editor{border:1px solid var(--line);background:var(--surface-strong);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;padding:14px;display:grid}.production-builder-editor-head{grid-column:1/-1;justify-content:space-between;align-items:center;min-width:0;padding-bottom:2px;display:flex}.production-builder-editor-head strong{color:var(--text);font-size:14px}.production-builder-editor-head span{color:var(--muted);font-size:12px;font-weight:900}.production-builder-edit-row{grid-template-columns:32px minmax(0,1fr) 38px;align-items:center;gap:8px;min-width:0;display:grid}.production-builder-edit-row>span{background:color-mix(in srgb, var(--page-accent,var(--teal)) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--page-accent,var(--teal)) 25%, var(--line));color:var(--page-accent,var(--teal));border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:inline-flex}.production-builder-edit-row input{background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:10px;min-width:0;min-height:40px;padding:9px 11px}.production-builder-edit-row input:focus{border-color:color-mix(in srgb, var(--page-accent,var(--teal)) 65%, var(--line));box-shadow:0 0 0 3px color-mix(in srgb, var(--page-accent,var(--teal)) 15%, transparent);outline:none}.production-builder-edit-row button{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.production-builder-edit-row button:hover{color:var(--rose);border-color:color-mix(in srgb, var(--rose) 32%, var(--line))}.production-builder-add{grid-column:1/-1;justify-self:start}.production-builder-empty{border:1px dashed var(--line);color:var(--muted);border-radius:12px;margin:0;padding:18px}@media (max-width:720px){.production-builder-head{flex-direction:column;align-items:stretch}.production-builder-source{text-align:left;align-items:flex-start;min-width:0}.production-rule-flow,.production-formula-body,.production-approval-checklist,.production-automation-edit-row,.production-formula-edit-row,.production-approval-edit-row,.production-calendar-card,.production-calendar-edit-row,.production-inventory-card,.production-inventory-edit-row,.production-export-card,.production-export-edit-row{grid-template-columns:1fr}.production-inventory-status,.production-export-status{grid-column:auto}.production-rule-arrow,.production-automation-arrow,.production-formula-equals,.production-builder-edit-index{justify-self:start;margin-bottom:0}}.tenant-admin-shell{color:#172033;background:#f4f6f9;min-height:100vh}.tenant-admin-topbar{background:#fff;border-bottom:1px solid #dfe4ea;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:0 24px;display:flex}.tenant-admin-brand,.tenant-admin-nav,.tenant-admin-icon-button,.tenant-admin-primary,.tenant-admin-secondary{align-items:center;display:inline-flex}.tenant-admin-brand{color:#172033;gap:8px;font-size:15px;font-weight:850}.tenant-admin-brand svg{color:#0969da}.tenant-admin-nav{gap:6px}.tenant-admin-nav a{color:#657184;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:750}.tenant-admin-nav a:hover,.tenant-admin-nav a.active{color:#0969da;background:#eef5ff}
.tenant-admin-content{max-width:1360px;margin:0 auto;padding:28px 24px 40px}.tenant-admin-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.tenant-admin-heading h1{margin:0 0 10px;font-size:30px;line-height:1.15}.tenant-admin-heading p{color:#657184;max-width:760px;margin:0;font-size:15px;line-height:1.55}.tenant-admin-eyebrow,.tenant-admin-card-header span,.tenant-admin-metrics span,.tenant-admin-role-picker span{color:#657184;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.tenant-admin-controls{grid-template-columns:minmax(180px,240px) minmax(150px,190px) auto;align-items:end;gap:10px;display:grid}.tenant-admin-controls.compact-controls{grid-template-columns:minmax(220px,280px) minmax(170px,220px) auto}.tenant-admin-shell label{color:#334155;gap:6px;font-size:13px;font-weight:750;display:grid}.tenant-admin-shell input,.tenant-admin-shell select{color:#172033;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:40px;padding:8px 10px}.tenant-admin-icon-button,.tenant-admin-primary,.tenant-admin-secondary{cursor:pointer;font:inherit;border-radius:8px;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;font-size:13px;font-weight:800}.tenant-admin-icon-button,.tenant-admin-secondary{color:#0969da;background:#fff;border:1px solid #bfd2ea}.tenant-admin-primary{color:#fff;background:#0969da;border:1px solid #0969da}.tenant-admin-primary.compact{min-width:170px}.tenant-admin-primary:disabled,.tenant-admin-secondary:disabled,.tenant-admin-icon-button:disabled{cursor:wait;opacity:.62}.tenant-admin-alert{border-radius:8px;margin-bottom:14px;padding:12px 14px;font-size:14px}.tenant-admin-alert.error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.tenant-admin-alert.success{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0}.tenant-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.tenant-admin-card{background:#fff;border:1px solid #dfe4ea;border-radius:8px;padding:18px;box-shadow:0 14px 34px #0f172a0d}.tenant-admin-wide{grid-column:span 3}.tenant-admin-card-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.tenant-admin-card-header h2{color:#172033;margin:3px 0 0;font-size:17px}.tenant-admin-card-header svg{color:#0969da}.tenant-admin-form,.tenant-admin-metrics{gap:12px;display:grid}.tenant-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.tenant-admin-metrics div{background:#f8fafc;border:1px solid #dfe4ea;border-radius:8px;min-width:0;padding:12px}.tenant-admin-metrics strong{color:#172033;overflow-wrap:anywhere;margin-top:6px;font-size:15px;display:block}.tenant-admin-table-wrap{overflow-x:auto}.tenant-admin-table{border-collapse:collapse;width:100%;min-width:920px}.tenant-admin-table th,.tenant-admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #dfe4ea;padding:11px 10px;font-size:13px}.tenant-admin-table th{color:#475569;background:#fbfdff;font-weight:850}.tenant-admin-table td{color:#1f2937}.tenant-admin-row-actions{grid-template-columns:minmax(160px,1fr) auto;align-items:center;gap:8px;display:grid}.tenant-admin-empty{color:#657184;text-align:center}.tenant-admin-empty-panel{color:#657184;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;grid-column:1/-1;padding:18px;font-size:13px}.tenant-admin-role-picker{background:#f8fafc;border:1px solid #dfe4ea;border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(140px,180px) minmax(120px,160px);gap:12px;margin-bottom:18px;padding:14px;display:grid}.tenant-admin-role-picker strong{margin-top:8px;display:block}.tenant-admin-permission-section{border-top:1px solid #dfe4ea;padding-top:18px}.tenant-admin-permission-section+.tenant-admin-permission-section{margin-top:18px}.tenant-admin-permission-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.tenant-admin-permission-heading h3{margin:0 0 5px;font-size:16px}.tenant-admin-permission-heading p{color:#657184;margin:0;font-size:13px;line-height:1.45}.tenant-admin-permission-heading>span{color:#0969da;background:#eef5ff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:850}.tenant-admin-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tenant-admin-permission-item{background:#f8fafc;border:1px solid #dfe4ea;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:flex-start;gap:10px;padding:11px;display:grid}.tenant-admin-permission-item input{width:16px;height:16px;min-height:16px;margin-top:2px;padding:0}
.tenant-admin-permission-item input:disabled{cursor:not-allowed;opacity:.75}.tenant-admin-permission-item strong,.tenant-admin-permission-item small,.tenant-admin-permission-item em{min-width:0;display:block}.tenant-admin-permission-item strong{color:#172033;font-size:13px}.tenant-admin-permission-item small{color:#0969da;overflow-wrap:anywhere;margin-top:3px;font-size:12px}.tenant-admin-permission-item em{color:#657184;margin-top:5px;font-size:12px;font-style:normal;line-height:1.35}.runtime-access-denied{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-align:center;place-items:center;min-height:260px;margin:24px;padding:32px;display:grid}.runtime-access-denied strong{font-size:22px}.runtime-access-denied p{color:var(--muted);margin:8px 0 0}@media (max-width:1040px){.tenant-admin-heading,.tenant-admin-topbar{flex-direction:column;align-items:stretch}.tenant-admin-topbar{padding:12px 18px}.tenant-admin-controls,.tenant-admin-grid,.tenant-admin-metrics,.tenant-admin-role-picker,.tenant-admin-permission-grid{grid-template-columns:minmax(0,1fr)}.tenant-admin-wide{grid-column:auto}}@media (max-width:620px){.tenant-admin-content{padding:18px 12px 28px}.tenant-admin-heading h1{font-size:24px}.tenant-admin-nav{flex-wrap:wrap}.tenant-admin-row-actions{grid-template-columns:minmax(0,1fr)}}*{box-sizing:border-box}html,body,#app{min-height:100%}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{background:linear-gradient(180deg, #2563eb14, transparent 280px), var(--bg);min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:12px 20px;display:flex;position:sticky;top:0}.brand-lockup,.topbar-context,.block-title,.section-title,.panel-heading,.rail-heading,.tenant-meta,.company-users,.block-footer,.connection-pill{align-items:center;display:flex}.brand-lockup{gap:12px;min-width:0}.brand-lockup strong,.brand-lockup span,.block-title strong,.company-row strong,.company-row small{display:block}.brand-lockup strong{font-size:15px}.brand-lockup span,.company-row small{color:var(--muted);font-size:12px}.brand-mark{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg, var(--blue), var(--teal));width:38px;height:38px;box-shadow:var(--shadow);place-items:center;display:grid}.topbar-context{color:var(--muted);justify-content:flex-end;gap:10px;min-width:0}.topbar-context>span,.builder-meta span,.tenant-meta span,.block-footer span,.company-users{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar-context>span,.builder-meta span,.tenant-meta span{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:7px 9px}.icon-button,.block-actions button,.inline-form button,.app-toast button{border:1px solid var(--line);border-radius:var(--radius);width:34px;height:34px;color:var(--muted);background:var(--surface);place-items:center;display:inline-grid}.icon-button:hover,.block-actions button:hover,.inline-form button:hover,.app-toast button:hover{color:var(--text);border-color:var(--line-strong)}.topbar-link{border:1px solid var(--line);border-radius:var(--radius);min-height:34px;color:var(--text);background:var(--surface);align-items:center;gap:7px;padding:0 11px;font-weight:800;text-decoration:none;display:inline-flex}button.topbar-link{cursor:pointer;font:inherit}.topbar-link:hover{border-color:var(--line-strong);background:var(--surface-strong)}.topbar-icon-link{justify-content:center;width:38px;padding:0}.workspace-grid{grid-template-columns:minmax(250px,290px) minmax(0,1fr);align-items:stretch;gap:16px;width:min(1800px,100%);min-height:calc(100vh - 68px);margin:0 auto;padding:16px;transition:grid-template-columns .18s;display:grid}.workspace-grid.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.left-rail,.right-rail,.builder-surface{min-width:0}.left-rail,.right-rail{flex-direction:column;gap:14px;display:flex}.left-rail{transition:width .18s}.admin-sidebar{border:1px solid var(--line);background:var(--surface);border-radius:18px;align-self:stretch;gap:10px;height:calc(100vh - 100px);min-height:calc(100vh - 100px);max-height:calc(100vh - 100px);padding:12px;position:sticky;top:84px;overflow:auto;box-shadow:0 14px 34px #0f172a0f}
.tenant-switcher,.module-nav,.module-form,.activity-panel,.panel,.builder-surface,.canvas-shell{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px #0f172a05}.tenant-switcher{padding:16px}.sidebar-section-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-collapse-button{border:1px solid var(--line);border-radius:var(--radius);width:30px;height:30px;color:var(--muted);background:var(--surface);flex:none;place-items:center;display:inline-grid}.sidebar-collapse-button:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-strong)}.admin-sidebar .tenant-switcher,.admin-sidebar .module-nav{box-shadow:none;background:0 0;border:0;border-radius:16px}.admin-sidebar .tenant-switcher{border-bottom:1px solid var(--line);padding:4px 4px 14px}.admin-sidebar .module-nav{flex-direction:column;flex:auto;min-height:0;padding:4px;display:flex}.eyebrow{color:var(--blue);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800;display:block}h1,h2,h3,p{margin:0}.tenant-switcher h1{color:var(--text);overflow-wrap:anywhere;margin-top:6px;font-size:24px;line-height:1.12}.tenant-meta{color:var(--muted);gap:8px;margin-top:14px;font-size:12px}.module-nav,.module-form,.activity-panel,.panel{padding:14px}.rail-heading,.panel-heading{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:16px;font-weight:700}.panel-heading h2,.builder-toolbar h2{color:var(--text);margin-top:2px;font-size:18px;line-height:1.2}.company-row{border-radius:var(--radius);width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000}.sidebar-nav-list{align-content:start;gap:10px;display:grid}.sidebar-view-tabs{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:4px;display:grid}.sidebar-view-tabs button{min-width:0;min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px;font-weight:900;display:grid}.sidebar-view-tabs button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-view-tabs button small{min-width:18px;height:18px;color:inherit;background:color-mix(in srgb, currentColor 10%, transparent);border-radius:999px;place-items:center;font-size:10px;display:inline-grid}.sidebar-view-tabs button.active{color:var(--page-accent,var(--blue));background:var(--surface);box-shadow:0 8px 20px #0f172a14}.sidebar-views-heading{align-items:center}.sidebar-view-switch{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);border-radius:999px;align-items:center;gap:3px;max-width:220px;padding:3px;display:inline-flex}.sidebar-view-switch button{min-width:0;min-height:28px;color:var(--muted);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.sidebar-view-switch button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-view-switch button small{min-width:17px;height:17px;color:inherit;background:color-mix(in srgb, currentColor 12%, transparent);border-radius:999px;place-items:center;font-size:10px;display:inline-grid}.sidebar-view-switch button.active{color:#fff;background:var(--page-accent,var(--blue));box-shadow:0 10px 22px color-mix(in srgb, var(--page-accent,var(--blue)) 22%, transparent)}.admin-sidebar .sidebar-nav-list,.runtime-sidebar .sidebar-nav-list{flex:auto;min-height:0}.nav-row{border:1px solid #0000;border-radius:14px;grid-template-columns:minmax(0,1fr);gap:4px;transition:background .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.nav-row.active{background:#eff6ff;border-color:#2563eb59}.nav-row.runtime-hidden{opacity:.78;border-style:dashed}.nav-item{width:100%;min-height:42px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;display:grid}.nav-item svg{color:color-mix(in srgb, var(--page-accent,var(--blue)) 72%, var(--muted))}.company-row+.company-row{margin-top:6px}.nav-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item small{color:var(--faint);font-size:11px}.nav-row.active .nav-item,.company-row.active{background:#eff6ff}.nav-visibility-button,.nav-edit-button,.nav-delete-button,.nav-move-button,.row-delete-button{width:32px;height:42px;color:var(--faint);background:0 0;border:0;border-radius:14px;place-items:center;display:inline-grid}
.nav-order-controls{border-radius:12px;grid-template-rows:repeat(2,1fr);width:28px;height:42px;display:grid;overflow:hidden}.nav-move-button{border-radius:0;width:28px;height:21px;min-height:0}.nav-move-button:hover:not(:disabled){color:var(--blue);background:#eff6ff}.nav-move-button:disabled{cursor:not-allowed;opacity:.28}.nav-visibility-button:hover{color:var(--blue);background:#eff6ff}.nav-visibility-button.hidden{color:var(--warning)}.nav-visibility-button.hidden:hover{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--surface))}.nav-edit-button:hover{color:var(--blue);background:#eff6ff}.nav-delete-button:hover,.row-delete-button:hover{color:var(--rose);background:#fff1f2}.sidebar-create-button{border:1px dashed var(--line-strong);border-radius:var(--radius);width:100%;min-height:38px;color:var(--blue);background:#f8fbff;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-weight:900;display:inline-flex}.left-rail.is-collapsed{gap:12px}.left-rail.is-collapsed .tenant-switcher,.left-rail.is-collapsed .module-nav{padding:10px}.left-rail.is-collapsed .sidebar-section-top,.left-rail.is-collapsed .rail-heading{justify-content:center}.left-rail.is-collapsed .sidebar-section-top .eyebrow,.left-rail.is-collapsed .tenant-switcher h1,.left-rail.is-collapsed .tenant-meta,.left-rail.is-collapsed .rail-heading span,.left-rail.is-collapsed .nav-item span,.left-rail.is-collapsed .nav-item small,.left-rail.is-collapsed .sidebar-view-tabs,.left-rail.is-collapsed .sidebar-view-switch,.left-rail.is-collapsed .sidebar-empty,.left-rail.is-collapsed .sidebar-create-button span{display:none}.left-rail.is-collapsed .module-nav{min-height:0}.left-rail.is-collapsed .sidebar-nav-list{justify-items:center;gap:16px}.left-rail.is-collapsed .nav-row{grid-template-columns:46px;justify-content:center}.left-rail.is-collapsed .nav-visibility-button,.left-rail.is-collapsed .nav-order-controls,.left-rail.is-collapsed .nav-edit-button,.left-rail.is-collapsed .nav-delete-button{display:none}.left-rail.is-collapsed .nav-item,.left-rail.is-collapsed .sidebar-create-button{width:46px;min-height:46px;padding:0}.left-rail.is-collapsed .nav-item{grid-template-columns:22px;justify-content:center}.left-rail.is-collapsed .sidebar-create-button{margin-inline:auto}.module-form{gap:10px;display:grid}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);outline:none}select,select option,select optgroup{color:var(--text);background:var(--surface)}input,select{height:38px;padding:0 11px}textarea{resize:vertical;min-height:72px;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.primary-action,.secondary-action,.publish-button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:38px;font-weight:800;display:inline-flex}.primary-action{color:var(--page-accent-foreground,#fff);background:var(--blue)}.secondary-action,.publish-button{color:var(--text);background:var(--surface-strong);border-color:var(--line)}.primary-action:hover{background:#1d4ed8}.secondary-action:hover,.publish-button:hover{border-color:var(--line-strong);background:#eef2f7}.publish-button.published{color:#065f46;background:#ecfdf5;border-color:#0f766e4d}.publish-button.save-changes.pending{color:var(--orange);background:#fff7ed;border-color:#f9731657}.activity-row{color:var(--muted);grid-template-columns:10px minmax(0,1fr);gap:9px;padding:8px 0;font-size:12px;display:grid}.activity-row span{background:var(--teal);border-radius:50%;width:8px;height:8px;margin-top:5px}.sidebar-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);background:var(--surface-strong);text-align:center;padding:12px;font-size:12px;font-weight:700}.builder-surface{padding:16px}.builder-toolbar{justify-content:flex-end;align-items:flex-start;gap:16px;display:flex}.builder-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.builder-save-feedback{border-radius:var(--radius);white-space:nowrap;border:1px solid #94a3b83d;align-items:center;max-width:min(280px,100%);min-height:38px;padding:0 10px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.builder-save-feedback.success{color:#047857;background:#ecfdf5;border-color:#05966947}.builder-save-feedback.error{color:#b91c1c;background:#fef2f2;border-color:#dc262647}.builder-toolbar p{color:var(--muted);margin-top:6px}.builder-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:14px;font-size:12px;display:flex}.app-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.app-modal{border:1px solid var(--line);border-radius:var(--radius);width:min(720px,100%);max-height:min(760px,100vh - 36px);color:var(--text);background:var(--surface);gap:14px;padding:16px;display:grid;overflow:auto;box-shadow:0 24px 80px #0f172a3d}.view-picker-modal{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;width:min(780px,100%);max-height:min(820px,100dvh - 36px);overflow:hidden}.view-picker-modal-body{gap:14px;min-height:0;padding-right:4px;display:grid;overflow:auto}
.admin-companies-modal{width:min(620px,100%);padding:18px;position:relative}.admin-companies-modal .admin-panel{box-shadow:none;background:0 0;border:0;padding:0}.admin-companies-modal .panel-heading{padding-right:44px}.modal-floating-close{z-index:1;position:absolute;top:16px;right:16px}.modal-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-heading h2{color:var(--text);margin-top:3px;font-size:20px;line-height:1.16}.modal-tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);flex-wrap:wrap;gap:7px;padding:5px;display:flex}.modal-tabs button{border-radius:var(--radius);min-height:34px;color:var(--muted);background:0 0;border:1px solid #0000;padding:0 12px;font-weight:900}.modal-tabs button.active{color:var(--blue);background:color-mix(in srgb, var(--page-accent,var(--blue)) 10%, var(--surface));border-color:#2563eb59}.page-settings-modal{border-radius:20px;gap:16px;width:min(940px,100vw - 28px);padding:0 28px 22px}.page-settings-heading{border-bottom:1px solid var(--line);align-items:center;min-height:72px;margin:0 -28px;padding:0 18px 0 24px}.page-settings-heading h2{margin:0;font-size:24px}.modal-close-fab{width:48px;height:48px;color:var(--text);background:var(--surface-strong);border:0;border-radius:50%;place-items:center;display:inline-grid}.page-settings-tabs{width:max-content;padding:4px}.page-settings-tabs button{align-items:center;gap:8px;display:inline-flex}.customization-section{gap:14px;display:grid}.customization-section-title{border-bottom:1px solid var(--line-strong);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding-bottom:8px;font-size:13px;font-weight:900;display:flex}.customization-section-note{max-width:760px;color:var(--muted);margin:-6px 0 0;font-size:12px;font-weight:700;line-height:1.45}.accent-title button{color:var(--muted);text-transform:none;background:0 0;border:0;font-size:16px}.theme-card-grid,.sidebar-bg-grid,.item-style-grid,.item-tone-grid,.accent-swatch-row{flex-wrap:wrap;gap:14px;display:flex}.theme-choice-card,.sidebar-bg-card,.item-style-card,.item-tone-card{border:2px solid var(--line-strong);color:var(--text);background:#fff;border-radius:16px;place-items:center;gap:8px;display:grid;position:relative}.theme-choice-card{width:184px;min-height:158px;padding:12px}.sidebar-bg-card{width:126px;min-height:124px;padding:10px}.item-style-card{border-radius:18px;width:116px;min-height:92px;padding:10px}.item-tone-card{width:142px;min-height:86px;padding:10px 12px}.theme-choice-card.active,.sidebar-bg-card.active,.item-style-card.active,.item-tone-card.active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.runtime-theme-publication-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--module-surface,var(--surface));gap:12px;padding:12px;display:grid}.runtime-theme-publication-toggle{color:var(--text);align-items:center;gap:12px;display:flex}.runtime-theme-publication-toggle input{width:18px;height:18px;accent-color:var(--page-accent,var(--blue))}.runtime-theme-publication-toggle span{gap:2px;display:grid}.runtime-theme-publication-toggle small{color:var(--muted);font-size:12px}.runtime-theme-default-options{flex-wrap:wrap;gap:10px;display:flex}.runtime-theme-default-card{border:1px solid var(--line);border-radius:var(--radius);min-height:42px;color:var(--text);background:var(--surface-strong);align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex;position:relative}.runtime-theme-default-card.active{border-color:var(--page-accent,var(--blue));box-shadow:inset 0 0 0 1px var(--page-accent,var(--blue))}.theme-preview,.sidebar-bg-preview{border:1px solid var(--line);background:linear-gradient(90deg,#334155 0 28%,#0000 28%),linear-gradient(#edf2f7 0 0) 48% 23%/28% 8px no-repeat,linear-gradient(#f8fafc 0 0) 52% 62%/46% 58% no-repeat,#fff;border-radius:12px;width:100%;display:block}.theme-preview{height:62px}.theme-preview.dark{background:linear-gradient(90deg,#18181b 0 28%,#0000 28%),linear-gradient(#343434 0 0) 48% 23%/28% 8px no-repeat,linear-gradient(#222 0 0) 52% 62%/46% 58% no-repeat,#0f0f0f}.theme-preview.blueNight{background:linear-gradient(90deg,#172238 0 28%,#0000 28%),linear-gradient(#334155 0 0) 48% 23%/28% 8px no-repeat,linear-gradient(#1f2d44 0 0) 52% 62%/46% 58% no-repeat,#111827}.sidebar-bg-preview{--preview-page:#fff;--preview-sidebar:#2f3a4a;--preview-sidebar-line:#ffffff47;--preview-bar:#e7edf5;--preview-card:#f8fafc;background:linear-gradient(var(--preview-sidebar), var(--preview-sidebar)) 0 0 / 34% 100% no-repeat, linear-gradient(var(--preview-sidebar-line), var(--preview-sidebar-line)) 10px 14px / 22px 4px no-repeat, linear-gradient(var(--preview-sidebar-line), var(--preview-sidebar-line)) 10px 24px / 16px 4px no-repeat, linear-gradient(var(--preview-bar), var(--preview-bar)) 55% 15px / 28% 6px no-repeat, linear-gradient(var(--preview-card), var(--preview-card)) 62% 36px / 42% 24px no-repeat, var(--preview-page);height:54px;overflow:hidden}.sidebar-bg-preview.soft{--preview-page:#fff;--preview-sidebar:#f4f6fb;--preview-sidebar-line:#cbd5e1;--preview-bar:#dfe8f2;--preview-card:#eef4fb}.sidebar-bg-preview.midnight{--preview-page:#fff;--preview-sidebar:#171d31;--preview-sidebar-line:#ffffff3d}.sidebar-bg-preview.slate{--preview-page:#fff;--preview-sidebar:#2b3747;--preview-sidebar-line:#ffffff42}.sidebar-bg-preview.obsidian{--preview-page:#fff;--preview-sidebar:#171717;--preview-sidebar-line:#ffffff38}.sidebar-bg-preview.cyber{--preview-page:#fff;--preview-sidebar:#3a3042;--preview-sidebar-line:#ffffff40}.sidebar-bg-preview.graphite{--preview-sidebar:#2f2c36;--preview-sidebar-line:#ffffff42}.sidebar-bg-preview.navy{--preview-sidebar:#111827;--preview-sidebar-line:#ffffff3d}.sidebar-bg-preview.indigo{--preview-sidebar:#2d2862;--preview-sidebar-line:#ffffff47}.sidebar-bg-preview.violet{--preview-sidebar:#3f3a5e;--preview-sidebar-line:#ffffff47}.sidebar-bg-preview.forest{--preview-sidebar:#253329;--preview-sidebar-line:#ffffff40}.sidebar-bg-preview.teal{--preview-sidebar:#183837;--preview-sidebar-line:#ffffff40}.sidebar-bg-preview.crimson{--preview-sidebar:#3b2733;--preview-sidebar-line:#ffffff40}.theme-choice-icon{width:34px;height:34px;color:var(--blue);background:#eff6ff;border-radius:50%;place-items:center;display:grid}.theme-choice-card strong,.sidebar-bg-card strong{font-size:14px}
.choice-check{color:#fff;background:var(--blue);box-shadow:var(--shadow);border-radius:50%;padding:3px;position:absolute;top:8px;right:8px}.item-style-preview{border:1px solid color-mix(in srgb, var(--page-accent) 32%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--page-accent) 90%, white) 0 20px, transparent 20px), linear-gradient(var(--line-strong) 0 0) 30px 11px / 28px 4px no-repeat, linear-gradient(var(--line) 0 0) 30px 20px / 20px 4px no-repeat, var(--module-surface,#fff);border-radius:11px;width:72px;height:34px;display:block;position:relative}.item-style-preview.solid{background:linear-gradient(90deg, #ffffffeb 0 20px, transparent 20px), linear-gradient(#ffffffeb 0 0) 30px 11px / 28px 4px no-repeat, linear-gradient(#ffffffad 0 0) 30px 20px / 20px 4px no-repeat, var(--page-accent);border-color:#0000}.item-style-preview.pill{background:linear-gradient(90deg, var(--page-accent) 0 20px, transparent 20px), linear-gradient(color-mix(in srgb, var(--page-accent) 48%, var(--text)) 0 0) 30px 11px / 28px 4px no-repeat, linear-gradient(color-mix(in srgb, var(--page-accent) 22%, var(--muted)) 0 0) 30px 20px / 20px 4px no-repeat, color-mix(in srgb, var(--page-accent) 12%, var(--surface));border-radius:999px}.item-style-preview.outline{background:linear-gradient(90deg, var(--page-accent) 0 20px, transparent 20px), linear-gradient(var(--text) 0 0) 30px 11px / 28px 4px no-repeat, linear-gradient(var(--muted) 0 0) 30px 20px / 20px 4px no-repeat, transparent;border-width:2px}.item-style-preview.rail{background:linear-gradient(90deg, var(--page-accent) 0 5px, transparent 5px), linear-gradient(90deg, color-mix(in srgb, var(--page-accent) 14%, var(--surface)) 0 100%), linear-gradient(var(--text) 0 0) 30px 11px / 28px 4px no-repeat, linear-gradient(var(--muted) 0 0) 30px 20px / 20px 4px no-repeat, var(--module-surface,#fff);border-color:#0000}.item-style-label{font-size:12px;line-height:1}.item-tone-preview{background:linear-gradient(#ffffffeb 0 0) 42px 10px / 30px 4px no-repeat, linear-gradient(#ffffffb3 0 0) 42px 20px / 20px 4px no-repeat, var(--page-accent);border-radius:999px;width:92px;height:34px;display:block}.item-tone-preview.gradient{background:linear-gradient(#fffffff0 0 0) 42px 10px / 30px 4px no-repeat, linear-gradient(#ffffffb8 0 0) 42px 20px / 20px 4px no-repeat, linear-gradient(135deg, var(--page-accent), var(--page-accent-pair,#7c3aed))}.item-tone-preview.solid{background:linear-gradient(#fffffff0 0 0) 42px 10px / 30px 4px no-repeat, linear-gradient(#ffffffb8 0 0) 42px 20px / 20px 4px no-repeat, var(--page-accent)}.item-tone-card strong{font-size:13px}.accent-swatch{color:#fff;border:0;border-radius:50%;place-items:center;width:46px;height:46px;display:inline-grid}.accent-swatch.active{box-shadow:0 0 0 4px var(--blue);outline:3px solid #fff}.settings-system-card{border:1px solid var(--line-strong);background:var(--surface-strong);border-radius:26px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;min-height:74px;padding:14px 18px;display:grid}.settings-system-icon{width:48px;height:48px;color:var(--blue);background:#fff;border-radius:12px;place-items:center;display:grid;box-shadow:0 14px 32px #0f172a14}.settings-system-card strong,.settings-system-card span{display:block}.settings-system-card strong{font-size:17px}.settings-system-card span{color:var(--muted);margin-top:3px;font-size:13px;font-weight:800}.modal-field{color:var(--muted);gap:6px;font-size:12px;font-weight:800;display:grid}.icon-picker-panel{border:1px solid var(--line);background:var(--surface-strong);border-radius:16px;gap:10px;padding:12px;display:grid}.icon-picker-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:900;display:flex}.icon-picker-heading>span{text-transform:uppercase}.icon-picker-heading strong{min-width:0;color:var(--text);align-items:center;gap:7px;font-size:13px;display:inline-flex}.icon-search-field{border:1px solid var(--line);min-height:42px;color:var(--muted);background:var(--surface);border-radius:14px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;display:grid}.icon-search-field:focus-within{color:var(--blue);border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 14%, transparent)}.icon-search-field input{background:0 0;border:0;min-height:40px;padding:0}.icon-search-field input:focus{box-shadow:none}.icon-category-tabs{flex-wrap:wrap;gap:7px;padding-bottom:2px;display:flex}.icon-category-tabs button{border:1px solid var(--line);min-height:30px;color:var(--muted);background:var(--surface);border-radius:999px;flex:none;padding:0 11px;font-size:12px;font-weight:900}.icon-category-tabs button.active{color:#fff;background:linear-gradient(135deg, var(--page-accent,var(--blue)), var(--page-accent-pair,#7c3aed));border-color:#0000}.icon-picker-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;max-height:230px;padding-right:4px;display:grid;overflow:auto}.sidebar-item-editor-modal .icon-picker-grid{max-height:170px}.sidebar-item-editor-modal{position:relative}.view-picker-modal-footer{border-top:1px solid var(--line);background:var(--surface);justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.view-picker-modal-footer .primary-action{min-width:180px;min-height:42px;box-shadow:0 12px 26px color-mix(in srgb, var(--page-accent,var(--blue)) 28%, transparent);padding:0 18px}.icon-picker-grid button{border:1px solid var(--line);min-width:0;min-height:62px;color:var(--muted);background:var(--surface);border-radius:14px;place-items:center;gap:6px;padding:7px 6px;display:grid}.icon-picker-grid button:hover,.icon-picker-grid button.active{color:var(--page-accent,var(--blue));border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 55%, var(--line));background:color-mix(in srgb, var(--page-accent,var(--blue)) 10%, var(--surface))}.icon-picker-grid button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--page-accent,var(--blue)) 75%, transparent)}.icon-picker-grid button span{color:currentColor;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;font-size:10px;font-weight:800;line-height:1.15;overflow:hidden}.icon-picker-empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:14px;font-weight:800}
.module-picker-grid,.view-template-grid{gap:10px;display:grid}.module-picker-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.view-template-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.module-picker-grid button,.view-template-grid button{border:1px solid var(--line);border-radius:var(--radius);min-width:0;color:var(--text);background:var(--module-surface,var(--surface));text-align:left;gap:8px;padding:12px;display:grid}.module-picker-grid button:hover,.view-template-grid button:hover,.view-template-grid button.active{border-color:var(--blue);background:color-mix(in srgb, var(--page-accent,var(--blue)) 10%, var(--module-surface,var(--surface)))}.module-picker-icon{border-radius:var(--radius);width:38px;height:38px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, white);place-items:center;display:grid}.module-picker-grid strong,.module-picker-grid small,.view-template-grid strong,.view-template-grid small{text-overflow:ellipsis;min-width:0;overflow:hidden}.module-picker-grid small,.view-template-grid small{color:var(--muted);font-size:12px}.template-library-modal{max-width:min(980px,100vw - 32px)}.template-actions-row{flex-wrap:wrap;gap:10px;display:flex}.template-library-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.template-library-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--module-surface,var(--surface));gap:12px;min-width:0;padding:14px;display:grid}.template-library-card>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.template-library-card strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.template-library-card p{min-height:38px;color:var(--muted);margin:0;font-size:13px;line-height:1.45}.template-card-actions,.template-import-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.template-card-actions button{border:1px solid var(--line);border-radius:var(--radius);width:auto;min-height:36px;color:var(--text);background:var(--surface);align-items:center;gap:7px;padding:8px 10px;font-weight:900;display:inline-flex}.template-library-empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;grid-column:1/-1;padding:18px;font-weight:900}.template-import-panel{gap:10px;display:grid}.template-import-panel textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:126px;color:var(--text);background:var(--module-surface,var(--surface));font:inherit;padding:12px}.template-import-footer{justify-content:space-between}.template-import-footer span{color:var(--red);font-size:13px;font-weight:800}.template-configuration-import-summary{min-width:0;color:var(--text);gap:3px;display:grid}.template-configuration-import-summary strong{font-size:13px}.template-configuration-import-summary span,.template-configuration-import-summary small,.template-configuration-import-note{color:var(--muted);font-size:12px;line-height:1.45}.template-configuration-import-summary .template-configuration-import-error{color:var(--red);font-weight:800}.automation-rules-modal{max-width:min(1080px,100vw - 32px)}.automation-rule-list{gap:12px;max-height:min(62vh,680px);padding-right:4px;display:grid;overflow:auto}.automation-rule-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--module-surface,var(--surface));gap:12px;min-width:0;padding:12px;display:grid}.automation-rule-card.is-collapsed{background:color-mix(in srgb, var(--module-surface,var(--surface)) 92%, var(--surface));gap:0}.automation-rule-card.is-expanded{border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 22%, var(--line))}.automation-rule-card-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.automation-rule-title-button{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;flex:auto;grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:0;display:grid}.automation-rule-title-copy{gap:3px;min-width:0;display:grid}.automation-rule-title-copy strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:950;overflow:hidden}.automation-rule-icon{border-radius:var(--radius);width:36px;height:36px;color:var(--page-accent,var(--blue));background:color-mix(in srgb, var(--page-accent,var(--blue)) 12%, transparent);place-items:center;display:grid}.automation-rule-summary{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.automation-rule-chevron{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:var(--surface);border-radius:8px;place-items:center;display:grid}.automation-rule-title-button:hover .automation-rule-chevron{border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 45%, var(--line));color:var(--page-accent,var(--blue))}.automation-rule-actions{flex:none;align-items:center;gap:8px;display:flex}.automation-rule-actions>button,.automation-rule-actions .confirm-action-button,.automation-remove-related{min-height:34px}.automation-rule-switch{border:1px solid var(--line);border-radius:var(--radius);min-height:34px;color:var(--text);background:var(--surface);align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.automation-rule-switch input{width:15px;height:15px;accent-color:var(--page-accent,var(--blue))}.automation-rule-body{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;padding-top:12px;display:grid}.automation-rule-body[hidden]{display:none}.automation-rule-name-editor,.automation-step-message,.automation-advanced-panel{grid-column:1/-1}.automation-rule-name-editor input{min-height:36px;font-size:14px}.automation-rule-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.automation-rule-heading label{color:var(--text);align-items:center;gap:8px;font-weight:900;display:inline-flex}.automation-rule-heading input{width:16px;height:16px;accent-color:var(--page-accent,var(--blue))}.automation-rule-heading button{border:1px solid var(--line);border-radius:var(--radius);width:34px;height:34px;color:var(--muted);background:var(--module-soft,var(--surface));place-items:center;display:inline-grid}.automation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.automation-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-step{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 82%, transparent);min-width:0;padding:12px;display:block}.automation-step-number{display:none}.automation-step-content{gap:9px;min-width:0;display:grid}.automation-step-content h3{color:var(--text);margin:0;font-size:13px;font-weight:950}.automation-field{gap:5px;min-width:0;display:grid}.automation-field-full{grid-column:1/-1}.automation-field span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.automation-field-warning{color:color-mix(in srgb, var(--warning) 78%, var(--text));font-size:11px;font-weight:800}.automation-field input,.automation-field select,.automation-field textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-width:0;min-height:38px;color:var(--text);background:var(--surface);font:inherit;padding:0 10px;font-size:13px;font-weight:800}.automation-field textarea{resize:vertical;min-height:70px;padding:10px}.automation-advanced-panel{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 82%, transparent);padding:10px 12px}.automation-advanced-panel summary{cursor:pointer;min-height:36px;color:var(--text);justify-content:space-between;align-items:center;gap:10px;font-weight:950;list-style:none;display:flex}.automation-advanced-panel summary::-webkit-details-marker{display:none}.automation-advanced-panel summary span,.automation-advanced-panel summary strong{align-items:center;gap:7px;min-width:0;display:inline-flex}.automation-advanced-panel summary strong{color:var(--muted);font-size:12px}.automation-advanced-panel[open] summary{margin-bottom:10px}.automation-remove-related{align-self:end}.automation-related-route{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,.65fr) 24px minmax(0,1.35fr);align-items:center;gap:12px;padding:4px 0 12px;display:grid}.automation-related-route-source,.automation-related-mapping-title-copy{gap:3px;min-width:0;display:grid}.automation-related-route-source>span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.automation-related-route-source strong,.automation-related-route-source small{overflow-wrap:anywhere}.automation-related-route-source small,.automation-related-context{color:var(--muted);font-size:11px;font-weight:700}.automation-related-route-arrow{color:var(--page-accent,var(--blue));justify-self:center}.automation-related-route-target{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.automation-related-mappings{gap:10px;margin-top:4px;display:grid}.automation-related-mappings-heading,.automation-related-mapping-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.automation-related-mappings-heading>div{gap:3px;display:grid}.automation-related-mappings-heading span{color:var(--muted);font-size:11px;font-weight:700}.automation-related-context{overflow-wrap:anywhere;text-transform:none;flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.automation-related-mapping{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:10px;min-width:0;padding:10px;display:grid}.automation-related-mapping-title strong{font-size:12px}.automation-related-required{border:1px solid var(--line);border-radius:var(--radius);background:var(--module-soft,var(--surface));align-self:end;align-items:center;min-height:38px;padding:0 10px;display:flex}.automation-related-required input{width:16px;min-height:16px;accent-color:var(--page-accent,var(--blue));padding:0}.automation-related-required span{color:var(--text);text-transform:none}@media (max-width:820px){.automation-rule-card-header,.automation-rule-actions{flex-direction:column;align-items:stretch}.automation-rule-actions,.automation-rule-title-button,.automation-rule-switch,.automation-rule-actions .confirm-action-button{width:100%}.automation-grid,.automation-grid-two,.automation-related-route{grid-template-columns:1fr}.automation-related-route-arrow{justify-self:start;transform:rotate(90deg)}.automation-related-route-target{grid-template-columns:1fr;width:100%}}.canvas-shell{position:relative;overflow:hidden}.view-modal-launchers{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:11px 14px;display:flex}.view-modal-launchers.embedded{background:0 0;border-bottom:0;padding:0 0 10px}.view-modal-launcher-item{align-items:center;gap:5px;min-width:0;max-width:100%;display:inline-flex}.view-modal-trigger{border:1px solid var(--line);border-radius:var(--radius);max-width:100%;min-height:36px;color:var(--text);background:var(--surface);justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.view-modal-launcher-item .view-modal-trigger{flex:auto;min-width:0}.view-modal-trigger:hover,.view-modal-trigger.active{color:var(--blue);background:#eff6ff;border-color:#2563eb6b}
.view-modal-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.view-modal-delete{border:1px solid var(--line);border-radius:var(--radius);width:36px;height:36px;color:var(--muted);background:var(--surface);flex:none;place-items:center;display:inline-grid}.view-modal-delete:hover{color:#dc2626;background:#fef2f2;border-color:#dc262657}.view-canvas{background-color:#fbfdff;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;padding:14px;display:grid}.canvas-block{border:1px solid var(--line);border-radius:var(--radius);background:#fffffff0;grid-column:span 6;min-width:0;transition:border-color .16s,box-shadow .16s,transform .16s}.canvas-block:first-child,.canvas-block:nth-child(3n){grid-column:span 12}.canvas-block.grid-span-4{grid-column:span 4}.canvas-block.grid-span-6{grid-column:span 6}.canvas-block.grid-span-8{grid-column:span 8}.canvas-block.grid-span-12{grid-column:span 12}.canvas-block.layout-feature{background:linear-gradient(#fff,#f7fbff)}.canvas-block.layout-feature .block-frame{padding:16px}.canvas-block.layout-compact .block-frame{padding:11px}.canvas-block.selected{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.canvas-block.read-only{cursor:default}.canvas-block.read-only:hover{transform:none}.block-frame{padding:13px;position:relative}.canvas-block.container-only .block-frame{padding:0}.canvas-block.container-only .tabs-preview{margin-top:0}.block-header,.block-actions,.block-footer{align-items:center;display:flex}.block-header{justify-content:space-between;gap:12px}.block-title{gap:10px;min-width:0}.block-title strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.block-icon{border-radius:var(--radius);width:34px;height:34px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, white);flex:none;place-items:center;display:grid}.block-actions{flex:none;gap:5px}.block-frame:has(.notion-table-editor) .block-actions{padding-right:34px}.block-actions button{width:28px;height:28px}.block-actions .connection-action.active{color:var(--blue);background:#eff6ff;border-color:#2563eb6b}.inline-title-input,.inline-source-input{background:0 0;border-color:#0000}.inline-title-input{height:26px;color:var(--text);padding:0;font-weight:800}.inline-source-input{height:30px;color:var(--muted);padding:0 8px;font-size:12px}.inline-title-input:focus,.inline-source-input:focus{border-color:var(--blue);background:var(--surface)}.block-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;font-size:12px}.connection-pill{color:var(--blue);gap:5px;font-weight:700}.form-preview,.metric-grid,.tabs-preview,.records-preview,.timeline-preview,.table-preview,.title-preview,.notice-preview,.toast-preview{margin-top:13px}.form-preview{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.smart-form-preview{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#fff,#f8fbff);grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.editable-module-preview{outline-offset:4px;outline:1px dashed #2563eb3d}.form-intelligence-bar,.form-preview-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;display:flex}.form-intelligence-bar{border-bottom:1px solid var(--line);color:var(--muted);padding-bottom:8px;font-size:12px;font-weight:800}.smart-field{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc7;padding:10px;position:relative}.editable-smart-field{background:#fff;border-color:#2563eb2e;gap:8px}.editable-field-top{grid-template-columns:minmax(0,1fr) 126px;gap:8px;display:grid}.editable-field-top input{color:var(--text);font-weight:800}.editable-field-type-select{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:38px;color:var(--muted);background:var(--module-soft,var(--surface-strong));grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;padding:0 8px;display:grid}.editable-field-type-select select{min-width:0;min-height:34px;color:var(--text);box-shadow:none;background:0 0;border:0;padding:0;font-weight:850}.editable-field-type-select select:focus{outline:0}.field-options-editor{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--module-soft,var(--surface-strong)) 66%, transparent);gap:7px;padding:8px;display:grid}
.field-options-editor-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.field-options-editor-heading strong{color:var(--text)}.field-options-editor-heading span{min-width:22px;color:var(--page-accent,var(--blue));background:color-mix(in srgb, var(--page-accent,var(--blue)) 12%, transparent);border-radius:999px;place-items:center;display:inline-grid}.field-currency-editor{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--module-soft,var(--surface-strong)) 68%, transparent);gap:6px;padding:10px;display:grid}.field-currency-editor>span,.currency-settings-panel>span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.field-currency-editor select,.currency-settings-panel select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:34px;color:var(--text);background:var(--module-surface,var(--surface));padding:0 9px;font-size:12px;font-weight:900}.field-option-row{grid-template-columns:minmax(0,1fr) 30px;gap:6px;display:grid}.field-option-row.with-color{grid-template-columns:minmax(0,1fr) 30px;align-items:start}.field-option-row.with-visibility,.field-option-row.with-color.with-visibility{grid-template-columns:minmax(0,1fr) minmax(82px,auto) 30px}.field-option-row input{min-width:0}.field-option-row.with-color input{grid-area:1/1}.field-option-row.with-color>button{grid-area:1/2}.field-option-row.with-color.with-visibility>button{grid-column:3}.field-option-row.with-color.with-visibility .field-option-visible-toggle{grid-area:1/2}.field-option-row.with-color .status-color-swatches{grid-area:2/1/auto/-1}.field-option-row button,.field-options-add{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--module-surface,var(--surface));justify-content:center;align-items:center;font-weight:850;display:inline-flex}.field-option-row button{min-height:32px}.field-option-row button:disabled{opacity:.48}.field-options-add{min-height:34px;color:var(--page-accent,var(--blue));justify-self:start;gap:6px;padding:0 10px}.field-option-visible-toggle{border:1px solid var(--line);border-radius:var(--radius);min-height:32px;color:var(--muted);background:var(--module-surface,var(--surface));white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:850;display:inline-flex}.field-option-visible-toggle.active{color:var(--page-accent,var(--blue));border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 38%, var(--line));background:color-mix(in srgb, var(--page-accent,var(--blue)) 10%, var(--module-surface,var(--surface)))}.field-option-visible-toggle input{width:14px;height:14px;accent-color:var(--page-accent,var(--blue))}.status-color-swatches{flex-wrap:wrap;gap:4px;display:flex}.status-color-swatches button,.field-option-row .status-color-swatches button,.column-option-row .status-color-swatches button{border:1px solid var(--status-border);width:24px;height:24px;min-height:24px;color:var(--status-text);background:var(--status-bg);border-radius:6px;place-items:center;padding:0;display:inline-grid;position:relative}.status-color-swatches button>span{background:var(--status-dot);border-radius:999px;width:12px;height:12px}.status-color-swatches button svg{color:var(--status-text);stroke-width:3px;position:absolute}.status-color-swatches button.active{box-shadow:0 0 0 2px color-mix(in srgb, var(--status-dot) 24%, transparent)}.status-pill{border:1px solid var(--status-border);width:fit-content;min-width:0;max-width:100%;min-height:24px;color:var(--status-text);background:var(--status-bg);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:850;line-height:1.15;display:inline-flex;overflow:hidden}.status-pill i{background:var(--status-dot);border-radius:999px;flex:none;width:8px;height:8px}.status-pill span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-pill.empty{opacity:.72}.status-select{padding-left:30px;font-weight:850;color:var(--status-text)!important;border-color:var(--status-border)!important;background:radial-gradient(circle at 16px 50%, var(--status-dot) 0 4px, transparent 4.8px), var(--status-bg)!important}.editable-field-actions{grid-template-columns:minmax(0,1fr) 108px 32px 32px;align-items:center;gap:8px;display:grid}.editable-field-actions label{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.editable-field-actions input[type=checkbox]{width:16px;height:16px}.editable-field-actions button,.editable-card-delete,.editable-tab-chip button{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface);place-items:center;display:inline-grid}.editable-field-actions button{width:32px;height:32px}.editable-form-add{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface-strong);flex-wrap:wrap;grid-column:1/-1;gap:7px;padding:9px;display:flex;position:relative}.editable-form-add button{border:1px solid var(--line);border-radius:var(--radius);min-height:32px;color:var(--text);background:#fff;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.field-type-picker-popover{z-index:55;border:1px solid var(--line);border-radius:var(--radius);background:var(--module-surface,var(--surface));gap:10px;width:min(360px,100vw - 42px);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:9px;box-shadow:0 18px 48px #0f172a2e}.field-type-picker-heading{color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.field-type-picker-heading button{width:28px;min-height:28px;padding:0}.field-type-picker-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.field-type-picker-list button{text-align:left;justify-content:flex-start;min-width:0;min-height:38px;padding:0 9px;overflow:hidden}.field-type-picker-list button span{border:1px solid var(--line);border-radius:var(--radius);width:24px;height:24px;color:var(--muted);background:var(--surface-strong);flex:none;place-items:center;display:inline-grid}.field-type-picker-list button strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.smart-field.full,.smart-field.textarea,.smart-field.checkbox,.smart-field.title{grid-column:1/-1}.smart-field>span{min-width:0;color:var(--text);align-items:center;gap:4px;display:flex}.smart-field>span strong{color:var(--rose)}.smart-field small{color:var(--faint);font-weight:600}.field-title-preview{gap:4px;padding:4px 0 2px;display:grid}.field-title-preview strong{color:var(--text);font-size:18px;line-height:1.2}.field-title-preview span,.editable-field-note{color:var(--muted);font-size:12px;font-weight:800}.checkbox-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:38px;color:var(--muted);align-items:center;gap:8px;padding:0 10px;font-weight:700;display:flex}.checkbox-preview input{width:16px;height:16px}.smart-field select[multiple]{min-height:92px;padding:8px}.image-field-input{gap:7px;display:grid}.image-field-controls{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.image-field-controls button{border:1px solid var(--line);border-radius:var(--radius);color:#fff;background:var(--blue);min-height:38px;padding:0 13px;font-weight:800}.image-field-controls button:disabled{color:var(--muted);background:var(--surface)}.image-field-input>span{color:var(--muted);font-size:12px;font-weight:800}.file-field-input{gap:6px;min-width:0;display:grid}.file-field-button{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:38px;color:var(--page-accent,var(--blue));background:color-mix(in srgb, var(--page-accent,var(--blue)) 9%, var(--module-surface,var(--surface)));justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.file-field-button.has-files{border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 44%, var(--line));background:color-mix(in srgb, var(--page-accent,var(--blue)) 16%, var(--module-surface,var(--surface)))}.file-field-button strong{color:#fff;background:var(--page-accent,var(--blue));border-radius:999px;place-items:center;min-width:20px;height:20px;font-size:11px;display:inline-grid}.file-field-button:disabled{color:var(--muted);background:var(--module-soft,var(--surface-strong))}.file-field-input>small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.file-upload-error{font-weight:900;color:#dc2626!important}.runtime-table-file-control,.notion-cell.file-cell,.notion-subtable-cell.file-cell{min-width:0}.notion-cell.file-cell,.notion-subtable-cell.file-cell{height:auto;min-height:38px;padding:4px}.runtime-table-file-control .file-field-button,.notion-cell.file-cell .file-field-button,.notion-subtable-cell.file-cell .file-field-button{border-radius:8px;gap:6px;width:fit-content;min-width:84px;min-height:26px;padding:0 10px;font-size:13px}.runtime-table-file-control .file-field-button svg,.notion-cell.file-cell .file-field-button svg,.notion-subtable-cell.file-cell .file-field-button svg{width:15px;height:15px}.runtime-table-file-control>small,.notion-cell.file-cell>small,.notion-subtable-cell.file-cell>small{display:none}.file-manager-backdrop{z-index:2400;background:#0f172a94;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.file-manager-modal{border:1px solid var(--line);width:min(1120px,100vw - 36px);max-height:min(820px,100dvh - 44px);color:var(--text);background:var(--module-surface,var(--surface));border-radius:12px;grid-template-rows:auto auto minmax(0,1fr);gap:14px;padding:20px;display:grid;overflow:hidden;box-shadow:0 24px 80px #0f172a52}.file-manager-heading,.file-manager-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.file-manager-heading strong,.file-manager-heading span{display:block}.file-manager-heading strong{font-size:18px}.file-manager-heading span{color:var(--muted);font-size:12px;font-weight:850}.file-manager-heading button{border:1px solid var(--line);border-radius:var(--radius);width:34px;height:34px;color:var(--muted);background:var(--module-soft,var(--surface-strong));place-items:center;display:inline-grid}.file-manager-actions{flex-wrap:wrap;justify-content:flex-start}.file-picker-action{border:1px solid var(--line);border-radius:var(--radius);min-height:36px;color:var(--text);background:var(--module-soft,var(--surface-strong));cursor:pointer;align-items:center;gap:7px;padding:0 12px;font-weight:900;display:inline-flex}.file-picker-action.primary{color:#fff;background:var(--page-accent,var(--blue));border-color:#0000}.file-picker-action input{display:none}.file-manager-grid{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));align-content:start;gap:14px;min-height:0;max-height:min(580px,100dvh - 260px);padding-right:4px;display:grid;overflow-y:auto}.file-manager-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--module-soft,var(--surface-strong));grid-template-rows:auto minmax(0,auto) auto auto auto;align-content:start;gap:10px;min-width:0;max-width:100%;padding:12px;display:grid;overflow:hidden}.file-manager-grid article:only-child{grid-column:1/-1;grid-template-columns:minmax(0,1fr);align-items:start}.file-card-preview{border:1px solid var(--line);border-radius:var(--radius);height:190px;color:var(--muted);background:var(--module-surface,var(--surface));place-items:center;display:grid;overflow:hidden}
.file-manager-grid article:only-child .file-card-preview{grid-area:1/1/span 5;height:min(460px,100dvh - 300px);min-height:280px}.file-manager-grid article:only-child{grid-template-rows:repeat(5,auto);grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:start}.file-manager-grid article:only-child>div:not(.file-card-preview),.file-manager-grid article:only-child>.file-preview-link,.file-manager-grid article:only-child>.file-open-link,.file-manager-grid article:only-child>.file-download-link,.file-manager-grid article:only-child>button{grid-column:2}.file-card-preview img,.file-card-preview iframe,.file-card-preview video{object-fit:contain;background:#fff;border:0;width:100%;height:100%}.file-audio-preview,.file-generic-preview{width:100%;height:100%;color:var(--muted);text-align:center;place-items:center;gap:10px;padding:18px;display:grid}.file-audio-preview audio{width:min(100%,420px)}.file-generic-preview strong{width:fit-content;max-width:100%;color:var(--page-accent,var(--blue));background:color-mix(in srgb, var(--page-accent,var(--blue)) 12%, transparent);border-radius:999px;padding:6px 10px;font-size:12px;display:inline-flex}.file-generic-preview span{white-space:normal;overflow-wrap:anywhere}.file-manager-grid article>div:not(.file-card-preview) strong,.file-manager-grid article>div:not(.file-card-preview) span{text-overflow:ellipsis;overflow-wrap:anywhere;white-space:normal;min-width:0;display:block;overflow:hidden}.file-manager-grid article>div:not(.file-card-preview) span{color:var(--muted);font-size:12px;font-weight:800}.file-manager-grid article>button,.file-preview-link,.file-open-link,.file-download-link{border:1px solid var(--line);border-radius:var(--radius);background:var(--module-surface,var(--surface));justify-content:center;justify-self:start;align-items:center;min-height:30px;padding:0 10px;font-weight:850;text-decoration:none;display:inline-flex}.file-open-link,.file-manager-grid article>button.file-preview-link,.file-preview-link{color:var(--page-accent,var(--blue))}.file-download-link{color:var(--teal)}.file-manager-grid article>button{color:var(--rose)}.file-manager-grid article:only-child>button{align-self:start}@media (max-width:760px){.file-manager-grid article:only-child{grid-template-columns:minmax(0,1fr)}.file-manager-grid article:only-child .file-card-preview,.file-manager-grid article:only-child>div:not(.file-card-preview),.file-manager-grid article:only-child>.file-preview-link,.file-manager-grid article:only-child>.file-open-link,.file-manager-grid article:only-child>.file-download-link,.file-manager-grid article:only-child>button{grid-column:1}.file-manager-grid article:only-child .file-card-preview{grid-row:auto;height:min(300px,100dvh - 360px);min-height:220px}}.file-manager-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:220px;color:var(--muted);text-align:center;background:color-mix(in srgb, var(--module-soft,var(--surface-strong)) 64%, transparent);place-items:center;gap:7px;padding:20px;display:grid}.file-manager-empty strong{color:var(--text)}.image-preview-backdrop{z-index:2400;background:#0f172a9e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.image-preview-modal{border:1px solid var(--line);width:min(1120px,100vw - 36px);max-height:min(820px,100dvh - 44px);color:var(--text);background:var(--module-surface,var(--surface));border-radius:12px;gap:14px;padding:18px;display:grid;overflow:auto;box-shadow:0 24px 80px #0f172a52}.image-preview-heading{color:var(--text);justify-content:space-between;align-items:center;gap:12px;display:flex}.image-preview-heading button{border:1px solid var(--line);border-radius:var(--radius);width:32px;height:32px;color:var(--muted);background:var(--module-surface,var(--surface));place-items:center;display:inline-grid}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.image-preview-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--module-soft,var(--surface-strong));gap:8px;min-width:0;padding:10px;display:grid}.image-preview-grid img,.image-preview-grid article>span{border:1px solid var(--line);border-radius:var(--radius);background:var(--module-surface,var(--surface));object-fit:contain;width:100%;height:220px}.image-preview-grid article>span{color:var(--muted);text-align:center;place-items:center;padding:10px;display:grid}.image-preview-grid small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-preview-actions{justify-content:flex-end;padding-top:2px}.form-preview-actions button{border:1px solid var(--line);border-radius:var(--radius);min-height:34px;color:var(--text);background:var(--surface);padding:0 11px;font-weight:800}.form-preview-actions button:first-child{color:#fff;border-color:var(--teal);background:var(--teal)}.smart-form-preview :disabled{color:var(--muted);opacity:1;cursor:default}.inline-builder-panel,.inline-list-editor,.inline-dashboard-editor,.inline-timeline-editor,.notion-table-editor,.inline-tone-editor{margin-top:13px}.inline-layout-picker{display:inline-grid;position:relative}.block-actions .layout-trigger.active{color:var(--blue);background:#eff6ff;border-color:#2563eb6b}.layout-popover{z-index:45;border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:58px minmax(0,1fr);gap:9px;width:min(560px,100vw - 44px);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 48px #0f172a2e}.layout-popover-header{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.layout-popover-header strong{color:var(--text);font-size:13px}.layout-popover-header small{color:var(--muted);font-size:11px;font-weight:800}.layout-control-label{color:var(--muted);align-items:center;font-size:12px;font-weight:800;display:flex}.layout-size-options,.layout-variant-options{gap:6px;display:grid}.layout-size-options{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-variant-options{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-size-options button,.layout-variant-options button{border:1px solid var(--line);border-radius:var(--radius);width:auto;min-width:0;height:auto;min-height:42px;color:var(--muted);background:var(--surface);padding:7px;font-size:12px;font-weight:800;display:grid}
.layout-size-options button{gap:6px}.layout-grid-swatch{background:#e2e8f0;border-radius:999px;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;width:100%;height:10px;padding:2px;display:grid}.layout-grid-swatch i{border-radius:inherit;background:var(--blue);grid-column:span 6}.span-4 .layout-grid-swatch i{grid-column:span 4}.span-6 .layout-grid-swatch i{grid-column:span 6}.span-8 .layout-grid-swatch i{grid-column:span 8}.span-12 .layout-grid-swatch i{grid-column:span 12}.layout-size-options button.active,.layout-variant-options button.active{color:var(--blue);background:#eff6ff;border-color:#2563eb66}.inline-builder-panel{gap:10px;display:grid}.inline-builder-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:9px;font-size:12px;font-weight:800;display:flex}.inline-builder-toolbar>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.inline-builder-toolbar button,.inline-add-button,.inline-tone-editor button{border:1px solid var(--line);border-radius:var(--radius);min-height:32px;color:var(--text);background:var(--surface);justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.inline-builder-toolbar button{padding:0 8px}.inline-form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.inline-field-editor{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:8px;padding:10px;display:grid}.inline-field-editor.full{grid-column:1/-1}.inline-field-row,.inline-field-actions{grid-template-columns:minmax(0,1fr) 128px;gap:8px;display:grid}.inline-field-actions{grid-template-columns:minmax(0,1fr) 108px 32px 32px;align-items:center}.inline-field-actions label{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.inline-field-actions input[type=checkbox]{width:16px;height:16px}.inline-field-actions button,.inline-list-row button,.notion-column-header button,.notion-add-column,.notion-row-delete{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface);place-items:center;display:inline-grid}.inline-field-actions button{width:32px;height:32px}.inline-muted-input{color:var(--muted)}.inline-list-editor{gap:8px;display:grid}.inline-list-editor.tabs{flex-wrap:wrap;display:flex}.inline-list-row{grid-template-columns:minmax(0,1fr) 32px 32px;gap:7px;display:grid}.inline-list-editor.tabs .inline-list-row{grid-template-columns:minmax(110px,1fr) 32px 32px}.inline-list-row button{width:32px;height:38px}.inline-dashboard-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.inline-metric-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr) auto;gap:7px;min-width:0;padding:10px;display:grid}.inline-metric-card>span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.inline-metric-card input,.inline-metric-card strong{grid-column:1/-1}.inline-metric-card strong{font-size:24px}.inline-metric-card>div{gap:6px;display:flex}.inline-metric-card button,.inline-timeline-row button{border:1px solid var(--line);border-radius:var(--radius);width:32px;height:32px;color:var(--muted);background:var(--surface);place-items:center;display:inline-grid}.inline-timeline-editor{gap:8px;display:grid;position:relative}.inline-timeline-editor:before{content:"";background:#cbd5e1;border-radius:999px;width:2px;position:absolute;top:18px;bottom:50px;left:9px}.inline-timeline-toolbar{z-index:2;justify-content:flex-end;min-height:32px;display:flex;position:relative}.inline-timeline-settings-trigger{border:1px solid var(--line);border-radius:var(--radius);width:32px;height:32px;color:var(--muted);background:var(--module-surface,var(--surface));place-items:center;display:inline-grid}.inline-timeline-settings-trigger.active{color:var(--page-accent,var(--blue));border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 42%, var(--line));background:color-mix(in srgb, var(--page-accent,var(--blue)) 12%, var(--module-surface,var(--surface)))}.inline-timeline-settings-popover{z-index:10004;border:1px solid var(--line);border-radius:var(--radius);max-width:calc(100vw - 24px);color:var(--text);background:var(--module-surface,var(--surface));overscroll-behavior:contain;gap:12px;padding:12px;display:grid;position:fixed;overflow:auto;box-shadow:0 24px 72px #0f172a47}.inline-timeline-settings-note{color:var(--muted);margin:0;font-size:12px;font-weight:800;line-height:1.4}.inline-timeline-trace-fields{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--module-soft,var(--surface)) 78%, transparent);gap:8px;max-height:220px;padding:9px;display:grid;overflow:auto}.inline-timeline-trace-fields>span,.inline-timeline-trace-fields>small{color:var(--muted);font-size:12px;font-weight:900}.inline-timeline-trace-fields>small{font-size:11px;line-height:1.35}
.inline-timeline-trace-check{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:32px;color:var(--text);background:var(--module-surface,var(--surface));grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 7px;font-size:12px;font-weight:850;display:grid}.inline-timeline-trace-check input{width:16px;height:16px;accent-color:var(--page-accent,var(--blue))}.inline-timeline-trace-check span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inline-timeline-trace-check b{color:color-mix(in srgb, var(--page-accent,var(--blue)) 86%, var(--text));background:color-mix(in srgb, var(--page-accent,var(--blue)) 12%, var(--module-soft,var(--surface)));border-radius:999px;padding:3px 6px;font-size:10px;font-weight:900}.inline-timeline-row{grid-template-columns:20px 70px minmax(0,1fr) 32px 32px;align-items:center;gap:8px;min-width:0;display:grid;position:relative}.inline-timeline-row.table-driven{grid-template-columns:20px 70px minmax(0,1fr)}.inline-timeline-dot{z-index:1;background:var(--teal);border:3px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #0f766e1f}.inline-timeline-row small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.inline-timeline-value{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:38px;color:var(--text);background:color-mix(in srgb, var(--module-soft,var(--surface)) 76%, transparent);text-overflow:ellipsis;white-space:nowrap;padding:9px 14px;font-weight:750;overflow:hidden}.inline-add-button{width:fit-content;padding:0 10px}.inline-dashboard-editor>.inline-add-button,.inline-timeline-editor>.inline-add-button{grid-column:1/-1}.notion-table-editor{gap:10px;display:grid}.table-block-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:9px;display:flex;position:relative}.table-block-toolbar.compact{z-index:42;background:0 0;border-color:#0000;justify-content:flex-end;width:28px;height:28px;padding:0;position:absolute;top:13px;right:13px}.table-block-toolbar>div:first-child{gap:2px;min-width:0;display:grid}.table-block-toolbar strong{color:var(--text);font-size:13px}.table-block-toolbar span{color:var(--muted);font-size:12px;font-weight:800}.table-settings-trigger{border:1px solid var(--line);border-radius:var(--radius);width:28px;height:28px;color:var(--muted);background:var(--module-surface,var(--surface));flex:none;place-items:center;display:inline-grid}.table-settings-trigger.active{color:var(--page-accent,var(--blue));border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 42%, var(--line));background:color-mix(in srgb, var(--page-accent,var(--blue)) 12%, var(--module-surface,var(--surface)))}.table-settings-popover{z-index:160;border:1px solid var(--line);border-radius:var(--radius);width:min(320px,100vw - 32px);max-height:min(620px,100vh - 96px);color:var(--text);background:var(--module-surface,var(--surface));box-shadow:var(--module-shadow,0 18px 48px #0f172a2e);gap:8px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}.table-settings-popover.floating{z-index:10002;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--muted) 58%, transparent) transparent;scrollbar-width:thin;width:min(380px,100vw - 24px);max-height:min(620px,100vh - 24px);position:fixed;top:auto;right:auto;box-shadow:0 24px 72px #0f172a47}.table-settings-popover.floating::-webkit-scrollbar{width:8px}.table-settings-popover.floating::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 52%, transparent);border-radius:999px}.card-module-view{gap:12px;display:grid;position:relative}.card-module-toolbar{justify-content:flex-end;gap:8px;display:flex}.card-layout-trigger,.card-config-trigger{border:1px solid var(--line);border-radius:var(--radius);width:32px;height:32px;color:var(--muted);background:var(--module-surface,var(--surface));place-items:center;display:inline-grid}.card-layout-trigger.active,.card-config-trigger.active{color:var(--page-accent,var(--blue));border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 42%, var(--line));background:color-mix(in srgb, var(--page-accent,var(--blue)) 12%, var(--module-surface,var(--surface)))}.card-settings-popover,.card-layout-popover{z-index:10004;border:1px solid var(--line);border-radius:var(--radius);max-width:calc(100vw - 24px);color:var(--text);background:var(--module-surface,var(--surface));overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--muted) 58%, transparent) transparent;scrollbar-width:thin;gap:12px;padding:12px;display:grid;position:fixed;overflow:auto;box-shadow:0 24px 72px #0f172a47}.card-settings-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.card-settings-heading button{border:1px solid var(--line);border-radius:var(--radius);width:28px;height:28px;color:var(--muted);background:var(--module-soft,var(--surface));place-items:center;display:inline-grid}.card-setting-field,.card-field-rules{gap:7px;display:grid}.card-setting-field>span,.card-field-rules>span{color:var(--muted);font-size:12px;font-weight:800}.card-setting-field select{border:1px solid var(--line);border-radius:var(--radius);width:100%;height:38px;color:var(--text);background:var(--module-soft,var(--surface));font:inherit;padding:0 12px;font-weight:800}.card-setting-check{min-width:0;min-height:34px;color:var(--text);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.card-setting-check input{width:16px;min-width:16px;height:16px;min-height:16px;accent-color:var(--page-accent,var(--blue));box-shadow:none;flex:none;margin:0;padding:0}.card-setting-check span{min-width:0;color:var(--text);text-overflow:ellipsis;overflow:hidden}
.card-setting-check.separated{border-top:1px solid var(--line);padding-top:10px}.card-field-rules{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--module-soft,var(--surface)) 88%, transparent);scrollbar-color:color-mix(in srgb, var(--muted) 58%, transparent) transparent;scrollbar-width:thin;max-height:180px;padding:8px;overflow:auto}.card-field-rules .card-setting-check{border-radius:var(--radius);background:0 0;border:1px solid #0000;justify-content:flex-start;min-height:36px;padding:7px 9px}.card-field-rules .card-setting-check:hover{border-color:color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--module-surface,var(--surface)) 72%, transparent)}.card-field-rules .card-setting-check.separated{border-top:1px solid #0000;margin-top:4px;padding-top:7px}.card-field-rules .card-setting-check.separated:first-of-type{margin-top:0}.card-settings-empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);background:color-mix(in srgb, var(--module-soft,var(--surface)) 78%, transparent);padding:12px;font-size:12px;font-weight:800}.card-column-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.card-column-options button{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--module-soft,var(--surface));gap:7px;padding:10px;font-weight:900;display:grid}.card-column-options button.active{color:var(--page-accent,var(--blue));border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 54%, var(--line));background:color-mix(in srgb, var(--page-accent,var(--blue)) 12%, var(--module-soft,var(--surface)))}.card-column-swatch{grid-template-columns:repeat(var(--card-swatch-columns,1), minmax(0, 1fr));gap:4px;display:grid}.card-column-swatch.columns-1{--card-swatch-columns:1}.card-column-swatch.columns-2{--card-swatch-columns:2}.card-column-swatch.columns-3{--card-swatch-columns:3}.card-column-swatch.columns-4{--card-swatch-columns:4}.card-column-swatch i{background:color-mix(in srgb, var(--page-accent,var(--blue)) 22%, var(--line));border-radius:4px;height:28px;display:block}.card-module-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;font-weight:800;display:flex}.card-module-view .table-pagination{margin:0}.data-card-grid{grid-template-columns:repeat(var(--card-columns,3), minmax(0, 1fr));gap:12px;display:grid}.data-card-grid.columns-1{--card-columns:1}.data-card-grid.columns-2{--card-columns:2}.data-card-grid.columns-3{--card-columns:3}.data-card-grid.columns-4{--card-columns:4}.data-card{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:150px;color:var(--text);background:var(--module-soft,var(--surface));align-content:start;gap:10px;padding:14px;display:grid}.data-card.clickable{cursor:zoom-in}.data-card.clickable:hover{border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 45%, var(--line));box-shadow:0 16px 34px color-mix(in srgb, var(--page-accent,var(--blue)) 14%, transparent)}.data-card-icon{color:#fff;background:linear-gradient(135deg, var(--page-accent,var(--blue)), var(--runtime-accent-pair,#7c3aed));border-radius:10px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:900;display:inline-grid}.data-card strong,.data-card dt,.data-card dd,.data-card small{overflow-wrap:anywhere;min-width:0}.data-card strong{font-size:15px;line-height:1.25}.data-card dl{gap:7px;margin:0;display:grid}.data-card dl div{gap:2px;display:grid}.data-card dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900}.data-card dd{color:var(--text);margin:0;font-size:12px;font-weight:800}.data-card small{color:var(--muted);font-weight:800}.card-module-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:140px;color:var(--muted);background:color-mix(in srgb, var(--module-soft,var(--surface)) 72%, transparent);gap:6px;padding:18px;display:grid}.card-module-empty strong{color:var(--text)}.kanban-module{gap:12px;min-width:0;display:grid}.kanban-config-panel{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--module-soft,var(--surface)) 78%, transparent);gap:10px;padding:10px;display:grid}.kanban-config-actions{grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:8px;display:grid}.kanban-config-actions label:not(.kanban-toggle),.kanban-source-row label{min-width:0;color:var(--muted);gap:4px;font-size:11px;font-weight:850;display:grid}.kanban-config-actions select,.kanban-source-row select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-width:0;min-height:34px;color:var(--text);background:var(--module-surface,var(--surface));font-size:12px;font-weight:800}.kanban-config-actions select:disabled{color:var(--muted);cursor:not-allowed}.kanban-toggle{border:1px solid var(--line);border-radius:var(--radius);min-height:34px;color:var(--muted);background:var(--module-surface,var(--surface));white-space:nowrap;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.kanban-toggle input{width:15px;height:15px;accent-color:var(--page-accent,var(--blue));margin:0}.kanban-source-list{gap:7px;display:grid}.kanban-source-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--module-surface,var(--surface));grid-template-columns:minmax(180px,1.15fr) repeat(3,minmax(130px,.8fr)) 34px;align-items:end;gap:7px;min-width:0;padding:8px;display:grid}.kanban-source-row>strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;gap:2px;font-size:12px;font-weight:900;display:grid;overflow:hidden}.kanban-source-row>strong small{min-width:0;color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}
.kanban-source-row button{border:1px solid var(--line);border-radius:var(--radius);width:34px;height:34px;color:var(--muted);background:var(--module-soft,var(--surface));place-items:center;display:inline-grid}.kanban-source-row button:hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 38%, var(--line));background:color-mix(in srgb, var(--danger) 10%, var(--module-soft,var(--surface)))}.kanban-viewbar{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.kanban-viewbar>span,.kanban-viewbar>strong,.kanban-viewbar>small{border:1px solid var(--line);background:var(--module-surface,var(--surface));border-radius:999px;align-items:center;min-height:30px;font-size:12px;font-weight:900;display:inline-flex}.kanban-viewbar>span{color:var(--text);gap:7px;padding:0 12px}.kanban-viewbar>span:before{background:var(--page-accent,var(--blue));content:"";border-radius:999px;width:9px;height:9px}.kanban-viewbar>strong{min-width:30px;color:var(--page-accent,var(--blue));background:color-mix(in srgb, var(--page-accent,var(--blue)) 11%, var(--module-surface,var(--surface)));justify-content:center}.kanban-viewbar>small{color:var(--muted);padding:0 10px}.kanban-display-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--module-soft,var(--surface-strong)) 54%, transparent);border-radius:12px;flex:none;align-items:center;gap:4px;min-height:34px;margin-left:auto;padding:4px;display:inline-flex}.kanban-display-toggle button{min-width:92px;height:28px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.kanban-display-toggle button:hover,.kanban-display-toggle button.active{color:var(--page-accent,var(--blue));border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 44%, var(--line));background:color-mix(in srgb, var(--page-accent,var(--blue)) 14%, var(--module-surface,var(--surface)))}.kanban-filterbar{min-width:620px}.kanban-settings-trigger{flex:none}.kanban-settings-trigger:hover,.kanban-settings-trigger.active{color:var(--page-accent,var(--blue));border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 36%, var(--line));background:color-mix(in srgb, var(--page-accent,var(--blue)) 12%, var(--module-surface,var(--surface)))}.kanban-settings-popover{z-index:10004;border:1px solid var(--line);border-radius:var(--radius);max-width:calc(100vw - 24px);color:var(--text);background:var(--module-surface,var(--surface));overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--muted) 58%, transparent) transparent;scrollbar-width:thin;gap:10px;padding:0 12px 12px;display:grid;position:fixed;overflow:auto;box-shadow:0 24px 72px #0f172a47}.kanban-settings-heading{z-index:2;border-bottom:1px solid var(--line);background:var(--module-surface,var(--surface));justify-content:space-between;align-items:center;gap:10px;padding:12px 0 10px;display:flex;position:sticky;top:0}.kanban-settings-heading>div{gap:2px;min-width:0;display:grid}.kanban-settings-heading strong,.kanban-settings-columns>span,.kanban-visible-source>strong,.kanban-settings-grid label>span{color:var(--text);font-size:12px;font-weight:900}.kanban-settings-heading span,.kanban-settings-section-title small,.kanban-settings-subsection-title small{color:var(--muted);font-size:11px;font-weight:850}.kanban-settings-heading button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:var(--module-soft,var(--surface-strong));border-radius:8px;flex:none;place-items:center;display:inline-grid}.kanban-settings-grid{gap:12px;display:grid}.kanban-settings-layout{grid-template-columns:190px minmax(0,1fr);gap:12px;min-height:0;display:grid}.kanban-settings-sidebar{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--module-soft,var(--surface-strong)) 44%, transparent);border-radius:10px;align-content:start;gap:6px;min-width:0;padding:8px;display:grid}.kanban-settings-sidebar button{min-width:0;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) 14px;gap:3px 8px;padding:10px;display:grid;position:relative}.kanban-settings-sidebar button:hover,.kanban-settings-sidebar button.active{border-color:color-mix(in srgb, var(--page-accent,var(--blue)) 30%, var(--line));color:var(--text);background:var(--module-surface,var(--surface))}.kanban-settings-sidebar button.active:before{background:var(--page-accent,var(--blue));content:"";border-radius:999px;width:3px;position:absolute;top:10px;bottom:10px;left:-8px}.kanban-settings-sidebar span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:950;overflow:hidden}.kanban-settings-sidebar small{color:var(--muted);grid-column:1;font-size:10px;font-weight:850}.kanban-settings-sidebar svg{grid-area:1/2/span 2;align-self:center}.kanban-settings-grid label,.kanban-settings-group,.kanban-settings-columns,.kanban-visible-source{gap:8px;min-width:0;display:grid}.kanban-settings-group.full{grid-column:1/-1}.kanban-settings-panel{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--module-soft,var(--surface-strong)) 42%, transparent);border-radius:10px;padding:12px}.kanban-settings-section-title,.kanban-settings-subsection-title{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.kanban-settings-section-title>span,.kanban-settings-subsection-title>span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:950;overflow:hidden}.kanban-settings-subsection-title{padding-bottom:2px}.kanban-settings-switch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.kanban-settings-view-mode{border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:var(--module-surface,var(--surface));border-radius:8px;gap:8px;padding:10px;display:grid}.kanban-settings-view-mode>span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}