/* Tomsons Tech compact workspace. Loaded last; no framework or data-model changes. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media screen{
body{font-size:14px;line-height:1.45;background:#f6f7f5}
body>.topbar{height:48px;min-height:48px;padding:0 18px;gap:12px;flex-wrap:nowrap;background:#171918}
.topbar .brand{font-size:19px;letter-spacing:.025em;flex:none;color:#fff}
.topbar .brand span{display:none}
.topbar .kano-product-nav{padding:0;gap:2px;align-self:stretch;align-items:stretch;order:0;width:auto;min-height:0;min-width:0;overflow-x:auto;flex:none}
.topbar .kano-product-nav a{display:flex;align-items:center;min-height:48px;padding:0 12px;border:0;border-radius:0;border-bottom:2px solid transparent;color:#d7dcd8;font-size:13px;white-space:nowrap;flex:none}
.topbar .kano-product-nav a:hover{background:#262a27;text-decoration:none}
.topbar .kano-product-nav a[aria-current=page]{background:transparent;color:white;border-bottom-color:#fff}
.global-search{margin-left:auto;width:190px;flex:0 1 190px}
.global-search input{min-height:32px;height:32px;padding:4px 9px;border:1px solid #555d57;border-radius:5px;background:#292e2b;color:white;font-size:12px;width:100%}
.global-search input::placeholder{color:#c2cbc4}
.system-link{display:grid;place-items:center;min-width:32px;min-height:32px;border:1px solid #515851;border-radius:5px;color:white;font-size:17px}
.topbar .account{font-size:12px;gap:8px;margin-left:auto;min-width:0;white-space:nowrap}
.topbar .account>span{max-width:180px;overflow:hidden;text-overflow:ellipsis}
.topbar .account button{font-size:12px;min-height:32px;padding:4px 9px;border-radius:5px}
main{padding:14px 20px 24px;max-width:1800px;min-width:0;min-height:calc(100vh - 88px)}
.page-heading{min-height:34px;margin:0 0 8px;gap:12px;align-items:center;flex-wrap:nowrap}
h1{font-size:20px;line-height:1.4;margin:0;font-weight:680;letter-spacing:-.02em}
h2,.panel-heading h2{font-size:14px;line-height:1.5;margin:0}
.eyebrow,.subtitle,.muted,.code,.section-copy,.form-hint,.breadcrumb,.empty,.parallel-note,.due-overdue{font-size:12px}
.subtitle{line-height:1.5;margin:2px 0 0}
.company-label{font-size:12px;font-weight:500;color:var(--ui-muted);margin-left:10px;letter-spacing:0}
.page-heading .actions{width:auto;gap:6px;flex-shrink:0}
.button,.button.small,.page-heading .button{border-radius:5px;min-height:32px;padding:5px 10px;font-size:12px;line-height:20px}
.button.primary{background:#191c19;border-color:#191c19}
.panel{border-radius:7px;box-shadow:none;margin-bottom:12px;overflow:visible}
.panel-heading{padding:7px 12px;gap:10px;min-height:38px;flex-wrap:nowrap}
.panel-heading p{font-size:12px}
.toolbar,.registry-toolbar{padding:6px 10px;gap:7px;align-items:center}
.registry-toolbar label{display:flex;align-items:center;gap:4px;font-size:12px;min-width:0}
.registry-toolbar .search{min-width:170px;max-width:350px;flex:1 1 200px}
.registry-toolbar input,.registry-toolbar select{min-height:32px;height:32px;padding:4px 8px;font-size:12px;border-radius:5px;background:#fff}
.registry-toolbar select{min-width:0;width:auto;max-width:220px}
.registry-toolbar .count{font-size:12px;align-self:center}
.workday-filters .search{flex-basis:180px}
.table-wrap{overflow:auto;scrollbar-width:thin}
.table-wrap table{min-width:720px}
.table-wrap th{padding:6px 10px;height:32px;font-size:12px;line-height:20px;white-space:nowrap}
.table-wrap td{padding:4px 10px;height:40px;font-size:13px;line-height:20px;white-space:nowrap}
.table-wrap td:first-child,#workday-list td:first-child{min-width:0;max-width:420px;overflow-wrap:normal}
.table-wrap td strong,.table-wrap td .link-button{font-weight:550}
.table-wrap td small{display:inline-block;vertical-align:middle;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:20px;margin:0 0 0 6px}
.table-wrap .record-title{max-width:430px}
.table-wrap .record-title>a{display:inline-block;max-width:310px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge,.route-node .badge{font-size:12px;line-height:20px;padding:1px 6px;border-radius:4px}
.badge::before{width:4px;height:4px}
.synthetic-label{display:inline-block;vertical-align:middle;margin-left:6px;font-size:12px;line-height:20px;color:#805729;border:1px solid #ead7b8;background:#fcf6e9;padding:0 5px;border-radius:4px}
.progress{display:inline-flex;gap:6px;min-width:96px;width:110px;margin-right:5px;font-size:12px}
.progress .track{flex:none;width:64px;min-width:64px;height:5px;background:#e6ebe3}
.count-filters{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin:0 0 8px;min-height:32px}
.count-filters button,.count-filters a{border:1px solid #d6ddd2;background:#fff;border-radius:5px;min-height:30px;padding:4px 10px;font-size:12px;line-height:20px;color:var(--ui-ink);white-space:nowrap}
.count-filters button[aria-pressed=true]{background:#252b24;border-color:#252b24;color:white}
.count-filters b{font-weight:650;margin-left:5px;font-variant-numeric:tabular-nums}
.count-filters a:hover{text-decoration:none;background:#edf1e9}
.workday-coverage{background:transparent;border:0;border-top:1px solid var(--ui-line);border-radius:0;min-height:30px;line-height:20px;font-size:12px;padding:5px 10px;margin:0;gap:8px;flex-direction:row;align-items:center}
.workday-coverage span{font-size:12px;display:inline}
.workday-pagination{padding:5px 10px;min-height:40px;font-size:12px;flex-wrap:nowrap}
.note{border-radius:5px;padding:7px 10px;margin-bottom:8px;font-size:12px;line-height:1.6}
details.note{display:block}
summary{cursor:pointer}
.view-help{position:relative;flex:none;color:var(--ui-muted);font-size:12px}
.view-help>summary{display:grid;place-items:center;width:32px;height:32px;list-style:none;border:1px solid var(--ui-line);background:#fff;border-radius:5px;font-weight:650}
.view-help>summary::-webkit-details-marker{display:none}
.view-help>p{position:absolute;right:0;top:35px;z-index:8;width:min(340px,calc(100vw - 48px));padding:12px;background:#fff;border:1px solid #cfd7c8;box-shadow:0 5px 16px #20261b1a;border-radius:6px;font-size:12px;line-height:1.7}
.section-copy{padding:7px 12px;font-size:12px;line-height:1.6}
.breadcrumb{line-height:20px;margin-bottom:6px;gap:8px}
.tabs{background:transparent;box-shadow:none;border-radius:0;border:0;border-bottom:1px solid var(--ui-line);margin-bottom:10px;padding:0;gap:3px}
.tabs a,.tabs a.active{padding:5px 12px;min-height:34px;border-radius:0;color:var(--ui-muted);border-bottom:2px solid transparent;background:transparent;font-size:13px}
.tabs a.active{color:var(--ui-ink);border-bottom-color:var(--ui-ink);font-weight:600}
.attention-bar{padding:6px 10px;border-radius:5px;gap:4px 12px;margin:0 0 8px;font-size:12px;line-height:20px;flex-direction:row}
.attention-bar a{padding:0}
.process-route{min-width:880px;grid-template-columns:repeat(var(--route-columns),minmax(108px,1fr));gap:16px;padding:20px 12px 12px;background-image:none;background-color:#fafbf9}
.route-column:not(:last-child)::after{left:calc(100% + 2px);font-size:14px}
.route-node{border-radius:6px;padding:8px;min-height:130px;gap:3px;font-size:12px;line-height:1.5}
.route-node strong{font-size:12px}
.route-node .step-dot{width:24px;height:24px;font-size:12px}
.parallel-note{font-size:12px;bottom:calc(100% + 3px)}
.detail-list{padding:0 12px}
.detail-row{padding:7px 0;font-size:12px}
.empty{padding:24px 16px;font-size:13px;line-height:1.65}
.empty strong{font-size:15px}
.empty .actions{justify-content:center;margin-top:10px}
.site-footer{padding:8px 20px;font-size:12px;line-height:20px;gap:8px}
.site-footer #engine-state{display:none}
.member-avatar{width:24px;height:24px;font-size:12px;margin-right:6px}
.login{border-radius:8px;box-shadow:none;margin:28px auto}
.login-intro,.login-body{padding:28px}
.login-intro h1{font-size:26px;line-height:1.6}
input,select,textarea{border-radius:5px;min-height:34px;font-size:13px;padding:6px 9px}
.login-body label,dialog label,.form-hint{font-size:12px}
dialog{border-radius:7px;color:var(--ui-ink)}
dialog header{padding:15px 18px 12px}
dialog h2{font-size:18px;line-height:1.5}
dialog .form-grid{grid-template-columns:1fr;gap:0}
dialog #dialog-body{padding:15px 18px;max-height:calc(100dvh - 160px);overflow:auto}
dialog footer{padding:10px 18px}
dialog::backdrop{background:#12181322;backdrop-filter:none}
.record-facts{margin:0}
.record-facts>div{padding:9px 0;border-bottom:1px solid var(--ui-line)}
.record-facts dt{font-size:12px;color:var(--ui-muted);margin-bottom:3px}
.record-facts dd{margin:0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.icon-button{border-radius:5px;font-size:23px;min-width:32px;min-height:32px}
.team-edit{border-radius:6px;padding:10px}
#toast{border-radius:6px;font-size:13px;padding:10px 16px}
@media(min-width:1200px){
 body[data-record-panel=side] main{margin-left:0;margin-right:420px;max-width:none}
 dialog#dialog{position:fixed;inset:48px 0 0 auto;margin:0;width:420px;max-width:45vw;height:calc(100dvh - 48px);max-height:none;border-radius:0;border-right:0;border-bottom:0;box-shadow:-8px 0 24px #20271b1f}
 dialog#dialog>form{height:100%;display:flex;flex-direction:column}
 dialog#dialog #dialog-body{flex:1;max-height:none}
 dialog#dialog footer{margin-top:auto}
}
@media(max-width:1150px){.global-search{display:none}.topbar .account>span{max-width:140px}.topbar .kano-product-nav a{padding:0 9px}.registry-toolbar{flex-wrap:wrap}}
@media(max-width:820px){
 body>.topbar{padding:0 10px;gap:7px}.topbar .brand{font-size:18px}.topbar .kano-product-nav{flex:1;gap:0}.topbar .kano-product-nav a{font-size:12px;padding:0 8px}.topbar .account>span{display:none}.topbar .account{margin-left:0}.system-link{min-width:30px}
 main{padding:12px 12px 20px}.page-heading{align-items:flex-start;gap:8px}.page-heading h1{font-size:19px}.page-heading .actions{flex-wrap:wrap}.registry-toolbar .search{min-width:160px;max-width:none}.registry-toolbar select{max-width:190px}.process-route{min-width:880px}.attention-bar{align-items:flex-start}
}
@media(max-width:540px){.system-link{display:none}.topbar .account button{padding:4px 6px}.topbar .kano-product-nav a{padding:0 6px}.page-heading{flex-wrap:wrap}.page-heading .actions{width:auto}.count-filters{gap:4px}.count-filters button,.count-filters a{padding:4px 7px}.registry-toolbar .search{min-width:100%}.site-footer{padding:8px 12px;flex-wrap:wrap}.login-intro,.login-body{padding:20px}.workday-pagination{flex-wrap:wrap}}
/* One native project, one set of tasks across map, list and planned timeline. */
.project-picker{margin-left:auto;min-width:0;max-width:360px}
.project-picker select{width:100%;height:32px;min-height:32px;padding:3px 8px;font-size:12px;max-width:360px}
.workspace-summary{display:flex;align-items:center;gap:18px;padding:9px 12px;margin-bottom:8px;border:1px solid var(--ui-line);background:#fff;border-radius:6px;position:relative}
.completion-total{display:flex;align-items:center;gap:10px;flex:none}
.completion-total>strong{font-size:25px;letter-spacing:-.6px;font-variant-numeric:tabular-nums;line-height:1.2}
.completion-total>span{font-size:12px;line-height:1.55}
.completion-total small{display:block;color:var(--ui-muted);font-size:11px}
.status-distribution{flex:1;min-width:120px}
.status-stack{display:flex;gap:2px;height:8px;border-radius:2px;overflow:hidden;background:#eff1ee}
.segment.complete,.chart-key i.complete{background:#376e55}
.segment.working,.chart-key i.working{background:#252c27}
.segment.blocked,.chart-key i.blocked{background:#c7a66f}
.segment.ready,.chart-key i.ready{background:#d9dfd9}
.chart-key{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:5px;font-size:11px;color:#58635a}
.chart-key i{display:inline-block;width:7px;height:7px;margin-right:4px;border:1px solid #0001}
.chart-key b{font-weight:600;font-variant-numeric:tabular-nums}
.completion-definition{flex:none;font-size:12px;max-width:105px}
.completion-definition>summary{min-height:32px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.completion-definition>p{position:absolute;right:8px;top:calc(100% - 3px);z-index:10;width:min(440px,calc(100vw - 40px));padding:12px;background:white;border:1px solid #cfd7c8;border-radius:5px;box-shadow:0 5px 16px #20261b1a;line-height:1.65;color:#3d4940}
.workspace-filters{border:1px solid var(--ui-line);border-radius:5px;background:#fff;margin-bottom:8px}
.workspace-attention{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;padding:0 3px;margin:0 0 7px;color:#7b6138}
.panel .workspace-filters{border:0;border-bottom:1px solid var(--ui-line);border-radius:0;margin-bottom:0}
.task-check{display:inline-grid;place-items:center;width:32px;min-width:32px;height:32px;padding:0;border:1px solid #99a69c;border-radius:5px;background:#fff;color:#fff;vertical-align:middle}
.task-check.checked{border-color:#376e55;background:#376e55}
.task-check:disabled{opacity:.65;background:#f1f3f0;border-color:#cfd6cf}
.task-check.checked:disabled{background:#dce9df;color:#376e55}
.task-check:not(:disabled):hover{box-shadow:0 0 0 2px #dce5dd}
.table-wrap td.check-cell{width:46px;padding:4px 7px}
.table-wrap .task-condition{display:block;margin:0;max-width:360px;font-size:11px;color:#7b623a;text-overflow:ellipsis;overflow:hidden;line-height:16px}
.table-wrap .record-title>button{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;min-height:32px}
.quantity-value{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.quantity-track{display:block;max-width:120px;height:3px;background:#e5ebe5;margin-top:2px;border-radius:2px;overflow:hidden}
.quantity-track i{display:block;height:100%;background:#55745d}
.process-scroll{overflow:auto;scrollbar-width:thin;background:#fafbf9;border-radius:0 0 6px 6px}
.process-board{position:relative;display:grid;grid-template-columns:repeat(var(--map-columns),minmax(142px,1fr));min-width:1100px;gap:22px;padding:14px 12px;align-items:center}
.process-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.process-edges path,.timeline-edges path{fill:none;stroke:#7a877c;stroke-width:1.3}
.process-edges marker path,.timeline-edges marker path{fill:#68716a;stroke:none}
.process-layer{display:grid;gap:10px;align-content:center;min-height:105px;position:relative;z-index:1}
.process-node{border:1px solid #d2dad2;border-radius:6px;background:#fff;min-width:0;box-shadow:0 1px 2px #1c291c05}
.process-node>summary{list-style:none;display:grid;grid-template-columns:27px minmax(0,1fr);gap:2px 6px;padding:8px;min-height:106px;position:relative;font-size:12px;line-height:1.5}
.process-node>summary::-webkit-details-marker{display:none}
.process-node>summary::after{content:'⌄';position:absolute;right:6px;bottom:5px;font-size:14px;color:#66756a}
.process-node[open]>summary::after{content:'⌃'}
.process-node>summary strong{font-size:12px;line-height:1.55;padding-right:3px}
.process-state{display:grid;place-items:center;border:1px solid #d8dfd7;width:26px;height:26px;border-radius:5px;font-size:12px;grid-row:1/3;align-self:start}
.map-owner{grid-column:2;font-size:11px;color:#667269;overflow-wrap:anywhere}
.map-status{grid-column:1/-1;color:#667269;font-size:11px;padding-right:12px}
.process-node.done{border-color:#9aba9f;background:#f7fbf7}
.process-node.done .process-state{background:#376e55;color:#fff;border-color:#376e55}
.process-node.working{border-color:#879e8b}
.process-node.working .process-state{background:#252c27;color:#fff;border-color:#252c27}
.process-node.blocked{border-color:#dac59e}
.process-node.blocked .map-status{color:#84652d}
.process-node-body{padding:8px;border-top:1px solid #e1e6df;display:grid;gap:7px;font-size:11px;line-height:1.65;color:#617065}
.process-node-body p{margin:0}
.process-node-body .actions{align-items:center;gap:5px}
.process-node-body .task-condition{color:#816532;font-size:11px}
.dependency-done{color:#376e55}
.map-hidden{font-size:11px;color:#7a857c;text-align:center;border:1px dashed #d9dfd6;border-radius:5px;padding:12px 4px}
.workspace-timeline{border:1px solid var(--ui-line);border-radius:6px;background:#fff;margin-bottom:12px}
.workspace-timeline>summary{padding:8px 12px;min-height:38px;font-size:13px;font-weight:600;line-height:20px}
.timeline-caption{padding:7px 12px;font-size:12px;color:#657269;border-top:1px solid var(--ui-line);line-height:1.6}
.timeline-scroll{overflow:auto;scrollbar-width:thin}
.timeline-canvas{min-width:1060px}
.timeline-axis{display:grid;grid-template-columns:260px minmax(800px,1fr);font-size:11px;background:#f7f9f6;border-block:1px solid var(--ui-line);min-height:32px;align-items:center}
.timeline-axis>span{padding:5px 12px}
.timeline-axis>div{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;border-left:1px solid var(--ui-line)}
.timeline-body{position:relative}
.timeline-row{display:grid;grid-template-columns:260px minmax(800px,1fr);height:64px;border-bottom:1px solid #e8ede5}
.timeline-label{padding:3px 12px;position:relative;z-index:4;background:#fff;overflow:hidden}
.timeline-label>.link-button{display:block;min-height:22px;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timeline-label>small{display:block;font-size:11px;color:#6d786f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:16px}
.timeline-lane{position:relative;border-left:1px solid var(--ui-line);background:repeating-linear-gradient(to right,transparent,transparent calc(100% / 8 - 1px),#edf1eb calc(100% / 8 - 1px),#edf1eb calc(100% / 8));min-width:0}
.timeline-bar{position:absolute;top:16px;min-height:32px;height:32px;min-width:3px;border:1px solid #ccd6cc;border-radius:4px;background:#edf1ea;color:#52634f;padding:3px 5px;overflow:hidden;z-index:3;text-align:left;white-space:nowrap;font-size:11px}
.timeline-bar>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.timeline-bar.done{background:#e0ede1;color:#34643d;border-color:#acc7b0}
.timeline-bar.working{background:#252c27;color:#fff;border-color:#252c27}
.timeline-bar.blocked{background:repeating-linear-gradient(135deg,#f4f2e9,#f4f2e9 4px,#e9e7db 4px,#e9e7db 6px);color:#79613a;border-color:#d8cdaa}
.timeline-bar.late{border-color:#a57530;box-shadow:inset 0 -2px #a57530}
.timeline-edges{position:absolute;top:0;left:260px;width:calc(100% - 260px);height:100%;z-index:2;pointer-events:none;overflow:visible}
.timeline-edges path.date-overlap{stroke:#a57530;stroke-dasharray:4 3}
.today-line{position:absolute;top:0;bottom:0;width:1px;border-left:1px dashed #171e19;pointer-events:none;z-index:4}
.unscheduled{display:block;padding:12px;font-size:12px;color:#738175}
@media(max-width:900px){.workspace-summary{flex-wrap:wrap;gap:8px 14px}.status-distribution{flex-basis:45%}.completion-definition{margin-left:auto}.project-picker{max-width:280px}.project-picker select{max-width:280px}}
@media(max-width:540px){.project-picker{max-width:none;width:100%;margin-left:0}.project-picker select{max-width:100%}.workspace-summary{align-items:flex-start}.status-distribution{order:3;flex-basis:100%}.completion-definition{margin-left:auto}.completion-total>strong{font-size:22px}.workspace-filters .count{margin-left:0}.timeline-caption{font-size:11px}}
/* Project selector and equivalent process views, using the existing native data. */
.project-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:16px;align-items:start}
.project-workspace{min-width:0}
.project-rail{position:sticky;top:62px;border:1px solid var(--ui-line);border-radius:7px;background:#fff;overflow:hidden}
.project-rail>summary{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;font-size:13px;font-weight:600;list-style:none;border-bottom:1px solid var(--ui-line)}
.project-rail>summary::-webkit-details-marker{display:none}
.project-rail>summary::after{content:'⌄';margin-left:auto;font-size:16px;color:#69716d}
.project-rail[open]>summary::after{content:'⌃'}
.project-rail>summary>span{font-size:12px;color:#69716d;font-weight:500}
.project-rail>summary>small{display:none}
.rail-search{display:block;padding:8px}
.rail-search input{width:100%;min-height:32px;height:32px;border-radius:5px;font-size:12px;padding:5px 8px}
.project-rail-list{display:grid;max-height:calc(100dvh - 240px);overflow-y:auto;scrollbar-width:thin}
.project-rail-item{display:grid;gap:3px;padding:9px 12px;border-left:3px solid transparent;border-bottom:1px solid #edf0ed;color:var(--ui-ink);min-width:0}
.project-rail-item:hover{background:#f3f5f3;text-decoration:none}
.project-rail-item[aria-current=page]{background:#f0f3f0;border-left-color:#202724}
.rail-code{display:flex;gap:5px;align-items:center;font-size:12px;line-height:18px;color:#637068}
.rail-demo{font-size:12px;color:#826338;background:#faf5e9;border-radius:3px;padding:0 4px}
.project-rail-item>strong{font-size:13px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}
.rail-progress{display:flex;align-items:center;gap:7px;font-size:12px;line-height:20px;color:#526159;font-variant-numeric:tabular-nums}
.rail-track{width:35px;height:4px;background:#dfe6e0;flex:none;overflow:hidden;border-radius:2px}
.rail-track>i{display:block;height:100%;background:#527560}
.rail-due{font-size:12px;line-height:18px;color:#69756d}
.rail-empty{padding:12px;font-size:12px;line-height:1.7;color:#69756d}
.rail-all{display:block;padding:8px 12px;font-size:12px;min-height:34px;color:#46554c;border-top:1px solid var(--ui-line)}
.project-navigation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--ui-line);margin-bottom:8px}
.project-main-views{border:0;margin:0;gap:0;flex:none}
.project-main-views a,.project-main-views a.active{padding:6px 11px;font-size:13px;min-height:36px;white-space:nowrap}
.project-main-views a.active{border-bottom-color:#171e1a}
.project-record-views{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0;overflow-x:auto;scrollbar-width:thin}
.project-record-views>a{display:flex;align-items:center;gap:4px;min-height:36px;border-bottom:2px solid transparent;white-space:nowrap;font-size:12px;color:#667168;padding:5px 2px}
.project-record-views>a[aria-current=page]{border-bottom-color:#171e1a;color:#171e1a;font-weight:600}
.project-record-views>a>span{font-size:12px;color:#7a847d;font-variant-numeric:tabular-nums}
.workspace-summary{display:grid;grid-template-columns:auto minmax(108px,1fr) minmax(108px,1fr) auto auto 32px;gap:5px 16px;padding:9px 12px}
.completion-total{gap:8px}
.completion-total>strong{font-size:22px;line-height:1.3}
.completion-total small{font-size:12px}
.summary-fact{display:grid;gap:2px;min-width:0;font-size:12px;color:var(--ui-ink);line-height:1.5}
.summary-fact>span{color:#68766c;font-size:12px;white-space:nowrap}
.summary-fact>strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.summary-owner>strong{max-width:180px}
.workspace-summary .completion-definition{max-width:none;align-self:start}
.workspace-summary .completion-definition>summary{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ui-line);border-radius:5px;text-decoration:none;font-weight:600}
.workspace-summary .status-distribution{grid-column:1/-1;min-width:0;border-top:1px solid #edf0eb;padding-top:6px;display:flex;align-items:center;gap:12px;flex-basis:auto}
.workspace-summary .status-stack{height:5px;width:100px;flex:none}
.workspace-summary .chart-key{margin:0;font-size:12px;gap:2px 14px}
.workspace-next{border:1px solid var(--ui-line);border-radius:6px;background:#fff;margin-bottom:8px;padding:7px 12px}
.next-row{display:flex;align-items:center;gap:14px;min-width:0}
.next-row>strong{font-size:12px;font-weight:600;flex:none;max-width:125px;line-height:1.55}
.next-tasks{display:flex;gap:16px;min-width:0;flex:1}
.next-task{display:flex;align-items:center;gap:7px;min-width:0;flex:1;max-width:340px}
.next-task>div{min-width:0}
.next-task .link-button{font-size:13px;font-weight:550;display:block;max-width:100%;min-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}
.next-task small{display:block;color:#6a756c;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.next-task .task-check{width:32px;min-width:32px;min-height:32px}
.next-wait{display:grid;place-items:center;width:20px;min-width:20px;height:28px;color:#957d50;font-size:24px}
.next-all{white-space:nowrap;font-size:12px;flex:none;color:#46554c;min-height:32px;display:flex;align-items:center;gap:4px}
.workspace-next .workspace-attention{border-top:1px solid #edf0eb;padding:5px 0 0;margin:6px 0 0;gap:4px 16px}
.process-board{min-width:calc(var(--map-columns) * 142px + (var(--map-columns) - 1) * 22px + 24px)}
.process-node>summary strong{min-width:0;overflow-wrap:anywhere}
.process-node>summary strong,.map-owner,.map-status,.process-node-body,.process-node-body .task-condition{font-size:12px}
.process-node.working .process-state{background:#e6edf4;color:#345572;border-color:#bac9d7}
.process-node.working{border-color:#bccbd5}
.segment.working,.chart-key i.working{background:#64829b}
.timeline-bar.working{background:#e6edf4;color:#345572;border-color:#bac9d7}
.process-node-body{line-height:1.7}
.map-hidden,.table-wrap .task-condition,.timeline-label>small,.timeline-bar,.timeline-axis,.timeline-caption{font-size:12px}
body[data-record-panel=side] .project-layout{grid-template-columns:minmax(0,1fr)}
body[data-record-panel=side] .project-rail{display:none}
@media(max-width:1350px){.workspace-summary{grid-template-columns:auto 1fr 1fr 32px;gap:8px 14px}.workspace-summary>.summary-blocked{grid-column:2;grid-row:2}.workspace-summary>.summary-overdue{grid-column:3;grid-row:2}.workspace-summary>.completion-total{grid-row:1/3}.workspace-summary .completion-definition{grid-column:4;grid-row:1}.workspace-summary .status-distribution{grid-row:auto}}
@media(max-width:1080px){.project-layout{grid-template-columns:minmax(0,1fr);gap:8px}.project-rail{position:static}.project-rail>summary>small{display:inline;font-size:12px;font-weight:500;margin-left:8px;color:#68766c}.project-rail-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));max-height:300px}.rail-search{max-width:380px}.project-record-views{margin-left:0}.process-board{grid-template-columns:minmax(0,1fr);min-width:0;gap:24px}.process-layer{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));min-height:0}.process-node>summary{min-height:80px;grid-template-columns:27px minmax(0,1fr)}.map-owner{grid-column:2}.map-status{grid-column:2;grid-row:auto;max-width:none}.process-node-body{padding:10px}.next-tasks{gap:12px}}
@media(min-width:1200px){body[data-record-panel=side] .process-board{grid-template-columns:minmax(0,1fr);min-width:0;gap:24px}body[data-record-panel=side] .process-layer{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));min-height:0}}
@media(max-width:680px){.workspace-summary{grid-template-columns:1fr 1fr 32px}.completion-total{grid-column:1/3}.workspace-summary .completion-definition{grid-column:3;grid-row:1}.workspace-summary>.completion-total{grid-row:1}.workspace-summary>.summary-deadline{grid-column:1;grid-row:2}.workspace-summary>.summary-owner{grid-column:2;grid-row:2}.workspace-summary>.summary-blocked{grid-column:1;grid-row:3}.workspace-summary>.summary-overdue{grid-column:2;grid-row:3}.workspace-summary .status-distribution{display:block}.workspace-summary .status-stack{width:100%;margin-bottom:5px}.workspace-summary .chart-key{gap:3px 9px}.next-row{flex-wrap:wrap;gap:5px 12px}.next-row>strong{max-width:none}.next-all{margin-left:auto}.next-tasks{order:3;flex-basis:100%}.project-main-views{width:100%;display:flex}.project-main-views>a{flex:1;min-width:0;text-align:center;white-space:normal;padding:6px 4px;display:flex;align-items:center;justify-content:center}.project-record-views{width:100%;justify-content:space-between}.project-navigation{gap:0}.process-node>summary{grid-template-columns:27px minmax(0,1fr);min-height:80px}.map-status{grid-column:2;grid-row:auto;max-width:none}.next-task small{white-space:normal;max-height:38px;overflow:hidden}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;animation:none!important}}
}

/* Accepted quantities stay separate from task completion and planned time. */
.quantity-action{display:block;margin-top:5px;font-size:12px;min-height:28px}.quantity-action:disabled{color:#666;text-decoration:none;cursor:default}.quantity-history{margin-top:20px;padding-top:14px;border-top:1px solid var(--line,#ddd)}.quantity-history h3{font-size:14px;margin:0 0 6px}.quantity-context{display:flex;align-items:baseline;gap:16px;margin:0 0 10px}.quantity-context strong{font-size:20px}.quantity-context span,.timeline-quantity{font-size:12px;color:#555}.quantity-history table{font-size:12px}.timeline-label .timeline-quantity{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Tomsons Tech operations experience. Scoped to the operations shell. */
.tintai-workspace {
 --ui-ink:#1e1e17; --ui-muted:#676760; --ui-canvas:#f6f6f6;
 --ui-line:#e7e7e3; --ui-soft:#f3f3f1; --ui-accent:var(--accent-strong,#ad3d20);
 --ui-warm:#fff4df; --ui-warm-ink:#785616;
 --ui-success:#2f6b4b; --ui-success-bg:#edf6ef;
 --ui-shadow:0 4px 20px #1e1e1705;
 --brand-orange:var(--accent,#dd5d39); --brand-orange-soft:var(--accent-soft,#fff0e9);
 background:#f6f6f6;color:var(--ui-ink);font-size:14px;line-height:1.6;
}
.tintai-workspace > .topbar {min-height:72px;height:auto;padding:12px 24px;gap:20px;background:#f6f6f6;border-bottom:0;box-shadow:none}
.tintai-workspace .topbar .brand {font-size:23px;letter-spacing:-.7px;font-weight:750;color:#1e1e17;gap:10px}
.tintai-workspace .topbar .brand::after {content:'';width:12px;height:12px;border-radius:50%;background:var(--accent,#dd5d39);margin-left:0;align-self:center;box-shadow:0 0 0 5px var(--accent-soft,#fff0e9)}
.tintai-workspace .topbar .kano-product-nav {border:0;border-radius:999px;gap:4px;align-self:center;padding:5px;background:#fff}
.tintai-workspace .topbar .kano-product-nav a {min-height:38px;border:0;border-radius:999px;padding:8px 15px;color:#52524b;font-size:13px}
.tintai-workspace .topbar .kano-product-nav a:hover {background:#f3f3f1;color:#1e1e17}
.tintai-workspace .topbar .kano-product-nav a[aria-current=page] {background:#1e1e17;color:#fff;box-shadow:0 2px 6px #1e1e1712}
.tintai-workspace .global-search input {background:#fff;border-color:#e7e7e3;border-radius:999px;height:38px;color:#1e1e17}
.tintai-workspace .topbar .account {margin-left:auto;color:#52524b}
.tintai-workspace .topbar .account button,.tintai-workspace .system-link {border-color:#e7e7e3;border-radius:999px;color:#52524b;background:#fff}
.tintai-workspace main {padding:24px;max-width:1900px;margin:auto}
.tintai-workspace h1 {font-size:clamp(21px,2vw,27px);line-height:1.65;color:#262620;letter-spacing:-.4px}
.tintai-workspace h2 {color:#262620}
.tintai-workspace .page-heading {margin-bottom:20px;gap:16px}
.tintai-workspace .subtitle {font-size:12px;line-height:1.8}
.tintai-workspace .breadcrumb {margin-bottom:12px;color:#707069}
.tintai-workspace .breadcrumb a,.tintai-workspace .link-button {color:#33332c}
.tintai-workspace .button {border-radius:999px;min-height:37px;font-size:13px;padding:7px 15px;line-height:1.5;border-color:#deded9}
.tintai-workspace .button.primary {background:#1e1e17;border-color:#1e1e17;color:#fff;box-shadow:none}
.tintai-workspace .button.primary:hover {background:#38382f}
.tintai-workspace .button.secondary:hover {background:var(--accent-soft,#fff0e9);border-color:#d48268;color:#87371f}
.tintai-workspace .button.small {min-height:34px;font-size:12px}
.tintai-workspace input,.tintai-workspace select,.tintai-workspace textarea {border-radius:9px;border-color:#e7e7e3;color:#262620}
.tintai-workspace :is(button,a,input,select,summary,textarea):focus-visible {outline:3px solid var(--accent-strong,#ad3d20);outline-offset:3px}
.tintai-workspace .panel {border-radius:14px;border-color:#f3f3f1;box-shadow:var(--ui-shadow);margin-bottom:16px;overflow:visible}
.tintai-workspace .panel-heading {padding:15px 18px;min-height:56px;gap:12px;flex-wrap:wrap;border-bottom-color:#f3f3f1}
.tintai-workspace .panel-heading h2 {font-size:15px}
.tintai-workspace .registry-toolbar {padding:10px 14px;gap:10px;flex-wrap:wrap}
.tintai-workspace .registry-toolbar :is(input,select) {height:37px;min-height:37px;border-radius:8px;font-size:13px}
.tintai-workspace .workspace-filters {border-radius:12px;margin-bottom:14px}
.tintai-workspace .badge {border-radius:20px;padding:3px 9px;font-size:12px;line-height:1.5;background:#fafaf9;color:#52524b;white-space:normal}
.tintai-workspace .badge.green {background:#edf6ef;color:#2f6b4b}
.tintai-workspace .badge.blue {background:var(--accent-soft,#fff0e9);color:#913d24}
.tintai-workspace .badge.amber {background:#fff4dc;color:#896319}
.tintai-workspace .badge.red {background:#fbecee;color:#a14752}
.tintai-workspace .synthetic-label,.tintai-workspace .rail-demo {border:0;border-radius:5px;color:#8a6a30;background:#fbf1dc;padding:1px 6px}
.tintai-workspace .count-filters {gap:8px;margin-bottom:14px}
.tintai-workspace .count-filters button,.tintai-workspace .count-filters a {border-radius:9px;border-color:#f3f3f1;padding:7px 12px;min-height:36px;color:#52524b}
.tintai-workspace .count-filters button[aria-pressed=true] {background:#1e1e17;border-color:#1e1e17;color:#fff}
.tintai-workspace .table-wrap {position:relative;border-radius:0 0 14px 14px}
.tintai-workspace .table-wrap th {padding:10px 14px;font-size:12px;background:#fafaf9;color:#52524b;border-color:#f3f3f1}
.tintai-workspace .table-wrap td {padding:11px 14px;line-height:1.65;white-space:normal;border-color:#fafaf9;color:#262620}
.tintai-workspace .table-wrap .record-title {min-width:190px;max-width:440px}
.tintai-workspace .table-wrap .record-title > :is(a,button) {white-space:normal;overflow:visible;text-overflow:clip;max-width:100%;overflow-wrap:anywhere;line-height:1.65}
.tintai-workspace .table-wrap td small,.tintai-workspace .table-wrap .task-condition {white-space:normal;overflow:visible;text-overflow:clip;line-height:1.65}
.tintai-workspace tbody tr:hover {background:#fafaf9}
.tintai-workspace .project-layout {grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.tintai-workspace .project-rail {border-radius:18px;background:#fff;border-color:#ecece9;box-shadow:none;top:18px}
.tintai-workspace .project-rail>summary {padding:16px;font-size:13px;color:#262620}
.tintai-workspace .rail-search {padding:0 12px 12px}
.tintai-workspace .rail-search input {height:37px;background:#fafaf9}
.tintai-workspace .project-rail-item {padding:15px;border-left:3px solid transparent;gap:7px}
.tintai-workspace .project-rail-item[aria-current=page] {border-left-color:var(--accent,#dd5d39);background:var(--accent-soft,#fff0e9)}
.tintai-workspace .project-rail-item:hover {background:#faf8f5}
.tintai-workspace .project-rail-item>strong {line-height:1.7;font-size:13px;color:#262620}
.tintai-workspace .rail-code {font-size:10px;color:#707069;line-height:1.6;overflow-wrap:anywhere}
.tintai-workspace .rail-demo {flex-shrink:0;white-space:nowrap}
.tintai-workspace .rail-track {background:#f3f3f1;border-radius:6px}
.tintai-workspace .rail-track i {background:var(--accent,#dd5d39)}
.tintai-workspace .rail-progress,.tintai-workspace .rail-due {font-size:11px;line-height:1.8}
.tintai-workspace .rail-all {color:#262620;padding:13px 15px}
.tintai-workspace .project-navigation {gap:10px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid #f3f3f1}
.tintai-workspace .tabs {border:0;margin:0;gap:4px;padding:0}
.tintai-workspace .tabs a,.tintai-workspace .tabs a.active {padding:10px 15px;border-radius:999px;min-height:41px;font-size:13px;border-bottom:0}
.tintai-workspace .tabs a.active {background:#1e1e17;color:#fff;border-bottom:0}
.tintai-workspace .project-record-views {gap:12px;flex-wrap:wrap}
.tintai-workspace .project-record-views a {font-size:12px;padding:8px 0;color:#707069}
.tintai-workspace .project-record-views a[aria-current=page] {color:var(--accent-strong,#ad3d20);border-bottom-color:var(--accent,#dd5d39)}
.tintai-workspace .workspace-summary {border-radius:14px;border-color:#f3f3f1;box-shadow:var(--ui-shadow);padding:17px 18px;gap:14px 22px;margin-bottom:14px;background:#fff}
.tintai-workspace .completion-total>strong {color:#1e1e17;font-size:31px;font-weight:700}
.tintai-workspace .completion-total small {color:#29251e;font-size:11px;margin-top:3px}
.tintai-workspace .summary-fact {line-height:1.6}
.tintai-workspace .summary-fact>span {font-size:11px;color:#707069;white-space:normal}
.tintai-workspace .summary-fact>strong {font-size:14px;white-space:normal;overflow:visible;max-width:240px}
.tintai-workspace .summary-blocked>strong {color:#a47723}
.tintai-workspace .workspace-summary .status-distribution {border-color:#f3f3f1;padding-top:12px;gap:14px;flex-wrap:wrap}
.tintai-workspace .workspace-summary .status-stack {height:7px;width:130px;border-radius:6px;background:#f3f3f1}
.tintai-workspace .chart-key {color:#707069;font-size:11px!important;line-height:1.7}
.tintai-workspace .chart-key i {border-radius:50%;border:0;width:7px;height:7px}
.tintai-workspace .segment.complete,.tintai-workspace .chart-key i.complete {background:#4c8965}
.tintai-workspace .segment.working,.tintai-workspace .chart-key i.working {background:var(--accent,#dd5d39)}
.tintai-workspace .segment.blocked,.tintai-workspace .chart-key i.blocked {background:#dcaf54}
.tintai-workspace .segment.ready,.tintai-workspace .chart-key i.ready {background:#c9c9c3}
.tintai-workspace .workspace-next {border-radius:16px;border-color:#f1ded5;border-left:3px solid var(--accent,#dd5d39);background:#fffaf7;padding:13px 16px;margin-bottom:14px}
.tintai-workspace .next-row>strong {color:#913d24;font-size:12px}
.tintai-workspace .next-task .link-button,.tintai-workspace .next-task small {white-space:normal;overflow:visible;text-overflow:clip;line-height:1.7}
.tintai-workspace .next-task small {font-size:11px}
.tintai-workspace .next-all {color:#913d24}
.tintai-workspace .task-check {border-radius:8px;border-color:#c9c9c3;width:34px;min-width:34px;height:34px}
.tintai-workspace .task-check.checked {background:#2f6b4b;border-color:#2f6b4b;color:#fff}
.tintai-workspace .task-check:disabled {background:#fafaf9;color:#707069;opacity:.8}
.tintai-workspace .task-check.checked:disabled {background:#edf6ef;color:#2f6b4b}
.tintai-workspace .map-guide {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 20px;color:#707069;font-size:12px;background:#fafaf9;border-bottom:1px solid #f3f3f1}
.tintai-workspace .map-guide b {color:#52524b;font-weight:600}
.tintai-workspace .map-legend {display:flex;align-items:center;gap:7px;font-size:11px}
.tintai-workspace .map-legend i {width:7px;height:7px;border-radius:50%;margin-left:6px}
.tintai-workspace .map-legend .done {background:#4c8965}
.tintai-workspace .map-legend .working {background:var(--accent,#dd5d39)}
.tintai-workspace .map-legend .blocked {background:#dcaf54}
.tintai-workspace .process-scroll {border-radius:0 0 14px 14px;background-color:#fafaf9;background-image:radial-gradient(#e7e7e3 .8px,transparent .8px);background-size:20px 20px;overflow:auto}
.tintai-workspace .process-board {display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:42px;padding:28px 36px 38px;align-items:stretch;max-width:1060px;margin:0 auto}
.tintai-workspace .process-layer {position:relative;display:block;min-height:0;z-index:auto}
.tintai-workspace .map-layer-label {position:relative;display:block;text-align:center;line-height:1.6;color:#707069;font-size:10px;letter-spacing:.03em;margin:0 auto 10px;background:#fafaf9;width:fit-content;padding:0 8px;z-index:1}
.tintai-workspace .map-layer-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:24px;max-width:880px;margin:0 auto;align-items:start}
.tintai-workspace .map-layer-cards:has(>.process-node:only-child) {max-width:570px}
.tintai-workspace .process-node {position:relative;z-index:1;min-width:0;border:1px solid #e7e7e3;border-top:3px solid #c9c9c3;border-radius:14px;background:#fff;box-shadow:0 5px 18px #26262009;overflow:visible;transition:box-shadow .15s,border-color .15s}
.tintai-workspace .process-node:hover {box-shadow:0 9px 24px #26262015;border-color:#c9c9c3}
.tintai-workspace .process-node>summary {display:block;min-height:0;padding:17px 20px 12px;line-height:1.7;list-style:none}
.tintai-workspace .process-node>summary::after {content:none}
.tintai-workspace .map-card-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.tintai-workspace .process-state {display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;border:0;font-size:11px;background:#fafaf9;color:#707069;font-weight:650}
.tintai-workspace .map-status {display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 9px;font-size:11px;line-height:1.6;color:#707069;background:#fafaf9;max-width:100%;white-space:normal;grid-column:auto}
.tintai-workspace .process-node>summary>strong {display:block;font-size:17px;line-height:1.75;font-weight:650;color:#262620;padding:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.tintai-workspace .map-owner {display:flex;flex-wrap:wrap;gap:4px 10px;grid-column:auto;color:#52524b;font-size:12px;line-height:1.8;margin-top:6px;overflow-wrap:anywhere}
.tintai-workspace .map-owner>span {color:#707069;font-size:11px}
.tintai-workspace .map-card-facts {display:flex;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;color:#707069;font-size:10px;line-height:1.8;margin-top:7px}
.tintai-workspace .map-card-facts b {font-weight:500;color:#52524b;margin-left:5px;font-size:11px;font-variant-numeric:tabular-nums}
.tintai-workspace .map-quantity-summary {display:block;margin-top:11px;padding:7px 10px;border-radius:7px;background:#fafaf9;color:#52524b;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.tintai-workspace .map-disclosure {display:flex;justify-content:space-between;gap:10px;margin-top:13px;padding-top:10px;border-top:1px solid #ededea;color:var(--accent-strong,#ad3d20);font-size:11px;line-height:1.7}
.tintai-workspace .when-open {display:none}
.tintai-workspace .process-node[open] .when-open {display:inline}
.tintai-workspace .process-node[open] .when-closed {display:none}
.tintai-workspace .process-node[open] .map-disclosure>span:last-child {transform:rotate(180deg)}
.tintai-workspace .process-node.done {border-top-color:#4c8965;background:#fff}
.tintai-workspace .process-node.done :is(.process-state,.map-status) {background:#edf6ef;color:#2f6b4b;border:0}
.tintai-workspace .process-node.working {border-color:#edc0b1;border-top-color:var(--accent,#dd5d39)}
.tintai-workspace .process-node.working :is(.process-state,.map-status) {background:var(--accent-soft,#fff0e9);color:#913d24;border:0}
.tintai-workspace .process-node.blocked {border-color:#e8dfcb;border-top-color:#d4ac55}
.tintai-workspace .process-node.blocked .map-status {background:#fff5df;color:#93702d}
.tintai-workspace .process-node-body {padding:15px 20px 18px;border-color:#f3f3f1;gap:12px;font-size:12px;line-height:1.8;background:#fafaf9;border-radius:0 0 14px 14px;color:#707069}
.tintai-workspace .process-node-body .quantity-value {white-space:normal;line-height:1.8}
.tintai-workspace .process-node-body .task-condition {font-size:12px;line-height:1.8;background:#fff6e4;border-radius:8px;padding:9px 11px;color:#856126}
.tintai-workspace .map-waiting {padding:10px 12px;border-radius:9px;background:#f8f4e9;color:#876b35}
.tintai-workspace .map-waiting strong {font-weight:550;font-size:11px}
.tintai-workspace .map-waiting ul {margin:5px 0 0;padding-left:18px;font-size:12px}
.tintai-workspace .process-node-body .actions {display:flex;justify-content:space-between;margin-top:3px;flex-wrap:wrap}
.tintai-workspace .process-node-body .actions>.button {flex:1;margin-left:6px;text-align:center;border-color:#deded9;background:#f3f3f1;color:#33332c}
.tintai-workspace .process-edges path {stroke:#c9c9c3;stroke-width:1.7}
.tintai-workspace .process-edges marker path {fill:#707069;stroke:none}
.tintai-workspace .map-hidden {background:#fafaf9;border-color:#e7e7e3;padding:18px;border-radius:12px;color:#707069}
.tintai-workspace .quantity-track {height:5px;background:#f3f3f1;max-width:100%;border-radius:4px}
.tintai-workspace .quantity-track i {background:var(--accent,#dd5d39)}
.tintai-workspace .quantity-action {text-align:left;min-height:32px;color:var(--accent-strong,#ad3d20)}
.tintai-workspace .timeline-caption {padding:12px 16px;color:#707069}
.tintai-workspace .timeline-axis {background:#fafaf9;color:#707069}
.tintai-workspace .timeline-bar {border-radius:7px;background:#f3f3f1;border-color:#e7e7e3;color:#52524b}
.tintai-workspace .timeline-bar.working {background:var(--accent-soft,#fff0e9);color:#913d24;border-color:#dda48e}
.tintai-workspace .timeline-bar.done {background:#edf6ef;color:#2f6b4b;border-color:#aac8b4}
.tintai-workspace .timeline-bar.blocked {background:#faf2df;color:#896f35;border-color:#e4d5b2}
.tintai-workspace .module-flow {display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-bottom:20px;padding:20px;border:1px solid #ecece9;border-radius:18px;background:#fff}
.tintai-workspace .module-flow>div {display:grid;gap:5px;line-height:1.7}
.tintai-workspace .module-flow strong {color:#262620;font-size:15px}
.tintai-workspace .module-flow div>span:not(.flow-number) {font-size:12px;color:#707069}
.tintai-workspace .module-flow b {font-size:11px;font-weight:500;color:#262620}
.tintai-workspace .flow-number {font-size:11px;color:#707069}
.tintai-workspace .flow-arrow {font-size:23px;color:#c9c9c3;padding:0 12px}
.tintai-workspace .module-flow>p {grid-column:1/-1;margin:6px 0 0;border-top:1px solid #f3f3f1;padding-top:10px;font-size:11px;color:#707069;line-height:1.8}
.tintai-workspace dialog {border-radius:16px;border-color:#e7e7e3;box-shadow:0 18px 70px #26262022}
.tintai-workspace dialog header {background:#fafaf9;border-bottom-color:#f3f3f1;padding:20px 22px}
.tintai-workspace dialog h2 {font-size:20px;line-height:1.7}
.tintai-workspace dialog label {color:#52524b;line-height:1.8}
.tintai-workspace #dialog-body {padding:20px 22px}
.tintai-workspace dialog footer {background:#fafaf9;border-color:#f3f3f1;padding:14px 22px}
.tintai-workspace .site-footer {border-color:#f3f3f1;color:#707069;font-size:11px;padding:15px 24px}
@media(max-width:1350px) {
 .tintai-workspace .workspace-summary {grid-template-columns:auto 1fr 1fr 32px}
 .tintai-workspace .project-layout {grid-template-columns:220px minmax(0,1fr);gap:18px}
 .tintai-workspace .process-board {padding:24px 22px 30px}
}
@media(max-width:1080px) {
 .tintai-workspace .project-layout {grid-template-columns:minmax(0,1fr)}
 .tintai-workspace .project-rail {position:static}
 .tintai-workspace main {padding:18px}
 .tintai-workspace .topbar .kano-product-nav a {padding:8px 11px}
 .tintai-workspace .global-search {display:none}
}
@media(max-width:720px) {
 .tintai-workspace > .topbar {padding:12px 14px;gap:10px;flex-wrap:wrap}
 .tintai-workspace .topbar .kano-product-nav {order:3;width:100%;justify-content:space-between}
 .tintai-workspace .topbar .kano-product-nav a {padding:7px 8px;font-size:12px;min-height:38px}
 .tintai-workspace .topbar .account {margin-left:auto}
 .tintai-workspace main {padding:14px 10px}
 .tintai-workspace .page-heading {margin-bottom:13px}
 .tintai-workspace h1 {font-size:20px}
 .tintai-workspace .workspace-summary {grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;padding:14px;gap:13px 10px}
 .tintai-workspace .workspace-summary>.completion-total {grid-column:1/3;grid-row:1}
 .tintai-workspace .workspace-summary>.summary-deadline {grid-column:1;grid-row:2}
 .tintai-workspace .workspace-summary>.summary-owner {grid-column:2;grid-row:2}
 .tintai-workspace .workspace-summary>.summary-blocked {grid-column:1;grid-row:3}
 .tintai-workspace .workspace-summary>.summary-overdue {grid-column:2;grid-row:3}
 .tintai-workspace .workspace-summary>.completion-definition {grid-column:3;grid-row:1}
 .tintai-workspace .workspace-summary .status-distribution {grid-column:1/-1;grid-row:4}
 .tintai-workspace .summary-fact>strong {max-width:none;font-size:13px}
 .tintai-workspace .next-row {flex-wrap:wrap;gap:8px}
 .tintai-workspace .next-tasks {flex-basis:100%;flex-wrap:wrap;order:3}
 .tintai-workspace .next-all {margin-left:auto}
 .tintai-workspace .next-task {max-width:none}
 .tintai-workspace .project-record-views {gap:12px}
 .tintai-workspace .tabs a {padding:9px 11px}
 .tintai-workspace .panel-heading {padding:13px;gap:9px}
 .tintai-workspace .panel-heading .actions {flex-wrap:wrap}
 .tintai-workspace .map-guide {padding:11px 14px;font-size:11px}
 .tintai-workspace .process-board {padding:20px 13px 30px;gap:32px}
 .tintai-workspace .map-layer-cards {grid-template-columns:minmax(0,1fr);gap:18px}
 .tintai-workspace .process-node>summary {padding:15px 16px 11px}
 .tintai-workspace .process-node>summary>strong {font-size:16px}
 .tintai-workspace .process-node-body {padding:14px 16px}
 .tintai-workspace .module-flow {padding:16px;grid-template-columns:1fr;gap:8px}
 .tintai-workspace .flow-arrow {transform:rotate(90deg);padding:0;width:24px}
 .tintai-workspace .module-flow>div {grid-template-columns:28px 1fr}
 .tintai-workspace .module-flow div>span:not(.flow-number),.tintai-workspace .module-flow b {grid-column:2}
}
@media(prefers-reduced-motion:reduce){.tintai-workspace .process-node {transition:none}}

/* Warm reference palette: accent surfaces use dark text; statuses keep labels. */
.tintai-workspace .global-search input::placeholder {color:#707069}
.tintai-workspace .panel,.tintai-workspace .workspace-summary {border-color:#ecece9;border-radius:18px;box-shadow:none}
.tintai-workspace .completion-total {padding:10px 14px;border-radius:13px;background:linear-gradient(135deg,#ee956d,var(--accent,#dd5d39));color:#1e1e17}
.tintai-workspace .supply-tabs {border-bottom-color:#e7e7e3;gap:8px}
.tintai-workspace .supply-tabs a {padding:9px 15px;border-radius:999px;border-bottom:0;color:#52524b}
.tintai-workspace .supply-tabs a[aria-current=page] {background:#1e1e17;color:#fff}
.tintai-workspace .stock-status[data-state=denied],.tintai-workspace .stock-status[data-state=failed] {background:#fff4e8;color:#785124}
.tintai-workspace .module-flow .flow-number {display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--accent-soft,#fff0e9);color:var(--accent-strong,#ad3d20)}
.tintai-workspace .progress .track span {background:var(--accent,#dd5d39)}
.tintai-workspace .timeline-label,.tintai-workspace .timeline-label small,.tintai-workspace .quantity-value {color:#52524b}
.tintai-workspace input::placeholder,.tintai-workspace textarea::placeholder {color:#707069}
@media(max-width:720px) {
 .tintai-workspace > .topbar .kano-product-nav {flex:1 1 100%;width:100%;order:3;gap:2px;flex-wrap:wrap;overflow:visible}
 .tintai-workspace .topbar .kano-product-nav a {flex:1 1 40%;justify-content:center;padding:8px 9px;font-size:12px}
}

/* Compact horizontal dependency map. Full record details use the existing dialog. */
.tintai-workspace .process-scroll {max-height:550px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c3c3ba #f3f3f1}
.tintai-workspace .process-board {display:grid;grid-template-columns:repeat(var(--map-columns),minmax(174px,1fr));gap:28px;min-width:max-content;max-width:none;width:100%;padding:20px 18px 24px;margin:0;align-items:stretch}
.tintai-workspace .process-layer {display:flex;flex-direction:column;min-width:0;width:174px}
.tintai-workspace .map-layer-label {height:auto;min-height:24px;max-width:100%;margin:0 0 10px;text-align:left;white-space:normal;font-size:11px;padding:0}
.tintai-workspace .map-layer-cards,.tintai-workspace .map-layer-cards:has(>.process-node:only-child) {display:flex;flex-direction:column;justify-content:center;flex:1;gap:18px;max-width:none;width:100%;margin:0}
.tintai-workspace button.process-node {display:block;width:100%;text-align:left;padding:12px;min-height:180px;height:auto;white-space:normal;line-height:1.55;cursor:pointer;color:#262620}
.tintai-workspace button.process-node:hover {border-color:var(--accent,#dd5d39);box-shadow:0 4px 14px var(--accent,#dd5d39)18;transform:translateY(-1px)}
.tintai-workspace button.process-node>strong {display:block;font-size:14px;line-height:1.65;font-weight:650;overflow-wrap:anywhere;margin:4px 0 9px}
.tintai-workspace .map-card-heading {gap:6px;margin-bottom:7px}
.tintai-workspace .process-state {width:24px;height:24px;border-radius:7px;font-size:10px;flex:none}
.tintai-workspace .map-status {padding:2px 6px;font-size:10px}
.tintai-workspace .map-owner {display:block;font-size:11px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;margin:0 0 6px}
.tintai-workspace .map-card-facts {display:block;font-size:10px;margin:0;line-height:1.6}
.tintai-workspace .map-card-facts b {font-weight:500}
.tintai-workspace .map-quantity-summary {display:block;font-size:11px;line-height:1.55;margin:7px 0 0;padding:7px 0 0;border-top:1px solid #f0f0ed;white-space:normal;overflow-wrap:anywhere;color:#52524b}
.tintai-workspace .map-open-label {display:flex;justify-content:space-between;font-size:10px;color:var(--accent-strong,#ad3d20);margin-top:8px}
.tintai-workspace .map-guide {gap:10px;flex-wrap:wrap;padding:10px 16px}
.tintai-workspace .map-guide>span:first-child {font-size:11px}
.tintai-workspace .project-layout {grid-template-columns:208px minmax(0,1fr);gap:18px}
.tintai-workspace .workspace-summary {margin-bottom:10px}
.tintai-workspace .project-navigation {margin-bottom:12px}
.tintai-workspace .page-heading {margin-bottom:12px}
.tintai-workspace .workspace-filters {margin-bottom:10px}
.tintai-workspace .workspace-next {margin-bottom:10px}
@media(max-width:1080px){.tintai-workspace .project-layout {grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){
 .tintai-workspace .process-board {grid-template-columns:repeat(var(--map-columns),184px);gap:24px;padding:16px}
 .tintai-workspace .process-layer {width:184px}
 .tintai-workspace .process-scroll {max-height:600px}
 .tintai-workspace .map-legend {flex-wrap:wrap}
}

/* Planning and execution are separate contexts over the same task records. */
.tintai-workspace .project-view-switch {display:flex;align-items:center;gap:6px;margin:-2px 0 14px;padding:4px;background:#fff;border:1px solid #e7e7e3;border-radius:12px;width:fit-content;max-width:100%}
.tintai-workspace .project-view-switch a {color:#676760;font-size:12px;padding:6px 13px;border-radius:8px;text-decoration:none;text-align:center}
.tintai-workspace .project-view-switch a.active {background:var(--accent-soft,#fff0e9);color:#913d24;font-weight:650}
.tintai-workspace .planning-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.tintai-workspace .planning-summary>div {background:#fff;border:1px solid #e7e7e3;border-radius:14px;padding:16px;min-width:0}
.tintai-workspace .planning-summary>div:first-child {background:var(--accent-soft,#fff0e9);border-color:#edc0b1}
.tintai-workspace .planning-summary span {display:block;color:#676760;font-size:12px;line-height:1.65}
.tintai-workspace .planning-summary strong {display:block;color:#262620;font-size:26px;margin-top:4px}
.tintai-workspace .project-area-cards {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.tintai-workspace .project-area-cards>a {display:block;background:#fff;border:1px solid #e7e7e3;border-radius:16px;padding:22px;color:#262620;text-decoration:none}
.tintai-workspace .project-area-cards>a:hover {border-color:var(--accent,#dd5d39);box-shadow:0 4px 18px var(--accent,#dd5d39)10}
.tintai-workspace .project-area-cards strong {display:block;font-size:20px;margin:10px 0}
.tintai-workspace .project-area-cards p {font-size:13px;line-height:1.8;color:#676760;margin:0 0 16px}
.tintai-workspace .project-area-cards>a>span:last-child {color:var(--accent-strong,#ad3d20);font-size:12px}
.tintai-workspace .area-icon {display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent-soft,#fff0e9);color:#913d24;font-size:22px}
.tintai-workspace .timeline-bar.planned {background:var(--accent-soft,#fff0e9);border-color:var(--accent,#dd5d39);color:#79371f}
.tintai-workspace .record-plan-link {display:inline-block;margin-bottom:14px;color:var(--accent-strong,#ad3d20);font-size:12px}
.tintai-workspace .execution-plan-context {background:#fafaf9;border-radius:10px;padding:12px;font-size:12px;line-height:1.8;color:#52524b}
.tintai-workspace .map-record-checks {display:grid;gap:7px;margin:0 0 12px;font-size:12px}
@media(max-width:760px){.tintai-workspace .planning-summary {grid-template-columns:1fr 1fr;gap:8px}.tintai-workspace .planning-summary>div {padding:12px}.tintai-workspace .project-area-cards {grid-template-columns:1fr}.tintai-workspace .project-view-switch {width:100%}.tintai-workspace .project-view-switch a {flex:1;min-width:0}}

/* Per-project planning editor. The preview scrolls locally; forms stay readable. */
.flow-preview{display:flex;gap:12px;align-items:center;overflow-x:auto;padding:12px 0 18px;max-width:100%}
.flow-phase{display:grid;gap:6px;flex:0 0 158px;align-content:start}.flow-phase>span{background:#fff3ed;border:1px solid #edc8b9;border-radius:12px;padding:12px;overflow-wrap:anywhere;color:#572d20}.flow-phase small,.flow-phase em{font-size:11px;color:#71645f;font-style:normal}.flow-arrow{color:var(--accent,#dd5d39)}
.flow-toolbar{display:flex;gap:10px;align-items:end;margin:10px 0 16px;flex-wrap:wrap}.flow-toolbar label{flex:1;min-width:160px}.flow-edit-rows{display:grid;gap:12px;margin-bottom:14px}.flow-edit-row{border:1px solid #e5e3e0;border-radius:16px;padding:14px;background:#fff}.flow-edit-title{display:flex;gap:10px;align-items:center}.flow-edit-title label{min-width:0;flex:1}.flow-number{background:#fff0e8;color:var(--accent-strong,#ad3d20);border-radius:10px;padding:8px 10px;font-size:12px}.flow-row-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.flow-options{margin-top:10px}.flow-options summary{cursor:pointer;font-size:12px;color:#635c56}.flow-options fieldset{border:0;padding:12px 0 0;min-width:0;margin:0}.flow-dependency{display:flex!important;gap:8px;align-items:center;margin:8px 0;font-size:12px}.flow-dependency input{width:auto!important}.flow-edit-row input:disabled{color:#6b665f;opacity:1}.flow-edit-row .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.flow-edit-row .form-grid{grid-template-columns:1fr}.flow-edit-row{padding:12px}.flow-toolbar .button{width:100%}}

/* Planning actions stay before the compact mobile summary. */
.tintai-workspace .planning-actions:empty{display:none}
.tintai-workspace .planning-actions{margin-bottom:12px}
@media(max-width:760px){.tintai-workspace .planning-summary>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.tintai-workspace .planning-summary span{font-size:11px;line-height:1.4}.tintai-workspace .planning-summary strong{font-size:21px;margin:0;flex-shrink:0}}

/* Record actions stay outside the scrolling fields, including a mobile keyboard. */
.tintai-workspace dialog#dialog{overflow:hidden}
.tintai-workspace #dialog-form{display:flex;flex-direction:column;min-height:0}
.tintai-workspace #dialog-form>header,
.tintai-workspace #dialog-form>footer{flex-shrink:0}
.tintai-workspace dialog#dialog #dialog-body{flex:1 1 auto;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scroll-padding-block:16px}
.tintai-workspace #dialog-form>footer{position:sticky;bottom:0;z-index:1;padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}
.tintai-workspace #dialog-error{flex-shrink:0;max-height:min(120px,20dvh);overflow:auto;overscroll-behavior:contain}
@media(max-width:1199px){
 .tintai-workspace dialog#dialog{
  --record-top-gap:max(12px,env(safe-area-inset-top,0px));
  --record-bottom-gap:max(12px,env(safe-area-inset-bottom,0px));
  --record-height:calc(var(--record-viewport-height,100dvh) - var(--record-top-gap) - var(--record-bottom-gap));
  position:fixed;inset:calc(var(--record-viewport-top,0px) + var(--record-top-gap)) 0 auto;
  margin:0 auto;max-height:var(--record-height);
 }
 .tintai-workspace #dialog-form{max-height:calc(var(--record-height) - 2px)}
}

/* Compact operations shell: presentation only; the record viewport contract stays above. */
.tintai-workspace.compact-operations > .topbar{height:48px;min-height:48px;padding:0 16px;gap:12px;flex-wrap:nowrap}
.tintai-workspace.compact-operations .topbar .brand{font-size:22px;line-height:1}
.tintai-workspace.compact-operations .topbar .kano-product-nav{order:0;flex:0 1 auto;width:auto;padding:2px;gap:2px;flex-wrap:nowrap;overflow:visible}
.tintai-workspace.compact-operations .topbar .kano-product-nav a{flex:none;min-height:32px;padding:5px 12px;font-size:12px;white-space:nowrap}
.tintai-workspace.compact-operations .global-search input{height:32px;min-height:32px}
.tintai-workspace.compact-operations main{padding:12px 16px 20px}
.tintai-workspace.compact-operations .page-heading{margin-bottom:10px;gap:10px}
.tintai-workspace.compact-operations h1{font-size:20px;line-height:1.4}
.tintai-workspace.compact-operations .button{min-height:32px;padding:4px 10px;font-size:12px;line-height:22px}
.tintai-workspace.compact-operations .panel{border-radius:12px;margin-bottom:10px}
.tintai-workspace.compact-operations .panel-heading{min-height:38px;padding:3px 10px;gap:8px;flex-wrap:nowrap}
.tintai-workspace.compact-operations .panel-heading h2{font-size:14px;line-height:22px}
.tintai-workspace.compact-operations .registry-toolbar{padding:4px 10px;gap:8px;flex-wrap:nowrap}
.tintai-workspace.compact-operations .registry-toolbar :is(input,select){height:32px;min-height:32px;font-size:12px}
.tintai-workspace.compact-operations .workspace-filters{margin-bottom:6px;border-radius:8px}
.tintai-workspace.compact-operations .table-wrap th{height:32px;padding:4px 10px;line-height:22px}
.tintai-workspace.compact-operations .table-wrap td{height:40px;padding:3px 10px;font-size:13px;line-height:22px;white-space:nowrap}
.tintai-workspace.compact-operations .table-wrap .record-title{min-width:180px;max-width:440px}
.tintai-workspace.compact-operations .table-wrap .record-title > :is(a,button){display:inline-block;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:22px;vertical-align:middle}
.tintai-workspace.compact-operations .table-wrap td small{display:inline-block;max-width:210px;font-size:12px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;margin:0 0 0 6px}
.tintai-workspace.compact-operations .table-wrap .task-condition{max-width:190px}
.tintai-workspace.compact-operations .table-wrap .quantity-value{display:inline;font-size:12px}
.tintai-workspace.compact-operations .table-wrap .quantity-action{display:inline-block;margin:0 0 0 8px;font-size:12px;line-height:22px;min-height:32px}
.tintai-workspace.compact-operations .table-wrap .quantity-track{display:none}
.tintai-workspace.compact-operations .badge{white-space:nowrap;padding:2px 7px;line-height:20px}
.tintai-workspace.compact-operations .count-filters{margin-bottom:8px;gap:6px}
.tintai-workspace.compact-operations .count-filters :is(button,a){min-height:32px;padding:4px 10px}
.tintai-workspace.compact-operations .project-layout{display:block}
.tintai-workspace.compact-operations .project-heading{display:flex;align-items:center;gap:10px;min-height:36px;margin-bottom:4px}
.tintai-workspace.compact-operations .project-back{display:grid;place-items:center;min-width:32px;min-height:32px;border:1px solid #e7e7e3;border-radius:9px;background:#fff;color:#52524b;text-decoration:none}
.tintai-workspace.compact-operations .project-title{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1}
.tintai-workspace.compact-operations .project-title .code{font-size:12px;flex:none;color:#707069}
.tintai-workspace.compact-operations .project-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tintai-workspace.compact-operations .project-role{font-size:12px;color:#707069}
.tintai-workspace.compact-operations .project-heading>.actions{position:relative;flex:none;gap:6px}
.tintai-workspace.compact-operations .project-rail{position:static;top:auto;width:auto;border:0;background:transparent;border-radius:8px}
.tintai-workspace.compact-operations .project-rail>summary{padding:5px 9px;min-height:32px;font-size:12px;line-height:22px;cursor:pointer;border:1px solid #e7e7e3;border-radius:8px;background:#fff}
.tintai-workspace.compact-operations .project-rail-content{position:absolute;right:0;top:calc(100% + 6px);width:min(340px,calc(100vw - 40px));max-height:min(65dvh,calc(100dvh - 200px));overflow:auto;padding-top:10px;border:1px solid #e7e7e3;border-radius:12px;background:#fff;box-shadow:0 8px 30px #26262015;z-index:12}
.tintai-workspace.compact-operations .project-rail-list{max-height:none}
.tintai-workspace.compact-operations .project-rail-item{padding:9px 12px;gap:4px}
.tintai-workspace.compact-operations .project-navigation{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;margin:0 0 4px;padding:0 0 4px;min-height:36px}
.tintai-workspace.compact-operations .project-main-views{display:flex;flex:1;flex-wrap:nowrap;min-width:0;overflow-x:auto;gap:2px;scrollbar-width:thin}
.tintai-workspace.compact-operations .project-main-views a{min-height:32px;padding:5px 10px;font-size:12px;line-height:22px;white-space:nowrap;flex:none}
.tintai-workspace.compact-operations .project-main-views a span{font-size:12px;opacity:.8}
.tintai-workspace.compact-operations .project-view-choice{display:flex;align-items:center;gap:6px;flex:none;margin:0;font-size:12px;color:#707069}
.tintai-workspace.compact-operations .project-view-choice select{height:32px;min-height:32px;padding:3px 8px;font-size:12px;width:auto}
.tintai-workspace.compact-operations .workspace-summary{position:relative;display:flex;align-items:center;flex-wrap:wrap;min-height:34px;padding:2px 10px;gap:6px 16px;margin:0 0 4px;border-radius:9px;font-size:12px}
.tintai-workspace.compact-operations .completion-total{gap:8px;align-items:center}
.tintai-workspace.compact-operations .completion-total>strong{font-size:18px;line-height:28px}
.tintai-workspace.compact-operations .completion-total>span{font-size:12px;line-height:22px}
.tintai-workspace.compact-operations .summary-count{color:#707069;font-size:12px;text-decoration:none}
.tintai-workspace.compact-operations .summary-count b{color:#262620}
.tintai-workspace.compact-operations .project-summary-details{margin-left:auto;font-size:12px}
.tintai-workspace.compact-operations .project-summary-details>summary{cursor:pointer;padding:4px 0;min-height:28px;color:#913d24}
.tintai-workspace.compact-operations .project-summary-content{position:absolute;top:calc(100% + 5px);right:0;z-index:10;width:min(680px,calc(100vw - 32px));max-height:60vh;overflow:auto;border:1px solid #ead4c9;background:#fff;border-radius:12px;box-shadow:0 8px 30px #26262015;padding:12px;font-size:12px;line-height:1.7}
.tintai-workspace.compact-operations .project-summary-content p{margin:0 0 8px}
.tintai-workspace.compact-operations .workspace-next{padding:8px 10px;margin:0;border-radius:8px}
.tintai-workspace.compact-operations .planning-summary{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;margin:0 0 6px;padding:3px 10px;min-height:36px;border:1px solid #e7e7e3;border-radius:9px;background:#fff}
.tintai-workspace.compact-operations .planning-summary>div{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;border-radius:0}
.tintai-workspace.compact-operations .planning-summary span{font-size:12px;line-height:22px}
.tintai-workspace.compact-operations .planning-summary strong{font-size:16px;line-height:28px;margin:0}
.tintai-workspace.compact-operations :is(small,.process-state,.map-legend,.map-status,.map-card-facts,.map-card-facts b,.map-owner,.map-open-label,.map-layer-label,.flow-phase em,.rail-code,.rail-demo,.rail-progress,.rail-due,.form-hint,.timeline-caption,.site-footer){font-size:12px}
.tintai-workspace.compact-operations .map-guide{padding:6px 10px;line-height:22px}
.tintai-workspace.compact-operations .map-guide>span:first-child{font-size:12px}
.tintai-workspace.compact-operations .process-scroll{padding:10px}
.tintai-workspace.compact-operations .process-node{padding:12px}
.tintai-workspace.compact-operations .map-quantity-summary{font-size:12px}
.tintai-workspace.compact-operations .execution-plan-context{padding:8px;margin:0 0 8px}
.tintai-workspace.compact-operations .record-plan-link{margin-bottom:8px}
@media(max-width:1100px){
 .tintai-workspace.compact-operations .project-role{display:none}
 .tintai-workspace.compact-operations .topbar .kano-product-nav a{padding-inline:9px}
}
@media(max-width:760px){
 .tintai-workspace.compact-operations > .topbar{height:auto;min-height:48px;padding:6px 10px;gap:6px;flex-wrap:wrap}
 .tintai-workspace.compact-operations .topbar .kano-product-nav{order:3;flex:1 1 100%;width:100%;overflow-x:auto;justify-content:flex-start}
 .tintai-workspace.compact-operations .topbar .kano-product-nav a{min-height:36px;flex:1}
 .tintai-workspace.compact-operations main{padding:10px}
 .tintai-workspace.compact-operations .project-heading{flex-wrap:wrap;gap:6px}
 .tintai-workspace.compact-operations .project-title{flex-basis:calc(100% - 44px);flex-wrap:wrap;gap:0 8px}
 .tintai-workspace.compact-operations .project-title h1{font-size:18px}
 .tintai-workspace.compact-operations .project-heading>.actions{width:100%;justify-content:flex-end}
 .tintai-workspace.compact-operations .project-navigation{gap:6px}
 .tintai-workspace.compact-operations .project-view-choice>span{display:none}
 .tintai-workspace.compact-operations .project-main-views a{min-height:36px}
 .tintai-workspace.compact-operations .registry-toolbar{flex-wrap:wrap}
 .tintai-workspace.compact-operations .registry-toolbar .search{min-width:150px;flex:1}
 .tintai-workspace.compact-operations .registry-toolbar select{max-width:100%}
 .tintai-workspace.compact-operations .panel-heading{flex-wrap:wrap}
 .tintai-workspace.compact-operations .workspace-summary{gap:4px 12px}
 .tintai-workspace.compact-operations .project-summary-details{margin-left:0}
 .tintai-workspace.compact-operations .project-summary-content{width:100%}
}

.tintai-workspace.compact-operations .summary-count.due-overdue{color:#a14752}

/* Browser QA: let the absolute project menu escape its collapsed details box.
   Anchor it to the right edge of the heading actions, including on narrow screens. */
.tintai-workspace.compact-operations .project-rail[open]{overflow:visible;height:auto;max-height:none}
/* Recover vertical room using spacing only; keep labels and controls legible. */
.tintai-workspace.compact-operations main:has(> .project-layout){padding-top:6px}
.tintai-workspace.compact-operations .project-heading{margin-bottom:2px}
.tintai-workspace.compact-operations .project-navigation{min-height:32px;padding-bottom:0;margin-bottom:2px}
.tintai-workspace.compact-operations .workspace-summary{margin-bottom:2px}
.tintai-workspace.compact-operations .project-workspace .panel-heading{min-height:32px;padding-block:0}
.tintai-workspace.compact-operations .project-workspace .registry-toolbar{padding-block:2px}

/* Keep project-tab counts visually separate from their labels. */
.tintai-workspace.compact-operations .project-main-views a>span{margin-inline-start:6px}

/* Project overview: order, next step, positions and state on one screen. */
.tintai-workspace .overview-facts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #e7e7e3;border-radius:16px;margin:12px 0}
.tintai-workspace .overview-facts>div {padding:14px 18px;border-right:1px solid #efefeb;min-width:0}
.tintai-workspace .overview-facts>div:last-child {border-right:0}
.tintai-workspace .overview-facts span {display:block;font-size:12px;color:#77776f}
.tintai-workspace .overview-facts strong {display:block;font-size:16px;font-weight:650;overflow-wrap:anywhere}
.tintai-workspace .overview-facts small {display:block;font-size:12px;font-weight:400;color:#77776f}
.tintai-workspace .overview-facts small.due-overdue {color:#b3402a}
.tintai-workspace .overview-next {display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--accent-soft,#fff0e9);border:1px solid #f3d5c8;border-radius:16px;padding:14px 18px;margin:12px 0}
.tintai-workspace .overview-next strong {font-size:16px}
.tintai-workspace .overview-next>span:not(.eyebrow) {color:#5d5d56;font-size:13px}
.tintai-workspace .overview-go {margin-left:auto;color:#b3402a;font-weight:600;font-size:13px;white-space:nowrap}
.tintai-workspace .overview-columns {display:grid;grid-template-columns:1.6fr 1fr;gap:12px;align-items:start}
.tintai-workspace .overview-state>a {display:flex;align-items:baseline;gap:10px;padding:11px 18px;border-bottom:1px solid #efefeb;color:#262620}
.tintai-workspace .overview-state>a:last-child {border-bottom:0}
.tintai-workspace .overview-state>a:hover {background:#fafaf7;text-decoration:none}
.tintai-workspace .overview-state span {width:110px;color:#77776f;font-size:13px;flex-shrink:0}
.tintai-workspace .overview-state strong {font-weight:600;font-size:14px}
.tintai-workspace .overview-state em {margin-left:auto;font-style:normal;font-size:12px;color:#b3402a}
@media(max-width:900px){.tintai-workspace .overview-facts{grid-template-columns:1fr 1fr}.tintai-workspace .overview-facts>div:nth-child(2){border-right:0}.tintai-workspace .overview-facts>div:nth-child(-n+2){border-bottom:1px solid #efefeb}.tintai-workspace .overview-columns{grid-template-columns:1fr}.tintai-workspace .overview-go{margin-left:0}}

/* Visual process maps: order journey strip and item-by-step matrix. */
.tintai-workspace .journey {display:flex;list-style:none;margin:0;padding:16px 18px 6px;gap:0;overflow-x:auto}
.tintai-workspace .journey li {position:relative;flex:1;min-width:104px;padding:30px 8px 10px 0;font-size:12px;color:#77776f}
.tintai-workspace .journey li::before {content:'';position:absolute;top:11px;left:0;right:0;height:4px;background:#e6e6e0}
.tintai-workspace .journey li i {position:absolute;top:0;left:0;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #d6d6cf;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:700;color:#fff}
.tintai-workspace .journey li strong {display:block;font-size:13px;color:#262620}
.tintai-workspace .journey li.done::before {background:#2f7a5b}
.tintai-workspace .journey li.done i {background:#2f7a5b;border-color:#2f7a5b}
.tintai-workspace .journey li.active i,.tintai-workspace .journey li.ready i {border-color:var(--accent,#dd5d39);box-shadow:0 0 0 4px var(--accent,#dd5d39)22}
.tintai-workspace .journey li.active i {background:var(--accent,#dd5d39)}
.tintai-workspace .journey li.active strong,.tintai-workspace .journey li.ready strong {color:#b3402a}
.tintai-workspace .journey li.returned i {background:#b3402a;border-color:#b3402a}
.tintai-workspace .journey li.returned span {color:#b3402a;font-weight:600}
.tintai-workspace .journey li:last-child::before {right:auto;width:26px}
.tintai-workspace .process-matrix th[scope=row] {font-size:14px;font-weight:600;color:#262620;white-space:normal;min-width:170px;background:#fff}
.tintai-workspace .process-matrix th[scope=row] small {display:block;font-weight:400;color:#77776f}
.tintai-workspace .process-matrix td {padding:8px}
.tintai-workspace .map-cell {display:block;border-radius:12px;padding:9px 12px;border:1px solid #e6e6e0;background:#fafaf7;color:#262620;border-left-width:5px;min-width:130px}
.tintai-workspace a.map-cell:hover {text-decoration:none;box-shadow:0 2px 10px #0000000f}
.tintai-workspace .map-cell b {display:block;font-size:18px;line-height:1.2}
.tintai-workspace .map-cell span {display:block;font-size:12px}
.tintai-workspace .map-cell small {display:block;font-size:11px;color:#77776f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tintai-workspace .map-cell.done {border-left-color:#2f7a5b;background:#eef6f1}
.tintai-workspace .map-cell.active {border-left-color:var(--accent,#dd5d39);background:var(--accent-soft,#fff0e9)}
.tintai-workspace .map-cell.ready {border-left-color:#e0a23a;background:#fdf7ea}
.tintai-workspace .map-cell.returned {border-left-color:#b3402a;background:#fdeee9}
.tintai-workspace .map-cell.returned span {color:#8f3320;font-weight:600}
.tintai-workspace .map-cell.waiting {color:#77776f}
.tintai-workspace .map-cell.late {outline:2px solid #b3402a55}
.tintai-workspace .map-cell.none {text-align:center;color:#b0b0a8;border-left-width:1px}
.tintai-workspace .map-skip {display:block;margin:3px 0 0 6px;padding:0;border:0;background:none;font-size:11px;color:#77776f;text-decoration:underline;cursor:pointer}
.tintai-workspace .map-skip:hover {color:#b3402a}
.tintai-workspace .process-matrix .map-cell {min-width:104px}
.tintai-workspace .overview-facts {grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}