.phase6-cms-page { position: relative; min-height: 0; }
.phase6-toolbar { min-height: 54px; flex: 0 0 54px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 16px; margin-bottom: 16px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-bg-card); box-shadow: var(--shadow-card); }
.phase6-toolbar__title { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 18px; font-weight: 700; color: var(--color-text-primary); white-space: nowrap; }
.phase6-toolbar__title::before { content: ''; width: 4px; height: 24px; border-radius: 4px; background: var(--color-primary); }
.phase6-tabs { display: flex; align-items: center; gap: 6px; padding: 4px; border-radius: 10px; background: var(--color-overlay-white-2); }
.phase6-tab,.phase6-filter,.phase6-state-btn { appearance: none; border: 1px solid transparent; background: transparent; color: var(--color-text-secondary); font: inherit; cursor: pointer; transition: background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }
.phase6-tab { min-height: 34px; padding: 5px 15px; border-radius: 8px; font-size: 15px; font-weight: 600; }
.phase6-tab:hover,.phase6-tab:focus-visible,.phase6-tab.is-active { color: var(--color-primary); border-color: rgba(20,151,104,.25); background: var(--color-success-bg); outline: none; }
.phase6-toolbar__meta { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 250px; color: var(--color-text-tertiary); font-size: 13px; }
.phase6-health-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; color: var(--color-primary); border: 1px solid rgba(20,151,104,.22); border-radius: 999px; background: var(--color-success-bg); white-space: nowrap; }
.phase6-health-pill::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--color-primary); box-shadow: 0 0 0 4px rgba(20,151,104,.12); }
.phase6-original-hidden { display: none !important; }
#page-cms[data-phase6-view="news"] > [data-phase6-original="true"]:first-of-type { height: 510px !important; }
.phase6-workspace[hidden] { display: none !important; }
.phase6-workspace { min-height: 0; flex: 1 1 auto; }
.phase6-view[hidden] { display: none !important; }
.phase6-view { min-height: 0; height: 100%; }
.phase6-media-layout { display: grid; grid-template-columns: minmax(280px, .78fr) minmax(0, 2.22fr); gap: 16px; height: 100%; min-height: 0; }
.phase6-card { min-height: 0; overflow: hidden; }
.phase6-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.phase6-card-heading__title { display: flex; align-items: center; gap: 10px; color: var(--color-text-primary); font-size: 18px; font-weight: 700; }
.phase6-card-heading__title::before { content: ''; width: 4px; height: 22px; flex: 0 0 4px; border-radius: 3px; background: var(--color-primary); }
.phase6-card-heading__meta { color: var(--color-text-tertiary); font-size: 13px; line-height: 1.5; text-align: right; }
.phase6-operator { display: flex; flex-direction: column; }
.phase6-operator__mark { height: 126px; flex: 0 0 126px; position: relative; overflow: hidden; margin-bottom: 16px; border: 1px solid rgba(20,151,104,.2); border-radius: 12px; background: linear-gradient(145deg,rgba(20,151,104,.26),rgba(47,129,206,.1)),repeating-linear-gradient(90deg,transparent 0 42px,rgba(20,151,104,.07) 43px),repeating-linear-gradient(0deg,transparent 0 42px,rgba(20,151,104,.07) 43px); }
.phase6-operator__mark::before,.phase6-operator__mark::after { content: ''; position: absolute; border: 2px solid rgba(20,151,104,.42); transform: rotate(-9deg); }
.phase6-operator__mark::before { width: 130px; height: 68px; left: 22px; bottom: -18px; border-radius: 60% 30% 55% 28%; }
.phase6-operator__mark::after { width: 94px; height: 52px; right: 18px; top: 21px; border-radius: 28% 60% 32% 55%; }
.phase6-operator__symbol { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50% 50% 50% 12%; background: var(--color-primary); color: #fff; font-size: 23px; font-weight: 800; box-shadow: 0 10px 30px rgba(20,151,104,.28); }
.phase6-operator__name { color: var(--color-text-primary); font-size: 20px; line-height: 1.45; font-weight: 700; }
.phase6-operator__location { margin-top: 8px; color: var(--color-primary); font-size: 14px; line-height: 1.5; }
.phase6-operator__intro { margin-top: 14px; color: var(--color-text-secondary); font-size: 14px; line-height: 1.75; }
.phase6-operator__facts { display: grid; gap: 9px; margin-top: 15px; }
.phase6-operator__fact { padding: 10px 12px; border: 1px solid var(--color-border-light); border-radius: 9px; background: var(--color-overlay-white-2); }
.phase6-operator__fact-label { color: var(--color-text-tertiary); font-size: 12px; }
.phase6-operator__fact-value { margin-top: 4px; color: var(--color-text-primary); font-size: 14px; line-height: 1.5; }
.phase6-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.phase6-tag { padding: 5px 9px; border-radius: 999px; color: var(--color-primary); background: var(--color-success-bg); font-size: 12px; }
.phase6-operator__details { display: grid; gap: 0; margin-top: 18px; padding: 13px; border: 1px solid var(--color-border-light); border-radius: 10px; background: var(--color-overlay-white-2); }
.phase6-operator__section { min-width: 0; padding: 0; }
.phase6-operator__section + .phase6-operator__section { margin-top: 16px; padding-top: 16px; border-top: 1px dashed rgba(20,151,104,.42); }
.phase6-operator__section-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; color: var(--color-text-primary); font-size: 13px; font-weight: 700; }
.phase6-operator__section-heading::before { content: ''; width: 3px; height: 15px; flex: 0 0 3px; border-radius: 3px; background: var(--color-primary); }
.phase6-operator__section-heading > span { margin-right: auto; }
.phase6-operator__section-heading > em { color: var(--color-text-tertiary); font-size: 11px; font-style: normal; font-weight: 400; }
.phase6-operator__metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
.phase6-operator__metric { min-width: 0; padding: 8px 7px; border: 1px solid transparent; border-radius: 8px; background: var(--color-bg-card); transition: transform .18s ease,border-color .18s ease; }
.phase6-operator__metric:hover { transform: translateY(-2px); border-color: rgba(20,151,104,.28); }
.phase6-operator__metric-label { color: var(--color-text-tertiary); font-size: 11px; }
.phase6-operator__metric-value { margin-top: 3px; color: var(--color-primary); font: 700 20px/1.2 var(--font-family-numeric); }
.phase6-operator__metric-value span { margin-left: 3px; color: var(--color-text-secondary); font: 12px var(--font-family-base); }
.phase6-operator__metric-note { margin-top: 4px; overflow: hidden; color: var(--color-text-tertiary); font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.phase6-operator__duties { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px 10px; }
.phase6-operator__duty { min-width: 0; display: flex; align-items: flex-start; gap: 7px; padding: 4px 0; }
.phase6-operator__duty > span { flex: 0 0 auto; color: rgba(20,151,104,.55); font: 700 12px var(--font-family-numeric); }
.phase6-operator__duty strong,.phase6-operator__duty small { display: block; }
.phase6-operator__duty strong { color: var(--color-text-primary); font-size: 12px; }
.phase6-operator__duty small { margin-top: 3px; overflow: hidden; color: var(--color-text-tertiary); font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.phase6-operator__progress { display: grid; gap: 8px; }
.phase6-operator__progress-item > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--color-text-secondary); font-size: 11px; }
.phase6-operator__progress-item em { color: var(--color-primary); font-style: normal; font-variant-numeric: tabular-nums; }
.phase6-operator__progress-track { height: 6px; overflow: hidden; margin-top: 6px; border-radius: 999px; background: var(--color-border-light); }
.phase6-operator__progress-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--color-primary),var(--color-info)); }
.phase6-api-note { margin-top: auto; padding-top: 14px; color: var(--color-text-tertiary); font-size: 12px; border-top: 1px dashed var(--color-border); }
.phase6-gallery-card { display: flex; flex-direction: column; }
.phase6-heading-actions { display: flex; align-items: center; gap: 6px; }
.phase6-filter { min-height: 30px; padding: 4px 11px; border-radius: 7px; font-size: 13px; }
.phase6-filter:hover,.phase6-filter:focus-visible,.phase6-filter.is-active { color: var(--color-primary); border-color: rgba(20,151,104,.25); background: var(--color-success-bg); outline: none; }
.phase6-media-grid { min-height: 0; flex: 1 1 auto; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 12px; }
.phase6-media-item { position: relative; display: flex; flex-direction: column; min-height: 0; overflow: hidden; padding: 0; border: 1px solid var(--color-border); border-radius: 11px; background: var(--color-bg-card); color: inherit; text-align: left; cursor: pointer; transition: border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.phase6-media-item:hover,.phase6-media-item:focus-visible { transform: translateY(-2px); border-color: rgba(20,151,104,.48); box-shadow: 0 9px 26px rgba(7,32,28,.16); outline: none; }
.phase6-media-cover { position: relative; min-height: 0; flex: 1 1 auto; overflow: hidden; background: linear-gradient(140deg,#143c34,#246852); }
.phase6-media-cover::before,.phase6-media-cover::after { content: ''; position: absolute; pointer-events: none; }
.phase6-media-cover::before { inset: 0; opacity: .95; }
.phase6-media-cover::after { left: -10%; right: -10%; bottom: -35%; height: 78%; border-radius: 50% 50% 0 0; background: rgba(9,62,47,.58); box-shadow: 0 -34px 0 rgba(31,117,79,.2),0 -67px 0 rgba(45,139,90,.14); }
.phase6-media-cover--panorama::before { background: radial-gradient(circle at 78% 20%,rgba(255,220,112,.55) 0 6%,transparent 7%),linear-gradient(165deg,rgba(76,158,124,.35) 0 47%,transparent 48%),linear-gradient(15deg,transparent 0 46%,rgba(127,188,139,.3) 47% 60%,transparent 61%); }
.phase6-media-cover--field::before { background: repeating-linear-gradient(153deg,transparent 0 18px,rgba(99,192,127,.34) 19px 31px),linear-gradient(180deg,rgba(109,180,166,.35),transparent 65%); }
.phase6-media-cover--blossom::before { background: radial-gradient(circle at 24% 52%,#f9f1df 0 5%,#dfb950 6% 8%,transparent 9%),radial-gradient(circle at 57% 33%,#fff8e9 0 6%,#ddb446 7% 9%,transparent 10%),radial-gradient(circle at 76% 68%,#f8efd9 0 5%,#ddb446 6% 8%,transparent 9%),linear-gradient(140deg,rgba(30,111,79,.3),rgba(6,58,45,.15)); }
.phase6-media-cover--processing::before { background: linear-gradient(90deg,transparent 0 12%,rgba(223,172,82,.42) 13% 21%,transparent 22% 42%,rgba(176,117,43,.5) 43% 60%,transparent 61%),linear-gradient(180deg,rgba(119,145,126,.28),rgba(51,71,61,.25)); }
.phase6-media-cover--irrigation::before { background: radial-gradient(ellipse at 48% 84%,rgba(71,163,225,.62) 0 4%,transparent 5%),repeating-radial-gradient(ellipse at 48% 84%,transparent 0 17px,rgba(74,177,232,.33) 18px 20px,transparent 21px 32px),linear-gradient(145deg,rgba(58,162,108,.42),transparent 65%); }
.phase6-media-cover--pest::before { background: radial-gradient(circle at 60% 45%,rgba(234,102,76,.8) 0 4%,transparent 5%),radial-gradient(circle at 42% 65%,rgba(241,167,61,.75) 0 3%,transparent 4%),repeating-linear-gradient(130deg,transparent 0 28px,rgba(57,157,98,.26) 29px 37px); }
.phase6-media-type { position: absolute; z-index: 2; top: 9px; left: 9px; padding: 4px 8px; border-radius: 6px; color: #fff; background: rgba(12,34,31,.72); font-size: 12px; }
.phase6-media-play { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; color: #fff; background: rgba(5,29,25,.48); font-size: 16px; }
.phase6-media-duration { position: absolute; z-index: 2; right: 9px; bottom: 8px; padding: 3px 6px; border-radius: 4px; color: #fff; background: rgba(5,23,21,.68); font: 12px var(--font-family-numeric); }
.phase6-media-info { flex: 0 0 auto; padding: 10px 11px; }
.phase6-media-title { overflow: hidden; color: var(--color-text-primary); font-size: 14px; font-weight: 650; white-space: nowrap; text-overflow: ellipsis; }
.phase6-media-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 5px; color: var(--color-text-tertiary); font-size: 12px; }
.phase6-media-empty { grid-column: 1/-1; display: grid; place-items: center; color: var(--color-text-tertiary); border: 1px dashed var(--color-border); border-radius: 10px; }
.phase6-modal[hidden] { display: none !important; }
.phase6-modal { position: absolute; z-index: 80; inset: 0; display: grid; place-items: center; padding: 26px; background: rgba(5,20,18,.68); backdrop-filter: blur(4px); }
.phase6-modal__dialog { width: min(760px,82vw); max-height: 86%; display: grid; grid-template-columns: 1.25fr .9fr; overflow: hidden; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-bg-card); box-shadow: 0 22px 70px rgba(0,0,0,.36); }
.phase6-modal__cover { min-height: 300px; position: relative; }
.phase6-modal__body { position: relative; padding: 28px; }
.phase6-modal__close { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border: 1px solid var(--color-border); border-radius: 8px; color: var(--color-text-secondary); background: var(--color-overlay-white-2); font-size: 21px; cursor: pointer; }
.phase6-modal__title { padding-right: 34px; color: var(--color-text-primary); font-size: 21px; line-height: 1.45; font-weight: 700; }
.phase6-modal__category { margin-top: 8px; color: var(--color-primary); font-size: 14px; }
.phase6-modal__facts { display: grid; gap: 8px; margin-top: 20px; color: var(--color-text-secondary); font-size: 14px; }
.phase6-modal__facts span { color: var(--color-text-tertiary); }
.phase6-modal__actions { display: flex; align-items: center; gap: 10px; margin-top: 22px; }
.phase6-play-btn { min-height: 36px; padding: 6px 15px; border: 1px solid rgba(20,151,104,.35); border-radius: 8px; color: #fff; background: var(--color-primary); font: inherit; cursor: pointer; }
.phase6-play-state { color: var(--color-text-tertiary); font-size: 13px; }
.phase6-sources-layout { display: grid; grid-template-rows: 112px minmax(0,1fr); gap: 16px; height: 100%; min-height: 0; }
.phase6-source-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.phase6-summary-card { padding: 15px 18px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-bg-card); box-shadow: var(--shadow-card); }
.phase6-summary-label { color: var(--color-text-tertiary); font-size: 13px; }
.phase6-summary-value { margin-top: 5px; color: var(--color-primary); font: 700 28px/1.2 var(--font-family-numeric); }
.phase6-summary-value span { margin-left: 4px; color: var(--color-text-tertiary); font: 13px var(--font-family-base); }
.phase6-summary-note { margin-top: 5px; color: var(--color-text-secondary); font-size: 12px; }
.phase6-source-main { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(320px,.85fr); gap: 16px; min-height: 0; }
.phase6-source-panel,.phase6-scenario-panel { display: flex; flex-direction: column; }
.phase6-source-list { min-height: 0; flex: 1 1 auto; overflow: auto; padding-right: 3px; }
.phase6-source-row { width: 100%; display: grid; grid-template-columns: minmax(180px,1.5fr) minmax(98px,.7fr) 76px 82px 76px; align-items: center; gap: 10px; min-height: 48px; padding: 7px 10px; border: 0; border-bottom: 1px solid var(--color-border-light); color: var(--color-text-secondary); background: transparent; text-align: left; font: inherit; cursor: pointer; }
.phase6-source-row:hover,.phase6-source-row:focus-visible,.phase6-source-row.is-selected { background: var(--color-overlay-white-2); outline: none; }
.phase6-source-row--head { min-height: 32px; color: var(--color-text-tertiary); font-size: 12px; cursor: default; }
.phase6-source-row--head:hover { background: transparent; }
.phase6-source-name { min-width: 0; }
.phase6-source-name strong { display: block; overflow: hidden; color: var(--color-text-primary); font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }
.phase6-source-name span { display: block; margin-top: 3px; color: var(--color-text-tertiary); font-size: 11px; }
.phase6-status { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; }
.phase6-status::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--color-primary); box-shadow: 0 0 0 3px rgba(20,151,104,.1); }
.phase6-status--warning { color: var(--color-warning); }
.phase6-status--warning::before { background: var(--color-warning); box-shadow: 0 0 0 3px rgba(214,128,32,.12); }
.phase6-status--offline { color: var(--color-danger); }
.phase6-status--offline::before { background: var(--color-danger); }
.phase6-source-cell { color: var(--color-text-secondary); font-size: 13px; font-variant-numeric: tabular-nums; }
.phase6-source-detail { flex: 0 0 auto; display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 9px; margin-top: 10px; }
.phase6-source-detail__item { min-height: 58px; padding: 8px 10px; border: 1px solid var(--color-border-light); border-radius: 8px; background: var(--color-overlay-white-2); }
.phase6-source-detail__label { color: var(--color-text-tertiary); font-size: 11px; }
.phase6-source-detail__value { margin-top: 4px; overflow: hidden; color: var(--color-text-primary); font-size: 13px; white-space: nowrap; text-overflow: ellipsis; }
.phase6-state-buttons { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; margin-bottom: 12px; }
.phase6-state-btn { min-height: 31px; padding: 4px 6px; border-radius: 7px; font-size: 12px; }
.phase6-state-btn:hover,.phase6-state-btn:focus-visible,.phase6-state-btn.is-active { color: var(--color-primary); border-color: rgba(20,151,104,.25); background: var(--color-success-bg); outline: none; }
.phase6-state-stage { min-height: 0; flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 18px; border: 1px dashed var(--color-border); border-radius: 11px; text-align: center; background: var(--color-overlay-white-2); }
.phase6-state-icon { position: relative; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; color: var(--color-primary); background: var(--color-success-bg); font-size: 25px; }
.phase6-state-title { margin-top: 15px; color: var(--color-text-primary); font-size: 17px; font-weight: 700; }
.phase6-state-description { max-width: 310px; margin-top: 8px; color: var(--color-text-secondary); font-size: 13px; line-height: 1.65; }
.phase6-state-time { margin-top: 12px; color: var(--color-text-tertiary); font-size: 12px; }
.phase6-state-retry { margin-top: 14px; min-height: 34px; padding: 5px 14px; border: 1px solid rgba(20,151,104,.32); border-radius: 8px; color: var(--color-primary); background: var(--color-success-bg); font: inherit; cursor: pointer; }
.phase6-state-stage[data-state="loading"] .phase6-state-icon::after { content: ''; position: absolute; inset: 7px; border: 3px solid transparent; border-top-color: var(--color-primary); border-radius: 50%; animation: phase6-spin 1s linear infinite; }
.phase6-state-stage[data-state="disconnected"] .phase6-state-icon,.phase6-state-stage[data-state="error"] .phase6-state-icon { color: var(--color-danger); background: var(--color-danger-bg); }
.phase6-state-stage[data-state="empty"] .phase6-state-icon { color: var(--color-warning); background: var(--color-warning-bg); }
@keyframes phase6-spin { to { transform: rotate(360deg); } }
:root[data-theme="light"] .phase6-toolbar,:root[data-theme="light"] .phase6-card,:root[data-theme="light"] .phase6-summary-card,:root[data-theme="light"] .phase6-media-item,:root[data-theme="light"] .phase6-modal__dialog { background: rgba(255,255,255,.96); }
:root[data-theme="light"] .phase6-tabs,:root[data-theme="light"] .phase6-source-row:hover,:root[data-theme="light"] .phase6-source-row.is-selected,:root[data-theme="light"] .phase6-state-stage,:root[data-theme="light"] .phase6-operator__fact,:root[data-theme="light"] .phase6-operator__details,:root[data-theme="light"] .phase6-source-detail__item { background: rgba(14,92,71,.045); }
:root[data-theme="light"] .phase6-operator__metric { background: rgba(255,255,255,.82); }
:root[data-theme="light"] .phase6-modal { background: rgba(35,57,52,.38); }
@media (max-width: 1420px) {
  .phase6-toolbar__meta > span:last-child { display: none; }
  .phase6-toolbar__meta { min-width: auto; }
  .phase6-media-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(3,minmax(0,1fr)); }
  .phase6-source-main { grid-template-columns: minmax(0,1.5fr) 330px; }
}