.cn-precon-hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  padding:20px 22px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,#082b4c 0%,#0b558d 72%,#1575b5 100%);
  box-shadow:0 10px 26px rgba(7,43,76,.16);
}
.cn-precon-hero h2{margin:0 0 5px;font-size:24px}
.cn-precon-hero p{margin:0;color:#dcecf8;max-width:760px;line-height:1.5}
.cn-precon-hero .cn-precon-hero-note{font-size:12px;font-weight:800;white-space:nowrap;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1)}
.cn-precon-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.cn-precon-kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;box-shadow:var(--shadow)}
.cn-precon-kpi small{display:block;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.cn-precon-kpi strong{display:block;color:var(--ink);font-size:26px;margin-top:5px}
.cn-precon-kpi span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.cn-precon-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.cn-precon-filters{display:flex;gap:7px;flex-wrap:wrap}
.cn-precon-filter{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:8px 12px;font-weight:750;font-size:12px}
.cn-precon-filter.active{background:var(--navy);border-color:var(--navy);color:#fff}
.cn-precon-search{max-width:330px}
.cn-precon-layout{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:16px;align-items:start}
.cn-precon-queue{padding:0;overflow:hidden;position:sticky;top:102px;max-height:calc(100vh - 125px)}
.cn-precon-queue-head{padding:15px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.cn-precon-queue-head h3{margin:0}
.cn-precon-count{font-size:11px;font-weight:800;color:var(--muted)}
.cn-precon-list{overflow:auto;max-height:calc(100vh - 190px)}
.cn-precon-row{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid #e8edf2;background:#fff;padding:14px 15px;color:var(--text)}
.cn-precon-row:hover{background:#f7fbfe}
.cn-precon-row.active{background:#edf6fc;box-shadow:inset 4px 0 0 #1471ad}
.cn-precon-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cn-precon-row strong{display:block;color:var(--ink);font-size:13px;line-height:1.35}
.cn-precon-row small{display:block;color:var(--muted);margin-top:3px;line-height:1.4}
.cn-precon-row-progress{display:flex;align-items:center;gap:8px;margin-top:10px}
.cn-precon-row-progress .progress{flex:1;min-width:0}
.cn-precon-row-progress b{font-size:11px;color:var(--ink)}
.cn-precon-detail{min-width:0}
.cn-precon-detail>.card{margin-bottom:14px}
.cn-precon-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.cn-precon-detail-title h2{margin:5px 0 4px;color:var(--ink);font-size:22px}
.cn-precon-detail-title p{margin:0;color:var(--muted)}
.cn-precon-actions{display:flex;gap:8px;flex-wrap:wrap}
.cn-precon-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;background:#fff0df;color:#9b570d}
.cn-precon-status.ready{background:#e1f5e9;color:#14704b}
.cn-precon-status.released{background:#dceeff;color:#0d5d99}
.cn-precon-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}
.cn-precon-overview>div{border:1px solid var(--line);border-radius:9px;padding:12px;background:#fafcfe}
.cn-precon-overview label{margin-bottom:4px}
.cn-precon-overview strong,.cn-precon-overview span{display:block;overflow-wrap:anywhere}
.cn-precon-readiness{display:grid;grid-template-columns:minmax(170px,.45fr) minmax(0,1.55fr);gap:18px;align-items:start}
.cn-precon-score{border:1px solid var(--line);border-radius:12px;padding:16px;background:linear-gradient(180deg,#fff,#f7fafc)}
.cn-precon-score strong{font-size:34px;color:var(--ink);display:block}
.cn-precon-score p{font-size:12px;color:var(--muted);line-height:1.45;margin:8px 0 0}
.cn-precon-missing{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.cn-precon-missing span{background:#fff1e2;color:#96520b;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:750}
.cn-precon-missing .ok{background:#e1f5e9;color:#14704b}
.cn-precon-form-section{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}
.cn-precon-form-section:first-child{border-top:0;padding-top:0;margin-top:0}
.cn-precon-form-section h3{margin-bottom:4px}
.cn-precon-form-section>p{margin:0 0 12px;color:var(--muted);font-size:12px}
.cn-precon-check-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cn-precon-check-group{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfcfe}
.cn-precon-check-group h4{margin:0 0 9px;color:var(--ink);font-size:12px}
.cn-precon-check{display:flex;gap:9px;align-items:flex-start;padding:7px 0;margin:0;border-bottom:1px solid #edf1f5;color:var(--text);font-size:12px;font-weight:650;line-height:1.35}
.cn-precon-check:last-child{border-bottom:0}
.cn-precon-check input{width:18px;height:18px;flex:0 0 auto;margin:0}
.cn-precon-check input:disabled{opacity:.7}
.cn-precon-handoff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cn-precon-handoff-grid .full{grid-column:1/-1}
.cn-precon-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.cn-precon-release-state{font-size:12px;color:var(--muted);line-height:1.4}
.cn-precon-release-state strong{display:block;color:var(--ink)}
.cn-precon-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cn-precon-source{border:1px solid var(--line);border-radius:10px;padding:13px;background:#fff;min-width:0}
.cn-precon-source-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.cn-precon-source h4{margin:0;color:var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.035em}
.cn-precon-source-count{font-size:10px;font-weight:850;color:var(--muted);white-space:nowrap}
.cn-precon-source-list{display:grid;gap:7px}
.cn-precon-source-item{font-size:12px;line-height:1.4;padding-top:7px;border-top:1px solid #edf1f5;overflow-wrap:anywhere}
.cn-precon-source-item:first-child{padding-top:0;border-top:0}
.cn-precon-source-item strong{display:block;color:var(--ink)}
.cn-precon-source-item small{display:block;color:var(--muted)}
.cn-precon-source-empty{color:var(--muted);font-size:12px;padding:6px 0}
.cn-precon-blocker{border-left:4px solid #d97706;background:#fff7eb;border-radius:8px;padding:10px 12px;margin-top:10px;font-size:12px;line-height:1.45}
.cn-precon-blocker strong{color:#8b4d09}
.cn-precon-empty{padding:46px 22px;text-align:center;color:var(--muted)}
.cn-precon-empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:5px}

.cn-field-handoff{display:none}
html.cn-mobile-mode .cn-field-handoff{
  display:block;
  margin:0 0 16px;
  border:1px solid #a7d4b9;
  border-radius:14px;
  background:linear-gradient(180deg,#f2fbf6,#fff);
  box-shadow:0 4px 14px rgba(21,112,75,.08);
  overflow:hidden;
}
html.cn-mobile-mode .cn-field-handoff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid #cce5d6}
html.cn-mobile-mode .cn-field-handoff-head h3{margin:0 0 3px!important;color:#145f41!important;font-size:16px!important}
html.cn-mobile-mode .cn-field-handoff-head p{margin:0;color:#537064;font-size:12px}
html.cn-mobile-mode .cn-field-handoff-ready{white-space:nowrap;background:#daf3e4;color:#146844;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850}
html.cn-mobile-mode .cn-field-handoff-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 15px}
html.cn-mobile-mode .cn-field-handoff-summary>div{border:1px solid #d8e8df;border-radius:9px;padding:10px;background:#fff;min-width:0}
html.cn-mobile-mode .cn-field-handoff-summary label{margin:0 0 4px;font-size:9px}
html.cn-mobile-mode .cn-field-handoff-summary strong,html.cn-mobile-mode .cn-field-handoff-summary span{display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
html.cn-mobile-mode .cn-field-handoff details{border-top:1px solid #dcebe2;background:#fff}
html.cn-mobile-mode .cn-field-handoff summary{list-style:none;cursor:pointer;padding:13px 15px;color:var(--ink);font-weight:800;font-size:12px}
html.cn-mobile-mode .cn-field-handoff summary::-webkit-details-marker{display:none}
html.cn-mobile-mode .cn-field-handoff summary:after{content:'＋';float:right;color:#47705e}
html.cn-mobile-mode .cn-field-handoff details[open] summary:after{content:'−'}
html.cn-mobile-mode .cn-field-handoff-body{padding:0 15px 14px;font-size:12px;line-height:1.5;color:var(--text)}
html.cn-mobile-mode .cn-field-handoff-body h4{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.04em;margin:12px 0 5px}
html.cn-mobile-mode .cn-field-handoff-body h4:first-child{margin-top:0}
html.cn-mobile-mode .cn-field-handoff-body p{margin:0 0 7px}
html.cn-mobile-mode .cn-field-handoff-file{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #edf2ef}
html.cn-mobile-mode .cn-field-handoff-file:first-child{border-top:0}
html.cn-mobile-mode .cn-field-handoff-file .btn{padding:6px 9px;font-size:11px}
html.cn-mobile-mode .cn-field-handoff-alert{border-left:4px solid #d97706;background:#fff7eb;padding:9px 10px;border-radius:7px;margin-top:7px}

@media(max-width:1180px){
  .cn-precon-layout{grid-template-columns:310px minmax(0,1fr)}
  .cn-precon-check-groups{grid-template-columns:1fr 1fr}
}
@media(max-width:960px){
  .cn-precon-kpis{grid-template-columns:repeat(2,1fr)}
  .cn-precon-layout{grid-template-columns:1fr}
  .cn-precon-queue{position:static;max-height:none}
  .cn-precon-list{max-height:420px}
  .cn-precon-readiness{grid-template-columns:1fr}
  .cn-precon-source-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .cn-precon-hero{flex-direction:column;padding:17px}
  .cn-precon-kpis,.cn-precon-check-groups,.cn-precon-handoff-grid,.cn-precon-overview{grid-template-columns:1fr}
  .cn-precon-handoff-grid .full{grid-column:auto}
}