:root{--ink:#182e2a;--muted:#75817d;--paper:#f5f7f4;--panel:#fff;--line:#e6eae5;--green:#146b5e;--green-dark:#0c493f;--mint:#e9f4ef;--amber:#a57623;--radius:16px;--shadow:0 5px 25px rgba(30,48,39,.035);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9bd5c7;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em}h1{font-size:31px;line-height:1.25}h2{font-size:18px}h3{font-size:17px}button{border:0}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce3dc;border-radius:9px;padding:11px 12px;min-height:44px;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#a1aaa4}input:hover,select:hover,textarea:hover{border-color:#b7c7bd}input:focus,select:focus,textarea:focus{border-color:var(--green);outline:3px solid #e5f2ed}textarea{resize:vertical}label{font-size:12px;font-weight:600;display:block;margin-bottom:7px}label span:not(.switch-visual){color:var(--green)}small,.small{font-size:12px}.muted{color:var(--muted)}[hidden]{display:none!important}.eyebrow,.small-cap{font-size:10px;letter-spacing:1.8px;font-weight:700;display:block}.eyebrow{color:var(--green);margin-bottom:12px}.small-cap{letter-spacing:1.4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border-radius:9px;padding:11px 18px;font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap;text-decoration:none;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:#fff;border:1px solid #dce3dc;color:#3f554e}.button.ghost{background:transparent;color:#5b6d64}.button.small{min-height:34px;padding:7px 12px}.button.full{width:100%}.button.danger{background:#a8453b;color:#fff}.text-button,.back-link{background:transparent;color:var(--green);font-size:12px;padding:0}.back-link{margin-bottom:24px}.icon-button{display:inline-grid;place-items:center;background:transparent;color:#73857a;font-size:26px;min-width:36px;height:36px;border-radius:8px}.icon-button:hover{background:#eef3ee}.notice{border-radius:10px;font-size:12px;padding:13px 15px;line-height:1.65}.notice.warning{background:#fff3e8;color:#8b5622;border:1px solid #f1d5bb}.notice.soft{background:#f0f5f1;color:#65776c}.field-error{color:#ab493e;font-size:12px;margin:12px 0}.margin{margin:20px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:19px;font-weight:400;letter-spacing:-.6px}.brand-weight{font-weight:700}.brand-mark{display:grid;place-items:center;position:relative;width:32px;height:35px;background:#e7f4e6;color:#164737;border-radius:10px 10px 10px 3px;font-weight:750;font-size:24px}.brand-mark span{font-size:23px;color:#63a684;position:absolute;right:4px;bottom:-2px}.brand-light{color:#f4f8ef}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:#153f34;color:#edf5e9;padding:45px 11%;position:relative;min-height:780px;overflow:hidden}.login-story>.brand{margin-bottom:76px}.eyebrow.light{color:#a5c2ad;font-size:10px}.login-story h1{font-size:clamp(42px,4.5vw,64px);font-weight:450;line-height:1.08;letter-spacing:-3px;position:relative;z-index:1}.login-story h1 em{font-family:Georgia,serif;font-weight:400;color:#c7dfa9}.login-story>p{font-size:13px;color:#a9c4b5;max-width:355px;margin-top:25px;line-height:1.8}.login-illustration{height:245px;position:relative;margin-top:40px}.orbit{border:1px solid #315749;border-radius:50%;position:absolute;width:370px;height:180px;transform:rotate(-18deg);left:-20px;top:30px}.orbit-two{transform:rotate(20deg);height:200px;top:20px}.illustration-card{position:absolute;background:#eaf0df;color:#25483d;border:1px solid #b4c8ad;width:275px;height:190px;border-radius:13px;padding:23px;transform:rotate(-5deg);left:25px;top:20px;box-shadow:0 25px 40px #06281c60}.illustration-card>span{font-size:8px;letter-spacing:1.8px}.illustration-card>b{font-size:24px;line-height:1.2;display:block;letter-spacing:-1px;margin-top:14px}.illustration-card i{display:inline-block;width:60px;height:7px;margin:19px 2px 8px 0;background:#c5d5bd;border-radius:3px}.illustration-card small{font-size:8px;color:#7d9380}.floating-tag{position:absolute;left:180px;top:175px;background:#9bb998;color:#1c4938;font-size:9px;padding:11px 16px;border-radius:7px;white-space:nowrap;transform:rotate(5deg);box-shadow:0 6px 20px #10302150}.login-footer{position:absolute;bottom:28px;font-size:10px;color:#88a897}.login-panel{display:grid;place-items:center;padding:55px}.login-form-wrap{max-width:365px;width:100%}.login-form-wrap h2{font-size:31px;line-height:1.3;letter-spacing:-1.3px}.login-form-wrap>.muted{margin-top:16px;font-size:13px}.login-form-wrap form{margin-top:33px}.login-form-wrap form label:not(:first-child){margin-top:20px}.login-form-wrap form>.button{margin-top:26px;justify-content:space-between}.login-hint{line-height:1.8;margin-top:27px;border-top:1px solid var(--line);padding-top:24px}.login-form-wrap .notice{margin-top:20px}.app-shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:#143e33;position:fixed;left:0;top:0;bottom:0;width:238px;padding:34px 21px 22px;display:flex;flex-direction:column;z-index:20}.sidebar>.brand{font-size:18px;margin-left:7px}.sidebar-label{font-size:9px;color:#789f8d;letter-spacing:1.6px;font-weight:600;margin:54px 12px 17px}.nav-item{background:transparent;color:#a9c3b3;width:100%;padding:13px 13px;display:flex;gap:11px;align-items:center;font-size:12px;text-align:left;border-radius:8px;margin-bottom:7px}.nav-item.active{background:#2a5646;color:#fff}.nav-item:hover{background:#234d3f}.nav-icon{font-size:20px;width:22px;text-align:center;color:#b6cbaa;line-height:1}.nav-count{font-size:10px;background:#47705b;color:#e9f1dd;margin-left:auto;padding:1px 6px;border-radius:4px}.sidebar-card{margin:auto 6px 24px;padding:22px 15px;border:1px solid #375b48;border-radius:12px;background:linear-gradient(150deg,#214b3c,#173e31)}.sidebar-card .small-cap{font-size:8px;color:#a5bb9a}.sidebar-card p{font-family:Georgia,serif;font-size:21px;line-height:1.5;color:#d8e8c4;margin:13px 0 20px}.sidebar-card small{font-size:9px;color:#8db096}.sidebar-dot,.connection-dot,.mini-dot{display:inline-block;border-radius:50%;width:6px;height:6px;background:#8cac70;margin-right:6px}.sidebar-bottom{border-top:1px solid #2e5142;padding:20px 2px 0;display:flex;align-items:center;gap:10px;color:#d5e4d7}.operator-avatar{border-radius:9px;background:#436653;color:#d2e1bb;width:32px;height:32px;display:grid;place-items:center;font-size:12px}.sidebar-bottom b{display:block;font-size:11px;font-weight:550}.sidebar-bottom small{display:block;font-size:9px;color:#85a591}.sidebar-bottom .icon-button{margin-left:auto;color:#8eac9a;font-size:20px;min-width:25px}.sidebar-bottom .icon-button:hover{background:#274e3f}.workspace{grid-column:2;min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fffdf9}.breadcrumb{font-size:11px;color:#7d877e}.breadcrumb span{margin:0 12px;color:#c1c8bf}.breadcrumb b{font-weight:500;color:#364f42}.topbar-end{font-size:10px;display:flex;align-items:center;color:#667c6b}.topbar-domain{margin-left:17px;padding-left:17px;border-left:1px solid #e3e9de;color:#9aa597}.topbar .connection-dot{width:5px;height:5px;background:#54956b}main{max-width:1580px;margin:auto;padding:40px 42px 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:31px}.page-heading p{font-size:12px;color:#859085;margin-top:11px}.page-heading .eyebrow{font-size:9px;margin-bottom:10px}.page-heading>.button{font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:31px}.stat-card{background:#fff;border:1px solid var(--line);padding:21px 24px;border-radius:13px;box-shadow:var(--shadow)}.stat-card>span{font-size:11px;color:#687b6a}.stat-card strong{font-size:34px;font-weight:550;display:block;line-height:1.5;letter-spacing:-1.5px;margin:4px 0}.stat-card small{font-size:9px;color:#94a08f}.mini-dot{width:5px;height:5px}.mini-dot.green{background:#73a97f}.mini-dot.amber{background:#ceaa57}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 25px 20px}.panel-heading h2{font-size:16px;letter-spacing:-.5px}.panel-heading p{font-size:10px;color:#8d998b;margin-top:4px}.count-tag{font-size:10px;display:inline-block;background:#f0f3ed;color:#72916e;border:1px solid #e6ece1;border-radius:5px;padding:1px 6px;margin-left:8px;vertical-align:2px}.table-toolbar{display:flex;justify-content:space-between;gap:15px;padding:0 25px 21px}.search-wrap{max-width:340px;width:100%;position:relative}.search-wrap>span{position:absolute;left:12px;top:7px;font-size:21px;color:#809279}.search-wrap input{font-size:11px;min-height:38px;padding:10px 10px 10px 35px;background:#fafbf8;border-color:#e5eae0}.table-toolbar select{font-size:11px;width:156px;min-height:38px;background:#fafbf8;border-color:#e5eae0}.table-scroll{overflow:auto}.demo-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;white-space:nowrap}.demo-table th{font-weight:550;color:#85917f;font-size:9px;letter-spacing:.3px;background:#f7f9f4;padding:12px 23px;border-block:1px solid #edf0e7}.demo-table td{padding:22px 23px;border-bottom:1px solid #edf0e9}.demo-table tbody tr:hover{background:#fafcf8}.company-cell{display:flex;align-items:center;gap:12px}.company-avatar{width:36px;height:36px;border-radius:10px;background:#edf3e5;border:1px solid #e4eddb;display:grid;place-items:center;color:#598261;font-size:13px;font-weight:650;flex-shrink:0}.company-cell b{font-size:12px;font-weight:550;display:block}.company-cell small{display:block;color:#a0ab96;font-size:9px;margin-top:4px}.contact-cell b{font-size:11px;font-weight:450;display:block}.contact-cell small{font-size:9px;color:#9aa793;display:block;margin-top:4px}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#f1f4ed;color:#7c8c71;border:1px solid #e6eddf;border-radius:5px;font-size:9px;white-space:nowrap}.status-badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status-badge.ready{background:#edf5e8;border-color:#dceacd;color:#56863c}.status-badge.progress{background:#fff8e5;border-color:#f0e8c9;color:#9c832c}.status-badge.failed{background:#fff0ed;border-color:#f1d9d4;color:#ad6f64}.status-badge.paused{background:#f0f0f6;border-color:#e2e1ed;color:#85809e}.row-action{font-size:11px;color:#709569;background:transparent;padding:8px}.table-footer{padding:18px 25px;display:flex;justify-content:space-between;font-size:9px;color:#939e8d}.table-footer .small{font-size:9px}.empty-state{text-align:center;padding:55px 25px 65px}.empty-icon{font-size:38px;color:#769878;margin-bottom:12px}.empty-state h3{font-size:19px}.empty-state p{max-width:370px;margin:10px auto 23px;font-size:12px;color:#8b9883;line-height:1.8}.create-heading{align-items:flex-end;margin-bottom:28px}.step-label{font-size:11px;color:#8d9b85;white-space:nowrap}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.form-sections{display:grid;gap:20px}.form-section{padding:26px}.section-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:24px}.section-number{border:1px solid #dfe8d9;background:#f2f6ee;color:#668660;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:10px;flex-shrink:0;margin-top:2px}.section-title h2{font-size:17px;letter-spacing:-.5px}.section-title p{font-size:11px;color:#91a088;margin-top:5px;line-height:1.7}.section-title .text-button{margin-left:auto;font-size:10px;white-space:nowrap;margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px}.span-2{grid-column:1/-1}.field small{color:#91a088;font-size:10px;display:block;margin-top:7px;line-height:1.65}.field label{font-size:11px;color:#60705d}.field input,.field textarea,.field select{font-size:12px}.slug-input{display:flex;border:1px solid #dce3dc;border-radius:9px;align-items:center;overflow:hidden;background:#f5f8f2}.slug-input input{border:0;border-radius:0;min-width:40px}.slug-input span{font-size:10px;color:#85947c;padding:0 12px;white-space:nowrap}.color-field{display:flex;align-items:center;gap:12px;border:1px solid #dce3dc;border-radius:9px;height:44px;padding:0 10px}.color-field input{width:26px;padding:0;border:0;height:25px;min-height:25px;cursor:pointer;background:none}.color-field span{font-size:11px;color:#809274}.password-field{display:flex;border:1px solid #dce3dc;border-radius:9px;overflow:hidden}.password-field input{border:0;border-radius:0;min-width:40px}.password-field button{background:transparent;color:#7a9571;font-size:10px;margin-right:10px}.switch-row{display:flex;align-items:center;gap:15px;margin:24px 0 0;padding:16px 0 0;border-top:1px solid #edf0e7;cursor:pointer;position:relative}.switch-row>span:first-child{flex:1;color:#536a4d}.switch-row b{font-weight:550;font-size:11px}.switch-row small{display:block;color:#99a28e;font-size:10px;font-weight:400;margin-top:4px}.switch-row input{position:absolute;right:0;width:42px;height:24px;opacity:0;min-height:24px;cursor:pointer;z-index:1}.switch-visual{width:38px;height:22px;border-radius:20px;background:#dbe4d7;position:relative}.switch-visual:after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #456a4d25;transition:transform .2s}.switch-row input:checked+.switch-visual{background:#46846b}.switch-row input:checked+.switch-visual:after{transform:translateX(16px)}.switch-row input:focus-visible+.switch-visual{outline:3px solid #9bd5c7}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.module-choice{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e6eade;border-radius:9px;margin:0;cursor:pointer;background:#fff}.module-choice:has(input:checked){background:#f4f8ef;border-color:#d8e6cb}.module-choice input{width:14px;height:14px;min-height:14px;padding:0;margin:2px 0 0;accent-color:var(--green);flex-shrink:0}.module-choice b{font-size:11px;font-weight:550;display:block;color:#607455}.module-choice small{font-size:9px;color:#96a48b;line-height:1.6;display:block;margin-top:3px;font-weight:400}.events-list{margin-top:18px}.event-item{border:1px solid #e6ebdf;border-radius:11px;margin-bottom:10px;padding:15px}.event-label{display:flex;gap:10px;cursor:pointer;align-items:flex-start;margin:0}.event-label input{width:15px;height:15px;min-height:15px;accent-color:var(--green);margin:3px 0 0}.event-label b{font-size:11px;font-weight:550;display:block;color:#607455}.event-label small{font-size:9px;display:block;color:#96a48b;font-weight:400;margin-top:3px}.event-controls{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #edf0e7}.event-controls label{font-size:9px;color:#8c9c7c}.event-controls input,.event-controls select{min-height:35px;padding:6px 8px;font-size:10px}.preview-sticky{position:sticky;top:25px}.preview-card{border-radius:14px;overflow:hidden;border:1px solid #dee7d5;box-shadow:var(--shadow);margin-bottom:16px}.preview-cover{background:#164a3a;color:#eaf0db;padding:27px 25px;position:relative;min-height:185px}.preview-cover:after{content:"";width:125px;height:125px;border:1px solid #74917635;border-radius:50%;position:absolute;right:-35px;bottom:-15px}.preview-symbol{font-size:27px;display:block;margin-bottom:20px;color:#cfdfb8}.preview-cover .small-cap{font-size:8px;color:#a8c198}.preview-cover h2{font-size:22px;line-height:1.3;word-break:break-word;margin-top:8px;letter-spacing:-.7px}.preview-cover p{font-size:10px;color:#a0bb92;line-height:1.7;margin-top:8px}.preview-body{padding:23px 24px;background:#fff}.preview-body>.small-cap{font-size:8px}.preview-host{font-size:11px;color:#5f8456;word-break:break-all;margin-top:10px;line-height:1.6}.preview-summary{margin:20px 0 0;display:grid;gap:12px}.preview-summary>div{display:flex;justify-content:space-between;gap:10px;font-size:10px}.preview-summary dt{color:#94a187}.preview-summary dd{margin:0;color:#5c7351;text-align:right;max-width:160px;overflow-wrap:anywhere}.preview-mode{font-size:9px;color:#97a28b;margin-top:23px;padding-top:17px;border-top:1px solid #edf0e7}.preview-column .notice{font-size:10px;margin-bottom:15px;line-height:1.8}.preview-column .button{font-size:11px;margin-bottom:10px}.preview-column .small{font-size:10px}.drawer-backdrop{position:fixed;inset:0;background:#102c2466;z-index:39;backdrop-filter:blur(2px)}.detail-drawer{position:fixed;right:0;top:0;bottom:0;width:min(620px,100%);background:#f6f8f2;z-index:40;box-shadow:-15px 0 60px #0b291e20;overflow:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:28px 30px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}.drawer-header .eyebrow{font-size:9px;margin-bottom:6px}.drawer-header h2{font-size:25px}.drawer-body{padding:27px 30px}.detail-section{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;margin-top:18px}.detail-section h3{font-size:15px;margin-bottom:13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:11px}.detail-grid dt{font-size:9px;color:#98a38f;margin-bottom:3px}.detail-grid dd{margin:0;overflow-wrap:anywhere;color:#617654}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.detail-actions .button{font-size:10px}.detail-link{font-size:12px;color:var(--green);display:block;overflow-wrap:anywhere;margin-top:12px}.job-item,.activity-item{font-size:11px;padding:12px 0;border-bottom:1px solid var(--line)}.job-item:last-child,.activity-item:last-child{border:0;padding-bottom:0}.job-item .job-top{display:flex;justify-content:space-between;gap:15px}.job-item small,.activity-item small{display:block;font-size:9px;color:#9aa78f;margin-top:5px}.job-item .job-error{color:#ac655b;font-size:10px;overflow-wrap:anywhere;margin-top:7px}.detail-chips{display:flex;flex-wrap:wrap;gap:7px}.detail-chip{padding:4px 8px;border-radius:5px;background:#f2f6eb;color:#7b9168;font-size:9px}.detail-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-edit-grid input,.detail-edit-grid textarea{font-size:11px}.detail-edit-grid label{font-size:10px}.credential-dialog,.confirm-dialog{border:1px solid #dbe6d2;border-radius:18px;max-width:500px;width:calc(100% - 36px);padding:35px;color:var(--ink);box-shadow:0 30px 100px #143f3430}.credential-dialog::backdrop,.confirm-dialog::backdrop{background:#173e3466;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:15px;top:12px}.success-symbol{height:45px;width:45px;border-radius:50%;display:grid;place-items:center;background:#edf5e4;color:#5e9151;margin-bottom:20px;font-size:23px}.credential-dialog h2,.confirm-dialog h2{font-size:25px;margin-bottom:12px}.credential-dialog>p,.confirm-dialog>p{font-size:12px;color:#91a184;line-height:1.8}.credential-box{background:#f3f6ed;border:1px solid #e5ebdc;border-radius:10px;padding:18px;margin:20px 0;display:grid;gap:12px}.credential-box label{color:#91a184;font-size:9px;margin:0}.credential-box code{font:13px ui-monospace,SFMono-Regular,Consolas,monospace;display:block;color:#426b38;margin-top:4px;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:10px;margin-top:25px}.dialog-actions .button{font-size:11px}.confirm-dialog input{margin-top:18px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);z-index:70;background:#1b4b3c;color:#ecf2e0;padding:14px 23px;border-radius:10px;box-shadow:0 10px 30px #22482f30;font-size:12px;max-width:calc(100% - 32px);text-align:center}.toast.error{background:#9c5145}
@media(min-width:1500px){.create-layout{grid-template-columns:minmax(0,1fr) 335px;gap:30px}.preview-sticky{top:35px}.form-section{padding:30px}.page-heading h1{font-size:34px}}
@media(max-width:1250px){.app-shell{grid-template-columns:208px 1fr}.sidebar{width:208px;padding:30px 15px 20px}.sidebar .brand{font-size:16px}.brand-mark{width:29px;height:32px}.topbar{padding-inline:28px}main{padding:32px 28px 55px}h1{font-size:27px}.stat-card{padding:18px}.stat-card small{font-size:8px}.create-layout{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.form-section{padding:22px}.form-grid{gap:17px 13px}.slug-input{display:block;background:#f5f8f2}.slug-input input{width:100%}.slug-input span{display:block;font-size:9px;padding:6px 12px;border-top:1px solid #eef1e8}.preview-body{padding:20px}.preview-cover{padding:22px}.form-section .section-title p{font-size:10px}.module-grid{grid-template-columns:1fr}.event-controls{grid-template-columns:1fr 1fr}.event-controls>div:first-child{grid-column:1/-1}.table-footer .small{display:none}.topbar-domain{display:none}}
@media(max-width:1000px){.create-layout{grid-template-columns:minmax(0,1fr)}.preview-column{order:-1}.preview-card{display:grid;grid-template-columns:1fr 1fr}.preview-cover{min-height:200px}.preview-sticky{position:static}.preview-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.preview-summary>div{display:block}.preview-summary dd{text-align:left;font-size:10px}.preview-body>.small-cap{display:none}.preview-host{margin-top:0}.preview-mode{margin-top:15px;padding-top:10px}.preview-column>.preview-sticky>.notice,.preview-column>.preview-sticky>.button,.preview-column>.preview-sticky>#preview-result{display:none}.preview-column{display:contents}.preview-sticky{display:contents}.preview-card{grid-row:1}.preview-column>.preview-sticky>#create-error{display:block}.form-sections{grid-row:2}.preview-column>.preview-sticky>.button{display:inline-flex}.preview-column>.preview-sticky>.notice{display:block;grid-row:3}.preview-column>.preview-sticky>#preview-result{display:block}.stat-grid{gap:10px}.stat-card{padding:16px 14px}.stat-card>span{font-size:10px}.stat-card strong{font-size:29px}.stat-card small{display:none}.page-heading{align-items:flex-start}.page-heading>.button{font-size:10px;white-space:nowrap}.module-grid{grid-template-columns:1fr 1fr}.event-controls{grid-template-columns:1.4fr 1fr 1fr}.event-controls>div:first-child{grid-column:auto}.login-story{padding-inline:10%}.login-panel{padding:35px}.login-story h1{font-size:48px}.login-story>.brand{margin-bottom:70px}.login-illustration{transform:scale(.85);transform-origin:left top}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:13px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;z-index:25}.sidebar>.brand{font-size:16px;margin:0}.sidebar-label,.sidebar-card,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px}.nav-item{width:auto;margin:0;padding:9px;font-size:0;gap:0}.nav-icon{font-size:23px;width:25px}.nav-count{font-size:8px;padding:0 4px;margin-left:4px}.topbar{height:54px;padding:0 21px}.topbar-end{font-size:9px}.breadcrumb{font-size:10px}main{padding:26px 20px 45px}.page-heading{display:block;margin-bottom:24px}h1{font-size:25px}.page-heading p{line-height:1.8;font-size:11px}.page-heading>.button{margin-top:20px;width:100%;font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.stat-card{padding:17px 19px}.stat-card strong{font-size:31px}.stat-card small{display:block;font-size:8px}.panel-heading{padding:20px}.table-toolbar{padding:0 20px 20px;gap:8px;flex-direction:column}.search-wrap{max-width:none}.table-toolbar select{width:100%}.demo-table td{padding:19px 20px}.demo-table th{padding:11px 20px}.table-footer{padding:16px 20px}.step-label{display:block;margin-top:17px}.create-heading{margin-bottom:22px}.back-link{font-size:10px;margin-bottom:18px}.form-section{padding:22px 19px}.form-grid{grid-template-columns:1fr;gap:18px}.span-2{grid-column:auto}.preview-card{grid-template-columns:1fr}.preview-cover{min-height:150px;padding:22px}.preview-symbol{display:none}.preview-cover h2{font-size:23px}.preview-body{padding:20px 22px}.preview-summary{grid-template-columns:1fr 1fr}.preview-mode{display:none}.preview-host{font-size:12px}.module-grid{grid-template-columns:1fr}.section-title .text-button{font-size:9px}.section-title{gap:10px}.section-title h2{font-size:16px}.event-controls{grid-template-columns:1fr 1fr}.event-controls>div:first-child{grid-column:1/-1}.drawer-header{padding:23px 20px}.drawer-body{padding:22px 20px}.drawer-header h2{font-size:23px}.detail-grid{gap:14px}.detail-edit-grid{grid-template-columns:1fr}.credential-dialog,.confirm-dialog{padding:28px 23px}.dialog-actions{flex-direction:column}.login-shell{display:flex;flex-direction:column}.login-story{min-height:unset;padding:27px 28px 35px}.login-story>.brand{margin-bottom:34px}.login-story h1{font-size:37px;letter-spacing:-1.8px}.login-story h1 br:nth-of-type(2){display:none}.login-story>p{font-size:12px;margin-top:17px;max-width:350px}.login-illustration,.login-footer{display:none}.login-story>.eyebrow{font-size:8px}.login-panel{padding:35px 28px}.login-form-wrap{max-width:420px}.login-form-wrap h2{font-size:26px}.login-form-wrap h2 br{display:none}.login-form-wrap>.eyebrow{font-size:9px}.login-form-wrap form{margin-top:26px}.login-hint{font-size:10px}.empty-state{padding:35px 20px 45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.margin-top{margin-top:18px}.detail-edit-summary{font-weight:600;font-size:14px;color:#526e46;cursor:pointer}.topbar-logout{font-size:20px;margin-left:12px}.demo-table td .local-label{display:block;font-size:8px;color:#97a28b;margin-top:5px}

.shared-sender-note{margin-bottom:24px}.whatsapp-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.8fr);gap:24px;align-items:start}.whatsapp-state{display:flex;gap:16px;align-items:center;padding:22px 0 25px}.whatsapp-symbol{width:62px;height:62px;border:1px solid #d8e8dd;border-radius:17px;background:#edf6ef;color:#3b896c;display:grid;place-items:center;font-size:32px;flex-shrink:0}.whatsapp-state h3{font-size:20px;margin:10px 0 7px;overflow-wrap:anywhere}.whatsapp-state .small{font-size:11px;line-height:1.8}.whatsapp-meta{border-top:1px solid var(--line);padding-top:19px;margin:0}.whatsapp-layout .switch-row{align-items:center}.whatsapp-layout .notice{font-size:11px;line-height:1.8}.whatsapp-layout>.panel>.small{font-size:10px;line-height:1.8}.whatsapp-qr-panel{text-align:center}.whatsapp-qr-panel .section-title{text-align:left}.whatsapp-qr-placeholder{background:#f5f8f3;border:1px dashed #d8e3d4;border-radius:13px;min-height:260px;display:grid;place-content:center;gap:16px;padding:25px;color:#789074}.whatsapp-qr-placeholder>span{font-size:54px;line-height:1;color:#8cac7f}.whatsapp-qr-placeholder p{font-size:12px;line-height:1.8;max-width:245px;margin:auto}.whatsapp-qr-panel img{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 18px;background:#fff;padding:10px;border:1px solid var(--line);border-radius:12px}.whatsapp-qr-panel details{text-align:left;margin-top:20px;font-size:12px}.whatsapp-qr-panel details summary{cursor:pointer;color:var(--green)}.whatsapp-qr-panel code{display:block;overflow-wrap:anywhere;background:#f1f5ee;border:1px solid var(--line);border-radius:8px;padding:13px;margin:12px 0;font-size:10px;max-height:170px;overflow:auto;user-select:all}.whatsapp-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.whatsapp-flow article{display:flex;gap:12px}.whatsapp-flow h3{font-size:13px;letter-spacing:0;margin:5px 0 8px}.whatsapp-flow p{font-size:11px;line-height:1.8;color:#84977d}.whatsapp-flow .section-number{flex-shrink:0}
.sidebar-bottom>div{min-width:0;flex:1}.sidebar-bottom b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom .icon-button{flex-shrink:0}
@media(max-width:1100px){.whatsapp-layout{grid-template-columns:1fr}.whatsapp-qr-panel{max-width:560px;width:100%}.whatsapp-flow{grid-template-columns:1fr;gap:18px}.whatsapp-qr-placeholder{min-height:210px}}
@media(max-width:760px){.whatsapp-state{align-items:flex-start}.whatsapp-symbol{width:46px;height:46px;border-radius:13px;font-size:25px}.whatsapp-state h3{font-size:17px}.whatsapp-layout{gap:20px}.whatsapp-layout .detail-actions{display:grid;grid-template-columns:1fr}.whatsapp-layout .switch-row b{font-size:11px}.whatsapp-layout .switch-row small{font-size:10px}}

.team-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.audit-filters{display:flex;gap:12px;padding:0 25px 22px}.audit-filters input,.audit-filters select{min-width:0;font-size:11px;max-width:240px}.audit-list{border-top:1px solid var(--line)}.audit-entry{border-bottom:1px solid var(--line)}.audit-entry summary{display:grid;grid-template-columns:1.1fr 1.2fr 1.2fr 1fr 20px;gap:15px;align-items:center;padding:19px 25px;font-size:11px;cursor:pointer;list-style:none}.audit-entry summary::-webkit-details-marker{display:none}.audit-person{color:#43633e}.audit-entry summary b{font-weight:600;color:#45663e;overflow-wrap:anywhere}.audit-target,.audit-entry time{color:#8fa180;font-size:10px}.audit-expand{color:#96ad87}.audit-entry[open]{background:#fafcf6}.audit-entry-body{padding:0 25px 23px}.audit-context{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:9px;color:#8da17c;margin-bottom:10px}.audit-context b{font-weight:550;color:#5c7850}.audit-agent{font-size:9px;color:#9caa8e;word-break:break-all}.audit-diff{display:grid;grid-template-columns:1fr 1fr;gap:15px}.audit-entry h4{font-size:10px;font-weight:600;color:#768d64;margin:17px 0 8px}.audit-entry pre{background:#f1f5e9;border:1px solid #e0e8d5;white-space:pre-wrap;word-break:break-word;max-height:340px;overflow:auto;padding:13px;border-radius:8px;font-size:10px;color:#71875e;line-height:1.6;margin:0}.operator-edit-fields{display:grid;gap:16px;margin-top:20px}.operator-edit-fields input{margin-top:0}.team-layout .field small{font-size:10px}.sidebar .nav-item{font-size:11px}
@media(max-width:1250px){.team-layout{grid-template-columns:1fr}.team-layout>section:last-child{max-width:600px}.audit-filters{flex-wrap:wrap}.audit-filters select,.audit-filters input{flex:1;min-width:150px;max-width:none}}
@media(max-width:760px){.sidebar .nav-item{font-size:0;padding:7px}.sidebar>.brand{font-size:14px}.sidebar .brand-mark{width:26px;height:29px;font-size:20px}.sidebar{padding:13px}.sidebar nav{gap:1px}.nav-icon{width:21px;font-size:20px}.audit-entry summary{grid-template-columns:1fr 1fr 18px;gap:8px;padding:17px 20px}.audit-entry summary .audit-target{grid-column:1}.audit-entry summary time{grid-column:2}.audit-expand{grid-column:3;grid-row:1/3}.audit-entry-body{padding:0 20px 20px}.audit-diff{grid-template-columns:1fr}.audit-filters{padding:0 20px 20px}.audit-filters select,.audit-filters input{min-width:100%;font-size:11px}.team-layout{gap:20px}}

/* Product administration additions. */
.sidebar{overflow-y:auto}.sidebar nav{flex:1}.sales-board{padding:0 25px 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sales-card{border:1px solid var(--line);border-radius:11px;padding:22px;background:#fafcf7}.sales-card header{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.sales-card h3{font-size:16px;margin:0 0 7px}.sales-card header p{font-size:10px;color:#8b9c7c}.sales-card .field label{font-size:10px}.sales-card .field input,.sales-card .field select,.sales-card .field textarea{font-size:11px}.sales-card-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.sales-card-footer small{font-size:9px;color:#9aae89}.overdue-label{color:#af7a3b!important}.templates-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.packages-list{display:grid;gap:14px;margin-top:19px}.package-card{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fafcf6}.package-card h3{font-size:17px;margin:10px 0}.package-card p,.package-card li{font-size:11px;color:#8b9e79;line-height:1.8}.package-card ol{padding-left:18px;margin:13px 0 0}.package-card>.button{margin-top:19px}.package-card .small-cap{font-size:8px;color:#849e6d}.contacts-list{padding:0 25px 25px;display:grid;gap:14px}.contact-card{border:1px solid var(--line);border-radius:10px;padding:22px;background:#fafcf6}.contact-card header{display:flex;align-items:start;justify-content:space-between;gap:16px}.contact-card h3{font-size:17px;margin:9px 0 0}.contact-card time{font-size:10px;color:#98a98a}.contact-card .small-cap{font-size:8px;color:#8a9d77}.contact-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#627954;line-height:1.8;margin:18px 0}.contact-context{display:flex;gap:17px;flex-wrap:wrap;color:#8ea07c;font-size:10px;align-items:center}.contact-status-label{display:flex;align-items:center;gap:15px;font-size:10px;margin-top:18px;color:#89a175}.contact-status-label select{width:190px;min-height:36px;font-size:11px}.customer-profile{margin-top:12px;white-space:normal;font-size:11px;max-width:370px}.customer-profile summary{color:#779562;cursor:pointer}.customer-profile dl{display:grid;gap:5px;margin:14px 0}.customer-profile dt{font-size:9px;color:#9baa88;margin-top:7px}.customer-profile dd{margin:0;font-size:10px;overflow-wrap:anywhere;color:#698653}.membership-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.membership-item small{display:block;font-size:9px;color:#8ba073;margin-top:4px}.membership-form{display:grid;gap:11px;margin-top:16px}.membership-form label{font-size:10px}.membership-form select{font-size:11px;min-height:38px}.resources-page .stat-card strong{font-size:26px}
@media(max-width:1200px){.sales-board{grid-template-columns:1fr}.templates-layout{grid-template-columns:1fr}.templates-layout>.panel:last-child{max-width:700px}}
@media(max-width:760px){.sidebar{display:block;padding-bottom:8px}.sidebar>.brand{display:flex;margin-bottom:12px}.sidebar nav{display:flex;overflow:auto;gap:3px;scrollbar-width:thin}.sidebar .nav-item{min-width:44px;justify-content:center;flex-shrink:0;font-size:9px;display:grid;gap:3px;padding:7px}.sidebar .nav-icon{margin:auto;font-size:18px}.sidebar .nav-count{display:none}.sidebar>.sidebar-label,.sidebar>.sidebar-card,.sidebar>.sidebar-bottom{display:none}.sales-board{padding:0 20px 20px}.sales-card{padding:18px}.sales-card .form-grid{gap:12px}.sales-card-footer{align-items:flex-start;flex-direction:column;gap:12px}.contacts-list{padding:0 20px 20px}.contact-card{padding:18px}.contact-card header{display:block}.contact-card time{display:block;margin-top:10px}.contact-status-label{display:block}.contact-status-label select{margin-top:8px;width:100%}.templates-layout{gap:20px}}
/* Explicit account guidance and KYROS parent-brand signature. */
.operator-skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#193b32;border:2px solid #193b32;border-radius:6px;padding:12px 16px;font-size:13px}.operator-skip-link:focus{top:16px}.login-hint p{font-size:11px;line-height:1.8;color:#63776a}.login-hint p+p{margin-top:15px}.login-hint a{color:var(--green);font-weight:600;text-underline-offset:3px}.operator-entry-link{display:inline-block;margin-top:16px;font-size:11px}.kyros-signature{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;line-height:1.7;margin:24px 0 0;color:#6b7d70}.kyros-signature>a{font-weight:600;color:var(--green);text-decoration:none}.kyros-signature>a:hover{text-decoration:underline}.sidebar-signature{margin:16px 2px 0;padding-top:13px;border-top:1px solid #2e5142}.sidebar-signature>p{font-size:9px;line-height:1.6;color:#a5c2ad}.sidebar-signature .kyros-signature{margin-top:8px;font-size:9px;color:#a5c2ad;gap:6px}.sidebar-signature .kyros-signature>a{color:#e0ebd5}
@media(max-width:760px){.sidebar-signature{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 0;padding-top:8px}.sidebar-signature>p{font-size:8px}.sidebar-signature .kyros-signature{margin:0;font-size:8px}.sidebar-signature .kyros-signature>span{display:none}.login-form-wrap>.kyros-signature{margin-top:24px;font-size:10px}}

/* Private security material stays readable without forcing a mobile overflow. */
.security-key { display:block; padding:16px; margin:16px 0; border-radius:12px; background:#eef3f9; color:#18304c; overflow-wrap:anywhere; white-space:pre-wrap; font:14px/1.7 ui-monospace,monospace; }
#security-content form,#schedule-content form,#operating-policy-form {display:grid;gap:16px;max-width:620px;}
#security-content label,#schedule-content label,#operating-policy-form label,#operator-reset-form label,#operator-forgot-form label,#operator-mfa-form label {display:grid;gap:8px;}
#operator-forgot {margin-top:20px;}
#operator-forgot summary {cursor:pointer;font-weight:600;}
#operator-forgot form,#operator-reset-form,#operator-mfa-form {display:grid;gap:16px;margin-top:16px;}
#operator-forgot form[hidden],#operator-reset-form[hidden],#operator-mfa-form[hidden] {display:none;}

/* The simplified operator shell keeps native details and existing access gates. */
/* Copyable handover information remains distinct from the editable demo settings. */
.demo-handover .handover-group {margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fafcf7;min-width:0;}
.demo-handover h4,.demo-handover summary {font-size:14px;font-weight:650;margin:0 0 12px;color:#254c3b;}
.demo-handover summary {cursor:pointer;margin:0;}
.demo-handover details[open] summary {margin-bottom:12px;}
.demo-handover dl {margin:0;display:grid;gap:0;}
.demo-handover .handover-field {padding:10px 0;border-bottom:1px solid var(--line);min-width:0;}
.demo-handover .handover-field:last-child {border-bottom:0;}
.demo-handover dt {font-size:12px;color:#5f7067;line-height:1.5;}
.demo-handover dd {margin:4px 0 0;display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;}
.demo-handover dd>span {flex:1;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;}
.demo-handover .handover-copy {flex-shrink:0;min-height:32px;padding:5px 9px;}
.demo-handover .handover-password {border-top:1px solid var(--line);margin-top:14px;padding-top:14px;}
.demo-handover .handover-password-choice {display:flex;align-items:flex-start;gap:10px;font-size:13px;margin-top:16px;}
.demo-handover .handover-password-choice input {width:18px;min-height:18px;flex-shrink:0;margin-top:3px;}
.demo-handover .handover-message {margin-top:24px;}
.demo-handover .handover-message>label,.demo-handover .handover-manual>label {font-weight:650;color:#254c3b;}
.demo-handover textarea {width:100%;resize:vertical;line-height:1.7;font-size:14px;overflow-wrap:anywhere;min-width:0;}
.demo-handover #handover-copy-status {margin-top:14px;}
.demo-handover .handover-manual {margin-top:14px;padding:16px;border:1px solid #e9c4a5;border-radius:10px;background:#fff3e8;}
.demo-handover .handover-manual[hidden] {display:none;}
@media(max-width:390px){.demo-handover .handover-group{padding:14px;}.demo-handover dd{gap:8px;font-size:13px;}.demo-handover .handover-copy{padding:5px 7px;font-size:11px;}.demo-handover .detail-actions{display:grid;grid-template-columns:minmax(0,1fr);}}
.operator-body.operator-simple {
  font-size:15px;
  line-height:1.6;
  --muted:#5f7067;
  --paper:#f6f7f2;
}
.operator-body.operator-simple h1 {
  font-size:clamp(26px,2.4vw,34px);
  font-weight:650;
  line-height:1.3;
  letter-spacing:-.6px;
}
.operator-body.operator-simple h2 {font-size:20px;line-height:1.4;letter-spacing:-.3px;}
.operator-body.operator-simple h3 {font-size:17px;line-height:1.45;}
.operator-body.operator-simple label {font-size:14px;line-height:1.5;}
.operator-body.operator-simple input,
.operator-body.operator-simple select,
.operator-body.operator-simple textarea {font-size:15px;min-height:46px;}
.operator-body.operator-simple input[type="checkbox"],
.operator-body.operator-simple input[type="radio"] {min-height:0;}
.operator-body.operator-simple small,
.operator-body.operator-simple .small {font-size:13px;line-height:1.6;}
.operator-body.operator-simple .eyebrow,
.operator-body.operator-simple .small-cap {font-size:11px;letter-spacing:1.1px;}
.operator-body.operator-simple .button {font-size:14px;min-height:44px;white-space:normal;}
.operator-body.operator-simple .button.small {font-size:13px;min-height:40px;}
.operator-body.operator-simple .text-button,
.operator-body.operator-simple .back-link {font-size:14px;min-height:36px;}
.operator-body.operator-simple .notice,
.operator-body.operator-simple .field-error {font-size:14px;line-height:1.65;overflow-wrap:anywhere;}
.operator-body.operator-simple .app-shell {grid-template-columns:248px minmax(0,1fr);}
.operator-body.operator-simple .sidebar {
  width:248px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  padding:26px 18px 20px;
}
.operator-body.operator-simple .sidebar > * {flex-shrink:0;}
.operator-body.operator-simple .sidebar-label {margin:26px 12px 10px;font-size:11px;}
.operator-body.operator-simple .nav-item {
  font-size:14px;
  line-height:1.4;
  min-height:46px;
  padding:11px 12px;
  margin-bottom:4px;
  gap:10px;
}
.operator-body.operator-simple .nav-group-label {
  color:#bed2c4;
  font-size:11px;
  font-weight:650;
  letter-spacing:.9px;
  margin:19px 12px 9px;
}
.operator-body.operator-simple .sidebar-card {padding:16px;margin:24px 4px 20px;}
.operator-body.operator-simple .sidebar-card p {font-size:17px;line-height:1.5;margin:10px 0;}
.operator-body.operator-simple .sidebar-card small {font-size:11px;}
.operator-body.operator-simple .sidebar-bottom b {font-size:13px;overflow-wrap:anywhere;}
.operator-body.operator-simple .sidebar-bottom small {font-size:12px;}
.operator-body.operator-simple .sidebar-bottom > div {min-width:0;}
.operator-body.operator-simple .sidebar-signature > p,
.operator-body.operator-simple .sidebar-signature .kyros-signature {font-size:11px;}
.operator-body.operator-simple .topbar {padding-inline:32px;}
.operator-body.operator-simple .breadcrumb {font-size:13px;}
.operator-body.operator-simple .topbar-end {font-size:12px;}
.operator-body.operator-simple main {padding:32px 32px 60px;}
.operator-body.operator-simple .workspace,
.operator-body.operator-simple .form-sections,
.operator-body.operator-simple .preview-column,
.operator-body.operator-simple .form-grid > *,
.operator-body.operator-simple .form-section-tools > * {min-width:0;}
.operator-body.operator-simple .page-heading p {font-size:14px;line-height:1.7;max-width:760px;}
.operator-body.operator-simple .overview-help,
.operator-body.operator-simple .operator-start-error,
.operator-body.operator-simple #create-completion {margin:0 0 22px;}
.operator-body.operator-simple .overview-help {
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
  background:#eef4ec;
  color:#344f40;
  border:1px solid #d5e3d2;
  border-radius:12px;
  padding:16px 18px;
  font-size:14px;
  line-height:1.7;
}
.operator-body.operator-simple .overview-help p + p {margin-top:8px;}
.operator-body.operator-simple .overview-help a {font-weight:650;text-underline-offset:3px;}
.operator-body.operator-simple .operator-start-error {
  padding:16px 18px;
  border:1px solid #e9c4a5;
  border-radius:12px;
  background:#fff3e8;
  color:#774624;
}
.operator-body.operator-simple .operator-start-error .button {margin-top:10px;}
.operator-body.operator-simple .stat-card > span {font-size:13px;}
.operator-body.operator-simple .stat-card small {font-size:12px;}
.operator-body.operator-simple .stat-card strong {font-size:34px;}
.operator-body.operator-simple .create-layout {
  grid-template-columns:minmax(0,1fr) 312px;
  gap:24px;
}
.operator-body.operator-simple .form-section {padding:25px;}
.operator-body.operator-simple .section-title {margin-bottom:20px;}
.operator-body.operator-simple .section-title p {font-size:14px;line-height:1.65;margin-top:5px;}
.operator-body.operator-simple .section-number {flex-shrink:0;}
.operator-body.operator-simple .form-grid {gap:20px 18px;}
.operator-body.operator-simple .create-guide {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0 0 24px;
  padding:16px 18px;
  border:1px solid #d5e3d2;
  border-radius:12px;
  background:#eef4ec;
}
.operator-body.operator-simple .create-guide > * {min-width:0;}
.operator-body.operator-simple .create-guide b,
.operator-body.operator-simple .create-guide strong {display:block;font-size:14px;}
.operator-body.operator-simple .create-guide p,
.operator-body.operator-simple .create-guide small {font-size:13px;margin-top:4px;color:#52695a;}
.operator-body.operator-simple .form-advanced {
  margin-top:22px;
  border-top:1px solid var(--line);
  padding-top:16px;
}
.operator-body.operator-simple .form-advanced > summary,
.operator-body.operator-simple .form-section-details > summary {
  cursor:pointer;
  font-size:15px;
  font-weight:650;
  line-height:1.6;
  color:#254c3b;
  padding:6px 0;
}
.operator-body.operator-simple .form-advanced[open] > summary,
.operator-body.operator-simple .form-section-details[open] > summary {margin-bottom:18px;}
.operator-body.operator-simple .form-advanced > summary > span:not(.module-summary),
.operator-body.operator-simple .form-section-details > summary > span {
  display:block;
  font-size:13px;
  font-weight:400;
  color:var(--muted);
  margin-top:4px;
}
.operator-body.operator-simple summary > .module-summary {
  display:inline-block;
  font-size:13px;
  padding:3px 9px;
  margin:4px 0 0 6px;
  vertical-align:middle;
}
.operator-body.operator-simple summary:focus-visible {outline:3px solid #9bd5c7;outline-offset:4px;border-radius:4px;}
.operator-body.operator-simple .form-section-details {padding:20px 25px;}
.operator-body.operator-simple .form-section-tools,
.operator-body.operator-simple .form-inline-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.operator-body.operator-simple .form-section-tools {justify-content:space-between;margin-bottom:18px;}
.operator-body.operator-simple .form-inline-actions {margin-top:16px;}
.operator-body.operator-simple .module-summary,
.operator-body.operator-simple #module-selection-summary {
  font-size:14px;
  line-height:1.7;
  color:#3c5d47;
  overflow-wrap:anywhere;
}
.operator-body.operator-simple .module-summary {padding:14px 16px;border-radius:10px;background:#eef4ec;}
.operator-body.operator-simple .module-choice {padding:14px;gap:11px;}
.operator-body.operator-simple .module-choice b {font-size:14px;}
.operator-body.operator-simple .module-choice small {font-size:13px;line-height:1.6;margin-top:4px;}
.operator-body.operator-simple .event-label b {font-size:14px;}
.operator-body.operator-simple .event-label small {font-size:13px;}
.operator-body.operator-simple .event-controls label {font-size:13px;}
.operator-body.operator-simple .preview-sticky {position:sticky;top:24px;}
.operator-body.operator-simple .preview-cover h2 {font-size:25px;}
.operator-body.operator-simple .preview-host {font-size:14px;overflow-wrap:anywhere;word-break:normal;}
.operator-body.operator-simple .preview-summary dt {font-size:13px;}
.operator-body.operator-simple .preview-summary dd {font-size:14px;overflow-wrap:anywhere;}
.operator-body.operator-simple #preview-result {font-size:14px;line-height:1.65;}
.operator-body.operator-simple .checklist-item {
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:9px;
  font-size:14px;
  line-height:1.6;
  color:#65776c;
}
.operator-body.operator-simple .checklist-item.ready {color:#215740;font-weight:600;}
.operator-body.operator-simple .checklist-item > span:first-child {flex-shrink:0;}
.operator-body.operator-simple .demo-table th {font-size:12px;}
.operator-body.operator-simple .demo-table td {font-size:14px;}
.operator-body.operator-simple .company-cell b,
.operator-body.operator-simple .contact-cell b {font-size:14px;}
.operator-body.operator-simple .company-cell small,
.operator-body.operator-simple .contact-cell small {font-size:12px;}
.operator-body.operator-simple .status-badge {font-size:12px;}
.operator-body.operator-simple .detail-grid dt {font-size:13px;}
.operator-body.operator-simple .detail-grid dd {font-size:14px;overflow-wrap:anywhere;}
.operator-body.operator-simple .detail-chip {font-size:13px;}
.operator-body.operator-simple .drawer-body .small,
.operator-body.operator-simple .drawer-body small {font-size:13px;}
.operator-body.operator-simple .credential-box code {overflow-wrap:anywhere;white-space:pre-wrap;}
.operator-body.operator-simple .toast {font-size:14px;max-width:calc(100vw - 32px);overflow-wrap:anywhere;}

@media (max-height:850px) and (min-width:801px) {
  .operator-body.operator-simple .sidebar-card {display:none;}
  .operator-body.operator-simple .sidebar-label {margin-top:20px;}
}
@media (max-width:1180px) {
  .operator-body.operator-simple .create-layout {grid-template-columns:minmax(0,1fr);}
  .operator-body.operator-simple .form-sections {grid-row:auto;}
  .operator-body.operator-simple .preview-column {display:block;order:2;}
  .operator-body.operator-simple .preview-sticky {display:block;position:static;}
  .operator-body.operator-simple .preview-card {display:block;grid-row:auto;}
  .operator-body.operator-simple .preview-summary {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .operator-body.operator-simple .preview-summary dd {text-align:left;}
  .operator-body.operator-simple .preview-mode {display:block;}
  .operator-body.operator-simple .preview-column > .preview-sticky > .notice,
  .operator-body.operator-simple .preview-column > .preview-sticky > #preview-result {display:block;grid-row:auto;}
  .operator-body.operator-simple .preview-column > .preview-sticky > .button {display:flex;}
}
@media (max-width:980px) and (min-width:801px) {
  .operator-body.operator-simple .app-shell {grid-template-columns:222px minmax(0,1fr);}
  .operator-body.operator-simple .sidebar {width:222px;padding-inline:14px;}
  .operator-body.operator-simple main {padding-inline:24px;}
  .operator-body.operator-simple .topbar {padding-inline:24px;}
  .operator-body.operator-simple .stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:800px) {
  .operator-body.operator-simple .app-shell {display:block;}
  .operator-body.operator-simple .sidebar {
    display:block;
    position:sticky;
    top:0;
    bottom:auto;
    width:100%;
    height:auto;
    padding:12px 16px 8px;
    overflow:visible;
  }
  .operator-body.operator-simple .sidebar > .brand {display:flex;margin:0 0 10px;font-size:18px;}
  .operator-body.operator-simple .sidebar > .sidebar-label,
  .operator-body.operator-simple .sidebar > .sidebar-card,
  .operator-body.operator-simple .sidebar > .sidebar-bottom,
  .operator-body.operator-simple .nav-group-label {display:none;}
  .operator-body.operator-simple .sidebar nav {
    display:flex;
    align-items:stretch;
    overflow-x:auto;
    gap:6px;
    width:100%;
    min-width:0;
    padding:2px 0 8px;
    scrollbar-width:thin;
    overscroll-behavior-x:contain;
  }
  .operator-body.operator-simple .sidebar .nav-item {
    display:flex;
    flex-shrink:0;
    width:auto;
    min-height:44px;
    padding:10px 12px;
    margin:0;
    gap:7px;
    font-size:14px;
    white-space:nowrap;
  }
  .operator-body.operator-simple .nav-icon {width:20px;font-size:20px;margin:0;}
  .operator-body.operator-simple .nav-count {display:none;}
  .operator-body.operator-simple .sidebar-signature {margin:0;padding-top:7px;}
  .operator-body.operator-simple .sidebar-signature > p {font-size:11px;}
  .operator-body.operator-simple .sidebar-signature .kyros-signature {font-size:11px;}
  .operator-body.operator-simple .workspace {grid-column:auto;}
  .operator-body.operator-simple .topbar {padding-inline:18px;min-height:54px;height:auto;gap:12px;}
  .operator-body.operator-simple .topbar-end > .connection-dot,
  .operator-body.operator-simple .topbar-domain {display:none;}
  .operator-body.operator-simple .breadcrumb {font-size:12px;min-width:0;}
  .operator-body.operator-simple .breadcrumb span {margin:0 6px;}
  .operator-body.operator-simple .topbar-end {font-size:11px;flex-shrink:0;}
  .operator-body.operator-simple main {padding:25px 18px 45px;}
  .operator-body.operator-simple .page-heading {display:block;}
  .operator-body.operator-simple .page-heading > .button {font-size:14px;width:100%;margin-top:16px;}
  .operator-body.operator-simple .create-guide {grid-template-columns:minmax(0,1fr);gap:12px;padding:16px;}
  .operator-body.operator-simple .form-section {padding:21px 18px;}
  .operator-body.operator-simple .form-section-details {padding:17px 18px;}
  .operator-body.operator-simple .form-grid,
  .operator-body.operator-simple .module-grid {grid-template-columns:minmax(0,1fr);}
  .operator-body.operator-simple .span-2 {grid-column:auto;}
  .operator-body.operator-simple .form-section-tools {align-items:flex-start;}
  .operator-body.operator-simple .form-inline-actions .button {flex:1 1 180px;}
  .operator-body.operator-simple .stat-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .operator-body.operator-simple .stat-card {padding:16px;min-width:0;}
  .operator-body.operator-simple .stat-card small {display:block;}
  .operator-body.operator-simple .stat-card strong {font-size:30px;}
  .operator-body.operator-simple .event-controls {grid-template-columns:repeat(2,minmax(0,1fr));}
  .operator-body.operator-simple .event-controls > div:first-child {grid-column:1/-1;}
  .operator-body.operator-simple .drawer-header {padding:22px 18px;}
  .operator-body.operator-simple .drawer-body {padding:22px 18px;}
  .operator-body.operator-simple .detail-edit-grid {grid-template-columns:minmax(0,1fr);}
  .operator-body.operator-simple .detail-actions .button {flex:1 1 150px;}
  .operator-body.operator-simple .credential-dialog,
  .operator-body.operator-simple .confirm-dialog {padding:25px 20px;max-width:calc(100vw - 24px);}
  .operator-body.operator-simple .dialog-actions {flex-direction:column;}
}
@media (max-width:390px) {
  .operator-body.operator-simple .sidebar {padding-inline:12px;}
  .operator-body.operator-simple .sidebar-signature {gap:8px;align-items:flex-start;flex-wrap:wrap;}
  .operator-body.operator-simple .topbar {padding-inline:14px;}
  .operator-body.operator-simple .topbar-end > span:not(.connection-dot) {display:none;}
  .operator-body.operator-simple main {padding-inline:14px;}
  .operator-body.operator-simple .stat-card {padding:14px;}
  .operator-body.operator-simple .stat-card strong {font-size:27px;}
  .operator-body.operator-simple .preview-summary,
  .operator-body.operator-simple .detail-grid,
  .operator-body.operator-simple .event-controls {grid-template-columns:minmax(0,1fr);}
  .operator-body.operator-simple .event-controls > div:first-child {grid-column:auto;}
}