/* INVOICE TOOLS | INTEGRATION CENTER, FINAL VISUAL CONTRACT
 * Namespaced only under #iti-root; no global overrides for the existing website.
 * Brand sampled from current InvoiceTools: warm canvas, dark ink, terra-orange CTA, Inter.
 */
#iti-root{--paper:#FCFCF9;--white:#FFFFFF;--ink:#111C22;--text:#35444A;--muted:#67777D;--orange:#C04E06;--orange-dark:#A64006;--orange-soft:#FFF3E9;--line:#E3E7E4;--green:#1C7047;--green-bg:#E9F6EE;--blue:#315D9E;--blue-bg:#EEF3FC;--shadow:0 22px 60px rgba(16,31,33,.06);color:var(--ink);background:var(--paper);font:14px/1.56 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
#iti-root *,#iti-root *::before,#iti-root *::after{box-sizing:border-box}
#iti-root a{color:inherit;text-decoration:none}
#iti-root button,#iti-root input,#iti-root select{font:inherit}
#iti-root button{cursor:pointer}
#iti-root button:disabled{cursor:not-allowed;opacity:.5}
#iti-root [hidden]{display:none!important}
#iti-root :focus-visible{outline:3px solid #F09B6A;outline-offset:3px}
#iti-root .wrap{max-width:1220px;margin:0 auto;padding:0 32px}
#iti-root .topline{background:#17262B;color:#E8EDEB;padding:7px 0;font-size:11px;text-align:center}
#iti-root .topline strong{color:#FFF;font-weight:750}
#iti-root .sitebar{border-bottom:1px solid var(--line);background:var(--paper);height:69px}
#iti-root .sitebar-inner{height:100%;display:flex;align-items:center;gap:22px}
#iti-root .brand{display:flex;align-items:center;gap:9px;font-weight:830;font-size:21px;letter-spacing:-.9px;white-space:nowrap}
#iti-root .brand-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#F0A058,#DD5536);color:white;font-weight:900;font-size:20px;line-height:1}
#iti-root .global-links{display:flex;gap:24px;margin-left:auto;color:#415159;font-size:12px;font-weight:660}
#iti-root .global-links a:hover,#iti-root .navlink:hover{color:var(--orange)}
#iti-root .global-links a[aria-current=page]{color:var(--orange)}
#iti-root .topcta{display:flex;align-items:center;gap:7px;border:1px solid #DCE1DC;border-radius:9px;padding:9px 15px;font-size:12px;font-weight:750;background:white}
#iti-root .h-pre{color:var(--orange);font-size:11px;letter-spacing:1.8px;font-weight:800;text-transform:uppercase}
#iti-root h1,#iti-root h2,#iti-root h3,#iti-root p{margin-top:0}
#iti-root h1{font-size:clamp(38px,4.5vw,64px);line-height:1.08;letter-spacing:-2.4px;font-weight:820;margin:14px 0 20px}
#iti-root h1 em{font-style:normal;color:var(--orange)}
#iti-root h2{font-size:clamp(25px,2.6vw,34px);line-height:1.15;letter-spacing:-1.05px;font-weight:800;margin:9px 0 15px}
#iti-root h3{font-size:15px;line-height:1.3;letter-spacing:-.22px;margin:0}
#iti-root .sub{color:var(--muted);font-size:15px;line-height:1.75;max-width:660px}
#iti-root .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:10px;font-weight:760;font-size:12px;padding:10px 17px;border:1px solid transparent;white-space:nowrap;transition:background .16s,transform .16s}
#iti-root .btn:hover:not(:disabled){transform:translateY(-1px)}
#iti-root .btn.prime{background:var(--orange);color:white}
#iti-root .btn.prime:hover{background:var(--orange-dark)}
#iti-root .btn.light{background:white;color:var(--ink);border-color:#DCE1DE}
#iti-root .btn.dark{background:var(--ink);color:white}
#iti-root .btn.ghost{background:transparent;color:var(--orange);border-color:#F0D8C5}
#iti-root .buttonrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#iti-root .hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;padding:65px 0 58px}
#iti-root .hero-copy .sub{max-width:600px}
#iti-root .hero .buttonrow{margin-top:24px}
#iti-root .hero-note{font-size:11px;color:#7B898D;margin-top:16px;display:block}
#iti-root .hero-demo{background:white;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
#iti-root .demo-head{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;margin-bottom:20px}
#iti-root .demo-head strong{font-size:12px}
#iti-root .tiny-pill{font-size:9px;letter-spacing:.4px;font-weight:850;padding:5px 9px;border-radius:100px;background:#F3F5F3;color:#718188;white-space:nowrap}
#iti-root .pipeline-step{border:1px solid var(--line);padding:13px;min-height:70px;display:flex;gap:12px;align-items:center;border-radius:11px;background:#fff}
#iti-root .pipeline-step.accent{background:#FFFAF6;border-color:#F0D8C7}
#iti-root .pipeline-step strong{display:block;font-size:12px}
#iti-root .pipeline-step small{display:block;color:#89969A;font-size:10px;margin-top:3px}
#iti-root .pipeline-ico{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;background:#F0F3F0;color:#385058;font-size:17px;font-weight:850}
#iti-root .pipeline-step.accent .pipeline-ico{background:#FCECDC;color:var(--orange)}
#iti-root .connector-line{color:var(--orange);height:23px;padding-left:27px;font-size:13px}
#iti-root .demo-foot{border-top:1px dashed var(--line);margin-top:18px;padding-top:14px;color:#75868B;font-size:11px}
#iti-root .feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:64px}
#iti-root .feature-strip .feature{border:1px solid var(--line);border-radius:14px;background:white;padding:17px;display:flex;gap:13px;align-items:flex-start;min-height:105px}
#iti-root .feature-icon{width:36px;height:36px;border-radius:10px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-size:17px;font-weight:850;flex:none}
#iti-root .feature strong{font-size:12px}
#iti-root .feature p{font-size:11px;line-height:1.65;color:var(--muted);margin:5px 0 0}
#iti-root .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:21px}
#iti-root .section-heading>p{font-size:12px;color:var(--muted);max-width:355px;text-align:right;line-height:1.7;margin:0}
#iti-root .catalog-tools{padding:13px;background:white;border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:20px}
#iti-root .searchrow{display:flex;gap:11px;align-items:center}
#iti-root .searchfield{position:relative;flex:1;min-width:170px}
#iti-root .searchfield input{width:100%;height:45px;background:#FAFBF9;border:1px solid #DFE5E0;border-radius:10px;padding:0 13px 0 39px;font-size:13px}
#iti-root .search-glyph{position:absolute;left:13px;top:9px;font-size:20px;color:#90A0A3}
#iti-root .sortfield{height:45px;min-width:175px;padding:0 11px;background:#FAFBF9;border:1px solid #DFE5E0;border-radius:9px;color:#435159;font-size:12px}
#iti-root .chips{display:flex;gap:5px;flex-wrap:wrap;grid-column:1/-1;align-items:center}
#iti-root .chip{border:1px solid transparent;background:transparent;color:#6E8085;border-radius:8px;padding:9px 12px;min-height:38px;font-size:11px;font-weight:740}
#iti-root .chip[aria-pressed=true]{background:var(--orange-soft);color:#A44812;border-color:#F0DECF}
#iti-root .chip:hover{background:#F6F6F3}
#iti-root .resultsline{color:#78878B;text-align:right;font-size:11px;margin:7px 0 16px}
#iti-root .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#iti-root .card{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;min-height:223px;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}
#iti-root .card:hover{border-color:#D5DFD9;box-shadow:0 8px 27px rgba(20,40,45,.05)}
#iti-root .card-title{display:flex;gap:12px;align-items:center}
#iti-root .appmark{display:grid;place-items:center;flex:none;border-radius:12px;width:47px;height:47px;font-size:18px;font-weight:900;color:var(--mark);background:color-mix(in srgb,var(--mark) 11%,white);letter-spacing:-.6px}
#iti-root .card-title strong{font-weight:770;font-size:14px}
#iti-root .card-title small{display:block;font-size:10px;color:#8A999D;margin-top:2px}
#iti-root .card-description{color:#64747A;font-size:12px;line-height:1.65;margin:16px 0 18px;flex:1}
#iti-root .card-bottom{padding-top:12px;display:flex;justify-content:space-between;gap:8px;border-top:1px solid #EDF0ED;align-items:center}
#iti-root .status{display:inline-flex;gap:5px;align-items:center;border-radius:6px;background:#F2F4F3;color:#65777B;padding:5px 8px;font-size:10px;font-weight:820;white-space:nowrap}
#iti-root .status.existing{background:var(--green-bg);color:var(--green)}
#iti-root .status.review{background:#FFF2E6;color:#AD511A}
#iti-root .status.planned{background:var(--blue-bg);color:var(--blue)}
#iti-root .card-bottom button{background:none;border:0;color:var(--orange);font-size:11px;font-weight:800;padding:7px 0 7px 5px;white-space:nowrap}
#iti-root .card-bottom button:hover{text-decoration:underline}
#iti-root .legend{background:white;border:1px solid var(--line);border-radius:13px;padding:15px;margin-top:20px;display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--muted)}
#iti-root .legend strong{color:var(--ink)}
#iti-root .empty{border:1px dashed #BECBC6;border-radius:14px;padding:34px;text-align:center;color:var(--muted);background:#fff}
#iti-root .cta-panel{margin:62px 0 72px;padding:39px 40px;display:flex;justify-content:space-between;align-items:center;gap:40px;border-radius:18px;background:#17272B;color:#fff}
#iti-root .cta-panel .h-pre{color:#F3AF7F}
#iti-root .cta-panel h2{font-size:27px;margin:9px 0}
#iti-root .cta-panel p{font-size:12px;color:#C3D0D1;max-width:570px;margin:0}
#iti-root .cta-panel .btn{background:white;color:#17272B}
#iti-root .footer-note{padding:27px 0 45px;border-top:1px solid var(--line);font-size:11px;color:#849497}
#iti-root .modal-backdrop{position:fixed;inset:0;z-index:99990;background:rgba(12,26,30,.55);display:flex;justify-content:flex-end}
#iti-root .modal-sheet{width:min(505px,100vw);height:100%;overflow:auto;background:white;padding:28px 30px 36px;box-shadow:-15px 0 45px rgba(0,0,0,.13)}
#iti-root .close{float:right;width:43px;height:43px;border-radius:10px;background:#fff;border:1px solid #DDE4E0;font-size:22px}
#iti-root .modal-title{display:flex;gap:13px;align-items:center;margin:55px 0 20px;clear:both}
#iti-root .modal-title .appmark{width:59px;height:59px}
#iti-root .modal-title h2{font-size:26px;margin:2px 0 0}
#iti-root .modal-sheet p{color:#677A80;font-size:13px;line-height:1.74}
#iti-root .modal-section{margin:27px 0}
#iti-root .modal-section h3{margin-bottom:12px}
#iti-root .flow-sample{background:#F6F9F6;border:1px solid var(--line);border-radius:12px;padding:15px;color:#41515A;font-size:13px;line-height:1.6}
#iti-root .boundary{background:#FFF7EE;border:1px solid #EFDCCB;border-radius:11px;padding:14px;font-size:12px;color:#805026;line-height:1.7}
#iti-root .modal-sheet .buttonrow{margin-top:23px}
#iti-root .page-hero{padding:55px 0 34px}
#iti-root .page-hero h1{font-size:clamp(35px,4vw,48px)}
#iti-root .backlink{color:var(--orange);font-weight:750;font-size:12px;display:inline-block;margin-bottom:21px}
#iti-root .grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#iti-root .panel{background:white;border:1px solid var(--line);border-radius:17px;padding:24px}
#iti-root .panel h2{font-size:21px;letter-spacing:-.5px}
#iti-root .panel p,#iti-root .panel small{color:var(--muted);font-size:12px}
#iti-root .tag{background:var(--orange-soft);color:#9B460D;font-weight:800;padding:5px 9px;font-size:10px;border-radius:7px;display:inline-flex}
#iti-root .process-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0 19px}
#iti-root .process-tabs button{padding:12px 15px;border:1px solid var(--line);border-radius:11px;background:white;text-align:left;font-size:12px;font-weight:750;min-height:44px}
#iti-root .process-tabs button[aria-pressed=true]{border-color:#EDCDB7;background:var(--orange-soft);color:#96430C}
#iti-root .stage{display:flex;align-items:center;gap:14px;padding:18px;margin:12px 0;background:#F8FAF7;border:1px solid var(--line);border-radius:11px}
#iti-root .stage span{width:32px;height:32px;background:var(--orange-soft);color:#A9490E;border-radius:9px;display:grid;place-items:center;font-weight:800;flex:none}
#iti-root .stage strong{font-size:13px;display:block}
#iti-root .stage small{color:#7E8E94;font-size:11px}
#iti-root .role-panel{background:#17272B;color:white;border-radius:16px;padding:28px}
#iti-root .role-panel h2{color:white}
#iti-root .role-panel p{color:#C4D0D1}
#iti-root .case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:24px 0 40px}
#iti-root .case-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;min-height:140px}
#iti-root .case-card strong{font-size:13px}
#iti-root .case-card p{font-size:12px;color:var(--muted);margin:8px 0 0}
#iti-root .callout{background:#FFF8EF;border:1px solid #F0DECC;border-radius:12px;padding:16px 18px;color:#805327;font-size:12px;line-height:1.7;margin:18px 0}
#iti-root .account-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:19px;margin-bottom:70px}
#iti-root .side-nav{background:white;border:1px solid var(--line);border-radius:14px;padding:12px;align-self:start;display:grid;gap:3px}
#iti-root .side-nav span{padding:11px 14px;color:#67777D;font-size:12px;border-radius:9px}
#iti-root .side-nav .selected{background:var(--orange-soft);color:#A3470C;font-weight:800}
#iti-root .connection-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:17px 0}
#iti-root .connection-row strong{font-size:13px}
#iti-root .connection-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
#iti-root .connection-row .btn{font-size:11px;min-height:38px;padding:7px 11px}
#iti-root .demo-watermark{padding:12px 15px;background:#FFF6E9;color:#956027;border-radius:10px;border:1px solid #F4DEC4;font-size:12px;margin-bottom:20px}
#iti-root .steps{display:flex;gap:9px;margin:10px 0 25px;flex-wrap:wrap}
#iti-root .steps .step{padding:8px 12px;border-radius:18px;background:#F3F6F2;color:#78858A;font-weight:750;font-size:11px}
#iti-root .steps .step.active{color:#A64A0D;background:#FFF0E2}
#iti-root .data-table{width:100%;border-collapse:collapse;font-size:12px}
#iti-root .data-table th{text-align:left;background:#F8FAF8;color:#63747A;font-size:10px;text-transform:uppercase;letter-spacing:.6px}
#iti-root .data-table td,#iti-root .data-table th{padding:13px 12px;border-bottom:1px solid var(--line)}
#iti-root .data-table td small{display:block;color:#8C9799}
#iti-root .data-table td strong{display:block;font-size:12px}
#iti-root .data-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--orange)}
#iti-root .mini-label{font-size:10px;font-weight:800;padding:4px 8px;border-radius:6px;background:#EEF2EE;color:#526A61;white-space:nowrap}
#iti-root .mini-label.warn{background:#FFF2E1;color:#A35B22}
#iti-root .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}
#iti-root .metric{border:1px solid var(--line);border-radius:13px;background:white;padding:17px}
#iti-root .metric strong{font-size:23px;letter-spacing:-.5px;display:block}
#iti-root .metric span{color:#708389;font-size:11px}
#iti-root .mapping{display:grid;grid-template-columns:1fr 28px 1fr;gap:9px;align-items:center;margin:11px 0}
#iti-root .mapping div{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#F9FBF9;color:#374750;font-weight:660;font-size:12px}
#iti-root .mapping .arrow{border:0;background:transparent;text-align:center;color:var(--orange);font-size:16px;padding:0}
#iti-root .mini-input{width:100%;border:1px solid #DAE3DE;border-radius:9px;background:white;padding:11px 12px;margin:6px 0 15px;font-size:12px}
#iti-root .state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0 65px}
#iti-root .state-card{padding:19px;border:1px solid var(--line);border-radius:14px;background:white;min-height:190px}
#iti-root .state-card .state-icon{width:36px;height:36px;border-radius:10px;background:#F2F5F2;color:#506971;display:grid;place-items:center;margin-bottom:18px;font-size:17px;font-weight:900}
#iti-root .state-card strong{font-size:13px}
#iti-root .state-card p{font-size:11px;color:#6B7F84;margin:8px 0 12px}
#iti-root .state-card .state-action{font-size:11px;color:var(--orange);font-weight:800}
@media(max-width:1000px){#iti-root .cards{grid-template-columns:repeat(2,minmax(0,1fr))}#iti-root .hero{gap:30px}#iti-root .global-links{gap:13px}}
@media(max-width:760px){#iti-root .wrap{padding:0 19px}#iti-root .global-links{display:none}#iti-root .topcta{margin-left:auto}#iti-root .sitebar{height:63px}#iti-root .brand{font-size:18px}#iti-root .hero{grid-template-columns:1fr;padding:45px 0 34px;gap:26px}#iti-root h1{font-size:39px;letter-spacing:-1.7px}#iti-root .sub{font-size:14px}#iti-root .feature-strip{grid-template-columns:1fr;gap:9px;margin-bottom:51px}#iti-root .feature-strip .feature{min-height:0}#iti-root .section-heading{display:block}#iti-root .section-heading>p{max-width:100%;text-align:left;margin-top:5px}#iti-root .catalog-tools{display:flex;flex-direction:column}#iti-root .chips{flex-wrap:nowrap;overflow:auto;white-space:nowrap;padding-bottom:4px;scrollbar-width:thin}#iti-root .cards{grid-template-columns:1fr}#iti-root .card{min-height:190px}#iti-root .cta-panel{display:block;margin:50px 0;padding:27px 21px}#iti-root .cta-panel .btn{margin-top:20px}#iti-root .grid-two,#iti-root .account-layout,#iti-root .case-grid{grid-template-columns:1fr}#iti-root .side-nav{display:flex;overflow:auto;white-space:nowrap}#iti-root .page-hero{padding-top:39px}#iti-root .page-hero h1{font-size:36px}#iti-root .state-grid{grid-template-columns:1fr 1fr}#iti-root .modal-sheet{padding:25px 19px}}
@media(max-width:490px){#iti-root .wrap{padding:0 16px}#iti-root .topcta{padding:8px 9px;font-size:10px}#iti-root .hero-demo{padding:18px}#iti-root .searchrow{display:block}#iti-root .sortfield{width:100%;margin-top:9px}#iti-root .state-grid,#iti-root .metrics{grid-template-columns:1fr}#iti-root .panel{padding:18px}#iti-root .data-table th:nth-child(3),#iti-root .data-table td:nth-child(3){display:none}#iti-root .connection-row{align-items:flex-start;flex-direction:column}#iti-root .connection-row .btn{min-height:42px}#iti-root .mapping{grid-template-columns:1fr 20px 1fr}#iti-root .mapping div{padding:9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#iti-root *,#iti-root *::before,#iti-root *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the breadcrumb on its own line rather than running into the kicker. */
#iti-root .page-hero>.backlink{display:block;width:fit-content;margin-bottom:20px}
#iti-root .page-hero>.h-pre{display:block}

/* Live-site shell overrides. The shared page CSS pins .wrap (1120px, 20px gutters), h2 color and .sub color
   with !important; these restate the package values above so the embedded directory renders as designed. */
#iti-root .wrap{max-width:1220px!important;padding:0 32px!important}
@media(max-width:760px){#iti-root .wrap{padding:0 19px!important}}
@media(max-width:490px){#iti-root .wrap{padding:0 16px!important}}
#iti-root .cta-panel h2,#iti-root .role-panel h2{color:#fff!important}
#iti-root .sub{color:var(--muted)!important}
#iti-root .modal-sheet p{color:#677A80!important}
#iti-root .cta-panel p{color:#C3D0D1!important}