/* Tee Time Social admin marketing v196 - templates + shared media library */
.sidebar-nav button[data-tts-marketing-button="true"]{display:block!important;visibility:visible!important;opacity:1!important}
.tts-marketing-page{width:100%;min-width:0}.marketing-v196{display:grid;gap:20px;min-width:0}.marketing-v196 *{box-sizing:border-box}
.marketing-v196-header{margin-bottom:18px}.marketing-v196-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.marketing-v196-stats article{border:1px solid #d9e0da;border-radius:18px;padding:18px 20px;background:#fffaf0}.marketing-v196-stats strong{display:block;font-size:30px;line-height:1;color:#064d42;margin-bottom:8px}.marketing-v196-stats span{font-size:13px;color:#6f7874}
.marketing-v196-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:7px;background:#edf3ef;border:1px solid #d7e0d9;border-radius:16px;width:max-content;max-width:100%}.marketing-v196-tabs button{border:0;background:transparent;color:#40514b;border-radius:11px;padding:10px 15px;font:inherit;font-weight:800;cursor:pointer}.marketing-v196-tabs button.active{background:#064d42;color:#fff;box-shadow:0 4px 14px rgba(6,77,66,.16)}
.marketing-v196-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.85fr);gap:20px;align-items:start;min-width:0}.marketing-v196-editor{display:grid;gap:20px;min-width:0}.marketing-v196-card{min-width:0}.marketing-v196-card h2,.marketing-v196-card h3{margin:0 0 8px;color:#064d42}.marketing-v196-card h2{font-size:34px}.marketing-v196-card h3{font-size:25px}.marketing-v196-card-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.marketing-v196-card-head>div:first-child{min-width:0}
.marketing-v196-muted{color:#68736e;line-height:1.55}.marketing-v196-form{display:grid;gap:14px;margin-top:18px}.marketing-v196-field{display:grid;gap:7px}.marketing-v196-field label{font-size:13px;font-weight:800;color:#064d42}.marketing-v196-field small{font-size:11px;color:#7b8580;line-height:1.45}.marketing-v196-field input,.marketing-v196-field textarea,.marketing-v196-field select,.marketing-v196-audience-search{width:100%;border:1px solid #cdd7d0;border-radius:12px;padding:12px 13px;background:#fffaf0;color:#173f35;font:inherit}.marketing-v196-field textarea{min-height:100px;resize:vertical}.marketing-v196-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.marketing-v196-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.marketing-v196-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9d4cd;border-radius:999px;background:#fffdf8;color:#064d42!important;text-decoration:none!important;padding:11px 17px;font:inherit;font-weight:800;cursor:pointer;line-height:1.1}.marketing-v196-btn.primary{background:#f24f5a;border-color:#f24f5a;color:#fff!important}.marketing-v196-btn.green{background:#064d42;border-color:#064d42;color:#fff!important}.marketing-v196-btn.danger{border-color:#f0c9ca;color:#a72d38!important;background:#fff7f5}.marketing-v196-btn:disabled{opacity:.55;cursor:not-allowed}
.marketing-v196-status{display:none;padding:12px 14px;border-radius:12px;font-weight:700}.marketing-v196-status.show{display:block}.marketing-v196-status.ok{background:#eef6ef;color:#075d4d}.marketing-v196-status.error{background:#fff0ed;color:#a72d38}
.marketing-v196-preview-wrap{position:sticky;top:20px;min-width:0}.marketing-v196-preview{display:block;width:100%;max-width:100%;height:760px;border:1px solid #d4ddd6;border-radius:18px;background:#fff}
.marketing-v196-sendbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;margin-top:14px}.marketing-v196-warning{padding:12px 14px;border-radius:12px;background:#fff7e8;border:1px solid #f2dfb6;color:#715a24;font-size:13px;line-height:1.5}.marketing-v196-audience-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:14px 0 12px}.marketing-v196-audience-search{max-width:360px;border-radius:999px}.marketing-v196-recips{display:grid;gap:8px;max-height:330px;overflow:auto;padding-right:4px}.marketing-v196-recipient{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #e0e6e1;border-radius:12px;background:#fff}.marketing-v196-recipient input{accent-color:#f24f5a}.marketing-v196-recipient strong{display:block;color:#064d42}.marketing-v196-recipient small{display:block;color:#707a76;margin-top:2px}.marketing-v196-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eef4ed;color:#064d42;font-size:11px;font-weight:800}.marketing-v196-send-actions{margin-top:16px}
.marketing-v196-history{display:grid;gap:9px}.marketing-v196-history-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #ecefe9}.marketing-v196-history-row:last-child{border-bottom:0}.marketing-v196-history-row strong{display:block;color:#064d42}.marketing-v196-history-row span{color:#6f7874;font-size:13px}
.marketing-v196-hero-control{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center;border:1px solid #dce3dd;background:#fff;border-radius:16px;padding:12px}.marketing-v196-hero-thumb{height:100px;border-radius:12px;overflow:hidden;background:#eff3ef;position:relative}.marketing-v196-hero-thumb img{width:100%;height:100%;object-fit:cover;display:none}.marketing-v196-hero-thumb span{height:100%;display:grid;place-items:center;text-align:center;padding:10px;color:#74807a;font-size:12px}.marketing-v196-hero-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.marketing-v196-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.marketing-v196-template-card{display:grid;grid-template-rows:auto 1fr auto;gap:12px;border:1px solid #dce3dd;border-radius:18px;padding:18px;background:#fff}.marketing-v196-template-card.selected{border-color:#f24f5a;box-shadow:0 0 0 2px rgba(242,79,90,.10)}.marketing-v196-template-icon{font-size:30px}.marketing-v196-template-body h3{font-size:20px!important;margin:7px 0 8px!important}.marketing-v196-template-body p{margin:0;color:#6b7671;font-size:13px;line-height:1.55}.marketing-v196-tag{display:inline-flex;border-radius:999px;background:#edf4ef;color:#064d42;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.marketing-v196-template-actions{display:flex;flex-wrap:wrap;gap:8px}
.marketing-v196-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.marketing-v196-media-card{border:1px solid #dce3dd;border-radius:18px;background:#fff;overflow:hidden;display:grid;grid-template-rows:auto auto auto}.marketing-v196-media-image{aspect-ratio:4/3;background:#eef3ef;overflow:hidden}.marketing-v196-media-image img{display:block;width:100%;height:100%;object-fit:cover}.marketing-v196-media-meta{padding:12px 13px 8px}.marketing-v196-media-meta strong{display:block;color:#064d42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marketing-v196-media-meta span{display:block;color:#7a8580;font-size:11px;margin-top:4px}.marketing-v196-media-actions{padding:8px 12px 13px;display:flex;flex-wrap:wrap;gap:7px}.marketing-v196-media-actions .marketing-v196-btn{padding:9px 12px;font-size:12px}
.marketing-v196-modal[hidden]{display:none}.marketing-v196-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}.marketing-v196-modal-backdrop{position:absolute;inset:0;background:rgba(10,37,31,.58);backdrop-filter:blur(2px)}.marketing-v196-modal-card{position:relative;width:min(920px,96vw);max-height:86vh;overflow:auto;background:#fffaf0;border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.28);padding:22px}.marketing-v196-modal-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:18px}.marketing-v196-modal-head h2{margin:0;color:#064d42}.marketing-v196-modal-close{border:0;background:#edf3ef;color:#064d42;width:40px;height:40px;border-radius:999px;font-size:25px;cursor:pointer}.marketing-v196-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.marketing-v196-picker-item{border:1px solid #dbe3dd;background:#fff;border-radius:15px;overflow:hidden;padding:0;cursor:pointer;text-align:left}.marketing-v196-picker-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eff3ef}.marketing-v196-picker-item span{display:block;padding:9px 10px;color:#064d42;font-weight:800;font-size:12px}.marketing-v196-picker-item:hover{border-color:#f24f5a}.marketing-v196-modal-footer{display:flex;justify-content:flex-end;margin-top:16px}
/* Marketing is an add-on route, so only it receives the coral active state. */
html.tts-marketing-route nav.sidebar-nav.app-nav button:not([data-tts-marketing-button="true"]),body.tts-marketing-route nav.sidebar-nav.app-nav button:not([data-tts-marketing-button="true"]){background:transparent!important;box-shadow:none!important}
html.tts-marketing-route nav.sidebar-nav.app-nav button[data-tts-marketing-button="true"],body.tts-marketing-route nav.sidebar-nav.app-nav button[data-tts-marketing-button="true"]{background:#f24f5a!important;color:#fff!important}
@media(max-width:1400px){.marketing-v196-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-v196-media-grid,.marketing-v196-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1280px){.marketing-v196-grid{grid-template-columns:1fr}.marketing-v196-preview-wrap{position:static}.marketing-v196-preview{height:720px}.marketing-v196-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.marketing-v196-template-grid,.marketing-v196-media-grid,.marketing-v196-picker-grid{grid-template-columns:1fr 1fr}.marketing-v196-card-head{flex-direction:column}.marketing-v196-hero-control{grid-template-columns:1fr}.marketing-v196-hero-thumb{height:180px}}
@media(max-width:720px){.marketing-v196-stats,.marketing-v196-two,.marketing-v196-sendbar{grid-template-columns:1fr}.marketing-v196-audience-toolbar{align-items:stretch;flex-direction:column}.marketing-v196-audience-search{max-width:none}.marketing-v196-recipient{grid-template-columns:auto 1fr}.marketing-v196-pill{grid-column:2}.marketing-v196-preview{height:650px}.marketing-v196-tabs{width:100%}.marketing-v196-tabs button{flex:1 1 45%}.marketing-v196-template-grid,.marketing-v196-media-grid,.marketing-v196-picker-grid{grid-template-columns:1fr}}

/* v199: admin sidebar visibility, logo, in-page dialogs and permanent media-library delete UX. */
.dashboard-shell .sidebar nav button,
.dashboard-shell .app-sidebar nav button,
.dashboard-shell .sidebar .sidebar-nav button,
.dashboard-shell .app-sidebar .app-nav button{
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  -webkit-text-fill-color:#fff!important;
}
.dashboard-shell .sidebar nav button:hover,
.dashboard-shell .app-sidebar nav button:hover,
.dashboard-shell .sidebar .sidebar-nav button:hover,
.dashboard-shell .app-sidebar .app-nav button:hover{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.11)!important;
  opacity:1!important;
}
.dashboard-shell .sidebar nav button.active:hover,
.dashboard-shell .app-sidebar nav button.active:hover,
.dashboard-shell .sidebar .sidebar-nav button.active:hover,
.dashboard-shell .app-sidebar .app-nav button.active:hover,
.dashboard-shell .sidebar nav button[data-tts-marketing-button="true"].active,
.dashboard-shell .app-sidebar nav button[data-tts-marketing-button="true"].active{
  background:#f24f5a!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.dashboard-shell .sidebar .tts-admin-sidebar-logo-v199,
.dashboard-shell .app-sidebar .tts-admin-sidebar-logo-v199,
aside.sidebar .tts-admin-sidebar-logo-v199,
aside.app-sidebar .tts-admin-sidebar-logo-v199{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:150px!important;
  max-width:78%!important;
  height:auto!important;
  min-height:0!important;
  object-fit:contain!important;
  margin:4px auto 22px!important;
  padding:0!important;
  filter:none!important;
  flex:0 0 auto!important;
}
.marketing-v199-page-dialog[hidden]{display:none!important}
.marketing-v199-page-dialog{position:fixed;top:0;right:0;bottom:0;z-index:100100;display:grid;place-items:center;padding:22px}
.marketing-v199-dialog-backdrop{position:absolute;inset:0;background:rgba(10,37,31,.48);backdrop-filter:blur(2px)}
.marketing-v199-dialog-card{position:relative;width:min(520px,calc(100vw - 44px));background:#fffaf0;border:1px solid #d9e0da;border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.25);padding:24px}
.marketing-v199-dialog-card h2{margin:4px 0 9px;color:#064d42;font-size:30px}
.marketing-v199-dialog-input{width:100%;border:1px solid #cdd7d0;border-radius:12px;padding:12px 13px;background:#fff;color:#173f35;font:inherit;margin:10px 0 2px}
.marketing-v199-dialog-input[hidden]{display:none!important}
.marketing-v199-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;flex-wrap:wrap}
/* Keep the existing image chooser visually inside the dashboard content, not over the sidebar. */
.marketing-v196-modal{right:0!important;width:auto!important}
@media(max-width:1024px){
  .dashboard-shell .sidebar .tts-admin-sidebar-logo-v199,
  .dashboard-shell .app-sidebar .tts-admin-sidebar-logo-v199,
  aside.sidebar .tts-admin-sidebar-logo-v199,
  aside.app-sidebar .tts-admin-sidebar-logo-v199{
    width:138px!important;
    max-width:72%!important;
    margin:max(34px,env(safe-area-inset-top)) auto 8px!important;
  }
  .dashboard-shell .sidebar nav,
  .dashboard-shell .app-sidebar nav,
  .dashboard-shell .sidebar .sidebar-nav,
  .dashboard-shell .app-sidebar .app-nav{
    margin-top:8px!important;
  }
  .marketing-v199-page-dialog,.marketing-v196-modal{left:0!important}
}


/* v200 - preserve the full artwork for ultra-wide uploaded campaign headers.
   Existing 4:3 Tee Time Social artwork keeps the original cover treatment. */
.marketing-v196-media-image.is-ultrawide{
  background:#fffaf0!important;
}
.marketing-v196-media-image.is-ultrawide img{
  object-fit:contain!important;
  object-position:center center!important;
}
.marketing-v196-picker-item.is-ultrawide img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#fffaf0!important;
}
/* The selected header thumbnail should always show the complete artwork. */
.marketing-v196-hero-thumb img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#fffaf0!important;
}