/* Закрытый раздел «Проекты в Китае»: сетка по дням и полоса срока проекта. */
.china-page{min-height:calc(100vh - 100px)}
.china-page .dept-page-header{gap:9px;flex-wrap:wrap}
.china-page .dept-page-title{margin-right:auto}
.china-wrap{padding:15px;max-width:none}
.china-wrap .dsl-head{align-items:center}
.china-wrap .dsl-sub{max-width:680px;line-height:1.4}
.china-zoom-label{align-self:center;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap;margin-right:3px}
.china-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;
  border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);
  font:700 12px var(--font);cursor:pointer;white-space:nowrap}
.china-btn:hover{border-color:var(--blue);color:var(--blue)}
.china-btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.china-btn.primary:hover{background:var(--blue);border-color:var(--blue)}
.china-btn:disabled{opacity:.55;cursor:wait}
.china-btn.danger{border-color:#fca5a5;color:#b91c1c;margin-right:auto}
.china-btn.danger:hover{background:#fef2f2}
.china-notice{padding:9px 12px;margin:0 0 10px;border:1px solid #bbf7d0;border-radius:8px;
  background:#f0fdf4;color:#166534;font-size:12px;font-weight:700}
.china-notice.error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}
.china-empty{padding:38px 20px;text-align:center;color:var(--muted);font-size:13px}
.china-range-error{margin:8px 0 10px;padding:12px 14px;border:1px solid #f59e0b;border-radius:9px;
  background:#fffbeb;color:#92400e;font-size:12px;font-weight:700;line-height:1.5}
.china-range-projects{display:flex;flex-direction:column;gap:5px}
.china-range-projects>div{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--card)}
.china-range-projects button{border:0;background:none;color:var(--text);font:700 12px var(--font);
  text-align:left;cursor:pointer;overflow-wrap:anywhere}
.china-range-projects button:hover{color:var(--blue);text-decoration:underline}
.china-range-projects span{color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}
.china-sticky-head{display:flex;position:sticky;top:54px;z-index:30;min-width:0;
  border:1px solid var(--border);border-bottom:0;border-radius:10px 10px 0 0;overflow:hidden;
  background:var(--navy);box-shadow:0 2px 4px rgba(13,27,46,.12)}
.china-header-label{flex:0 0 260px;width:260px;box-sizing:border-box;display:flex;align-items:center;
  min-height:65px;padding:8px 12px;border-right:1px solid rgba(255,255,255,.14);
  color:#fff;font-size:11px;font-weight:800;letter-spacing:.25px;text-transform:uppercase}
.china-header-viewport{flex:1;min-width:0;overflow:hidden}
.china-months,.china-days{display:flex}
.china-month-spacer,.china-day-spacer,.china-cell-spacer{flex:none}
.china-month{flex:none;box-sizing:border-box;height:24px;padding:4px 8px;border-right:1px solid rgba(255,255,255,.22);
  background:#1c3553;color:#fff;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.china-scroll{overflow-x:auto;overflow-y:hidden;border:1px solid var(--border);
  border-radius:0 0 10px 10px;-webkit-overflow-scrolling:touch}
.china-grid{position:relative}
.china-row{display:flex;align-items:stretch;border-bottom:1px solid var(--border);min-height:89px}
.china-row:last-child{border-bottom:0}
.china-project{flex:0 0 260px;width:260px;box-sizing:border-box;position:sticky;left:0;z-index:5;
  padding:11px 12px;background:var(--card);border-right:1px solid var(--border);display:flex;
  flex-direction:column;justify-content:center;min-width:0}
.china-project-name{background:none;border:0;padding:0;text-align:left;color:var(--text);
  font:800 12.5px var(--font);line-height:1.35;cursor:pointer;overflow-wrap:anywhere}
.china-project-name:hover{color:var(--blue);text-decoration:underline}
.china-project-dates{margin-top:5px;color:var(--muted);font-size:10.5px;font-weight:700;line-height:1.5}
.china-project-comment{display:block;width:100%;min-width:0;margin-top:9px;padding:7px 8px;
  border:1px solid #dbe4ef;border-radius:7px;background:#f8fafc;text-align:left;cursor:pointer}
.china-project-comment:hover,.china-project-comment:focus-visible{border-color:var(--blue);background:#eff6ff}
.china-comment-label{display:block;color:var(--muted);font:800 9px var(--font);line-height:1.3}
.china-comment-text{display:block;margin-top:3px;color:var(--text);
  font:600 10.5px var(--font);line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.china-project-comment.empty .china-comment-text{color:var(--blue);font-weight:700}
.china-project-status,.china-status-event{--status-bg:#ecfdf5;--status-border:#a7f3d0;--status-fg:#065f46}
.china-project-status.s1,.china-status-event.s1{--status-bg:#fffbeb;--status-border:#fcd34d;--status-fg:#92400e}
.china-project-status.s2,.china-status-event.s2{--status-bg:#eef2ff;--status-border:#c7d2fe;--status-fg:#3730a3}
.china-project-status.s3,.china-status-event.s3{--status-bg:#f5f3ff;--status-border:#ddd6fe;--status-fg:#6d28d9}
.china-project-status.s4,.china-status-event.s4{--status-bg:#f0fdfa;--status-border:#99f6e4;--status-fg:#115e59}
.china-project-status.s5,.china-status-event.s5{--status-bg:#eff6ff;--status-border:#bfdbfe;--status-fg:#1d4ed8}
.china-project-status.s6,.china-status-event.s6{--status-bg:#f1f5f9;--status-border:#cbd5e1;--status-fg:#334155}
.china-project-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 7px;
  width:100%;margin-top:8px;padding:7px 8px;border:1px solid var(--status-border);border-radius:7px;
  background:var(--status-bg);color:var(--status-fg);text-align:left;cursor:pointer}
.china-project-status span{grid-column:1;font:800 9px var(--font);line-height:1.2;opacity:.78}
.china-project-status b{grid-column:1;font:800 10.5px var(--font);line-height:1.3;overflow-wrap:anywhere}
.china-project-status i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:12px}
.china-project-status:hover,.china-project-status:focus-visible,.china-status-event:hover,.china-status-event:focus-visible{filter:brightness(.96);outline:1px solid var(--status-fg)}
.china-status-history-link{align-self:flex-start;margin-top:5px;padding:2px 0;border:0;background:none;
  color:var(--muted);font:700 10px var(--font);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.china-status-history-link:hover{color:var(--blue)}
.china-days{display:flex}
.china-day{flex:none;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.14);
  height:41px;padding:5px 1px;text-align:center;color:#fff;font-size:11px}
.china-day b{display:block;font-size:12px}
.china-day small{font-size:9px;font-weight:700;opacity:.75}
.china-day.weekend{background:rgba(255,255,255,.1)}
.china-day.today{background:#2563eb}
.china-lane{display:flex;position:relative;align-items:stretch;background:var(--card)}
.china-bar{position:absolute;top:7px;height:19px;z-index:2;border-radius:6px;background:#e0a93c;
  color:#17212e;box-shadow:0 1px 3px rgba(0,0,0,.14);box-sizing:border-box;padding:2px 6px;
  font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  pointer-events:none}
.china-bar.overdue{background:#d97706;color:#fff}
.china-cell{flex:none;width:var(--china-day);min-height:89px;box-sizing:border-box;
  border-right:1px solid var(--border);padding:30px 3px 5px;position:relative;cursor:pointer}
.china-cell:hover{box-shadow:inset 0 0 0 1px rgba(37,99,235,.28)}
.china-cell.weekend{background:rgba(148,163,184,.065)}
.china-cell.today{background:rgba(37,99,235,.07)}
.china-add-cell{position:absolute;right:2px;top:30px;width:19px;height:19px;padding:0;border:1px solid var(--border);
  border-radius:5px;background:var(--card);color:var(--muted);font:800 13px var(--font);cursor:pointer;opacity:.35}
.china-cell:hover .china-add-cell,.china-add-cell:focus-visible{opacity:1;border-color:var(--blue);color:var(--blue)}
.china-status-event{display:block;width:100%;margin:0 0 4px;padding:4px 3px;border:1px solid var(--status-border);
  border-radius:5px;background:var(--status-bg);color:var(--status-fg);text-align:left;cursor:pointer;
  font:700 10px var(--font);line-height:1.25;overflow-wrap:anywhere}
.china-status-event span{display:block;font-size:9px;opacity:.77}
.china-status-event b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font:inherit}
.china-report-event{display:block;width:100%;margin:0 0 4px;padding:5px 4px;border:1px solid #86efac;
  border-radius:5px;background:#f0fdf4;color:#166534;text-align:left;cursor:pointer;
  font:700 10px var(--font);line-height:1.25;overflow-wrap:anywhere}
.china-report-event:hover,.china-report-event:focus-visible{border-color:#16a34a;background:#dcfce7;outline:none}
.china-report-event span{display:block;font-size:9px;font-weight:800;white-space:nowrap}
.china-report-event b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  max-height:39px;margin-top:2px;overflow:hidden;font:inherit}
.china-report-event small{display:block;margin-top:3px;font-size:9px}
.china-task{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;width:100%;border:1px solid #bfdbfe;border-radius:5px;margin:0 0 4px;
  padding:4px 3px;background:#eff6ff;color:#1e3a8a;font:700 10.5px var(--font);line-height:1.25;
  text-align:left;cursor:pointer;overflow-wrap:anywhere;max-height:62px;overflow:hidden}
.china-task:hover:not(:disabled){border-color:var(--blue);background:#dbeafe}
.china-task.auto{border-color:#fcd34d;background:#fffbeb;color:#92400e}
.china-task.auto:hover{border-color:#d97706;background:#fef3c7}
.china-task.done{opacity:.63;text-decoration:line-through}
.china-auto-full{border:1px solid #fcd34d;border-radius:8px;padding:12px;background:#fffbeb;
  color:#78350f;font-size:13px;font-weight:700;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.china-modal-back{position:fixed;inset:0;background:rgba(13,27,46,.65);z-index:10000;
  display:flex;align-items:center;justify-content:center;padding:15px;box-sizing:border-box}
.china-modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:var(--card);color:var(--text);
  border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.china-report-dialog{width:min(760px,100%)}
.china-report-article{display:flex;flex-direction:column;gap:14px;min-width:0}
.china-report-meta{display:flex;flex-wrap:wrap;gap:5px 16px;padding-bottom:9px;border-bottom:1px solid var(--border);
  color:var(--muted);font-size:11px;font-weight:700}
.china-report-prose{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.china-report-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.china-report-gallery button{display:flex;flex-direction:column;gap:5px;min-width:0;padding:5px;border:1px solid var(--border);
  border-radius:9px;background:var(--bg);color:var(--text);text-align:left;cursor:pointer}
.china-report-gallery button:hover,.china-report-gallery button:focus-visible{border-color:var(--blue);outline:none}
.china-report-gallery img{display:block;width:100%;height:170px;object-fit:contain;border-radius:5px;background:#fff}
.china-report-gallery span{display:block;max-width:100%;padding:2px 3px;font-size:10px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.china-report-attachments{padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}
.china-report-attachments>b{display:block;margin-bottom:4px;font-size:11px}
.china-report-dialog .bm-rt{min-height:160px}
.china-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;
  background:var(--navy);color:#fff;font-size:15px}
.china-modal-head button{border:0;background:none;color:#fff;font-size:20px;cursor:pointer}
.china-modal-body{padding:18px;display:flex;flex-direction:column;gap:13px}
.china-pick-field{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;color:var(--muted)}
.china-pick-field .china-help{font-weight:500}
/* Общий список ЧПУ висит в body; в этом разделе он должен быть выше закрытой модалки. */
.wt-pp-list[data-pfx="chinaProject"]{z-index:10020}
.china-modal-body>label,.china-date-fields label{display:flex;flex-direction:column;gap:5px;
  font-size:11px;font-weight:800;color:var(--muted)}
.china-modal-body input:not([type=checkbox]),.china-modal-body textarea,.china-modal-body select{width:100%;box-sizing:border-box;
  padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);
  color:var(--text);font:600 13px var(--font)}
.china-modal-body textarea{resize:vertical;min-height:90px}
.china-modal-body input:focus,.china-modal-body textarea:focus,.china-modal-body select:focus{outline:2px solid #93c5fd;outline-offset:1px}
.china-cell-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.china-cell-actions .china-btn{min-height:58px;white-space:normal;text-align:center;line-height:1.35}
.china-status-history-list{display:flex;flex-direction:column;gap:7px;max-height:52vh;overflow:auto}
.china-status-history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.china-status-history-item span{font-size:11px;color:var(--muted);font-weight:700;white-space:nowrap}
.china-status-history-item button{border:0;background:none;color:var(--text);font:700 11px var(--font);
  text-align:right;cursor:pointer;overflow-wrap:anywhere}
.china-status-history-item button:hover{color:var(--blue);text-decoration:underline}
.china-date-fields{display:flex;gap:12px}
.china-date-fields label{flex:1;min-width:0}
.china-help{font-size:11px;line-height:1.5;color:var(--muted)}
.china-modal-error{display:none;border:1px solid #fca5a5;border-radius:7px;padding:8px 10px;
  background:#fef2f2;color:#991b1b;font-size:11px;font-weight:700}
.china-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:3px}
.china-modal h4{font-size:12px;margin:6px 0 -5px}
.china-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;
  max-height:235px;overflow:auto;padding:5px;border:1px solid var(--border);border-radius:8px}
.china-check-grid label{display:flex;align-items:flex-start;gap:6px;font-size:11px;line-height:1.3;
  padding:3px;cursor:pointer;overflow-wrap:anywhere}
.china-check-grid input{flex:none;margin:0;accent-color:var(--blue)}
@media(max-width:720px){
  .china-page .dept-page-header{align-items:flex-start}
  .china-page .dept-page-title{flex:1 0 calc(100% - 100px)}
  .china-wrap{padding:10px}
  .china-wrap .dsl-head{gap:7px}
  .china-wrap .dsl-spans{margin-left:0}
  .china-sticky-head{top:54px}
  .china-header-label{flex-basis:190px;width:190px}
  .china-project{flex-basis:190px;width:190px}
  .china-grid{min-width:0}
  .china-check-grid{grid-template-columns:1fr}
  .china-cell-actions{grid-template-columns:1fr}
  .china-date-fields{flex-direction:column}
  .china-add-cell{opacity:1}
  .china-report-gallery{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
  .china-report-gallery img{height:140px}
}
