.epi7-page{--e7-bg:var(--ds-bg,#f5f7f8);--e7-card:var(--ds-surface,#fff);--e7-line:var(--ds-border,#dce3e6);--e7-text:var(--ds-text,#111827);--e7-muted:var(--ds-muted,#64748b);--e7-green:var(--ds-primary,#087a68);--e7-green-dark:#075e52;--e7-soft:#e9f6f2;--e7-amber:#a25d05;--e7-amber-soft:#fff4d8;--e7-red:#b42318;--e7-red-soft:#fff0ee;color:var(--e7-text);font-family:var(--font-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);padding:0 0 48px}
.epi7-page *{box-sizing:border-box}.epi7-page button,.epi7-page input,.epi7-page select,.epi7-page textarea{font:inherit}.epi7-titlebar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:4px 0 22px}.epi7-titlebar h2{font-size:clamp(24px,2.2vw,34px);line-height:1.08;letter-spacing:-.035em;margin:4px 0 7px}.epi7-titlebar p{color:var(--e7-muted);margin:0;max-width:720px}.epi7-kicker{color:var(--e7-green);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.epi7-title-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.epi7-btn{min-height:44px;border:1px solid var(--e7-line);border-radius:12px;background:var(--e7-card);color:var(--e7-text);padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.epi7-btn:hover:not(:disabled){border-color:#9db0b6;background:#f9fbfb}.epi7-btn:active:not(:disabled){transform:translateY(1px)}.epi7-btn:focus-visible,.epi7-page input:focus-visible,.epi7-page select:focus-visible,.epi7-page textarea:focus-visible,.epi7-page button:focus-visible{outline:3px solid color-mix(in srgb,var(--e7-green) 30%,transparent);outline-offset:2px}.epi7-btn:disabled{cursor:not-allowed;opacity:.52}.epi7-btn--primary{background:var(--e7-green);border-color:var(--e7-green);color:#fff}.epi7-btn--primary:hover:not(:disabled){background:var(--e7-green-dark);border-color:var(--e7-green-dark)}.epi7-btn--danger{background:var(--e7-red);border-color:var(--e7-red);color:#fff}.epi7-btn--danger-ghost{border-color:#efb4ad;color:var(--e7-red);background:#fff}.epi7-icon{width:20px;height:20px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;line-height:1}
.epi7-companybar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:15px 17px;background:var(--e7-card);border:1px solid var(--e7-line);border-radius:16px;margin-bottom:14px}.epi7-companybar label{display:grid;gap:6px;min-width:min(460px,55%)}.epi7-companybar label>span{font-size:12px;font-weight:800;color:var(--e7-muted);text-transform:uppercase;letter-spacing:.06em}.epi7-companybar select{height:44px;border:1px solid var(--e7-line);border-radius:11px;background:var(--e7-card);color:var(--e7-text);padding:0 38px 0 12px}.epi7-companybar>span{color:var(--e7-muted);font-size:13px;text-align:right}
.epi7-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.epi7-metric{position:relative;min-height:124px;padding:18px;background:var(--e7-card);border:1px solid var(--e7-line);border-radius:17px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}.epi7-metric__icon{grid-row:1/4;width:38px;height:38px;border-radius:12px;background:var(--e7-soft);color:var(--e7-green);display:flex;align-items:center;justify-content:center}.epi7-metric strong{font-size:29px;letter-spacing:-.04em;line-height:1}.epi7-metric>span:not(.epi7-metric__icon){font-size:12px;font-weight:800;color:var(--e7-muted);text-transform:uppercase;margin-top:7px}.epi7-metric small{color:var(--e7-muted);margin-top:5px}
.epi7-notice,.epi7-feedback{min-height:46px;border-radius:13px;padding:11px 14px;display:flex;align-items:center;gap:10px;margin:12px 0;background:#eff6ff;border:1px solid #cfe0f7;color:#24527a}.epi7-notice--error{background:var(--e7-red-soft);border-color:#f4c3bd;color:var(--e7-red)}.epi7-feedback{background:var(--e7-soft);border-color:#bfe2d9;color:var(--e7-green-dark)}.epi7-feedback span:nth-child(2){flex:1}.epi7-feedback button{border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.epi7-filters{display:grid;grid-template-columns:minmax(280px,1fr) 210px auto 250px;gap:10px;padding:12px;background:var(--e7-card);border:1px solid var(--e7-line);border-radius:16px;margin-bottom:18px}.epi7-filters>select,.epi7-search{height:44px;border:1px solid var(--e7-line);border-radius:11px;background:var(--e7-card);color:var(--e7-text)}.epi7-filters>select{padding:0 36px 0 12px}.epi7-search{display:flex;align-items:center;gap:8px;padding:0 12px}.epi7-search input{border:0;outline:0;background:transparent;color:inherit;width:100%;min-width:0}.epi7-result-line{display:flex;justify-content:space-between;gap:14px;color:var(--e7-muted);font-size:13px;margin:0 2px 12px}.epi7-result-line strong{color:var(--e7-text)}
.epi7-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.epi7-card{text-align:left;color:var(--e7-text);background:var(--e7-card);border:1px solid var(--e7-line);border-radius:18px;padding:18px;cursor:pointer;min-height:190px;display:flex;flex-direction:column;transition:transform .16s,border-color .16s,box-shadow .16s}.epi7-card:hover{transform:translateY(-2px);border-color:#a7babf;box-shadow:0 10px 25px rgba(15,23,42,.07)}.epi7-card__top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.epi7-card__top>div>span{color:var(--e7-green);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:800}.epi7-card h3{font-size:18px;line-height:1.2;margin:5px 0 0}.epi7-status{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap}.epi7-status--completed{background:var(--e7-soft);color:var(--e7-green-dark)}.epi7-status--pending_signature{background:var(--e7-amber-soft);color:var(--e7-amber)}.epi7-status--cancelled{background:var(--e7-red-soft);color:var(--e7-red)}.epi7-card__meta{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0;color:var(--e7-muted);font-size:12px}.epi7-card__meta span{padding-right:8px;border-right:1px solid var(--e7-line)}.epi7-card__meta span:last-child{border:0}.epi7-card footer{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--e7-line);font-size:12px}.epi7-card footer>span:first-child{color:var(--e7-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epi7-card footer strong{color:var(--e7-green)}.epi7-card footer>span:last-child{grid-column:2;color:var(--e7-muted)}
.epi7-loading,.epi7-empty{min-height:260px;border:1px dashed var(--e7-line);border-radius:18px;background:var(--e7-card);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--e7-muted)}.epi7-loading>span{width:28px;height:28px;border:3px solid #d7e4e1;border-top-color:var(--e7-green);border-radius:50%;animation:epi7-spin .8s linear infinite}.epi7-empty .epi7-icon{width:44px;height:44px;background:var(--e7-soft);color:var(--e7-green);font-size:24px}.epi7-empty strong{color:var(--e7-text);font-size:17px}@keyframes epi7-spin{to{transform:rotate(360deg)}}.epi7-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.epi7-pagination span{font-weight:700;color:var(--e7-muted)}
.epi7-overlay{position:fixed;inset:0;z-index:10050;background:rgba(8,15,24,.58);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;align-items:stretch}.epi7-editor,.epi7-detail,.epi7-sheet,.epi7-term-dialog{width:min(920px,94vw);height:100%;overflow:auto;background:var(--e7-card);color:var(--e7-text);box-shadow:-20px 0 60px rgba(0,0,0,.18)}.epi7-detail,.epi7-sheet{width:min(1040px,96vw)}.epi7-term-dialog{width:min(720px,94vw)}.epi7-drawer-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;background:color-mix(in srgb,var(--e7-card) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--e7-line)}.epi7-drawer-head span{display:block;color:var(--e7-green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.epi7-drawer-head h2{font-size:21px;margin:3px 0 0}.epi7-drawer-head>button{width:44px;height:44px;border:1px solid var(--e7-line);border-radius:12px;background:var(--e7-card);color:var(--e7-text);font-size:27px;cursor:pointer}.epi7-editor>form,.epi7-term-dialog>form{padding:20px 22px 100px}.epi7-editor-section{border:1px solid var(--e7-line);border-radius:17px;padding:18px;margin-bottom:14px}.epi7-editor-section>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.epi7-editor-section h3{margin:0;font-size:17px}.epi7-editor-section p{margin:4px 0 0;color:var(--e7-muted);font-size:13px}.epi7-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.epi7-field{display:grid;gap:6px;align-content:start}.epi7-field>span{font-size:12px;font-weight:800;color:#475569}.epi7-field b{color:var(--e7-red)}.epi7-field input,.epi7-field select,.epi7-field textarea{width:100%;min-height:44px;border:1px solid var(--e7-line);border-radius:11px;background:var(--e7-card);color:var(--e7-text);padding:10px 12px}.epi7-field textarea{resize:vertical;line-height:1.45}.epi7-field small{color:var(--e7-muted);line-height:1.35}.epi7-field--wide{grid-column:1/-1}.epi7-worker-context{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--e7-soft);border-radius:12px;padding:11px 13px;margin-top:14px}.epi7-worker-context span{color:var(--e7-muted);font-size:12px;text-align:right}
.epi7-item-rows{display:grid;gap:10px}.epi7-item-row{display:grid;grid-template-columns:minmax(280px,1fr) 115px 140px 44px;gap:10px;align-items:end;padding:12px;border:1px solid var(--e7-line);border-radius:14px;background:color-mix(in srgb,var(--e7-bg) 55%,var(--e7-card))}.epi7-remove{width:44px;height:44px;border:1px solid #f1c3be;border-radius:11px;background:var(--e7-red-soft);color:var(--e7-red);font-size:21px;cursor:pointer}.epi7-remove:disabled{opacity:.35;cursor:not-allowed}.epi7-term{border:1px solid var(--e7-line);border-radius:13px;margin-bottom:14px;overflow:hidden}.epi7-term summary{padding:13px 15px;font-weight:800;cursor:pointer}.epi7-term p{padding:0 15px 15px;margin:0;color:var(--e7-muted);line-height:1.55}.epi7-signature{border:1px solid var(--e7-line);border-radius:14px;overflow:hidden;margin-top:14px}.epi7-signature__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;background:var(--e7-bg)}.epi7-signature__head strong,.epi7-signature__head span{display:block}.epi7-signature__head span{font-size:12px;color:var(--e7-muted);margin-top:2px}.epi7-signature__head button{border:0;background:transparent;color:var(--e7-green);font-weight:800;cursor:pointer;min-height:36px}.epi7-signature canvas{display:block;width:100%;height:180px;background:#fff;touch-action:none;cursor:crosshair}.epi7-editor-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:15px 0 0;background:linear-gradient(transparent,var(--e7-card) 20%)}.epi7-term-dialog .epi7-field{margin-bottom:14px}.epi7-sign-panel{padding:22px}.epi7-inline-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}
.epi7-document-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px;border-bottom:2px solid var(--e7-green);padding-bottom:14px}.epi7-document-head>div>span{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--e7-green)}.epi7-document-head h3{font-size:22px;margin:4px 0 0}.epi7-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--e7-line);border:1px solid var(--e7-line);border-radius:14px;overflow:hidden;margin:0 22px 14px}.epi7-detail-grid>div{background:var(--e7-card);padding:12px}.epi7-detail-grid dt{font-size:10px;font-weight:800;color:var(--e7-muted);text-transform:uppercase;letter-spacing:.06em}.epi7-detail-grid dd{margin:5px 0 0;font-weight:700}.epi7-detail-notes{margin:0 22px 14px;padding:13px;border-radius:12px;background:var(--e7-bg);color:var(--e7-muted)}.epi7-detail-section{margin:0 22px 17px}.epi7-detail-section h3{font-size:16px;margin:0 0 10px}.epi7-table-wrap{overflow:auto;border:1px solid var(--e7-line);border-radius:14px}.epi7-detail table,.epi7-sheet table{width:100%;border-collapse:collapse;font-size:12px}.epi7-detail th,.epi7-detail td,.epi7-sheet th,.epi7-sheet td{padding:10px;text-align:left;border-bottom:1px solid var(--e7-line);vertical-align:top}.epi7-detail th,.epi7-sheet th{font-size:10px;text-transform:uppercase;color:var(--e7-muted);background:var(--e7-bg);letter-spacing:.05em}.epi7-matrix{display:inline-block;padding:4px 7px;border-radius:999px;font-weight:800;white-space:nowrap}.epi7-matrix--mandatory{background:var(--e7-soft);color:var(--e7-green-dark)}.epi7-matrix--recommended{background:#edf3ff;color:#315d9b}.epi7-matrix--unmapped{background:var(--e7-amber-soft);color:var(--e7-amber)}.epi7-term-copy{border:1px solid var(--e7-line);border-radius:14px;padding:14px}.epi7-term-copy small{color:var(--e7-muted)}.epi7-term-copy p{line-height:1.55;color:#475569}.epi7-signed{display:flex;align-items:center;gap:18px;margin:0 22px 17px;padding:14px;border:1px solid #b9ded4;border-radius:14px;background:var(--e7-soft)}.epi7-signed img{width:190px;height:78px;object-fit:contain;background:#fff;border:1px solid #d5e5e1;border-radius:8px}.epi7-signed strong,.epi7-signed span,.epi7-signed small{display:block}.epi7-signed span,.epi7-signed small{margin-top:4px;color:var(--e7-muted)}.epi7-cancel-box{margin:0 22px 17px;border:1px solid #f1c3be;border-radius:14px;padding:14px;background:var(--e7-red-soft)}.epi7-detail-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:15px 22px;background:color-mix(in srgb,var(--e7-card) 95%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--e7-line)}
.epi7-sheet-worker{margin:22px;padding:16px;border:1px solid var(--e7-line);border-radius:14px}.epi7-sheet-worker strong,.epi7-sheet-worker span{display:block}.epi7-sheet-worker strong{font-size:18px}.epi7-sheet-worker span{margin-top:5px;color:var(--e7-muted)}.epi7-sheet-list{display:grid;gap:16px;margin:0 22px 22px}.epi7-sheet-list>section{border:1px solid var(--e7-line);border-radius:14px;overflow:hidden}.epi7-sheet-list>section>header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--e7-bg)}
@media(max-width:1120px){.epi7-metrics{grid-template-columns:repeat(3,1fr)}.epi7-grid{grid-template-columns:repeat(2,1fr)}.epi7-filters{grid-template-columns:minmax(220px,1fr) 190px auto}.epi7-worker-sheet-select{grid-column:1/-1}}
@media(max-width:720px){.epi7-page{padding-bottom:28px}.epi7-titlebar{display:grid}.epi7-title-actions{justify-content:stretch}.epi7-title-actions .epi7-btn{flex:1}.epi7-companybar{align-items:stretch;display:grid}.epi7-companybar label{min-width:0}.epi7-companybar>span{text-align:left}.epi7-metrics{grid-template-columns:repeat(2,1fr)}.epi7-metric{min-height:110px;padding:14px}.epi7-metric:last-child{grid-column:1/-1}.epi7-filters{grid-template-columns:1fr}.epi7-worker-sheet-select{grid-column:auto}.epi7-grid{grid-template-columns:1fr}.epi7-overlay{align-items:stretch}.epi7-editor,.epi7-detail,.epi7-sheet,.epi7-term-dialog{width:100vw;max-width:none}.epi7-editor>form,.epi7-term-dialog>form{padding:14px 14px 90px}.epi7-drawer-head{padding:12px 14px}.epi7-editor-section{padding:14px}.epi7-form-grid{grid-template-columns:1fr}.epi7-item-row{grid-template-columns:1fr 1fr 44px}.epi7-field--lot{grid-column:1/-1}.epi7-item-row>.epi7-field:nth-of-type(3){grid-column:1/3}.epi7-item-row>.epi7-remove{grid-column:3;grid-row:2}.epi7-document-head,.epi7-detail-section,.epi7-signed,.epi7-cancel-box,.epi7-sheet-worker,.epi7-sheet-list{margin-left:14px;margin-right:14px}.epi7-detail-grid{grid-template-columns:1fr 1fr;margin-left:14px;margin-right:14px}.epi7-signed{align-items:stretch;display:grid}.epi7-signed img{width:100%}.epi7-detail-actions{padding:12px 14px}.epi7-detail-actions .epi7-btn{flex:1}.epi7-worker-context{align-items:flex-start;display:grid}.epi7-worker-context span{text-align:left}}
@media(max-width:420px){.epi7-metrics{grid-template-columns:1fr}.epi7-metric:last-child{grid-column:auto}.epi7-detail-grid{grid-template-columns:1fr}.epi7-item-row{grid-template-columns:1fr 44px}.epi7-item-row>.epi7-field{grid-column:1/-1}.epi7-item-row>.epi7-remove{grid-column:2;grid-row:3}.epi7-title-actions{display:grid}.epi7-editor-section>header{display:grid}.epi7-editor-section>header .epi7-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.epi7-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(prefers-color-scheme:dark){body:not(.light-mode) .epi7-page{--e7-bg:#0d1217;--e7-card:#141a20;--e7-line:#2a333c;--e7-text:#f3f5f7;--e7-muted:#a2acb7;--e7-soft:#12352f}.epi7-page .epi7-field>span{color:var(--e7-muted)}.epi7-page .epi7-term-copy p{color:#c4cbd2}.epi7-page .epi7-btn--danger-ghost{background:#241614}}
@media print{body *{visibility:hidden!important}.epi7-printable,.epi7-printable *{visibility:visible!important}.epi7-printable{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:auto!important;overflow:visible!important;box-shadow:none!important;background:#fff!important;color:#111!important}.epi7-printable .epi7-drawer-head>button,.epi7-printable .epi7-detail-actions,.epi7-printable .epi7-notice{display:none!important}.epi7-printable .epi7-drawer-head{position:static!important;background:#fff!important}.epi7-printable .epi7-table-wrap{overflow:visible!important}.epi7-printable table{font-size:10px!important}.epi7-printable .epi7-status,.epi7-printable .epi7-matrix{-webkit-print-color-adjust:exact;print-color-adjust:exact}.epi7-printable .epi7-signed{break-inside:avoid}.epi7-printable .epi7-sheet-list>section{break-inside:avoid;margin-bottom:12px}@page{size:A4;margin:12mm}}