:root{--bg:#fbfbfb;--paper:#ffffff;--ink:#1a1a1a;--muted:#838383;--line:#ececec;--accent:#686868;--accent-soft:#f1f1f1;--radius:12px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Inter","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #afafaf;outline-offset:3px}.icon{width:20px;height:20px;flex:none;vertical-align:middle}button{cursor:pointer}.shell{display:flex;min-height:100dvh}.sidebar{width:232px;background:#f6f6f6;border-right:1px solid var(--line);padding:26px 16px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.workspace-brand{display:flex;align-items:center;gap:11px;padding:0 10px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#1c1c1c;color:white;font:700 24px/1 -apple-system,sans-serif;letter-spacing:-2px;position:relative;box-shadow:0 3px 6px #17171712}.brand-mark>span{position:absolute;width:5px;height:5px;background:#a1a1a1;right:6px;bottom:7px;border-radius:50%}.workspace-brand strong{font-size:12px;letter-spacing:1.1px}.workspace-brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.4px}.workspace-dot{height:6px;width:6px;border-radius:50%;background:#a3a3a3;margin-left:auto}.nav-label{font-size:10px;font-weight:500;color:#989898;margin:39px 14px 12px;letter-spacing:.6px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:7px;min-height:44px;color:#7b7b7b;font-size:12px;transition:background .15s,color .15s}nav a .icon{width:18px;height:18px}nav a:hover{background:#efefef;color:var(--ink)}nav a.selected{background:#ececec;color:#636363;font-weight:600}.sidebar-caption{margin:auto 10px 24px;padding-top:50px;color:#989898}.caption-icon{display:block;margin-bottom:10px}.caption-icon .icon{width:22px;height:22px;stroke:#afafaf}.sidebar-caption strong{font-size:11px;font-weight:500;color:#888888}.sidebar-caption p{font-size:10px;margin:5px 0;line-height:1.9}.sidebar-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #e7e7e7;padding:18px 8px 0}.avatar{height:32px;width:32px;background:#e9e9e9;color:#636363;border:1px solid #dfdfdf;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600}.sidebar-bottom strong{font-size:11px}.sidebar-bottom small{display:block;font-size:10px;color:#929292}.sidebar-bottom form{margin-left:auto}.icon-button{border:0;background:none;color:#989898;display:grid;place-items:center;min-height:44px;min-width:34px;border-radius:7px}.icon-button:hover{background:#ededed;color:#444444}.icon-button .icon{height:16px;width:16px}.content{margin-left:232px;min-width:0;flex:1}header{height:68px;border-bottom:1px solid var(--line);background:#ffffffd9;display:flex;justify-content:space-between;align-items:center;padding:0 44px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#9b9b9b}.breadcrumb strong{color:#464646;font-weight:500}.crumb-slash{color:#c9c9c9}.header-tools{display:flex;align-items:center;gap:12px}.header-tools form{margin:0}.header-tools .icon-button{min-width:30px}.env{font-size:10px;border:1px solid #eaeaea;padding:4px 9px;border-radius:5px;color:#848484;display:flex;align-items:center;gap:6px}.env i{width:5px;height:5px;background:#ababab;border-radius:50%}.mobile-logo{display:none}main{max-width:1290px;margin:auto;padding:38px 44px 20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#929292;margin:0 0 7px}h1{font-size:29px;font-weight:650;line-height:1.35;letter-spacing:-1.1px;margin:0 0 8px}.heading-dot{color:#7f7f7f;margin-left:4px}h2{font-size:14px;letter-spacing:-.2px;line-height:1.6;margin:0;font-weight:600}h3{font-weight:600}p{margin:0}.muted{color:var(--muted)}.heading .muted{font-size:12px}.small{font-size:11px}.date{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#ffffff;padding:8px 11px;border-radius:6px;font-size:10px;color:#787878}.date .icon{height:14px;width:14px}.notice{display:flex;align-items:center;gap:9px;background:#f3f3f3;border:1px solid #e9e9e9;border-radius:7px;color:#818181;padding:10px 13px;font-size:10px;margin:0 0 24px;line-height:1.7}.notice>.icon{width:15px;height:15px;stroke:#9b9b9b}.notice-tag{margin-left:auto;font-size:8px;letter-spacing:1.3px;color:#989898}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}.stats article{background:#ffffff;border:1px solid var(--line);border-radius:10px;padding:19px 21px;box-shadow:0 2px 3px #17171702}.stat-head{display:flex;align-items:center;justify-content:space-between;color:#828282;font-size:11px;margin-bottom:16px}.stat-head .icon{height:16px;width:16px;stroke:#aaaaaa}.stats strong{font-size:25px;line-height:1.3;letter-spacing:-.6px;font-weight:600;display:flex;align-items:center;gap:10px;min-height:34px}.stats .stat-empty{font-size:31px;font-weight:400}.stats small{display:flex;align-items:center;gap:6px;color:#a6a6a6;font-size:10px;margin-top:10px}.tiny-dot{height:5px;width:5px;border-radius:50%;background:#cbcbcb;display:inline-block;flex:none}.stat-indicator{height:7px;width:7px;border-radius:50%;background:#d4d4d4}.dashboard-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:20px}.panel{background:#ffffff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:21px}.overline{display:block;color:#a7a7a7;font-size:8px;font-weight:500;letter-spacing:1.2px;margin-bottom:3px}.subtle-badge{border:1px solid var(--line);color:#999999;display:inline-flex;gap:6px;align-items:center;padding:4px 9px;border-radius:5px;font-size:9px;white-space:nowrap}.subtle-badge .icon{height:13px;width:13px}.featured-task{border:1px solid #eaeaea;border-radius:9px;padding:23px;background:linear-gradient(125deg,#fafafa,#fdfdfd 80%)}.task-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.feature-icon{background:#eeeeee;color:#747474;border:1px solid #e5e5e5;border-radius:11px;width:43px;height:43px;display:grid;place-items:center}.feature-icon .icon{width:24px;height:24px}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid #ebebeb;color:#939393;font-size:9px;padding:3px 8px;border-radius:20px;white-space:nowrap;background:#ffffff}.status i{height:4px;width:4px;border-radius:50%;background:#b7b7b7}.featured-task h3{font-size:21px;margin:0 0 6px;letter-spacing:-.5px}.featured-task>.muted{font-size:11px}.mini-pipeline{display:flex;align-items:center;margin:22px 0 24px;gap:9px}.mini-pipeline span{display:flex;align-items:center;gap:5px;font-size:10px;color:#9c9c9c;white-space:nowrap}.mini-pipeline .icon{width:13px;height:13px;stroke:#aaaaaa}.mini-pipeline b{height:1px;background:#e3e3e3;flex:1;min-width:5px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;border:1px solid #595959;background:var(--accent);color:white;border-radius:7px;padding:11px 16px;font-size:11px;font-weight:500;box-shadow:0 2px 2px #4f4f4f0b;transition:background .15s,transform .15s}.primary .icon{height:15px;width:15px}.primary:hover{background:#5a5a5a;transform:translateY(-1px)}.primary:disabled{background:#f2f2f2;border-color:#e8e8e8;color:#aaaaaa;box-shadow:none;cursor:not-allowed;transform:none}.task-foot{display:flex;align-items:center;gap:7px;font-size:9px;color:#a1a1a1;margin-top:17px}.task-foot .icon{height:13px;width:13px}.text-link{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#a1a1a1;min-height:32px}.text-link:hover{color:var(--accent)}.text-link .icon{height:13px;width:13px}.activity-panel{display:flex;flex-direction:column}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:220px;text-align:center}.empty-icon{display:grid;place-items:center;height:49px;width:49px;border-radius:13px;border:1px solid #ededed;background:#f9f9f9;box-shadow:0 5px 12px #39393905;color:#ababab;margin:0 auto 16px;transform:rotate(-5deg)}.empty-icon .icon{height:23px;width:23px;transform:rotate(5deg)}.activity-empty h3{font-size:13px;color:#818181;margin:0 0 7px;font-weight:500}.activity-empty p{font-size:11px;color:#a7a7a7;line-height:1.9}.empty-rule{width:26px;height:2px;background:#ebebeb;margin-top:21px;border-radius:2px}.activity-bottom{font-size:9px;color:#a9a9a9;border-top:1px solid #f1f1f1;padding-top:17px;display:flex;gap:7px;align-items:center}.activity-bottom .icon{height:12px;width:12px}.quick-title{margin:28px 0 13px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.entry{display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#ffffff;padding:17px 19px;transition:border-color .15s,box-shadow .15s;min-height:84px}.entry:hover{border-color:#dddddd;box-shadow:0 4px 12px #48484806}.entry-icon{display:grid;place-items:center;width:35px;height:35px;background:#f7f7f7;border:1px solid #f0f0f0;color:#888888;border-radius:9px;flex:none}.entry-icon .icon{height:18px;width:18px}.entry h3{font-size:11px;margin:0 0 3px}.entry p{font-size:10px;color:#a7a7a7}.entry>.icon{margin-left:auto;width:15px;height:15px;color:#b3b3b3}footer{display:flex;justify-content:space-between;color:#b7b7b7;font-size:8px;letter-spacing:1px;margin-top:30px;padding-top:16px;border-top:1px solid #f0f0f0}.warehouse-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.steps{list-style:none;padding:0;margin:8px 0 24px}.steps li{position:relative;display:flex;gap:15px;align-items:flex-start;min-height:85px;padding:13px 0}.steps li:not(:last-child):after{content:'';position:absolute;left:15px;top:45px;bottom:-10px;width:1px;background:#ececec}.step-number{z-index:1;flex:none;display:grid;place-items:center;height:32px;width:32px;background:#f7f7f7;color:#9a9a9a;border:1px solid #ebebeb;border-radius:50%;font:11px/1 -apple-system,sans-serif}.steps li:first-child .step-number{background:#f1f1f1;border-color:#e4e4e4;color:#7d7d7d}.steps strong{font-size:12px;font-weight:500}.steps small{display:block;font-size:10px;color:#a2a2a2;margin-top:5px}.step-state{font-size:9px;color:#ababab;margin-left:auto;white-space:nowrap;padding-top:6px}.send-area{border-top:1px solid #f1f1f1;padding-top:21px}.send-area .primary{width:100%}.send-area p{display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;color:#a7a7a7;margin-top:11px}.send-area p .icon{height:12px;width:12px}.report-state .section-title>.icon{stroke:#ababab;height:17px;width:17px}dt{font-size:10px;color:#959595;margin-top:24px}dd{font-size:24px;color:#727272;font-weight:400;margin:8px 0 23px;line-height:1.3}.task-value{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:14px}.note{display:flex;gap:10px;border:1px solid #efefef;background:#fafafa;border-radius:8px;padding:14px;margin-top:27px}.note>.icon{height:16px;width:16px;stroke:#a1a1a1;margin-top:1px}.note strong{font-size:10px;color:#8c8c8c;font-weight:500}.note p{font-size:9px;line-height:1.9;color:#acacac;margin-top:5px}.spaced{margin-top:24px}.empty{padding:70px 10px 80px;text-align:center}.empty h2{font-size:14px;color:#8a8a8a;margin:0 0 8px}.empty p{font-size:11px;color:#a7a7a7}.record{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #f2f2f2}.record-icon{color:#999999}.record strong{font-size:11px;font-weight:500}.record p{font-size:10px;color:#a7a7a7;margin-top:5px}.record>.status{margin-left:auto}.connection-card{padding:25px}.integration-logo{height:39px;width:39px;border-radius:10px;display:grid;place-items:center;font-weight:600;font-size:19px}.jst{background:#f5f5f5;color:#a6a6a6;border:1px solid #e9e9e9}.feishu{background:#f2f2f2;color:#959595;border:1px solid #e9e9e9}.feishu .icon{transform:rotate(-35deg)}.connection-card h2{font-size:17px;margin-bottom:6px}.connection-type{font-size:10px;color:#929292;margin-bottom:19px}.connection-card .small{min-height:38px;line-height:1.9;font-size:10px}.connection-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f1f1;padding-top:15px;margin-top:23px;font-size:9px;color:#a7a7a7}.connection-meta strong{font-size:15px;font-weight:400}.legacy-panel{display:flex;align-items:center;gap:15px;margin-top:23px;padding:20px}.legacy-panel h2{font-size:12px}.legacy-panel p{font-size:10px;margin-top:4px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e8e8e8;color:#828282;background:#ffffff;border-radius:6px;min-height:44px;padding:10px 13px;font-size:10px}.secondary .icon{height:13px;width:13px}.legacy-panel .secondary{margin-left:auto;white-space:nowrap}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:#ffffff;padding:12px;z-index:10}.login-body{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:radial-gradient(ellipse at 50% 40%,#f3f3f3 0,transparent 55%),#fbfbfb}.login-card{width:100%;max-width:402px;margin:0;padding:38px;border:1px solid #eaeaea;border-radius:16px;background:#ffffff;box-shadow:0 15px 70px #3a3a3a08}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:37px}.login-brand strong{font-size:12px;letter-spacing:1.5px}.login-brand .brand-mark{width:32px;height:32px;font-size:22px}.login-kicker{font-size:8px;letter-spacing:1.6px;color:#a3a3a3}.login-card h1{font-size:25px;letter-spacing:-.7px;margin:9px 0}.login-card>.muted{font-size:11px;margin-bottom:27px}.login-card label{display:block;font-size:11px;font-weight:500;color:#787878;margin:17px 0 7px}.login-card input{width:100%;height:46px;font-size:14px;padding:11px 13px;border:1px solid #e6e6e6;background:#ffffff;border-radius:7px;outline:none}.login-card input:focus{border-color:#a0a0a0;box-shadow:0 0 0 3px #f1f1f1}.login-card input::placeholder{color:#bcbcbc;font-size:11px}.login-card .primary{width:100%;margin-top:25px;justify-content:space-between}.login-foot{display:flex;gap:6px;align-items:center;justify-content:center;color:#b0b0b0;font-size:9px;border-top:1px solid #f1f1f1;padding-top:21px;margin-top:26px}.login-foot .icon{height:12px;width:12px}.login-copyright{font-size:8px;letter-spacing:2px;color:#c1c1c1;margin-top:25px}
@media(min-width:1600px){main{padding-top:45px}}
@media(max-width:1050px){.sidebar{width:205px}.content{margin-left:205px}main{padding:30px 28px 20px}header{padding:0 28px}.stats{gap:12px}.stats article{padding:17px}.stats strong{font-size:22px}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:15px}.panel{padding:19px}.featured-task{padding:18px}.mini-pipeline{gap:6px}.mini-pipeline span{font-size:9px;gap:3px}.warehouse-grid{grid-template-columns:1.4fr 1fr;gap:16px}.step-state{display:none}}
@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}.activity-panel{display:none}.warehouse-grid{grid-template-columns:1fr}.heading{align-items:flex-start}.date{font-size:9px}.stats strong{font-size:19px}.entry{padding:15px}.legacy-panel{flex-wrap:wrap}.legacy-panel .secondary{margin-left:50px}.stats small{font-size:9px}.mini-pipeline{max-width:330px}.featured-task .primary{min-width:170px}}
@media(max-width:640px){.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:auto;background:#ffffffed;backdrop-filter:blur(18px);padding:7px 12px calc(7px + env(safe-area-inset-bottom));border:0;border-top:1px solid #ededed;z-index:5}.workspace-brand,.nav-label,.sidebar-caption,.sidebar-bottom{display:none}nav{display:flex;justify-content:space-around;gap:6px}nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 2px;min-height:51px;border-radius:9px;font-size:9px;color:#a8a8a8}nav a .icon{width:19px;height:19px}nav a.selected{background:#f4f4f4;color:#6f6f6f}nav a span{font-size:9px;line-height:1.3}.content{margin:0;padding-bottom:90px;width:100%}header{height:57px;padding:0 20px}.breadcrumb{gap:9px;font-size:9px}.breadcrumb>span:not(.mobile-logo),.crumb-slash{display:none}.breadcrumb strong{font-size:11px;color:#959595;font-weight:400}.mobile-logo{display:block;font:750 23px/1 -apple-system,sans-serif;letter-spacing:-2px;color:#313131;margin-right:7px}.header-tools{gap:6px}.env{font-size:8px;padding:3px 6px;border-radius:4px}.header-tools .icon-button{min-width:26px}.header-tools .icon-button .icon{height:14px;width:14px}main{padding:25px 20px 20px}.heading{gap:10px;margin-bottom:20px;display:block}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:7px}h1{font-size:27px;letter-spacing:-1px;margin-bottom:9px}.heading .muted{font-size:10px;line-height:1.8;max-width:290px}.date{display:none}.heading>.subtle-badge{margin-top:13px}.notice{font-size:9px;padding:9px 10px;margin-bottom:18px;gap:7px;border-radius:6px}.notice .icon{width:13px;height:13px}.notice-tag{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stats article{padding:14px 15px;border-radius:9px}.stat-head{font-size:9px;margin-bottom:11px}.stat-head .icon{height:13px;width:13px}.stats strong{font-size:19px;min-height:28px;letter-spacing:-.3px}.stats .stat-empty{font-size:25px}.stats small{font-size:8px;margin-top:7px;line-height:1.6}.stats article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;padding:13px 15px}.stats article:last-child .stat-head{margin:0;justify-content:flex-start;gap:8px;flex-direction:row-reverse;justify-self:start}.stats article:last-child strong{font-size:12px;grid-column:2;grid-row:1/3;min-height:0;gap:6px}.stats article:last-child small{grid-column:1;margin-top:2px}.stat-indicator{height:5px;width:5px}.panel{padding:18px;border-radius:10px}.section-title{margin-bottom:16px}.section-title h2{font-size:13px}.overline{font-size:7px;margin-bottom:3px}.subtle-badge{font-size:8px;padding:3px 7px}.featured-task{padding:20px;border-radius:8px}.task-top{margin-bottom:16px}.feature-icon{height:38px;width:38px;border-radius:10px}.feature-icon .icon{height:22px;width:22px}.featured-task h3{font-size:21px;letter-spacing:-.6px}.featured-task>.muted{font-size:10px;line-height:1.9}.mini-pipeline{gap:7px;margin:21px 0}.mini-pipeline span{font-size:9px;gap:4px}.mini-pipeline .icon{width:12px;height:12px}.featured-task .primary{width:100%;justify-content:space-between;min-height:45px;font-size:11px}.task-foot{font-size:8px;gap:5px;justify-content:center;margin-top:14px}.task-foot .icon{height:12px;width:12px}.quick-title{margin:23px 0 12px}.entry-grid{gap:10px;grid-template-columns:1fr}.entry{min-height:73px;padding:14px 16px;gap:12px}.entry h3{font-size:11px}.entry p{font-size:9px}.entry-icon{width:32px;height:32px;border-radius:8px}.entry-icon .icon{width:17px;height:17px}.entry>.icon{width:14px;height:14px}.status{font-size:8px}.steps{margin-top:8px}.steps li{min-height:86px;padding:14px 0;gap:13px}.step-number{width:30px;height:30px;font-size:10px}.steps li:not(:last-child):after{left:14px}.steps strong{font-size:11px}.steps small{font-size:9px;line-height:1.9;max-width:230px}.send-area{padding-top:18px}.send-area p{font-size:8px}.report-state dt{font-size:9px}.report-state dd{font-size:22px}.report-state .task-value{font-size:11px}.note{padding:12px}.note strong{font-size:10px}.note p{font-size:9px}.record{gap:10px;flex-wrap:wrap}.record strong{font-size:10px}.record p{font-size:9px}.record>.status{margin-left:32px}.empty{padding:55px 5px}.empty p{font-size:10px}.connections-grid{grid-template-columns:1fr}.connection-card{padding:21px}.connection-card .small{min-height:0;font-size:10px}.legacy-panel{gap:12px}.legacy-panel>div{flex:1}.legacy-panel .secondary{width:100%;margin:5px 0 0;justify-content:space-between}.legacy-panel h2{font-size:11px}.legacy-panel p{font-size:9px}footer{font-size:7px;margin-top:23px;letter-spacing:.6px}.login-body{padding:22px}.login-card{padding:30px 25px;border-radius:13px;max-width:365px}.login-card input{font-size:16px}.login-card .notice{font-size:10px}.login-brand{margin-bottom:31px}.login-card h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Final typography pass: readable supporting text at actual phone size. */
nav a{font-size:13px}.breadcrumb{font-size:12px}.env{font-size:11px}.workspace-brand strong{font-size:13px}.workspace-brand small{font-size:11px}.nav-label{font-size:11px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{font-size:11px}.heading .muted{font-size:13px}.notice{font-size:12px}.stat-head{font-size:12px}.stats small{font-size:11px;color:#909090}.featured-task>.muted{font-size:12px}.primary{font-size:13px}.task-foot{font-size:11px}.status{font-size:11px}.subtle-badge{font-size:10px}.text-link{font-size:12px}.mini-pipeline span{font-size:11px}.activity-empty h3{font-size:14px}.activity-empty p{font-size:12px}.activity-bottom{font-size:11px}.entry h3{font-size:13px}.entry p{font-size:11px;color:#959595}.steps strong{font-size:14px}.steps small{font-size:12px}.step-state{font-size:11px}.send-area p{font-size:11px}dt{font-size:12px}.note strong{font-size:12px}.note p{font-size:11px}.connection-type{font-size:12px}.connection-card .small{font-size:12px}.connection-meta{font-size:11px}.legacy-panel h2{font-size:14px}.legacy-panel p{font-size:12px}.secondary{font-size:12px}.empty p{font-size:12px}.record strong{font-size:13px}.record p{font-size:11px}.login-card>.muted{font-size:13px}.login-card label{font-size:13px}.login-foot{font-size:11px}.login-card input::placeholder{font-size:13px}
@media(max-width:640px){.heading .muted{font-size:12px}.notice{font-size:11px;line-height:1.8}.stat-head{font-size:11px}.stats small{font-size:10px}.stats article:last-child strong{font-size:13px}.stats article:last-child small{font-size:10px}.featured-task>.muted{font-size:12px}.primary{font-size:13px}.featured-task .primary{font-size:13px}.mini-pipeline span{font-size:11px}.mini-pipeline{gap:6px}.mini-pipeline .icon{width:13px;height:13px}.task-foot{font-size:10px}.subtle-badge{font-size:10px}.status{font-size:10px}.entry h3{font-size:13px}.entry p{font-size:11px}.section-title h2{font-size:14px}.steps strong{font-size:13px}.steps small{font-size:11px}.send-area p{font-size:10px}.report-state dt{font-size:11px}.report-state .task-value{font-size:12px}.note strong{font-size:11px}.note p{font-size:11px}.connection-card .small{font-size:12px}.connection-type{font-size:11px}.legacy-panel h2{font-size:13px}.legacy-panel p{font-size:11px}nav a span{font-size:10px}.breadcrumb strong{font-size:12px}.env{font-size:9px}.record strong{font-size:12px}.record p{font-size:11px}.login-foot{font-size:10px}.page-home{display:flex;flex-direction:column}.page-home>.heading{order:0}.page-home>.notice{order:1}.page-home>.dashboard-grid{order:2}.page-home>.stats{order:3;margin:18px 0 0}.page-home>.quick-title{order:4}.page-home>.entry-grid{order:5}.page-home>footer{order:6}}

/* Official supplied JPEG, unchanged. Its original white margin is retained. */
.official-logo{display:block;object-fit:contain;flex:none;height:auto;aspect-ratio:1;border-radius:0;filter:none}
.workspace-brand{flex-direction:column;align-items:flex-start;gap:0;padding:0 10px}
.sidebar-logo{width:140px;margin:-15px 0 -14px -8px}
.workspace-subtitle{font-size:10px;color:#989898;letter-spacing:1px;margin:0 0 0 16px}
.mobile-logo{display:none}
.login-brand{justify-content:center;margin:-15px 0 12px}
.login-logo{width:165px}
@media(max-width:640px){.workspace-brand{display:none}header{height:74px}.mobile-logo{display:block;width:76px;margin-left:-10px;margin-right:0}.breadcrumb{gap:4px}.breadcrumb strong{font-size:11px}.login-brand{margin:-12px 0 12px}.login-logo{width:145px}}

/* No logo in the interface; keep a compact text identity. */
.workspace-brand{padding:4px 13px;min-height:40px;justify-content:center;align-items:flex-start}
.workspace-name{font-size:16px;line-height:1.5;letter-spacing:-.3px;font-weight:650;color:#2b2b2b}
.login-brand{margin:0 0 32px;justify-content:flex-start}
.login-brand .workspace-name{font-size:15px}
@media(max-width:640px){header{height:57px}.workspace-brand{display:none}.breadcrumb{gap:9px}.login-brand{margin:0 0 28px}}
/* Bright refinement: white surfaces, silver edges and restrained blue. */
:root{--bg:#f9f9f9;--paper:#ffffff;--ink:#232323;--muted:#888888;--line:#ebebeb;--accent:#6c6c6c;--radius:16px}
body{font-feature-settings:"ss01" on,"cv11" on;font-variant-numeric:tabular-nums;background:#f9f9f9;letter-spacing:-.15px}
.sidebar{background:#ffffff;border-color:#f0f0f0;padding:28px 17px 17px}.workspace-brand{min-height:43px;padding:4px 13px}.workspace-name{font-size:15px;letter-spacing:-.45px;color:#3b3b3b;font-weight:600}
.nav-label{font-size:10px;letter-spacing:.7px;color:#b1b1b1;margin-top:35px;margin-bottom:14px}nav{gap:7px}nav a{min-height:45px;border-radius:9px;color:#999999;padding:11px 13px;font-size:12px;transition:background .18s,color .18s,box-shadow .18s}nav a .icon{stroke-width:1.5;height:18px;width:18px}nav a.selected{background:linear-gradient(100deg,#f1f1f1,#f6f6f6);color:#717171;box-shadow:inset 0 0 0 1px #ededed;font-weight:550}nav a:hover{background:#f7f7f7}.sidebar-caption{opacity:.7}.sidebar-bottom{border-top-color:#f1f1f1}.avatar{background:#f5f5f5;border-color:#eaeaea;color:#8c8c8c}.sidebar-bottom strong{color:#787878;font-size:11px}.sidebar-bottom small{font-size:10px;color:#b5b5b5}
header{background:#ffffffbd;backdrop-filter:blur(18px);border-bottom-color:#f0f0f0;height:68px}.breadcrumb{font-size:11px;color:#b9b9b9;gap:15px}.breadcrumb strong{font-weight:500;color:#8e8e8e}.env{font-size:10px;background:#ffffff;border-color:#f0f0f0;padding:4px 10px;border-radius:20px;color:#a5a5a5}.env i{background:#bebebe;width:4px;height:4px}.icon-button{color:#b8b8b8}.icon-button:hover{color:#828282;background:#f6f6f6}
main{max-width:1280px;padding:42px 46px 22px}.heading{margin-bottom:27px}.eyebrow{color:#b2b2b2;font-size:8px;font-weight:500;letter-spacing:2.1px;margin-bottom:10px}h1{font-size:31px;font-weight:600;letter-spacing:-1.1px;line-height:1.3;color:#2a2a2a}.heading-dot{color:#c7c7c7;margin-left:3px}.heading .muted{font-size:12px;line-height:1.9;color:#a5a5a5;margin-top:10px}.date{background:#ffffff;border-color:#ededed;border-radius:9px;padding:10px 13px;font-size:10px;color:#a6a6a6;box-shadow:0 2px 5px #45454503}.date .icon{stroke:#a8a8a8;stroke-width:1.5}
.notice{border:1px solid #eeeeee;background:linear-gradient(90deg,#f5f5f5,#fafafa);border-radius:9px;color:#a3a3a3;padding:10px 14px;font-size:11px;margin-bottom:26px;gap:9px}.notice>.icon{stroke:#a9a9a9;stroke-width:1.4}.notice-tag{font-size:7px;color:#b5b5b5;letter-spacing:1.7px}
.stats{gap:17px;margin-bottom:25px}.stats article{background:#ffffff;border:1px solid #ebebeb;border-radius:13px;padding:22px 23px 21px;box-shadow:0 2px 4px #47474702,0 8px 20px #47474702}.stat-head{font-size:11px;color:#9f9f9f;margin-bottom:17px}.stat-head .icon{stroke:#b5b5b5;width:16px;height:16px;stroke-width:1.4}.stats strong{font-size:24px;line-height:1.35;letter-spacing:-.6px;font-weight:550;color:#4a4a4a}.stats .stat-empty{font-size:29px;font-weight:400;color:#a7a7a7}.stats small{font-size:10px;line-height:1.8;color:#b6b6b6;margin-top:10px}.tiny-dot{background:#cccccc}.stat-indicator{background:#d7d7d7;width:5px;height:5px}
.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:22px}.panel{background:#ffffff;border-color:#ebebeb;border-radius:16px;padding:25px;box-shadow:0 2px 5px #49494902,0 12px 32px #49494903}.section-title{margin-bottom:24px}.section-title h2{font-size:13px;color:#646464;font-weight:550}.overline{font-size:7px;color:#b1b1b1;letter-spacing:1.5px;margin-bottom:5px}.subtle-badge{font-size:9px;color:#aeaeae;border-color:#f0f0f0;background:#ffffff;border-radius:6px;padding:4px 8px}
.task-panel{background:radial-gradient(ellipse at 100% 0%,#f3f3f375,transparent 55%),#ffffff;border-color:#ebebeb;padding:26px 28px 23px;box-shadow:0 2px 5px #49494903,0 15px 40px #49494904;position:relative;overflow:hidden}
.featured-task{padding:0;border:0;border-radius:0;background:none}.task-top{margin:0 0 23px}.feature-icon{width:46px;height:46px;background:linear-gradient(145deg,#fafafa,#f2f2f2);border:1px solid #e8e8e8;box-shadow:0 3px 7px #7171710b,inset 0 1px 0 #ffffff;color:#939393;border-radius:13px}.feature-icon .icon{width:24px;height:24px;stroke-width:1.4}.status{font-size:10px;border-color:#ededed;background:#ffffffbc;color:#a7a7a7;padding:4px 9px}.status i{background:#c1c1c1}
.featured-task h3{font-size:27px;font-weight:550;letter-spacing:-.8px;margin:0 0 9px;color:#474747;line-height:1.4}.featured-task>.muted{font-size:12px;line-height:1.9;color:#a9a9a9}
.mini-pipeline{padding:13px 14px;background:#fafafa;border:1px solid #f1f1f1;border-radius:9px;margin:25px 0 23px;gap:10px;max-width:none}.mini-pipeline span{font-size:10px;gap:6px;color:#aaaaaa}.mini-pipeline .icon{width:13px;height:13px;stroke:#adadad;stroke-width:1.4}.mini-pipeline b{background:#eaeaea}
.primary{background:linear-gradient(180deg,#7a7a7a,#6b6b6b);border:1px solid #6d6d6d;border-radius:8px;box-shadow:0 3px 6px #67676717,inset 0 1px 0 #ffffff25;min-height:45px;font-size:12px;font-weight:500;padding:11px 16px;transition:box-shadow .18s,transform .18s,background .18s}.primary:hover{background:linear-gradient(180deg,#838383,#757575);border-color:#787878;box-shadow:0 5px 14px #67676723;transform:translateY(-1px)}.primary:active{transform:translateY(0);box-shadow:0 1px 3px #67676712}.primary .icon{stroke-width:1.5;width:15px;height:15px}.featured-task .primary{min-width:174px;justify-content:space-between}
.task-foot{border-top:1px solid #f2f2f2;margin-top:24px;padding-top:17px;color:#bcbcbc;font-size:10px;gap:6px}.task-foot .icon{stroke:#b4b4b4;stroke-width:1.4;width:13px;height:13px}
.activity-panel{padding:26px 26px 23px;box-shadow:0 2px 5px #49494902,0 12px 32px #49494902}.activity-panel .section-title{margin-bottom:20px}.text-link{font-size:10px;color:#b0b0b0}.text-link .icon{stroke-width:1.4}.activity-empty{min-height:225px}.empty-icon{border:1px solid #ececec;background:linear-gradient(145deg,#ffffff,#f9f9f9);color:#b9b9b9;border-radius:15px;width:54px;height:54px;box-shadow:0 5px 12px #63636307,inset 0 1px 0 #ffffff;transform:rotate(-4deg);margin-bottom:20px}.empty-icon .icon{width:25px;height:25px;stroke-width:1.3;transform:rotate(4deg)}.activity-empty h3{font-size:13px;font-weight:500;color:#a6a6a6;margin-bottom:10px}.activity-empty p{font-size:11px;line-height:2;color:#bebebe}.empty-rule{background:#ebebeb;width:24px;height:2px;margin-top:23px}.activity-bottom{border-top-color:#f3f3f3;font-size:10px;color:#bfbfbf;padding-top:18px}.activity-bottom .icon{stroke-width:1.4}
.quick-title{margin:29px 0 14px}.quick-title h2{font-size:12px;color:#949494;font-weight:500}.entry-grid{gap:17px}.entry{background:#ffffff;border-color:#ededed;border-radius:11px;padding:18px 20px;min-height:87px;box-shadow:0 2px 4px #49494902;transition:border-color .18s,box-shadow .18s,transform .18s}.entry:hover{border-color:#e0e0e0;box-shadow:0 6px 16px #49494907;transform:translateY(-1px)}.entry-icon{width:37px;height:37px;border-radius:10px;background:linear-gradient(145deg,#ffffff,#f7f7f7);border-color:#ececec;color:#a7a7a7;box-shadow:inset 0 1px 0 #ffffff}.entry-icon .icon{width:18px;height:18px;stroke-width:1.4}.entry h3{font-size:12px;color:#868686;font-weight:500}.entry p{font-size:10px;color:#bebebe;margin-top:4px}.entry>.icon{color:#c4c4c4;stroke-width:1.4}
.pipeline-panel>.section-title{padding-bottom:20px;border-bottom:1px solid #f3f3f3}.steps li{min-height:91px}.step-number{background:#fafafa;color:#b1b1b1;border-color:#eeeeee;font-size:10px}.steps li:first-child .step-number{background:linear-gradient(145deg,#f5f5f5,#f0f0f0);border-color:#e8e8e8;color:#9c9c9c;box-shadow:0 2px 5px #63636305}.steps strong{font-size:13px;font-weight:500;color:#828282}.steps small{font-size:11px;color:#b6b6b6}.steps li:not(:last-child):after{background:linear-gradient(#e9e9e9,#f4f4f4)}.step-state{font-size:10px;color:#b7b7b7}.send-area{border-top-color:#f3f3f3}.send-area .primary:disabled{background:#f4f4f4;border-color:#ececec;color:#bbbbbb;box-shadow:inset 0 1px 0 #ffffff}.send-area p{color:#bfbfbf;font-size:10px}.report-state .section-title>.icon{stroke:#b8b8b8}.report-state dt{font-size:11px;color:#b4b4b4}.report-state dd{color:#a3a3a3}.report-state .task-value{color:#a9a9a9}.note{background:linear-gradient(135deg,#fafafa,#fdfdfd);border-color:#f0f0f0;border-radius:10px}.note strong{color:#a8a8a8;font-size:11px}.note p{color:#bfbfbf;font-size:11px}.note>.icon{stroke:#b7b7b7}
.connection-card h2{font-size:18px;font-weight:550;color:#6e6e6e}.connection-card .small{color:#b5b5b5;font-size:12px}.connection-type{color:#acacac;font-size:11px}.connection-meta{border-top-color:#f3f3f3;color:#b7b7b7}.integration-logo{border-radius:11px;box-shadow:0 3px 6px #49494904,inset 0 1px 0 #ffffff90}.legacy-panel{box-shadow:none;background:#ffffffb0}.legacy-panel h2{color:#909090}.legacy-panel p{color:#bbbbbb}.secondary{border-color:#ebebeb;color:#aaaaaa;border-radius:8px}.empty p{color:#bcbcbc}.record strong{color:#929292}.record p{color:#bdbdbd}
.login-body{background:radial-gradient(ellipse at 50% 35%,#f3f3f3 0,transparent 55%),#fbfbfb}.login-card{border:1px solid #eaeaea;box-shadow:0 4px 8px #49494903,0 20px 70px #49494907;border-radius:18px;padding:40px}.login-brand .workspace-name{color:#868686;font-weight:500}.login-card h1{font-weight:600;color:#636363}.login-card>.muted{font-size:12px;color:#b5b5b5}.login-kicker{color:#c1c1c1}.login-card label{color:#a7a7a7;font-size:12px}.login-card input{border-color:#eaeaea;border-radius:8px;color:#7a7a7a}.login-card input:focus{border-color:#c7c7c7;box-shadow:0 0 0 3px #f3f3f3}.login-card input::placeholder{color:#cbcbcb}.login-foot{color:#c2c2c2;border-top-color:#f3f3f3}footer{border-top-color:#f0f0f0;color:#c8c8c8;font-size:8px}
@media(max-width:1050px){main{padding:32px 28px 20px}.task-panel,.activity-panel{padding:23px}.stats article{padding:20px}.mini-pipeline{gap:7px;padding:12px}.mini-pipeline span{gap:4px}}
@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:640px){
.sidebar{background:#ffffffed;padding:7px 12px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #eeeeee;backdrop-filter:blur(20px)}nav{gap:6px}nav a{min-height:51px;padding:7px 2px}nav a.selected{background:#f4f4f4;box-shadow:inset 0 0 0 1px #f0f0f0;color:#9e9e9e}nav a span{font-size:10px}nav a .icon{stroke-width:1.5}
header{height:57px;background:#ffffffd9}.breadcrumb strong{font-size:11px;color:#a6a6a6}.env{font-size:9px;padding:3px 7px}.workspace-brand{display:none}
main{padding:26px 20px 20px}.heading{margin-bottom:22px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:10px}h1{font-size:29px;letter-spacing:-1px;line-height:1.35}.heading .muted{font-size:11px;margin-top:10px;line-height:1.9}.notice{font-size:10px;line-height:1.8;padding:10px 12px;border-radius:8px;margin-bottom:20px;gap:8px}.notice>.icon{width:13px;height:13px}
.task-panel{padding:22px 22px 19px;border-radius:15px}.task-panel>.section-title{margin-bottom:23px}.overline{font-size:7px;margin-bottom:4px;letter-spacing:1.6px}.section-title h2{font-size:12px}.subtle-badge{font-size:8px;padding:4px 7px}.task-top{margin-bottom:21px}.feature-icon{height:42px;width:42px;border-radius:12px}.feature-icon .icon{height:23px;width:23px}.status{font-size:9px}.featured-task h3{font-size:27px;font-weight:550;margin-bottom:10px;letter-spacing:-.8px}.featured-task>.muted{font-size:11px;line-height:1.9}.mini-pipeline{padding:12px 10px;gap:6px;margin:24px 0 22px;border-radius:8px}.mini-pipeline span{font-size:10px;gap:4px}.mini-pipeline .icon{width:12px;height:12px}.featured-task .primary{width:100%;min-height:46px;justify-content:space-between;font-size:12px;border-radius:8px;padding:11px 15px}.task-foot{padding-top:15px;margin-top:21px;justify-content:center;gap:5px;font-size:9px}.task-foot .icon{height:12px;width:12px}
.page-home>.stats{margin:18px 0 0;gap:11px}.stats article{padding:17px 16px;border-radius:11px}.stat-head{font-size:10px;margin-bottom:12px}.stats strong{font-size:19px;min-height:27px}.stats small{font-size:9px;line-height:1.8;margin-top:8px}.stats .stat-empty{font-size:24px}.stats article:last-child{padding:14px 16px}.stats article:last-child strong{font-size:12px}.stats article:last-child small{font-size:9px}
.quick-title{margin:24px 0 13px}.quick-title h2{font-size:11px}.entry-grid{gap:11px}.entry{padding:16px 17px;min-height:79px;border-radius:11px}.entry h3{font-size:12px}.entry p{font-size:10px}.entry-icon{height:35px;width:35px;border-radius:10px}.entry-icon .icon{height:17px;width:17px}.entry>.icon{width:14px;height:14px}
.pipeline-panel,.report-state{padding:22px}.steps li{min-height:89px}.steps strong{font-size:13px}.steps small{font-size:11px}.report-state dt{font-size:11px}.report-state .task-value{font-size:12px}.send-area p{font-size:10px}.note strong{font-size:11px}.note p{font-size:11px}.connection-card .small{font-size:12px}.legacy-panel h2{font-size:12px}.legacy-panel p{font-size:11px}.login-card{padding:32px 26px;border-radius:16px}.login-brand{margin-bottom:28px}.login-brand .workspace-name{font-size:14px}.login-card h1{font-size:27px}.login-card>.muted{font-size:12px}.login-card .primary{font-size:13px}footer{font-size:7px}
}
/* Bright surfaces retain clear reading contrast. */
nav a{color:#8a8a8a}nav a.selected{color:#6b6b6b}.breadcrumb strong{color:#7c7c7c}.workspace-name{color:#3e3e3e}.heading .muted{color:#8f8f8f}.notice{color:#8c8c8c}.section-title h2{color:#656565}.featured-task h3{color:#434343}.featured-task>.muted{color:#8c8c8c}.stat-head{color:#8f8f8f}.stats strong{color:#454545}.stats small{color:#9a9a9a}.mini-pipeline span{color:#8f8f8f}.status{color:#979797}.activity-empty h3{color:#949494}.activity-empty p{color:#a8a8a8}.entry h3{color:#787878}.entry p{color:#a6a6a6}.steps strong{color:#737373}.steps small{color:#a7a7a7}.note strong{color:#9c9c9c}.note p{color:#adadad}.connection-card .small{color:#a0a0a0}.login-card h1{color:#4b4b4b}.login-card label{color:#939393}.login-card>.muted{color:#a2a2a2}
/* Keep bright backgrounds distinct from text legibility. */
h1{color:#2a2a2a}.featured-task h3{color:#414141}.heading .muted{color:#848484}.featured-task>.muted{color:#7e7e7e}.notice{color:#838383}.stat-head{color:#8c8c8c}.stats small{color:#969696}.steps strong{color:#717171}.steps small{color:#a1a1a1}.entry h3{color:#787878}.login-card h1{color:#484848}

/* Final agreed palette: neutral surfaces and readable text; blue for actions. */
:root{--bg:#f7f7f8;--paper:#ffffff;--ink:#202124;--muted:#565b64;--line:#e6e6e8;--accent:#4b67ed;--accent-soft:#eef2ff}
body{background:#f7f7f8;color:#202124}
.sidebar,header,.panel,.stats article,.entry{background:#fff}
.sidebar{border-color:#e8e8ea}
.task-panel{background:linear-gradient(135deg,#ffffff,#fdfdfd);border-color:#e3e3e6}
.notice{background:#f3f3f5;border-color:#e6e6e9;color:#565b64}
.workspace-name,h1,.featured-task h3,.stats strong,.connection-card h2,.login-card h1{color:#202124}
h1{font-weight:650}.featured-task h3{font-weight:600}
.section-title h2,.quick-title h2,.steps strong,.entry h3,.record strong,.legacy-panel h2,.report-state h2{color:#30333a;font-weight:600}
.muted,.heading .muted,.featured-task>.muted,.stat-head,.stats small,.entry p,.connection-card .small,.connection-type,.legacy-panel p,.record p,.empty p,.activity-empty p,.activity-bottom,.task-foot,.send-area p,.note p,.steps small,.connection-meta,.login-card>.muted,.login-foot,.login-card label{color:#565b64}
.activity-empty h3,.note strong,.report-state dt,.report-state dd,.report-state .task-value,dt,dd,.text-link,.mini-pipeline span,.status,.subtle-badge,.step-state,.breadcrumb,.breadcrumb strong,.date,.env,.sidebar-bottom small,.sidebar-bottom strong,.sidebar-caption,.sidebar-caption strong,.sidebar-caption p,.nav-label,.eyebrow,.overline,.notice-tag,.login-kicker,.login-copyright,footer{color:#666b73}
.stats .stat-empty{color:#30333a}.heading-dot{color:#92969e}.tiny-dot,.stat-indicator,.status i,.env i{background:#8e939c}
nav a{color:#535862;font-weight:500}
nav a.selected{background:#eef2ff;color:#3857c9;box-shadow:inset 0 0 0 1px #e2e8ff}
nav a.selected .icon{stroke:#4362d3}
nav a:hover{background:#f3f4f6;color:#30333a}
.icon-button{color:#666b73}.icon-button:hover{background:#f1f2f4;color:#30333a}
.feature-icon,.entry-icon,.empty-icon{background:linear-gradient(145deg,#fff,#f4f4f5);border-color:#e3e3e6;color:#626871}
.feature-icon .icon,.entry-icon .icon,.empty-icon .icon,.stat-head .icon,.mini-pipeline .icon,.notice>.icon,.task-foot .icon,.report-state .section-title>.icon,.date .icon,.note>.icon{stroke:#767d88}
.feature-icon{box-shadow:0 3px 7px #00000006,inset 0 1px 0 #fff}
.mini-pipeline{background:#f8f8f9;border-color:#e8e8eb}.mini-pipeline b{background:#dfe0e4}
.status,.subtle-badge,.date,.env{background:#fff;border-color:#e4e5e8}
.note{background:#f8f8fa;border-color:#e8e9ed}
.primary{background:linear-gradient(180deg,#5c77f5,#4b67ed);border-color:#4d69ec;color:#fff;box-shadow:0 3px 6px #4964d717,inset 0 1px 0 #ffffff25}
.primary:hover{background:linear-gradient(180deg,#5673f5,#405fe8);border-color:#4664e8;color:#fff;box-shadow:0 5px 14px #4964d723}
.primary:disabled,.send-area .primary:disabled{background:#f0f0f2;border-color:#e1e1e5;color:#8b9099;box-shadow:none}
.secondary{background:#fff;border-color:#d9dce2;color:#444b56}.secondary:hover{border-color:#7189eb;color:#3857c9;background:#f8faff}
.text-link:hover{color:#3857c9}
.step-number{background:#f5f5f6;border-color:#e4e5e8;color:#636a75}.steps li:first-child .step-number{background:#eef2ff;border-color:#dce4ff;color:#4662c3}.steps li:not(:last-child):after{background:#e4e5e8}
.jst,.feishu{background:#f5f5f6;border-color:#e5e5e8;color:#626871}
.avatar{background:#f0f1f3;border-color:#e1e2e6;color:#555d69}
.login-body{background:radial-gradient(ellipse at 50% 35%,#f0f1f4,transparent 55%),#fafafa}
.login-card{background:#fff;border-color:#e3e4e8}.login-brand .workspace-name{color:#30333a}.login-card input{color:#30333a;border-color:#dce0e7}.login-card input::placeholder{color:#727985}
.login-card input:focus{border-color:#849bf0;box-shadow:0 0 0 3px #eef2ff}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #93a7f5;outline-offset:3px}
.notice,nav a,.stat-head,.stats small,.featured-task>.muted,.entry p,.mini-pipeline span,.status,.subtle-badge,.activity-empty p,.activity-bottom,.task-foot,.steps small,.send-area p,.step-state,.note strong,.note p,.report-state dt,.connection-type,.connection-meta,.record p,.empty p,.env,.eyebrow,.overline,.nav-label,.sidebar-caption p,.sidebar-bottom small,footer{font-size:11px}
.notice{font-size:12px}.heading .muted,.featured-task>.muted,.entry p,.steps small,.activity-empty p{font-size:12px}
nav a{font-size:13px}
@media(max-width:640px){
.sidebar{background:#fffffff0;border-top-color:#e5e6e9}
header{background:#ffffffd9}.breadcrumb strong{color:#535862}
nav a.selected{background:#eef2ff;color:#3857c9;box-shadow:inset 0 0 0 1px #e2e8ff}nav a.selected .icon{stroke:#4362d3}
.notice,.env,.stat-head,.stats small,.entry p,.status,.subtle-badge,.task-foot,.mini-pipeline span,.send-area p,.note p,.steps small,.report-state dt,.connection-meta,.connection-type,.record p,.sidebar-bottom small,.eyebrow,.overline,footer{font-size:11px}
.heading .muted,.featured-task>.muted,.steps small,.entry h3{font-size:12px}nav a span{font-size:11px}
.stats article:last-child small{font-size:11px}.stats article:last-child .stat-head{font-size:11px}
.login-brand .workspace-name{color:#30333a}.login-card h1{color:#202124}.login-foot{font-size:11px}
}
.sidebar-caption{opacity:1}
.primary{background:linear-gradient(180deg,#4f6bea,#405bd7);border-color:#405bd7}
.primary:hover{background:linear-gradient(180deg,#4965df,#3852ce);border-color:#3852ce}

/* Account management follows the agreed neutral palette. */
.form-field{margin:20px 0}.form-field label,.link-label{display:block;font-size:13px;font-weight:500;color:#30333a;margin-bottom:8px}
.form-field input:not([type=checkbox]),.form-field select,.activation-link{width:100%;min-height:46px;border:1px solid #d9dce2;background:#fff;color:#30333a;padding:11px 12px;border-radius:8px;font:inherit}
.form-field input[type=checkbox]{width:20px;height:20px;accent-color:#4b67ed}.field-help{font-size:12px;color:#626871;line-height:1.8;margin-top:9px}.field-help ul{padding-left:20px;margin:5px 0}
.field-error{font-size:12px;color:#a52f34;margin:8px 0}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.account-form-panel{max-width:680px}.account-form-panel>p{margin-top:10px}.setup-card{max-width:480px}.setup-card h1{margin-top:25px}.login-card .form-field{margin:17px 0}.login-card .form-field input{font-size:16px}
.role-guide{display:flex;gap:18px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #e8e9ed;color:#626871;font-size:12px}.role-guide strong{color:#30333a;display:block;font-weight:600}
.employee-row{display:flex;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #eceef2}.employee-row:last-child{border-bottom:0}.employee-identity{min-width:90px;flex:1}.employee-identity strong{display:block;font-size:13px}.employee-identity small{display:block;font-size:12px;color:#626871;overflow-wrap:anywhere}.employee-role{font-size:12px;color:#565b64;min-width:85px}.self-label{font-size:11px;color:#626871;min-width:60px;text-align:center}.employee-row .secondary{min-height:44px}
.reset-section{border-top:1px solid #e8e9ed;margin-top:30px;padding-top:25px}.reset-section p{font-size:12px;margin:9px 0 18px}.activation-link{font-size:12px;overflow-wrap:anywhere;margin:8px 0}.link-label{margin-top:25px}.account-value{font-size:16px;color:#30333a}.account-event{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#565b64;padding:12px 0;border-bottom:1px solid #eceef2}.account-event span:last-child{margin-left:auto}.flash-messages:empty{display:none}.account-link{color:#565b64;font-size:12px;min-height:44px}
@media(max-width:640px){.employee-row{display:grid;grid-template-columns:32px 1fr auto;gap:9px 12px}.employee-row .avatar{grid-column:1;grid-row:1/3}.employee-identity{grid-column:2}.employee-role{grid-column:2;grid-row:2;min-width:0;font-size:11px}.employee-row .status{grid-column:3;grid-row:1;justify-self:end}.employee-row .secondary,.employee-row .self-label{grid-column:3;grid-row:2;min-height:44px}.role-guide{gap:13px;font-size:11px}.account-form-panel{padding:21px}.activation-link{font-size:12px}.header-tools{gap:5px}.account-link{font-size:11px}.employee-list{min-width:0}}

/* First-run setup: quiet white surfaces, clear typography and a focused form. */
.onboarding-body{min-height:100dvh;background:#fcfcfc;color:#202124;display:flex;flex-direction:column}
.onboarding-header{height:88px;padding:0 6vw;border-bottom:1px solid #ededee;background:#fff;flex-shrink:0}
.onboarding-header .workspace-name{font-size:17px;font-weight:650;letter-spacing:-.6px}
.onboarding-header>span{display:flex;align-items:center;gap:20px;color:#595b61;font-size:12px}
.setup-step{font-size:11px;letter-spacing:1px;color:#777980;border-left:1px solid #ddd;padding-left:20px}
.onboarding-layout{width:100%;max-width:1150px;padding:60px 50px;display:grid;grid-template-columns:1fr 1.16fr;gap:80px;align-items:center;flex:1}
.onboarding-eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#64666d}
.onboarding-intro h1{font-size:43px;line-height:1.42;letter-spacing:-1.8px;font-weight:600;margin:21px 0 20px;color:#202124}
.onboarding-intro h1>span{color:#4964dc}
.onboarding-intro>p{color:#61636a;font-size:14px;line-height:1.95;margin:0}
.onboarding-steps{list-style:none;padding:0;margin:50px 0 0;display:grid;gap:25px}
.onboarding-steps li{display:flex;gap:15px;align-items:center}.onboarding-steps li>span{font-size:11px;color:#60636b;background:#f2f2f3;border:1px solid #e8e8eb;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}
.onboarding-steps .current>span{background:#eef1ff;border-color:#dfe5ff;color:#405bd7}
.onboarding-steps strong{display:block;font-size:13px;font-weight:600;color:#3b3d43}.onboarding-steps small{display:block;font-size:12px;color:#696b72;margin-top:3px}
.onboarding-panel{background:#fff;border:1px solid #e5e5e8;border-radius:18px;padding:35px 36px 24px;box-shadow:0 16px 50px -30px #20212424,0 2px 5px #20212403;min-width:0}
.setup-caption{display:block;color:#64666e;font-size:11px;margin-bottom:7px}
.onboarding-panel-head h2{font-size:25px;line-height:1.5;font-weight:600;letter-spacing:-.7px;margin:0;color:#202124}
.onboarding-panel-head>p{font-size:13px;color:#62646c;margin:9px 0 0}
.onboarding-form{margin-top:27px}.onboarding-form .form-field{margin:0 0 19px}
.onboarding-form .form-field label{font-size:13px;font-weight:500;color:#303238;margin-bottom:8px}
.onboarding-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.onboarding-form .form-field input{height:47px;border-radius:9px;border:1px solid #dedee3;padding:12px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s;color:#202124;background:#fff}
.onboarding-form input::placeholder{color:#757780;font-size:13px}.onboarding-form input:focus{outline:none;border-color:#6480ec;box-shadow:0 0 0 3px #eef1ff}
.onboarding-hint{color:#64666e;font-size:11px;line-height:1.7;margin:8px 0 0}
.onboarding-submit{width:100%;height:48px;margin-top:5px;justify-content:space-between;border-radius:9px;font-size:13px;padding:0 17px}
.onboarding-submit .icon{width:17px;height:17px}
.onboarding-security{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#65676e;margin:17px 0 0}.onboarding-security .icon{width:14px;height:14px;stroke:#777980}
.onboarding-footer{display:flex;justify-content:space-between;max-width:none;margin:0;padding:22px 6vw;border-top:1px solid #ededee;font-size:10px;color:#686a71;background:#fff}.onboarding-footer>span:first-child{letter-spacing:1.5px}
@media(max-width:850px){.onboarding-layout{gap:35px;padding:40px 30px}.onboarding-intro h1{font-size:35px}.onboarding-panel{padding:28px 26px 23px}}
@media(max-width:640px){.onboarding-header{height:65px;padding:0 24px}.onboarding-header .workspace-name{font-size:15px}.onboarding-header>span{font-size:11px}.setup-step{display:none}.onboarding-layout{display:block;padding:31px 22px 32px;max-width:460px}.onboarding-eyebrow{font-size:9px;letter-spacing:1.5px}.onboarding-intro h1{font-size:28px;line-height:1.4;letter-spacing:-1px;margin:10px 0 10px}.onboarding-intro h1 br{display:none}.onboarding-intro>p{font-size:12px}.onboarding-intro>p br{display:none}.onboarding-steps{display:none}.onboarding-panel{margin-top:25px;padding:24px 20px 21px;border-radius:14px}.onboarding-panel-head h2{font-size:21px}.setup-caption{display:none}.onboarding-panel-head>p{font-size:12px;margin-top:6px}.onboarding-form{margin-top:23px}.onboarding-field-row{grid-template-columns:1fr;gap:0}.onboarding-form .form-field{margin-bottom:17px}.onboarding-form .form-field input{font-size:16px;height:46px}.onboarding-form .form-field label{font-size:12px}.onboarding-hint{font-size:11px}.onboarding-footer{padding:18px 24px;font-size:9px}.onboarding-security{font-size:10px}}

.optional-label{font-weight:400;color:#65676e;font-size:11px;margin-left:5px}.password-feedback{font-size:12px;line-height:1.7;margin:7px 0 0;color:#405bd7}.password-feedback:empty{display:none}.form-field input.password-mismatch,.onboarding-form .form-field input.password-mismatch{border-color:#ac3439;box-shadow:0 0 0 3px #ac34390a}.password-feedback.field-error{color:#a52f34}

/* Home: a quiet framework for incremental business modules. */
.home-modules{margin-top:32px}.home-section-note{font-size:11px;color:#65676e}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:17px}.module-placeholder{background:#fff;border:1px solid #e4e5e8;border-radius:12px;padding:22px;min-height:156px;display:flex;flex-wrap:wrap;align-content:start;gap:15px 12px}.module-number{font-size:10px;letter-spacing:1px;color:#74767d;border-bottom:1px solid #dcdde1;padding-bottom:4px;align-self:start}.module-placeholder>div{flex:1;min-width:0}.module-placeholder h3{font-size:14px;font-weight:600;margin:0 0 8px;color:#303238}.module-placeholder p{font-size:12px;color:#60636a;margin:0;line-height:1.8}.module-pending{font-size:10px;color:#65676e;display:block;width:100%;padding-left:30px}.module-disclaimer{font-size:11px;color:#65676e;margin:14px 0 0}
@media(max-width:1000px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.home-modules{margin-top:27px}.module-grid{gap:10px}.module-placeholder{padding:17px 14px;min-height:162px;gap:10px}.module-placeholder h3{font-size:13px}.module-placeholder p{font-size:11px}.module-number{width:100%;border:0;padding:0}.module-pending{padding:0;font-size:10px}.home-section-note{font-size:10px}.module-disclaimer{font-size:10px;line-height:1.8}}
@media(max-width:640px){.page-home>.home-modules{order:6}.page-home>footer{order:7}}
/* Business hierarchy: separate everyday work from system administration. */
.mobile-navigation{display:none}.sidebar{overflow-y:auto}.desktop-navigation{margin-top:29px;gap:4px}.nav-group-label{font-size:10px;color:#70737a;letter-spacing:1px;margin:25px 13px 10px}.system-nav-label{border-top:1px solid #ededf0;padding-top:22px;margin-top:22px}.business-group summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:45px;padding:11px 13px;border-radius:9px;color:#42454d;font-size:13px;cursor:pointer;user-select:none}.business-group summary::-webkit-details-marker,.mobile-catalog summary::-webkit-details-marker{display:none}.business-group summary>.icon{width:18px;height:18px}.business-group summary:hover{background:#f5f5f7}.category-chevron{margin-left:auto;display:flex;color:#777b84}.category-chevron .icon{width:13px;height:13px;transition:transform .16s}.business-group[open] .category-chevron .icon{transform:rotate(90deg)}.business-group .category-active{color:#405bd7;background:#f2f4ff}.business-children{margin:4px 0 10px 21px;padding-left:11px;border-left:1px solid #e7e8ec;display:grid;gap:2px}.business-children a{font-size:12px;min-height:36px;padding:7px 11px;gap:5px}.nav-coming{font-size:9px;color:#73767e;margin-left:auto}.nav-dot{width:4px;height:4px;background:#4964dc;border-radius:50%;margin-left:auto}.sidebar-caption{padding-top:32px;margin-top:auto}.category-badge{font-size:11px;color:#60636a;border:1px solid #e2e3e8;border-radius:20px;padding:6px 12px}.category-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.category-module{min-height:240px;scroll-margin-top:20px}.category-module .module-pending{width:auto;padding:0}.category-empty{padding:42px 0 15px}.category-empty-line{display:block;height:8px;width:62%;background:#f1f2f4;border-radius:4px;margin-bottom:12px}.category-empty-line.short{width:39%}.category-empty p{font-size:12px;color:#686b73;margin-top:23px}.category-current{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e2e4eb;padding:24px;border-radius:13px;margin-bottom:24px}.category-current h2{font-size:16px;margin:0 0 5px}.category-current p{font-size:12px;color:#646870;margin:0}.category-current>.icon{margin-left:auto;color:#4964dc}
@media(max-width:640px){.sidebar{overflow:visible}.desktop-navigation{display:none}.mobile-navigation{display:flex}.mobile-catalog{flex:1;min-width:0}.mobile-catalog summary{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:51px;font-size:11px;color:#565b64;cursor:pointer;border-radius:8px}.mobile-catalog summary .icon{height:18px;width:18px}.mobile-catalog[open] summary{background:#eef2ff;color:#405bd7}.mobile-catalog-panel{position:absolute;bottom:calc(100% + 10px);left:12px;right:12px;max-height:70dvh;overflow:auto;padding:20px;background:#fff;border:1px solid #e1e3e9;border-radius:16px;box-shadow:0 -10px 50px #20212417}.mobile-catalog-panel h2{font-size:17px;margin:0 0 13px}.mobile-catalog-panel a{display:flex;flex-direction:row;justify-content:flex-start;min-height:46px;padding:10px 8px;gap:13px;font-size:13px}.mobile-catalog-panel a>.icon:last-child{margin-left:auto;width:14px}.category-module-grid{grid-template-columns:1fr;gap:14px}.category-module{min-height:210px}.category-current{padding:20px;gap:12px}.category-current h2{font-size:15px}.category-current p{font-size:11px}.category-badge{font-size:10px}.category-empty{padding-top:30px}}

/* Procurement: ledger on desktop, evidence-first cards on mobile. */
.purchase-summary{display:flex;align-items:center;gap:26px;margin:0 0 25px;padding:0 0 23px;border-bottom:1px solid #e1e3e8;color:#646871;font-size:12px}.purchase-summary strong{font-size:24px;font-weight:550;color:#24262b;margin-right:6px}.purchase-source{margin-left:auto;font-size:11px}.purchase-register{border:1px solid #e3e5ea;background:white;border-radius:15px;overflow:hidden}.purchase-filters{display:flex;gap:10px;padding:20px;border-bottom:1px solid #eceef1}.purchase-search{flex:1}.purchase-filters input,.purchase-filters select{height:43px;background:#fafafb;border:1px solid #e0e2e7;border-radius:8px;padding:0 12px;color:#353943;font:inherit;font-size:12px}.purchase-filters input{width:100%}.purchase-filters select{max-width:150px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.purchase-table-wrap{overflow:auto}.purchase-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:900px}.purchase-table th{font-size:10px;font-weight:500;color:#686c75;padding:14px 18px;background:#fafafb;white-space:nowrap}.purchase-table td{padding:20px 18px;border-top:1px solid #f0f1f3;color:#444852;vertical-align:middle}.purchase-table td:nth-child(2){max-width:240px}.purchase-table td strong{font-size:12px;font-weight:550;display:block;color:#2e323a;overflow-wrap:anywhere}.purchase-table td small{font-size:10px;display:block;color:#666c76;margin:4px 0}.purchase-table .text-link{font-size:11px;white-space:nowrap}.purchase-table .icon{width:12px}.purchase-money{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.purchase-state{font-size:10px;display:inline-block;padding:4px 8px;border:1px solid #e3e6ec;border-radius:20px;color:#616671;white-space:nowrap}.purchase-payment{font-size:11px}.purchase-pagination{display:flex;gap:17px;justify-content:center;align-items:center;padding:19px;border-top:1px solid #eceef1;font-size:11px;color:#646975}.purchase-mobile-list{display:none}.purchase-empty{text-align:center;padding:55px 20px}.purchase-empty>.icon{width:30px;height:30px;color:#747b89}.purchase-empty h2{font-size:17px;margin:15px 0 8px}.purchase-empty p{font-size:12px;color:#656b76;margin-bottom:20px}.purchase-upload-panel{max-width:700px;text-align:center;margin:0 auto;padding:38px}.purchase-upload-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid #e4e7ef;border-radius:15px;margin:0 auto 21px;background:#fafbfc}.purchase-upload-icon .icon{width:25px;height:25px;color:#5b6473}.purchase-upload-panel h2{font-size:22px;font-weight:550}.purchase-upload-panel>.muted{font-size:13px;line-height:1.9}.purchase-pick-actions{display:flex;justify-content:center;gap:12px;margin:28px 0 22px}.purchase-pick-actions label{cursor:pointer;min-height:48px;min-width:145px}.visually-hidden-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.photo-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-previews>div{position:relative}.photo-previews img{width:100%;height:140px;object-fit:cover;border-radius:10px;border:1px solid #e2e4e9}.photo-previews button{font-size:11px;position:absolute;right:5px;bottom:10px;background:white;border:1px solid #ddd;border-radius:6px;padding:6px 9px}.purchase-upload-submit{margin:18px auto 0;min-height:48px}.purchase-upload-note{border-top:1px solid #e9ebef;padding-top:20px;margin-top:27px;display:flex;text-align:left;gap:10px;font-size:11px;color:#636a76}.purchase-upload-note>.icon{width:17px;height:17px}.purchase-mobile-break{display:none}.purchase-detail-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:start}.purchase-evidence{position:sticky;top:20px}.evidence-photo{display:block;margin-top:20px}.evidence-photo img{width:100%;max-height:390px;object-fit:contain;background:#f7f8fa;border-radius:10px;border:1px solid #e7e9ee}.evidence-photo small{display:block;font-size:10px;color:#626975;overflow-wrap:anywhere}.purchase-evidence-empty{text-align:center;padding:45px 0;color:#6a7180;font-size:12px}.purchase-evidence-empty>.icon{width:30px;height:30px;margin-bottom:12px}.purchase-stage{display:flex;justify-content:space-between;border-top:1px solid #e8eaef;padding-top:15px;margin-top:15px;font-size:11px;color:#626976}.purchase-stage strong{font-weight:500}.purchase-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.purchase-fields .wide{grid-column:1/-1}.purchase-fields .form-field{min-width:0}.purchase-fields textarea{width:100%;border:1px solid #d9dce2;border-radius:8px;padding:12px;resize:vertical;font:inherit}.purchase-fields input{min-width:0}.purchase-save-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid #e7e9ee}.purchase-add-line{margin-top:20px;border-top:1px solid #e8e9ed;padding-top:18px}.purchase-add-line button{border:0;background:none;font-size:12px;color:#405bd7;min-height:44px}.purchase-mobile-card{display:block}
@media(max-width:1100px){.purchase-detail-grid{grid-template-columns:1fr}.purchase-evidence{position:static}.evidence-photo img{max-height:260px}}
@media(max-width:640px){.purchase-summary{flex-wrap:wrap;gap:10px 23px;margin-bottom:20px;padding-bottom:18px}.purchase-summary strong{font-size:22px}.purchase-source{width:100%;margin:0;font-size:10px}.purchase-register{border:0;border-radius:0;background:none;overflow:visible}.purchase-filters{padding:0 0 18px;flex-wrap:wrap;gap:8px;border:0}.purchase-search{flex-basis:100%}.purchase-filters input{font-size:16px;background:white}.purchase-filters select{flex:1;max-width:none;background:white}.purchase-table-wrap{display:none}.purchase-mobile-list{display:grid;gap:13px}.purchase-mobile-card{padding:19px;background:#fff;border:1px solid #e2e5eb;border-radius:13px;min-width:0}.purchase-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#626a76}.purchase-card-top>span:first-child{overflow-wrap:anywhere}.purchase-mobile-card h2{font-size:15px;line-height:1.6;margin:16px 0 5px;color:#2b3039;overflow-wrap:anywhere}.purchase-mobile-card p{font-size:11px;color:#616b79;margin:0;min-height:17px}.purchase-card-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:12px;color:#5b6472}.purchase-card-bottom strong{font-size:17px;font-weight:550;color:#252b34}.purchase-card-note{display:flex;justify-content:space-between;font-size:10px;color:#66707e;border-top:1px solid #edf0f4;padding-top:13px;margin-top:16px}.purchase-pagination{border:0}.purchase-upload-panel{padding:25px 20px}.purchase-upload-panel h2{font-size:20px}.purchase-upload-panel>.muted{font-size:12px}.purchase-pick-actions{gap:10px;margin-top:25px}.purchase-pick-actions label{min-width:0;flex:1;font-size:12px;padding:11px 9px}.purchase-upload-submit{width:100%;font-size:12px}.photo-previews{grid-template-columns:repeat(2,1fr);gap:10px}.photo-previews img{height:135px}.purchase-upload-note{font-size:10px}.purchase-mobile-break{display:inline}.purchase-detail-grid{gap:15px}.purchase-evidence,.purchase-edit{padding:21px}.purchase-fields{grid-template-columns:1fr;gap:0}.purchase-fields input,.purchase-fields textarea{font-size:16px!important}.purchase-fields .form-field{margin:14px 0}.purchase-save-actions button{flex:1;justify-content:center}.page-purchases .heading>.primary{width:100%;justify-content:space-between}.page-purchases .heading{gap:18px}}

.purchase-tabs{display:flex;gap:25px;border-bottom:1px solid #e1e4e9;margin-bottom:19px}.purchase-tabs a{font-size:13px;color:#5d6674;min-height:44px;padding:0 0 12px;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent}.purchase-tabs a.active{color:#405bd7;border-bottom-color:#405bd7;font-weight:600}.purchase-tabs span{font-size:10px;padding:1px 7px;background:#eef1f6;border-radius:20px}

/* Procurement readability: larger body text and stronger scanning anchors. */
@media(min-width:1101px){main.page-purchases{max-width:1560px;padding-left:44px;padding-right:44px}}
.purchase-table{font-size:14px;line-height:1.65}.purchase-table th{font-size:12px;font-weight:600;color:#4d535e;background:#f3f4f6;padding:16px 20px;border-bottom:1px solid #dfe2e8}.purchase-table td{padding:19px 20px;color:#353b46;border-top:1px solid #e6e9ee}.purchase-table td strong{font-size:14px;font-weight:600;color:#252b34;line-height:1.7}.purchase-table td small{font-size:12px;color:#5c6471;margin-top:6px}.purchase-table td:nth-child(1){min-width:145px}.purchase-table td:nth-child(2){min-width:220px;max-width:330px}.purchase-table td:nth-child(3),.purchase-table td:nth-child(4),.purchase-table td:nth-child(5),.purchase-table th:nth-child(3),.purchase-table th:nth-child(4),.purchase-table th:nth-child(5){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.purchase-table .purchase-money{font-size:15px;font-weight:650;color:#202632}.purchase-table .purchase-payment{font-size:13px;color:#414a58}.purchase-table .purchase-state{font-size:11px;background:#f8f9fb;color:#515c6d;border-color:#dce1e9}.purchase-table .text-link{font-size:13px;min-height:44px;color:#405bd7}.purchase-table tbody tr:nth-child(even){background:#fcfcfd}.purchase-table tbody tr:hover{background:#f5f7fc}.purchase-filters input,.purchase-filters select{font-size:14px;color:#303846}.purchase-tabs a{font-size:14px}.purchase-summary{font-size:13px}.purchase-source{font-size:12px}.purchase-pagination{font-size:13px}
@media(max-width:640px){.purchase-filters input{font-size:16px}.purchase-filters select{font-size:14px}.purchase-card-top{font-size:12px;color:#505b6b}.purchase-mobile-card h2{font-size:17px;line-height:1.65}.purchase-mobile-card p{font-size:13px;color:#596576}.purchase-card-bottom{font-size:14px}.purchase-card-bottom strong{font-size:20px}.purchase-card-note{font-size:12px}.purchase-state{font-size:11px}.purchase-source{font-size:11px}.purchase-mobile-card{padding:21px}.purchase-tabs a{font-size:14px}}

/* Review screen: grouped form with a compact evidence rail. */
.purchase-record-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 27px;background:#fff;border:1px solid #e2e5eb;border-radius:13px;margin-bottom:23px}.record-banner-label{font-size:11px;color:#636b77}.purchase-record-banner h2{font-size:20px;font-weight:600;line-height:1.5;margin:6px 0;color:#232a35;overflow-wrap:anywhere}.purchase-record-banner p{font-size:13px;color:#5e6877;margin:0}.purchase-record-banner p span{margin:0 9px}.record-banner-value{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.record-banner-value>strong{font-size:26px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums;line-height:1.3}.record-banner-value>strong small{font-size:15px;font-weight:500;margin-right:4px}.purchase-review-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.6fr);gap:22px;align-items:start}.purchase-review-layout.without-evidence{display:block}.purchase-review-form{padding:27px 30px 0}.purchase-review-evidence{position:sticky;top:20px;min-width:0}.purchase-review-evidence .panel{padding:23px}.purchase-review-evidence .evidence-photo img{max-height:290px}.review-section{min-width:0;border:0;padding:0;margin:0 0 25px}.review-section legend{font-size:15px;font-weight:600;color:#292f3a;padding:0;margin-bottom:18px;display:flex;align-items:center;gap:10px;width:100%}.review-section legend>span{font-size:10px;font-weight:500;color:#6d7582;letter-spacing:.6px}.review-section+.review-section{border-top:1px solid #eaecf0;padding-top:23px}.review-basics,.review-storage{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.review-material{display:grid;grid-template-columns:2fr 1fr;gap:18px}.review-numbers{display:grid;grid-template-columns:1fr .65fr 1fr 1.1fr;gap:18px;margin-top:18px}.purchase-review-form .form-field{margin:0;min-width:0}.purchase-review-form .form-field label{font-size:12px;color:#535e6e;margin-bottom:8px;font-weight:500}.purchase-review-form .form-field input{height:45px;min-width:0;width:100%;font-size:14px;color:#252d3a;border-color:#dce1e9;background:#fff;padding:10px 12px;border-radius:8px}.purchase-review-form .amount-field input{background:#f7f9ff;border-color:#d8e0f7;font-weight:600;color:#283d78}.purchase-review-form input:focus{outline:none;border-color:#6d85e3;box-shadow:0 0 0 3px #edf1ff}.review-notes{border-top:1px solid #eaecf0;padding:18px 0 22px}.review-notes summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:#3d4858;list-style:none;min-height:32px}.review-notes summary::-webkit-details-marker{display:none}.review-notes summary>span{font-size:11px;color:#697587}.review-notes summary>.icon{width:13px;height:13px;margin-left:auto;transition:transform .15s}.review-notes[open] summary>.icon{transform:rotate(90deg)}.review-notes .form-field{margin-top:13px}.review-notes .form-field label{display:none}.review-notes textarea{font:inherit;font-size:14px;width:100%;padding:12px;border:1px solid #dce1e9;border-radius:8px;min-height:80px;resize:vertical}.review-save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fafbfc;border-top:1px solid #e8ebf0;margin:0 -30px;padding:20px 30px;border-radius:0 0 13px 13px}.review-save-bar>div>strong{font-size:12px;color:#4a5566;font-weight:500}.review-save-bar p{font-size:11px;color:#687384;margin:4px 0 0}.review-save-bar .purchase-save-actions{border:0;padding:0;gap:10px}.review-save-bar button{min-height:44px;font-size:13px}.review-context{display:flex;align-items:center;flex-wrap:wrap;gap:10px 25px;font-size:11px;color:#657184;padding:20px 2px}.review-context>span{display:flex;gap:7px;align-items:center}.review-context .icon{width:14px;height:14px}.purchase-detail-heading{margin-bottom:24px}
@media(min-width:1101px){main.page-purchases:has(.without-evidence){max-width:1170px}}
@media(max-width:1050px){.purchase-review-layout{grid-template-columns:1fr}.purchase-review-evidence{position:static}.purchase-review-evidence .evidence-photo img{max-height:200px}.review-basics,.review-storage{grid-template-columns:1fr 1fr}.review-basics>.form-field:first-child{grid-column:1/-1}.review-storage>.form-field:last-child{grid-column:1/-1}}
@media(max-width:640px){.purchase-detail-heading h1{font-size:27px}.purchase-detail-heading .secondary{min-height:40px;font-size:12px}.purchase-record-banner{padding:18px;gap:15px;margin-bottom:15px;align-items:flex-start}.purchase-record-banner>div:first-child{min-width:0;flex:1}.purchase-record-banner h2{font-size:16px;margin:7px 0}.purchase-record-banner p{font-size:11px;line-height:1.8}.record-banner-value{gap:13px}.record-banner-value>strong{font-size:20px}.record-banner-value>strong small{font-size:12px}.record-banner-label{font-size:10px}.purchase-review-form{padding:22px 18px 0}.review-section{margin-bottom:22px}.review-section legend{font-size:14px;margin-bottom:15px}.review-section+.review-section{padding-top:21px}.review-basics,.review-material,.review-numbers,.review-storage{gap:16px 12px;grid-template-columns:1fr 1fr}.review-material>.form-field:first-child{grid-column:1/-1}.review-material>.form-field:last-child{grid-column:1/-1}.purchase-review-form .form-field input{font-size:16px;height:46px}.purchase-review-form .form-field label{font-size:12px}.review-numbers{margin-top:16px}.review-save-bar{margin:0 -18px;padding:17px 18px 19px;display:block}.review-save-bar>div:first-child{display:none}.review-save-bar .purchase-save-actions{display:flex;gap:10px}.review-save-bar button{flex:1;justify-content:center;font-size:13px}.review-context{font-size:10px;gap:10px 17px;padding-top:17px}.purchase-review-evidence .panel{padding:19px}.purchase-review-evidence .evidence-photo img{max-height:190px}.review-notes{padding-bottom:18px}}
.review-section{margin-bottom:20px}.review-section legend{margin-bottom:14px}.review-section+.review-section{border:0;padding-top:0}.review-section+.review-section legend{border-top:1px solid #eaecf0;padding-top:18px}

/* Purchase history and material stock are separate, linked references. */
.material-stock-card{background:#fff;border:1px solid #e2e5eb;border-radius:13px;margin:0 0 23px;padding:22px 26px}.material-stock-top{display:flex;gap:25px;align-items:center;justify-content:space-between}.material-stock-top>div:first-child{min-width:0}.material-stock-top h2{font-size:16px;margin:7px 0;color:#2b3443;overflow-wrap:anywhere}.material-stock-top p{font-size:12px;color:#5d6979;margin:0;line-height:1.8}.material-stock-quantity{text-align:right;flex-shrink:0;display:grid;gap:5px}.material-stock-quantity>span,.material-stock-quantity>small{font-size:11px;color:#647184}.material-stock-quantity>strong{font-size:25px;font-weight:600;color:#273340;font-variant-numeric:tabular-nums}.material-stock-quantity strong small{font-size:12px;font-weight:400}.material-link-editor,.stock-breakdown{margin-top:16px;border-top:1px solid #e9ecf1;padding-top:12px}.material-link-editor summary,.stock-breakdown summary{display:flex;align-items:center;justify-content:space-between;font-size:12px;min-height:34px;cursor:pointer;color:#405bd7;list-style:none}.material-link-editor summary::-webkit-details-marker,.stock-breakdown summary::-webkit-details-marker{display:none}.material-link-editor summary .icon,.stock-breakdown summary .icon{width:12px;height:12px}.material-link-editor form{max-width:650px;padding-top:4px}.stock-breakdown p{font-size:11px;color:#5d6b7f;line-height:1.9}.stock-breakdown dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;margin:15px 0}.stock-breakdown dl>div{display:flex;justify-content:space-between;gap:15px;font-size:12px}.stock-breakdown dt{font-size:12px;color:#616e81}.stock-breakdown dd{margin:0;font-variant-numeric:tabular-nums}.stock-unit-warning{font-size:12px;color:#805622;margin:15px 0 0}.purchase-stock-cell{min-width:155px}.purchase-stock-cell strong{font-weight:500!important}.purchase-card-stock{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding-top:14px;margin-top:15px;border-top:1px solid #e9edf3;font-size:12px;color:#5b6a7c}.purchase-card-stock strong{margin-left:auto;font-size:14px;color:#3c4e64}.purchase-card-stock small{width:100%;font-size:11px}.material-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.material-code{font-size:11px!important;letter-spacing:.6px;color:#5d6d82!important}.material-catalog-card h2{font-size:16px;line-height:1.6;margin:12px 0 8px;overflow-wrap:anywhere}.material-catalog-card>p{font-size:12px;color:#5f6d80}.material-catalog-value{border-top:1px solid #e9edf3;margin-top:24px;padding-top:18px}.material-catalog-value>span{font-size:11px;color:#647187}.material-catalog-value strong{font-size:26px;display:block;margin:7px 0}.material-catalog-value strong small{font-size:12px;font-weight:400}.material-catalog-value p{font-size:11px;color:#637187;margin-bottom:0}.page-materials>.purchase-filters input{flex:1;min-width:0}
@media(max-width:1100px){.material-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.material-stock-card{padding:19px;margin-bottom:15px}.material-stock-top{display:block}.material-stock-top h2{font-size:15px}.material-stock-top p{font-size:12px}.material-stock-quantity{text-align:left;border-top:1px solid #edf0f5;padding-top:13px;margin-top:14px}.material-stock-quantity>strong{font-size:25px}.material-link-editor .form-field select{font-size:16px;max-width:100%}.material-link-editor input:not([type=checkbox]){font-size:16px}.stock-breakdown dl{grid-template-columns:1fr 1fr;gap:12px}.stock-breakdown dl>div{font-size:11px;gap:9px}.stock-breakdown dt{font-size:11px}.material-catalog-grid{grid-template-columns:1fr}.material-catalog-card{padding:22px}.page-materials>.purchase-filters input{flex-basis:70%;font-size:16px}.page-materials .heading{gap:18px}}

/* Inventory is a comparison list, not a wall of oversized cards. */
@media(min-width:1101px){main.page-materials{max-width:1480px}}
.materials-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:21px;margin-bottom:21px;border-bottom:1px solid #dfe3e9;font-size:13px;color:#535d6c}.materials-overview>span>strong{font-size:24px;font-weight:600;color:#222a35;margin-right:7px}.materials-asof{display:flex;align-items:center;gap:12px;font-size:12px}.materials-asof>strong{font-weight:500;color:#303d4f}.materials-snapshot-tag{font-size:11px;color:#5e6878;border:1px solid #dfe4ec;background:#fff;border-radius:20px;padding:4px 9px}.materials-ledger-panel{background:#fff;border:1px solid #e0e4eb;border-radius:13px;overflow:hidden}.materials-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 23px}.materials-toolbar form{display:flex;gap:10px;flex:1;max-width:720px}.materials-toolbar input{min-width:0;flex:1;height:44px;border:1px solid #dce1e9;background:#fafbfc;border-radius:8px;padding:0 13px;font-size:14px;color:#303b4b}.materials-toolbar input::placeholder{color:#697383}.materials-toolbar button{font-size:13px}.materials-explanation{position:relative;flex-shrink:0}.materials-explanation summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-size:12px;color:#53647a;min-height:44px}.materials-explanation summary::-webkit-details-marker{display:none}.materials-explanation .icon{width:16px;height:16px}.materials-explanation p{position:absolute;right:0;top:35px;width:310px;padding:17px;background:white;border:1px solid #dde3ed;border-radius:10px;box-shadow:0 8px 30px #202d4517;font-size:12px;line-height:1.9;color:#495a71;z-index:3}.materials-table-wrap{overflow:auto}.materials-ledger{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.materials-ledger th{font-size:12px;font-weight:600;color:#4e596b;background:#f3f5f7;border-top:1px solid #e3e7ed;border-bottom:1px solid #dfe4eb;padding:15px 24px}.materials-ledger th:nth-child(1){width:23%}.materials-ledger th:nth-child(2){width:29%}.materials-ledger th:nth-child(3){width:21%}.materials-ledger th:nth-child(4){width:17%}.materials-ledger th:nth-child(5){width:10%}.materials-ledger td{padding:19px 24px;border-bottom:1px solid #e7ebf0;color:#354154;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.materials-ledger tbody tr:last-child td{border-bottom:0}.materials-ledger tbody tr:nth-child(even){background:#fcfcfd}.materials-ledger tbody tr:hover{background:#f3f6fc}.materials-ledger .material-name{font-weight:600;font-size:15px;color:#252e3c}.materials-ledger .material-spec{font-size:14px;color:#3c485b}.materials-ledger .material-id{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#59667b;letter-spacing:.2px}.materials-ledger .number{text-align:right;font-variant-numeric:tabular-nums}.materials-ledger .material-balance{font-size:19px;font-weight:600;color:#212d3e}.materials-ledger .material-unit{font-size:13px;color:#525e70}.stock-unavailable{font-size:12px;font-weight:400;color:#657187}.materials-mobile-rows{display:none}.materials-footnote{font-size:12px;color:#5c6a7e;margin:16px 0 0;line-height:1.9}.materials-no-results{padding:40px!important;text-align:center;font-size:13px;color:#5f6c80}
@media(max-width:640px){.materials-heading .muted{font-size:13px}.materials-overview{align-items:flex-start;flex-direction:column;gap:10px;padding-bottom:18px;margin-bottom:18px;font-size:12px}.materials-overview>span>strong{font-size:24px}.materials-asof{gap:9px;font-size:11px;flex-wrap:wrap}.materials-snapshot-tag{font-size:10px;padding:3px 8px}.materials-toolbar{padding:16px;display:block}.materials-toolbar form{gap:8px}.materials-toolbar input{font-size:16px;max-width:100%}.materials-explanation{margin-top:6px}.materials-explanation summary{font-size:11px;min-height:34px}.materials-explanation p{position:static;width:auto;padding:12px;margin:5px 0;font-size:11px;box-shadow:none;background:#fafbfd}.materials-table-wrap{display:none}.materials-mobile-rows{display:block;border-top:1px solid #e3e7ed}.material-compact-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 18px;border-bottom:1px solid #e5e9ef}.material-compact-row:last-child{border:0}.material-compact-row:nth-child(even){background:#fcfcfd}.material-compact-identity{min-width:0;flex:1}.material-compact-identity h2{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 5px;color:#252f3f;overflow-wrap:anywhere}.material-compact-identity p{font-size:14px;color:#434f61;margin:0 0 7px;line-height:1.7;overflow-wrap:anywhere}.material-compact-identity>span{font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#5c6b82;letter-spacing:.4px}.material-compact-balance{display:grid;text-align:right;gap:5px;flex-shrink:0}.material-compact-balance strong{font-size:24px;font-weight:600;line-height:1.3;color:#232f41;font-variant-numeric:tabular-nums}.material-compact-balance span{font-size:10px;color:#5c6b80}.material-compact-balance small{font-size:10px;color:#5b6d84}.materials-footnote{font-size:11px}.page-materials .purchase-pagination{padding:16px}}

.materials-ledger.mixed-dates th:nth-child(1){width:22%}.materials-ledger.mixed-dates th:nth-child(2){width:23%}.materials-ledger.mixed-dates th:nth-child(3){width:18%}.materials-ledger.mixed-dates th:nth-child(4){width:15%}.materials-ledger.mixed-dates th:nth-child(5){width:8%}.materials-ledger.mixed-dates th:nth-child(6){width:14%}

.recognition-panel{max-width:800px;padding:34px}.recognition-panel h2{font-size:23px;margin:0 0 15px}.recognition-panel>p{font-size:14px;line-height:1.9;color:#596579}.recognition-panel form{margin:23px 0}.recognition-panel>.text-link{display:inline-flex;margin:22px 20px 0 0;font-size:13px;min-height:44px}.recognition-results{display:grid;gap:10px;margin-top:25px}.recognition-results a{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px;border:1px solid #e0e5ed;border-radius:9px;font-size:13px}.recognition-results a>span:first-child{flex:1;overflow-wrap:anywhere}.recognition-warning{padding:10px 13px;background:#fff9ee;border-radius:7px;color:#785323!important;font-size:12px!important}.recognition-entry{display:flex;font-size:12px;margin-top:17px;min-height:44px}.recognition-spinner{display:block;width:30px;height:30px;border:3px solid #e6ebf8;border-top-color:#4964dc;border-radius:50%;margin-bottom:22px;animation:recognition-spin 1s linear infinite}@keyframes recognition-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.recognition-panel{padding:24px 20px}.recognition-panel h2{font-size:20px}.recognition-results a{flex-wrap:wrap;gap:10px}.recognition-results a>span:first-child{flex-basis:100%}}

/* BOM: readable neutral surfaces, blue actions, compact mobile rows. */
.bom-panel{padding:28px;margin-bottom:20px}.bom-panel h2{font-size:18px;color:#20242b}.bom-search{display:flex;gap:12px}.bom-search input{flex:1;min-width:0}.bom-panel input:not([type=checkbox]),.bom-panel select{width:100%;min-width:0;min-height:46px;border:1px solid #d5d9e0;border-radius:8px;background:#fff;padding:10px 12px;color:#222;font-size:15px;box-sizing:border-box}.bom-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid #e6e8ec}.bom-list{margin-top:24px}.bom-list small,.bom-requirements small{color:#626976;font-size:12px}.bom-list h2{margin:8px 0}.bom-list p,.bom-empty p{color:#555e6c;font-size:14px}.bom-list>a>span{color:#4460df;font-size:13px}.bom-empty{padding:36px 0}.bom-fields{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px}.bom-editor label{display:grid;gap:9px;font-size:13px;color:#303640;min-width:0}.bom-component{display:grid;grid-template-columns:3fr 1fr 1fr auto;gap:16px;padding:22px 0;border-bottom:1px solid #e4e7eb;align-items:start}.bom-component label:last-child{display:flex;align-items:center;padding-top:32px}.bom-save{display:flex;align-items:center;justify-content:space-between;gap:20px}.bom-save p,.bom-caution{font-size:13px;line-height:1.9;color:#58616e}.bom-plan{display:flex;gap:20px;align-items:end}.bom-plan p{margin:0;display:grid;gap:10px;font-size:14px}.bom-plan input{max-width:240px}.bom-caution{background:#f5f6f8;padding:16px;border-radius:8px;margin:25px 0}.bom-requirements article{display:grid;grid-template-columns:1fr 2fr;gap:25px;padding:24px 0;border-bottom:1px solid #e5e7ec}.bom-requirements h2{margin:8px 0}.bom-requirements p{font-size:14px;color:#505967}.bom-requirements dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0}.bom-requirements dt{font-size:12px;color:#626a77;margin-bottom:12px}.bom-requirements dd{margin:0;font-size:17px;color:#262b33;overflow-wrap:anywhere}.bom-requirements dd small{display:block;margin-top:8px}.bom-total{font-weight:650}.bom-requirements .text-link{font-size:12px;display:inline-flex;min-height:35px;align-items:center}.bom-panel .errorlist{color:#a12c2c;font-size:13px;padding-left:18px}
@media(max-width:700px){.bom-panel{padding:20px 16px}.bom-fields{grid-template-columns:1fr}.bom-component{grid-template-columns:1fr 1fr;gap:14px}.bom-component label:first-of-type{grid-column:1/-1}.bom-component label:last-child{padding-top:4px}.bom-save{flex-direction:column;align-items:stretch}.bom-plan{align-items:stretch;flex-direction:column;gap:14px}.bom-plan input{max-width:none}.bom-requirements article{grid-template-columns:1fr;gap:20px}.bom-requirements dl{gap:10px}.bom-requirements dd{font-size:15px}.bom-panel input:not([type=checkbox]),.bom-panel select{font-size:16px}.bom-list>a{align-items:flex-start}.bom-list>a>span{flex-shrink:0;font-size:12px}}

/* Relaxed material recipe editor. */
.bom-heading h1{font-size:32px}.bom-section-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:25px}.bom-step{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #e1e4ea;border-radius:50%;font-size:13px;color:#4e596b}.bom-section-heading h2{margin:3px 0 8px;font-size:18px}.bom-section-heading p{font-size:13px;line-height:1.8;color:#656d79;margin:0}.bom-fields{grid-template-columns:2fr 1fr;gap:24px}.bom-editor .bom-fields label{font-size:14px}.bom-version{margin-top:22px;font-size:12px;color:#66707f}.bom-version summary{cursor:pointer}.bom-version p{line-height:1.8}.bom-version label{max-width:150px}.material-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:8px 0 27px}.material-categories button{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:92px;background:#fafafb;color:#454d59;border:1px solid #eceef1;border-radius:12px;cursor:pointer;font-size:13px;transition:background .15s,border-color .15s}.material-categories svg{width:29px;height:29px}.material-categories button:hover,.material-categories button.active{background:#f0f3ff;border-color:#bac8fb;color:#3e59d7}.bom-editor .bom-component{display:block;padding:20px;border:1px solid #e2e5eb;border-radius:12px;margin:14px 0;background:#fff}.bom-component[hidden]{display:none}.component-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.component-index{font-size:11px;letter-spacing:1px;color:#747d89}.remove-component{border:0;background:none;color:#727b87;font-size:12px;cursor:pointer;padding:7px}.component-inputs{display:grid;grid-template-columns:3fr 1fr .8fr;gap:18px;align-items:start}.bom-editor .component-inputs label{display:grid;gap:9px;padding:0;font-size:13px}.material-field>label{margin-bottom:9px}.bom-panel select[hidden]{display:none}.material-select-button{display:flex;flex-direction:column;gap:5px;justify-content:center;text-align:left;min-height:58px;width:100%;padding:10px 14px;border:1px solid #d8dee8;border-radius:9px;background:#fcfcfd;color:#4b60c7;font-size:14px;cursor:pointer}.material-select-button strong{font-size:15px;color:#222831;font-weight:600}.material-select-button small{font-size:12px;color:#697482;overflow-wrap:anywhere}.bom-panel .component-inputs input:not([type=checkbox]){height:58px}.component-unit-note{margin:12px 0 0;font-size:12px;color:#6b7481}.bom-add{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;padding:17px;border:1px dashed #cfd5e0;border-radius:10px;background:#fbfcfe;color:#4560ce;font-size:14px;cursor:pointer;margin-top:20px}.bom-add>span{font-size:22px}.bom-save{padding:6px 0 12px}.bom-save strong{font-size:15px;color:#30343d}.bom-save p{margin:7px 0;font-size:13px}.bom-save .primary{min-width:180px;justify-content:center}.material-picker{width:min(640px,calc(100% - 32px));box-sizing:border-box;max-height:85dvh;border:1px solid #e1e5ec;border-radius:20px;padding:26px;box-shadow:0 24px 100px #16243a30;color:#242a33}.material-picker::backdrop{background:#19212e50;backdrop-filter:blur(4px)}.picker-head{display:flex;justify-content:space-between;align-items:center}.picker-head h2{font-size:23px;margin:8px 0 24px}.picker-head .eyebrow{margin:0}.picker-head>button{width:40px;height:40px;border:1px solid #e3e6ec;background:#fff;border-radius:50%;font-size:22px;cursor:pointer}.picker-categories{gap:7px;margin:0 0 18px}.picker-categories button{min-height:74px;font-size:12px;gap:7px}.picker-categories svg{height:23px;width:23px}.picker-search{display:flex;align-items:center;gap:10px;border:1px solid #d7dce5;border-radius:10px;padding:0 12px;margin:0 0 14px}.picker-search input{width:100%;min-width:0;font-size:16px;padding:14px 0;border:0;background:transparent;outline-offset:2px;color:#242a33}#picker-results{max-height:37dvh;overflow:auto}.picker-result{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;border-bottom:1px solid #eceef2;background:#fff;padding:16px 4px;cursor:pointer}.picker-result:hover{background:#f7f8fc}.picker-symbol{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#f2f4f7;color:#677386}.picker-symbol svg{width:23px;height:23px}.picker-result>span:nth-child(2){flex:1;min-width:0}.picker-result strong{display:block;font-size:15px;color:#262d37;overflow-wrap:anywhere}.picker-result small{display:block;font-size:12px;color:#697582;margin-top:5px;overflow-wrap:anywhere}.picker-result-unit{font-size:12px;color:#637080;max-width:75px}.picker-footnote{font-size:11px;line-height:1.8;color:#717b88;margin:18px 0 0}.picker-empty{padding:25px;text-align:center;color:#687383;font-size:14px}.picker-empty button{display:block;margin:18px auto 0;background:none;border:0;color:#435ed0;cursor:pointer}.bom-welcome{text-align:center;padding:55px 28px}.bom-welcome h2{font-size:26px;color:#262a32;margin:15px 0}.bom-welcome>p:not(.eyebrow){font-size:15px;color:#646d7a;line-height:1.9;margin-bottom:25px}.bom-welcome .primary{display:inline-flex}.bom-welcome-steps{display:flex;justify-content:center;gap:38px;margin-top:38px;padding-top:28px;border-top:1px solid #eceef2;font-size:12px;color:#626c7b}.bom-welcome-steps b{font-weight:500;color:#9aa3b1;margin-right:7px}.recipe-art{display:flex;align-items:center;justify-content:center;gap:18px;height:95px;margin:0 0 27px;color:#a5aebb}.art-piece{display:block;position:relative;width:45px;height:45px}.leather-piece{background:#e5ded6;border:1px solid #b9ada0;clip-path:polygon(12% 0,40% 9%,65% 0,100% 25%,87% 50%,91% 100%,10% 100%,12% 50%,0 25%);transform:rotate(-10deg)}.metal-piece{width:37px;height:37px;border:5px solid #aab2bb;border-radius:12px;box-shadow:inset 0 0 0 2px #e6e9ec;transform:rotate(12deg)}.zipper-piece{width:30px;height:52px;border-left:6px solid #d5d9df;border-right:6px solid #d5d9df;background:repeating-linear-gradient(0deg,#929eae 0 3px,transparent 3px 6px);transform:rotate(-7deg)}.art-bag{display:block;width:48px;height:45px;border:2px solid #6c7eae;border-radius:7px 7px 12px 12px;background:#eef1fa;position:relative;margin-left:5px}.art-bag:before{content:'';position:absolute;width:20px;height:17px;border:2px solid #6c7eae;border-bottom:0;border-radius:12px 12px 0 0;top:-18px;left:12px}.art-plus,.art-equal{font-size:18px}
@media(max-width:700px){.bom-heading h1{font-size:27px}.bom-fields{grid-template-columns:1fr;gap:20px}.bom-section-heading{gap:10px;margin-bottom:20px}.bom-section-heading p{font-size:12px}.material-categories{grid-template-columns:repeat(3,1fr);gap:9px}.material-categories button{min-height:80px;font-size:13px;gap:8px}.material-categories svg{width:25px;height:25px}.component-inputs{grid-template-columns:1fr 1fr;gap:15px}.material-field{grid-column:1/-1}.bom-editor .bom-component{padding:16px}.material-picker{padding:20px 16px;border-radius:17px;max-height:90dvh}.picker-categories{grid-template-columns:repeat(6,1fr);gap:4px}.picker-categories button{min-height:62px;font-size:10px}.picker-categories svg{width:21px;height:21px}.picker-result{gap:9px}.picker-result strong{font-size:14px}.bom-welcome{padding:40px 18px}.bom-welcome h2{font-size:22px;line-height:1.6}.bom-welcome>p:not(.eyebrow){font-size:14px}.recipe-art{gap:12px}.art-piece{flex-shrink:0}.bom-welcome-steps{gap:16px;font-size:11px}.bom-welcome-steps b{display:block;margin:0 0 8px}.bom-save .primary{width:100%}}

@media(max-width:700px){.bom-editor .component-inputs .quantity-field,.bom-editor .component-inputs .unit-field{grid-column:auto}}

.product-mode-tabs{display:flex;gap:7px;padding:4px;background:#f1f3f6;border-radius:10px;width:fit-content;margin:0 0 22px}.product-mode-tabs button{border:0;background:none;padding:11px 21px;border-radius:7px;color:#626c79;font-size:14px;cursor:pointer}.product-mode-tabs button.active{color:#253b88;background:#fff;box-shadow:0 1px 5px #24375712}.bom-fields[hidden],#existing-product[hidden],#chosen-product[hidden],.bom-selection-empty[hidden]{display:none}.product-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:#fff;border:0;border-bottom:1px solid #e6e9ef;padding:16px 10px;text-align:left;cursor:pointer}.product-result:hover{background:#f4f6fc}.product-result strong{font-size:15px;color:#28313e}.product-result small{font-size:12px;color:#697585}.product-search-hint,.bom-selection-empty{font-size:13px;color:#697685;padding:14px 0;line-height:1.8}#product-results{max-height:270px;overflow:auto}#chosen-product{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px;background:#f4f6ff;border:1px solid #dce3ff;border-radius:10px;margin-top:15px}#chosen-product strong{font-size:16px;color:#293958}#chosen-product span{font-size:12px;color:#5f6d86}.bom-component .component-index{display:none}.bom-editor .bom-component{padding:16px 18px}.component-top{justify-content:flex-end;margin-bottom:0}.bom-editor .material-field>label{display:none}.bom-editor .component-inputs{align-items:center}.material-select-button{background:transparent;border:0;padding-left:0}.bom-selection-empty{text-align:center;padding:22px;border:1px dashed #dce1e9;border-radius:10px}.bom-panel input[type=search]{border:0;background:transparent}.bom-editor .component-unit-note{margin-top:8px}@media(max-width:700px){.product-result{align-items:flex-start;flex-direction:column;gap:6px}#chosen-product{align-items:flex-start;flex-direction:column;gap:8px}.product-mode-tabs{width:100%;box-sizing:border-box}.product-mode-tabs button{flex:1}.bom-editor .bom-component{padding:14px 16px}}

.bom-editor .picker-search{display:flex;align-items:center;gap:10px}.bom-editor .picker-search input{min-height:48px;padding:10px 0;height:48px}#product-discovery[hidden]{display:none}#chosen-product .text-link{border:0;background:transparent;cursor:pointer;font-size:12px;white-space:nowrap}

.group-search{display:flex;gap:10px;align-items:center;border:1px solid #d9dfe8;border-radius:9px;padding:0 13px}.group-search input{width:100%;min-width:0;padding:13px 0!important;min-height:46px;border:0!important;font-size:16px;color:#242b35;background:transparent}.group-selected-style{font-size:18px;font-weight:600;color:#263141;margin-top:25px}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.variant-grid label{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;align-items:center;border:1px solid #dfe4ed;border-radius:9px;padding:15px;cursor:pointer;background:#fcfcfd}.variant-grid label:has(:checked){border-color:#b8c7f4;background:#f4f6ff}.variant-grid label input{grid-row:1/3;accent-color:#4d66df;width:17px;height:17px}.variant-grid strong{font-size:14px}.variant-grid small{font-size:11px;color:#687587}.group-material-row{display:grid;grid-template-columns:1fr 240px 28px;gap:15px;align-items:center;padding:19px 0;border-bottom:1px solid #e6e9ef}.group-material-name{display:block;background:none;border:0;padding:0;text-align:left;font-weight:600;color:#2d3745;font-size:15px;cursor:pointer}.group-material-row small{display:block;font-size:12px;color:#687586;margin-top:7px}.group-row-numbers{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.group-row-numbers input{font-size:15px}.group-remove{border:0;background:#f4f5f7;border-radius:50%;height:28px;color:#69778a;cursor:pointer;font-size:18px}.group-replace{grid-column:1/3;display:grid;grid-template-columns:1fr 240px;align-items:center;gap:15px;font-size:12px;color:#667487}.group-replace select{font-size:12px!important;min-height:38px!important}.colour-differences{border:1px solid #dfe4ed;border-radius:11px;margin:12px 0;background:#fff}.colour-differences summary{display:flex;align-items:center;gap:15px;list-style:none;cursor:pointer;padding:19px}.colour-differences summary::-webkit-details-marker{display:none}.colour-differences summary strong{font-size:16px}.colour-differences summary small{color:#697687;font-size:12px;flex:1}.colour-differences summary>span{font-size:11px;color:#738096}.colour-body{padding:0 20px 20px}.colour-body>.secondary{margin-top:16px}.group-review h2{margin-bottom:20px}.group-impact-count{font-size:15px;color:#334052}.variant-tag{display:inline-block;padding:7px 10px;margin:0 7px 9px 0;border:1px solid #dee4ef;border-radius:7px;font-size:12px;color:#4c5c72}.group-confirm{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:25px 0 13px;color:#2e3846}.group-confirm input{width:18px;height:18px;accent-color:#4d66df;flex-shrink:0}.group-review .primary{margin-top:15px}.group-error{background:#fff3f2;border:1px solid #e7bcb7;color:#a03830;padding:17px;border-radius:9px;margin-bottom:20px;font-size:14px}.group-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.group-plan-grid label{display:grid;gap:10px;font-size:14px}.group-plan-grid small{color:#6c7989;font-size:12px}.group-plan-grid a{color:#364d9b;font-weight:500}.group-totals{margin-top:25px}.group-totals>a,.material-usage-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e6e9ef}.group-totals strong,.material-usage-list strong{display:block;font-size:15px;color:#293445}.group-totals small,.material-usage-list small{display:block;font-size:12px;color:#687587;margin-top:7px}.group-totals b{font-size:18px;font-weight:600;white-space:nowrap;color:#2b3a52}.material-usage-list>a>span{font-size:13px;color:#445779;white-space:nowrap}.material-context h2{font-size:30px}.material-context h2 small{font-size:13px;font-weight:400}.material-context .muted{font-size:13px;line-height:1.8}
@media(max-width:700px){.variant-grid{grid-template-columns:repeat(2,1fr)}.variant-grid label{padding:12px;gap:6px}.group-material-row{grid-template-columns:1fr 28px;gap:13px}.group-material-row>div:first-child{grid-column:1}.group-row-numbers{grid-row:2;grid-column:1/-1}.group-material-row>.group-remove{grid-row:1;grid-column:2}.group-replace{grid-column:1/-1;grid-template-columns:1fr;gap:8px}.colour-differences summary{flex-wrap:wrap;gap:8px;padding:16px}.colour-differences summary small{flex-basis:60%}.colour-body{padding:0 15px 18px}.group-plan-grid{grid-template-columns:1fr 1fr}.group-totals>a,.material-usage-list>a{align-items:flex-start;gap:12px}.material-usage-list>a{flex-direction:column}.material-usage-list>a>span{font-size:13px}.group-totals b{font-size:16px}.group-review .primary{width:100%}.group-confirm{font-size:13px;line-height:1.8}}

.group-replace{display:block}.group-replace[hidden]{display:none}.group-replace summary{cursor:pointer;font-size:12px;color:#67788d;padding:6px 0}.group-replace select{margin-top:8px;width:100%;max-width:450px}#variant-selection>.text-link{border:0;background:transparent;color:#4965d6;padding:8px 0;font-size:12px;cursor:pointer}

.unit-pending-note{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;line-height:1.8;color:#915628;background:#fff9ed;border-radius:7px;padding:10px 12px;order:4}.unit-pending-note a,.component-unit-note a{color:#415fc9}.unit-pending-note .text-link,.component-unit-note .text-link{border:0;background:transparent;font-size:12px;color:#415fc9;cursor:pointer;padding:7px}.unit-settings-form{max-width:650px}.unit-settings-form p{display:grid;gap:10px;margin:22px 0;font-size:14px;color:#313c4e}.unit-settings-form input:not([type=checkbox]){width:100%;box-sizing:border-box}.unit-settings-form input[type=checkbox]{width:18px;height:18px;accent-color:#4964dc}.unit-settings-form .errorlist{color:#a7362f;font-size:13px}.unit-confirmed{display:flex;align-items:center;gap:20px;margin:20px 0}.unit-confirmed strong{font-size:27px;color:#29364b}.unit-confirmed span{font-size:13px;color:#627086}.unit-rule{font-size:16px;color:#303d51;border-bottom:1px solid #e3e7ef;padding:16px 0}.unit-rule small{display:block;font-size:12px;color:#6c7c90;margin-top:8px}.group-row-numbers input[readonly],.bom-panel input[readonly]{background:#f5f6f9;color:#58677c}.material-link-editor #link-unit-setup{display:block;font-size:13px;margin:12px 0}.unit-settings-form p:has(input[type=checkbox]){display:block;line-height:1.9}@media(max-width:640px){.unit-confirmed{align-items:flex-start;flex-direction:column;gap:10px}.unit-pending-note{gap:7px}.unit-settings-form p{font-size:13px}}

.production-check{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.9;margin:18px 0;color:#384152}.production-check input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:#4964dc;margin-top:3px}.production-check strong{display:block;font-weight:500}.production-check small{display:block;font-size:12px;color:#687282}

.bom-erp-intro,.bom-erp-status{background:white;border:1px solid #dfe5ef;border-radius:14px;padding:22px;margin-bottom:22px;color:#2a3442}.bom-erp-intro strong,.bom-erp-status>div>strong{font-size:15px}.bom-erp-intro p,.bom-erp-status>div>span{display:block;font-size:12px;line-height:1.8;color:#626e7e;margin:8px 0 0}.bom-erp-intro form{display:flex;gap:10px;margin-top:18px}.bom-erp-intro input{font:inherit;font-size:13px;border:1px solid #dce2eb;border-radius:8px;padding:10px;min-width:0;flex:1}.bom-erp-status article{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #e8ecf1;padding-top:15px;margin-top:15px}.bom-erp-status article strong{font-size:13px}.bom-erp-status article small{display:block;font-size:10px;color:#738095;margin-top:5px}.bom-erp-status article p{font-size:12px;max-width:50%;line-height:1.8;color:#6b7485}.bom-erp-status .erp-state-synced p{color:#386650}.bom-erp-status .erp-state-uncertain p,.bom-erp-status .erp-state-conflict p,.bom-erp-status .erp-state-failed p{color:#a24e36}@media(max-width:600px){.bom-erp-intro form{flex-direction:column}.bom-erp-intro input{font-size:16px}.bom-erp-status article{align-items:start;flex-direction:column;gap:8px}.bom-erp-status article p{max-width:100%}}

.erp-material-lookup{border-top:1px solid #e3e7ef;padding-top:17px;margin-top:15px}.erp-material-lookup>label{font-size:12px;color:#536176}.erp-material-lookup>div{display:flex;gap:9px;margin-top:9px}.erp-material-lookup input{min-width:0;flex:1;padding:11px;border:1px solid #dce2eb;border-radius:8px;font:inherit;font-size:13px}.erp-material-lookup p{font-size:12px;color:#566b9c;margin-top:9px}@media(max-width:600px){.erp-material-lookup>div{flex-direction:column}.erp-material-lookup input{font-size:16px}}

.rd-form{max-width:720px;margin:24px auto;padding:28px;background:#fff;border:1px solid #e4e7ee;border-radius:20px}.rd-field{margin:20px 0}.rd-field label{display:block;margin-bottom:8px}.rd-field input:not([type=checkbox]),.rd-field select,#material-search{width:100%;padding:12px;border:1px solid #d4daea;border-radius:10px;box-sizing:border-box;background:#fff}.rd-field input[type=checkbox]{width:20px;height:20px}.rd-field small{display:block;margin-top:8px;color:#667085}.rd-toolbar,.rd-summary{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:24px 0}.rd-row{background:#fff;border:1px solid #e4e7ee;border-radius:16px;padding:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:12px 0}.rd-row h3{margin:0}.rd-row p,.rd-row small{color:#667085}.rd-note{flex-basis:100%;margin:0}.rd-form .errorlist{color:#b42318}@media(max-width:600px){.rd-form{padding:20px}.rd-summary{align-items:flex-start;flex-direction:column}.rd-row{padding:18px}.rd-row>div{min-width:0;overflow-wrap:anywhere}}