/*
 PANTURIA SYSTEM POLISH V3.6
 Scoped refinement for Story CMS/Radar, Music Radar, Video Radar,
 Auto Cover, system checks, public Cerita, and public Video Radar.
*/

/* Layout rhythm */
.story-radar-admin,
.music-admin-page,
.section.section-sand:has(.story-admin-heading){
  padding-top:clamp(2rem,4vw,3.5rem);
  padding-bottom:clamp(3rem,5vw,5rem);
}
.story-admin-heading,
.music-admin-title-row,
.admin-automation-head,
.youtube-radar-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1.5rem;
  margin:0 0 1.5rem;
}
.story-admin-heading>div:first-child,
.music-admin-title-row>div:first-child,
.admin-automation-head>div:first-child,
.youtube-radar-head>div:first-child{
  min-width:0;
  max-width:820px;
}
.story-admin-heading h1,
.music-admin-title-row h1{
  margin:.35rem 0 .55rem;
  max-width:18ch;
  font-size:clamp(2.25rem,5vw,4.6rem);
  line-height:.98;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.story-admin-heading p,
.music-admin-title-row p,
.admin-automation-head p,
.youtube-radar-head p{
  max-width:68ch;
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.story-admin-heading .actions,
.music-admin-title-row .actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:.65rem;
}

/* Buttons */
.story-radar-admin .button,
.music-admin-page .button,
.section.section-sand:has(.story-admin-heading) .button,
.admin-automation-panel .button{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  padding:.7rem 1rem;
  border-radius:999px;
  line-height:1.1;
  white-space:nowrap;
}
.story-radar-admin .button-small,
.music-admin-page .button-small,
.section.section-sand:has(.story-admin-heading) .button-small{
  min-height:36px;
  padding:.5rem .78rem;
  font-size:.78rem;
}

/* Cards and headings */
.automation-v3-grid,
.music-admin-grid,
.music-admin-status-grid,
.story-radar-health-grid,
.admin-automation-grid{
  gap:1rem;
  align-items:stretch;
}
.automation-v3-grid>.card,
.music-admin-grid>.card,
.music-admin-status-grid>.card,
.music-admin-section-card,
.story-radar-run-card,
.story-radar-health,
.admin-tool-card{
  min-width:0;
  border-radius:20px;
}
.automation-v3-grid .card-body,
.music-admin-grid .card-body,
.music-admin-section-card .card-body,
.story-radar-run-card .card-body{
  padding:clamp(1.1rem,2vw,1.5rem);
}
.automation-v3-grid .card h2,
.music-admin-grid .card h2,
.music-admin-section-head h2,
.story-radar-run-card h2{
  margin:0 0 .85rem;
  font-size:clamp(1.35rem,2.35vw,2.15rem);
  line-height:1.06;
  letter-spacing:-.04em;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:balance;
}

/* Forms */
.story-radar-admin .form-grid,
.music-admin-page .form-grid,
.section.section-sand:has(.story-admin-heading) .form-grid{
  gap:1rem;
}
.story-radar-admin .field,
.music-admin-page .field,
.section.section-sand:has(.story-admin-heading) .field{
  min-width:0;
}
.story-radar-admin .field label,
.music-admin-page .field label,
.section.section-sand:has(.story-admin-heading) .field label{
  display:block;
  margin-bottom:.4rem;
  color:var(--pantura-navy);
  font-size:.78rem;
  font-weight:800;
  line-height:1.25;
}
.story-radar-admin input:not([type="checkbox"]):not([type="radio"]),
.story-radar-admin select,
.story-radar-admin textarea,
.music-admin-page input:not([type="checkbox"]):not([type="radio"]),
.music-admin-page select,
.music-admin-page textarea,
.section.section-sand:has(.story-admin-heading) input:not([type="checkbox"]):not([type="radio"]),
.section.section-sand:has(.story-admin-heading) select,
.section.section-sand:has(.story-admin-heading) textarea{
  width:100%;
  min-height:46px;
  padding:.7rem .85rem;
  border:1px solid rgba(23,50,77,.22);
  border-radius:13px;
  background:#fff;
  color:var(--pantura-navy);
  font:600 .9rem/1.35 "Inter",sans-serif;
  outline:none;
}
.story-radar-admin textarea,
.music-admin-page textarea,
.section.section-sand:has(.story-admin-heading) textarea{
  min-height:108px;
  resize:vertical;
}
.story-radar-admin input:focus,
.story-radar-admin select:focus,
.story-radar-admin textarea:focus,
.music-admin-page input:focus,
.music-admin-page select:focus,
.music-admin-page textarea:focus,
.section.section-sand:has(.story-admin-heading) input:focus,
.section.section-sand:has(.story-admin-heading) select:focus,
.section.section-sand:has(.story-admin-heading) textarea:focus{
  border-color:var(--arus-blue);
  box-shadow:0 0 0 3px rgba(46,120,166,.12);
}
.story-admin-check,
.music-admin-check{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  line-height:1.4;
}
.story-admin-check input,
.music-admin-check input{
  margin-top:.15rem;
}
.music-admin-inline-fields{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
}

/* Alerts */
.alert,
.story-radar-reason,
.music-admin-error-note,
.music-admin-note,
.automation-help-note{
  border-radius:14px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.automation-help-note{
  margin-top:.8rem;
  padding:.8rem .9rem;
  border:1px solid rgba(46,120,166,.16);
  background:rgba(46,120,166,.08);
  color:#526678;
  font-size:.8rem;
}

/* Story Radar */
.story-radar-status-strip{
  gap:.75rem;
  margin:1rem 0 1.1rem;
}
.story-radar-status-strip>div{
  min-width:0;
  padding:.9rem 1rem;
  border-radius:15px;
}
.story-radar-status-strip span{
  display:block;
  margin-bottom:.28rem;
  font-size:.64rem;
  letter-spacing:.09em;
}
.story-radar-status-strip strong{
  font-size:1.12rem;
  line-height:1.05;
}
.story-radar-filter-row{
  gap:.45rem;
  margin-bottom:1rem;
}
.story-radar-filter-row a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:.46rem .72rem;
}
.story-radar-candidate-grid{gap:1rem}
.story-radar-candidate{
  min-width:0;
  padding:1rem;
  border-radius:20px;
}
.story-radar-candidate-top{gap:.8rem}
.story-radar-candidate h3,
.story-radar-candidate h2{
  margin:.65rem 0 .7rem;
  font-size:clamp(1rem,1.45vw,1.22rem);
  line-height:1.2;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.story-radar-candidate-meta{gap:.4rem}
.story-radar-sources{margin-top:.8rem}
.story-radar-sources summary{padding:.8rem 0}
.story-radar-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  align-items:center;
  margin-top:.8rem;
}

/* Tables */
.music-source-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:14px;
}
.music-source-table{
  width:100%;
  min-width:760px;
}
.music-source-table th{
  padding:.75rem .7rem;
  white-space:nowrap;
  font-size:.67rem;
}
.music-source-table td{
  padding:.8rem .7rem;
  vertical-align:top;
  line-height:1.35;
}
.music-source-table td strong{
  display:block;
  line-height:1.3;
}
.music-source-table td small,
.music-source-table td em{
  display:block;
  margin-top:.25rem;
  line-height:1.4;
  overflow-wrap:anywhere;
}

