/* PC product artwork based on draft's Pretendard / neutral shadcn UI. */
.product-visual.has-product-screen{display:block;background:#edf0f3;padding:0!important;border:0;isolation:isolate;overflow:hidden}
.preview-ui{position:absolute;left:28px;top:28px;width:calc(100% - 56px);min-width:700px;height:720px;overflow:hidden;border:1px solid #dedfe3;border-radius:12px;background:#fff;color:#18191b;box-shadow:0 12px 36px #17233110;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:450;line-height:1.5;letter-spacing:-.025em;text-align:left;pointer-events:none;user-select:none}
.preview-ui *{box-sizing:border-box;min-width:0}.preview-ui b,.preview-ui strong{font-weight:650}.preview-ui span,.preview-ui div,.preview-ui label{font-size:inherit;white-space:normal}.preview-ui em,.preview-ui i{font-style:normal}.preview-ui .ps-spacer{flex:1}.preview-ui .ps-muted{color:#85888e}.preview-ui .ps-topbar{height:58px;padding:0 24px;display:flex;gap:14px;align-items:center;border-bottom:1px solid #ededee;font-size:16px}.preview-ui .ps-window-icon{color:#888;font-size:19px}.preview-ui .ps-close{font-size:25px;color:#85888e}.preview-ui .ps-body{padding:28px 26px}.preview-ui .ps-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.preview-ui .ps-heading>strong{font-size:24px;letter-spacing:-.035em}.preview-ui .ps-control{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:7px 12px;min-height:34px;border:1px solid #e4e4e7;background:#fff;border-radius:7px;color:#404145;font-size:14px;white-space:nowrap;font-weight:500}.preview-ui .ps-primary{background:#191a1b;color:#fff;border-color:#191a1b}.preview-ui .ps-filters{display:flex;align-items:center;gap:8px;margin-bottom:24px}.preview-ui .ps-filters>.ps-control{border-color:#f4f4f5;background:#f5f5f6}.preview-ui .ps-period{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.preview-ui .ps-period>strong{font-size:23px}.preview-ui .ps-period>span{display:flex;gap:6px}.preview-ui .ps-metrics{display:flex;gap:0;padding:22px 0 26px;margin-bottom:22px;border-top:1px solid #ededee;border-bottom:1px solid #ededee}.preview-ui .ps-metrics>div{padding:0 24px;border-left:1px solid #ededee;flex:1}.preview-ui .ps-metrics>div:first-child{padding-left:0;border:0}.preview-ui .ps-metrics>div>span{display:block;color:#73777e;font-size:14px}.preview-ui .ps-metrics strong{display:block;font-size:32px;letter-spacing:-.045em;margin-top:6px;white-space:nowrap}.preview-ui .ps-metrics small{font-size:15px;color:#767a80;font-weight:450;margin-left:5px}.preview-ui .ps-table{border-top:1px solid #dedfe3}.preview-ui .ps-tr{display:grid;grid-template-columns:repeat(var(--cols),minmax(105px,1fr));min-height:57px;border-bottom:1px solid #ebebed;align-items:center}.preview-ui .ps-tr>span{padding:15px 12px;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:15px}.preview-ui .ps-th{background:#fafafa;color:#777b82;min-height:44px;font-weight:500}.preview-ui .ps-th>span{font-size:13px;padding-top:12px;padding-bottom:12px}.preview-ui .ps-th i{color:#b6b8bd;margin-left:9px}.preview-ui .ps-chip{display:inline-block;padding:4px 8px;border-radius:5px;background:#f1f2f4;color:#6c7078;font-size:12px;line-height:1.3;white-space:nowrap}.preview-ui .ps-chip.green{background:#edf6f0;color:#397c53}.preview-ui .ps-chip.amber{background:#fff5e5;color:#a47830}.preview-ui .ps-tabs{display:flex;gap:26px;margin-bottom:24px;border-bottom:1px solid #e7e7e9;color:#898c92}.preview-ui .ps-tabs>*{padding-bottom:12px}.preview-ui .ps-tabs>b{border-bottom:2px solid #222;color:#222}.preview-ui .ps-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;margin-bottom:24px}.preview-ui .ps-wide{grid-column:1/-1}.preview-ui .ps-field>label{display:block;margin-bottom:9px;color:#494c52;font-size:13px;font-weight:600}.preview-ui .ps-input{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dedfe3;min-height:42px;border-radius:7px;padding:9px 12px;background:#fff;font-size:15px}.preview-ui .ps-input>span{color:#a4a7ad;font-size:12px}.preview-ui .ps-note{background:#f5f5f6;border-radius:7px;padding:16px;color:#73777e;font-size:14px;margin-top:20px}.preview-ui.ps-modal{width:550px;min-width:550px;height:auto;min-height:500px;max-height:700px;left:32px;top:28px;box-shadow:0 14px 45px #17233116}.preview-ui.ps-modal .ps-topbar{height:70px;border-bottom:0;font-size:23px;padding:0 28px;gap:0}.preview-ui.ps-modal .ps-window-icon{display:none}.preview-ui.ps-modal .ps-body{padding:12px 28px 24px}.preview-ui .ps-footer{display:flex;gap:10px;padding:16px 28px;border-top:1px solid #ebebed;background:#fff}.preview-ui .ps-footer>*{flex:1}.preview-ui .ps-time-banner{display:flex;gap:14px;align-items:center;padding:20px 16px;background:#f5f5f6;border-radius:8px;margin:6px 0 22px}.preview-ui .ps-time-banner>span:first-child{font-size:24px}.preview-ui .ps-time-banner>strong{font-size:21px}.preview-ui .ps-time-banner .ps-chip{margin-left:auto}.preview-ui .ps-meta>div{display:grid;grid-template-columns:128px 1fr;align-items:center;min-height:42px;font-size:15px}.preview-ui .ps-meta>div>span{color:#7b7e85}.preview-ui .ps-meta b{font-weight:500}.preview-ui .ps-clock-panel{width:420px;border:1px solid #e1e2e5;border-radius:10px;padding:24px;margin-bottom:28px}.preview-ui .ps-time-big{font-size:50px;font-weight:650;letter-spacing:-.05em;margin-bottom:24px}.preview-ui .ps-time-big>span{display:block;font-size:14px;letter-spacing:0;color:#898d94;font-weight:450}.preview-ui .ps-clock-schedule{background:#edf5fc;border-left:3px solid #a5c8ec;padding:14px;margin-bottom:24px}.preview-ui .ps-clock-schedule>*{display:block}.preview-ui .ps-clock-schedule>span{font-size:13px;color:#818c97;margin-top:4px}.preview-ui .ps-full-button{background:#191a1b;color:white;text-align:center;border-radius:7px;padding:10px}.preview-ui .ps-week{border:1px solid #e5e5e7;border-radius:8px;overflow:hidden;min-width:900px}.preview-ui .ps-week-header,.preview-ui .ps-week-row{display:grid;grid-template-columns:150px repeat(5,minmax(145px,1fr))}.preview-ui .ps-week-header{background:#fafafa;color:#6e7278;font-size:13px}.preview-ui .ps-week-header>span{padding:13px;text-align:center;border-right:1px solid #eaeaec}.preview-ui .ps-week-header>span:first-child{text-align:left}.preview-ui .ps-week-header em{color:#a1a4aa}.preview-ui .ps-week-row{min-height:92px;border-top:1px solid #eaeaec}.preview-ui .ps-week-name{padding:20px 14px;display:flex;flex-direction:column;gap:6px}.preview-ui .ps-week-name>span{font-size:12px;color:#8c9097}.preview-ui .ps-week-cell{padding:14px 7px;border-left:1px solid #eaeaec}.preview-ui .ps-event{padding:8px 9px;background:#edf5fc;border-left:3px solid #9fc5ea;color:#47647f;font-size:13px;line-height:1.5}.preview-ui .ps-event>*{display:block;white-space:nowrap}.preview-ui .ps-event>b{font-weight:550}.preview-ui .ps-event>span{font-size:11px;opacity:.75}.preview-ui .ps-event.c1{background:#f1effb;border-color:#beb3e8;color:#776395}.preview-ui .ps-event.c2{background:#fff4e9;border-color:#e4c19d;color:#a07f5a}.preview-ui .ps-event.leave{background:#eff7f1;border-color:#a4c8b0;color:#62826d}.preview-ui .ps-pattern{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:24px}.preview-ui .ps-pattern>div{border:1px solid #e5e5e7;border-radius:6px;text-align:center;min-height:130px;padding:12px 3px}.preview-ui .ps-pattern b{display:block;margin-bottom:16px}.preview-ui .ps-pattern .ps-event{display:block;font-size:12px}.preview-ui .ps-month{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #e7e7e9;border-left:1px solid #e7e7e9;min-width:900px}.preview-ui .ps-day-label{text-align:center;padding:12px;background:#fafafa;color:#868990;border-right:1px solid #e7e7e9}.preview-ui .ps-month-day{height:130px;padding:10px 8px;border-right:1px solid #e7e7e9;border-bottom:1px solid #e7e7e9}.preview-ui .ps-month-day>.ps-event{margin-top:12px}.preview-ui .ps-request-person{display:flex;align-items:center;gap:12px;margin-bottom:24px}.preview-ui .ps-avatar{width:40px;height:40px;border-radius:50%;background:#eef0f3;display:grid;place-items:center;color:#868d99}.preview-ui .ps-request-person>div{display:flex;flex-direction:column;gap:3px}.preview-ui .ps-request-person>div>span{font-size:12px;color:#8e9299}.preview-ui .ps-request-person>.ps-chip{margin-left:auto}.preview-ui .ps-change{display:grid;grid-template-columns:90px 1fr;gap:8px 18px;background:#f7f7f8;padding:20px;border-radius:8px;margin-bottom:24px}.preview-ui .ps-change>span{font-size:13px;color:#8a8f96}.preview-ui .ps-change>del{color:#93979e}.preview-ui .ps-change>b{grid-column:2;color:#a1a6ae}.preview-ui .ps-change>strong{font-size:20px}.preview-ui .ps-approval-steps{display:grid;gap:16px}.preview-ui .ps-approval-steps>div{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e7e8ea;border-radius:8px}.preview-ui .ps-step{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2f3f5}.preview-ui .ps-approval-steps>div>div{display:grid;gap:3px;flex:1}.preview-ui .ps-approval-steps small,.preview-ui .ps-approval-steps>div>div>span{font-size:12px;color:#898e96}.preview-ui .ps-org-root{width:220px;margin:10px auto 50px;background:#f7f7f8;border:1px solid #dddfe3;border-radius:8px;padding:20px;text-align:center}.preview-ui .ps-org-root>*{display:block}.preview-ui .ps-org-root>span{color:#969ba2;margin-top:6px;font-size:13px}.preview-ui .ps-org-children{display:flex;gap:18px}.preview-ui .ps-org-children>div{flex:1;border:1px solid #e2e4e8;border-radius:8px;padding:20px}.preview-ui .ps-org-children>div>span{float:right;color:#92979e;font-size:13px}.preview-ui .ps-org-person{border-top:1px solid #ededee;padding-top:16px;margin-top:20px}.preview-ui .ps-org-person>small{display:block;color:#91969e;margin-top:4px}
/* Large containers reveal more columns; cards retain full PC type size and crop. */
.product-overview.has-product-screen .preview-ui,.detail-lead>.has-product-screen .preview-ui{left:40px;top:36px;width:calc(100% - 80px);min-width:1000px}
.product-overview.has-product-screen .preview-ui.ps-modal,.detail-lead>.has-product-screen .preview-ui.ps-modal{left:50%;width:610px;min-width:610px;transform:translateX(-50%)}
@media(max-width:600px){.has-product-screen .preview-ui{left:20px;top:22px}.product-overview.has-product-screen .preview-ui,.detail-lead>.has-product-screen .preview-ui{left:22px;top:24px;min-width:730px}.product-overview.has-product-screen .preview-ui.ps-modal,.detail-lead>.has-product-screen .preview-ui.ps-modal{left:22px;transform:none;width:500px;min-width:500px}.has-product-screen .preview-ui.ps-modal{left:22px;min-width:500px;width:500px}.preview-ui .ps-body{padding:22px}.preview-ui .ps-topbar{padding:0 22px}.preview-ui .ps-metrics strong{font-size:28px}}
.product-card.has-product-screen .ps-body{padding:22px 26px}.product-card.has-product-screen .ps-heading,.product-card.has-product-screen .ps-period{margin-bottom:16px}.product-card.has-product-screen .ps-filters{margin-bottom:18px}.product-card.has-product-screen .ps-metrics{padding:14px 0 18px;margin-bottom:16px}.product-card.has-product-screen .ps-tabs{margin-bottom:16px}.preview-ui .ps-export-file{display:flex;align-items:center;gap:18px;border:1px solid #e2e4e8;border-radius:8px;background:#fafafa;padding:22px}.preview-ui .ps-export-file>span{font-size:28px;color:#727983}.preview-ui .ps-export-file small{display:block;color:#9298a0;font-size:13px;margin-top:6px}
/* Task-specific service scenes: histories, comparisons, files and workflows. */
.preview-ui .ps-history{display:grid;gap:0;margin:18px 0}.preview-ui .ps-history>div{display:grid;grid-template-columns:126px 1fr;gap:20px;position:relative;padding:18px 0 20px;border-bottom:1px solid #ededf0}.preview-ui .ps-history>div>span{font-size:13px;color:#92969d;padding-top:2px}.preview-ui .ps-history p{font-size:14px;color:#858b94;font-weight:450;line-height:1.6;margin-top:8px}.preview-ui .ps-history b{font-size:17px}.preview-ui .ps-checklist{margin:20px 0;display:grid;gap:0}.preview-ui .ps-checklist>div{display:flex;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid #ededf0}.preview-ui .ps-checklist>div>b{font-size:14px;font-weight:550;flex:1}.preview-ui .ps-checklist>div>span:last-child{font-size:13px;color:#858b94}.preview-ui .ps-checkmark{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#edf6f0;color:#478260;font-size:13px;flex:none}.preview-ui .ps-checkmark.is-pending{background:#fff4df;color:#9e7c3d}.preview-ui .ps-workflow{display:grid;gap:12px;margin:20px 0}.preview-ui .ps-workflow>div{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #e7e8ec;border-radius:8px}.preview-ui .ps-workflow>div>div{flex:1}.preview-ui .ps-workflow small{display:block;color:#8b9199;font-size:13px;margin-top:4px}.preview-ui .ps-compare{display:flex;align-items:center;gap:18px;margin:18px 0 24px}.preview-ui .ps-compare>div{flex:1;padding:18px;background:#f7f7f9;border:1px solid #e8e9ed;border-radius:8px}.preview-ui .ps-compare>div:last-child{background:#f4f8f5;border-color:#dfe9e2}.preview-ui .ps-compare>div>span{display:block;color:#8a9099;font-size:13px;margin-bottom:12px}.preview-ui .ps-compare>.ps-spacer{flex:0}.preview-ui .ps-compare>.ps-meta{flex:1}.preview-ui .ps-compare .ps-meta>div{display:flex;align-items:flex-start;flex-direction:column;gap:5px;min-height:70px}.preview-ui .ps-compare>span{color:#acb1b9}.preview-ui .ps-choice-cards{display:flex;gap:16px;margin:20px 0 26px}.preview-ui .ps-choice-cards>div{position:relative;flex:1;border:1px solid #e4e6e9;border-radius:8px;padding:22px 18px;min-height:150px}.preview-ui .ps-choice-cards>.is-selected{border-color:#858d99;box-shadow:0 0 0 1px #858d9920}.preview-ui .ps-choice-cards .ps-radio{position:absolute;right:15px;top:16px;color:#666e7a;font-size:13px}.preview-ui .ps-choice-cards b{display:block;font-size:15px;color:#717884}.preview-ui .ps-choice-cards strong{display:block;font-size:23px;letter-spacing:-.03em;margin-top:14px}.preview-ui .ps-choice-cards small{display:block;color:#9298a1;font-size:13px;line-height:1.5;margin-top:8px}.preview-ui .ps-files{display:grid;gap:12px;margin:20px 0 24px}.preview-ui .ps-files>div{display:flex;align-items:center;gap:14px;padding:19px 17px;border:1px solid #e3e6ea;border-radius:8px;background:#fafbfc}.preview-ui .ps-files>div>div{flex:1}.preview-ui .ps-files b{font-size:15px}.preview-ui .ps-files small{display:block;font-size:13px;color:#959ba4;margin-top:4px}.preview-ui .ps-file-icon{display:grid;place-items:center;width:36px;height:43px;border:1px solid #dce0e7;border-radius:4px;background:#fff;color:#8a94a4;font-size:23px;flex:none}.preview-ui .ps-location-map{height:210px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,#f0f3f3 0,#f0f3f3 47px,#e4e9e8 48px,#e4e9e8 49px),repeating-linear-gradient(90deg,transparent 0,transparent 47px,#e4e9e8 48px,#e4e9e8 49px);border:1px solid #e2e7e5;border-radius:8px;margin-bottom:22px}.preview-ui .ps-map-road{position:absolute;left:-5%;top:40%;width:110%;height:22px;background:#fff;border:1px solid #dde2df;transform:rotate(-18deg)}.preview-ui .ps-map-road.r2{transform:rotate(68deg)}.preview-ui .ps-map-range{position:absolute;left:46%;top:50%;width:155px;height:155px;border:1px solid #a2bdce;border-radius:50%;background:#9fc7e32b;transform:translate(-50%,-50%);display:grid;place-items:center;color:#6489a5}.preview-ui .ps-map-range>span{font-size:28px;color:#5387b1}.preview-ui .ps-location-map>b{position:absolute;left:52%;top:57%;padding:8px 12px;background:white;border:1px solid #e1e5e9;border-radius:5px;font-size:13px;white-space:nowrap;box-shadow:0 3px 8px #1d30420a}
/* Wage history retains draft's employee tabs and neutral table layout. */
.preview-ui .ps-assignment-history .ps-tr>span{padding-top:12px;padding-bottom:12px}.preview-ui .ps-assignment-history .ps-tr>span>b{display:block;font-size:16px;font-weight:500}.preview-ui .ps-assignment-history small{display:block;color:#8b9098;font-size:13px;margin-top:5px}

/* Two work-type forms share the same static scene, with the active form in front. */
.ps-work-type-stack{position:absolute;inset:0}
.has-product-screen .ps-work-type-stack>.preview-ui.ps-modal{width:610px;min-width:610px;transform:none}
.has-product-screen .ps-work-type-stack>.preview-ui.ps-work-type-back{left:calc(50% - 410px);top:32px;z-index:0;opacity:.65;background:#fafbfc;box-shadow:0 10px 28px #1723310d}
.has-product-screen .ps-work-type-stack>.preview-ui.ps-work-type-front{left:calc(50% - 200px);top:122px;z-index:1;box-shadow:0 18px 48px #17233122}
@media(max-width:1000px) and (min-width:801px){.has-product-screen .ps-work-type-stack>.preview-ui.ps-modal{width:560px;min-width:560px}.has-product-screen .ps-work-type-stack>.preview-ui.ps-work-type-back{left:40px}.has-product-screen .ps-work-type-stack>.preview-ui.ps-work-type-front{left:200px}}
@media(max-width:800px){.has-product-screen .ps-work-type-stack>.preview-ui.ps-modal{width:500px;min-width:500px}.has-product-screen .ps-work-type-stack>.preview-ui.ps-work-type-back{left:24px;top:28px}.has-product-screen .ps-work-type-stack>.preview-ui.ps-work-type-front{left:128px;top:112px}}
@media(max-width:600px){.has-product-screen .ps-work-type-stack>.preview-ui.ps-modal{width:min(310px,calc(100% - 40px));min-width:0}.has-product-screen .ps-work-type-stack>.preview-ui.ps-work-type-back{left:18px;top:24px}.has-product-screen .ps-work-type-stack>.preview-ui.ps-work-type-front{left:54px;top:108px}.ps-work-type-stack>.preview-ui.ps-modal .ps-topbar{padding-inline:22px;font-size:20px}.ps-work-type-stack>.preview-ui.ps-modal .ps-body{padding-inline:22px}.ps-work-type-stack .ps-form{gap:16px 12px}}