/* Scope the integration surface: approved crisp frame uses a gray canvas and
   compact generic headings, so this pane owns its hierarchy and paper surface. */
.customer-app .main.account-view .own-system{max-width:960px;margin:0;background:#fff;color:#202124;--accent:#202124;--accent-dark:#111214;--link:#1967d2;font:400 14px/1.5 Geist,Arial,sans-serif}
.customer-app .main.account-view .own-system .own-system-heading{padding:0 0 32px;margin:0}
.customer-app .main.account-view .own-system .own-system-heading h2{font-size:30px!important;line-height:1.2!important;letter-spacing:-1px;font-weight:600!important;margin:0 0 10px!important}
.customer-app .main.account-view .own-system .own-system-heading p{font-size:15px!important;line-height:1.6;margin:0!important;color:#5f6368;max-width:600px}
.own-system-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.customer-app .main.account-view .own-system .own-system-choice{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:26px;border:1px solid #dadce0;border-radius:8px;background:#fff;box-shadow:none}
.own-system-choice-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:22px}
.customer-app .main.account-view .own-system svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.own-system-tag{font-size:11px;font-weight:550;letter-spacing:.04em;color:#5f6368;padding:3px 7px;background:#f5f5f5;border-radius:4px}
.customer-app .main.account-view .own-system .own-system-choice h3{font-size:19px!important;line-height:1.35;letter-spacing:-.4px;margin:0 0 8px!important;font-weight:600!important}
.customer-app .main.account-view .own-system .own-system-choice p{color:#5f6368;font-size:14px!important;line-height:1.6;margin:0 0 24px!important;max-width:290px}
.own-system-choice .v-button{margin-top:auto}
.customer-app .main.account-view .own-system .own-system-boundary{color:#5f6368;font-size:12px!important;line-height:1.6;margin:18px 0 0!important;max-width:680px}
.customer-app .main.account-view .own-system .own-system-panel{max-width:600px;border:1px solid #dadce0;border-radius:8px;padding:28px;background:#fff;box-shadow:none}
.own-system-panel>.v-link{display:block;margin:-10px 0 18px;padding:6px 0}
.own-system-step{display:block;font-size:12px;color:#5f6368;margin-bottom:8px}
.customer-app .main.account-view .own-system .own-system-panel h3{font-size:22px!important;line-height:1.3;letter-spacing:-.5px;font-weight:600!important;margin:0 0 24px!important}
.customer-app .main.account-view .own-system .own-system-intro{color:#5f6368;font-size:14px!important;line-height:1.6;margin:-12px 0 24px!important}
.own-system-form{display:grid;gap:20px;justify-items:start}
.customer-app .main.account-view .own-system .own-system-field{display:grid;width:100%;gap:8px;font-size:13px;font-weight:500;text-align:left}
.customer-app .main.account-view .own-system input,.customer-app .main.account-view .own-system select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;border:1px solid #dadce0;border-radius:5px;padding:11px 12px;background:#fff;color:#202124;font:400 14px/1.5 Geist,Arial,sans-serif;box-shadow:none}
.customer-app .main.account-view .own-system input:focus-visible,.customer-app .main.account-view .own-system select:focus-visible{outline:2px solid #1967d2;outline-offset:2px}
.customer-app .main.account-view .own-system input[aria-invalid=true]{border-color:#b3261e}
.own-system-field-error{font-size:12px;font-weight:400;color:#b3261e}
.own-system-field-error:empty{display:none}
.customer-app .main.account-view .own-system .own-system-scope-note{font-size:12px!important;color:#5f6368;line-height:1.6;margin:0!important}
.customer-app .main.account-view .own-system .v-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid #dadce0;border-radius:5px;background:#fff;color:#202124;font:500 13px/1.5 Geist,Arial,sans-serif;cursor:pointer;box-shadow:none!important}
.customer-app .main.account-view .own-system .v-button.primary{background:#202124!important;border-color:#202124!important;color:#fff!important}
.customer-app .main.account-view .own-system .v-button:hover:not(:disabled){background:#f5f5f5}
.customer-app .main.account-view .own-system .v-button.primary:hover:not(:disabled){background:#111214!important}
.customer-app .main.account-view .own-system button:disabled{opacity:.55;cursor:default}
.customer-app .main.account-view .own-system .v-link{border:0;background:none;padding:8px 0;font:500 13px/1.5 Geist,Arial,sans-serif;color:#1967d2;cursor:pointer;box-shadow:none}
.customer-app .main.account-view .own-system button:focus-visible,.customer-app .main.account-view .own-system summary:focus-visible{outline:2px solid #1967d2;outline-offset:3px}
.own-system-copy-line{display:flex;min-width:0;border:1px solid #dadce0;border-radius:5px;overflow:hidden;background:#fafafa}
.customer-app .main.account-view .own-system .own-system-copy-line input{border:0;border-radius:0;background:transparent;font-family:monospace;font-size:12px;text-overflow:ellipsis}
.own-system-copy{background:transparent;border:0;border-left:1px solid #dadce0;white-space:nowrap;padding:10px 12px;font:500 12px/1.5 Geist,Arial,sans-serif;color:#202124;cursor:pointer}
.own-system-key-note{font-size:12px;font-weight:400;color:#805900;margin:0 0 20px}
.own-system-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.customer-app .main.account-view .own-system .own-system-help{font-size:12px!important;line-height:1.6;color:#5f6368;margin:12px 0 0!important}
.own-system-feedback:empty{display:none}
.customer-app .main.account-view .own-system .own-system-feedback{font-size:13px!important;line-height:1.6;padding:10px 12px;margin:0 0 20px!important;background:#f5f5f5;border-radius:5px}
.own-system-code{margin-top:20px}
.own-system-code summary{cursor:pointer;font-size:13px;font-weight:500;min-height:36px;padding:8px 0;color:#5f6368}
.own-system-code pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace;background:#f7f7f7;padding:16px;border-radius:5px;margin:8px 0}
.own-system-code>.own-system-field{margin-top:20px}
.own-system-connections{margin-top:40px}
.own-system-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.customer-app .main.account-view .own-system .own-system-list-head h3{font-size:18px!important;letter-spacing:-.3px;font-weight:600!important;margin:0!important}
.own-system-row{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #ececec}
.own-system-row>div{flex:1;min-width:0}
.own-system-row strong{font-size:14px;overflow-wrap:anywhere}
.customer-app .main.account-view .own-system .own-system-row p{font-size:12px!important;color:#5f6368;margin:4px 0 0!important}
.own-system-status{font-size:12px;color:#5f6368;white-space:nowrap}
.own-system-status[data-state=tested]{color:#137333}
@media(max-width:760px){.customer-app .main.account-view .own-system .own-system-heading{padding-bottom:24px}.customer-app .main.account-view .own-system .own-system-heading h2{font-size:26px!important}.own-system-choices{gap:14px}.customer-app .main.account-view .own-system .own-system-choice{padding:20px}.customer-app .main.account-view .own-system .own-system-panel{padding:22px}.customer-app .main.account-view .own-system input,.customer-app .main.account-view .own-system select{font-size:16px}.customer-app .main.account-view .own-system .own-system-copy-line input{font-size:16px}.own-system-actions{gap:8px}.own-system-row{flex-wrap:wrap;gap:8px 16px}.own-system-row>div{flex-basis:100%}.own-system-row .v-link{margin-left:auto}}
@media(max-width:520px){.own-system-choices{grid-template-columns:1fr}.customer-app .main.account-view .own-system .own-system-choice{padding:20px}.own-system-choice-top{margin-bottom:14px}.customer-app .main.account-view .own-system .own-system-choice p{max-width:none;margin-bottom:18px!important}.customer-app .main.account-view .own-system .own-system-panel{padding:20px 16px}.own-system-copy-line{flex-direction:column}.own-system-copy{border-left:0;border-top:1px solid #dadce0;text-align:left;min-height:42px}.customer-app .main.account-view .own-system .own-system-panel h3{font-size:20px!important}.customer-app .main.account-view .own-system .own-system-heading h2{font-size:25px!important}.own-system-actions{flex-direction:column;align-items:stretch}}

.approved-product .vis.product:has(.own-system),.approved-product [data-artboard]:has(.own-system){background:#fff!important}
.own-system-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:28px 0 0;counter-reset:crm-flow}.own-system-flow li{min-width:0;counter-increment:crm-flow}.own-system-flow strong{display:block;font-size:13px;font-weight:500}.own-system-flow strong:before{content:counter(crm-flow) '. ';color:#5f6368}.own-system-flow span{display:block;font-size:12px;color:#5f6368;margin-top:5px}.customer-app .main.account-view .own-system .own-system-scope-help{font-size:13px!important;color:#5f6368;line-height:1.65;margin:-8px 0 0!important;max-width:52ch}@media(max-width:520px){.own-system-flow{grid-template-columns:1fr;gap:16px;margin-top:24px}}
