/* Shared screen design. Output previews and print rules keep each tool's own document formatting. */
@media screen{
body.xg-app{--ink:#102f29;--text:#102f29;--muted:#5c706a;--accent:#24634f;--green:#24634f;--brand:#102f29;--lime:#d6f27b;--bg:#f4f7f2;--line:#dce6e0;color:#102f29;background:#f4f7f2;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
.xg-app main{color:#102f29}.xg-app h1,.xg-app h2,.xg-app h3,.xg-app .price{font-family:Arial,Helvetica,sans-serif!important;font-weight:700;letter-spacing:-.035em;line-height:1.18}.xg-app h1{font-size:clamp(30px,3.5vw,48px)!important}.xg-app h2{font-size:clamp(23px,2.2vw,30px)!important}.xg-app h3{font-size:20px}.xg-app h1 span{color:#24634f}.xg-app .lead,.xg-app .muted,.xg-app .hint{color:#5c706a}.xg-app .tag,.xg-app .eyebrow{color:#24634f;letter-spacing:.12em}
.xg-app .tool,.xg-app .card,.xg-app .step,.xg-app .metric,.xg-app .filebox{background:#fff;border-color:#dce6e0;border-radius:14px;box-shadow:none}.xg-app .panel,.xg-app .file,.xg-app .fl,.xg-app .chip{background:#edf3e9;color:#102f29}.xg-app .drop{border-color:#82ac97;background:#f7faf5}.xg-app .drop.over{background:#e7f0dd}.xg-app .formats .chip,.xg-app th{background:#edf3e9;color:#234b3b}.xg-app .badge.info{background:#edf3e9;color:#234b3b}.xg-app .cap,.xg-app .buy{background:#102f29;color:#fff}.xg-app .buy h2,.xg-app .buy p,.xg-app .buy li{color:#fff}.xg-app .cap .btn,.xg-app .buy .btn{background:#d6f27b;color:#102f29;border-color:#d6f27b}
.xg-app button,.xg-app .btn{font-family:Arial,Helvetica,sans-serif;border-radius:8px;min-height:44px;background:#102f29;color:#fff;border-color:#102f29}.xg-app button.sec,.xg-app button.secondary,.xg-app .btn.secondary,.xg-app .tabs button{background:#fff;color:#102f29;border:1px solid #9fb5a9}.xg-app .tabs button[aria-selected=true],.xg-app button.active{background:#102f29;color:#fff;border-color:#102f29}.xg-app button.green,.xg-app button.primary,.xg-app .btn.primary{background:#d6f27b;color:#102f29;border-color:#d6f27b}.xg-app button:disabled,.xg-app .btn:disabled{opacity:.45;cursor:not-allowed}.xg-app button:hover:not(:disabled),.xg-app .btn:hover{filter:brightness(.94)}
.xg-app input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]):not([type=hidden]),.xg-app select,.xg-app textarea{border-color:#a9bcb0;border-radius:8px;color:#102f29;background-color:#fff}.xg-app input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]):not([type=hidden]),.xg-app select{min-height:42px}.xg-app input[type=checkbox],.xg-app input[type=radio],.xg-app input[type=range]{accent-color:#24634f}.xg-app :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #82a52d;outline-offset:3px}
.xg-app .xg-redundant-brand{display:none!important}.xg-app header.xg-empty-header{display:none!important}.xg-app header:not(.xg-empty-header){border-color:#dce6e0}.xg-app .suite-link{display:none!important}
.xg-app[data-xg-tool=pricelist-workbench] header{background:#102f29;color:#fff}.xg-app[data-xg-tool=pricelist-workbench] header h1,.xg-app[data-xg-tool=pricelist-workbench] header .eyebrow{color:#fff}.xg-app[data-xg-tool=pricelist-workbench] .tagline{color:#d7e6da}.xg-app[data-xg-tool=pricelist-workbench] .privacy{color:#d6f27b}.xg-app[data-xg-tool=pricelist-workbench] .hero-actions .btn{background:#d6f27b;color:#102f29}.xg-app[data-xg-tool=pricelist-workbench] .walk-cta{color:#24634f}.xg-app[data-xg-tool=pricelist-workbench] .filters button.active{outline-color:#24634f}
.xg-app[data-xg-tool=handoff-studio] .wordmark{color:#102f29}.xg-app[data-xg-tool=handoff-studio] .wordmark span{color:#24634f}
@media(max-width:650px){.xg-app h1{letter-spacing:-.03em}.xg-app .opts{gap:12px}.xg-app .opts label{max-width:100%}.xg-app .opts input,.xg-app .opts select{max-width:100%}.xg-app .tool{padding:20px 16px}.xg-app .tabs{gap:7px}.xg-app .tabs button{padding:10px 12px}.xg-app .hero{padding-top:30px}}
}
@media screen{.xg-app main a:not(.btn):not(.button):not(.open){color:#24634f}.xg-app label{color:#425d51}.xg-app[data-xg-tool=pricelist-workbench] .btn:not(.secondary){background:#d6f27b;color:#102f29;border-color:#d6f27b}.xg-app[data-xg-tool=pricelist-workbench] .btn.secondary{background:#edf3e9;color:#102f29}.xg-app[data-xg-tool=pricelist-workbench] .btn:disabled{background:#dce6e0;color:#5c706a}}
@media screen{.xg-app input,.xg-app select,.xg-app textarea{font-family:Arial,Helvetica,sans-serif}.xg-app[data-xg-tool=statement-converter] header .brand{display:none}.xg-app[data-xg-tool=statement-converter] header{justify-content:flex-end;padding:12px 0}}