.issues-page{max-width:1000px;margin:auto}.issues-intro{display:flex;align-items:center;gap:18px;border-radius:22px;background:#2e4057;color:#fffaf3;padding:25px;margin-bottom:20px}.issues-intro h2{color:inherit;margin:0 0 8px;font-size:1.4rem}.issues-intro p{margin:0;color:#e0e9ed}.issues-symbol{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:18px;background:#faf2a1;color:#2e4057}.issues-symbol svg{width:30px;height:30px}.issue-badges,.issue-list-heading,.issue-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.issue-toolbar{margin-bottom:18px}.issue-toolbar button{display:flex;align-items:center;gap:8px}.issue-form{margin-bottom:24px}.issue-card form,.issue-form form{display:grid;gap:15px}.issue-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.issues-page input,.issues-page select,.issues-page textarea{width:100%;min-width:0}.issue-list-heading{justify-content:space-between;margin:26px 0 16px}.issue-filter{display:flex;align-items:center;gap:10px}.issue-list{display:grid;gap:16px}.issue-card{border-radius:20px;overflow-wrap:anywhere}.issue-card h3{font-size:1.2rem;margin:15px 0 8px}.issue-badges{font-size:.8rem}.issue-status{border-radius:20px;padding:6px 12px;background:#faf2a1;color:#2e4057;font-weight:700}.issue-status.in_progress{background:#dce7e9}.issue-status.resolved{background:#dcf0e2;color:#225336}.issue-urgent{border-inline-start:5px solid #b84425}.issue-urgent-label{color:#98371f;font-weight:700}.issue-response{background:#eef3f3;border-radius:14px;padding:16px;margin:16px 0}.issue-card form{margin-top:20px;padding-top:18px;border-top:1px solid #d9e0df}.issue-urgent-help{padding:14px;background:#fff0d8;border-radius:12px;color:#653b14}.issue-empty{text-align:center;padding:35px}.issue-alert{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mobile-shell .employee-shortcuts button:last-child{background:#759aab;color:#172333;border-color:#759aab}@media(max-width:600px){.issue-form-grid{grid-template-columns:1fr}.issues-intro{padding:20px;align-items:flex-start}.issues-intro h2{font-size:1.15rem}.issue-toolbar button{font-size:.85rem}.issue-list-heading h2{font-size:1.2rem}.issue-card,.issue-form{padding:20px}.issue-filter{width:100%}}.integration-intro{padding:2rem;border-radius:1.2rem;background:var(--brand-soft,#f5e7db);margin-bottom:1.5rem}.integration-intro h2{max-width:650px;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15}.integration-steps{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.integration-steps span{background:#ffffffb8;padding:.5rem .9rem;border-radius:2rem;font-weight:600;font-size:.85rem}.integration-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:1.25rem;align-items:start}.integration-directory{position:sticky;top:1rem}.integration-platforms{max-height:550px;overflow:auto;display:grid;gap:.4rem;margin-top:1rem}.integration-platform{display:block;text-align:start;background:transparent!important;color:inherit!important;border:1px solid transparent!important;box-shadow:none!important;padding:.8rem!important}.integration-platform small,.integration-table small{display:block;font-size:.76rem;margin-top:.25rem;opacity:1;color:var(--text,#34445a)}.integration-platform.selected{background:var(--brand-soft,#f5e7db)!important;border-color:var(--brand-primary,#a36c4e)!important}.integration-detail>h2{margin-top:.2rem}.integration-detail>p{margin-top:1rem}.integration-panel{margin:1.25rem 0;padding:1.25rem;background:var(--surface,#faf9f6);border:1px solid #d8d8d866;border-radius:.9rem}.integration-panel summary{cursor:pointer;font-weight:700}.integration-panel form{margin-top:1rem}.integration-tip{padding:1rem;border-inline-start:3px solid var(--brand-primary,#a36c4e);background:#f8f6f2}.integration-preview{padding:1.25rem;border:2px solid var(--brand-primary,#a36c4e);border-radius:1rem;margin:1rem 0}.integration-table{overflow:auto;max-height:420px;margin:1rem 0}.integration-table table{width:100%;border-collapse:collapse;font-size:.88rem}.integration-table td,.integration-table th{text-align:start;padding:.65rem;border-bottom:1px solid #ddd}.integration-table th{position:sticky;top:0;background:var(--surface,#fff)}.integration-table input{min-width:90px;max-width:130px}.integration-hub>.card{margin-top:1.5rem}.integration-detail button{margin-block:.4rem;margin-inline:0 .4rem}.integration-panel small{display:block}.integration-detail label.check{margin-top:1rem}@media(max-width:850px){.integration-layout{grid-template-columns:1fr}.integration-directory{position:static}.integration-platforms{max-height:240px;grid-template-columns:repeat(2,minmax(0,1fr))}.integration-intro{padding:1.25rem}.integration-panel,.integration-preview{padding:.8rem}}.integration-platform-name,.integration-provider-heading{display:flex;align-items:center;gap:.8rem}.integration-provider-heading{margin:.5rem 0 1rem}.integration-connect{margin:1.4rem 0;padding:1.4rem;border:1px solid var(--brand-primary,#a36c4e);border-radius:1rem;background:var(--brand-soft,#f5e7db)}.integration-connect h3{margin:.8rem 0 .5rem}.integration-connect p{max-width:620px}.integration-connect small{display:block;max-width:620px;margin:.8rem 0;line-height:1.6}.integration-connect>button{margin-top:.8rem;min-height:44px}.integration-connect .pill{background:#fff;color:#222}@media(max-width:500px){.integration-connect{padding:1rem}.integration-connect>button{width:100%}.integration-provider-heading{font-size:1.7rem}}.integration-logo{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;background:#fff;border:1px solid #e4e8eb;border-radius:10px;overflow:hidden}.integration-logo img{display:block;object-fit:contain;max-width:100%;max-height:100%}.integration-platform-name strong{min-width:0;overflow-wrap:anywhere}.integration-platform small{margin-inline-start:52px}.platform-portal{display:grid;gap:24px}.portal-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border-radius:24px;background:linear-gradient(120deg,#2e4057,#2e4057);color:white}.portal-hero h2{font-size:clamp(24px,3vw,36px);color:white;margin:10px 0}.portal-hero p{color:#f4f1e9}.portal-hero .eyebrow{color:#f4b9b2}.portal-hero button{background:#fff;color:#2e4057;white-space:nowrap}.portal-metrics,.portal-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.portal-metrics article{display:grid;gap:6px;padding:24px;background:#fff;border:1px solid #f4f1e9;border-radius:20px}.portal-metrics strong{font-size:32px;color:#2e4057}.portal-metrics span{color:#526174}.portal-clients,.portal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portal-clients .card{min-width:0}.portal-client-stats{display:flex;gap:24px;padding:16px 0}.portal-client-stats strong{display:block;font-size:24px;color:#2e4057}.portal-search{max-width:550px}.portal-create{border:2px solid #2e4057}.portal-portal details{padding:12px}.platform-portal summary{cursor:pointer;margin-top:16px;font-weight:600}.portal-plans .card{border-top:5px solid #2e4057}.portal-plans h2{font-size:32px}@media(max-width:650px){.portal-hero{align-items:stretch;flex-direction:column;padding:24px}.portal-clients,.portal-fields,.portal-plans{grid-template-columns:1fr}.portal-metrics{gap:8px}.portal-metrics article{padding:12px}.portal-metrics strong{font-size:25px}.portal-metrics span{font-size:12px}}