@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#121f2b;--blue:#007cbb;--bright:#0099e6;--ink:#182a3b;--muted:#657482;--line:#e3e9ed;--canvas:#f6f8fa;--white:#fff;--radius:14px;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-synthesis:none;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);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;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #0099e6;outline-offset:3px}.skip-link{position:fixed;top:-70px;left:16px;z-index:99;background:white;padding:12px;border-radius:6px}.skip-link:focus{top:12px}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:30px;font-weight:800;letter-spacing:-1.05px;line-height:1.3}h2{font-size:21px;font-weight:750;letter-spacing:-.65px}h3{font-size:17px;font-weight:750}.muted{color:var(--muted)}.small{font-size:16px}.eyebrow{font-size:13px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:var(--navy);color:#9eafbc;display:flex;flex-direction:column;z-index:15;padding:31px 18px 16px}.brand{display:flex;flex-direction:column;align-items:center;color:white;padding-bottom:31px;border-bottom:1px solid #ffffff12}.brand img{display:block;width:123px;height:auto}.brand-label{font-size:14px;letter-spacing:2px;margin-top:15px;font-weight:500;white-space:nowrap}.workspace{padding:25px 12px 19px}.workspace .eyebrow{font-size:12px;letter-spacing:1.4px;color:#8ca0b0}.workspace p{font-size:16px;margin-top:8px;color:#e8eef2;line-height:1.6}.workspace p span{display:block;color:#8197a8;font-size:14px}.nav{display:flex;flex-direction:column;gap:7px}.nav a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:7px;font-weight:500;font-size:16px;transition:.16s}.nav a:hover{background:#ffffff08;color:#fff}.nav a.active{background:#0099e61c;color:#73c9f5;box-shadow:inset 3px 0 var(--bright)}.nav .count{margin-left:auto;border-radius:4px;background:#ffffff0e;padding:2px 6px;font-size:13px}.sidebar-bottom{margin-top:auto;padding-top:22px}.help-card{padding:17px 13px;border:1px solid #ffffff13;border-radius:9px;margin-bottom:23px;font-size:16px}.help-card p{color:#95a7b6;line-height:1.7;margin:6px 0 12px;font-size:14px}.help-card a{color:#dce8ef;display:flex;align-items:center;gap:6px;font-size:14px}.help-card .icon{width:14px;height:14px}.profile{border-top:1px solid #ffffff14;padding:17px 7px 0;display:flex;align-items:center;gap:10px}.avatar{border-radius:50%;width:33px;height:33px;background:#2a4051;display:grid;place-items:center;color:#dce8ef;font-size:14px;font-weight:600}.profile strong{display:block;color:#e3edf3;font-size:16px;font-weight:500}.profile span{font-size:13px;display:block;margin-top:4px}.main-shell{margin-left:228px}.topbar{height:73px;background:white;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:16px}.breadcrumb span:first-child{color:#7c8a96}.breadcrumb i{height:12px;width:1px;background:#dbe2e8;transform:rotate(20deg)}.top-actions{display:flex;align-items:center;gap:20px}.preview-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#647786;border:1px solid var(--line);border-radius:30px;padding:6px 10px}.preview-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--bright)}.text-btn{background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:7px;padding:5px 0;font-size:16px}.text-btn .icon{width:16px;height:16px}.mobile-brand,.mobile-nav{display:none}.content{max-width:1440px;margin:0 auto;padding:35px 42px 28px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading p{margin-top:7px;color:var(--muted);font-size:16px;line-height:1.7}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 18px;min-height:43px;border-radius:7px;font-size:16px;font-weight:600;transition:background .15s,transform .15s;white-space:nowrap}.btn .icon{width:17px;height:17px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:white;box-shadow:0 3px 7px #007cbb12}.btn-primary:hover{background:#006da5}.btn-secondary{background:#fff;border:1px solid #dce4e9;color:var(--ink)}.btn-secondary:hover{background:#f3f7fa}.btn-ghost{background:transparent;color:var(--muted);padding:10px 12px}.btn-large{min-height:49px;padding:14px 23px;font-size:16px}.btn-dark{background:var(--navy);color:white}.hero{background:#eaf3f9;border:1px solid #deeaf2;border-radius:var(--radius);min-height:241px;position:relative;overflow:hidden;display:flex;align-items:center;padding:31px 35px;margin-bottom:24px}.hero-copy{z-index:1;max-width:65%}.hero .eyebrow{color:#397a9e;margin-bottom:13px}.hero h2{font-size:30px;line-height:1.28;letter-spacing:-1.05px;font-weight:800;margin-bottom:10px}.hero p{font-size:16px;color:#527087;line-height:1.75;margin-bottom:20px;max-width:350px}.hero-art{position:absolute;width:360px;height:235px;right:6px;bottom:-2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat{display:flex;align-items:center;padding:18px 21px;background:#fff;border:1px solid var(--line);border-radius:10px;gap:15px}.stat-icon,.product-icon{display:grid;place-items:center;width:41px;height:41px;background:#eff6fb;color:#2a7ead;border-radius:10px}.stat-icon.purple{color:#856bb9;background:#f4f0fb}.stat-icon.green{color:#42886c;background:#edf6f1}.stat .stat-value{font-size:24px;line-height:1.1;font-weight:650;letter-spacing:-.6px}.stat .stat-label{font-size:14px;color:var(--muted);margin-top:4px}.stat-arrow{margin-left:auto;color:#b0bdc7}.stat-arrow .icon{width:15px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:14px}.section-heading h2{font-size:19px}.section-heading a{font-size:14px;color:#007bb6;display:flex;align-items:center;gap:5px}.section-heading .icon{width:14px;height:14px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:31px}.product-card{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 17px 16px;text-align:left;position:relative;transition:.18s;display:flex;flex-direction:column;gap:0;align-items:flex-start;color:var(--ink)}.product-card:hover{border-color:#8bc7e8;box-shadow:0 4px 15px #183e6010;transform:translateY(-2px)}.product-card .product-icon{width:35px;height:35px;border-radius:7px;margin-bottom:16px;background:#f0f5f9}.product-card h3{font-size:16px;margin-bottom:6px;letter-spacing:-.2px}.product-card p{font-size:13px;color:var(--muted);line-height:1.7;max-width:160px}.product-card .corner-arrow{position:absolute;top:24px;right:17px;color:#9cacb7;width:13px;height:13px}.jobs-panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.table-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px;border-bottom:1px solid var(--line);min-height:62px}.tabs{display:flex;gap:22px;align-self:stretch}.tab{background:transparent;color:var(--muted);font-size:14px;position:relative;padding:0 0;min-height:52px;white-space:nowrap}.tab.active{color:var(--blue);font-weight:600}.tab.active:after{content:'';position:absolute;height:2px;background:var(--bright);bottom:0;left:0;right:0}.tab span{font-size:12px;border-radius:4px;background:#edf3f7;padding:2px 5px;margin-left:4px}.search{position:relative;max-width:220px;display:flex;align-items:center}.search .icon{position:absolute;left:10px;width:14px;height:14px;color:#95a3af}.search input{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:8px 10px 8px 31px;font-size:13px;color:var(--ink)}.table-scroll{overflow-x:auto}.jobs-table{width:100%;border-collapse:collapse;white-space:nowrap}.jobs-table th{text-align:left;font-size:12px;letter-spacing:.65px;text-transform:uppercase;color:#7c8995;font-weight:500;background:#fbfcfd;padding:13px 20px;border-bottom:1px solid #edf0f3}.jobs-table td{padding:17px 20px;border-bottom:1px solid #edf0f3;font-size:14px;color:#627280}.jobs-table tr:last-child td{border-bottom:0}.job-title{display:flex;align-items:center;gap:12px;color:var(--ink);text-align:left;background:none;padding:0}.job-title:hover strong{color:var(--blue)}.job-file-icon{display:grid;place-items:center;width:33px;height:37px;border:1px solid #e0e8ee;background:#f6f9fc;border-radius:6px;color:#6997b5}.job-file-icon .icon{width:17px;height:17px}.job-title strong{display:block;font-weight:600;font-size:14px;max-width:250px;overflow:hidden;text-overflow:ellipsis}.job-title span{display:block;font-size:12px;color:#8b98a3;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:500;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.blue{color:#257caa;background:#eaf5fc}.badge.purple{color:#8061ad;background:#f2edfa}.badge.green{color:#337d5a;background:#eaf5ed}.badge.amber{color:#a97425;background:#fff6e5}.badge.slate{color:#657785;background:#eef2f5}.row-action{background:none;color:#8b9aa7;padding:5px}.row-action:hover{color:var(--blue)}.row-action .icon{width:15px;height:15px}.table-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:13px 20px;font-size:12px;color:#8a98a3}.page-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8c99a4;margin-top:26px;padding-top:4px;gap:15px}.page-footer a{color:#7b8996}.empty{text-align:center;padding:53px 20px}.empty .icon{width:32px;height:32px;margin-bottom:15px;color:#90a8b8}.empty h3{margin-bottom:8px}.empty p{font-size:16px;color:var(--muted);margin-bottom:20px;line-height:1.7}.page-heading .heading-link{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:13px}.heading-link .icon{width:14px;height:14px}.preview-note{display:flex;align-items:flex-start;gap:8px;color:#72818d;font-size:13px;line-height:1.7}.preview-note .icon{width:14px;height:14px;margin-top:1px;flex-shrink:0}.wizard{max-width:1000px;margin:auto}.stepper{display:flex;align-items:center;border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:25px}.step-item{display:flex;align-items:center;gap:10px;color:#91a0ac;white-space:nowrap;font-size:14px;font-weight:500}.step-num{height:27px;width:27px;border-radius:50%;background:#eaf0f4;display:grid;place-items:center;font-size:13px}.step-item.current{color:var(--blue)}.step-item.current .step-num{background:var(--blue);color:#fff;box-shadow:0 0 0 4px #e2eff8}.step-item.done{color:#587f97}.step-item.done .step-num{background:#e5f2f9;color:var(--blue)}.step-item.done .icon{width:13px;height:13px}.step-line{height:1px;background:#dce5ec;flex:1;margin:0 20px}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:23px;align-items:start}.form-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.form-panel h2{font-size:21px;margin-bottom:8px}.form-panel>.intro{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:25px}.wizard-products{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wizard-products .product-card{min-height:166px;padding:22px}.wizard-products .product-card h3{font-size:16px}.wizard-products .product-card p{font-size:14px}.wizard-products .product-card.selected{border:1.5px solid var(--bright);background:#f4faff}.selection-check{position:absolute;top:16px;right:16px;width:17px;height:17px;border:1px solid #dbe3e9;border-radius:50%;display:grid;place-items:center}.selected .selection-check{background:var(--bright);border-color:var(--bright);color:#fff}.selection-check .icon{width:11px;height:11px}.wizard-summary{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px;position:sticky;top:22px}.wizard-summary .eyebrow{color:#8a99a5;font-size:12px;margin-bottom:18px}.summary-product{display:flex;gap:11px;align-items:center;margin-bottom:21px}.summary-product .product-icon{width:35px;height:35px;border-radius:7px}.summary-product strong{font-size:16px;display:block}.summary-product p{font-size:13px;color:var(--muted);margin-top:4px}.summary-row{display:flex;justify-content:space-between;gap:15px;font-size:13px;line-height:1.7;margin-bottom:12px}.summary-row span{color:#7d8c97}.summary-row strong{font-weight:500;text-align:right;max-width:145px;word-break:break-word}.summary-divider{height:1px;background:var(--line);margin:19px 0}.wizard-summary .note{font-size:13px;line-height:1.8;color:#7c8d9b}.wizard-summary .note strong{font-weight:500;color:var(--ink)}.wizard-actions{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wizard-actions .btn{font-size:14px}.field{margin-bottom:21px;min-width:0}.field label,.field-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#334959}.field label .optional{color:#96a2ac;font-weight:400;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce4e9;border-radius:7px;padding:11px 12px;font-size:16px;color:var(--ink);background:#fff;min-height:41px}.field input::placeholder,.field textarea::placeholder{color:#9aa7b1}.field textarea{min-height:88px;resize:vertical;line-height:1.7}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:#c44d52}.fields-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field-help{font-size:13px;color:#7c8c99;margin-top:7px;line-height:1.7}.error{font-size:14px;color:#b44045;line-height:1.6;margin-top:7px}.error-banner{background:#fff0f0;border:1px solid #f2d5d6;padding:12px;border-radius:7px;font-size:14px;color:#a7393d;margin-bottom:20px}.dropzone{border:1.5px dashed #bcd2e1;border-radius:9px;background:#f9fcfe;text-align:center;padding:25px 18px;cursor:pointer;transition:.15s}.dropzone.dragover{background:#e8f5fd;border-color:var(--bright)}.dropzone .icon{width:28px;height:28px;color:#6797b5;margin-bottom:10px}.dropzone strong{display:block;font-size:16px;font-weight:500}.dropzone strong span{color:var(--blue)}.dropzone p{font-size:13px;color:#8a9ba6;line-height:1.7;margin-top:7px}.check-label{display:flex!important;align-items:center;gap:8px;font-size:14px!important;font-weight:400!important;margin:12px 0 0!important;cursor:pointer}.check-label input{width:14px!important;min-height:14px!important;height:14px;accent-color:var(--blue)}.file-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.file-item{display:flex;align-items:center;gap:9px;background:#f4f8fb;border-radius:6px;padding:10px;font-size:14px;min-width:0}.file-item .icon{width:17px;height:17px;color:#6e95ae}.file-item .file-name{overflow:hidden;text-overflow:ellipsis;flex:1;white-space:nowrap}.file-size{font-size:12px;color:#8a9aa6}.file-item button{display:grid;place-items:center;padding:4px;background:none}.file-item button .icon{width:13px;height:13px}.subsection{font-size:16px;font-weight:650;margin:26px 0 18px;padding-top:23px;border-top:1px solid var(--line)}.option-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-button{border:1px solid #dce4e9;border-radius:7px;background:white;padding:15px;text-align:left;color:var(--ink);display:flex;gap:10px;align-items:center;font-size:16px}.option-button.selected{border-color:var(--bright);background:#f1f9fe}.option-button .icon{color:#6596b4}.option-button strong{font-size:14px;display:block;font-weight:600}.option-button small{font-size:12px;color:#8294a1;display:block;margin-top:4px}.review-block{border:1px solid var(--line);border-radius:9px;padding:19px;margin-top:15px}.review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.review-head h3{font-size:16px}.review-head button{background:none;color:var(--blue);font-size:13px;padding:2px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.review-grid dt,.detail-grid dt{font-size:13px;color:#8a98a3;margin-bottom:5px}.review-grid dd,.detail-grid dd{font-size:16px;margin:0;word-break:break-word;line-height:1.7}.review-notes{font-size:16px;line-height:1.8;color:var(--muted);white-space:pre-wrap;word-break:break-word}.success-page{max-width:760px;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:15px;padding:52px 46px;text-align:center}.success-icon{height:68px;width:68px;margin:0 auto 25px;background:#eaf6ef;color:#3a8a64;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 0 9px #f6faf7}.success-icon .icon{width:29px;height:29px}.success-page .eyebrow{color:#7d8d99;margin-bottom:13px}.success-page h1{font-size:33px}.success-page>p{font-size:16px;color:var(--muted);line-height:1.85;margin:13px auto 26px;max-width:470px}.success-card{background:#f7fafc;border:1px solid var(--line);border-radius:10px;padding:21px;text-align:left;margin-bottom:26px;display:flex;justify-content:space-between;gap:20px;align-items:center}.success-card h3{font-size:16px;margin-bottom:7px}.success-card p{font-size:14px;color:var(--muted)}.success-buttons{display:flex;justify-content:center;gap:11px;margin-bottom:26px}.success-page .preview-note{justify-content:center;max-width:480px;margin:0 auto;text-align:left}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:26px;margin-bottom:22px}.panel h2{font-size:18px;margin-bottom:22px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 20px;margin:0}.timeline{margin:0;padding:0;list-style:none}.timeline li{display:flex;gap:13px;position:relative;padding-bottom:27px;font-size:16px}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:'';position:absolute;width:1px;background:#e1e8ee;top:16px;bottom:0;left:8px}.timeline li:last-child:before{display:none}.timeline-dot{height:17px;width:17px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#eef3f6;border:3px solid white;box-shadow:0 0 0 1px #e0e8ee;z-index:1}.timeline .done .timeline-dot{background:var(--bright);box-shadow:0 0 0 1px #cae6f6}.timeline .current .timeline-dot{background:var(--bright);box-shadow:0 0 0 3px #dff1fb}.timeline strong{font-size:14px;font-weight:500;display:block;color:#91a0ab}.timeline .done strong,.timeline .current strong{color:var(--ink)}.timeline p{font-size:13px;line-height:1.7;color:#8b99a4;margin-top:4px}.callout{background:#edf7fd;border:1px solid #d8eaf5;border-radius:8px;padding:17px;font-size:14px;line-height:1.8;color:#48758f;margin-bottom:22px}.callout .icon{width:17px;height:17px;vertical-align:middle;margin-right:4px}.message{background:#f7f9fb;border-radius:8px;padding:14px;margin-bottom:12px}.message strong{font-size:14px;font-weight:600}.message span{font-size:12px;color:#8b9aa4;margin-left:8px}.message p{font-size:16px;line-height:1.8;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.message-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit;font-size:16px;resize:vertical;min-height:85px;line-height:1.7}.message-form .message-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:12px}.message-form .preview-note{max-width:310px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:24px;display:block;text-align:left;color:var(--ink)}.project-card:hover{border-color:#9bcbe6}.project-card>.icon{color:#6d9cb9;width:29px;height:29px;margin-bottom:30px}.project-card h3{margin-bottom:9px}.project-card p{font-size:14px;line-height:1.8;color:var(--muted)}.project-card .project-bottom{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;color:#738897}.guide-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}.guide-grid .panel p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:15px}.guide-grid ol,.guide-grid ul{padding-left:18px;font-size:16px;line-height:2;color:var(--muted)}.guide-grid h3{margin-top:21px;margin-bottom:10px;font-size:16px}details{border-bottom:1px solid var(--line);padding:17px 0}details:last-child{border-bottom:0}summary{font-size:16px;cursor:pointer;color:var(--ink);font-weight:500}details p{padding-top:10px;margin-bottom:0!important;font-size:14px!important}.toast{position:fixed;bottom:25px;left:calc(50% + 114px);transform:translate(-50%,20px);background:var(--navy);color:white;box-shadow:0 8px 20px #102a4325;padding:13px 20px;border-radius:9px;font-size:16px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:14px;max-width:460px;width:calc(100% - 32px);padding:28px;color:var(--ink);box-shadow:0 15px 60px #142d4933}dialog::backdrop{background:#12233166;backdrop-filter:blur(3px)}dialog h2{font-size:20px;margin-bottom:9px}dialog>p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:23px}dialog .field{margin-top:20px}dialog .dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.filter-label{font-size:16px;color:var(--muted);padding:12px 0;display:flex;align-items:center;gap:10px}.filter-label button{background:transparent;color:var(--blue);font-size:14px}.sample-tag{display:inline-block;font-size:12px;color:#90a2ae;background:#f3f6f8;border-radius:3px;padding:2px 4px;margin-left:5px;vertical-align:middle}.loading{min-height:100vh;display:grid;place-items:center;font-size:16px;color:var(--muted)}
@media(min-width:1550px){.content{padding-top:43px}.hero{min-height:270px}.hero-art{right:50px;transform:scale(1.15);transform-origin:bottom right}.hero h2{font-size:34px}.product-card{padding:23px}.hero-copy{padding-left:5px}.jobs-table td{padding-top:20px;padding-bottom:20px}}
@media(max-width:1200px){.sidebar{width:210px}.main-shell{margin-left:210px}.content{padding:30px}.topbar{padding:0 30px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card p{max-width:220px}.hero-art{width:290px;right:-25px}.hero-copy{max-width:67%}.hero{padding:29px}.hero h2{font-size:28px}.toast{left:calc(50% + 105px)}.wizard-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.form-panel{padding:23px}.wizard-summary{padding:18px}.detail-layout{grid-template-columns:minmax(0,1fr) 250px}.detail-grid{grid-template-columns:1fr 1fr}.table-controls{flex-wrap:wrap;padding-top:9px;padding-bottom:9px}.tabs{min-height:45px}.tab{min-height:45px}.project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.sidebar{width:185px;padding-left:12px;padding-right:12px}.main-shell{margin-left:185px}.sidebar .brand img{width:110px}.brand-label{font-size:12px;letter-spacing:1.7px}.workspace{padding-left:10px}.workspace p{font-size:14px}.content{padding:27px 23px}.topbar{padding:0 23px}.hero-art{opacity:.7;right:-60px}.hero-copy{max-width:75%}.stats{gap:10px}.stat{padding:16px 12px;gap:9px}.stat-icon{width:32px;height:32px}.stat .stat-label{font-size:12px}.stat-arrow{display:none}.page-heading h1{font-size:27px}.wizard-layout{grid-template-columns:1fr}.wizard-summary{display:none}.detail-layout{grid-template-columns:1fr}.detail-layout>aside{order:-1}.timeline{display:flex;gap:15px;justify-content:space-between}.timeline li{flex-direction:column;gap:10px;padding-bottom:0;max-width:80px}.timeline li:before{left:17px;top:8px;right:-40px;bottom:auto;height:1px;width:auto}.timeline li strong{font-size:12px}.timeline li p{display:none}.detail-layout aside .panel{margin-bottom:0}.toast{left:calc(50% + 92px)}.guide-grid{grid-template-columns:1fr}.top-actions{gap:10px}}
@media(max-width:700px){.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:67px;padding:0 20px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:16px}.mobile-brand img{width:47px;height:37px;object-fit:contain;filter:brightness(0)}.mobile-brand small{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.1px;color:#6c8292;margin-top:3px}.top-actions .text-btn{display:none}.preview-pill{font-size:12px;padding:5px 8px}.content{padding:25px 18px 95px}.page-heading{margin-bottom:22px;align-items:flex-start}.page-heading h1{font-size:25px;letter-spacing:-.8px}.page-heading p{font-size:14px;max-width:250px}.page-heading>.btn{padding:10px;min-height:36px;font-size:13px;margin-top:2px}.page-heading>.btn .icon{width:14px;height:14px}.hero{padding:26px 24px;min-height:238px;margin-bottom:17px}.hero-copy{max-width:85%}.hero h2{font-size:27px}.hero-art{width:235px;right:-80px;opacity:.25;bottom:-15px}.hero p{font-size:14px;max-width:245px}.hero .eyebrow{font-size:12px}.stats{gap:8px;margin-bottom:27px}.stat{padding:14px 10px;display:block}.stat-icon{width:29px;height:29px;margin-bottom:11px}.stat-icon .icon{width:17px;height:17px}.stat .stat-value{font-size:22px}.stat .stat-label{font-size:12px;line-height:1.5}.product-grid{gap:10px;margin-bottom:27px}.product-card{padding:18px 15px}.product-card h3{font-size:14px}.product-card p{font-size:12px}.product-card .product-icon{margin-bottom:14px}.section-heading h2{font-size:18px}.section-heading a{font-size:13px}.jobs-table th,.jobs-table td{padding-left:16px;padding-right:16px}.jobs-table .project-col{display:none}.jobs-table .date-col{display:none}.job-title{gap:8px}.job-title strong{max-width:170px;font-size:13px}.jobs-table .row-action{padding-left:0;padding-right:0}.badge{font-size:12px;padding:5px 7px}.table-controls{padding:6px 15px;gap:0}.tabs{gap:18px;width:100%}.search{max-width:none;width:100%;margin:0 0 7px}.search input{font-size:14px}.table-footer{font-size:12px;gap:8px;padding:12px 15px}.page-footer{font-size:12px;align-items:flex-start;line-height:1.8}.page-footer span{max-width:210px}.mobile-nav{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line);z-index:20;padding:9px 9px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #1d344307}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#8a99a5;font-size:12px;min-width:50px}.mobile-nav a.active{color:var(--blue)}.mobile-nav .new-mobile{color:white;background:var(--blue);border-radius:8px;padding:7px 12px;margin-top:-3px}.mobile-nav a .icon{width:19px;height:19px}.toast{left:50%;bottom:83px;max-width:90%;width:max-content}.stepper{gap:0;padding-bottom:22px;margin-bottom:22px}.step-item{gap:7px;font-size:12px}.step-num{height:22px;width:22px;font-size:12px}.step-line{margin:0 10px}.form-panel{padding:23px 18px}.form-panel h2{font-size:19px}.form-panel>.intro{font-size:14px}.wizard-products{gap:10px}.wizard-products .product-card{padding:17px 13px;min-height:165px}.wizard-products .product-card h3{font-size:14px}.wizard-products .product-card p{font-size:13px}.fields-row{gap:12px}.field input,.field select,.field textarea{font-size:16px}.wizard-actions{flex-wrap:wrap}.wizard-actions .btn{padding:11px 13px;font-size:13px}.wizard-actions .btn .icon{width:14px}.review-grid{gap:15px}.success-page{padding:37px 22px;margin:8px auto}.success-page h1{font-size:28px}.success-page>p{font-size:16px}.success-card{padding:17px;align-items:flex-start;flex-direction:column;gap:12px}.success-buttons{flex-direction:column}.success-buttons .btn{width:100%}.project-grid{grid-template-columns:1fr}.panel{padding:22px}.detail-grid{gap:21px 15px}.detail-grid dd{font-size:14px}.message-form .message-actions{align-items:flex-start;flex-direction:column}.review-notes{font-size:14px}.page-heading .heading-link{font-size:13px}.timeline strong{line-height:1.6}.preview-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.staff-switch{display:flex;align-items:center;gap:8px;color:#9bc5de;font-size:14px;border:1px solid #ffffff1b;border-radius:7px;padding:11px;margin-bottom:16px}.staff-switch>.icon{width:15px;height:15px}.staff-switch>.icon:last-child{margin-left:auto;width:12px}.staff-switch:hover{background:#ffffff08;color:white}.staff-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.staff-stats .stat{padding:17px 14px;gap:10px}.staff-stats .stat-label{font-size:13px}.staff-preview-notice{font-size:13px;margin-top:-5px}.complexity-guide{border:1px solid var(--line);border-radius:9px;background:white;padding:17px 21px;margin-bottom:24px}.complexity-guide summary{font-size:16px}.complexity-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:22px;margin-bottom:18px}.complexity-levels strong{display:block;font-size:14px;margin-top:9px}.complexity-levels p{color:var(--muted);font-size:13px;line-height:1.75;margin-top:5px}.points-chip{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#e9f4fc;color:var(--blue);font-weight:600;font-size:16px}.staff-filters{display:flex;align-items:center;gap:16px;padding:14px 20px;background:#fcfdfe;border-bottom:1px solid var(--line)}.staff-filters label{font-size:12px;color:#7a8b98;display:flex;align-items:center;gap:8px}.staff-filters select,.queue-score{font-size:13px;border:1px solid #dce5ec;border-radius:5px;background:#fff;color:var(--ink);padding:7px 9px;min-height:31px}.staff-filters>span{font-size:12px;color:#8999a6;margin-left:auto}.staff-table th,.staff-table td{padding:14px 13px}.staff-table .job-title strong{max-width:200px}.staff-table .job-title span{font-size:12px}.queue-score{min-width:118px}.division-workload{margin-top:26px;padding:22px 0 12px}.division-workload>.section-heading,.division-workload>.field-help{padding-left:22px;padding-right:22px}.division-workload .jobs-table td{font-size:14px}.staff-activity>div{padding-bottom:19px;margin-bottom:18px;border-bottom:1px solid var(--line)}.staff-activity>div:last-child{border:0;margin:0;padding:0}.staff-activity strong{font-size:14px;font-weight:600}.staff-activity p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:5px;overflow-wrap:anywhere}.staff-activity span{font-size:12px;color:#92a0ab;display:block;margin-top:7px}
@media(max-width:1100px){.staff-stats{grid-template-columns:repeat(2,1fr)}.staff-filters{flex-wrap:wrap}.staff-filters>span{margin-left:0;width:100%}.complexity-levels{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.staff-stats{grid-template-columns:repeat(2,1fr)}.staff-stats .stat{display:flex;align-items:center}.staff-stats .stat-icon{margin-bottom:0}.staff-stats .stat-label{font-size:12px}.staff-filters{padding:14px;gap:12px}.staff-filters label{flex-direction:column;align-items:flex-start;flex:1}.staff-filters select{width:100%;max-width:180px}.staff-filters>span{font-size:12px;line-height:1.7}.complexity-levels{grid-template-columns:repeat(2,1fr)}.staff-table .job-title strong{max-width:160px}.staff-table .badge{font-size:12px}.staff-table th,.staff-table td{padding-left:13px;padding-right:13px}.complexity-guide{padding:16px}.staff-preview-notice{font-size:12px}.division-workload .section-heading{align-items:flex-start}.division-workload .section-heading h2{font-size:17px}}
/* A shared site header above the application, with the original Wasatch lockup. */
:root{--masthead-height:clamp(184px,10vw,224px);--header-brand-width:228px}
.site-masthead{height:var(--masthead-height);width:100%;position:sticky;top:0;z-index:30;display:flex;align-items:center;background:#263f54;isolation:isolate;overflow:hidden;border-bottom:1px solid #1d3d551f}
.masthead-landscape{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 24%}
.site-masthead::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#121f2b 0,#121f2b calc(var(--header-brand-width) - 24px),rgba(18,31,43,.86) calc(var(--header-brand-width) + 60px),rgba(18,31,43,.36) calc(var(--header-brand-width) + 250px),rgba(18,31,43,.08) calc(var(--header-brand-width) + 500px),transparent 100%)}
.masthead-brand{width:var(--header-brand-width);margin-left:0;flex-shrink:0;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#fff}
.masthead-brand img{width:103px;height:auto;display:block}
.masthead-brand span{font-size:12px;letter-spacing:2px;font-weight:500;white-space:nowrap}
.masthead-actions{display:flex;align-items:center;gap:10px;margin-left:auto;align-self:flex-start;padding:25px 42px 0 0}
.masthead-actions .preview-pill{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.8);color:#4c6578;padding:7px 10px}
.masthead-help{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);border-radius:30px;color:#344e63;padding:7px 11px;font-size:13px;font-weight:500}
.masthead-help .icon{width:14px;height:14px}
.masthead-help:hover{background:#fff}
.sidebar{top:var(--masthead-height);padding-top:18px}
.sidebar .workspace{padding-top:13px;padding-bottom:24px}
.topbar{height:54px;background:#fff}
.workspace-caption{font-size:13px;color:#8999a6}
#main{scroll-margin-top:calc(var(--masthead-height) + 16px)}
.hero-compact{min-height:0;padding:24px 30px;gap:25px;justify-content:space-between;background:#ebf3f9;border-color:#dfeaf2}
.hero-compact .hero-copy{max-width:70%}
.hero-compact .eyebrow{font-size:12px;margin-bottom:10px}
.hero-compact h2{font-size:24px;margin-bottom:8px;line-height:1.3}
.hero-compact p{font-size:14px;max-width:390px;margin-bottom:0}
.hero-compact>.btn{flex-shrink:0}
@media(min-width:1550px){.hero-compact{min-height:0;padding:25px 35px}.hero-compact h2{font-size:27px}.masthead-landscape{object-position:center 24%}}
@media(max-width:1200px){:root{--header-brand-width:210px}.masthead-copy{margin-left:30px}.masthead-actions{padding-right:30px}}
@media(max-width:950px){:root{--header-brand-width:185px}.masthead-copy{margin-left:23px}.masthead-brand img{width:98px}.masthead-brand span{font-size:12px;letter-spacing:1.7px}.masthead-actions{padding-right:23px}.masthead-actions .preview-pill{display:none}.hero-compact{padding:23px;gap:18px}.hero-compact h2{font-size:22px}.hero-compact .hero-copy{max-width:66%}.hero-compact>.btn{padding:12px 16px;font-size:14px}}
@media(max-width:700px){:root{--masthead-height:148px;--header-brand-width:151px}.site-masthead{position:relative}.masthead-landscape{object-position:65% 40%}.site-masthead::after{background:linear-gradient(90deg,rgba(18,31,43,.99),rgba(18,31,43,.91) 24%,rgba(22,42,59,.38) 58%,rgba(35,64,88,.06))}.masthead-brand{width:125px;margin-left:0;gap:8px}.masthead-brand img{width:90px}.masthead-brand span{font-size:12px;letter-spacing:1.4px}.masthead-actions{padding:17px 17px 0 0;gap:0}.masthead-actions .preview-pill{font-size:12px;padding:6px 8px}.masthead-help{display:none}.topbar{height:45px;padding:0 18px}.topbar .breadcrumb{display:flex;font-size:13px;gap:9px}.workspace-caption{display:none}.hero-compact{min-height:0;display:block;padding:23px}.hero-compact .hero-copy{max-width:100%}.hero-compact h2{font-size:25px}.hero-compact p{max-width:285px}.hero-compact>.btn{margin-top:18px;padding:12px 18px}#main{scroll-margin-top:14px}}
/* Reversible header concepts; the approved original is the initial style. */
.masthead-style-button{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.8);border-radius:30px;color:#344e63;padding:7px 11px;font-size:13px;font-weight:500;white-space:nowrap}
.masthead-style-button:hover{background:#fff}
.masthead-style-button .icon{width:14px;height:14px}
dialog.header-style-dialog{max-width:780px;width:calc(100% - 36px);padding:29px}
.header-style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}
.header-style-option{border:1px solid var(--line);background:#fff;padding:0 0 17px;border-radius:10px;overflow:hidden;text-align:left;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.header-style-option:hover{border-color:#80b8d9;box-shadow:0 4px 16px #183e6010}
.header-style-option.selected{border-color:var(--bright);box-shadow:0 0 0 1px var(--bright)}
.header-style-option>img{width:100%;height:105px;object-fit:cover;object-position:center;display:block;background:#e7f0f6;border-bottom:1px solid var(--line)}
.header-style-label{display:flex;gap:8px;align-items:center;padding:15px 15px 0}
.header-style-label strong{font-size:16px;font-weight:600}
.header-style-check{margin-left:auto;display:grid;place-items:center;width:17px;height:17px;border:1px solid #d9e3ea;border-radius:50%;color:white;flex-shrink:0}
.selected .header-style-check{background:var(--bright);border-color:var(--bright)}
.header-style-check .icon{width:10px;height:10px}
.header-style-description{display:block;color:var(--muted);font-size:13px;line-height:1.8;padding:7px 15px 0}
.header-layers .masthead-landscape{object-position:center 24%}

.shell.header-blend{--masthead-height:clamp(208px,11vw,248px);--header-brand-width:228px}
.header-blend .site-masthead{background:var(--canvas);border-bottom-color:transparent}
.header-blend .masthead-landscape{object-position:center 18%;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}
.header-blend .topbar{background:var(--canvas);border-bottom-color:transparent}
.header-blend .content{padding-top:22px}
@media(max-width:1200px){.shell.header-blend{--header-brand-width:210px}}
@media(max-width:950px){.shell.header-blend{--header-brand-width:185px}}
@media(max-width:700px){.masthead-style-button{font-size:12px;padding:6px 8px;gap:5px}.masthead-style-button .icon{width:12px;height:12px}.header-style-prefix{display:none}.masthead-actions{max-width:calc(100% - 151px);flex-wrap:wrap;justify-content:flex-end;column-gap:7px;row-gap:7px}.header-style-options{grid-template-columns:1fr;gap:12px}.header-style-option{display:grid;grid-template-columns:108px 1fr;padding:0;min-height:90px}.header-style-option>img{grid-row:1/3;height:100%;min-height:96px;width:108px;border-bottom:0;border-right:1px solid var(--line)}.header-style-label{padding:14px 12px 0}.header-style-label strong{font-size:14px}.header-style-description{padding:4px 12px 13px;font-size:13px}.header-style-dialog{max-height:calc(100dvh - 36px);overflow:auto}dialog.header-style-dialog{padding:23px}.shell.header-blend{--masthead-height:176px;--header-brand-width:151px}.header-layers .masthead-landscape{object-position:65% 40%}.header-blend .masthead-landscape{object-position:65% 25%}}

/* Banner typography keeps the logo in its original corner. */
.masthead-copy{margin-left:42px;color:white;max-width:350px;text-shadow:0 2px 16px #10273655;padding-right:15px}
.masthead-title{font-family:'Manrope',Arial,sans-serif;font-size:clamp(32px,3.3vw,46px);font-weight:800;letter-spacing:-1.7px;line-height:1.02}
.masthead-title span{display:block;font-size:.65em;font-weight:600;letter-spacing:-.7px;margin-top:5px}
.masthead-subtitle{font-size:13px;line-height:1.7;letter-spacing:.1px;margin-top:12px;color:#eff6fa}
.masthead-actions{position:absolute;top:0;right:0}
@media(max-width:1200px){.masthead-copy{margin-left:30px}}
@media(max-width:950px){.masthead-copy{margin-left:23px;max-width:300px}.masthead-title{font-size:33px}}
@media(max-width:700px){.masthead-copy{margin-left:3px;max-width:calc(100% - 145px);padding-top:26px;padding-right:12px}.masthead-title{font-size:clamp(25px,5.5vw,33px);letter-spacing:-1px}.masthead-title span{font-size:.61em;letter-spacing:-.4px}.masthead-subtitle{font-size:12px;margin-top:9px;max-width:170px}.masthead-actions{padding-top:10px;padding-right:12px}.masthead-brand{width:125px}.masthead-brand img{width:82px}.masthead-brand span{font-size:11px;letter-spacing:1.2px}}

/* Low-viewpoint foreground grasses get enough height to retain both subjects. */
.shell:is(.header-meadow,.header-coolmeadow,.header-summermeadow){--masthead-height:clamp(260px,16vw,390px)}
:is(.header-meadow,.header-coolmeadow,.header-summermeadow) .masthead-landscape{object-position:center 30%}
dialog.header-style-dialog{max-width:1000px}
.header-style-options{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:950px){.header-style-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.shell:is(.header-meadow,.header-coolmeadow,.header-summermeadow){--masthead-height:220px}:is(.header-meadow,.header-coolmeadow,.header-summermeadow) .masthead-landscape{object-position:65% center}.header-style-options{grid-template-columns:1fr}}

/* Comfortable reading scale and company-wide request attribution. */
.customer-jobs-table{min-width:960px}
.jobs-table th{color:#586d7e;font-weight:600}
.customer-jobs-table .job-title strong{font-size:16px;max-width:280px;white-space:normal;line-height:1.5}
.customer-jobs-table .job-title span.job-project{font-size:13px;color:#657482;white-space:normal}
.customer-jobs-table td{font-size:14px;color:#435c6e}
.customer-jobs-table .requester-cell{white-space:normal;min-width:140px}
.customer-jobs-table time{white-space:nowrap;font-variant-numeric:tabular-nums}
.table-scroll:focus-visible{outline:3px solid var(--bright);outline-offset:-3px}
.greeting-heading h1{font-size:34px;letter-spacing:-1px}
.staff-table{min-width:1350px}
@media(max-width:1100px){.content{padding-left:28px;padding-right:28px}.table-controls{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.search{max-width:none;flex:1;min-width:200px}.table-footer{flex-wrap:wrap;gap:8px}.page-heading{flex-wrap:wrap}}
@media(max-width:700px){
 .content{padding-left:18px;padding-right:18px}.greeting-heading h1{font-size:29px}
 .customer-jobs-table{min-width:0;white-space:normal;display:block}
 .customer-jobs-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .customer-jobs-table tbody{display:block}
 .customer-jobs-table tr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;padding:22px 18px;border-bottom:1px solid var(--line)}
 .customer-jobs-table tr:last-child{border-bottom:0}
 .customer-jobs-table td{display:block;border:0;padding:0;font-size:14px}
 .customer-jobs-table .job-cell{grid-column:1/-1;padding-right:28px}
 .customer-jobs-table .job-title{gap:12px}.customer-jobs-table .job-title strong{max-width:none;font-size:16px}
 .customer-jobs-table .job-title span{font-size:12px}.customer-jobs-table .job-title span.job-project{font-size:13px}
 .customer-jobs-table td[data-label]:before{content:attr(data-label);display:block;font-size:12px;color:#657482;margin-bottom:6px}
 .customer-jobs-table .requester-cell{min-width:0}
 .customer-jobs-table .date-col{display:block}
 .customer-jobs-table td.row-action{position:absolute;right:14px;top:22px}
 .customer-jobs-table .badge{font-size:12px}
 .customer-jobs-table .job-file-icon{flex-shrink:0}
 .table-controls .tabs{gap:18px;overflow-x:auto}.table-controls .search{min-width:0}
 .fields-row{grid-template-columns:1fr}.stat .stat-label{font-size:12px}
 .product-card h3{font-size:15px}.product-card p{font-size:13px}
 .masthead-actions .preview-pill{display:none}.masthead-help{font-size:12px}
}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* Keep the navigation comfortable without pushing the profile off short screens. */
.sidebar{overflow-y:auto;scrollbar-width:thin}
.sidebar>*{flex-shrink:0}
.workspace p{font-size:14px}
.nav a{font-size:15px}
.help-card{font-size:14px}
.profile strong{font-size:14px}

/* Review modes and first-visit account setup. */
.preview-workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px 18px;margin-bottom:26px}
.preview-workspace-bar strong,.preview-workspace-bar span{display:block}.preview-workspace-bar strong{font-size:14px;color:#315c75}.preview-workspace-bar span{font-size:12px;color:var(--muted);margin-top:3px}
.preview-workspace-bar nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.preview-workspace-bar a{padding:9px 12px;border-radius:6px;font-size:13px;color:#4b6b80;white-space:nowrap}.preview-workspace-bar a:hover{background:#f1f7fb}.preview-workspace-bar a[aria-current=page]{background:#e8f4fb;color:#006f9f;font-weight:600}
.access-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:24px;align-items:start}.access-form-panel h2{font-size:23px;margin-bottom:12px}.access-intro{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:23px}.access-form-panel .btn{margin-top:16px}.access-form-panel .field input{font-size:16px}
.access-pending{background:#eff7fb;border:1px solid #d7e9f3;border-radius:9px;padding:18px;margin-bottom:24px}.access-pending strong{font-size:16px;color:#285f7c}.access-pending p{font-size:14px;line-height:1.8;color:#507084;margin-top:8px}.access-pending .badge{margin-top:12px}
.access-steps ol{list-style:none;padding:0;margin:0}.access-steps li{display:flex;align-items:flex-start;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.access-steps li:first-child{padding-top:0}.access-steps li:last-child{border:0}.access-steps b{font-size:13px;color:#007cbb;background:#ecf6fc;border-radius:7px;padding:8px}.access-steps strong{font-size:15px}.access-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:5px}.access-link{display:inline-block;font-size:14px;color:var(--blue);margin-top:18px}.access-roles{min-width:700px;white-space:normal}.access-roles td{font-size:14px;line-height:1.8;vertical-align:top}.access-roles th{font-size:12px}.access-roles td:first-child{min-width:170px}.access-checklist{padding-left:20px;font-size:15px;line-height:1.9;color:#4b6476}.access-checklist li{padding-bottom:9px}
@media(max-width:1050px){.preview-workspace-bar{align-items:flex-start;flex-direction:column}.access-layout{grid-template-columns:1fr}.access-form-panel{max-width:none}}
@media(max-width:700px){.preview-workspace-bar{padding:13px;gap:10px}.preview-workspace-bar a{font-size:12px;padding:8px 10px}.access-layout{gap:8px}.access-steps li{gap:12px}}