@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&family=Fraunces:opsz,wght@9..144,400;9..144,700&family=Fustat:wght@300;400;500;600;700;800&family=IBM+Plex+Sans:wght@400;600;700&family=Lora:wght@400;600;700&family=Manrope:wght@400;500;700&family=Montserrat:wght@400;600;700&family=Space+Grotesk:wght@400;500;700&display=swap');
:root { --ink: #193f33; --muted: #66736c; --paper: #f7f7e7; --line: #d8dfd1; --forest: #193f33; --gold: #f9a551; --interra-green: #193f33; --interra-orange: #e06f50; --interra-peach: #f9a551; --interra-paper: #f7f7e7; --interra-ink: #193f33; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 90% 0%, #fae2c8 0, transparent 28rem), var(--paper); color: var(--ink); font-family: "Fustat", ui-sans-serif, system-ui, sans-serif; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.shell { width: min(1080px, calc(100% - 2rem)); margin: 0 auto; }
.site-header { padding: 1.5rem 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); }
.wordmark { font-size: 1.12rem; font-weight: 700; letter-spacing: .04em; text-decoration: none; }
.tag { color: var(--muted); font-family: ui-sans-serif, system-ui, sans-serif; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.hero { min-height: 72vh; display: grid; place-items: center; padding: 3rem 0; }
.hero > div { max-width: 730px; }
h1 { font-size: clamp(2.6rem, 7vw, 5.7rem); line-height: .93; margin: 0 0 1.5rem; letter-spacing: -.055em; }
h2 { font-size: 1.7rem; margin: 0; }
p { line-height: 1.55; }
.lead { color: #35433d; font-size: 1.18rem; max-width: 58ch; }
.card { background: #fffefa; border: 1px solid var(--line); border-radius: .9rem; padding: clamp(1.25rem, 4vw, 2.4rem); box-shadow: 0 18px 42px rgba(25, 47, 37, .07); }
.narrow { max-width: 610px; margin: 4rem auto; }
.form { display: grid; gap: 1.05rem; margin-top: 1.8rem; }
label { display: grid; gap: .42rem; font-family: ui-sans-serif, system-ui, sans-serif; font-size: .9rem; font-weight: 650; }
input, select, textarea { width: 100%; border: 1px solid #bdc7bf; border-radius: .4rem; background: #fff; padding: .75rem .8rem; color: var(--ink); }
textarea { min-height: 6rem; resize: vertical; }
.button { display: inline-flex; justify-content: center; align-items: center; min-height: 2.7rem; padding: .65rem 1rem; border: 0; border-radius: .35rem; background: var(--forest); color: #fff; font-family: ui-sans-serif, system-ui, sans-serif; font-weight: 700; text-decoration: none; }
.button.secondary { background: transparent; border: 1px solid var(--forest); color: var(--forest); }
.button.danger { background: #9d3429; }
.button:disabled { opacity: .55; cursor: not-allowed; }
.notice { margin: 1rem 0 0; padding: .8rem; border-left: 3px solid var(--gold); background: #fffae9; }
.error { color: #9d3429; font-family: ui-sans-serif, system-ui, sans-serif; font-size: .9rem; }
.admin { padding: 2.3rem 0 5rem; }
.admin-top { display: flex; gap: 1rem; align-items: flex-end; justify-content: space-between; margin-bottom: 2rem; }
.admin-actions { display: flex; gap: .7rem; flex-wrap: wrap; }
.table-wrap { overflow-x: auto; margin-top: 1.4rem; }
table { width: 100%; border-collapse: collapse; font-family: ui-sans-serif, system-ui, sans-serif; font-size: .9rem; }
th, td { text-align: left; padding: .9rem .65rem; border-bottom: 1px solid var(--line); }
th { color: var(--muted); font-weight: 600; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; }
.status { display: inline-block; border-radius: 99px; padding: .25rem .55rem; background: #e7eee9; color: #1f5a3d; font-size: .75rem; font-weight: 700; }
.status.REJECTED { background: #f9e5e2; color: #9d3429; }.status.SUBMITTED { background: #fff3d5; color: #8a6113; }
.detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin: 1.5rem 0; }
.detail-grid div { padding: .85rem; background: #f4f7f1; border-radius: .4rem; font-family: ui-sans-serif, system-ui, sans-serif; }
.detail-grid strong { display: block; color: var(--muted); font-size: .72rem; text-transform: uppercase; margin-bottom: .3rem; }
.review-actions { display: grid; gap: .8rem; margin-top: 1.5rem; }
.brand-preview { border: 3px solid; padding: 2rem; display: grid; gap: .5rem; }.brand-preview span { font-size: .75rem; font-weight: 800; letter-spacing: .08em; }.brand-preview strong { font-size: 2.4rem; }.brand-preview p { margin: 0; }
.brand-form-shell { --brand-primary: #163d33; --brand-accent: #d7df51; --brand-background: #f4f4ed; min-height: 100vh; padding: 1.5rem; background: radial-gradient(circle at 88% 5%, var(--brand-accent), transparent 22rem), linear-gradient(135deg, var(--brand-background), var(--brand-background)); color: var(--brand-on-background); font-family: var(--brand-body), sans-serif; }.brand-form-header { width: min(900px, 100%); margin: 0 auto; min-height: 92px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.28); color: var(--brand-on-background); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }.brand-form-name { font-size: 1.55rem; text-transform: none; letter-spacing: -.04em; }.brand-form-logo { display: block; max-width: 190px; max-height: 62px; object-fit: contain; object-position: left center; }.brand-form-card { width: min(700px, 100%); margin: clamp(2.5rem, 8vw, 6.5rem) auto; padding: clamp(1.6rem, 5vw, 3.4rem); background: #fffdf9; color: var(--brand-ink); border-radius: 1.2rem; border: 1px solid rgba(255,255,255,.45); box-shadow: 0 32px 75px rgba(7, 13, 11, .28); }.brand-form-heading { border-left: 6px solid var(--brand-accent); padding-left: 1.1rem; margin-bottom: 2.2rem; }.brand-form-card h1 { color: var(--brand-ink); margin: .25rem 0 0; font-size: clamp(2.5rem, 7vw, 4.9rem); line-height: .94; letter-spacing: -.06em; }.brand-form-card .brand-form-eyebrow { color: var(--brand-ink); margin: 0; font-size: .72rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }.brand-form-card p { color: var(--brand-ink); }.brand-form-card label { color: var(--brand-ink); font-family: var(--brand-body), sans-serif; }.brand-form-card label small { color: rgba(21,34,29,.64); font-weight: 500; }.brand-form-card input, .brand-form-card select, .brand-form-card textarea { border: 1px solid rgba(21,34,29,.24); background: #fff; color: #15221d; border-radius: .55rem; padding: .84rem .9rem; }.brand-form-card input:focus, .brand-form-card select:focus, .brand-form-card textarea:focus { outline: 3px solid color-mix(in srgb, var(--brand-accent) 55%, transparent); border-color: var(--brand-action); }.brand-form-card .button { background: var(--brand-action); color: var(--brand-on-action); border-radius: .55rem; min-height: 3rem; padding: .75rem 1.2rem; }.brand-form-card .button:hover { filter: brightness(.9); }
.brand-form-card .brand-form-subtitle { margin: 1.1rem 0 0; max-width: 55ch; color: rgba(21,34,29,.72); font-size: 1rem; line-height: 1.6; }
.brand-form-card label.has-error input, .brand-form-card label.has-error select, .brand-form-card label.has-error textarea { border-color: #b7352b; background: #fff6f4; }.brand-form-card .field-error { color: #9d3429; font-weight: 700; line-height: 1.35; }
.reference-options { display: grid; max-height: 220px; overflow: auto; border: 1px solid rgba(21,34,29,.18); border-radius: .55rem; background: #fff; }.reference-options button { display: flex; justify-content: space-between; gap: .75rem; border: 0; border-bottom: 1px solid #edf0eb; background: transparent; padding: .65rem .75rem; text-align: left; color: #15221d; }.reference-options button:hover { background: #f0f5ed; }.reference-options button small { color: #68756d; }.reference-options span, .selected-reference { padding: .65rem .75rem; color: #58675f; font-weight: 500; }.selected-reference { background: #edf5ec; border-radius: .45rem; }.selected-reference button { margin-left: .5rem; border: 0; background: transparent; color: #245f4d; font-weight: 700; text-decoration: underline; }
.integration-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 1rem; margin-top: 2rem; }.integration-card { background: #fbfbf7; border: 1px solid #d7ddd5; padding: 1.3rem; display: grid; gap: 1.2rem; }.endpoint-list { display: grid; gap: .7rem; }.endpoint-list > div { border-top: 1px solid #dfe4dc; padding-top: .75rem; display: grid; gap: .28rem; }.endpoint-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #68756d; } summary { cursor: pointer; color: #245f4d; font-weight: 700; }
.integrations-page { max-width: 1240px; }.integrations-hero { display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 2rem; align-items: end; padding: 2.2rem 2.4rem; color: #f8f7ef; background: linear-gradient(120deg, #103d33, #175a4b 64%, #7b9a52); box-shadow: 0 20px 48px rgba(18, 64, 51, .18); }.integrations-hero h1 { max-width: 13ch; font-size: clamp(2.8rem, 5vw, 4.8rem); margin-bottom: 1rem; }.integrations-hero p:not(.tag) { max-width: 60ch; color: #dce9df; margin: 0; }.integrations-hero .tag { color: #dceea0; }.integrations-hero aside { display: grid; gap: .2rem; padding: 1.25rem; border-left: 1px solid rgba(255,255,255,.34); }.integrations-hero aside strong { font: 4rem/.85 Georgia, serif; }.integrations-hero aside span { font: 700 .8rem ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }.integrations-hero aside small { margin-top: .65rem; color: #d9e7dd; }.integration-guide { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 1rem 0 2.2rem; background: #d8dfd7; border: 1px solid #d8dfd7; }.integration-guide span { display: grid; grid-template-columns: auto 1fr; column-gap: .6rem; align-items: center; padding: .85rem 1rem; background: #f8f8f2; color: #72907c; font: 700 .78rem ui-sans-serif, system-ui, sans-serif; }.integration-guide b { color: var(--ink); }.integration-guide small { grid-column: 2; color: #718078; font-weight: 500; }.brand-integration-list { display: grid; gap: 1.5rem; }.integration-brand { border: 1px solid #d7ddd5; background: #fbfbf7; }.integration-brand-header { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.2rem 1.4rem; border-left: 6px solid; border-bottom: 1px solid #dce2da; }.integration-brand-header > div:first-child { display: grid; grid-template-columns: 12px auto; column-gap: .7rem; align-items: center; }.brand-dot { width: 12px; height: 12px; border-radius: 99px; grid-row: 1 / 3; }.integration-brand-header .tag { margin: 0; }.integration-brand-header h2 { font-size: 1.55rem; }.brand-connection-state { display: grid; gap: .2rem; text-align: right; }.brand-connection-state span { color: #6b796f; font: 700 .7rem ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .08em; }.brand-connection-state strong { font: 1rem Georgia, serif; }.connection-stack { display: grid; gap: 1px; background: #dfe5dd; }.connection-panel { display: grid; gap: 0; background: #fffefa; }.connection-panel.is-active { border-left: 4px solid #6c9b58; }.connection-overview { display: grid; grid-template-columns: minmax(190px, .8fr) minmax(380px, 1.6fr); gap: 1.5rem; padding: 1.25rem 1.4rem; align-items: start; }.connection-label { display: flex; gap: .4rem; align-items: center; }.connection-label .status { padding: .19rem .45rem; }.active-pill { padding: .2rem .45rem; background: #dcebb7; color: #355625; font: 700 .7rem ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .05em; }.connection-overview h3 { margin: .65rem 0 .25rem; font: 1.45rem Georgia, serif; }.connection-overview > div > p { margin: 0; color: #68756d; font-size: .88rem; }.connection-overview dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; margin: 0; }.connection-overview dl div { min-width: 0; }.connection-overview dt { margin-bottom: .25rem; color: #7a877f; font: 700 .66rem ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .06em; }.connection-overview dd { margin: 0; overflow: hidden; color: #24332c; font: .88rem ui-sans-serif, system-ui, sans-serif; text-overflow: ellipsis; white-space: nowrap; }.connection-error { grid-column: 1 / -1; margin: 0; padding: .7rem .85rem; border-left: 3px solid #a33b2d; background: #fff0ed; color: #8b3025; font: .83rem ui-sans-serif, system-ui, sans-serif; }.connection-editor, .connection-endpoints, .new-connection { border-top: 1px solid #dfe5dd; }.connection-editor > summary, .connection-endpoints > summary, .new-connection > summary { display: flex; justify-content: space-between; align-items: center; padding: .85rem 1.4rem; color: #194f40; font-family: ui-sans-serif, system-ui, sans-serif; }.connection-editor > summary small, .new-connection > summary small { color: #76847b; font-size: .76rem; font-weight: 500; }.connection-editor-body { padding: 0 1.4rem 1.4rem; }.company-sync { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem; background: #f0f5ed; border: 1px solid #d8e2d3; }.company-sync .tag { margin: 0 0 .2rem; }.company-sync strong, .company-sync small { display: block; }.company-sync small { margin-top: .25rem; color: #64736a; }.connection-form { display: grid; gap: 1rem; margin-top: 1rem; }.connection-form-section { padding-top: 1rem; border-top: 1px solid #e0e5de; }.connection-form-section > p { margin: 0 0 .7rem; color: #52645a; font: 700 .72rem ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .07em; }.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }.activate-connection { align-self: end; padding: .72rem .8rem; background: #f0f5ed; border: 1px solid #d9e4d2; min-height: 48px; }.advanced-settings { padding-top: .2rem; }.advanced-settings > summary { color: #687970; font: 700 .78rem ui-sans-serif, system-ui, sans-serif; }.advanced-settings .form-grid { padding: .9rem 0 .1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }.connection-endpoints > summary span { min-width: 1.5rem; padding: .1rem .35rem; border-radius: 99px; background: #e8eee7; color: #375849; text-align: center; }.connection-endpoints[open] { background: #f7f9f5; }.connection-endpoints .endpoint-list { padding: 0 1.4rem; }.connection-endpoints .endpoint-list > div { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }.connection-endpoints .endpoint-list > div > div { min-width: 0; display: grid; gap: .22rem; }.empty-endpoints { margin: 0; color: #718078; font-size: .86rem; }.endpoint-form { display: grid; grid-template-columns: minmax(130px, .7fr) 100px minmax(210px, 1.5fr) auto; gap: .6rem; padding: 1rem 1.4rem 1.3rem; }.endpoint-form input, .endpoint-form select { min-width: 0; }.new-connection { margin: 1rem; border: 1px dashed #adbbaf; background: #f6f8f3; }.new-connection[open] { background: #fffefa; }.new-connection .connection-form { padding: 0 1.4rem 1.4rem; }.new-connection .advanced-settings .form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.brands-page { max-width: 1180px; }.brands-hero { display: flex; justify-content: space-between; gap: 2rem; align-items: flex-end; padding-bottom: 2rem; border-bottom: 1px solid #dce2da; }.brands-hero h1 { max-width: 13ch; font-size: clamp(3rem, 5vw, 5rem); }.brands-hero p:not(.tag) { max-width: 62ch; color: #526157; }.new-brand { width: min(360px, 100%); padding: 1.1rem; background: #ecf2e7; border: 1px solid #cedbc7; }.new-brand > summary { color: #174e3e; font: 700 .92rem ui-sans-serif, system-ui, sans-serif; }.new-brand .connection-form { margin: 1rem 0 0; }.new-brand small { color: #66776b; font-size: .75rem; font-weight: 500; }.new-brand input[type="color"] { min-height: 46px; padding: .2rem; }.brand-stat-row { display: flex; gap: 2.5rem; padding: 1rem 0; color: #5f6e65; font: .85rem ui-sans-serif, system-ui, sans-serif; }.brand-stat-row strong { margin-right: .3rem; color: #17362c; font-size: 1.2rem; }.brand-control-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); gap: 1rem; }.brand-control-card { position: relative; overflow: hidden; display: grid; gap: 1rem; padding: 1.25rem; border: 1px solid #d9dfd7; border-top: 5px solid var(--brand-primary); background: #fffefa; }.brand-control-card::after { position: absolute; width: 11rem; height: 11rem; right: -6rem; bottom: -7rem; border: 1.7rem solid var(--brand-accent); border-radius: 50%; opacity: .35; content: ""; }.brand-control-card header, .brand-control-actions, .brand-control-metrics, .brand-lifecycle { position: relative; z-index: 1; }.brand-control-card header { display: grid; grid-template-columns: 48px 1fr; gap: .85rem; align-items: center; }.brand-color-orbit { position: relative; width: 43px; height: 43px; border: 2px solid var(--brand-primary); border-radius: 50%; }.brand-color-orbit i { position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--brand-accent); }.brand-color-orbit i:nth-child(1) { top: -4px; left: 8px; }.brand-color-orbit i:nth-child(2) { right: -4px; bottom: 9px; background: var(--brand-primary); }.brand-color-orbit i:nth-child(3) { bottom: -4px; left: 9px; background: #fffefa; border: 1px solid var(--brand-primary); }.brand-control-card .tag { margin: 0; }.brand-control-card h2 { margin: .15rem 0 .35rem; }.brand-status { padding: .18rem .42rem; background: #ddedc4; color: #355226; font: 700 .67rem ui-sans-serif, system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; }.brand-control-metrics { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #dfe5dd; border-bottom: 1px solid #dfe5dd; }.brand-control-metrics span { display: grid; gap: .2rem; padding: .75rem .35rem; color: #728077; font: .7rem ui-sans-serif, system-ui, sans-serif; text-align: center; }.brand-control-metrics span + span { border-left: 1px solid #dfe5dd; }.brand-control-metrics strong { color: #20372c; font: 1.25rem Georgia, serif; }.brand-control-actions { display: flex; flex-wrap: wrap; gap: .5rem; }.brand-control-actions .button { min-height: 2.35rem; font-size: .82rem; }.brand-lifecycle { border-top: 1px solid #dfe5dd; padding-top: .75rem; }.brand-lifecycle > summary { color: #69776e; font: 700 .76rem ui-sans-serif, system-ui, sans-serif; }.brand-lifecycle p { color: #67766d; font-size: .78rem; }.brand-lifecycle form { display: inline-block; margin-right: .5rem; }.brand-lifecycle .button { min-height: 2.2rem; font-size: .75rem; }.text-danger { border: 0; padding: .45rem 0; background: transparent; color: #9d3429; font: 700 .74rem ui-sans-serif, system-ui, sans-serif; }.inactive-brands { display: grid; gap: .7rem; margin-top: 2.5rem; padding-top: 1.4rem; border-top: 1px solid #dce2da; }.inactive-brands h2 { font-size: 1.4rem; }.inactive-brands > article { display: flex; justify-content: space-between; align-items: center; padding: .85rem 1rem; border: 1px solid #dde2db; background: #f5f6f1; }.inactive-brands strong, .inactive-brands small { display: block; }.inactive-brands small { margin-top: .2rem; color: #77847c; }
.form-studio-page { max-width: 1240px; }.form-studio-hero { display: grid; grid-template-columns: minmax(0, 1fr) 355px; gap: 2rem; align-items: end; padding: 2.4rem; background: linear-gradient(135deg, #193d35, #234d42 58%, #b56a3f); color: #fffaf1; }.form-studio-hero .tag { color: #f0ca86; }.form-studio-hero h1 { max-width: 12ch; font-size: clamp(3rem, 5.4vw, 5.1rem); }.form-studio-hero p:not(.tag) { max-width: 61ch; margin: 0; color: #dce7de; }.new-form-dialog { padding: 1.1rem; background: #fffdf7; color: #1c2e27; box-shadow: 0 14px 30px rgba(7,23,17,.25); }.new-form-dialog > summary { color: #1d5b49; font: 800 .9rem ui-sans-serif, system-ui, sans-serif; }.new-form-dialog .connection-form { margin: 1rem 0 0; }.new-form-dialog small { color: #68776f; font-size: .73rem; font-weight: 500; }.form-catalog-toolbar { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: .8rem 1.25rem; margin: 1.4rem 0 .5rem; }.form-search { position: relative; display: grid; gap: .28rem; color: #647269; font: 700 .72rem ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .07em; }.form-search input { min-height: 46px; border-radius: 0; border-color: #9aaba0; background: #fffefa; }.form-filter-group, .brand-filter-row { display: flex; flex-wrap: wrap; gap: .35rem; align-items: end; }.form-filter-group button, .brand-filter-row button { border: 1px solid #c9d3ca; border-radius: 99px; padding: .52rem .75rem; background: #f8f8f3; color: #57675e; font: 700 .76rem ui-sans-serif, system-ui, sans-serif; }.form-filter-group button.active, .brand-filter-row button.active { border-color: #1e5948; background: #1e5948; color: #fff; }.brand-filter-row { grid-column: 1 / -1; padding-top: .8rem; border-top: 1px solid #d9dfd8; }.form-catalog-result { display: flex; justify-content: space-between; padding: .75rem 0; color: #697970; font: .8rem ui-sans-serif, system-ui, sans-serif; }.form-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 1rem; }.studio-form-card { display: grid; gap: 1rem; padding: 1.2rem; border: 1px solid #d7dfd7; border-top: 4px solid #285e4c; background: #fffefa; box-shadow: 0 7px 18px rgba(30,50,40,.04); }.studio-form-card.is-inactive { border-top-color: #9aa69d; background: #f5f6f1; opacity: .82; }.studio-form-card header { display: grid; grid-template-columns: 35px 1fr auto; gap: .65rem; align-items: center; }.form-brand-mark { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; background: #e1ebd7; color: #275b49; font: 700 1rem Georgia, serif; }.studio-form-card .tag { margin: 0; }.studio-form-card h2 { margin: .15rem 0 0; font-size: 1.45rem; }.form-state { padding: .18rem .4rem; background: #e3e7e2; color: #68766d; font: 800 .64rem ui-sans-serif, system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; }.form-state.active { background: #dcedc5; color: #365a28; }.form-card-meta { display: flex; flex-wrap: wrap; gap: .35rem; }.form-card-meta span { padding: .25rem .45rem; border: 1px solid #d9e0d8; color: #5f6f66; font: .7rem ui-sans-serif, system-ui, sans-serif; }.form-code { margin: 0; color: #8a968f; font: .76rem ui-monospace, monospace; }.public-form-link { margin: 0; padding: .55rem .65rem; background: #edf5e8; color: #245b47; font: .78rem ui-monospace, monospace; }.form-card-actions { display: flex; gap: .5rem; }.form-card-actions form, .form-card-actions .button { flex: 1; }.form-card-actions .button { width: 100%; min-height: 2.45rem; font-size: .78rem; }.form-publication { border-top: 1px solid #dce3dc; padding-top: .75rem; }.form-publication > summary { color: #547066; font: 700 .76rem ui-sans-serif, system-ui, sans-serif; }.form-publication .connection-form { margin-top: .8rem; }.form-publication .button { justify-self: start; min-height: 2.35rem; font-size: .76rem; }.form-empty { display: grid; gap: .4rem; grid-column: 1 / -1; place-items: center; min-height: 190px; border: 1px dashed #adb9ae; color: #627168; background: #f6f8f4; text-align: center; }
.form-editor-page { max-width: 1240px; }.editor-back { display: inline-block; margin-bottom: 1.2rem; color: #245b49; font: 700 .78rem ui-sans-serif, system-ui, sans-serif; text-decoration: none; }.editor-back::before { content: "← "; }.form-editor-hero { display: grid; grid-template-columns: minmax(0, 1fr) 430px; gap: 2rem; align-items: end; padding-bottom: 1.6rem; border-bottom: 1px solid #cfd8cf; }.form-editor-hero h1 { max-width: 13ch; font-size: clamp(3rem, 5.1vw, 4.8rem); }.form-editor-hero p:not(.tag) { max-width: 62ch; color: #607066; }.editor-kpis { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #cfd9cf; background: #fbfcf8; }.editor-kpis span { display: grid; gap: .15rem; padding: .8rem; color: #6b7a70; font: .72rem ui-sans-serif, system-ui, sans-serif; }.editor-kpis span:nth-child(odd) { border-right: 1px solid #dbe2da; }.editor-kpis span:nth-child(n+3) { border-top: 1px solid #dbe2da; }.editor-kpis strong { color: #244438; font: 1.55rem Georgia, serif; }.editor-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 1.5rem; margin-top: 1.4rem; }.editor-presentation { padding: 1.1rem 1.2rem; border: 1px solid #d5ded4; background: #f6f9f3; }.editor-presentation > summary { display: flex; justify-content: space-between; gap: 1rem; color: #194e3e; font: 800 .9rem ui-sans-serif, system-ui, sans-serif; }.editor-presentation > summary small { color: #738078; font-size: .73rem; font-weight: 500; }.editor-presentation .connection-form { margin-top: 1rem; }.editor-section-heading { display: flex; justify-content: space-between; align-items: end; margin: 2rem 0 .8rem; }.editor-section-heading .tag { margin: 0; }.editor-section-heading h2 { margin: .2rem 0 0; font-size: 1.8rem; }.editor-section-heading > span { color: #75847b; font: .74rem ui-sans-serif, system-ui, sans-serif; }.field-editor-list { display: grid; gap: .65rem; }.field-editor-card { border: 1px solid #d8e0d7; background: #fffefa; }.field-editor-card > header { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto auto; gap: .65rem; align-items: center; padding: .75rem .9rem; }.field-order { color: #8b968f; font: .72rem ui-monospace, monospace; }.field-editor-card strong, .field-editor-card small { display: block; }.field-editor-card small { margin-top: .15rem; color: #758278; font: .72rem ui-monospace, monospace; }.required-chip, .optional-chip, .system-chip { padding: .2rem .38rem; font: 700 .63rem ui-sans-serif, system-ui, sans-serif; letter-spacing: .05em; text-transform: uppercase; }.required-chip { background: #f4e5bc; color: #7a5710; }.optional-chip { background: #e8ece7; color: #6a786f; }.system-chip { background: #dce9dc; color: #276044; }.field-editor-card > details { border-top: 1px solid #e1e6e0; }.field-editor-card > details > summary { padding: .65rem .9rem; color: #386352; font: 700 .75rem ui-sans-serif, system-ui, sans-serif; }.field-editor-form { display: grid; gap: .9rem; padding: .25rem .9rem .9rem; }.field-wide { grid-column: 1 / -1; }.field-editor-form .button { justify-self: start; }.remove-field { padding: 0 .9rem .75rem; }.remove-field button { border: 0; background: transparent; padding: 0; color: #a13a2d; font: 700 .72rem ui-sans-serif, system-ui, sans-serif; }.editor-add-field { align-self: start; position: sticky; top: 1rem; padding: 1.2rem; border: 1px solid #cddac9; background: #eaf2e5; }.editor-add-field .tag { margin: 0; }.editor-add-field h2 { margin: .3rem 0 .55rem; font-size: 1.65rem; }.editor-add-field > p:not(.tag) { color: #64746a; font-size: .84rem; }.editor-add-field .connection-form { margin-top: 1rem; }.editor-add-field small { color: #6c7c72; font-size: .72rem; font-weight: 500; }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.manage-list { display: grid; gap: 1rem; margin: 2rem 0; }.manage-card { background: #fbfbf7; border: 1px solid #d7ddd5; padding: 1.2rem; }.group-editor { display: grid; grid-template-columns: 1fr 1fr auto auto; align-items: end; gap: .65rem; }.group-editor label { min-width: 0; }.checkbox { display: flex; align-items: center; gap: .5rem; }.checkbox input { width: auto; }.editable-links { display: grid; gap: .5rem; margin-top: 1rem; }.editable-links details { border-top: 1px solid #dce2da; padding-top: .7rem; }.editable-links summary { display: flex; justify-content: space-between; }.editable-links details .form { padding-top: .9rem; max-width: 680px; } select[multiple] { min-height: 7rem; }
.filter-row { display: flex; flex-wrap: wrap; gap: .5rem; }.filter-row a { border: 1px solid #bdc7bf; padding: .45rem .6rem; border-radius: 999px; text-decoration: none; font-size: .78rem; }.filter-row a.active-filter { background: #163d33; color: white; border-color: #163d33; }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(290px, .7fr); gap: 1rem; margin-top: 1rem; }.request-detail .detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.field-title { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }.form-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }.form-columns > button { grid-column: 1 / -1; justify-self: start; }
.member-chips { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1rem 0; }.member-chips span { background: #e7eee9; border-radius: 999px; padding: .35rem .6rem; font-size: .78rem; }.inline-form { grid-template-columns: 1fr 1fr auto; align-items: end; }
.workspace { min-height: 100vh; display: grid; grid-template-columns: 245px minmax(0, 1fr); background: #f1f0ea; font-family: ui-sans-serif, system-ui, sans-serif; }
.sidebar { background: #14251f; color: #edf3e9; padding: 2rem 1.4rem; display: flex; flex-direction: column; gap: 1rem; }.sidebar .wordmark { font-size: 1.45rem; letter-spacing: -.06em; }.sidebar .wordmark span { color: #d7df51; }.sidebar .tag { color: #9ba99e; margin: 0; }
.sidebar nav { display: grid; gap: .2rem; margin-top: 1.5rem; }.sidebar nav a { padding: .7rem .8rem; color: #cad6cc; text-decoration: none; border-radius: .45rem; }.sidebar nav a:hover, .sidebar nav a.active { background: #d7df51; color: #12271e; font-weight: 800; }.sidebar-user { margin-top: auto; border-top: 1px solid #345044; padding-top: 1rem; display: grid; gap: .25rem; font-size: .8rem; }.sidebar-user span { color: #9ba99e; overflow-wrap: anywhere; }
.workspace-content { min-width: 0; }.workspace-content .admin { width: min(1240px, calc(100% - 4rem)); margin: 0 auto; }.dashboard { padding: 4rem 0 5rem; }.eyebrow { color: #56736a; font-size: .9rem; font-weight: 700; }.dashboard h1 { font-size: clamp(3.2rem, 7vw, 6rem); max-width: 11ch; margin: .3rem 0 1.1rem; }.dashboard h1 em { color: #36705d; font-weight: 400; }.dashboard-lead { max-width: 56ch; color: #5b6961; font-size: 1.05rem; }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: #d4d9d1; border: 1px solid #d4d9d1; margin: 3.5rem 0 1rem; }.metric-grid div { background: #f8f8f3; padding: 1.5rem; }.metric-grid span { color: #6a776f; font-size: .78rem; }.metric-grid strong { display: block; margin-top: .4rem; font: 3rem Georgia, serif; }.command-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }.command-card { min-height: 230px; background: #163d33; color: white; padding: 1.5rem; text-decoration: none; transition: transform .2s, background .2s; }.command-card:nth-child(2) { background: #a64729; }.command-card:nth-child(3) { background: #1d5369; }.command-card:hover { transform: translateY(-5px); }.command-card span { color: #d7df51; font-size: .8rem; }.command-card h2 { margin: 3.2rem 0 .5rem; }.command-card p { color: #dbe6df; font-size: .9rem; }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin-top: 4rem; }.section-heading h2 { font: 2rem Georgia, serif; }.section-heading a { color: #2a6654; }.link-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; margin-top: 1rem; }.link-group { background: #fbfbf7; padding: 1.25rem; border: 1px solid #dce1d9; }.link-group h3 { margin: 0; }.link-group > p { color: #68756d; font-size: .86rem; }.link-group a { display: grid; grid-template-columns: 1fr auto; padding: .75rem 0; border-top: 1px solid #e1e5df; text-decoration: none; }.link-group small { grid-column: 1; color: #78827b; }.link-group b { grid-row: 1 / 3; grid-column: 2; }
@media (max-width: 850px) { .workspace { grid-template-columns: 1fr; }.sidebar { padding: 1rem; }.sidebar nav { grid-template-columns: repeat(2, 1fr); margin-top: .2rem; }.sidebar-user { display: none; }.workspace-content .admin { width: min(100% - 2rem, 1240px); }.metric-grid, .command-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .site-header, .admin-top { align-items: flex-start; flex-direction: column; } .detail-grid { grid-template-columns: 1fr; } h1 { font-size: 3rem; } }
@media (max-width: 760px) { .integrations-hero, .form-studio-hero, .form-editor-hero { grid-template-columns: 1fr; padding: 1.5rem; }.integrations-hero aside { border-top: 1px solid rgba(255,255,255,.34); border-left: 0; }.integration-guide { grid-template-columns: 1fr; }.integration-brand-header, .connection-overview, .company-sync, .connection-endpoints .endpoint-list > div, .brands-hero { align-items: flex-start; flex-direction: column; }.brand-connection-state { text-align: left; }.connection-overview, .editor-layout { grid-template-columns: 1fr; }.connection-overview dl, .form-grid, .advanced-settings .form-grid, .new-connection .advanced-settings .form-grid, .endpoint-form { grid-template-columns: 1fr; }.connection-editor > summary, .connection-endpoints > summary, .new-connection > summary, .editor-presentation > summary { align-items: flex-start; flex-direction: column; gap: .25rem; }.connection-endpoints .endpoint-list > div { display: grid; }.endpoint-form { padding-top: .5rem; }.form-studio-hero { padding: 1.5rem; }.form-catalog-toolbar { grid-template-columns: 1fr; }.form-filter-group { justify-content: flex-start; }.form-card-actions { flex-direction: column; }.form-editor-hero { padding: 0 0 1.2rem; }.editor-kpis { width: 100%; }.editor-add-field { position: static; }.field-editor-card > header { grid-template-columns: 28px minmax(0, 1fr); }.field-editor-card > header > .required-chip, .field-editor-card > header > .optional-chip { justify-self: start; }.field-editor-card > header > .system-chip { justify-self: end; } }

/* Interra master identity: the administrative product uses this system; brands keep their own public-form themes. */
.workspace { background: #f4f5ef; font-family: "Fustat", ui-sans-serif, system-ui, sans-serif; }
.sidebar { background: linear-gradient(165deg, #193f33 0%, #102f26 100%); border-right: 1px solid rgba(249, 165, 81, .3); }
.sidebar .wordmark { display: inline-flex; align-items: baseline; color: #f7f7e7; font-family: "Fustat", ui-sans-serif, system-ui, sans-serif; font-size: 1.5rem; font-weight: 800; letter-spacing: -.07em; }
.sidebar .tag { color: #f9c58f; font-family: "Fustat", ui-sans-serif, system-ui, sans-serif; font-weight: 600; }
.sidebar nav a { transition: background .16s ease, color .16s ease, transform .16s ease; }
.sidebar nav a:hover { transform: translateX(3px); }
.sidebar nav a:hover, .sidebar nav a.active { background: var(--interra-peach); color: #193f33; }
.workspace-content .admin { padding-top: 3rem; }
.form-studio-hero { position: relative; overflow: hidden; background: linear-gradient(126deg, #193f33 0%, #285647 58%, #e06f50 180%); border-radius: 1rem; box-shadow: 0 24px 48px rgba(25, 63, 51, .18); }
.form-studio-hero::after { position: absolute; width: 24rem; height: 24rem; right: -10rem; bottom: -13rem; border: 2rem solid rgba(249, 165, 81, .8); border-radius: 50%; content: ""; }
.form-studio-hero > * { position: relative; z-index: 1; }
.form-studio-hero .tag { color: #f9c58f; }
.form-studio-hero h1, .form-editor-hero h1, .brands-hero h1, .integrations-hero h1 { font-family: "Fustat", ui-sans-serif, system-ui, sans-serif; font-weight: 800; letter-spacing: -.065em; }
.form-card-grid { gap: 1.15rem; }
.studio-form-card { border-radius: .9rem; border-top-color: var(--interra-green); transition: transform .18s ease, box-shadow .18s ease; }
.studio-form-card:hover { transform: translateY(-3px); box-shadow: 0 16px 30px rgba(20, 37, 31, .11); }
.form-brand-mark { background: #e6f0db; color: var(--interra-green); font-family: "Fustat", ui-sans-serif, system-ui, sans-serif; font-weight: 800; }
.form-state.active { background: #e3edc7; color: #245d35; }
.public-form-link { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .48rem .5rem .48rem .7rem; border: 1px solid #d8e5c9; border-radius: .5rem; background: #f1f8e9; color: #245b47; font: .77rem ui-monospace, monospace; }
.public-form-link code { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.copy-public-link { display: inline-flex; align-items: center; gap: .36rem; flex: none; border: 0; border-radius: .35rem; padding: .42rem .5rem; background: #dfecc9; color: #174d31; font: 800 .69rem "Fustat", ui-sans-serif, system-ui, sans-serif; }
.copy-public-link:hover { background: var(--interra-lime); color: #10251b; }
.copy-public-link svg { width: .95rem; height: .95rem; }
.form-editor-hero { border-bottom-color: #c9d9c9; }
.editor-kpis { border-radius: .7rem; overflow: hidden; }
.editor-kpis strong, .field-editor-card strong { font-family: "Fustat", ui-sans-serif, system-ui, sans-serif; font-weight: 750; }
.field-editor-card { border-radius: .65rem; overflow: hidden; }
.field-editor-card > details[open] { background: #fbfdf8; }
.field-editor-card select[multiple] { border-color: #9bb99d; background: linear-gradient(180deg, #fff 0%, #f8fbf4 100%); }
.field-editor-card select[multiple]:focus { outline: 3px solid rgba(217, 224, 33, .48); border-color: var(--interra-green); }
.finnegan-target-control { display: grid; gap: .45rem; padding: 1rem; border: 1px solid #d5e2cf; border-radius: .65rem; background: #f7faf4; }
.finnegan-target-control > strong { color: #174d31; font: 800 .85rem "Fustat", ui-sans-serif, system-ui, sans-serif; }
.finnegan-target-control > p { margin: 0; color: #65766a; font-size: .8rem; }
.finnegan-target-control > small { color: #63746a; font-size: .72rem; font-weight: 500; }
.finnegan-target-picker { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .65rem; }
.finnegan-target-group { min-width: 0; margin: 0; padding: .55rem; border: 1px solid #dce5d8; border-radius: .5rem; background: #fffefa; }
.finnegan-target-group legend { padding: 0 .25rem; color: #5d7465; font: 800 .66rem "Fustat", ui-sans-serif, system-ui, sans-serif; letter-spacing: .07em; text-transform: uppercase; }
.finnegan-target-group > div { display: grid; gap: .2rem; }
.finnegan-target-option { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .42rem; padding: .36rem .4rem; border-radius: .32rem; color: #254337; font: 650 .78rem "Fustat", ui-sans-serif, system-ui, sans-serif; }
.finnegan-target-option:hover { background: #edf5e7; }
.finnegan-target-option input { width: 1rem; height: 1rem; margin: 0; accent-color: var(--interra-green); }
.finnegan-target-option small { padding: .13rem .26rem; border-radius: .2rem; background: #f6e8bc; color: #73580f; font: 800 .59rem "Fustat", ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; }
.technical-field-detail { display: grid; gap: .65rem; padding: 1rem .9rem; background: linear-gradient(135deg, #eff5eb, #fbfcf8); }
.technical-field-detail .tag { margin: 0; color: #527563; }
.technical-field-detail > strong { color: #174d31; font: 800 1rem "Fustat", ui-sans-serif, system-ui, sans-serif; }
.technical-field-detail > p { max-width: 62ch; margin: 0; color: #5f7065; font-size: .84rem; }
.technical-field-detail dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; margin: 0; }
.technical-field-detail dl div { min-width: 0; padding: .55rem; border: 1px solid #d9e5d4; border-radius: .42rem; background: rgba(255,255,255,.72); }
.technical-field-detail dt { color: #6b7d70; font: 800 .63rem "Fustat", ui-sans-serif, system-ui, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.technical-field-detail dd { margin: .22rem 0 0; overflow-wrap: anywhere; color: #274639; font: 700 .73rem ui-monospace, monospace; }
.technical-field-detail > small { color: #68796e; font-size: .72rem; }
.internal-completion { margin-top: 2rem; padding-top: 1.35rem; border-top: 1px solid #dbe4d8; }
.internal-completion > .tag { margin: 0; color: #537466; }
.internal-completion h2 { margin: .35rem 0; font-size: 1.35rem; }
.internal-completion > p:not(.tag) { max-width: 62ch; margin: 0; color: #66766d; font-size: .86rem; }
.internal-completion .form { margin-top: 1rem; }
.request-editor { border-top-color:#bcd6c4; }.request-editor > p:not(.tag) { max-width:68ch; }.request-editor label>b { margin-left:.24rem; color:#b8442a; }.request-editor .button { grid-column:1 / -1; }
.arca-details { margin-top:1.4rem; border:1px solid #d8e4d6; background:#f7faf5; }.arca-details summary { display:flex; justify-content:space-between; gap:1rem; padding:.85rem .95rem; color:#24503c; font-weight:800; cursor:pointer; }.arca-details summary small { color:#6c7a70; font-size:.72rem; }.arca-details>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; padding:.85rem .95rem; border-top:1px solid #dce7d9; }.arca-details dl { min-width:0; margin:0; padding:.55rem .6rem; border:1px solid #dbe6d8; background:#fffefa; }.arca-details dt { color:#6b7e72; font-size:.66rem; font-weight:800; overflow-wrap:anywhere; }.arca-details dd { margin:.22rem 0 0; color:#244837; font-size:.78rem; overflow-wrap:anywhere; }
@media(max-width:700px){.arca-details>div{grid-template-columns:1fr}}
.endpoint-discovery-note { display: grid; gap: .2rem; margin: 0 1.4rem; padding: .75rem .85rem; border: 1px solid #d6e3ce; background: #f3f8ee; color: #607269; font: .76rem "Fustat", ui-sans-serif, system-ui, sans-serif; }
.endpoint-discovery-note strong { color: #23533b; font-size: .8rem; }
.endpoint-actions { display: flex; flex-wrap: wrap; gap: .45rem; }
.discovered-fields { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .5rem; }
.discovered-fields > span { display: inline-flex; align-items: center; gap: .25rem; max-width: 100%; padding: .22rem .38rem; border: 1px solid #d8e4d4; border-radius: .25rem; background: #f4f8f1; color: #385746; font: .68rem ui-monospace, monospace; }
.discovered-fields small { overflow: visible !important; color: #79887f !important; font: .59rem "Fustat", ui-sans-serif, system-ui, sans-serif; }
.interra-brand { display: inline-flex; align-items: center; line-height: 1; text-decoration: none; }
.interra-brand-logo { display: block; width: 175px; height: auto; object-fit: contain; }
.interra-brand.is-compact .interra-brand-logo { width: 134px; }
.interra-brand.is-inverse .interra-brand-logo { filter: brightness(0) invert(97%) sepia(22%) saturate(393%) hue-rotate(352deg) brightness(103%) contrast(95%); }
.site-header .interra-brand-logo { width: 150px; }
.interra-login { display: grid; grid-template-columns: minmax(280px, .92fr) minmax(440px, 1.08fr); min-height: 100vh; background: var(--interra-paper); }
.interra-login-intro { position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: clamp(2rem, 6vw, 5rem); background: linear-gradient(145deg, #193f33, #285647); color: #f7f7e7; }
.interra-login-intro::before, .interra-login-intro::after { position: absolute; border: 2rem solid rgba(249, 165, 81, .65); border-radius: 50%; content: ""; }
.interra-login-intro::before { width: 28rem; height: 28rem; right: -17rem; top: -9rem; }
.interra-login-intro::after { width: 16rem; height: 16rem; bottom: -10rem; left: -7rem; border-color: rgba(224, 111, 80, .72); }
.interra-login-intro > * { position: relative; z-index: 1; }
.interra-login-intro > p { max-width: 13ch; margin: 0; font-size: clamp(1.45rem, 2.5vw, 2.5rem); font-weight: 600; line-height: 1.08; letter-spacing: -.04em; }
.interra-login-card { display: flex; flex-direction: column; justify-content: center; width: min(100% - 4rem, 480px); margin: 0 auto; }
.interra-login-card > .tag { color: var(--interra-orange); font-weight: 800; }
.interra-login-card h1 { max-width: 10ch; margin: .3rem 0 1rem; font-family: "Fustat", ui-sans-serif, system-ui, sans-serif; font-size: clamp(3rem, 5vw, 4.8rem); font-weight: 800; letter-spacing: -.075em; }
.interra-login-card > p:not(.tag) { max-width: 49ch; margin: 0; color: #5f7167; }
.interra-login-card .form { margin-top: 2rem; }
.login-sso { margin-top:.75rem; }.login-sso .button { width:100%; }
.access-page { max-width: 1240px; }
.access-hero { display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: 2rem; align-items: end; padding: 2.3rem; background: linear-gradient(125deg, #193f33, #315f51 65%, #e06f50 160%); color: #f7f7e7; border-radius: 1rem; }
.access-hero .tag { color: #f9c58f; }.access-hero h1 { max-width: 13ch; margin: .3rem 0 1rem; font: 800 clamp(2.8rem, 5vw, 4.8rem)/.94 "Fustat", ui-sans-serif, system-ui, sans-serif; letter-spacing: -.07em; }.access-hero p:not(.tag) { max-width: 60ch; margin: 0; color: #dbe8dc; }.access-hero aside { display: grid; gap: .2rem; padding: 1rem; border-left: 1px solid rgba(247,247,231,.34); }.access-hero aside strong { font: 800 4rem/.8 "Fustat", ui-sans-serif, system-ui, sans-serif; }.access-hero aside span { font-size: .75rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.access-hero aside small { color: #d7e4d8; }
.access-create-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.2rem; }.access-create-grid > article { padding: 1.15rem; border: 1px solid #d8e1d4; background: #fffefa; }.access-create-grid h2 { margin: .25rem 0; font-size: 1.5rem; }.access-section-heading { display: flex; justify-content: space-between; gap: 2rem; align-items: end; margin: 3rem 0 1rem; }.access-section-heading .tag { margin: 0; }.access-section-heading h2 { margin: .2rem 0 0; font-size: 1.8rem; }.access-section-heading > p { max-width: 48ch; margin: 0; color: #687970; font-size: .84rem; }
.directory-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(285px, 1fr)); gap: 1rem; }.directory-user-card { display: grid; gap: .85rem; padding: 1rem; border: 1px solid #d9e2d6; border-top: 4px solid #193f33; background: #fffefa; }.directory-user-card > header { display: grid; grid-template-columns: 38px 1fr; gap: .65rem; align-items: center; }.directory-user-card > header > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: #f9d4a6; color: #193f33; font-weight: 800; }.directory-user-card header strong, .directory-user-card header small { display: block; }.directory-user-card header small { margin-top: .12rem; overflow-wrap: anywhere; color: #718077; font-size: .72rem; }.access-super { margin: 0; padding: .65rem; background: #eaf3e6; color: #315f43; font-size: .8rem; }.brand-access-list { display: grid; gap: .45rem; }.brand-access-list details { border: 1px solid #dce4d8; }.brand-access-list summary { display: flex; justify-content: space-between; padding: .65rem; color: #285340; font-size: .8rem; }.brand-access-list summary small { color: #748279; font-size: .66rem; font-weight: 800; }.brand-access-form { display: grid; gap: .7rem; padding: .7rem; border-top: 1px solid #dce4d8; }.brand-access-form fieldset { display: grid; gap: .4rem; margin: 0; padding: .6rem; border: 1px solid #dce4d8; }.brand-access-form legend { color: #728178; font-size: .68rem; font-weight: 800; text-transform: uppercase; }.brand-access-form fieldset label { grid-template-columns: auto 1fr; align-items: center; font-size: .76rem; font-weight: 600; }.brand-access-form input { width: auto; }.add-brand-access { background: #f4f8f0; }.team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem; }.team-card { display: grid; gap: .9rem; padding: 1.1rem; border: 1px solid #d9e2d6; background: #fffefa; }.team-card > header { display: flex; justify-content: space-between; gap: 1rem; }.team-card h3 { margin: .2rem 0; font-size: 1.35rem; }.team-card header p { margin: 0; color: #718077; font-size: .8rem; }.team-card > header > span { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: 50%; background: #193f33; color: #f7f7e7; font-weight: 800; }
@media (max-width: 760px) { .interra-login { grid-template-columns: 1fr; }.interra-login-intro { min-height: 260px; }.interra-login-card { width: min(100% - 2.5rem, 480px); padding: 3rem 0; } }
@media (max-width: 760px) { .access-hero, .access-create-grid { grid-template-columns: 1fr; }.access-hero aside { border-top: 1px solid rgba(247,247,231,.34); border-left: 0; }.access-section-heading { align-items: flex-start; flex-direction: column; gap: .5rem; } }
.links-portal { min-height: 100vh; background: radial-gradient(circle at 96% 5%, #f9d5ae 0, transparent 27rem), #f7f7e7; }.links-portal > header { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.25rem max(1.4rem, calc((100vw - 1180px) / 2)); background: #193f33; color: #f7f7e7; }.links-portal > header .interra-brand-logo { width: 158px; }.links-portal > header > div { display: grid; text-align: right; font-size: .82rem; }.links-portal > header small { color: #d3e0d5; }.links-portal-hero, .links-portal-content, .links-portal footer { width: min(1180px, calc(100% - 3rem)); margin: 0 auto; }.links-portal-hero { padding: clamp(3rem, 8vw, 6.5rem) 0 2.4rem; }.links-portal-hero .tag { color: #c85d40; font-weight: 800; }.links-portal-hero h1 { max-width: 12ch; margin: .35rem 0 1rem; font: 800 clamp(3.2rem, 7vw, 6.4rem)/.89 "Fustat", ui-sans-serif, system-ui, sans-serif; letter-spacing: -.08em; }.links-portal-hero p:not(.tag) { max-width: 58ch; color: #5e7065; font-size: 1.04rem; }.links-portal-content { display: grid; gap: 1.2rem; padding-bottom: 4rem; }.links-portal-group { overflow: hidden; border: 1px solid #d8e1d4; background: rgba(255,254,250,.88); }.links-portal-group > header { display: flex; justify-content: space-between; gap: 2rem; align-items: end; padding: 1.15rem 1.3rem; border-left: 6px solid #e06f50; border-bottom: 1px solid #dde5d9; }.links-portal-group header .tag { margin: 0; color: #8a7665; }.links-portal-group h2 { margin: .15rem 0 0; font-size: 1.65rem; }.links-portal-group > header > p { max-width: 48ch; margin: 0; color: #6d7c73; font-size: .84rem; }.links-portal-group > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); }.links-portal-group a { display: grid; grid-template-columns: 38px 1fr auto; gap: .7rem; align-items: center; min-height: 84px; padding: .9rem 1rem; border-right: 1px solid #e1e7df; border-bottom: 1px solid #e1e7df; color: #193f33; text-decoration: none; }.portal-link-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: .55rem; background: #193f33; color: #f7f7e7; font-weight: 800; }.links-portal-group a strong, .links-portal-group a small { display: block; }.links-portal-group a small { margin-top: .18rem; color: #718077; font-size: .73rem; }.links-portal-group a b { color: #e06f50; font-size: 1.2rem; }.links-empty { padding: 3rem; border: 1px dashed #abb9ad; background: #f4f7ef; text-align: center; }.links-portal footer { display: flex; justify-content: space-between; padding: 1.4rem 0 2rem; border-top: 1px solid #d9e1d5; color: #6a796f; font-size: .8rem; }.links-portal footer a { color: #193f33; font-weight: 800; }
@media (max-width: 760px) { .links-portal > header, .links-portal-group > header, .links-portal footer { align-items: flex-start; flex-direction: column; }.links-portal > header > div { text-align: left; }.links-portal-hero, .links-portal-content, .links-portal footer { width: min(100% - 2rem, 1180px); }.links-portal-group > div { grid-template-columns: 1fr; } }
.access-hub { max-width: 1240px; }.access-hub-hero { display:grid; grid-template-columns:1fr 280px; gap:2rem; padding:2.3rem; color:#f7f7e7; background:linear-gradient(125deg,#193f33,#315f51); border-radius:1rem; }.access-hub-hero h1 { max-width:12ch; margin:.3rem 0 1rem; font:800 clamp(2.9rem,5vw,5rem)/.9 "Fustat",sans-serif; letter-spacing:-.075em; }.access-hub-hero p:not(.tag){max-width:58ch;margin:0;color:#dce8dc}.access-hub-hero .tag{color:#f9c58f}.access-hub-hero aside{display:grid;align-content:center;gap:.35rem;padding:1rem;border-left:1px solid #8eafa0}.access-hub-hero aside span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.access-hub-hero code{font-size:1.6rem;font-weight:800}.access-hub-hero small{color:#d4e2d6}.access-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.access-hub-grid>article,.hub-team-grid>article,.hub-app-grid>details{padding:1.1rem;border:1px solid #d9e2d6;background:#fffefa}.access-hub-grid h2{margin:.2rem 0 .7rem;font-size:1.45rem}.hub-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin:3rem 0 1rem}.hub-heading h2{margin:.2rem 0 0;font-size:1.8rem}.hub-heading>p{max-width:48ch;color:#687970;font-size:.84rem}.hub-heading form{display:flex;gap:.4rem}.hub-heading input{width:auto}.hub-people{display:grid;gap:.55rem}.hub-people>details{border:1px solid #d9e2d6;background:#fffefa}.hub-people summary,.hub-app-grid summary{display:grid;grid-template-columns:38px 1fr auto;gap:.65rem;align-items:center;padding:.75rem}.hub-people summary>span,.hub-app-grid summary>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#193f33;color:#f7f7e7;font-weight:800}.hub-people summary strong,.hub-people summary small,.hub-app-grid summary strong,.hub-app-grid summary small{display:block}.hub-people summary small,.hub-app-grid summary small{color:#718077;font-size:.72rem}.hub-people summary em{font-size:.72rem;color:#6d7c73}.hub-person-body{display:grid;gap:.65rem;padding:.8rem;border-top:1px solid #dce4d8}.hub-permission-form{display:grid;grid-template-columns:160px 170px 1fr auto;gap:.6rem;align-items:start;padding:.7rem;background:#f5f8f1}.hub-permission-form>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.hub-permission-form label{grid-template-columns:auto 1fr;align-items:center;font-size:.72rem}.hub-permission-form input{width:auto}.hub-team-grid,.hub-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.hub-team-grid h3{margin:0}.hub-team-grid p{color:#6c7b72;font-size:.82rem}.hub-app-grid details{padding:0}.hub-app-grid form{padding:.8rem;border-top:1px solid #dce4d8}
@media(max-width:760px){.access-hub-hero,.access-hub-grid{grid-template-columns:1fr}.access-hub-hero aside{border-top:1px solid #8eafa0;border-left:0}.hub-heading{align-items:flex-start;flex-direction:column;gap:.5rem}.hub-heading form{display:grid;width:100%}.hub-heading input{width:100%}.hub-permission-form{grid-template-columns:1fr}.hub-permission-form>div{grid-template-columns:1fr}}

/* Permission editing remains legible even when the admin shell is narrow. */
.hub-person-body{gap:.75rem;padding:1rem}.hub-person-help{margin:0;color:#617168;font-size:.82rem}.hub-permission-form{grid-template-columns:minmax(190px,.8fr) minmax(220px,1fr);gap:1rem;align-items:end;padding:1rem;border:1px solid #e0e8dd}.permission-brand,.permission-role{display:grid;gap:.35rem}.permission-brand>span,.permission-role>span{color:#66776d;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.permission-brand strong{display:block;font-size:1rem}.permission-role select{width:100%;min-height:46px;background:#fffefa}.permission-capabilities{grid-column:1/-1;margin:0;padding:1rem;border:1px solid #d6e1d2;background:#fffefa}.permission-capabilities legend{padding:0 .3rem;color:#173f34;font-size:.82rem;font-weight:800}.permission-capabilities>p{margin:0 0 .75rem;color:#687970;font-size:.76rem}.permission-capabilities>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.55rem}.permission-capabilities label{display:flex;align-items:center;gap:.55rem;min-height:48px;padding:.6rem .7rem;border:1px solid #dce5da;border-radius:.45rem;background:#f8faf6;color:#183c32;font-size:.8rem;font-weight:700;cursor:pointer}.permission-capabilities label:has(input:checked){border-color:#9fcab3;background:#edf7ee}.permission-capabilities input{width:16px;height:16px;accent-color:#17694f}.hub-permission-form>.button{grid-column:1/-1;justify-self:start;min-width:178px}@media(max-width:760px){.hub-permission-form{grid-template-columns:1fr}.permission-capabilities>div{grid-template-columns:1fr}.hub-permission-form>.button{width:100%}}
.brand-form-shell { position:relative; overflow:hidden; padding:1.5rem; background:radial-gradient(circle at 8% 16%, color-mix(in srgb,var(--brand-accent) 48%,transparent) 0,transparent 20rem),linear-gradient(135deg,var(--brand-primary),var(--brand-background)); }.brand-form-shell::before { position:absolute; width:34rem; height:34rem; right:-18rem; top:13rem; border:2.5rem solid color-mix(in srgb,var(--brand-accent) 65%,transparent); border-radius:50%; content:""; }.brand-form-header,.brand-form-card { position:relative; z-index:1; }.brand-form-header { width:min(100%,1040px); min-height:86px; }.brand-form-card { width:min(760px,100%); margin:clamp(2rem,7vw,5rem) auto; padding:clamp(1.5rem,5vw,3.25rem); border:0; border-radius:1.5rem; box-shadow:0 28px 75px rgba(9,20,14,.25); }.brand-form-heading { border-left:0; padding-left:0; margin-bottom:1.7rem; }.brand-form-card h1 { max-width:11ch; font-weight:700; letter-spacing:-.07em; }.brand-form-reassurance { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1.2rem; }.brand-form-reassurance span { padding:.38rem .55rem; border:1px solid color-mix(in srgb,var(--brand-primary) 18%,transparent); border-radius:99px; color:color-mix(in srgb,var(--brand-ink) 75%,transparent); font-size:.72rem; }.brand-public-form { gap:1.35rem; margin-top:0; }.form-progress { display:grid; gap:.55rem; padding:.85rem 1rem; border:1px solid color-mix(in srgb,var(--brand-primary) 16%,transparent); border-radius:.75rem; background:color-mix(in srgb,var(--brand-accent) 13%,#fff); }.form-progress>div:first-child { display:flex; justify-content:space-between; gap:1rem; color:var(--brand-ink); font-size:.76rem; }.form-progress strong { font-weight:700; }.form-progress-track { height:5px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--brand-primary) 12%,transparent); }.form-progress-track i { display:block; height:100%; border-radius:inherit; background:var(--brand-action); transition:width .25s ease; }.brand-form-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.brand-form-field { gap:.5rem; color:var(--brand-ink); font-size:.83rem; }.brand-form-field>span { display:flex; gap:.22rem; align-items:center; }.brand-form-field b { color:var(--brand-action); }.brand-form-field.field-span-full { grid-column:1 / -1; }.brand-form-card .brand-form-field input,.brand-form-card .brand-form-field select,.brand-form-card .brand-form-field textarea { min-height:50px; border-radius:.7rem; transition:border .18s ease,box-shadow .18s ease; }.brand-form-card .brand-form-field textarea { min-height:130px; }.brand-form-card .brand-form-field input:focus,.brand-form-card .brand-form-field select:focus,.brand-form-card .brand-form-field textarea:focus { box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-accent) 35%,transparent); }.brand-public-form>.button { width:100%; min-height:3.35rem; margin-top:.2rem; border-radius:.75rem; font-size:.95rem; }.brand-form-card .notice { border-left:0; border-radius:.75rem; }.brand-form-card .reference-options { grid-column:1 / -1; border-radius:.7rem; box-shadow:0 12px 25px rgba(18,35,26,.08); }.brand-form-card .selected-reference { border-radius:.6rem; }
@media(max-width:620px){.brand-form-shell{padding:1rem}.brand-form-header{min-height:68px}.brand-form-logo{max-width:135px;max-height:44px}.brand-form-header span:last-child{font-size:.62rem}.brand-form-card{margin:1.3rem auto;padding:1.35rem;border-radius:1.1rem}.brand-form-card h1{font-size:clamp(2.45rem,13vw,3.5rem)}.brand-form-fields{grid-template-columns:1fr;gap:.9rem}.brand-form-field.field-span-full{grid-column:auto}.form-progress>div:first-child{align-items:flex-start;flex-direction:column;gap:.15rem}.brand-form-reassurance{display:grid;grid-template-columns:1fr}.brand-form-reassurance span{border-radius:.5rem}.brand-form-shell::before{width:18rem;height:18rem;right:-12rem;top:9rem}}
.brand-form-shell { padding-top:1rem; }.brand-form-header { width:min(760px,100%); min-height:74px; }.brand-form-logo { max-height:48px; }.brand-form-card { width:min(760px,100%); margin:clamp(1.5rem,5vw,3.5rem) auto; padding:clamp(1.8rem,4.5vw,3rem); }.brand-form-card h1 { max-width:13ch; font-size:clamp(2.8rem,5.5vw,4.25rem); line-height:.91; }.brand-form-heading { margin-bottom:1.35rem; }.brand-form-subtitle { margin-top:.75rem !important; }.brand-form-reassurance { margin-top:.9rem; }.brand-form-reassurance span { padding:.28rem 0; border:0; border-radius:0; }.form-progress { gap:.4rem; padding:.7rem .85rem; border-radius:.6rem; }.form-progress>div:first-child { align-items:center; }.brand-form-fields { gap:.85rem 1rem; }.brand-form-field { gap:.36rem; }.brand-form-card .brand-form-field input,.brand-form-card .brand-form-field select,.brand-form-card .brand-form-field textarea { min-height:48px; padding:.72rem .78rem; }.brand-form-card .brand-form-field textarea { min-height:110px; }.field-cbu { order:5; }.brand-public-form>.button { min-height:3.1rem; margin-top:.15rem; }.brand-form-card label small { line-height:1.35; }.brand-form-header>span:last-child { opacity:.82; }
@media (max-width: 760px) { .form-studio-hero::after { width: 16rem; height: 16rem; right: -9rem; bottom: -10rem; }.copy-public-link span { display: none; }.copy-public-link { padding: .45rem; } }
@media (max-width: 760px) { .technical-field-detail dl { grid-template-columns: 1fr; } }

/* Public forms use visual sections so external users complete one business concept at a time. */
.brand-public-form { gap:1.1rem; }
.brand-form-sections { display:grid; gap:2rem; }
.brand-form-section { display:grid; gap:1rem; padding-top:1.65rem; border-top:1px solid color-mix(in srgb,var(--brand-primary) 14%,transparent); }
.brand-form-section:first-child { padding-top:.15rem; border-top:0; }
.brand-form-section>header { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:.7rem; align-items:start; }
.brand-form-section>header>span { display:grid; place-items:center; width:1.65rem; height:1.65rem; border-radius:50%; background:color-mix(in srgb,var(--brand-accent) 38%,#fff); color:var(--brand-ink); font:800 .65rem/1 var(--brand-body),sans-serif; letter-spacing:.04em; }
.brand-form-section h2 { margin:0; color:var(--brand-ink); font:700 1.08rem/1.15 var(--brand-body),sans-serif; letter-spacing:-.02em; }
.brand-form-section header p { margin:.25rem 0 0; color:color-mix(in srgb,var(--brand-ink) 62%,transparent); font-size:.78rem; line-height:1.4; }
.brand-form-section .brand-form-fields { gap:1rem 1.1rem; }
.brand-form-section .brand-form-field { align-content:start; }
.brand-form-section .brand-form-field>span { min-height:1.1rem; }
.brand-form-section .brand-form-field small { min-height:0; margin-top:-.05rem; }
@media(max-width:620px){.brand-form-sections{gap:1.65rem}.brand-form-section{gap:.85rem;padding-top:1.35rem}.brand-form-section>header{grid-template-columns:1.7rem minmax(0,1fr);gap:.55rem}.brand-form-section>header>span{width:1.45rem;height:1.45rem}.brand-form-section h2{font-size:1rem}}
.arca-cuit-field>div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.55rem; }
.arca-lookup-button { min-height:48px; padding:.6rem .85rem; border:1px solid var(--brand-action); border-radius:.7rem; background:color-mix(in srgb,var(--brand-accent) 30%,#fff); color:var(--brand-ink); font:800 .72rem var(--brand-body),sans-serif; white-space:nowrap; cursor:pointer; }
.arca-lookup-button:hover:not(:disabled) { background:var(--brand-accent); }.arca-lookup-button:disabled { opacity:.6; cursor:wait; }.arca-lookup-success { color:#306341 !important; font-weight:700; }
@media(max-width:620px){.arca-cuit-field>div{grid-template-columns:1fr}.arca-lookup-button{width:100%}}
.arca-panel { display:grid; gap:1rem; margin:1rem; padding:1.2rem; border:1px solid #d9e4d4; background:linear-gradient(120deg,#f4f8ef,#fffefa); }
.arca-panel>header { display:flex; justify-content:space-between; gap:1rem; align-items:start; }.arca-panel h3 { margin:.2rem 0; font:1.35rem Georgia,serif; }.arca-panel header p:not(.tag) { max-width:62ch; margin:.35rem 0 0; color:#617168; font-size:.84rem; }
.arca-panel-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #dae4d5; border-bottom:1px solid #dae4d5; }.arca-panel-summary span { display:grid; gap:.2rem; padding:.65rem .75rem; color:#697970; font-size:.72rem; }.arca-panel-summary span+span { border-left:1px solid #dae4d5; }.arca-panel-summary b { color:#254b3d; font-size:.8rem; }
.arca-settings { border:1px solid #d7e2d2; background:#fffefa; }.arca-settings>summary { padding:.75rem .9rem; color:#1e5948; font-weight:800; cursor:pointer; }.arca-settings .connection-form { padding:0 .9rem 1rem; }.arca-test-form { display:grid; grid-template-columns:minmax(210px,.7fr) auto 1fr; gap:.65rem; align-items:end; padding:.8rem; background:#edf5e8; }.arca-test-form small { align-self:center; color:#617168; font-size:.75rem; }
@media(max-width:760px){.arca-panel>header{display:grid}.arca-panel-summary{grid-template-columns:1fr}.arca-panel-summary span+span{border-left:0;border-top:1px solid #dae4d5}.arca-test-form{grid-template-columns:1fr}.arca-test-form small{align-self:auto}}
.arca-chip { padding:.18rem .42rem; border:1px solid #b9d8c5; background:#edf8ef; color:#246040; font:800 .64rem ui-sans-serif,system-ui,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.arca-mapping-panel { margin-top:1rem; }.arca-mapping-intro { display:grid; gap:.3rem; padding:.85rem 1rem; border-bottom:1px solid #dce6d8; background:#f0f6ec; }.arca-mapping-intro strong { color:#1e5744; font-size:.86rem; }.arca-mapping-intro span { color:#617168; font-size:.78rem; line-height:1.45; }.arca-mapping-list { display:grid; }.arca-mapping-list form { display:grid; grid-template-columns:minmax(165px,.8fr) minmax(250px,1.4fr) auto; gap:.8rem; align-items:end; padding:.85rem 1rem; border-bottom:1px solid #e1e7de; }.arca-mapping-list form:last-child { border-bottom:0; }.arca-mapping-list form>div { display:grid; gap:.2rem; padding-bottom:.45rem; }.arca-mapping-list form>div small { color:#6a786f; font-size:.7rem; }.arca-mapping-list label { gap:.3rem; color:#264639; font-size:.76rem; }.arca-mapping-list label small { color:#6a786f; font-size:.68rem; line-height:1.35; }.arca-mapping-list .button { min-height:42px; white-space:nowrap; }
@media(max-width:760px){.arca-mapping-list form{grid-template-columns:1fr;align-items:stretch}.arca-mapping-list form>div{padding-bottom:0}.arca-mapping-list .button{width:100%}}
.arca-mapping-intro>small { color:#7a643a; font-size:.72rem; line-height:1.4; }

/* A CUIT-only flow is an identity check, not a shortened multi-step form. */
.brand-form-shell.is-cuit-only { min-height:100vh; padding-top:clamp(.8rem,3vw,1.5rem); }
.brand-form-shell.is-cuit-only .brand-form-header { width:min(620px,100%); min-height:68px; }
.brand-form-shell.is-cuit-only .brand-form-card { width:min(620px,100%); margin:clamp(1.3rem,4vw,2.6rem) auto; padding:clamp(1.55rem,4.2vw,2.5rem); }
.brand-form-shell.is-cuit-only .brand-form-card h1 { max-width:12ch; font-size:clamp(2.45rem,5vw,3.65rem); }
.brand-form-shell.is-cuit-only .brand-form-heading { margin-bottom:1.3rem; }
.brand-public-form.is-cuit-only { gap:1rem; }
.brand-public-form.is-cuit-only .brand-form-sections { display:block; }
.brand-public-form.is-cuit-only .brand-form-section { display:block; padding:0; border:0; }
.brand-public-form.is-cuit-only .brand-form-fields { display:block; }
.brand-public-form.is-cuit-only .arca-cuit-field { display:grid; gap:.55rem; }
.arca-identity-confirmation { display:grid; gap:.35rem; margin-top:.25rem; padding:1rem; border:1px solid #bbd9c2; border-radius:.7rem; background:#eef8ef; color:#234d34; }
.arca-identity-confirmation span { color:#477357; font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.arca-identity-confirmation strong { font-size:.95rem; }
.arca-identity-confirmation p { margin:0; color:#547363; font-size:.76rem; line-height:1.4; }
.arca-identity-confirmation small { color:#587263; font-size:.76rem; line-height:1.35; }
.arca-identity-confirmation dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; margin:.2rem 0 0; }
.arca-identity-confirmation dl div { min-width:0; padding:.6rem .65rem; border:1px solid #cde2d0; border-radius:.45rem; background:rgba(255,255,255,.58); }
.arca-identity-confirmation dt { color:#557562; font-size:.62rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.arca-identity-confirmation dd { margin:.2rem 0 0; color:#234d34; font-size:.76rem; font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
.arca-autofill-field input { border-style:dashed !important; background:#eff8f0 !important; color:#254d35; font-weight:700; }
.arca-autofill-field>span em { margin-left:auto; padding:.13rem .32rem; border-radius:.25rem; background:#dceddc; color:#37704d; font-size:.57rem; font-style:normal; font-weight:800; letter-spacing:.06em; }

/* Keep shared public forms calm and neutral; brand colors belong to the identity and actions. */
.brand-form-shell { background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary) 6%,#f8f9f6),#edf0ec); }
.brand-form-shell::before { display:none; }
.brand-form-header { color:var(--brand-ink); border-bottom-color:color-mix(in srgb,var(--brand-primary) 18%,transparent); }
.brand-form-card { border:1px solid rgba(22,34,28,.08); box-shadow:0 20px 48px rgba(22,34,28,.12); }
@media(max-width:620px){.brand-form-shell.is-cuit-only .brand-form-card{margin:1rem auto;padding:1.3rem}.brand-form-shell.is-cuit-only .brand-form-card h1{font-size:clamp(2.3rem,12vw,3.25rem)}.arca-identity-confirmation dl{grid-template-columns:1fr}}
.sidebar-logout { margin-top:.55rem; }.sidebar-logout button { padding:0; border:0; background:transparent; color:#f9c58f; font:700 .72rem "Fustat",ui-sans-serif,sans-serif; cursor:pointer; }
.approval-routing-panel .connection-form { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; }.approval-routing-panel .connection-form>button { align-self:end; }.approval-routing-panel select[multiple] { min-height:8.2rem; }.approval-route { padding:.7rem; border-left:3px solid #f0b35c; background:#fff8e9; color:#5d6f64; font-size:.8rem; line-height:1.4; }
.approval-routing-form { display:grid; gap:1rem; padding:1rem; }.approval-area-select { max-width:420px; }.approval-picker-heading { display:flex; justify-content:space-between; gap:1rem; align-items:start; margin-bottom:.65rem; }.approval-picker-heading strong,.approval-picker-heading small { display:block; }.approval-picker-heading small { margin-top:.18rem; color:#687970; font-size:.73rem; }.approval-picker-heading>span { padding:.25rem .45rem; border-radius:99px; background:#e7f0e4; color:#376046; font-size:.67rem; font-weight:800; }.approval-choice-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(225px,1fr)); gap:.55rem; }.approval-choice { display:grid !important; grid-template-columns:auto minmax(0,1fr); gap:.65rem; align-items:center; min-height:64px; padding:.7rem; border:1px solid #d9e4d5; border-radius:.65rem; background:#fffefa; cursor:pointer; }.approval-choice:has(input:checked) { border-color:#246044; background:#eff8ec; box-shadow:0 0 0 2px rgba(36,96,68,.08); }.approval-choice input { width:1rem; height:1rem; accent-color:#246044; }.approval-choice strong,.approval-choice small { display:block; }.approval-choice small { margin-top:.18rem; color:#697970; font-size:.69rem; line-height:1.35; }
@media(max-width:620px){.approval-picker-heading{align-items:flex-start;flex-direction:column;gap:.35rem}.approval-choice-grid{grid-template-columns:1fr}}

/* Employee links portal: quick scanning, large tap targets, and a clear group hierarchy. */
.links-portal { min-height:100vh; background:linear-gradient(145deg,#f7f7e9 0%,#edf2eb 55%,#f8ecdc 130%); color:#193f33; }
.links-portal-topbar { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.1rem max(1.4rem,calc((100vw - 1180px)/2)); background:#193f33; color:#f7f7e7; }.links-portal-topbar>div { display:grid; grid-template-columns:auto auto; align-items:center; justify-items:end; gap:.1rem .7rem; font-size:.79rem; }.links-portal-topbar small { color:#d2e0d2; }.portal-logout { grid-row:1 / span 2; grid-column:2; }.portal-logout button { border:1px solid rgba(247,247,231,.4); border-radius:99px; background:transparent; color:#f7f7e7; padding:.4rem .62rem; font:700 .68rem "Fustat",sans-serif; cursor:pointer; }
.links-portal-hero { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:2rem; align-items:end; width:min(1180px,calc(100% - 3rem)); margin:0 auto; padding:clamp(3.2rem,7vw,6.2rem) 0 2.7rem; }.links-portal-hero .tag { color:#c85d40; font-weight:800; }.links-portal-hero h1 { max-width:11ch; margin:.4rem 0 1.1rem; font:800 clamp(3.1rem,6vw,5.8rem)/.9 "Fustat",sans-serif; letter-spacing:-.075em; }.links-portal-hero p:not(.tag) { max-width:58ch; margin:0; color:#5e7065; font-size:1.02rem; line-height:1.55; }.links-portal-hero aside { display:grid; gap:.2rem; align-content:end; min-height:150px; padding:1.3rem; border-radius:1rem; background:#f9a551; color:#193f33; }.links-portal-hero aside strong { font:800 4rem/.85 "Fustat",sans-serif; letter-spacing:-.08em; }.links-portal-hero aside span { font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.links-portal-content { display:grid; gap:1.25rem; width:min(1180px,calc(100% - 3rem)); margin:0 auto; padding:0 0 3.5rem; }.links-portal-group { overflow:hidden; border:1px solid #d7e1d4; border-radius:1rem; background:rgba(255,255,250,.86); box-shadow:0 12px 30px rgba(28,57,43,.06); }.links-portal-group>header { display:flex; justify-content:space-between; align-items:end; gap:2rem; padding:1.35rem 1.45rem; border-bottom:1px solid #e0e7dd; }.links-portal-group header .tag { margin:0; color:#c15c42; font-size:.68rem; font-weight:800; letter-spacing:.08em; }.links-portal-group h2 { margin:.28rem 0 0; font:800 clamp(1.45rem,2vw,2rem)/1 "Fustat",sans-serif; letter-spacing:-.04em; }.links-portal-group>header>p { max-width:42ch; margin:0; color:#687970; font-size:.83rem; line-height:1.45; }.portal-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }.portal-link-card { position:relative; display:grid; grid-template-columns:44px minmax(0,1fr); grid-template-rows:auto auto; column-gap:.8rem; min-height:118px; padding:1.1rem; border-right:1px solid #e4e9e2; border-bottom:1px solid #e4e9e2; color:#193f33; text-decoration:none; transition:background .18s ease,transform .18s ease; }.portal-link-card:hover { z-index:1; background:#193f33; color:#f7f7e7; transform:translateY(-2px); box-shadow:0 12px 22px rgba(25,63,51,.2); }.portal-link-icon { display:grid; grid-row:1 / span 2; width:44px; height:44px; place-items:center; border-radius:.7rem; background:#eaf2e8; color:#193f33; font:800 1.05rem "Fustat",sans-serif; }.portal-link-card:hover .portal-link-icon { background:#f9a551; }.portal-link-copy { min-width:0; }.portal-link-copy strong,.portal-link-copy small { display:block; }.portal-link-copy strong { font-size:.92rem; }.portal-link-copy small { margin-top:.25rem; color:#718077; font-size:.73rem; line-height:1.35; }.portal-link-card:hover .portal-link-copy small { color:#d6e2d5; }.portal-link-open { align-self:end; color:#c65f43; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }.portal-link-card:hover .portal-link-open { color:#f9c58f; }.portal-link-card i { position:absolute; right:0; bottom:0; width:0; height:3px; background:#f9a551; transition:width .2s ease; }.portal-link-card:hover i { width:100%; }.links-portal footer { display:flex; justify-content:space-between; width:min(1180px,calc(100% - 3rem)); margin:0 auto; padding:1.4rem 0 2rem; border-top:1px solid #d9e1d5; color:#6a796f; font-size:.8rem; }.links-portal footer a { color:#193f33; font-weight:800; }
@media(max-width:850px){.portal-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.links-portal-topbar{align-items:flex-start;flex-direction:column}.links-portal-topbar>div{justify-items:start}.portal-logout{grid-column:2}.links-portal-hero{grid-template-columns:1fr;width:min(100% - 2rem,1180px);padding:3rem 0 2rem}.links-portal-hero aside{min-height:0;grid-template-columns:auto 1fr;align-items:center}.links-portal-hero aside strong{font-size:3rem;grid-row:1 / span 2}.links-portal-content,.links-portal footer{width:min(100% - 2rem,1180px)}.links-portal-group>header{align-items:flex-start;flex-direction:column;gap:.65rem;padding:1.15rem}.portal-link-grid{grid-template-columns:1fr}.portal-link-card{border-right:0}.links-portal footer{align-items:flex-start;flex-direction:column;gap:.7rem}}