/* Afterhrs Radar v2.02 — creator portal mobile and functionality pass. */
body.creator-mode{overflow-x:hidden;background:#120d18!important;color:#f8f2f5!important}
body.creator-mode .shell,body.creator-mode main,body.creator-mode .view,body.creator-mode .panel,body.creator-mode .weekly-pad-reader,body.creator-mode .weekly-plan-link{min-width:0}
body.creator-mode main{width:100%;max-width:1180px!important;padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
body.creator-mode main>header{position:relative;min-height:80px!important;height:auto!important}
body.creator-mode #creator-logout-button{display:none!important}
body.creator-mode .sidebar{width:230px!important;background:#160f19!important;border-right:1px solid #3b2738!important}
body.creator-mode .sidebar nav{margin-top:24px!important;gap:6px!important}
body.creator-mode .sidebar .nav-item{min-height:46px!important;padding:11px 13px!important;font-size:15px!important}
body.creator-mode .sidebar .user-chip{min-width:0}
body.creator-mode .sidebar .user-chip>span:nth-child(2){min-width:0;overflow:hidden}
body.creator-mode .sidebar .user-chip strong,body.creator-mode .sidebar .user-chip small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}
body.creator-mode .sidebar-logout{min-height:46px;font-size:14px!important}
body.creator-mode #schedule-view,body.creator-mode #todo-view,body.creator-mode #resources-view,body.creator-mode #share-view,body.creator-mode #support-view{max-width:980px;margin-inline:auto}
body.creator-mode #schedule-view.active{grid-template-areas:"heading" "notepad"!important}
body.creator-mode #schedule-view>.weekly-plan-heading{grid-area:heading!important;order:0!important;align-items:flex-end!important;margin:18px 0 14px!important}
body.creator-mode #schedule-view>#weekly-schedule-notepad{grid-area:notepad!important;order:1!important}
body.creator-mode #schedule-view>.weekly-plan-heading h3{font-size:clamp(28px,4vw,34px)!important;line-height:1.08!important}
body.creator-mode #schedule-view>.weekly-plan-heading p{margin-top:8px!important;font-size:15px!important}
body.creator-mode .week-date-range{display:block;margin-top:8px;font-size:14px!important;color:#efc68a!important}
body.creator-mode .week-navigation{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body.creator-mode .week-navigation button{min-height:44px!important}
body.creator-mode #weekly-schedule-notepad{margin:0!important;border:1px solid #4a3044!important;border-radius:18px!important;background:#211723!important;box-shadow:0 20px 48px rgba(0,0,0,.3)!important}
body.creator-mode #weekly-schedule-notepad>.weekly-pad-heading{justify-content:flex-end!important;padding:16px 20px 0!important;border:0!important;background:transparent!important}
body.creator-mode #weekly-schedule-notepad>.weekly-pad-heading>div{display:none!important}
body.creator-mode .weekly-pad-access{min-height:30px;padding:6px 10px!important;border:1px solid #68465d!important;border-radius:999px!important;background:#302031!important;color:#efc68a!important;font-size:13px!important}
body.creator-mode .weekly-pad-reader{min-height:0!important;padding:24px clamp(18px,4vw,36px) 32px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;font-size:17px!important;line-height:1.75!important;color:#f8f2f5!important}
body.creator-mode .weekly-pad-reader a{color:#f98eab!important;text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}
body.creator-mode .weekly-plan-link{display:inline-flex;max-width:100%;align-items:center;flex-wrap:wrap;gap:7px}
body.creator-mode .weekly-plan-link button{min-height:32px!important;padding:5px 8px!important;border:1px solid #68465d!important;background:#302031!important;color:#eadde5!important;font-size:12px!important}
body.creator-mode .weekly-pad-empty{min-height:0!important;padding:24px!important;text-align:left!important}
body.creator-mode .weekly-pad-empty b{font-size:19px!important}
body.creator-mode .weekly-pad-empty span{display:block;margin-top:8px;font-size:15px!important;line-height:1.55!important}
body.creator-mode .weekly-pad-empty-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
body.creator-mode .weekly-pad-empty-actions button,body.creator-mode .resource-error-state button{min-height:44px!important;border:1px solid #f7668e!important;background:#3b1f31!important;color:#fff!important}
body.creator-mode .creator-reminder{display:none!important}
body.creator-mode .creator-approved-resources,body.creator-mode .creator-promo-link{margin:18px 0!important;padding:clamp(18px,4vw,28px)!important;border:1px solid #4a3044!important;border-radius:18px!important;background:#211723!important}
body.creator-mode .creator-approved-resources>.weekly-pad-heading{margin-bottom:18px!important}
body.creator-mode .creator-approved-resources>.weekly-pad-heading h3,body.creator-mode .creator-promo-link h3{font-size:26px!important}
body.creator-mode .creator-approved-resources>.weekly-pad-heading p,body.creator-mode .creator-promo-link p{font-size:15px!important;line-height:1.55!important}
body.creator-mode #creator-work-item-list{display:grid;gap:14px}
body.creator-mode .creator-work-item{padding:18px!important;border:1px solid #513749!important;border-radius:14px!important;background:#1a111c!important}
body.creator-mode .creator-work-item header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
body.creator-mode .creator-work-item header span{min-width:0}
body.creator-mode .creator-work-item header b{display:block;margin-top:5px;font-size:18px!important;overflow-wrap:anywhere}
body.creator-mode .creator-work-item header em{font-size:13px!important;white-space:normal!important;text-align:right;color:#efc68a!important}
body.creator-mode .creator-work-item p{font-size:15px!important;line-height:1.55!important}
body.creator-mode .creator-work-item form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
body.creator-mode .creator-work-item form .wide{grid-column:1/-1}
body.creator-mode .creator-work-item form button{min-height:46px!important;background:#f7668e!important;color:#1b0e16!important}
body.creator-mode .creator-resource-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #493143}
body.creator-mode .creator-resource-row:last-child{border-bottom:0}
body.creator-mode .creator-resource-row>span{min-width:0}
body.creator-mode .creator-resource-row b,body.creator-mode .creator-resource-row small,body.creator-mode .creator-resource-row em{display:block;overflow-wrap:anywhere}
body.creator-mode .creator-resource-row b{font-size:17px!important}
body.creator-mode .creator-resource-row small{margin-top:5px;font-size:14px!important;color:#c9b9c5!important}
body.creator-mode .creator-resource-row em{margin-top:6px;font-size:12px;color:#9e8998}
body.creator-mode .creator-resource-row>div{display:flex;gap:8px}
body.creator-mode .creator-resource-row a,body.creator-mode .creator-resource-row button{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:44px;padding:8px 12px;border:1px solid #69475f;border-radius:10px;background:#302031;color:#f8f2f5;text-decoration:none;font-size:14px;font-weight:800}
body.creator-mode .creator-promo-link-actions{grid-template-columns:minmax(0,1fr) auto auto!important}
body.creator-mode .creator-promo-link-actions input{min-width:0;overflow-wrap:anywhere;text-overflow:ellipsis}
body.creator-mode #creator-share-link-feedback{display:block;min-height:20px;color:#c9b9c5}
body.creator-mode .support-head h2{font-size:clamp(28px,4vw,34px)!important}
body.creator-mode .support-creator-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:18px!important}
body.creator-mode .support-form,body.creator-mode .support-request-card{border-color:#4a3044!important;background:#211723!important}
body.creator-mode .support-form label{font-size:14px!important}
body.creator-mode .support-form input,body.creator-mode .support-form textarea,body.creator-mode .support-form select,body.creator-mode .support-reply-form textarea{font-size:16px!important;line-height:1.45!important}
body.creator-mode .support-type-grid{grid-template-columns:1fr!important}
.support-thread{display:grid;gap:9px;margin:14px 0}
.support-thread-message{padding:12px 14px;border:1px solid #4b3445;border-radius:12px;background:#19111b}
.support-thread-message.role-agency{border-color:#72556f;background:#2b1c2b}
.support-thread-message b,.support-thread-message small{display:block}
.support-thread-message p{margin:6px 0!important;white-space:pre-wrap;overflow-wrap:anywhere}
.support-thread-message small{font-size:12px!important;color:#a894a3!important}
.support-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #4b3445}
.support-reply-form button{min-height:46px!important}
.status-needs_reply{border-color:#efc68a!important;color:#efc68a!important}
.status-in_review{border-color:#b798df!important;color:#d9c5f1!important}
body.creator-mode .theme-toggle{min-width:44px!important;min-height:44px!important}
body.creator-mode .sidebar-backdrop{background:rgba(8,4,9,.72)!important}
html[data-theme="light"] body.creator-mode{background:#f8f0e9!important;color:#331d2e!important}
html[data-theme="light"] body.creator-mode #weekly-schedule-notepad,html[data-theme="light"] body.creator-mode .creator-approved-resources,html[data-theme="light"] body.creator-mode .creator-promo-link,html[data-theme="light"] body.creator-mode .support-form,html[data-theme="light"] body.creator-mode .support-request-card{background:#fffaf5!important;border-color:#d9bdcc!important;color:#331d2e!important}
html[data-theme="light"] body.creator-mode .weekly-pad-reader{color:#331d2e!important}
html[data-theme="light"] body.creator-mode .creator-work-item,html[data-theme="light"] .support-thread-message{background:#f7e9ef!important;border-color:#d9bdcc!important;color:#331d2e!important}

@media(max-width:950px){
  body.creator-mode .shell{display:block!important}
  body.creator-mode .shell main{grid-column:1!important;max-width:100%!important;padding:0 18px calc(72px + env(safe-area-inset-bottom))!important}
  body.creator-mode .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,330px)!important;max-width:330px!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;transform:translateX(-110%)!important;transition:transform 160ms ease!important;overflow-y:auto!important;z-index:100!important}
  body.creator-mode .sidebar.open{transform:translateX(0)!important}
  body.creator-mode .sidebar-backdrop.show{display:block!important;z-index:99!important}
  body.creator-mode main>header{display:grid!important;grid-template-columns:44px minmax(0,1fr) 48px!important;gap:10px!important;padding:10px 0!important}
  body.creator-mode header .mobile-menu{display:grid!important;place-items:center!important;position:static!important;width:44px!important;height:44px!important;min-height:44px!important}
  body.creator-mode header .page-heading{min-width:0!important}
  body.creator-mode header .page-heading .eyebrow,body.creator-mode header h1{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.creator-mode header h1{font-size:24px!important}
  body.creator-mode .support-creator-layout{grid-template-columns:1fr!important}
}

@media(max-width:600px){
  body.creator-mode .shell main{padding-inline:16px!important}
  body.creator-mode #schedule-view>.weekly-plan-heading{display:grid!important;gap:14px!important}
  body.creator-mode .week-navigation{display:grid!important;grid-template-columns:1fr 1.25fr 1fr!important;width:100%}
  body.creator-mode .week-navigation button{min-width:0!important;padding-inline:7px!important;font-size:13px!important}
  body.creator-mode .weekly-pad-reader{padding:18px 17px 24px!important;font-size:16px!important;line-height:1.7!important}
  body.creator-mode .creator-work-item header{display:grid}
  body.creator-mode .creator-work-item header em{text-align:left}
  body.creator-mode .creator-work-item form{grid-template-columns:1fr!important}
  body.creator-mode .creator-work-item form .wide{grid-column:auto}
  body.creator-mode .creator-work-item form button{width:100%}
  body.creator-mode .creator-resource-row{align-items:flex-start;flex-direction:column}
  body.creator-mode .creator-resource-row>div{width:100%}
  body.creator-mode .creator-resource-row a,body.creator-mode .creator-resource-row button{flex:1}
  body.creator-mode .creator-promo-link-actions{grid-template-columns:1fr 1fr!important}
  body.creator-mode .creator-promo-link-actions input{grid-column:1/-1!important;text-align:left!important}
  .support-reply-form{grid-template-columns:1fr}
  .support-reply-form button{width:100%}
}

@media(prefers-reduced-motion:reduce){body.creator-mode *,body.creator-mode *::before,body.creator-mode *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}