.sheets-titlebar{align-items:center;margin-bottom:20px}.sheets-titlebar h1{margin:5px 0 7px}.sheets-eyebrow,.sheets-step{color:#5078bd;font-size:10px;letter-spacing:1.3px;font-weight:800}.sheets-titlebar .muted{max-width:680px;margin:0}.sheets-status{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}.sheets-status i{width:8px;height:8px;border-radius:50%;background:currentColor}.sheets-status.is-on{color:#07845e;background:#e8f8f1}.sheets-status.is-paused{color:#8a6b18;background:#fff7dd}.sheets-panel{padding:24px;margin-bottom:18px}.sheets-setup-alert,.sheets-share-note{display:flex;align-items:flex-start;gap:15px;padding:18px 20px;margin-bottom:18px;border:1px solid #f3d89a;border-radius:15px;background:linear-gradient(110deg,#fff9e9,#fff)}.sheets-share-note{border-color:#cdece1;background:linear-gradient(110deg,#effaf5,#fff)}.sheets-alert-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#ffedc8;color:#9a6b08}.sheets-share-note .sheets-alert-icon{background:#d8f4e7;color:#0a8a64}.sheets-setup-alert strong,.sheets-share-note strong{display:block;color:#243450;font-size:14px}.sheets-setup-alert p,.sheets-share-note p{margin:5px 0;color:#6d7d93;font-size:12px;line-height:1.6}.sheets-share-note code{display:inline-block;padding:5px 8px;border-radius:7px;background:#e2f4eb;color:#187251;font-size:11px;overflow-wrap:anywhere}.sheets-connection-head{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #edf1f6}.sheets-file-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:linear-gradient(145deg,#17b982,#078960);color:#fff;font-size:20px;box-shadow:0 8px 18px #09a57430}.sheets-connection-title{flex:1;min-width:0}.sheets-connection-title small{font-size:9px;letter-spacing:1.2px;color:#8290a4;font-weight:800}.sheets-connection-title h2{margin:3px 0;color:#23324c;font-size:19px}.sheets-connection-title p{margin:0;color:#78879d;font-size:12px}.sheets-external-link{padding:9px 12px;border:1px solid #dce5f1;border-radius:10px;color:#3471c7;font-size:12px;font-weight:700}.sheets-sync-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:17px 0;border:1px solid #edf1f6;border-radius:12px;background:#fafcff}.sheets-sync-stats>div{padding:13px 15px;border-right:1px solid #edf1f6}.sheets-sync-stats>div:last-child{border:0}.sheets-sync-stats small{display:block;margin-bottom:6px;color:#8794a7;font-size:9px;letter-spacing:.6px;font-weight:750}.sheets-sync-stats strong{color:#2d3e59;font-size:13px}.sheets-connection-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sheets-connection-actions form{margin:0}.sheets-disconnect{background:#fff5f5!important;color:#bc4653!important;border:1px solid #f3d5d8!important}.sheets-sync-error{margin:12px 0;padding:12px 14px;border:1px solid #f1cfd1;border-radius:11px;background:#fff6f6;color:#a43842;font-size:12px}.sheets-sync-error p{margin:4px 0 0}.sheets-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.sheets-section-heading h2{margin:4px 0;color:#25344e;font-size:19px}.sheets-section-heading p{margin:0;color:#8190a5;font-size:12px}.sheets-readonly-badge{padding:8px 10px;border-radius:9px;background:#eff9f4;color:#24835f;font-size:11px;font-weight:700;white-space:nowrap}.sheets-mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sheets-map-field{display:flex;flex-direction:column;gap:7px;color:#556780;font-size:11px;font-weight:750}.sheets-map-field>span small{font-weight:500;color:#8794a7}.sheets-map-field .select,.sheets-map-field .input{width:100%;min-height:42px;border:1px solid #dce5f0;border-radius:10px;background:#fff;padding:9px 11px;color:#25344e;font-size:12px}.sheets-mapping-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-top:18px;padding-top:16px;border-top:1px solid #edf1f6}.sheets-frequency{display:flex;flex-direction:column;gap:7px;color:#556780;font-size:11px;font-weight:750}.sheets-frequency select{min-width:210px}.sheets-connect-form{display:grid;gap:15px}.sheets-connect-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px}.sheets-connect-panel>.sheets-section-heading{margin-bottom:20px}.sheets-howto{padding:18px 20px;border:1px solid #e1e9f3;border-radius:14px;background:#f8fbff;color:#73839a}.sheets-howto>div{display:flex;align-items:center;gap:9px;color:#2b405f;font-size:13px}.sheets-howto>div i{color:#db9a27}.sheets-howto p{margin:9px 0;color:#718198;font-size:12px;line-height:1.65}.sheets-howto>span{font-size:11px;color:#8a96a7}.sheets-howto code{color:#3e67a2}.sheets-workspace-picker{max-width:700px}.sheets-workspace-picker h2{margin:0;color:#24344f;font-size:19px}.sheets-workspace-picker p{color:#7d8ba1;font-size:12px}.sheets-inline-form{display:flex;gap:10px;max-width:500px}.sheets-inline-form .select{flex:1;min-width:0}
@media(max-width:800px){.sheets-panel{padding:18px}.sheets-mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sheets-sync-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sheets-sync-stats>div:nth-child(2){border-right:0}.sheets-sync-stats>div:nth-child(-n+2){border-bottom:1px solid #edf1f6}.sheets-connect-row{grid-template-columns:1fr 1fr}.sheets-connect-row .sheets-map-field:first-child{grid-column:1/-1}}
@media(max-width:560px){.sheets-titlebar{align-items:flex-start;flex-direction:column}.sheets-titlebar h1{font-size:25px}.sheets-setup-alert,.sheets-share-note{padding:14px}.sheets-mapping-grid,.sheets-connect-row{grid-template-columns:1fr}.sheets-connect-row .sheets-map-field:first-child{grid-column:auto}.sheets-mapping-footer{align-items:stretch;flex-direction:column}.sheets-frequency select{width:100%}.sheets-section-heading{align-items:flex-start}.sheets-readonly-badge{white-space:normal}.sheets-connection-head{flex-wrap:wrap}.sheets-external-link{margin-left:62px}.sheets-connection-actions{align-items:stretch;flex-direction:column}.sheets-connection-actions form,.sheets-connection-actions button{width:100%}.sheets-inline-form{align-items:stretch;flex-direction:column}}