/* CLINICOS-SUPER-DEVELOPMENT-LOG-V1 —— 診所開發紀錄
   全部選擇器都掛在 .devlog-* 或 #platformDevelopmentLogV1 之下，不會影響其它 SUPER 頁面。
   視覺走管理工具路線：無 gradient、無 glassmorphism、無 KPI 卡牆、無 Kanban／Funnel。
   桌機優先，1366×768 不得出現水平捲動。 */

/* align-content:start —— 面板比內容高時，grid 預設會把多餘高度平均塞進每一列，
   造成搜尋列被撐成 100px。固定成 start，各列維持自然高度。 */
#platformDevelopmentLogV1{display:grid;gap:14px;align-content:start}

.devlog-head-v1{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
.devlog-head-main-v1{flex:1 1 260px;min-width:0}
.devlog-head-main-v1 h4{margin:0 0 4px;font-size:20px;color:#0f172a}
.devlog-head-main-v1 .note{margin:0}
.devlog-head-actions-v1{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* align-items:flex-start：否則 flex 容器會把搜尋框拉成整列高度 */
.devlog-search-v1{display:flex;align-items:flex-start}
.devlog-search-input-v1{flex:1 1 320px;max-width:420px;min-width:0;height:40px;min-height:40px}

.devlog-tablewrap-v1{overflow-x:auto}
.devlog-table-v1,.devlog-type-table-v1{width:100%;table-layout:fixed}
table.devlog-table-v1 th,table.devlog-table-v1 td,
table.devlog-type-table-v1 th,table.devlog-type-table-v1 td{
  padding:10px 8px;font-size:13px;vertical-align:top;overflow-wrap:anywhere;line-height:1.4;height:auto;
}
.devlog-table-v1 th:nth-child(1),.devlog-table-v1 td:nth-child(1){width:28%}
.devlog-table-v1 th:nth-child(2),.devlog-table-v1 td:nth-child(2){width:16%}
.devlog-table-v1 th:nth-child(3),.devlog-table-v1 td:nth-child(3){width:14%}
.devlog-table-v1 th:nth-child(4),.devlog-table-v1 td:nth-child(4){width:22%}
.devlog-cell-name-v1{font-weight:600;color:#0f172a}
.devlog-cell-ops-v1{display:flex;gap:6px;flex-wrap:wrap}
#platformDevelopmentLogV1 .devlog-btn-sm-v1{
  min-height:28px;padding:0 10px;font-size:12px;border-radius:8px;white-space:nowrap;
}
.devlog-num-v1{text-align:right}

.devlog-type-chip-v1{
  display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600;
  background:var(--cos-surface-muted,#f7f8fa);border:1px solid var(--cos-border,#e5e7eb);color:#344054;
}
.devlog-type-off-v1{font-size:11px;color:#b54708}
.devlog-state-on-v1{color:var(--cos-success,#0f7b3d);font-weight:600}
.devlog-state-off-v1{color:#b54708;font-weight:600}
.devlog-type-row-off-v1{background:var(--cos-surface-muted,#f7f8fa);color:var(--cos-text-muted,#667085)}

.devlog-link-v1{
  padding:0;border:0;background:none;font-size:12px;
  color:var(--cos-accent,#0f6cbd);text-decoration:underline;cursor:pointer;
}
.devlog-back-v1{display:inline-block;margin:0 0 6px;font-size:13px}
.devlog-meta-v1{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:#475467}
.devlog-meta-v1 strong{color:#1f2430}
.devlog-note-v1{margin:6px 0 0;max-width:70ch}

/* Timeline：一條細線 ＋ 小圓點，刻意不做裝飾性卡片或大型節點編號 */
.devlog-timeline-v1{
  list-style:none;margin:0;padding:0 0 0 18px;
  border-left:2px solid var(--cos-border,#e5e7eb);display:grid;gap:18px;
}
.devlog-timeline-item-v1{position:relative}
.devlog-timeline-item-v1::before{
  content:'';position:absolute;left:-25px;top:5px;width:9px;height:9px;border-radius:50%;
  background:#fff;border:2px solid var(--cos-accent,#0f6cbd);
}
.devlog-timeline-date-v1{font-size:13px;font-weight:700;color:#0f172a}
.devlog-timeline-type-v1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.devlog-timeline-text-v1{margin:6px 0 0;font-size:13px;line-height:1.6;color:#475467;max-width:80ch;white-space:pre-wrap}
.devlog-timeline-empty-v1{
  list-style:none;padding:22px 0;color:var(--cos-text-muted,#667085);font-size:13px;
}

.devlog-typepanel-v1{
  border:1px solid var(--cos-border,#e5e7eb);border-radius:10px;
  background:var(--cos-surface-muted,#f7f8fa);padding:12px 14px;display:grid;gap:10px;
}
.devlog-typepanel-head-v1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.devlog-typepanel-head-v1 h5{margin:0;font-size:15px;color:#0f172a}
.devlog-typepanel-head-v1 .note{margin:0;flex:1 1 240px}
.devlog-typepanel-v1 .cos-table{background:#fff}

.devlog-form-v1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.devlog-form-wide-v1{grid-column:1/-1}
.devlog-form-v1 .cos-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.devlog-form-v1 textarea.cos-field__control{resize:vertical}
.devlog-dialog-v1{width:min(620px,94vw)}

@media(max-width:900px){
  .devlog-form-v1{grid-template-columns:minmax(0,1fr)}
}