@font-face{font-family:Bw Modelica;src:url(../assets/BwModelica-Light.otf) format("opentype");font-weight:300;font-display:swap}@font-face{font-family:Bw Modelica;src:url(../assets/BwModelica-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Bw Modelica;src:url(../assets/BwModelica-Bold.otf) format("opentype");font-weight:700;font-display:swap}:root{--navy:#202a4d;--navy-dark:#0a1537;--red:#e91022;--surface:#f7f8fb;--white:#fff;--text:#0b1c30;--muted:#6b7280;--border:#e5e7eb;--soft:#eef2f7;--blue-soft:#eef5ff;--blue:#315fd5;--shadow:0 4px 20px rgba(32,42,77,.06)}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--text);font-family:Bw Modelica,Inter,Arial,sans-serif}button,input{font:inherit}.handbook-shell{min-height:100vh;display:flex}.handbook-sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:var(--white);border-right:1px solid var(--border);padding:28px 18px 22px;display:flex;flex-direction:column;gap:24px}.brand-lockup{display:flex;align-items:center;gap:12px;padding:0 10px 22px;border-bottom:1px solid var(--soft)}.brand-lockup img{width:72px;height:58px;object-fit:contain}.brand-lockup strong{display:block;color:var(--navy);font-size:17px}.brand-lockup span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.sidebar-label,.eyebrow{font-size:10px;letter-spacing:.1em;font-weight:700;color:#7a8395}.sidebar-label{padding:0 14px;margin-bottom:-14px}.module-nav{display:grid;gap:5px}.module-link{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;border-radius:8px;background:transparent;color:#596174;text-align:left;cursor:pointer;font-size:13px}.module-link:hover,.module-link.active{background:#f1f4fb;color:var(--navy)}.module-link.active{font-weight:700;border-right:3px solid var(--red)}.module-arrow{margin-left:auto;color:#a5adbb}.sidebar-footnote{display:flex;gap:10px;align-items:flex-start;margin-top:auto;padding:14px;color:#7b8494;border-top:1px solid var(--soft);font-size:11px;line-height:1.55}.sidebar-footnote svg{color:var(--red);flex:none}.sidebar-footnote b{color:var(--navy)}.handbook-main{width:calc(100% - 280px);margin-left:280px;min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--border);background:var(--white);padding:0 44px;display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.breadcrumbs svg{color:#b2bac8}.breadcrumbs b{color:var(--navy)}.back-to-app,.text-button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--red);font-size:12px;font-weight:700;cursor:pointer}.back-to-app:hover,.text-button:hover{color:var(--navy)}.welcome-band{margin:32px 44px 22px;padding:30px 34px;background:var(--navy);border-radius:8px;color:var(--white);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.welcome-band .eyebrow{color:#bdc8e7}.welcome-band h1{margin:9px 0 7px;font-size:31px;letter-spacing:0}.welcome-band p{margin:0;color:#d6ddf0;font-size:14px}.welcome-mark{width:68px;height:68px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:#dce5ff;margin-right:28px}.search-panel{margin:0 44px;padding:0 0 25px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:18px}.search-wrap{height:48px;max-width:650px;flex:1;display:flex;align-items:center;gap:12px;border:1px solid #d9e0ec;border-radius:8px;background:var(--white);padding:0 15px;box-shadow:var(--shadow)}.search-wrap svg{color:#7e899b;flex:none}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search-wrap input::placeholder{color:#9aa4b3}.clear-search{border:0;background:transparent;color:#8c96a6;display:grid;place-items:center;cursor:pointer}.result-count{color:var(--muted);font-size:11px}.content-section,.guide-viewer{padding:32px 44px 60px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2,.article-copy h2{margin:8px 0 0;color:var(--navy);font-size:24px}.section-note{color:var(--muted);font-size:11px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-card{min-height:190px;padding:21px 22px;border:1px solid var(--border);border-radius:8px;background:var(--white);text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.guide-card:hover{transform:translateY(-2px);border-color:#c8d3ee;box-shadow:0 8px 26px #202a4d1a}.guide-card-top{display:flex;align-items:center;justify-content:space-between;color:#a1aabb}.module-chip{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.03em}.guide-card h3{margin:23px 0 9px;color:var(--navy);font-size:17px}.guide-card p{margin:0;max-width:500px;color:var(--muted);font-size:12px;line-height:1.6}.guide-card-meta{display:flex;gap:9px;align-items:center;margin-top:18px;color:#8a94a4;font-size:10px}.dot{width:3px;height:3px;background:#b6bfcc;border-radius:50%}.empty-state{text-align:center;padding:72px 20px;color:var(--muted)}.empty-state svg{color:#a4afc2}.empty-state h3{color:var(--navy);margin:14px 0 5px}.empty-state p{font-size:12px}.rotate-180{transform:rotate(180deg)}.guide-viewer{padding-top:26px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,1.05fr);gap:42px;margin-top:26px}.article-copy{padding:22px 0}.article-lead{max-width:620px;color:var(--muted);font-size:14px;line-height:1.7;margin:16px 0 30px}.steps-list{display:grid;gap:22px}.step{display:grid;grid-template-columns:34px 1fr;gap:14px}.step-number{width:31px;height:31px;border-radius:50%;background:var(--navy);color:var(--white);display:grid;place-items:center;font-size:13px;font-weight:700}.step h3{margin:3px 0 6px;color:var(--navy);font-size:14px}.step p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.screen-preview{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:18px;box-shadow:var(--shadow)}.preview-head{display:flex;justify-content:space-between;align-items:center;color:#7c8798;font-size:9px;font-weight:700;letter-spacing:.08em;margin-bottom:14px}.preview-live{display:flex;align-items:center;gap:6px;color:#4d9a67;font-size:9px;letter-spacing:0;text-transform:none}.preview-live span{width:6px;height:6px;border-radius:50%;background:#4bb56d}.mock-window{border:1px solid #dce3ef;border-radius:6px;overflow:hidden;background:#f8f9fc}.mock-topbar{height:32px;padding:0 11px;display:flex;align-items:center;gap:16px;background:var(--navy);color:#dfe5f5;font-size:8px}.mock-dots{display:flex;gap:4px}.mock-dots i{width:5px;height:5px;border-radius:50%;background:#93a0c1}.mock-body{display:grid;grid-template-columns:64px 1fr;min-height:294px}.mock-sidebar{background:#fff;border-right:1px solid #e8ecf3}.mock-content{padding:18px}.mock-title{display:flex;align-items:center;gap:8px}.mock-title span{width:9px;height:9px;border-radius:2px;background:var(--red)}.mock-title b{font-size:11px;color:var(--navy);flex:1}.mock-button{border:0;border-radius:4px;padding:7px 10px;color:#fff;background:var(--red);font-size:8px;font-weight:700}.mock-line{height:6px;width:56%;margin-top:14px;border-radius:3px;background:#dfe5ee}.mock-line.wide{width:81%;margin-top:20px}.mock-form{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.mock-form>div{height:30px;border:1px solid #dfe5ee;border-radius:4px;background:#fff}.mock-form .highlight-target{position:relative;border:2px solid var(--red);background:#fff7f7}.callout{position:absolute;right:-11px;top:-28px;white-space:nowrap;background:var(--red);color:#fff;border-radius:4px;padding:5px 7px;font-size:8px;font-weight:700}.callout:after{content:"";position:absolute;bottom:-4px;left:14px;width:8px;height:8px;background:var(--red);transform:rotate(45deg)}.preview-caption{display:flex;align-items:center;gap:7px;margin-top:14px;color:#697588;font-size:10px}.preview-caption svg{color:#31915b}@media(max-width:900px){.handbook-sidebar{position:static;width:100%;height:auto;padding:18px;gap:15px}.handbook-shell{display:block}.handbook-main{width:100%;margin-left:0}.brand-lockup{padding-bottom:14px}.module-nav{display:flex;overflow:auto}.module-link{white-space:nowrap;width:auto}.sidebar-footnote{display:none}.topbar{padding:0 20px}.welcome-band,.search-panel,.content-section,.guide-viewer{margin-left:20px;margin-right:20px;padding-left:0;padding-right:0}.welcome-band{padding:25px}.welcome-mark{margin-right:0}.welcome-band h1{font-size:25px}.guide-grid,.viewer-layout{grid-template-columns:1fr}.viewer-layout{gap:15px}.screen-preview{order:-1}.search-panel{display:block}.result-count{display:block;margin-top:10px}}@media(max-width:520px){.topbar{height:auto;padding:14px 20px;gap:12px;align-items:flex-start}.breadcrumbs{flex-wrap:wrap}.back-to-app{font-size:10px}.welcome-band{margin-top:20px}.welcome-mark{display:none}.guide-grid{grid-template-columns:1fr}.section-heading{display:block}.section-note{display:block;margin-top:8px}.mock-body{min-height:250px}.mock-form{gap:8px}}.section-label{margin-top:4px}.module-current{display:flex;align-items:flex-start;gap:10px;margin:0 9px;padding:13px 12px;border-radius:8px;background:#f1f4fb;color:var(--navy)}.module-current svg{color:var(--red);flex:none;margin-top:2px}.module-current strong,.module-current span{display:block}.module-current strong{font-size:12px}.module-current span{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.45}.course-welcome{background:var(--navy)}.guide-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:24px}.guide-title-row h2{margin:8px 0 7px;color:var(--navy);font-size:26px}.guide-title-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;max-width:650px}.guide-badge{border:1px solid #d9e0ec;border-radius:999px;padding:8px 12px;color:#677286;font-size:10px;white-space:nowrap}.step-button{width:100%;border:1px solid transparent;background:transparent;text-align:left;cursor:pointer;padding:9px 11px;border-radius:8px;transition:background .14s ease,border-color .14s ease}.step-button:hover{background:#f7f9fc}.step-button.active{background:#fff;border-color:#d7e0f3;box-shadow:var(--shadow)}.step-button.active .step-number{background:var(--red)}.step-button.done .step-number{background:#34945c}.step-button h3{font-size:14px}.screen-preview{min-width:0}.step-tip,.step-warning,.guide-note,.guide-permission{display:flex;gap:10px;align-items:flex-start;border-radius:8px;padding:13px 14px;margin-top:14px;font-size:11px;line-height:1.5}.step-tip,.guide-note{background:#f1f6ff;color:#31528e}.step-warning{background:#fff7e7;color:#87600b}.guide-permission{background:#effaf2;color:#2f7248}.step-tip svg,.step-warning svg,.guide-note svg,.guide-permission svg{flex:none;margin-top:1px}.step-tip span,.step-warning span,.guide-note p,.guide-permission p{margin:0}.guide-note strong,.guide-permission strong{display:block;margin-bottom:3px;color:var(--navy)}.preview-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.preview-actions .btn{border:0;border-radius:6px;padding:8px 11px;display:inline-flex;align-items:center;gap:5px;font-size:10px;cursor:pointer}.preview-actions .btn:disabled{opacity:.45;cursor:not-allowed}.preview-actions .primary{background:var(--red);color:#fff}.preview-actions .secondary{background:#f0f3f8;color:var(--navy)}.mock-user{margin-left:auto;color:#bfc9e2;font-size:7px}.mock-title-icon{width:22px;height:22px;border-radius:5px;background:#edf2ff;color:#315fd5;display:grid;place-items:center}.mock-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:7px;margin-top:18px}.mock-filters span,.mock-rule-list select,.mock-form-grid input,.mock-form-grid select{height:27px;padding:7px;border:1px solid #dfe5ee;border-radius:4px;background:#fff;color:#8994a5;font-size:7px}.mock-table{display:grid;gap:1px;margin-top:14px;font-size:7px}.mock-table>div{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;align-items:center;min-height:25px;padding:5px 7px;background:#fff}.mock-table>div:first-child{background:#f0f3f8;color:#6e7b91}.mock-table span{color:#657185;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-table em{font-style:normal;color:#3e9061}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}.mock-stats b{padding:9px;background:#fff;border-radius:4px;color:var(--navy);font-size:17px}.mock-stats small{display:block;color:#7f8999;font-size:6px;font-weight:400;margin-bottom:4px}.progress-mini{display:inline-block;width:48px;height:5px;border-radius:4px;background:linear-gradient(90deg,#3b9b60 65%,#e6ebf2 65%);vertical-align:middle}.progress-mini.half{background:linear-gradient(90deg,#3b9b60 35%,#e6ebf2 35%)}.mock-course-cards{display:grid;grid-template-columns:55px 1fr auto;gap:10px;align-items:center;margin-top:20px;padding:10px;background:#fff;border:1px solid #e6ebf2;border-radius:5px;font-size:8px}.mock-course-image{height:48px;border-radius:4px;background:linear-gradient(140deg,#293b72,#7592d2)}.mock-course-cards p{margin:5px 0;color:#8a94a4;font-size:7px}.mock-course-cards .progress-mini{width:100%;margin-top:3px}.mock-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mock-form-grid label{display:grid;gap:5px;color:#6f7b8d;font-size:7px}.mock-form-grid .mock-textarea{grid-column:1/-1}.mock-form-grid textarea{height:42px;border:1px solid #dfe5ee;border-radius:4px;resize:none}.mock-upload{min-height:42px;border:1px dashed #b9c6dc;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:5px;color:#66748b;font-size:7px}.highlight-field{border-color:var(--red)!important;box-shadow:0 0 0 2px #e910221f}.mock-status-bar{display:flex;align-items:center;gap:7px;margin-top:17px;padding:8px;background:#fff;border:1px solid #e6ebf2;border-radius:5px;font-size:7px}.mock-status-bar span{display:flex;gap:4px;align-items:center;color:#687589}.mock-status-bar em{color:#3f9462;font-style:normal}.mock-status-bar button:first-of-type{margin-left:auto}.mock-switch{display:inline-block;width:21px;height:11px;border-radius:8px;background:#c7ced8;vertical-align:middle;position:relative}.mock-switch:after{content:"";position:absolute;top:2px;left:2px;width:7px;height:7px;border-radius:50%;background:#fff}.mock-switch.on{background:#34945c}.mock-switch.on:after{left:12px}.mock-button{border:0;border-radius:4px;padding:6px 8px;background:#e9edf4;color:#536177;font-size:7px;font-weight:700;white-space:nowrap}.highlight-button{background:var(--red)!important;color:#fff!important;box-shadow:0 0 0 3px #e910222e}.mock-card-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:19px}.mock-card-row span{min-height:50px;padding:8px;background:#fff;border:1px solid #e3e8f0;border-radius:4px;color:#5f6b80;font-size:8px}.mock-card-row small{display:block;margin-top:6px;color:#9aa3b1;font-size:6px}.mock-card-row.large span{min-height:60px}.mock-rule-list{display:grid;gap:8px;margin-top:18px;font-size:7px}.mock-rule-list>div{display:flex;align-items:center;gap:7px;padding:7px;background:#fff;border:1px solid #e4e9f0;border-radius:4px;color:#768294}.mock-rule-list select{flex:0 0 85px}.mock-rule-list .highlight-row{border:2px solid var(--red)}.mock-plus{border:0;background:transparent;color:var(--red);font-size:15px}.mock-rule-list .mock-button{justify-self:end}.mock-tree{display:grid;gap:6px;margin-top:17px;padding:9px;background:#fff;border:1px solid #e5eaf1;border-radius:5px;color:#637086;font-size:8px}.mock-tree span{padding-left:12px;color:#8a94a5}.mock-tree.full div,.mock-tree.full p{display:flex;justify-content:space-between;margin:0;padding:4px}.mock-tree.full p{border-top:1px solid #eef1f5}.mock-modal{display:grid;gap:7px;position:relative;margin:10px 18px 0;padding:12px;background:#fff;border:2px solid #cfd9ed;border-radius:5px;box-shadow:0 7px 18px #202a4d1a;font-size:8px}.mock-modal label{display:grid;gap:4px;color:#758196}.mock-form-grid.compact{margin-top:12px}.mock-form-grid.compact .mock-upload{grid-column:1/-1}.mock-form-grid.compact .mock-button{grid-column:1/-1;justify-self:end}.mock-toggle-list{display:grid;gap:6px;margin:12px 0}.mock-toggle-list span{display:flex;justify-content:space-between;align-items:center;padding:7px;background:#fff;border:1px solid #e6ebf1;color:#718096;font-size:8px}.mock-toggle-list .highlight-row{border:2px solid var(--red)}.mock-question{display:grid;gap:7px;margin-top:17px;padding:10px;background:#fff;border:1px solid #e4e9f0;border-radius:5px;font-size:8px;color:#69758a}.mock-question textarea{height:30px;border:1px solid #dfe5ee;border-radius:4px;resize:none;padding:5px;font-size:7px}.mock-question label{display:flex;align-items:center;gap:5px}.mock-question input[type=radio]{accent-color:var(--red)}.mock-plus{border:0;background:transparent;color:var(--red);font-size:8px;text-align:left}.mock-certificate{display:grid;grid-template-columns:28px 1fr auto;gap:5px;align-items:center;margin-top:19px;padding:12px;background:#fff;border:1px solid #e4e9f0;border-radius:5px;color:#67748a;font-size:8px}.mock-certificate svg{color:#cb9a20}.mock-certificate p{grid-column:2/-1;color:#9aa4b2;font-size:7px;margin:2px 0}.mock-tabs{display:flex;gap:14px;margin-top:18px;border-bottom:1px solid #e4e9f0;padding:0 4px 7px;color:#8791a1;font-size:7px}.mock-tabs b{color:var(--red);border-bottom:2px solid var(--red);padding-bottom:7px}.mock-email-tools{display:flex;justify-content:space-between;margin-top:18px;padding:8px;background:#f0f3f8;color:#768298;font-size:7px}.mock-email-body{min-height:75px;padding:12px;background:#fff;border:1px solid #e4e9f0;color:#68748a;font-size:8px;line-height:1.5}.mock-comment{display:grid;gap:7px;margin-top:16px;padding:10px;background:#fff;border:1px solid #e4e9f0;border-radius:5px;color:#68748a;font-size:8px}.mock-comment p{margin:0;color:#7d8797}.mock-comment .mock-button{justify-self:start}.mock-hero{display:grid;gap:7px;margin-top:17px;padding:13px;background:linear-gradient(110deg,#202a4d,#536fae);color:#fff;border-radius:5px;font-size:9px}.mock-hero p{margin:0;color:#dce4f6;font-size:7px}.mock-hero .progress-mini{background:linear-gradient(90deg,#64ca8a 35%,#8395bd 35%)}.mock-hero .mock-button{justify-self:start}.mock-video{height:80px;margin-top:16px;display:grid;place-items:center;background:#273866;color:#fff;border-radius:5px}.mock-lesson-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:5px;font-size:8px}.mock-quiz-head{display:flex;justify-content:space-between;margin-top:17px;padding:10px;background:#fff;border:1px solid #e4e9f0;color:#68758a;font-size:8px}.mock-quiz-head span{color:#8d96a5}.mock-permission{display:grid;justify-items:center;gap:8px;margin-top:22px;padding:25px 10px;background:#fff;border:1px solid #e4e9f0;border-radius:5px;color:#657287;font-size:8px}.mock-permission svg{color:#3b9460}.mock-permission p{margin:0;color:#9aa3b1;font-size:7px}.mock-body{min-height:330px}@media(max-width:900px){.guide-title-row{display:block}.guide-badge{display:inline-block;margin-top:12px}.module-current,.section-label{display:none}.mock-card-row{grid-template-columns:repeat(2,1fr)}}.course-manager-mock-table>div{grid-template-columns:.42fr 2.2fr .9fr 1fr 1.25fr .58fr .85fr}.module-switcher{display:grid;gap:6px;margin:0 0 16px}.module-switcher-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#5d687b;text-align:left;font:inherit;cursor:pointer}.module-switcher-item:hover{background:#f4f7fb;color:#1d2d50}.module-switcher-item.active{border-color:#dce7fb;background:#edf4ff;color:#2455c3;font-weight:700}.onboarding-preview-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}.onboarding-preview-toolbar button,.onboarding-preview-card button,.onboarding-preview-action-grid button,.onboarding-preview-email-actions button,.onboarding-preview-upload button,.onboarding-preview-modal button,.onboarding-preview-result button,.onboarding-preview-submit,.onboarding-preview-calendar-head button{border:1px solid #dbe3ef;border-radius:6px;background:#fff;color:#34415a;padding:6px 8px;font:inherit;font-size:9px;cursor:pointer}.onboarding-preview-toolbar button.primary,.onboarding-preview-card button.primary,.onboarding-preview-action-grid button.primary,.onboarding-preview-upload button.primary,.onboarding-preview-modal button.primary,.onboarding-preview-result button.primary,.onboarding-preview-submit,.onboarding-preview-email-actions button.primary{border-color:#2455c3;background:#2455c3;color:#fff}.onboarding-preview-toolbar button{margin-left:auto}.onboarding-preview-toolbar button:first-of-type{margin-left:0}.onboarding-preview-search{display:flex;align-items:center;gap:6px;min-width:170px;flex:1;padding:7px 8px;border:1px solid #dbe3ef;border-radius:6px;background:#fff;color:#8791a3;font-size:9px}.onboarding-preview-filters,.onboarding-preview-filter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:9px}.onboarding-preview-filters span{padding:6px;border:1px solid #e3e9f2;border-radius:5px;color:#738096;background:#fff;font-size:8px}.onboarding-preview-filter-grid{grid-template-columns:repeat(3,1fr);padding:8px;border:1px solid #e1e8f2;border-radius:7px;background:#f8fafc}.onboarding-preview-field{display:grid;gap:4px;color:#59667a;font-size:8px}.onboarding-preview-field input,.onboarding-preview-field select{width:100%;box-sizing:border-box;min-height:25px;border:1px solid #d5deeb;border-radius:5px;background:#fff;color:#263552;padding:5px;font:inherit;font-size:9px}.onboarding-preview-field input:focus,.onboarding-preview-field select:focus,.onboarding-preview-field .highlight-field{border-color:#3974e7;box-shadow:0 0 0 2px #dce8ff}.onboarding-preview-table{overflow:hidden;border:1px solid #e0e7f0;border-radius:7px;background:#fff;font-size:8px}.onboarding-preview-table>div{display:grid;grid-template-columns:1.55fr 1.25fr .8fr .55fr 1fr .7fr;gap:6px;align-items:center;padding:7px 8px;border-top:1px solid #edf0f5;color:#59667a}.onboarding-preview-table>div:first-child{border-top:0;background:#f4f7fb;color:#263552}.onboarding-preview-table strong,.onboarding-preview-table span{display:grid;gap:2px}.onboarding-preview-table small{color:#8994a7;font-size:7px;font-weight:400}.onboarding-preview-table em{justify-self:start;padding:3px 5px;border-radius:10px;background:#fff4dc;color:#926100;font-style:normal}.onboarding-preview-summary{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #dce7f5;border-radius:7px;background:#f3f7ff}.onboarding-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#2455c3;color:#fff;font-size:9px;font-weight:800}.onboarding-preview-summary div:last-child{display:grid;gap:2px}.onboarding-preview-summary strong{color:#1e315a;font-size:11px}.onboarding-preview-summary span{color:#758198;font-size:8px}.onboarding-preview-summary em{color:#b06a00;font-size:8px;font-style:normal}.onboarding-preview-timeline{display:flex;justify-content:space-between;margin:12px 4px 10px}.onboarding-preview-timeline>div{position:relative;display:grid;justify-items:center;gap:4px;flex:1;color:#9aa5b5;font-size:7px}.onboarding-preview-timeline>div:not(:last-child):after{content:"";position:absolute;top:8px;left:58%;right:-42%;height:1px;background:#dbe3ef}.onboarding-preview-timeline i{z-index:1;display:grid;place-items:center;width:16px;height:16px;border:1px solid #d5ddea;border-radius:50%;background:#fff;font-style:normal}.onboarding-preview-timeline .done,.onboarding-preview-timeline .current{color:#2455c3}.onboarding-preview-timeline .done i,.onboarding-preview-timeline .current i{border-color:#3974e7;background:#edf4ff}.onboarding-preview-card{display:grid;gap:8px;margin-top:9px;padding:10px;border:1px solid #e0e7f0;border-radius:7px;background:#fff}.onboarding-preview-card-head{display:flex;align-items:center;justify-content:space-between}.onboarding-preview-card-head button{margin-left:auto}.onboarding-preview-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.onboarding-preview-detail-grid span{display:grid;gap:3px;color:#8893a5;font-size:8px}.onboarding-preview-detail-grid strong{color:#273552;font-size:9px}.onboarding-preview-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.onboarding-preview-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.onboarding-preview-public-head{display:grid;grid-template-columns:auto 1fr;gap:3px 7px;align-items:center;padding:9px;border-bottom:1px solid #e7edf5}.onboarding-preview-public-head svg{grid-row:span 2;color:#2455c3}.onboarding-preview-public-head b{color:#253452;font-size:12px}.onboarding-preview-public-head span{color:#7d889b;font-size:8px}.onboarding-preview-submit{justify-self:end}.onboarding-preview-upload,.onboarding-preview-import,.onboarding-preview-result,.onboarding-preview-warning,.onboarding-preview-complete,.onboarding-preview-permissions,.onboarding-preview-scope{display:grid;gap:6px;justify-items:start;margin-top:9px;padding:13px;border:1px dashed #cbd8eb;border-radius:7px;background:#f8fbff;color:#627089;font-size:9px}.onboarding-preview-upload svg,.onboarding-preview-import svg,.onboarding-preview-result svg,.onboarding-preview-warning svg{color:#2455c3}.onboarding-preview-upload b,.onboarding-preview-import b,.onboarding-preview-result strong,.onboarding-preview-warning b,.onboarding-preview-complete b,.onboarding-preview-permissions b,.onboarding-preview-scope b{color:#243354;font-size:11px}.onboarding-preview-upload span,.onboarding-preview-import span{font-size:8px}.onboarding-preview-modal{display:grid;gap:8px;margin:10px auto;padding:13px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 8px 20px #23385b16}.onboarding-preview-modal>b{color:#223354;font-size:12px}.onboarding-preview-modal>span{color:#718097;font-size:8px}.onboarding-preview-warning{border-color:#f0c9b6;background:#fff8f4}.onboarding-preview-warning svg{color:#c44b27}.onboarding-preview-warning p{margin:0;color:#667289;font-size:9px;line-height:1.45}.onboarding-preview-result{grid-template-columns:1fr 1fr;justify-items:stretch}.onboarding-preview-result>strong,.onboarding-preview-result>p,.onboarding-preview-result>button,.onboarding-preview-result>svg{grid-column:1/-1}.onboarding-preview-result>div{display:grid;gap:2px;padding:8px;border-radius:6px;background:#e9f8ef}.onboarding-preview-result>div.warning{background:#fff4df}.onboarding-preview-result b{color:#1d7650;font-size:14px}.onboarding-preview-result .warning b{color:#9a6800}.onboarding-preview-result span{font-size:8px}.onboarding-preview-calendar-head{display:flex;align-items:center;justify-content:center;gap:7px;margin:9px 0}.onboarding-preview-calendar-head b{color:#2a3c5d;font-size:10px}.onboarding-preview-calendar-head button{padding:4px 6px}.onboarding-preview-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.onboarding-preview-calendar>span{color:#8691a2;text-align:center;font-size:7px}.onboarding-preview-calendar i{display:grid;place-items:center;min-height:20px;border:1px solid #edf0f5;border-radius:4px;color:#6b778d;font-size:8px;font-style:normal}.onboarding-preview-calendar i.selected,.onboarding-preview-calendar i.event{border-color:#3974e7;background:#edf4ff;color:#2455c3;font-weight:700}.onboarding-preview-calendar.large{grid-template-rows:repeat(3,1fr)}.onboarding-preview-calendar.large i{position:relative;min-height:30px;align-content:start;padding:4px;text-align:left}.onboarding-preview-calendar small{display:block;margin-top:3px;color:#2455c3;font-size:6px}.onboarding-preview-slots{display:flex;gap:5px;margin-top:7px}.onboarding-preview-slots button{border:1px solid #dbe3ef;border-radius:5px;background:#fff;padding:5px 8px;font-size:8px}.onboarding-preview-slots .selected{border-color:#2455c3;background:#edf4ff;color:#2455c3}.onboarding-preview-decision{display:flex;gap:14px;padding:8px;border:1px solid #e0e7f0;border-radius:6px;color:#7b8799;font-size:9px}.onboarding-preview-decision .selected{color:#16734b;font-weight:700}.onboarding-preview-documents{display:grid;gap:5px;margin-top:9px}.onboarding-preview-documents>div{display:grid;grid-template-columns:auto 1.2fr .5fr .9fr 1fr;align-items:center;gap:6px;padding:6px;border:1px solid #e2e8f1;border-radius:5px;background:#fff}.onboarding-preview-documents strong{display:grid;gap:2px;color:#34415c;font-size:8px}.onboarding-preview-documents small{color:#8b95a6;font-size:7px;font-weight:400}.onboarding-preview-documents button{border:0;background:transparent;color:#2455c3;font-size:8px}.onboarding-preview-documents select,.onboarding-preview-documents input{min-width:0;border:1px solid #d8e0ec;border-radius:4px;padding:4px;color:#54617a;font:inherit;font-size:7px}.onboarding-preview-settings-tabs{display:flex;gap:14px;margin:9px 0;border-bottom:1px solid #e3e9f2}.onboarding-preview-settings-tabs>*{padding:6px 0;color:#8490a1;font-size:9px}.onboarding-preview-settings-tabs b{border-bottom:2px solid #2455c3;color:#2455c3}.onboarding-preview-office{display:grid;gap:5px}.onboarding-preview-office span{display:flex;justify-content:space-between;padding:7px;border:1px solid #e3e9f2;border-radius:5px;color:#56647c;font-size:8px}.onboarding-preview-office i{margin-left:auto;margin-right:5px}.onboarding-preview-email{display:grid;grid-template-columns:110px 1fr;gap:9px}.onboarding-preview-email aside,.onboarding-preview-email section{display:grid;align-content:start;gap:7px;padding:8px;border:1px solid #e1e8f1;border-radius:6px;background:#fff}.onboarding-preview-email aside span{color:#708097;font-size:8px}.onboarding-preview-editor{min-height:65px;padding:8px;border:1px solid #d5deeb;border-radius:5px;color:#53617a;font-size:9px;line-height:1.45}.onboarding-preview-email-actions{display:flex;gap:5px}.onboarding-preview-email-actions button{padding:4px 6px;font-size:8px}.onboarding-preview-permissions span{padding:4px 7px;border-radius:4px;background:#edf4ff;color:#2455c3;font-size:8px}.onboarding-preview-scope strong{color:#2455c3;font-size:18px}.onboarding-preview-callout{padding:8px;border-left:3px solid #3974e7;background:#edf4ff;color:#4e607c;font-size:8px;line-height:1.45}@media(max-width:760px){.onboarding-preview-filters,.onboarding-preview-filter-grid{grid-template-columns:repeat(2,1fr)}.onboarding-preview-table{overflow-x:auto}.onboarding-preview-table>div{min-width:520px}.onboarding-preview-detail-grid,.onboarding-preview-action-grid{grid-template-columns:repeat(2,1fr)}.onboarding-preview-email{grid-template-columns:1fr}.onboarding-preview-documents>div{grid-template-columns:auto 1fr}.onboarding-preview-documents button,.onboarding-preview-documents select,.onboarding-preview-documents input{grid-column:2}.onboarding-preview-toolbar button{margin-left:0}}.commission-preview-page{display:grid;gap:11px;color:#263552;font-size:9px}.commission-preview-kicker,.commission-preview-section-label{color:#e91022;font-size:8px;font-weight:800;letter-spacing:.08em}.commission-preview-heading{display:flex;align-items:center;gap:9px}.commission-preview-heading.compact{margin-bottom:2px}.commission-preview-heading h3{margin:0;color:#202a4d;font-size:16px}.commission-preview-heading p{margin:3px 0 0;color:#7b8799;font-size:8px}.commission-preview-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:6px;background:#e91022;color:#fff}.commission-preview-tabs{display:flex;flex-wrap:wrap;gap:3px;border-bottom:1px solid #dfe5ee;overflow:visible}.commission-preview-tabs span{display:flex;align-items:center;gap:4px;padding:8px 7px;color:#707c90;font-size:8px;white-space:nowrap}.commission-preview-tabs span.active{color:#fff;background:#e91022;border-radius:6px 6px 0 0;font-weight:700}.commission-preview-tabs i{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#fff;color:#e91022;font-style:normal;font-size:7px}.commission-preview-toolbar{display:flex;align-items:center;gap:5px}.commission-preview-button,.commission-preview-save{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #d9e1ed;border-radius:5px;background:#fff;color:#53627a;padding:6px 8px;font:inherit;font-size:8px;font-weight:700}.commission-preview-button.primary,.commission-preview-save{border-color:#e91022;background:#e91022;color:#fff}.commission-preview-button.disabled{color:#9099a8;background:#f4f6f9}.commission-preview-button.danger{border-color:#e91022;color:#e91022}.commission-preview-button svg,.commission-preview-save svg{flex:none}.commission-preview-search{display:flex;align-items:center;gap:5px;min-width:0;padding:6px 8px;border:1px solid #d9e1ed;border-radius:5px;background:#fff;color:#8b95a5;font-size:8px}.commission-preview-page h4{margin:0;color:#202a4d;font-size:13px}.commission-preview-muted{margin:-6px 0 1px;color:#7c8798;font-size:8px}.commission-preview-table{overflow:hidden;border:1px solid #e0e7f0;border-radius:6px;background:#fff}.commission-preview-table-head,.commission-preview-row{display:grid;grid-template-columns:1.6fr 1.35fr 1.2fr .8fr .95fr .3fr;gap:5px;align-items:center;padding:7px 8px}.commission-preview-table-head{background:#f3f6fa;color:#67748a;font-size:7px;text-transform:uppercase;letter-spacing:.04em}.commission-preview-row{border-top:1px solid #edf0f5;color:#56647b;font-size:8px}.commission-preview-row strong,.commission-preview-row b{color:#263552}.commission-preview-row strong{font-size:9px}.commission-preview-row button{justify-self:end}.commission-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:3px 6px;border-radius:9px;background:#eaf2ff;color:#315fd5;font-size:7px;font-style:normal;font-weight:700}.commission-badge.green{background:#e7f7ee;color:#1a8550}.commission-badge.yellow{background:#fff3d6;color:#9b6b00}.commission-badge.purple{background:#f0eaff;color:#7350b4}.commission-badge.gray{background:#eef1f5;color:#7a8494}.commission-icon-button{display:grid;place-items:center;width:23px;height:23px;border:1px solid #dce4ef;border-radius:5px;background:#fff;color:#52617a}.commission-icon-button.active{border-color:#e91022;color:#e91022}.commission-preview-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.commission-preview-modal-head p{margin:3px 0 0;color:#7d899b;font-size:8px}.commission-preview-modal-head>svg{color:#e91022}.commission-preview-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.commission-field{display:grid;gap:3px;min-width:0;color:#6c788b;font-size:7px}.commission-field>div{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:25px;padding:5px 7px;border:1px solid #d6dfec;border-radius:5px;background:#fff;color:#2b3b59;font-size:8px}.commission-field.highlight>div{border-color:#315fd5;box-shadow:0 0 0 2px #e3ecff}.commission-preview-subhead{display:flex;align-items:center;justify-content:space-between;color:#35435c}.commission-preview-subhead .commission-preview-button{padding:4px 6px}.commission-preview-rule-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:8px;border:1px solid #dfe6f0;border-radius:5px;background:#fbfcfe}.commission-preview-rule-line span,.commission-preview-binding span{display:grid;gap:2px}.commission-preview-rule-line b,.commission-preview-binding b{color:#253552;font-size:9px}.commission-preview-rule-line small,.commission-preview-binding small{color:#8893a4;font-size:7px}.commission-preview-rule-line>svg{color:#8995a8}.commission-preview-calculation{display:grid;gap:5px;padding:9px;border:1px solid #e3dafa;border-radius:6px;background:#faf8ff}.commission-preview-calculation>span,.commission-preview-condition>span{color:#7350b4;font-size:7px;font-weight:700;text-transform:uppercase}.commission-preview-calculation>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.commission-preview-calculation strong{color:#263552;font-size:11px}.commission-preview-calculation strong small{color:#7c8798;font-size:7px;font-weight:400}.commission-preview-calculation p{margin:0;color:#66738a;font-size:8px}.commission-preview-calculation p b{color:#1a8550}.commission-preview-condition{display:grid;gap:5px;padding:8px;border:1px solid #dfe6f0;border-radius:6px;background:#fff}.commission-preview-condition b{color:#33415b;font-size:8px}.commission-preview-condition em{margin:0 3px;color:#e91022;font-style:normal}.commission-preview-version-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.commission-version-card{display:grid;gap:6px;padding:9px;border:1px solid #dfe6f0;border-radius:6px;background:#fff}.commission-version-card.active{border-color:#4bb56d;background:#f6fcf8}.commission-version-card>div{display:flex;align-items:center;justify-content:space-between}.commission-version-card b{color:#202a4d;font-size:12px}.commission-version-card strong{font-size:9px}.commission-version-card small{color:#7b8799;font-size:7px}.commission-version-card .commission-preview-button{justify-self:start}.commission-preview-callout{display:flex;align-items:flex-start;gap:6px;padding:7px 8px;border-left:3px solid #315fd5;background:#eef5ff;color:#576782;font-size:8px;line-height:1.4}.commission-preview-callout svg{flex:none;color:#315fd5}.commission-preview-callout.warning{border-color:#e7a640;background:#fff8e9}.commission-preview-callout.warning svg{color:#b77911}.commission-preview-mapping-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;align-items:end;padding:7px;border:1px solid #dfe6f0;border-radius:6px;background:#fff}.commission-preview-mapping-row>span{display:grid;gap:2px;padding-bottom:4px}.commission-preview-mapping-row b{font-size:9px}.commission-preview-mapping-row small{color:#8792a3;font-size:7px}.commission-preview-binding{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-items:center;padding:7px 0;border-bottom:1px solid #edf0f5}.commission-preview-binding>span{grid-column:1/-1}.commission-preview-binding>div{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:25px;padding:5px 7px;border:1px solid #d7e0ec;border-radius:5px;background:#fff;color:#52627a}.commission-preview-binding em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:8px}.commission-preview-binding svg{flex:none}.commission-beneficiary-options{display:grid;gap:5px}.commission-beneficiary-options>div{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid #dfe6f0;border-radius:6px;background:#fff;color:#718096}.commission-beneficiary-options>div.selected{border-color:#315fd5;background:#eef5ff;color:#315fd5}.commission-beneficiary-options span{display:grid;gap:2px;flex:1}.commission-beneficiary-options b{color:#2c3b58;font-size:9px}.commission-beneficiary-options small{color:#8792a3;font-size:7px}.commission-beneficiary-options>div.selected b{color:#315fd5}.commission-preview-team{display:grid;gap:5px;padding:8px;border:1px solid #dfe6f0;border-radius:6px;background:#f9fbfe}.commission-preview-team>b{color:#2a3a58;font-size:8px}.commission-preview-team>span{color:#5e6c82;font-size:8px}.commission-preview-team i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#4bb56d}.commission-preview-team small{color:#1a8550;font-size:7px}.commission-preview-section-label{margin-bottom:-3px}.commission-preview-overlay{position:relative;min-height:150px;padding:18px 12px 12px;background:#eff3fa}.commission-preview-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#202a4d1c}.commission-preview-modal{position:relative;display:grid;gap:8px;padding:12px;border:1px solid #d8e1ed;border-radius:7px;background:#fff;box-shadow:0 8px 20px #202a4d22}.commission-preview-modal h4{font-size:12px}.commission-preview-modal p{margin:3px 0 0;color:#7d899b;font-size:8px}.commission-preview-modal-info{display:grid;grid-template-columns:1fr 1fr;gap:5px}.commission-preview-modal-info span{display:grid;gap:2px;padding:6px;border-radius:5px;background:#f3f6fa;color:#7d899b;font-size:7px}.commission-preview-modal-info b{color:#2a3a58;font-size:8px}.commission-preview-check{display:flex;align-items:center;gap:6px;color:#475873;font-size:8px}.commission-preview-check .checked{display:grid;place-items:center;width:14px;height:14px;border-radius:3px;background:#e91022;color:#fff}.commission-preview-stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.commission-preview-stat-grid>span{display:grid;gap:4px;padding:7px;border:1px solid #e0e7f0;border-radius:5px;background:#fff}.commission-preview-stat-grid small{color:#8792a3;font-size:7px}.commission-preview-stat-grid b{color:#263552;font-size:9px}.commission-preview-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;border:1px solid #cfddf4;border-radius:6px;background:#f4f8ff}.commission-preview-snapshot>div{grid-column:1/-1;display:grid;gap:2px}.commission-preview-snapshot strong{color:#263552;font-size:9px}.commission-preview-snapshot small{color:#7b8799;font-size:7px}.commission-preview-snapshot>span{display:grid;gap:2px;color:#5b6b84;font-size:8px}.commission-preview-snapshot>span b{color:#8792a3;font-size:7px}.commission-preview-actions{display:flex;justify-content:flex-end;gap:5px}.commission-preview-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;border:1px solid #e0e7f0;border-radius:6px;background:#f8fafc}.commission-preview-filter-grid .commission-field{min-width:0}.commission-preview-result{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.commission-preview-result>div{display:grid;gap:3px;padding:8px;border:1px solid #dfe6f0;border-radius:6px;background:#fff}.commission-preview-result strong{color:#202a4d;font-size:12px}.commission-preview-result small{color:#7b8799;font-size:7px}.commission-settlement-note{display:flex;gap:6px;padding:9px;border:1px solid #f0d39a;border-radius:6px;background:#fff8e8;color:#735c2d;font-size:8px;line-height:1.4}.commission-settlement-note svg{flex:none;color:#b77911}.commission-preview-permission-list{display:grid;gap:5px;padding:8px;border:1px solid #dfe6f0;border-radius:6px;background:#f8fafc}.commission-preview-permission-list span{display:flex;align-items:center;gap:6px;color:#53627a;font-size:8px}.commission-preview-permission-list svg{color:#1a8550}.commission-permission-card{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:9px;border:1px solid #cfe0d6;border-radius:6px;background:#f3fbf6}.permission-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;background:#e1f4e8;color:#1a8550}.commission-permission-card div:nth-child(2){display:grid;gap:2px}.commission-permission-card strong{color:#203654;font-size:9px}.commission-permission-card small{color:#75839a;font-size:7px}.commission-preview-tab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.commission-preview-tab-grid>div{display:grid;gap:3px;padding:9px;border:1px solid #dfe6f0;border-radius:6px;background:#fff;color:#66748a}.commission-preview-tab-grid>div.selected{border-color:#e91022;background:#fff5f5}.commission-preview-tab-grid svg{color:#e91022}.commission-preview-tab-grid strong{color:#2a3a58;font-size:9px}.commission-preview-tab-grid small{font-size:7px}.commission-preview-tab-grid i{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#e91022;color:#fff;font-size:7px;font-style:normal}@media(max-width:760px){.commission-preview-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;border-bottom:0}.commission-preview-tabs span{white-space:normal;border:1px solid #e1e7f0;border-radius:5px}.commission-preview-tabs span.active{border-color:#e91022;border-radius:5px}.commission-preview-table{overflow-x:auto}.commission-preview-table-head,.commission-preview-row{min-width:600px}.commission-preview-form-grid,.commission-preview-version-grid,.commission-preview-stat-grid,.commission-preview-mapping-row{grid-template-columns:1fr}.commission-preview-mapping-row>span{padding-bottom:0}.commission-preview-filter-grid,.commission-preview-result{grid-template-columns:1fr 1fr}.commission-preview-toolbar{flex-wrap:wrap}.commission-preview-toolbar .commission-preview-search{flex-basis:100%}.commission-preview-actions{flex-wrap:wrap}.commission-preview-actions>*{flex:1}.commission-preview-modal-info{grid-template-columns:1fr}.commission-preview-snapshot{grid-template-columns:1fr 1fr}.commission-preview-tab-grid{grid-template-columns:1fr}}@media(max-width:480px){.commission-preview-filter-grid,.commission-preview-result{grid-template-columns:1fr}.commission-preview-toolbar .commission-preview-button{flex:1}.commission-preview-heading h3{font-size:14px}.commission-preview-tabs,.commission-preview-snapshot{grid-template-columns:1fr}}