:root{--bg:#0e1112;--ink:#f3f5ed;--ink-2:#c0c7c2;--ink-3:#9ba69f;--accent:#c8fa4e;--warn:#ffad8c;--line:#ffffff12;--font:'Sora',sans-serif;--ph-ripple:200 250 78;--ph-frame-bg:#0e1112}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font:10px var(--font)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{border:0;color:inherit;background:none;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button,i{flex:none}#app[data-stil="grafit"]{position:fixed;inset:0;display:flex;overflow:hidden;background:#0e1112;color:var(--ink);--ink:#f3f5ed;--ink-2:#c0c7c2;--ink-3:#9ba69f;font:400 max(12px,1.3rem)/1.55 var(--font);font-variant-numeric:tabular-nums}#sidebar{width:20rem;flex:none;display:flex;flex-direction:column;padding:2.8rem 1.4rem;background:#131718}.brand{display:flex;align-items:center;gap:1.2rem;padding:0 1.1rem;font-size:3.1rem;font-weight:650;letter-spacing:-.05em}.brand img{width:4rem;height:4rem}.brand small{display:block;color:var(--ink-3);font-size:11px;font-weight:400;letter-spacing:0;margin-top:.2rem}.side-label{font-size:12px;color:var(--ink-3);margin:4rem 1.3rem 1.5rem}#sidebar nav{display:grid;gap:.7rem}#sidebar nav button{display:flex;align-items:center;gap:1.1rem;text-align:left;min-height:5.3rem;padding:1.35rem;border-radius:2rem;color:var(--ink-2);font-size:max(12px,1.25rem)}#sidebar nav button.active{background:#c8fa4e13;color:var(--accent)}#sidebar nav button:hover,#sidebar nav button[data-ph-hover]{background:#ffffff08}kbd{font:400 10px var(--font);color:var(--ink-3);margin-left:auto;white-space:nowrap}i{display:inline-flex;font-style:normal}i svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.6}.side-bottom{margin-top:auto;display:flex;align-items:center;gap:.8rem}.side-bottom strong{font-size:12px;font-weight:500}.side-bottom small{display:block;font-size:11px}.avatar{width:3.8rem;height:3.8rem;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--accent);background:#c8fa4e15;flex:none}.icon-btn{width:44px;min-height:44px;display:grid;place-items:center;font-size:17px;border-radius:50%;background:#ffffff07}.side-bottom .icon-btn{width:28px;margin-left:auto}#main{flex:1;min-width:0;padding:0 2.5rem;display:flex;flex-direction:column;container-name:main;container-type:inline-size}.topbar{height:9rem;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex:none}.topbar h1{font-size:2.6rem;font-weight:550;letter-spacing:-.035em;margin:0}.topbar p{font-size:12px;color:var(--ink-3);margin:.3rem 0 0}.top-actions{display:flex;align-items:center;gap:1.5rem}.search-btn{display:flex;align-items:center;gap:1rem;min-height:44px;padding:1rem 1.6rem;background:#ffffff06;border-radius:30px;font-size:12px;color:var(--ink-2)}.search-btn kbd{margin-left:1.2rem}.demo-label{font-size:12px;color:var(--ink-3)}#content{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#475246 transparent;padding-bottom:1.2rem}footer{min-height:30px;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:11px;color:var(--ink-3)}.live-dot{display:inline-block;width:6px;height:6px;margin-right:6px;background:var(--accent);border-radius:50%}h2,h3,p{margin:0}h2{font-size:1.8rem;font-weight:550;letter-spacing:-.025em}h3{font-size:1.6rem;font-weight:500}small,.muted{color:var(--ink-3)}small{font-size:max(12px,1.1rem)}.card{min-width:0;padding:2.5rem;border-radius:2.6rem;background:linear-gradient(155deg,#1d2223,#191e1f);box-shadow:0 14px 34px -24px #000d,inset 0 1px #ffffff09;animation:arrive .6s both}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.1s}.card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.8rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:30px;background:#ffffff08;font-size:max(11px,1.05rem);color:var(--ink-2);white-space:nowrap}.chip.good{color:#d5f7a0;background:#bde86513}.chip.warn{color:#ffb99d;background:#ff9d7614}.chip.blue{color:#b9d6e9;background:#75afd417}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:44px;border-radius:30px;padding:1.2rem 1.8rem;background:#ffffff09;color:var(--ink);font-weight:500;font-size:max(12px,1.2rem);transition:background .2s,transform .2s;white-space:normal;text-align:center}.btn:hover,.btn[data-ph-hover]{background:#ffffff13;transform:translateY(-2px)}.btn.primary{background:var(--accent);color:#18200c}.btn.primary:hover,.btn.primary[data-ph-hover]{background:#dbff8d}.btn.full{width:100%}.text-btn{padding:.8rem 0;color:var(--accent);font-size:max(12px,1.2rem);text-align:left;min-height:44px}.actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.big{font-size:6.5rem;line-height:1.12;font-weight:600;letter-spacing:-.065em}.big small{font-size:2rem;font-weight:400;letter-spacing:0}.kpi-row{display:flex;align-items:center;gap:1.8rem;margin-bottom:1.6rem}.kpi-row p{color:var(--ink-2);font-size:1.45rem}.kpi-row small{display:block;margin-top:.4rem}.overview-top{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(29rem,1fr);gap:1.6rem}.overview-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.6rem;margin-top:1.6rem}.urgent-card{display:flex;flex-direction:column;gap:1.4rem;background:linear-gradient(155deg,#2b2824,#1d2220)}.urgent-card .card-head{margin:0}.urgent-card h2{font-size:2.2rem;max-width:24rem}.urgent-card .btn{margin-top:auto}.urgent-detail{border-radius:1.6rem;background:#111617;padding:1.5rem;display:grid;gap:.7rem}.urgent-detail strong{font-size:1.5rem;font-weight:500}.urgent-detail p{color:var(--ink-3);font-size:12px}.urgent-footer{display:flex;gap:.7rem;flex-wrap:wrap}.lead{font-size:1.55rem;color:var(--ink-2);line-height:1.65}.sublabel{font-size:12px;color:var(--ink-3);margin-top:.5rem}.planner-legend{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ink-3);margin-top:1.8rem}.planner-legend b{width:8px;height:8px;display:inline-block;border-radius:3px;background:#829886;margin-right:.5rem}.planner-legend .lime b{background:var(--accent)}.planner-legend .travel b{background:#495352}.schedule{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.schedule-head{display:grid;grid-template-columns:13.5rem 1fr;gap:1.4rem;color:var(--ink-3);font-size:11px}.hours{display:flex;justify-content:space-between;padding:0 .4rem}.schedule-row{display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:1.4rem;align-items:center}.person{display:flex;align-items:center;gap:.8rem;min-height:44px;text-align:left;padding:0}.person strong{display:block;font-size:max(12px,1.15rem);font-weight:500}.person small{display:block;font-size:11px}.person .avatar{width:3rem;height:3rem;font-size:10px}.track{height:5.6rem;min-height:48px;position:relative;background:repeating-linear-gradient(90deg,#ffffff03 0,#ffffff03 calc(25% - 1px),#ffffff0b calc(25% - 1px),#ffffff0b 25%);border-radius:1rem;overflow:visible}.slot{position:absolute;top:.6rem;height:calc(100% - 1.2rem);border-radius:.8rem;background:#7d99852a;color:#cbd9cf;text-align:center;font-size:11px;padding:0 2px;display:flex;align-items:center;justify-content:center;min-width:15px}.slot.urgent{background:#c8fa4e;color:#17200d;font-weight:600;box-shadow:0 0 24px #c8fa4e12}.slot.done{background:#59766826;color:#8da79a}.slot.travel{background:repeating-linear-gradient(135deg,#8a969225,#8a969225 4px,#8a96920b 4px,#8a96920b 8px);min-width:0}.slot:hover,.slot[data-ph-hover]{outline:1px solid var(--accent)}.route-note{margin-top:1.7rem;display:flex;gap:.9rem;align-items:flex-start;padding:1.3rem 1.5rem;border-radius:1.4rem;background:#c8fa4e08;color:var(--ink-2);font-size:12px}.route-note i{color:var(--accent);margin-top:2px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}.metric strong{display:block;font-size:3rem;letter-spacing:-.04em;font-weight:550}.metric small{display:block}.progress{height:7px;border-radius:10px;overflow:hidden;background:#ffffff09;margin:1.4rem 0}.progress>i{display:block;height:100%;border-radius:10px;background:var(--accent);transition:width .5s}.stock-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1.2rem 0;align-items:center;border-bottom:1px solid #ffffff07}.stock-row strong{font-weight:500;font-size:1.3rem;display:block}.stock-row small{display:block}.stock-row:last-child{border:0}.stock-row .qty{font-size:2rem;font-weight:500;color:var(--accent)}.activity{display:grid;gap:1.4rem}.activity-item{display:grid;grid-template-columns:3.8rem minmax(0,1fr);gap:1rem}.activity-item time{font-size:11px;color:var(--ink-3);padding-top:.2rem}.activity-item p{font-size:12px;color:var(--ink-2)}.live-strip{margin-top:1.6rem;padding:1.3rem 1.7rem;background:#ffffff03;border-radius:1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--ink-3);font-size:12px}.live-strip strong{font-weight:400;color:var(--ink-2)}.workspace{display:grid;gap:1.6rem}.workspace.two{grid-template-columns:minmax(0,1.65fr) minmax(28rem,1fr)}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}.workspace-header p{color:var(--ink-3);font-size:12px;margin-top:.5rem}.seg{display:flex;gap:.5rem;flex-wrap:wrap;padding:.4rem;border-radius:30px;background:#111617}.seg button{min-height:40px;padding:.7rem 1.3rem;border-radius:30px;font-size:12px;color:var(--ink-3)}.seg button.active{background:#c8fa4e1a;color:var(--accent)}.order-list{display:grid;gap:1rem}.order-row{padding:1.8rem;background:#111718;border-radius:1.7rem;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(13rem,.8fr) auto;gap:1.4rem;align-items:center}.order-row h3{margin:.7rem 0 .4rem;font-size:1.5rem}.order-row p{font-size:12px;color:var(--ink-3)}.id{font-size:11px;color:var(--ink-3)}.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}.tech-card{padding:2.3rem;border-radius:2rem;background:#111718;display:flex;flex-direction:column;gap:1.6rem}.tech-heading{display:flex;align-items:center;gap:1.3rem}.tech-heading .avatar{width:5rem;height:5rem;font-size:15px}.tech-card h3{font-size:1.8rem}.tech-card .actions{margin-top:auto}.tech-card p{font-size:13px;color:var(--ink-3)}.tag-list{display:flex;gap:.6rem;flex-wrap:wrap}.stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.part-card{padding:2rem;border-radius:1.8rem;background:#111718}.part-symbol{height:7rem;display:flex;align-items:center;gap:1.8rem;margin:1rem 0 1.8rem}.part-symbol svg{width:7rem;height:7rem;stroke:var(--accent);fill:none;stroke-width:1.2}.part-symbol b{font-size:2.6rem;font-weight:550;letter-spacing:-.03em}.part-card h3{font-size:1.6rem}.part-card .btn{margin-top:1.8rem}.contracts{display:grid;gap:1.3rem}.contract{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(15rem,.8fr) auto;gap:2rem;padding:2rem;border-radius:1.8rem;background:#111718;align-items:center}.contract h3{margin:.4rem 0}.contract p{color:var(--ink-3);font-size:12px}.contract .date{font-size:1.8rem;display:block}.report-tile{display:flex;gap:1.5rem;align-items:center;padding:1.8rem;background:#111718;border-radius:1.7rem;margin-bottom:1.2rem}.report-tile>div{min-width:0;flex:1}.report-tile h3{font-size:1.5rem;margin-bottom:.4rem}.paper-icon{width:4.3rem;height:5.6rem;border:1px solid #c8fa4e44;border-radius:.6rem;padding:1rem .7rem;display:grid;gap:.6rem;flex:none;background:#c8fa4e08}.paper-icon i{height:2px;background:#c8fa4e55}.bar-chart{height:22rem;display:flex;gap:1.2rem;align-items:end;margin-top:2rem;padding-top:2rem}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:.6rem;font-size:12px;color:var(--ink-3)}.bar{width:100%;max-width:4rem;border-radius:1rem;background:#c8fa4e28;transition:height .45s;min-height:15px}.bar-col:hover .bar{background:var(--accent)}.bar-col b{color:var(--ink-2);font-weight:400}.empty{padding:4rem 2rem;text-align:center;background:#111718;border-radius:2rem;color:var(--ink-3)}.empty h3{color:var(--ink);margin-bottom:1rem}.empty .btn{margin-top:1.5rem}
/* The kit supplies the established drawer and palette forms. These local rules give the service workflow room. */
.pd-drawer{width:min(62rem,calc(100% - 3rem));max-width:none;background:#202627!important;box-shadow:-20px 0 70px #0005}.pd-drawer-h{padding:2.6rem 2.6rem 1.8rem}.pd-drawer-h h2{font-size:2.2rem;max-width:calc(100% - 50px);font-weight:550}.pd-drawer-b{padding:0 2.6rem 2.8rem;font-size:max(12px,1.3rem)}.pd-drawer-b>p{margin:1.4rem 0}.pd-drawer-b .btn{margin-top:1.4rem}.detail-top{display:flex;gap:.7rem;flex-wrap:wrap;margin:0 0 1.5rem}.detail-title{font-size:2.5rem;line-height:1.3;margin-bottom:.8rem;font-weight:500}.callout{padding:1.7rem;background:#c8fa4e0a;border-radius:1.6rem;margin:1.6rem 0;color:var(--ink-2);font-size:13px}.callout.warning{background:#ffad8c10}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:1.8rem 0}.facts>div{padding:1.2rem 1.4rem;border-radius:1.3rem;background:#ffffff04}.facts small{display:block;margin-bottom:.3rem}.facts strong{font-size:1.4rem;font-weight:500}.candidate{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.5rem;border-radius:1.6rem;background:#111718;margin:1rem 0;cursor:pointer}.candidate:has(input:checked){box-shadow:inset 0 0 0 1px #c8fa4e70;background:#c8fa4e08}.candidate input{width:18px;height:18px;margin:.4rem 0;accent-color:var(--accent)}.candidate strong{font-weight:500;font-size:1.4rem}.candidate small{display:block;margin:.5rem 0}.candidate .tag-list{margin-top:.7rem}.field{display:flex;flex-direction:column;gap:.7rem;font-size:12px;color:var(--ink-2);margin:1.5rem 0}.field input,.field textarea,.field select{border:1px solid #ffffff19;background:#111718;color:var(--ink);padding:1.3rem 1.5rem;border-radius:1.4rem;min-height:44px;width:100%;font-size:14px}.field textarea{min-height:9rem;resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.fields .field{margin:0}.checks{display:grid;gap:.8rem;margin:1.5rem 0}.checks label{display:flex;align-items:flex-start;gap:1rem;padding:1.4rem;background:#ffffff04;border-radius:1.3rem;font-size:13px;cursor:pointer}.checks input{width:18px;height:18px;accent-color:var(--accent);margin:1px 0 0;flex:none}.error{font-size:13px;color:#ffb99d;min-height:0;margin-top:1rem}.error:not(:empty){padding:1.2rem;background:#ffad8c0c;border-radius:1.2rem}.receipt{background:#edf1e7;color:#293329;border-radius:1.5rem;padding:2rem;margin:1.5rem 0}.receipt h3{font-size:2rem;margin-bottom:1rem}.receipt p{font-size:13px;line-height:1.7}.receipt small{color:#596452}.receipt-line{display:flex;justify-content:space-between;gap:1.5rem;padding:1rem 0;border-bottom:1px solid #162d1814;font-size:13px}.receipt-line:last-child{font-weight:550;border:0}.search-result{display:block;text-align:left;padding:1.5rem;background:#ffffff04;border-radius:1.4rem;width:100%;margin:1rem 0}.search-result strong,.search-result small{display:block}.more-list{display:grid;gap:1rem}.more-list button{padding:1.6rem;background:#ffffff05;border-radius:1.5rem;text-align:left;min-height:44px}.step{padding:.8rem 1rem;border-radius:30px;background:#c8fa4e10;color:var(--accent);font-size:12px}.steps{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.5rem 0}#toast{position:absolute;right:2rem;bottom:4rem;max-width:44rem;padding:1.4rem 1.8rem;background:var(--accent);color:#1d260d;border-radius:1.5rem;z-index:90;font-size:13px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translateY(0)}#mobile-nav{display:none}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@container main (max-width:1000px){.overview-top{grid-template-columns:1fr}.urgent-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.urgent-card .card-head,.urgent-card .urgent-footer{grid-column:1/-1}.urgent-card h2{max-width:none}.urgent-card .btn{margin-top:0}.overview-bottom{grid-template-columns:1fr 1fr}.overview-bottom .card:last-child{grid-column:1/-1}.stock-grid{grid-template-columns:1fr 1fr}.workspace.two{grid-template-columns:1fr}.top-actions .search-btn span,.top-actions .search-btn kbd{display:none}.search-btn{padding:0;width:44px;justify-content:center}}
@container main (max-width:660px){.overview-bottom,.tech-grid,.stock-grid{grid-template-columns:1fr}.urgent-card{display:flex}.contract,.order-row{grid-template-columns:1fr}.order-row .btn,.contract .btn{justify-self:start}.top-actions .demo-label{display:none}.schedule-row,.schedule-head{grid-template-columns:1fr;gap:.7rem}.schedule-head>span{display:none}.person{min-height:36px}.person small{display:inline;margin-left:.8rem}.person .avatar{width:3rem;height:3rem}.schedule{gap:1.8rem}.overview-bottom .card:last-child{grid-column:auto}.report-tile{flex-wrap:wrap}.report-tile .btn{width:100%}.live-strip{flex-wrap:wrap}}
@media(max-width:820px){:where(html:not(.ph-frame):not(.ph-demo)) #sidebar{display:none}:where(html:not(.ph-frame):not(.ph-demo)) #main{padding:0 1.6rem 7.8rem}:where(html:not(.ph-frame):not(.ph-demo)) .topbar{min-height:95px;height:auto;padding:1.6rem 0;align-items:center}:where(html:not(.ph-frame):not(.ph-demo)) .topbar h1{font-size:24px}:where(html:not(.ph-frame):not(.ph-demo)) .topbar p{max-width:240px;line-height:1.6}:where(html:not(.ph-frame):not(.ph-demo)) #mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);height:74px;padding:5px 8px;position:absolute;bottom:0;left:0;right:0;z-index:20;background:#151b1bf8;border-top:1px solid #ffffff0b}:where(html:not(.ph-frame):not(.ph-demo)) #mobile-nav button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;border-radius:14px;color:var(--ink-3);font-size:11px;min-height:44px}:where(html:not(.ph-frame):not(.ph-demo)) #mobile-nav button.active{color:var(--accent);background:#c8fa4e12}:where(html:not(.ph-frame):not(.ph-demo)) .card{padding:2.2rem;border-radius:24px}:where(html:not(.ph-frame):not(.ph-demo)) .big{font-size:5.4rem}:where(html:not(.ph-frame):not(.ph-demo)) h2{font-size:18px}:where(html:not(.ph-frame):not(.ph-demo)) .urgent-card h2{font-size:23px}:where(html:not(.ph-frame):not(.ph-demo)) .pd-drawer{width:100%;border-radius:24px 24px 0 0;top:1.6rem;bottom:0}:where(html:not(.ph-frame):not(.ph-demo)) .pd-drawer-h{padding:2.2rem}:where(html:not(.ph-frame):not(.ph-demo)) .pd-drawer-b{padding:0 2.2rem 3rem}:where(html:not(.ph-frame):not(.ph-demo)) #toast{bottom:85px;left:1.5rem;right:1.5rem;max-width:none}:where(html:not(.ph-frame):not(.ph-demo)) .btn{font-size:13px}:where(html:not(.ph-frame):not(.ph-demo)) footer{font-size:10px;flex-wrap:wrap;gap:.4rem;padding-top:.4rem}:where(html:not(.ph-frame):not(.ph-demo)) .fields{grid-template-columns:1fr}}
@media(max-width:820px),(hover:none){kbd{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html.ph-demo .card,html.ph-frame .card{backdrop-filter:none}#app.no-intro .card{animation:none}
.brand{font-size:2.6rem;gap:.8rem}.brand img{width:3.5rem;height:3.5rem}.big{display:flex;align-items:baseline;gap:1.2rem;font-size:5.8rem}.big small{display:inline!important;font-size:1.7rem}.schedule{gap:1rem;margin-top:1.6rem}.track{height:4.7rem;min-height:44px}.schedule-head{line-height:1.3}.planner-legend{margin-top:1.3rem}.route-note{margin-top:1.3rem}.kpi-row{margin-bottom:1rem}.overview-top .card{padding:2.3rem}.overview-top .card-head{margin-bottom:1.3rem}.urgent-card .card-head{margin-bottom:0}.overview-bottom .metrics{margin:1.1rem 0}.overview-bottom .metric strong{font-size:2.8rem}.metric strong small{display:inline!important;font-size:1.2rem;margin-left:.4rem}.stock-row .qty small{display:inline!important}.overview-bottom .card-head{margin-bottom:1.3rem}.overview-bottom .card{padding:2.3rem}.overview-top .lead{font-size:1.4rem}.urgent-card{justify-content:space-between}.urgent-card .btn{margin-top:1rem}.urgent-card .lead{margin-bottom:auto}
.match-proof{display:grid;gap:1rem;padding:1.5rem 0}.match-proof>div{display:flex;justify-content:space-between;gap:1rem;font-size:12px}.match-proof span{color:var(--ink-3)}.match-proof strong{font-weight:400;text-align:right}.urgent-card .lead{margin-bottom:0}.urgent-card .btn{margin-top:0}
.pd-drawer-b{display:block}.pd-drawer-b>.sublabel{margin:.5rem 0 1rem}.candidate{margin:.8rem 0;padding:1.25rem}.candidate small{margin:.25rem 0}.candidate .tag-list{margin-top:.4rem}.pd-drawer-b .detail-title{margin:1rem 0}.pd-drawer-b>.muted{margin:.8rem 0}.facts{margin:1.4rem 0}.pd-drawer-b>.callout{margin:1.4rem 0}
@container main (max-width:1000px){.urgent-card{order:-1}.match-proof{grid-column:1/-1}.urgent-card .btn{align-self:end}.urgent-card .lead{margin-bottom:0}}

/* November refinement: task context and a real candidate slot, never a fake booking. */
#plan-card{background:radial-gradient(ellipse at 95% 0,#c8fa4e08,transparent 55%),linear-gradient(155deg,#202727,#171d1e)}
#plan-card .kpi-row{display:flex;align-items:baseline}
#plan-card .big{letter-spacing:-.055em}
.schedule-row{padding:.1rem 0}
.track{height:5rem;background:repeating-linear-gradient(90deg,#ffffff03 0,#ffffff03 calc(25% - 1px),#ffffff09 calc(25% - 1px),#ffffff09 25%)}
.slot{flex-direction:column;gap:.25rem;overflow:hidden;padding:.3rem .6rem;line-height:1.3;box-shadow:inset 0 1px #ffffff06}
.slot strong{display:block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:max(10px,1.03rem);font-weight:500}
.slot small{font-size:10px;color:inherit;opacity:.72}
.slot.opportunity{border:1px dashed #c8fa4e80;background:#c8fa4e0a;color:#d9f7a1;box-shadow:none}
.slot.opportunity:hover,.slot.opportunity[data-ph-hover]{background:#c8fa4e18}
.planner-legend .lime b{background:transparent;border:1px dashed #c8fa4e}
.urgent-card{gap:1.1rem;background:linear-gradient(155deg,#2a2d26,#1b2320);border:1px solid #cedb9b14}
.urgent-card h2{font-size:2.2rem;max-width:none;line-height:1.25;letter-spacing:-.04em}
.equipment-image{position:relative;display:block;margin:0;overflow:hidden;border-radius:1.3rem;height:12rem;min-height:12rem;background:#1b2421}
.equipment-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 47%}
.equipment-image figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background:linear-gradient(transparent,#101c19e8);color:#e8f0e4;font-size:11px;line-height:1.5}
.equipment-image figcaption small{font-size:10px;color:#e0e6dc}
.urgent-detail{padding:0;background:none;gap:.45rem;border-radius:0}
.urgent-detail p{color:#b3c2b7}
.urgent-footer{margin-top:.25rem}
.urgent-card .lead{font-size:12px;line-height:1.6;color:#b8c5bd}
.match-proof{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.8rem 0}
.match-proof>div{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem;border-radius:1.1rem;background:#0c161455;font-size:11px}
.match-proof strong{text-align:left;font-weight:500;color:#e2ebda;line-height:1.4}
.urgent-card .btn{min-height:4.5rem;box-shadow:0 .6rem 2rem #a4ca3d12}
#detail .equipment-image{height:8rem;min-height:8rem;margin:1rem 0}
.overview-bottom .card{background:linear-gradient(155deg,#1c2324,#171d1e)}
.activity-item:before{box-shadow:0 0 0 .35rem #c8fa4e08}
@container main (max-width:1000px){.urgent-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.urgent-card .equipment-image{grid-column:2;grid-row:2/5;height:100%;min-height:14rem}.urgent-card h2,.urgent-card .urgent-detail,.urgent-card>.lead{grid-column:1}.urgent-card .match-proof,.urgent-card>.btn{grid-column:1/-1}.urgent-card .urgent-footer{grid-column:auto}.match-proof>div{flex-direction:row;align-items:center;justify-content:space-between}.match-proof strong{text-align:right}}
@container main (max-width:660px){.urgent-card{display:flex}.urgent-card .equipment-image{height:14rem;min-height:14rem;flex:none}.match-proof>div{flex-direction:column;align-items:flex-start}.match-proof strong{text-align:left}.track{height:5rem}.slot strong{font-size:10px}.equipment-image figcaption{padding:1rem}.urgent-card h2{font-size:23px}}

.slot .slot-short,.slot .slot-duration{display:none}
@container main (max-width:500px){.slot .slot-title,.slot .slot-time{display:none}.slot .slot-short,.slot .slot-duration{display:block}}

/* Normal touch layouts use equal insets instead of full width plus the kit offsets. */
@media(max-width:820px){
 :where(html:not(.ph-frame):not(.ph-demo)) #app .pd-drawer{left:12px;right:12px;top:12px;bottom:12px;width:auto;max-width:none;border-radius:24px}
}