#g-detail { --pd-columns: minmax(0, 1fr) minmax(360px, 1fr); --pd-gap: 24px; }
#g-detail .pd-title h2 { letter-spacing: 0; }
#g-detail .pd-tiles { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 0 0 16px; padding: 12px 16px; border: 1px solid var(--line); background: #fff; }
#g-detail .pd-tiles .tile { min-width: 0; min-height: 0; padding: 0 16px; gap: 4px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
#g-detail .pd-tiles .tile:first-child { padding-left: 0; }
#g-detail .pd-tiles .tile:last-child { border-right: 0; }
#g-detail .pd-tiles .val { font-size: 20px !important; line-height: 1.35; }
#g-detail .pd-tiles .tile:nth-child(3) .val { font-size: 14px !important; }
#g-detail .pd-tiles .sub { font-size: 11px; }
#g-detail .pd-card { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; margin: 0; padding: 16px 0; gap: 12px; background: transparent; }
#g-detail .pd-card > h3 { min-height: 28px; display: flex; align-items: center; gap: 6px 10px; flex-wrap: wrap; line-height: 1.5; }
#g-detail .pd-card > h3 .count { padding-top: 2px; line-height: 1.5; }
#g-detail .pd-card > h3 .spacer { display: block; flex: 1; }
#g-detail .pd-card > h3 > .btn, #g-detail .pd-card > h3 > .actions { justify-self: end; }
#g-detail .pd-plan-layout, #g-detail .pd-pair { grid-template-columns: var(--pd-columns); gap: var(--pd-gap); }
#g-detail .pd-kv { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px 24px; }
#g-detail .pd-kv dt { margin-bottom: 4px; }
#g-detail .pd-text { gap: 10px; padding-top: 16px; }
#g-detail .pd-text p { position: relative; padding-left: 72px; min-height: 21px; overflow-wrap: anywhere; }
#g-detail .pd-text p > b { position: absolute; left: 0; top: 0; width: 64px; min-width: 0; margin: 0; }
#g-detail .pd-nodes { gap: 6px; align-items: baseline; }
#g-detail .pd-weeks { gap: 6px; }
#g-detail .pdnotes { margin: 0; }
#g-detail .pdnote-add { gap: 10px; }
#g-detail .pdnote-add textarea { width: 100%; min-height: 64px; height: 64px; }
#g-detail .pdnote-add .row { display: flex; justify-content: flex-end; align-items: center; gap: 8px; flex-wrap: wrap; }
#g-detail .pdnote-add .row input { width: 154px; }
#g-detail .pd-footer { margin: 0; padding: 12px 0; }
#g-detail .pd-workbench { padding: 0 16px; border: 1px solid var(--line); background: #fff; }
.pd-tabs { display: flex; gap: 24px; border-bottom: 1px solid var(--line-strong); }
.pd-tabs [role=tab] { position: relative; padding: 11px 2px; border: 0; background: transparent; color: var(--ink-2); font: inherit; font-size: 14px; cursor: pointer; white-space: nowrap; }
.pd-tabs [aria-selected=true] { color: var(--ink); font-weight: 600; }
.pd-tabs [aria-selected=true]::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 3px; background: var(--ink); }
.pd-tabs [role=tab]:focus-visible { outline: 2px solid var(--ink-2); outline-offset: -2px; }
.pd-panel[hidden] { display: none !important; }
#g-detail .pd-plan { border-bottom: 0; }
#g-detail .pd-plan-list { padding-left: 24px; }
#g-detail .pd-plan-list > .pd-card { border-top: 1px solid var(--line); border-bottom: 0; margin-top: 8px; padding-top: 16px; }
#g-detail .pd-ai-fold { border-bottom: 1px solid var(--line); }
#g-detail .pd-ai-fold > summary { padding: 14px 0; color: var(--ink-2); font-size: 13px; cursor: pointer; }
#g-detail .pd-ai-fold > .pd-card { padding-top: 0; border-bottom: 0; }
#g-detail .pd-review-body { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,1fr); gap: 24px; align-items: start; }
#g-detail .pd-review-body > .pd-card { border-bottom: 0; }
#g-detail .pd-review-body > .pd-card + .pd-card { padding-left: 24px; border-left: 1px solid var(--line); }
#g-detail .pd-panel[data-pd-panel=info] { max-width: 1100px; }
#g-detail .pc-board { grid-template-columns: auto minmax(0,1fr); align-items: center; }
#g-detail .pc-view-switch { grid-column: 1; }
#g-detail .pc-toolbar { grid-column: 2; }
#g-detail .pc-toolbar input { width: 160px; }
#g-detail .pc-board > :not(.pc-view-switch):not(.pc-toolbar) { grid-column: 1 / -1; }
@media (min-width: 901px) and (max-width: 1150px) {
  #g-detail .pc-toolbar { grid-column: 1 / -1; }
}
@media (max-width: 1100px) {
  #g-detail .pd-review-body { grid-template-columns: minmax(0,1fr); gap: 0; }
  #g-detail .pd-review-body > .pd-card + .pd-card { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 900px) {
  #g-detail .pd-plan-layout { grid-template-columns: minmax(0,1fr); gap: 20px; }
  #g-detail .pd-plan-list { padding-left: 0; }
}
@media (max-width: 600px) {
  #g-detail .pd-workbench { padding: 0 12px; }
  #g-detail .pd-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 0; }
  #g-detail .pd-tiles .tile { padding: 0 12px; }
  #g-detail .pd-tiles .tile:nth-child(odd) { padding-left: 0; }
  #g-detail .pd-tiles .tile:nth-child(even) { border-right: 0; }
  #g-detail .pd-title .actions { width: 100%; }
  #g-detail .pd-kv { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #g-detail .pc-toolbar { grid-column: 1 / -1; }
  .pd-tabs { gap: 20px; }
}