/* Shared finish for the authenticated tracker and its sign-in screen.
   Keep the existing layouts; use document sections and ordinary toolbars. */
:root{--ui-ink:#282d32;--ui-muted:#606870;--ui-line:#d9dde1;--ui-soft:#f3f4f5;--ui-accent:#a92232;--accent:var(--ui-accent);--muted:var(--ui-muted);--line:var(--ui-line);background:#fff}
body.tracker-ui{font-family:"Segoe UI",Arial,system-ui,sans-serif;color:var(--ui-ink);background:#fff;font-size:14px}
.tracker-ui ::selection{background:#dce6f0;color:#202830}
.tracker-ui :focus-visible{outline:2px solid #346c9c;outline-offset:2px}
.tracker-ui input,.tracker-ui textarea{caret-color:var(--ui-accent)}
.tracker-ui a{color:#285f89;text-underline-offset:3px}
.tracker-ui button,.tracker-ui input,.tracker-ui select,.tracker-ui textarea{font-family:inherit}
.tracker-ui .bar{min-height:60px;padding-block:10px;background:#fff;color:var(--ui-ink);border-bottom:1px solid var(--ui-line)}
.tracker-ui .bar strong{font-size:16px;font-weight:600}
.tracker-ui .bar a{color:#285f89}
.tracker-ui .bar button{border-color:var(--ui-line);background:#fff;color:var(--ui-ink);border-radius:3px;font-weight:400}
.tracker-ui .bar #who{font-size:13px;color:var(--ui-muted)}
.tracker-ui .page{margin-top:28px}
.tracker-ui .page h1{font-size:25px;font-weight:600;letter-spacing:0}
.tracker-ui .page h2,.tracker-ui .page legend{font-size:18px;font-weight:600}
.tracker-ui .page h3{font-weight:600}
.tracker-ui .panel{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.tracker-ui .columns{grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:28px}
.tracker-ui .columns>.panel:first-child{padding-right:28px;border-right:1px solid var(--ui-line)}
.tracker-ui .notice{padding:0;border:0;background:none;color:var(--ui-muted);font-size:13px;margin:12px 0 20px}
.tracker-ui .status:empty{display:none}
.tracker-ui .page>.tabs{margin:24px 0}
.tracker-ui .page .tabs button{font-weight:400;border-bottom-width:2px}
.tracker-ui .page .tabs button[aria-selected=true]{font-weight:600}
.tracker-ui .project-list button{font-weight:400;border:0;border-radius:2px;padding:12px;margin:2px 0}
.tracker-ui .project-list button[aria-pressed=true]{font-weight:600;background:#edf0f2;color:var(--ui-ink)}
.tracker-ui .page button,.tracker-ui .page .button{border-radius:3px;font-weight:500;box-shadow:none}
.tracker-ui .page button.secondary{border-color:#b8bec5;color:var(--ui-ink);background:#fff}
.tracker-ui .page label{font-weight:500}
.tracker-ui .page input:not([type=checkbox]),.tracker-ui .page select,.tracker-ui .page textarea{border-color:#aeb5bc;border-radius:3px;color:var(--ui-ink);box-shadow:none}
.tracker-ui .page summary{font-weight:500;color:var(--ui-ink);min-height:32px}
.tracker-ui .page th{background:var(--ui-soft);color:#505960}
.tracker-ui .page td,.tracker-ui .page th{padding:12px}
.tracker-ui .page td:first-child,.tracker-ui .page th:first-child{padding-left:8px}
.tracker-ui .entry-content{border:0;border-radius:0;padding:0 0 24px;background:#fff}
.tracker-ui .entry-layout>nav{border-right:1px solid var(--ui-line);padding-right:20px}
.tracker-ui .entry-layout>nav a{padding:8px 0;border-radius:0;font-size:13px}
.tracker-ui .entry-save{background:#fff}
.tracker-ui .config-layout>.panel{padding-top:8px}
.tracker-ui .config-layout.with-preview>.preview-panel{border-left:1px solid var(--ui-line);padding-left:24px}
.tracker-ui .config-save{padding-top:12px}
.tracker-ui .page.login{max-width:440px}
.tracker-ui .login .panel{margin-top:28px}
.tracker-ui dialog:not(.annotation-editor):not(.photo-editor){border-radius:4px}

/* The register stays graphical and resizable. Detail sections read as one document. */
.tracker-ui.tracker-workspace .topbar{min-height:60px;height:auto;padding:8px 20px;gap:20px;background:#fff;color:var(--ui-ink);border-bottom:1px solid var(--ui-line)}
.tracker-ui .brand{gap:12px;min-width:0}
.tracker-ui .brandmark{width:32px;height:32px;border-radius:3px;font-size:22px;line-height:32px;background:var(--ui-accent)}
.tracker-ui .brandmark span{width:9px;height:4px;right:4px;top:15px}
.tracker-ui .eyebrow{font-size:12px;letter-spacing:0;font-weight:400;color:var(--ui-muted)}
.tracker-ui .brandtitle{font-weight:600;letter-spacing:0}
.tracker-ui .top-stats{gap:20px}
.tracker-ui .top-stat strong{font-size:16px;font-weight:600;color:var(--ui-ink);letter-spacing:0}
.tracker-ui .top-stat span{font-size:11px;letter-spacing:0;font-weight:400;text-transform:lowercase;color:var(--ui-muted)}
.tracker-ui .top-actions{gap:12px}
.tracker-ui .top-actions a{font-size:13px;color:#285f89}
.tracker-ui .offline-pill{font-size:11px;letter-spacing:0;font-weight:400;padding:0;border:0;color:var(--ui-muted)}
.tracker-ui .top-btn,.tracker-ui .icon-btn{height:auto;min-height:36px;padding:8px 12px;border:1px solid #bec4ca;border-radius:3px;color:var(--ui-ink);background:#fff;font-weight:500}
.tracker-ui .top-btn:hover{background:var(--ui-soft)}
.tracker-ui #newIssue{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}
.tracker-ui .sidebar,.tracker-ui .media-panel{box-shadow:none;border-color:var(--ui-line)}
.tracker-ui .searchbox,.tracker-ui .filters select,.tracker-ui .advanced-filters,.tracker-ui .sort-control select,.tracker-ui .advanced-filter-grid input,.tracker-ui .advanced-filter-grid select{border-radius:3px;border-color:var(--ui-line);background:#fff}
.tracker-ui .filter-toolbar button{border-radius:3px;font-weight:400;border-color:var(--ui-line)}
.tracker-ui .advanced-filters{background:var(--ui-soft)}
.tracker-ui .issue-row{border-color:#e7e9eb}
.tracker-ui .issue-row.active{background:#edf0f2}
.tracker-ui .issue-row.active:before{width:1px;background:#727c86}
.tracker-ui .issue-row-id,.tracker-ui .issue-row.active .issue-row-id{font-weight:600;color:var(--ui-ink)}
.tracker-ui .issue-row-desc{color:#505961;font-size:13px}
.tracker-ui .issue-row-bottom{color:var(--ui-muted);font-size:11px}
.tracker-ui .list-photo,.tracker-ui .list-photo img{border-radius:2px}
.tracker-ui .status-pill,.tracker-ui .priority-pill,.tracker-ui .chip{border-radius:2px;font-weight:500;letter-spacing:0}
.tracker-ui .status-open{background:#f5eee5;color:#805016}
.tracker-ui .status-progress{background:#eaf0f5;color:#325f82}
.tracker-ui .priority-A{background:#faeded;color:#9d2632}
.tracker-ui .priority-B{background:#f6f0e4;color:#805a14}
.tracker-ui .priority-C{background:#edf1f5;color:#42617e}
.tracker-ui .chip.neutral{background:var(--ui-soft);color:#505961}
.tracker-ui .details,.tracker-ui .detail-scroll{background:#fff}
.tracker-ui .detail-header{padding:20px 24px 16px;border-color:var(--ui-line)}
.tracker-ui .detail-header .section-label,.tracker-ui .media-head .section-label{display:none}
.tracker-ui .title-row h1{font-size:24px;letter-spacing:0;font-weight:600}
.tracker-ui .save-status{color:var(--ui-muted)}
.tracker-ui .issue-meta{color:var(--ui-muted);font-size:12px}
.tracker-ui .chip-row{margin-top:12px}
.tracker-ui .secondary-btn,.tracker-ui .primary-btn{border-radius:3px;font-weight:500;border-color:var(--ui-line)}
.tracker-ui .primary-btn{background:var(--ui-accent);border-color:var(--ui-accent)}
.tracker-ui.tracker-workspace .tabs{padding-inline:24px;gap:20px;border-color:var(--ui-line)}
.tracker-ui .tab{font-weight:400;font-size:13px;color:var(--ui-muted);border-bottom-width:2px}
.tracker-ui .tab.selected{font-weight:600;border-bottom-color:var(--ui-accent)}
.tracker-ui .tab-note{display:none}
.tracker-ui .detail-scroll{padding:12px 24px 28px}
.tracker-ui .section-heading{font-weight:600;color:var(--ui-ink)}
.tracker-ui .section-card{padding:16px 0;margin:0;border:0;border-top:1px solid var(--ui-line);border-radius:0;box-shadow:none;background:transparent}
.tracker-ui .section-card h3{font-weight:600;font-size:14px;letter-spacing:0}
.tracker-ui .section-card h3:before{display:none}
.tracker-ui .field-label{font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--ui-muted);margin-bottom:6px}
.tracker-ui .field-value,.tracker-ui .kval{font-size:14px;color:var(--ui-ink);line-height:1.6}
.tracker-ui .media-head h2{font-size:18px;letter-spacing:0;font-weight:600}
.tracker-ui .media-center{border:0;border-radius:2px;background:#f0f1f2}
.tracker-ui .media-full-btn,.tracker-ui .media-main-controls button{border:0;border-radius:3px;background:#252a30de;font-weight:400}
.tracker-ui .photo-selection-actions{gap:16px}
.tracker-ui .photo-selection-actions button{border:0;border-radius:0;padding:4px 0;background:none;font-size:13px;color:#285f89}
.tracker-ui .photo-selection-actions .photo-delete-button{color:#a52a35}
.tracker-ui .thumb-heading{font-weight:400;letter-spacing:0;text-transform:lowercase;color:var(--ui-muted)}
.tracker-ui .thumb-item{border-radius:3px}
.tracker-ui .thumb-item.current{border-color:var(--ui-accent);background:#fff}
.tracker-ui .media-foot{background:#fff;border:0;color:var(--ui-muted);padding-top:0}
.tracker-ui .image-caption,.tracker-ui .sidebar-footer{color:var(--ui-muted)}
.tracker-ui .sidebar-footer{letter-spacing:0;border-color:var(--ui-line)}
.tracker-ui .pane-splitter{background:#eceef0}
.tracker-ui .pane-splitter:after{width:2px;background:#aab1b8}
.tracker-ui .toast{background:#282d32;border-radius:4px;box-shadow:0 4px 16px #0002}

/* Match the photo tools to the viewer's neutral, flat toolbar treatment. */
.tracker-ui .annotation-editor,.tracker-ui .photo-editor{background:#111315}
.tracker-ui .annotation-rail,.tracker-ui .annotation-menu,.tracker-ui .crop-controls{background:#202326}
.tracker-ui .annotation-editor button,.tracker-ui .crop-controls button{font-family:inherit;font-weight:400;background:transparent;border-color:#51575e;border-radius:3px}
.tracker-ui .annotation-rail button[aria-expanded=true],.tracker-ui .annotation-menu button[aria-pressed=true],.tracker-ui .annotation-rail .annotation-save,.tracker-ui .crop-controls .crop-apply{background:#e9ecef;border-color:#e9ecef;color:#202326}
.tracker-ui .annotation-menu{border-radius:3px;border-color:#51575e}
.tracker-ui .photo-editor{border-radius:4px;border-color:#51575e}
.tracker-ui .photo-editor header,.tracker-ui .crop-controls{border-color:#51575e}
.tracker-ui:has(#stage){display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh;background:#111315;color:#f3f4f5}
.tracker-ui:has(#stage)>header{height:auto;min-height:56px;padding:6px 12px;gap:12px;flex-wrap:wrap;background:#202326;border:0}
.tracker-ui:has(#stage) #name{font-size:13px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.tracker-ui:has(#stage) header button{min-width:44px;min-height:44px;border:0;border-radius:3px;background:transparent;color:#f3f4f5;font-size:13px}
.tracker-ui:has(#stage) header button:hover{background:#373b40}
.tracker-ui #stage{height:auto;min-height:0;background:#111315}

@media(max-width:1200px){
  .tracker-ui.tracker-workspace.single-column .topbar{padding:6px 12px}
  .tracker-ui.tracker-workspace.single-column .details{background:#fff}
  .tracker-ui.tracker-workspace.single-column .detail-header{padding:12px 16px}
  .tracker-ui.tracker-workspace.single-column .detail-scroll{padding:8px 16px 24px}
  .tracker-ui.tracker-workspace.single-column .section-card{padding:16px 0}
  .tracker-ui.tracker-workspace.single-column .field-label{font-size:12px;letter-spacing:0}
  .tracker-ui.tracker-workspace.single-column .mobile-detail-toolbar{border-color:var(--ui-line)}
  .tracker-ui.tracker-workspace.single-column .mobile-detail-toolbar button{font-weight:500}
  .tracker-ui.tracker-workspace.single-column .media-panel{border-color:var(--ui-line)}
}
@media(max-width:1000px){.tracker-ui .config-layout.with-preview>.preview-panel{border-left:0;border-bottom:1px solid var(--ui-line);padding:0 0 24px}}
@media(max-width:760px){
  .tracker-ui .columns{grid-template-columns:1fr;gap:24px}
  .tracker-ui .columns>.panel:first-child{padding:0 0 20px;border-right:0;border-bottom:1px solid var(--ui-line)}
  .tracker-ui .bar{padding:12px 16px;gap:8px}
  .tracker-ui .bar nav{gap:12px}
  .tracker-ui .page button,.tracker-ui .page .button,.tracker-ui .bar button{min-height:44px}
  .tracker-ui .page input:not([type=checkbox]),.tracker-ui .page select,.tracker-ui .page textarea{font-size:16px;min-height:44px}
  .tracker-ui .page summary{min-height:44px}
  .tracker-ui .entry-layout>nav{border:0;padding:0}
  .tracker-ui .photo-editor{border-radius:0}
}