#stormWatchPage .storm-coverage-card{padding:20px;background:white;border:1px solid #dce3ea;border-radius:12px;margin:12px 0}
.storm-coverage-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.storm-coverage-card-head h3{margin:0;font-size:18px}
.storm-coverage-new{font-size:12px;border-radius:20px;padding:5px 10px;background:#e9eff5;color:#244965}
.storm-coverage-relationship{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #e2e8f0}.storm-coverage-relationship span{font-size:13px;color:#64748b}
#stormWatchEmpty[hidden],#stormCoverageSetup[hidden]{display:none!important}
#stormCoverageMessage:empty{display:none}.storm-coverage-feed{color:#64748b;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:700px){#stormWatchPage .storm-coverage-controls{align-items:stretch;flex-direction:column}#stormWatchPage .storm-coverage-card{padding:16px}.storm-coverage-card-head{align-items:start}.storm-coverage-card-head h3{font-size:16px}}
#stormMapPage{padding:24px;max-width:1500px;margin:auto}.storm-planner-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.storm-planner-head h1{margin:4px 0 12px;font-size:28px}.storm-demo-banner{background:#fff3db;border:1px solid #e8bd62;border-radius:10px;padding:14px;font-weight:700;color:#7c4b00}.storm-planner-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;margin-top:20px}.storm-map-canvas{height:600px;border-radius:14px;border:1px solid #cbd5e1;background:#e6edf4}.storm-map-legend{font-size:13px;line-height:1.7;color:#475569}.storm-planner-form{background:#f0f4f8;padding:20px;border:1px solid #d4dee8;border-radius:14px}.storm-planner-form h2{font-size:20px;margin-top:0}.storm-planner-form label{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:14px}.storm-planner-form input:not([type=checkbox]),.storm-planner-form select{width:100%;box-sizing:border-box;min-height:42px;padding:9px;border:1px solid #bccbd8;border-radius:7px;background:white}.storm-planner-form p{font-size:13px;line-height:1.55}.storm-planner-form fieldset{border:1px solid #cbd5e1;margin:18px 0;border-radius:8px}.storm-planner-form fieldset label{flex-direction:row;align-items:center}.storm-planner-form button{min-height:42px}.storm-saved-details{margin:24px 0;padding:18px;background:white;border:1px solid #d4dee8;border-radius:12px}.storm-saved-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #e2e8f0;font-size:13px}.storm-saved-row span{color:#475569}#stormMapPage [hidden]{display:none!important}#stormSavedRows{max-height:360px;overflow:auto}#stormCampaignStatus{overflow-wrap:anywhere}
@media(max-width:1000px){.storm-planner-grid{grid-template-columns:1fr}.storm-map-canvas{height:480px}.storm-planner-form{max-width:none}}@media(max-width:600px){#stormMapPage{padding:14px}.storm-planner-head{flex-direction:column}.storm-map-canvas{height:360px}.storm-saved-row{grid-template-columns:1fr;gap:4px}.storm-planner-form{padding:16px}}
.storm-watch-actions{display:flex;flex-wrap:wrap;gap:8px}#stormWatchPage .storm-coverage-card button{min-height:40px}

#stormWatchPage .storm-coverage-card{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:stretch}.storm-map-thumbnail{display:block;position:relative;width:100%;min-height:210px;overflow:hidden;border:1px solid #c8d6e1;border-radius:10px;background:#e6edf3;box-sizing:border-box;align-self:stretch}.storm-map-thumbnail img,.storm-map-thumbnail svg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.storm-map-thumbnail svg{pointer-events:none;clip-path:inset(0 0 20px 0)}.storm-thumbnail-review{position:absolute;top:12px;left:12px;z-index:2;border-radius:20px;background:rgba(255,255,255,.96);color:#244965;font-size:12px;font-weight:700;padding:6px 12px;box-shadow:0 1px 5px #0002}.storm-thumbnail-status{position:absolute;bottom:26px;left:8px;right:8px;z-index:1;color:#475569;font-size:12px}.storm-coverage-card-copy{min-width:0}.storm-coverage-card-copy>p{line-height:1.5}.storm-card-view{flex-shrink:0;margin-left:12px}.storm-coverage-card-copy details{max-height:260px;overflow:auto}.storm-coverage-card-copy>button{margin-right:8px}@media(max-width:900px){#stormWatchPage .storm-coverage-card{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:650px){#stormWatchPage .storm-coverage-card{grid-template-columns:1fr;gap:16px}.storm-map-thumbnail{height:220px;min-height:220px}}

/* Notification pattern A and setup pattern C. */
.sq-notice,#platformStatus,.coverage-layout [data-message],#stormCampaignStatus{display:flex;align-items:center;gap:12px;padding:14px 18px;margin:16px 0;border:1px solid #cfe1f7;border-radius:10px;background:#eff6ff;color:#244965;font-size:14px;line-height:1.5;overflow-wrap:anywhere;box-sizing:border-box}
.sq-notice::before,#platformStatus::before,.coverage-layout [data-message]::before,#stormCampaignStatus::before{content:"i";display:flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border:2px solid currentColor;border-radius:50%;font-weight:700;font-size:14px}
.sq-notice-error,#platformStatus.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}
.sq-notice:empty,#platformStatus:empty,.coverage-layout [data-message]:empty,#stormCampaignStatus:empty{display:none}
#stormWatchPage [hidden]{display:none!important}
#stormCoverageSetup.storm-setup-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;background:white;border:1px solid #dce3ea;border-radius:12px;min-height:320px;box-sizing:border-box}
.storm-setup-art{width:240px;max-width:100%;height:130px;margin-bottom:12px}
.storm-setup-empty h3{font-size:24px;line-height:1.25;color:#172b40;margin:0 0 10px}
.storm-setup-empty p{font-size:15px;line-height:1.6;color:#64748b;margin:0 0 22px}
.storm-setup-empty button{min-height:44px;padding:12px 22px}
@media(max-width:600px){#stormCoverageSetup.storm-setup-empty{padding:32px 18px}.storm-setup-empty h3{font-size:21px}.sq-notice,#platformStatus,.coverage-layout [data-message],#stormCampaignStatus{padding:12px 14px}}