:root{--navy:#15243c;--ink:#18283e;--muted:#718096;--line:#e5eaf1;--canvas:#f6f8fb;--teal:#148a77;--teal-soft:#eaf8f3;--primary:#4059d8;--red:#b73e46;--shadow:0 3px 14px #15243c04;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.5 "Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #91a7ff;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#697ce0;box-shadow:0 0 0 3px #4059d810}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.workspace{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--navy);color:#bdc8d9;padding:30px 19px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:20px;font-weight:650;letter-spacing:-.6px;padding:0 7px}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:600;color:#91a3bd;margin-top:2px}.workspace-select{border:1px solid #ffffff15;border-radius:9px;padding:12px 10px;display:flex;align-items:center;gap:10px;margin:30px 0}.workspace-select strong{display:block;max-width:133px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#e5eaf4;font-size:12px}.workspace-select small{font-size:10px;color:#8395b0}.mini-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#344663;color:#dce6ff;font-size:11px;font-weight:700;flex-shrink:0}.nav-label{display:block;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#7c90ad;margin:0 13px 13px}nav .nav-label{margin-top:31px}nav a{display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px 13px;margin:3px 0;font-size:12px;transition:background .15s,color .15s}nav a .icon{width:18px;height:18px;color:#92a4bd}nav a:hover{background:#ffffff09;color:#fff}nav a.active{color:#fff;background:#ffffff12;box-shadow:inset 3px 0 #35c4aa}nav a.active .icon{color:#54dcc1}.sidebar-bottom{margin-top:auto;padding-top:25px}.help-card{margin:30px 1px 20px;padding:17px;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px}.help-card>.icon{color:#91a5c3;width:18px;vertical-align:middle;margin-right:5px}.help-card strong{font-size:11px;color:#dde4ef}.help-card p{font-size:11px;color:#8194ae;line-height:1.65;margin:10px 0 12px}.text-button{border:0;background:none;color:inherit;padding:0;font-size:12px;font-weight:600}.help-card .text-button{color:#72d5c0;font-size:11px;width:100%;display:flex;justify-content:space-between}.user-row{display:flex;gap:9px;align-items:center;border-top:1px solid #ffffff0c;padding:19px 3px}.user-avatar{display:grid;place-items:center;background:#334763;color:#c7d6ec;border-radius:50%;width:32px;height:32px;font-size:10px}.user-row strong{display:block;color:#d8e1ef;font-size:11px}.user-row small{font-size:9px;color:#8194ae}.user-row .icon-button{margin-left:auto;color:#8ba0bb}.main-shell{margin-left:246px;min-width:0;flex:1}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:17px;align-items:center;font-size:11px;color:#929dac}.breadcrumb strong{color:#526176;font-weight:500}.slash{color:#ced5df}.topbar-right{display:flex;gap:18px;align-items:center}.connection-pill{font-size:10px;font-weight:500;display:flex;align-items:center;gap:7px;color:#697586}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#b8c2d1}.connection-pill.enabled .status-dot{background:#23a38c}.top-divider{height:20px;width:1px;background:var(--line)}.country-pill{background:#eef2f7;border:1px solid var(--line);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:9px;color:#63758c;font-weight:700}.icon-button{border:0;background:transparent;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#7b8ba1;border-radius:6px}.icon-button:hover{background:#8194ae15}.mobile-only{display:none}main{padding:34px 40px 44px;max-width:1570px;margin:auto;min-height:calc(100vh - 137px)}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.eyebrow{display:block;font-size:9px;letter-spacing:1.7px;color:var(--teal);font-weight:700;margin-bottom:9px}.page-heading h1{margin:0 0 7px;font-size:29px;line-height:1.25;letter-spacing:-1px;font-weight:650}.page-heading p{margin:0;color:var(--muted);font-size:12px}.heading-actions{display:flex;gap:9px;align-items:center}.button{border:1px solid #dfe5ee;background:#fff;color:#4d5b71;border-radius:7px;padding:10px 16px;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;white-space:nowrap;transition:filter .15s,transform .15s}.button:hover:not(:disabled){filter:brightness(.97)}.button .icon{width:15px;height:15px}.button.primary{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 2px 3px #4059d81a}.button.danger{color:var(--red);background:#fff7f7;border-color:#f3dce0}.button.quiet{border-color:transparent;background:none}.button.small{padding:7px 10px;min-height:31px;font-size:10px}.button.full{width:100%}.company-banner{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;box-shadow:var(--shadow)}.company-identity{display:flex;align-items:center;gap:19px}.company-avatar{width:62px;height:62px;border:1px solid #d8e9e5;border-radius:13px;background:#f0f8f5;color:#168570;display:grid;place-items:center;font-size:23px;letter-spacing:-1px;font-weight:600;flex-shrink:0}.company-identity h2{font-size:18px;letter-spacing:-.5px;margin:0 0 5px;font-weight:650}.company-identity p{font-size:11px;margin:0;color:var(--muted)}.company-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px;font-size:10px;color:#8390a1}.company-meta b{font-weight:500;color:#4c5e73}.company-banner-right{text-align:right}.pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.5;border-radius:5px;padding:5px 8px;background:#eef3fb;color:#5276ad;font-weight:600}.pill .icon{width:12px;height:12px}.pill.green{background:var(--teal-soft);color:#19816a}.pill.amber{background:#fff6e5;color:#ac771b}.pill.red{background:#fff0f0;color:#bd4d52}.pill.gray{background:#f0f2f6;color:#748197}.company-banner-right small{display:block;font-size:9px;color:#98a1af;margin-top:8px}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:24px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#8a96a7;font-size:11px;font-weight:500;padding:0 1px 13px;margin-bottom:-1px}.tabs button.active{color:#334ec1;border-bottom-color:#4059d8}.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card+.card{margin-top:22px}.card-header{padding:22px 25px 0}.card-heading{display:flex;gap:11px;align-items:center}.section-symbol{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#f2f5fa;color:#768aa3}.section-symbol .icon{width:17px;height:17px}.card h3{margin:0;font-size:13px;font-weight:650;letter-spacing:-.15px}.card-header p{font-size:10px;color:#8d98a8;margin:6px 0 0}.card-body{padding:23px 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 19px}.field{min-width:0}.field.span-2{grid-column:span 2}.field label{font-size:10px;color:#546377;display:block;font-weight:600;margin-bottom:7px}.required{color:#df777a;margin-left:2px}input,select,textarea{width:100%;min-width:0;background:#fff;border:1px solid #dfe5ed;border-radius:6px;color:#32455d;font-size:11px;padding:10px 12px;min-height:40px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:85px}input::placeholder,textarea::placeholder{color:#acb5c2}input[readonly],select:disabled{background:#f8fafc;color:#8a98a9}input[type=number]{font-variant-numeric:tabular-nums}.field small{display:block;font-size:9px;line-height:1.6;color:#94a0b1;margin-top:6px}.field small .icon{width:10px;height:10px;vertical-align:middle;margin-right:2px}.input-decoration{position:relative}.input-decoration input{padding-right:36px}.input-decoration>.icon{position:absolute;right:12px;top:12px;width:14px;height:14px;color:#a3afbf}.section-divider{border:0;border-top:1px solid #f0f3f7;margin:22px 0}.card-note{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #eff2f7;padding:13px 25px;font-size:9px;color:#8a97a8;background:#fcfdff}.card-note .icon{width:13px;height:13px;margin-top:1px;color:#93a3bb}.side-card .card-header,.side-card .card-body{padding-left:20px;padding-right:20px}.sequence-display{display:flex;justify-content:space-between;align-items:center;background:#f7f9fc;border:1px solid #edf0f6;border-radius:8px;padding:15px;margin-bottom:18px}.sequence-display span{display:block;font-size:9px;color:#8b99aa}.sequence-display strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.7px;margin-top:3px}.sequence-display .icon{color:#b5c0d2;width:17px;height:17px}.sequence-display .next strong{color:var(--teal)}.sequence-hint{background:#edf8f4;color:#5e8a7c;border:1px solid #e1f0e8;padding:12px;border-radius:7px;font-size:10px;line-height:1.7;margin-top:16px;display:flex;gap:8px}.sequence-hint .icon{width:14px;height:14px;margin-top:2px;color:#459b85}.readiness{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.readiness-label{font-size:9px;color:#8694a7}.progress-track{height:4px;background:#edf1f5;border-radius:4px;overflow:hidden;margin:12px 0 17px}.progress-track span{display:block;height:100%;background:#27ae90;width:100%}.check-row{display:flex;align-items:center;gap:8px;font-size:10px;color:#718294;margin:12px 0}.check-row .icon{width:13px;height:13px;color:#25a78b}.connection-card{background:linear-gradient(125deg,#f4f8ff,#fff)}.connection-card h3{font-size:13px}.connection-card p{font-size:10px;line-height:1.7;color:#8796aa;margin-top:11px}.muted{color:var(--muted)}.app-footer{padding:20px 40px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:9px;color:#9ba7b8}.dot-separator{padding:0 8px;color:#c1cbd9}.form-error{padding:12px 15px;background:#fff1f1;border:1px solid #f8dfe2;color:#b24a52;border-radius:7px;font-size:12px;margin:0 0 20px}.save-state{font-size:10px;color:#9aa5b4;display:flex;align-items:center;gap:5px}.save-state .icon{width:12px;height:12px}.dirty-note{color:#a77a2b}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#173a33;color:white;border:1px solid #3b685c;box-shadow:0 6px 30px #14293930;border-radius:9px;padding:13px 22px;max-width:90vw;font-size:12px;z-index:100}.toast.error{background:#72313c;border-color:#93444e}.loading-state{display:flex;justify-content:center;align-items:center;gap:12px;padding:100px 10px;color:#8b99ac;font-size:13px}.spinner{height:18px;width:18px;border:2px solid #e0e7f3;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.summary-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.summary-card small{font-size:10px;color:#8390a2;display:flex;justify-content:space-between}.summary-card small .icon{width:16px;height:16px}.summary-card strong{display:block;font-size:28px;font-weight:600;letter-spacing:-.9px;margin-top:13px}.summary-card p{font-size:10px;color:#98a3b3;margin:5px 0 0}.welcome-banner{background:linear-gradient(110deg,#192e4a,#2a4666);border-radius:14px;padding:30px;color:white;display:flex;justify-content:space-between;align-items:center}.welcome-banner h2{margin:0;font-size:23px;letter-spacing:-.7px}.welcome-banner p{color:#aec0d6;font-size:12px;margin-bottom:0}.welcome-banner .eyebrow{color:#73dac0}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;border-bottom:1px solid var(--line)}.table-toolbar h3{font-size:13px;margin:0}.search-box{position:relative;width:230px}.search-box input{padding-left:32px;min-height:34px;font-size:10px}.search-box .icon{position:absolute;top:10px;left:11px;width:14px;height:14px;color:#9eabba}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{font-size:9px;letter-spacing:.4px;color:#96a2b3;background:#fcfdff;font-weight:600;padding:13px 22px;white-space:nowrap;border-bottom:1px solid #edf1f5}td{padding:15px 22px;border-bottom:1px solid #eff2f6;white-space:nowrap;color:#6f8095}tbody tr:last-child td{border-bottom:0}tbody tr[data-document]{cursor:pointer}tbody tr[data-document]:hover{background:#f9fbff}.document-number{color:#3a4c67;font-weight:600}.align-right{text-align:right}.empty-state{text-align:center;padding:58px 25px}.empty-icon{margin:0 auto 15px;width:52px;height:52px;border-radius:14px;background:#f0f4fb;color:#8196b5;display:grid;place-items:center}.empty-state h3{font-size:14px;margin:0 0 7px}.empty-state p{font-size:11px;color:#8d9aae;margin:0 auto 19px;max-width:330px;line-height:1.7}.table-footer{padding:13px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9aa7b7}.filter-row{display:flex;gap:9px;margin-bottom:20px}.filter-button{border:1px solid var(--line);padding:7px 13px;background:white;border-radius:6px;color:#8795a9;font-size:10px}.filter-button.active{border-color:#b9c7ef;color:#4b64ba;background:#eff3ff}dialog{border:1px solid #e0e6ef;border-radius:16px;padding:0;width:min(760px,94vw);max-height:90vh;box-shadow:0 24px 90px #12223b35;color:var(--ink)}dialog::backdrop{background:#12213980;backdrop-filter:blur(3px)}.modal-header{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:19px;margin:0;letter-spacing:-.5px}.modal-body{padding:25px 27px}.modal-footer{padding:18px 27px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;background:#fafcfe}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid small{display:block;color:#93a0b2;font-size:10px;margin-bottom:4px}.detail-grid strong{font-size:12px;font-weight:500}.total-box{margin-top:20px;border-radius:8px;background:#f5f8fc;padding:18px}.total-box div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px;color:#71829a}.total-box div:last-child{font-size:16px;border-top:1px solid #e0e7f1;padding-top:13px;margin:10px 0 0;color:#273b57;font-weight:650}.line-editor{padding:15px;border:1px solid #e4eaf3;border-radius:8px;margin-top:13px}.line-editor-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:12px;color:#7a8aa2}.line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.line-grid .wide{grid-column:span 3}.info-banner{padding:14px 16px;border:1px solid #dce6f4;border-radius:8px;background:#f4f8fe;color:#647fa3;font-size:11px;line-height:1.7;margin:0 0 20px}.info-banner.amber{background:#fff9ee;border-color:#f4e6c9;color:#9a7d41}.guide-step{display:flex;gap:15px;margin-bottom:24px}.step-number{width:28px;height:28px;background:#edf3ff;border-radius:8px;color:#5872c4;display:grid;place-items:center;font-size:11px;flex-shrink:0}.guide-step h3{font-size:13px;margin:1px 0 6px}.guide-step p{margin:0;font-size:12px;color:#8493a6;line-height:1.7}.code-block{background:#142238;color:#bfd4ee;padding:20px;border-radius:8px;overflow:auto;font:11px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.endpoint{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eef2f6;font-size:11px}.endpoint code{color:#5e718b;overflow-wrap:anywhere}.method{font-size:9px;font-weight:700;color:var(--teal);background:#eaf7f2;padding:4px 6px;border-radius:4px;min-width:37px;text-align:center}.login-shell{display:grid;grid-template-columns:46% 54%;min-height:100vh}.login-story{background:radial-gradient(ellipse at 0 100%,#2c5462 0,transparent 65%),#17283f;padding:49px 12% 35px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-story .brand{padding:0}.eyebrow.light{color:#6fd0b9;font-size:10px}.login-story h1{font-size:48px;line-height:1.17;font-weight:600;letter-spacing:-2px;margin:19px 0}.login-story p{font-size:14px;color:#b1c1d3;max-width:330px;line-height:1.8}.login-story>small{font-size:10px;color:#6e8a9f}.login-steps{display:flex;flex-direction:column;gap:20px;margin-top:42px}.login-steps span{font-size:10px;color:#6ca897;letter-spacing:1px}.login-steps b{font-size:12px;letter-spacing:0;font-weight:400;color:#b8c9d7;margin-left:14px}.login-main{display:grid;place-items:center;background:#fbfcfe;padding:40px}.login-card{width:100%;max-width:350px}.login-card h2{font-size:29px;letter-spacing:-1px;font-weight:650;margin:12px 0}.login-card>p{font-size:12px;color:#8c99aa;line-height:1.8;margin:0 0 29px}.login-card label{font-size:11px;font-weight:600;color:#5b6b80;display:block;margin-bottom:8px}.login-card input{height:45px;margin-bottom:20px}.login-card .button{height:44px;font-size:12px;justify-content:space-between;padding:0 16px}.login-note{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:18px;color:#9aa7b7;font-size:10px}.login-note .icon{width:12px;height:12px}.login-support{border-top:1px solid #e8ecf2;margin-top:30px;padding-top:22px;color:#9ba7b7;font-size:10px;line-height:1.9;text-align:center}.login-support small{font-size:9px}.api-response{max-height:250px;overflow:auto;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stack-gap{margin-top:20px}.text-right{text-align:right}body.modal-open{overflow:hidden}@media(min-width:1600px){body{font-size:15px}.profile-grid{grid-template-columns:minmax(0,1fr) 320px}.card-body{padding:28px}.card-header{padding:25px 28px 0}input,select,textarea{font-size:12px;min-height:43px}.field label{font-size:11px}.page-heading h1{font-size:32px}.card h3{font-size:14px}.sidebar{width:260px}.main-shell{margin-left:260px}}@media(max-width:1180px){.sidebar{width:220px;padding-left:14px;padding-right:14px}.main-shell{margin-left:220px}main{padding:28px}.topbar{padding:0 28px}.profile-grid{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.card-body{padding:20px}.card-header{padding:20px 20px 0}.form-grid{gap:17px 15px}.company-banner{padding:20px}.summary-grid{gap:10px}.summary-card{padding:17px}}@media(max-width:980px){.profile-grid{grid-template-columns:1fr}.profile-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-aside .card{margin:0}.profile-aside .connection-card{grid-column:span 2}.summary-grid{grid-template-columns:1fr 1fr}.heading-actions .save-state{display:none}.integration-grid{grid-template-columns:1fr}.company-banner-right{display:none}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:246px;box-shadow:10px 0 40px #17283f20}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.mobile-only{display:inline-flex}.topbar{padding:0 17px;height:65px}.breadcrumb{gap:10px}.topbar-right{gap:10px}.topbar-right .connection-pill{font-size:9px}.top-divider,.topbar-right>.icon-button{display:none}main{padding:25px 17px 35px}.page-heading{align-items:flex-start;gap:15px;margin-bottom:22px;flex-wrap:wrap}.page-heading h1{font-size:26px}.page-heading p{font-size:11px}.heading-actions{margin-left:auto}.company-banner{padding:19px}.company-identity{gap:13px}.company-identity h2{font-size:16px}.company-avatar{width:49px;height:49px;font-size:18px}.company-meta{gap:9px;font-size:9px}.tabs{gap:21px}.tabs button{font-size:10px}.profile-aside{grid-template-columns:1fr}.profile-aside .connection-card{grid-column:auto}.form-grid{grid-template-columns:1fr}.field.span-2{grid-column:auto}.app-footer{padding:18px;font-size:8px}.welcome-banner{padding:25px;gap:20px;align-items:flex-start;flex-direction:column}.summary-card strong{font-size:24px}.table-toolbar{padding:16px;flex-wrap:wrap}.search-box{width:100%}td,th{padding-left:16px;padding-right:16px}.modal-body{padding:22px 18px}.modal-header,.modal-footer{padding:18px}.line-grid{grid-template-columns:1fr 1fr}.line-grid .wide{grid-column:span 2}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-main{min-height:100vh;padding:30px}.login-card:before{content:"TFJoInvoice";display:block;color:var(--teal);font-size:22px;font-weight:700;letter-spacing:-.8px;margin-bottom:60px}.detail-grid{gap:15px}.company-identity h2{overflow-wrap:anywhere}.heading-actions .button{padding:9px 13px}.form-grid .field{min-width:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Readable controls and supporting copy at every workspace size. */
nav a{font-size:13px}.workspace-select strong{font-size:12px}.workspace-select small{font-size:11px}.field label{font-size:12px}input,select,textarea{font-size:13px;min-height:43px}.field small{font-size:11px}.card h3{font-size:14px}.card-header p{font-size:11px;line-height:1.65}.card-note{font-size:11px}.sequence-hint{font-size:11px}.connection-card p{font-size:12px}.page-heading p{font-size:13px}.button{font-size:12px}.tabs button{font-size:12px}.company-meta{font-size:11px}.company-identity p{font-size:12px}.pill{font-size:10px}.table-toolbar h3{font-size:14px}table{font-size:12px}th{font-size:10px}.sequence-display span{font-size:10px}.login-card label{font-size:12px}.login-card>p{font-size:14px}.guide-step p{font-size:13px}.detail-grid strong{font-size:13px}.filter-row{flex-wrap:wrap}.heading-actions{flex-wrap:wrap}.modal-footer{flex-wrap:wrap}@media(max-width:760px){.tabs{gap:16px}.tabs button{font-size:11px}.page-heading p{font-size:12px}.company-meta{font-size:10px}}
.login-card select { margin: 8px 0 18px; }
.permission-set { border:1px solid var(--border,#e1e6ed); border-radius:12px; padding:18px; margin:20px 0; }
.permission-set legend { font-weight:650; padding:0 6px; }
.permission-choice { display:flex; align-items:center; gap:12px; padding:10px 0; font-size:14px; }
.permission-choice input { width:18px; height:18px; min-height:18px; flex:0 0 18px; margin:0; accent-color:#6366c7; }
.permission-set small, .stacked-note { display:block; color:#64748b; margin-top:8px; }
.access-person { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid #e5eaf0; }
.access-person small { display:block; color:#64748b; margin-top:4px; }
.api-switch { padding:24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.api-switch h3 .pill { margin-left:10px; }
.security-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
.account-form { max-width:540px; margin-top:24px; display:grid; gap:18px; }
.sidebar nav { overflow-y:auto; min-height:100px; }
.sidebar [hidden] { display:none!important; }
@media(max-width:640px) { .security-summary { grid-template-columns:1fr; } .api-switch { align-items:flex-start; flex-direction:column; } .login-card { padding:24px; } }
.sidebar .help-card { display:none; }
.sidebar nav { flex:1; scrollbar-width:thin; scrollbar-color:#43556e transparent; }
.sidebar-bottom { padding-top:12px; }
.sidebar nav .nav-label { margin-top:16px; }

.master-login .login-story { background: linear-gradient(150deg, #17223b 0%, #29284d 65%, #414372 100%); }
.master-login .login-story .eyebrow { color: #d4c3ff; }
.master-login .login-card h2 { letter-spacing: -0.04em; }

/* Full-page document editors and tabular items. */
.document-page { overflow:visible; }
.document-page .info-banner { margin-bottom:22px; }
.document-page .item-table-wrap { margin-top:18px; border:1px solid var(--line); border-radius:8px; }
.item-table { min-width:1050px; }
.item-table th,.item-table td { padding:12px 10px; }
.item-table td { vertical-align:top; }
.item-table input { min-width:105px; }
.item-table select { min-width:90px; }
.item-table .item-description { min-width:250px; }
.item-table .item-total { min-width:110px; text-align:right; padding-top:24px; font-variant-numeric:tabular-nums; }
.item-table .line-title { padding-top:24px; }
.credit-items { min-width:620px; }
.credit-items .credit-description { white-space:normal; min-width:230px; }
.document-actions { position:sticky; bottom:12px; z-index:5; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; padding:16px 20px; margin-top:24px; border:1px solid var(--line); border-radius:10px; background:#fffffff5; box-shadow:0 5px 25px #14293915; }
.document-page #invoice-totals { max-width:460px; margin-left:auto; }
.document-page [hidden] { display:none!important; }
@media(max-width:760px) { .document-page .card-body { padding:18px 14px; } .document-actions { bottom:6px; padding:12px; } }
.customer-row-actions,.customer-pager{display:flex;gap:10px;align-items:center}.customer-row-actions{white-space:nowrap}.customer-pager{justify-content:flex-end}
.customer-picker{position:relative;min-width:0}.customer-select{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;padding:11px 13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-align:start}.customer-select #customer-selected{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-dropdown{position:absolute;top:100%;left:0;right:0;z-index:12;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px #15243c24;padding:12px;margin-top:4px}.customer-dropdown-search input{width:100%}.customer-picker-status{display:block;padding:8px 2px;color:var(--muted)}.customer-options{max-height:240px;overflow:auto;overscroll-behavior:contain}.customer-option{display:block;width:100%;padding:10px 12px;border:0;border-radius:6px;background:#fff;color:var(--ink);text-align:start}.customer-option strong,.customer-option small{display:block;overflow-wrap:anywhere}.customer-option small{color:var(--muted);margin-top:3px}.customer-option:hover,.customer-option:focus-visible{background:var(--teal-soft)}.customer-option[aria-selected=true]{background:#eef1ff}.customer-dropdown-pager{display:flex;justify-content:space-between;gap:8px;padding:10px 0}.customer-dropdown-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line)}@media(max-width:700px){.customer-options{max-height:180px}}