/* Additions for the live app (login screen, signed-in user, mobile menu).
   The approved preview look stays untouched in pressflow.css. */
/* The preview styles set display on these screens, which would beat the hidden attribute. */
[hidden]{display:none!important}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.login-wrap .modal{display:block}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.login-brand strong{display:block;letter-spacing:.08em;font-size:15px}
.login-brand small{font-size:10px;letter-spacing:.1em;color:#9AADB5}
.login-form{display:grid;gap:13px}
.login-form .primary-btn{width:100%;margin-top:6px}
.login-form .primary-btn:disabled{opacity:.6;cursor:wait}
.login-msg{padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.5;background:#3A1D1D;color:#FF8983;border:1px solid #5A2A2A}
.login-msg.info{background:#102D42;color:#6CC8FF;border-color:#1C4A6A}
.login-foot{margin-top:18px;font-size:11px;color:#8FA3AC;text-align:center}
.me{display:grid;text-align:right;line-height:1.35}
.me strong{font-size:13px;color:#E7F2F5}
.me small{font-size:11px;color:#8FA3AC}
.navbadge{margin-left:auto;font-size:10px;background:#FFFFFF22;padding:3px 7px;border-radius:99px}
.navbadge:empty{display:none}
/* The preview drew a sample production chart with CSS; real charts (ui.js) replace it. */
.workspace:after{display:none!important}
/* Five number cards (Overview) in the preview card style */
.stats.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.stat-note{margin:-6px 0 18px;font-size:12px;color:#8FA3AC}
.stat-note strong{color:#E7F2F5}
.month-pick{display:flex;align-items:center;gap:8px;font-size:12px;color:#8FA3AC;white-space:nowrap}
.month-pick select{width:auto}
/* Charts */
.chart{padding:0 19px 16px}
.chart-box{width:100%;overflow:hidden}
.chart-box svg{display:block;font-family:var(--site-font-body)}
.chart-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#C5D3D8;margin-bottom:8px}
.chart-legend i,.chart-tip i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.chart-tip{position:fixed;z-index:20;pointer-events:none;background:#0B151B;border:1px solid #293A42;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.6;color:#E8F2F5;box-shadow:0 8px 24px #0006}
.chart-table{margin-top:8px;font-size:12px;color:#8FA3AC}
.chart-table summary{cursor:pointer;color:#36D8C7;font-weight:700}
.chart-table-wrap{overflow-x:auto;margin-top:8px}
.chart-table table{border-collapse:collapse;min-width:260px}
.chart-table th,.chart-table td{border-bottom:1px solid #1D2B32;padding:5px 12px 5px 0;text-align:left;color:#C5D3D8}
.chart-table th{color:#8FA3AC;font-weight:700}
@media(max-width:1050px){.stats.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .stats.five{grid-template-columns:repeat(2,minmax(0,1fr))}
 .headline .month-pick{justify-self:start}
 .me{display:none}
 .sidebar.open{display:flex;position:fixed;top:0;bottom:0;left:0;width:260px;z-index:6;overflow-y:auto;padding-top:calc(25px + env(safe-area-inset-top,0px))}
}
/* Team & Access */
.tm-form{padding:0 19px 18px}
.inline{display:flex;gap:8px}.inline input{flex:1}
.pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 18px;margin-top:6px}
.pick-group .colhd{margin-bottom:4px}
.check{display:flex;align-items:center;gap:8px;font-size:13px;color:#C5D3D8;padding:3px 0;cursor:pointer}
.tm-small{width:auto;padding:5px 8px;font-size:12px}
.tm-person{align-items:flex-start}
.tm-person.off,.grid tr.off,.tm-step.off{opacity:.55}
.tm-actions{gap:6px}
.tm-open{margin-top:14px;padding-top:14px;border-top:1px solid #1D2B32}
.grid-wrap{overflow-x:auto;padding:0 19px 12px}
.grid{border-collapse:collapse;font-size:12px;min-width:100%}
.grid th,.grid td{border-bottom:1px solid #1D2B32;padding:7px 10px;text-align:center;color:#C5D3D8;white-space:nowrap}
.grid th:first-child,.grid td:first-child,.grid th:nth-child(2),.grid td:nth-child(2){text-align:left}
.grid th{color:#8FA3AC;font-weight:700}.grid th.sub{font-weight:400;font-size:11px}
.grid input{width:16px;height:16px;cursor:pointer}
.tm-steps{display:grid;gap:10px;padding:0 19px 14px}
.tm-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px 12px;padding:12px;border:1px solid #1D2B32;border-radius:10px}
.tm-step-form{display:grid;grid-template-columns:minmax(160px,1fr) auto auto auto;gap:12px;align-items:end}
.tm-step-form .check{padding-bottom:10px}
.tm-step-roles{grid-column:2}
.tm-step-roles .chips{margin:4px 0 0;align-items:center}
.grid tr.dept td{text-align:left;font-weight:800;color:#36D8C7;padding-top:14px;border-bottom-color:#25363D}
.tm-addrole{padding:4px 19px 14px;max-width:none}
.tm-addrole{flex-wrap:wrap}.tm-addrole input{flex:1 1 220px}.tm-addrole .search{width:auto}.tm-addrole .primary-btn{white-space:nowrap}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
@media(max-width:900px){.tm-step-form{grid-template-columns:1fr}.tm-person{flex-direction:column}.tm-actions{justify-items:start;text-align:left}}
/* sign-in extras and My account */
.login-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.login-row .check{font-size:12px;padding:0}
.me-btn{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;text-align:right}
.me-btn:hover .avatar{box-shadow:0 0 0 2px #25D4C2!important}
.modal-backdrop:not([hidden]){display:grid}

.modal-actions .primary-btn{width:auto;margin-top:0}
/* Master Data and Clients */
.md-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;border-top:1px solid #1D2B32}
.md-side{padding:12px;border-right:1px solid #1D2B32;max-height:640px;overflow-y:auto}
.md-lists{display:grid;gap:4px}
.md-list{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#C5D3D8;text-align:left;padding:9px 10px;border-radius:8px;font-size:13px}
.md-list small{color:#8FA3AC;font-size:11px;white-space:nowrap}
.md-list:hover{background:#0B191D}
.md-list.active{background:#0C302F;border-color:#124A47;color:#F4FFFF}
.md-list.off{opacity:.55}
.md-main{padding:14px 19px 18px;min-width:0}
.md-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.md-head h2{margin:0 0 4px;font-size:16px}
.md-tools,.cl-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cl-tools{padding:0 19px 12px}.cl-tools .search{flex:1 1 240px;width:auto}
.md-settings{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:12px;align-items:end;padding:12px;border:1px solid #1D2B32;border-radius:10px;margin-bottom:12px}
.md-settings .check{padding-bottom:10px}
.md-add{display:flex;gap:8px;margin-bottom:6px}.md-add input{flex:1;padding:10px;border-radius:8px;border:1px solid #25363D;background:#050B0F;color:#E8F2F5}
.md-similar{min-height:4px;margin-bottom:10px}.md-similar .chip{margin:2px}
.md-warn{color:#F0CB72;font-size:12px;margin-bottom:4px}
.md-values .job.off,.joblist .job.off{opacity:.6}
.cl-form .full{grid-column:1/-1}
@media(max-width:800px){.md-wrap{grid-template-columns:1fr}.md-side{border-right:0;border-bottom:1px solid #1D2B32;max-height:260px}.md-settings{grid-template-columns:1fr}}
/* Specification form */
.sf-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#C5D3D8;margin:-6px 0 14px}
.sf-returned{margin-bottom:14px}
#sf .unit{align-self:center;color:#8FA3AC;font-size:12px}
#sf .addnew{flex-wrap:wrap}
#sf .addnew .md-similar{flex-basis:100%;margin:2px 0 0}
#sf .md-similar .chip{cursor:pointer;border:1px solid #25363D}
#sf .sl small{color:#8FA3AC}
.fs-grid td:first-child{min-width:220px}
.fs-grid input[name=label]{width:100%;padding:6px 8px;border-radius:6px;border:1px solid #25363D;background:#050B0F;color:#E8F2F5}
.fs-add{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end;padding:0 19px 18px}
.fs-add .check{padding-bottom:10px}
#sf .inline input{min-width:0}
.sf-old{display:block;margin-top:4px;color:#F0CB72;font-size:11px}
/* Approvals */
.sf-decide{margin-bottom:14px}
.sf-decide.panel{border-color:#1A6D64!important;box-shadow:0 0 0 1px #1A6D6455,0 8px 28px #0005!important}
.tabs .filter{font-size:13px;padding:9px 14px}
.tab-count{display:inline-block;min-width:20px;margin-left:6px;padding:1px 6px;border-radius:99px;background:#103431;color:#5CE5D6;font-size:11px;font-weight:800;text-align:center}
.ap-card{text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%;transition:border-color .15s,transform .15s}
.ap-card:hover{transform:translateY(-2px);border-color:#1E8D81!important}
.ap-card.active{border-color:#25D4C2!important;box-shadow:0 0 0 1px #25D4C2,0 8px 28px #0005!important}
.ap-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:0 19px 14px}
.ap-filter{display:grid;gap:4px;font-size:11px;color:#8FA3AC}
.ap-filter .search{width:auto;min-width:150px}
.ap-search{flex:1 1 240px}.ap-search .search{width:100%}
.ap-group{border-top:1px solid #1D2B32}
.ap-group summary{display:flex;align-items:center;gap:10px;padding:12px 19px;cursor:pointer;list-style:none;color:#E7F2F5}
.ap-group summary::-webkit-details-marker{display:none}
.ap-caret{display:inline-block;transition:transform .15s;color:#36D8C7}
.ap-group[open] .ap-caret{transform:rotate(90deg)}
.ap-row{cursor:pointer}
.ap-row:focus{outline:2px solid #25D4C2;outline-offset:-2px}

#forgotOff{margin:8px 0 0}
/* A new version was published */
.new-version{position:sticky;top:0;z-index:6;padding:8px 16px;text-align:center;font-size:13px;font-weight:700;background:#103B38;color:#DDFEFA;border-bottom:1px solid #1C7168}
.new-version button{margin-left:8px;padding:4px 12px;border:0;border-radius:6px;background:#20CDBB;color:#041513;font-weight:700}
/* Test Mode (migration 010): strip on every page, watermark on test documents */
.test-strip{position:sticky;top:0;z-index:5;padding:8px 16px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.08em;background:#B3261E;color:#FFFFFF}
.sf-test{position:relative}
.watermark{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none;display:flex;flex-direction:column;justify-content:space-around;align-items:center}
.watermark span{transform:rotate(-28deg);white-space:nowrap;font-size:clamp(34px,7vw,84px);font-weight:900;letter-spacing:.08em;color:rgba(211,47,47,.16)}
.pill.test{background:#5A1D1D;color:#FF9C95}
.pill.cancelled{background:#2A3338;color:#B4C2C9}
/* Signatures */
.sig-preview{padding:10px;border:1px dashed #34434F;border-radius:8px;background:#FFFFFF;text-align:center}
.sig-preview img{max-width:100%;max-height:120px}
.sig-img{display:inline-block;max-width:160px;max-height:56px;background:#FFFFFF;border-radius:4px;padding:2px 6px;vertical-align:middle}
.acc-sig{margin:6px 0 10px}
#accSig{margin-bottom:16px}
.sgimg{min-height:56px;display:flex;align-items:flex-end;justify-content:center}
.sgimg img{max-width:100%;max-height:56px;background:#FFFFFF;border-radius:4px}
.tm-flags{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.tm-flags .check input:disabled+span{opacity:.5}
.tm-sig{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:12px;color:#8FA3AC}
.tm-live{padding:0 19px 18px}
.tm-live .notice{margin:0 0 12px}
.go-live-btn{background:#B3261E!important;border-color:#B3261E!important;color:#FFFFFF!important}
/* Print: only the document, light, with its watermark */
@media print{
 :root{color-scheme:light}
 body,.app,.layout,.main,.content{background:#FFFFFF!important;color:#000000!important}
 .sidebar,.topbar,.test-strip,.eyebrow,.headline,.sf-decide,.toast,#sf .modal-actions,#sf input[type=file],.sf-returned{display:none!important}
 .layout{display:block!important}.content{padding:0!important}
 #sf{border:0!important;box-shadow:none!important;background:#FFFFFF!important}
 #sf *{color:#000000!important;border-color:#999999!important;background:transparent!important;box-shadow:none!important}
 #sf .sfsec>h3{background:#EEEEEE!important}
 #sf .sgimg img,#sf .sig-img{background:#FFFFFF!important}
 #sf .watermark span{color:rgba(211,47,47,.22)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .sf-banner{color:#000000!important}
}
/* The printed spec form: a clean A4 copy built by specform.js (never shown on screen, except off-screen to measure it) */
#sfPrint{display:none}
#sfPrint.pp-measure{display:block;position:absolute;left:-9999px;top:0;width:190mm;visibility:hidden}
#sfPrint,#sfPrint *{color:#000000}
#sfPrint{font-size:8.5pt;line-height:1.2;background:#FFFFFF}
.pp-page{position:relative;display:flex;flex-direction:column;width:190mm;height:255mm;overflow:hidden;background:#FFFFFF}
.pp-page.pp-grow{height:auto;overflow:visible}
.pp-page>*{flex-shrink:0}
.pp-page .sfhead{flex-wrap:nowrap;padding:0 0 4px;gap:10px}
.pp-page .sfhead h2{font-size:13pt!important}
.pp-page .job-meta{font-size:7.5pt;color:#000000!important}
.pp-page .dochead{font-size:7.5pt}
.pp-page .dochead td{padding:1px 6px;border:1px solid #777777}
.pp-ref{padding:0 0 4px;font-size:8.5pt}
.pp-sec{break-inside:avoid;margin-bottom:3px;border:1px solid #777777}
.pp-sec>h3{margin:0;padding:1.5px 6px;font-size:8.5pt;font-weight:700;background:#E6E6E6;border-bottom:1px solid #777777;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.pp-cols{display:grid;gap:0 8px;padding:2px 6px}
.pp-c1{grid-template-columns:minmax(0,1fr)}.pp-c2{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-c3{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-cols .colhd{margin:0 0 1px;padding:0;font-size:7.5pt;font-weight:700;color:#000000!important}
.pp-row{display:grid;grid-template-columns:12px minmax(0,46%) minmax(0,1fr);gap:3px;padding:1.2px 0;border-bottom:1px solid #CCCCCC}
.pp-c4 .pp-row{grid-template-columns:10px minmax(0,52%) minmax(0,1fr)}
.pp-row.pp-rev{grid-template-columns:22px minmax(0,1fr);min-height:5mm}
.pp-iss{font-size:7pt}.pp-l{font-size:7.5pt}.pp-v{font-weight:700;overflow-wrap:anywhere}
.pp-remarks{min-height:14mm;padding:3px 6px;white-space:pre-wrap;overflow-wrap:anywhere}
.pp-link{margin-bottom:3px;font-size:7.5pt;overflow-wrap:anywhere}
.pp-draw{display:flex;flex-direction:column;flex:1 1 0;min-height:40mm}
.pp-drawbox{position:relative;flex:1 1 0;min-height:0}
.pp-drawbox img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain}
.pp-appr{margin-top:auto;margin-bottom:0}
#sfPrint .appr{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px 6px 4px}
#sfPrint .sg{gap:2px;font-size:7.5pt;align-content:start}
#sfPrint .sn{min-height:13px;border-bottom:1px solid #000000;font-size:7.5pt;overflow-wrap:anywhere}
#sfPrint .sl small{font-size:6.5pt}
#sfPrint .sgimg{min-height:30px}
#sfPrint .sgimg img{max-height:30px;background:#FFFFFF}
.pp-mark{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:space-around;align-items:center;overflow:hidden;pointer-events:none}
.pp-mark span{transform:rotate(-28deg);white-space:nowrap;font-size:34pt;font-weight:900;letter-spacing:.06em;color:rgba(211,47,47,.16)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
@media print{
 @page{size:A4 portrait;margin:20mm 10mm}
 html,body{height:auto!important;background:#FFFFFF!important}
 body.sf-print>*{display:none!important}
 body.sf-print>#sfPrint{display:block!important}
 #sfPrint .pp-page{break-after:page}
 #sfPrint .pp-page:last-child{break-after:auto}
}
/* Team & Access: tabs, list + side panel, role list + one grid, chain in one line */
.tm-kpis{margin-bottom:14px}
.tm-kpis .stat{min-height:0!important;padding:11px 14px}
.tm-kpis .stat-icon,.tm-kpis .stat-foot{display:none}
.tm-kpis .stat-num{font-size:22px;margin-top:2px}
.tm-tabs{display:flex;gap:4px;margin:0 0 16px;border-bottom:1px solid #1D2B32;overflow-x:auto}
.tm-tab{padding:10px 14px;border:0;border-bottom:2px solid transparent;background:none;color:#91A4AD;font-size:13px;font-weight:600;white-space:nowrap}
.tm-tab.on{color:#5CE5D6;border-bottom-color:#25D4C2}
.tm-tab small{margin-left:5px;color:#6F848D;font-weight:500}
.tm-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 19px;border-bottom:1px solid #1D2B32}
.tm-bar .search{width:auto;min-width:0;height:auto;padding:7px 10px;font-size:13px}
.tm-bar .tm-grow{flex:1 1 180px}
.tm-add{margin-left:auto}
.tm-row{display:grid;grid-template-columns:36px minmax(0,1.4fr) minmax(0,1.3fr) minmax(0,1.2fr) 18px;gap:12px;align-items:center;padding:11px 19px;border-bottom:1px solid #1D2B32;cursor:pointer}
.tm-row:hover,.tm-row.sel{background:#0B191D}
.tm-row.sel{box-shadow:inset 3px 0 #25D4C2}
.tm-row:focus{outline:2px solid #25D4C2;outline-offset:-2px}
.tm-person.off{opacity:.55}
.tm-head{cursor:default;padding:8px 19px;color:#6F848D;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.tm-head:hover{background:none}
.tm-av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#103431;color:#5CE5D6;font-size:12px;font-weight:700}
.tm-who{min-width:0}
.tm-who .job-meta{overflow-wrap:anywhere}
.tm-go{color:#8FA3AC;text-align:center}
.tm-scrim{position:fixed;inset:0;z-index:7;background:#00000066}
.tm-side{position:fixed;top:0;right:0;bottom:0;z-index:8;width:min(470px,100%);overflow-y:auto;background:#091117;border-left:1px solid #25363D;box-shadow:-20px 0 50px #0009}
.tm-side h3,.tm-rh h3{margin:0;font-size:16px;color:#ECF7F8}
.tm-sh{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #1D2B32}
.tm-x{flex:none;width:32px;height:32px;border:0;background:none;color:#91A4AD;font-size:22px;line-height:1}
.tm-sb{padding:14px 18px;border-bottom:1px solid #1D2B32}
.tm-sb:last-child{border-bottom:0}
.tm-sb .colhd{margin-bottom:8px}
.tm-sb .field{margin-bottom:10px}
.tm-sb .grid-wrap{padding:0}
.tm-sb .pick{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.tm-cando{display:grid;gap:5px;font-size:13px;color:#C5D3D8}
.tm-extra{color:#F3C65B}
.tm-acct{display:flex;flex-wrap:wrap;gap:8px}
.tm-acct .secondary-btn{padding:6px 10px;font-size:12px}
.tm-danger{color:#FF8983!important}
.tm-two{display:grid;grid-template-columns:280px minmax(0,1fr)}
.tm-roles{border-right:1px solid #1D2B32;padding-bottom:8px}
.tm-rolebar{border-bottom:0;padding-bottom:6px}
.tm-rolebar .secondary-btn{padding:6px 10px;font-size:12px}
.tm-addmenu{padding:4px 19px 12px;border-bottom:1px solid #1D2B32}
.tm-addmenu .colhd{margin:10px 0 4px}
.tm-addmenu .tm-addrole{margin:0;padding:0;flex-wrap:wrap}
.tm-addmenu .tm-addrole .search,.tm-addmenu .tm-addrole input{flex:1 1 90px;width:auto;min-width:0}
.tm-g{padding:10px 19px 4px;color:#6F848D;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.tm-r{display:flex;justify-content:space-between;gap:8px;width:100%;padding:8px 19px;border:0;background:none;color:#C5D3D8;font-size:13px;text-align:left}
.tm-r:hover{background:#0B191D}
.tm-r.on{background:#103431;color:#5CE5D6;box-shadow:inset 3px 0 #25D4C2}
.tm-r.off{opacity:.55}
.tm-r small{color:#8FA3AC}
.tm-empties{padding:10px 19px;color:#8FA3AC}
.tm-rh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 19px;border-bottom:1px solid #1D2B32}
.tm-rh .secondary-btn{padding:6px 10px;font-size:12px}
.tm-gridwrap{padding:0}
.tm-matrix{width:100%;font-size:13px}
.tm-matrix th,.tm-matrix td{padding:10px 12px}
.tm-note{padding:12px 19px}
.tm-back{display:none}
.tm-flow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:14px 19px}
.tm-flow-step{display:flex;gap:8px;align-items:center;padding:7px 10px;border:1px solid #25363D;border-radius:8px;background:#0B151B;color:#E7F2F5;font-size:13px}
.tm-flow-step b{color:#5CE5D6}
.tm-flow-step small{display:block;color:#8FA3AC;font-size:11px}
.tm-flow-step.warn{border-color:#4B3B18}
.tm-flow-step.warn small:last-child{color:#F3C65B}
.tm-arrow{color:#6F848D}
#tmChainEdit{border-top:1px solid #1D2B32}
.tm-log{display:grid;grid-template-columns:120px minmax(0,1fr) 70px;gap:10px;padding:9px 19px;border-bottom:1px solid #1D2B32;font-size:13px;color:#C5D3D8}
.tm-log>span:nth-child(2){overflow-wrap:anywhere}
.tm-logkinds{margin:0;padding:0;border:0}
.tm-email{margin-bottom:16px}
.tm-email .secondary-btn{flex:none;white-space:nowrap}
.tm-golive{margin-top:16px;border-color:#5A1D1D!important}
.tm-golive .panel-head p strong{color:#FF9C95}
.tm-golive .go-live-btn{flex:none;white-space:nowrap}
.tm-side .job-meta,.tm-rh .job-meta,.tm-note{max-width:none}
.tm-side .secondary-btn,.tm-step-form .secondary-btn{padding:6px 12px;font-size:13px}
.tm-addmenu .primary-btn{padding:7px 12px;font-size:13px}
.tm-side .tm-flags{margin-bottom:6px}
@media(max-width:700px){
 .tm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tm-row{grid-template-columns:34px minmax(0,1fr) 16px}
 .tm-hide,.tm-head{display:none}
 .tm-add{margin-left:0;width:100%}
 .tm-two{grid-template-columns:1fr}
 .tm-roles{border-right:0}
 .tm-two.show-detail .tm-roles{display:none}
 .tm-two:not(.show-detail) #tmRolePane{display:none}
 .tm-back{display:block;padding:12px 19px 0}
 .tm-matrix th,.tm-matrix td{padding:9px 6px}
 .tm-flow{flex-direction:column;align-items:stretch}
 .tm-arrow{transform:rotate(90deg);align-self:center}
 .tm-log{grid-template-columns:1fr;gap:2px}
}