/* Page-local November 8 mockup layout; shared chrome remains shell-owned. */
.app-page-integrations{background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif}
.app-page-integrations .app-main{max-width:none;padding:76px 32px 40px 46px}
.app-page-integrations .app-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 19px;padding:0;border:0}
.app-page-integrations .app-page-heading h1{font-size:42px;line-height:1.2;letter-spacing:-1.3px;color:#0b0d0c;margin:0}
.app-page-integrations .app-page-heading p{font-size:22px;line-height:1.25;color:#5d6571;margin:7px 0 0}
.app-page-integrations #catalog-custom{border:1.5px solid #005e43;border-radius:11px;padding:12px 20px;color:#005b42;background:#fff;font-size:18px;font-weight:700;margin-top:7px}
#catalog-status:empty,#record-status:empty{display:none}
#catalog-status{font-size:14px;line-height:1.5;margin:0 0 8px;color:#53645c}
#catalog-status.error,#setup-result{color:#a32c26}
.provider-banner{display:flex;align-items:center;gap:24px;background:#e5f2ec;border:0;border-radius:14px;padding:12px 22px;min-height:76px;box-sizing:border-box}
.provider-banner strong{font-size:21px;line-height:1.3;color:#111;flex:1}
.provider-symbol{display:grid;place-items:center;width:65px;border-right:1px solid #b6ccc1;color:#008540;font-size:36px}
.provider-banner button{font-size:18px;padding:10px 20px}
.app-page-integrations .provider-settings-card{display:none}
.project-choice{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.project-choice label{margin:0;font-size:14px;color:#53645c}
.project-choice select{max-width:360px;flex:1}
.project-summary{display:flex;align-items:center;gap:16px;border-radius:12px;background:#edf6f1;padding:16px 20px;color:#53645c}
#project-summary-label{color:#005e43;font-weight:700}
.project-summary button{margin-left:auto}
.catalog-search-label{display:flex;align-items:center;gap:16px;margin:20px 0 20px -5px;border:1px solid #cfd1d6;border-radius:12px;height:56px;padding:0 20px;box-sizing:border-box}
.catalog-search-label>span{font-size:34px;line-height:1;color:#8c929b}
.catalog-search-label input{border:0!important;outline:0;background:transparent;font-size:19px;width:100%;min-width:0;padding:0!important;box-shadow:none!important;color:#1b2420}
.catalog-search-label:focus-within{outline:2px solid #00824a;outline-offset:2px}
.catalog-categories{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 38px -5px}
.catalog-categories button{border:1px solid #d7d8dc;border-radius:18px;padding:9px 21px;background:white;font-size:18px;color:#282b2a;line-height:1.25;min-height:42px}
.catalog-categories button[aria-pressed=true]{color:#fff;background:#00833f;border-color:#00833f;font-weight:600}
.app-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;margin:0 -10px 0 -16px}
.app-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:138px;border:1px solid #d9dadd;border-radius:14px;padding:14px 20px;box-sizing:border-box;background:#fff}
.app-icon{font:700 25px/1 Arial;color:#07874c;display:grid;place-items:center;width:54px;height:54px;border-radius:10px;background:#f0f6f3;overflow:hidden;align-self:center}
.app-icon img{width:54px;height:54px;object-fit:contain}
.app-icon-gmail{color:#d44538}.app-icon-github,.app-icon-notion{color:#111}.app-icon-slack{color:#36c5f0}.app-icon-stripe{background:#635bff;color:#fff;font-size:44px}
.app-card-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.app-card h2{font-size:20px;line-height:1.2;letter-spacing:-.5px;color:#101210;margin:0}
.app-card p{font-size:14px;line-height:1.45;margin:10px 0 0;color:#252728}
.app-card button{padding:6px 12px;white-space:nowrap;line-height:1.25;font-size:14px;font-weight:600;border-radius:9px;background:white}
.app-card .connect-app{border:1px solid #0c7650;color:#006044}
.app-card .manage-app{border:1px solid #c7c8cb;color:#222}
.catalog-badge{font-size:11px;padding:5px 9px;white-space:nowrap;background:#f1f2f4;border-radius:18px;color:#30353a}
.catalog-badge.connected{background:#e1f7e3;color:#00651c}
.catalog-coverage{font-size:13px;color:#6d7571;margin:24px 0 16px}
.catalog-empty{grid-column:1/-1;padding:40px;border:1px dashed #cfd8d2;border-radius:12px}
#stored-records{margin-top:30px;border-top:1px solid #e4e8e5;padding-top:20px}
#stored-records>summary{cursor:pointer;color:#006044;font-size:14px;font-weight:600}
#stored-records .panel{margin-top:20px}
.provider-dialog{border:1px solid #d1dad5;border-radius:16px;padding:28px;max-width:min(580px,calc(100vw - 32px));width:580px;box-sizing:border-box;color:#18271f;background:white;max-height:90vh;overflow:auto}
.provider-dialog::backdrop{background:#102b2066}
.provider-dialog h2{font-size:27px;margin:0 0 12px}
.provider-dialog p{font-size:14px;line-height:1.6;color:#627268}
.provider-dialog label{display:block;font-weight:600;margin:20px 0 8px}
.provider-dialog input,.provider-dialog select{display:block;width:100%;box-sizing:border-box;min-width:0;border:1px solid #c6cec9;border-radius:8px;padding:12px;font:inherit}
.provider-dialog a{color:#006943}
.dialog-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}
.provider-dialog button,.provider-settings-card button{padding:10px 18px;border:1px solid #c6cec9;border-radius:10px;font:inherit;background:#fff;color:#263a30}
.provider-dialog .primary,.provider-settings-card .primary,.provider-banner .primary{background:#007f50;border:1px solid #007f50;color:white;border-radius:11px}
.provider-settings-card{background:white;border:1px solid #d0d1d3;border-radius:12px;padding:24px}
.provider-settings-card h2{font-size:29px;letter-spacing:-.7px;margin:0 0 6px;line-height:1.25;color:#101211}
.provider-settings-card>p{font-size:19px;color:#5d616b;margin:0 0 28px;line-height:1.4}
.provider-settings-card label{font-size:18px;font-weight:600;margin:0 0 10px;display:block}
.provider-settings-card input{font:inherit;padding:14px 16px;box-sizing:border-box;border:1px solid #c6c7c9;border-radius:10px;min-width:0;max-width:100%;background:#fff;color:#343b36;font-size:20px;width:100%;margin:0 0 26px}
#provider-name{max-width:695px}
.provider-key-row{display:flex;align-items:flex-start;gap:20px}
.provider-key-row button{font-size:18px;white-space:nowrap;padding:14px 24px}
.provider-check-row{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.provider-check-row button{font-size:18px;font-weight:600;padding:14px 28px}
.provider-state{padding:10px 18px;background:#ecf5ef;color:#006543;border-radius:26px;font-size:18px;font-weight:600}
.provider-settings-card .provider-billing-note{font-size:17px;border-top:1px solid #d9dadd;padding-top:16px;margin:25px 0 5px}
@media(max-width:1250px){.app-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.app-card{min-height:138px}.app-page-integrations .app-main{padding:45px 28px}.provider-banner strong{font-size:18px}}
@media(max-width:760px){.app-page-integrations .app-main{padding:24px 18px}.app-page-integrations .app-page-heading{flex-direction:column}.app-page-integrations .app-page-heading h1{font-size:32px}.app-page-integrations .app-page-heading p{font-size:18px}.app-page-integrations #catalog-custom{font-size:15px}.provider-banner{gap:12px;padding:16px}.provider-symbol{display:none}.provider-banner strong{font-size:16px}.provider-banner button{font-size:15px;padding:9px 13px}.app-catalog{grid-template-columns:1fr;margin:0}.app-card{padding:18px;grid-template-columns:48px minmax(0,1fr) auto;gap:12px}.app-card h2{font-size:18px}.app-icon,.app-icon img{width:44px;height:44px}.app-card button{font-size:13px;padding:6px 8px}.catalog-categories{gap:8px;margin-bottom:24px}.catalog-categories button{font-size:14px;padding:8px 13px}.catalog-search-label{margin:24px 0 20px}.project-choice,.project-summary{align-items:flex-start;flex-direction:column}.project-summary button{margin-left:0}.provider-settings-card{padding:20px}.provider-settings-card h2{font-size:24px}.provider-settings-card>p{font-size:16px}.provider-key-row{flex-direction:column;gap:0}.provider-settings-card input{font-size:16px}.provider-check-row{gap:12px}.provider-check-row button{font-size:15px;padding:11px 16px}.provider-state{font-size:15px}}