/* Video Radar admin + public */
.youtube-admin-table td:first-child{min-width:180px}
.youtube-radar-grid{gap:1rem}
.youtube-radar-card{
  min-width:0;
  border-radius:18px;
}
.youtube-radar-copy{padding:.85rem .9rem 1rem}
.youtube-radar-copy h3{
  margin:.35rem 0 .75rem;
  font-size:.92rem;
  line-height:1.28;
  text-wrap:pretty;
}
.youtube-radar-public{
  padding-top:clamp(3rem,6vw,5rem);
  padding-bottom:clamp(3rem,6vw,5rem);
}
.youtube-radar-head h2{
  margin:.25rem 0 .5rem;
  max-width:13ch;
  font-size:clamp(2.25rem,5vw,4.25rem);
  line-height:.97;
  text-wrap:balance;
}
.youtube-radar-source{line-height:1.5}

/* Media Library */
.media-library-grid{gap:1rem}
.media-library-card{border-radius:18px}
.media-library-card>div{padding:.9rem}
.story-radar-run-list>div{
  padding:.9rem 0;
  line-height:1.4;
}

/* Public Cerita */
.story-public-archive{
  padding-top:clamp(2rem,4vw,3.25rem);
}
.story-public-search{
  align-items:center;
  gap:.65rem;
  margin-bottom:1rem;
}
.story-public-search .field{margin:0}
.story-public-search .button{
  min-height:46px;
  padding:.72rem 1rem;
}
.story-public-filters{
  gap:.45rem;
  margin-bottom:1.5rem;
}
.story-public-filters a{
  min-height:34px;
  padding:.48rem .72rem;
}
.story-public-grid{gap:1rem}
.story-public-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:18px;
}
.story-public-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:1rem 1rem 1.05rem;
}
.story-public-card h2{
  margin:.48rem 0 .55rem;
  font-size:clamp(1rem,1.5vw,1.22rem);
  line-height:1.18;
  letter-spacing:-.025em;
  text-wrap:pretty;
}
.story-public-card p{
  display:-webkit-box;
  margin:0 0 .85rem;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-height:1.55;
  font-size:.86rem;
}
.story-public-card-foot{
  margin-top:auto;
  padding-top:.75rem;
}
.story-public-meta{
  gap:.55rem;
  font-size:.62rem;
}

/* Admin home panel */
.admin-tool-card{
  min-height:150px;
  padding:1rem;
  border-radius:18px;
}
.admin-tool-card strong{
  font-size:1rem;
  line-height:1.25;
}

/* Navigation */
.site-nav{align-items:center}
.site-nav>a{white-space:nowrap}

@media(max-width:1100px){
  .automation-v3-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .story-admin-heading,
  .music-admin-title-row{
    align-items:flex-start;
  }
}
@media(max-width:820px){
  .story-admin-heading,
  .music-admin-title-row,
  .admin-automation-head,
  .youtube-radar-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .story-admin-heading .actions,
  .music-admin-title-row .actions{
    width:100%;
    justify-content:flex-start;
  }
  .music-admin-inline-fields,
  .automation-v3-grid,
  .music-admin-grid,
  .music-admin-status-grid,
  .admin-automation-grid{
    grid-template-columns:1fr;
  }
  .story-radar-status-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:600px){
  .story-admin-heading h1,
  .music-admin-title-row h1{
    font-size:clamp(2rem,11vw,3rem);
  }
  .story-radar-status-strip{
    grid-template-columns:1fr 1fr;
  }
  .story-public-card-body{padding:.9rem}
  .youtube-radar-head h2{
    font-size:clamp(2rem,11vw,3rem);
  }
}