/* AX Enterprise: Company Documents (js/ent-docs.js), the approved pictures of set 6. Every class starts with dc-.
   The My company classes (dc-mh, dc-list, dc-ft, dc-ot, dc-axid, dc-ri, dc-fine, dc-co, dc-todo, dc-go, dc-reqb) are the core's. */
.dc-top{display:flex;align-items:center;gap:12px;margin-top:6px}
.dc-top .h1{flex:1;min-width:0;margin-top:0;overflow-wrap:anywhere}
.dc-top .dc-bd{margin-inline-end:2px}
.dc-search{display:flex;align-items:center;gap:10px;width:100%;height:48px;padding:0 16px;margin-top:16px;border-radius:24px;background:var(--row);font-size:16px;color:var(--ph);text-align:start}
.dc-search > span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-search.act{background:#fff;box-shadow:inset 0 0 0 1.5px var(--green);color:var(--ink);padding-inline-end:10px}
.dc-search input{flex:1;min-width:0;height:100%;border:0;background:none;padding:0;font:inherit;font-size:16px;font-weight:600;color:var(--ink);outline:none;text-align:start}
.dc-search input::placeholder{color:var(--ph);font-weight:500}
.dc-search input::-webkit-search-cancel-button{display:none}
.dc-search .dc-x{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#E2E4E2}
.dc-search .dc-x[hidden]{display:none}
.dc-search > svg{flex:none}
/* the four tiles */
.dc-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.dc-tile{display:grid;grid-template-columns:1fr auto;grid-template-areas:'n i' 'l l' 's s';align-items:center;align-content:start;min-width:0;padding:13px 14px 13px 16px;border-radius:22px;background:var(--row);text-align:start}
.dc-ti{grid-area:i;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#fff}
.dc-tile b{grid-area:n;font-size:28px;line-height:34px;font-weight:800;color:var(--ink)}
.dc-tile .dc-tl{grid-area:l;margin-top:6px;font-size:15px;line-height:20px;font-weight:700;color:var(--ink)}
.dc-tile .dc-ts{grid-area:s;margin-top:1px;font-size:13px;line-height:18px;color:var(--sub);overflow-wrap:anywhere}
.dc-tile.red{background:var(--red-soft)}
.dc-tile.red b{color:var(--red)}
.dc-tile.gold b{color:var(--gold-ink)}
/* folders, two to a row, or a list */
.dc-mh .dc-mlink{display:inline-flex;align-items:center;gap:4px;min-height:32px;flex:none;white-space:nowrap}
.dc-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dc-fo{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:100px;padding:13px 14px 12px;border-radius:20px;background:var(--row);text-align:start}
.dc-fo .dc-fn{font-size:15.5px;line-height:20px;font-weight:600;color:var(--ink);margin-top:auto;overflow-wrap:anywhere}
.dc-who{display:flex;align-items:flex-start;gap:5px;min-width:0;max-width:100%;font-size:12.5px;line-height:16px;font-weight:600;color:var(--sub)}
.dc-who svg{flex:none;margin-top:1.5px}
.dc-who span{min-width:0;overflow-wrap:anywhere}
.dc-who.lock{color:var(--gold-ink)}
.dc-frow{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:12px 14px;border-radius:4px;background:var(--row);text-align:start}
.dc-frow > svg{flex:none}
.dc-frow .dc-ft{gap:3px}
.dc-fc{flex:none;min-width:22px;font-size:14px;line-height:20px;font-weight:700;color:var(--sub);text-align:end}
.dc-wide{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:14px 16px;border-radius:22px;background:var(--green-soft);text-align:start}
.dc-wide .dc-wi{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff}
.dc-wide .dc-wt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dc-wide .dc-wt b{font-size:16px;line-height:21px;font-weight:700;color:var(--ink)}
.dc-wide .dc-wt span{font-size:13.5px;line-height:19px;color:var(--sub)}
.dc-wide.grey{background:var(--row)}
/* file rows */
.dc-fr{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 14px;border-radius:4px;background:var(--row);text-align:start;cursor:pointer}
.dc-fm{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;line-height:18px;color:var(--sub)}
.dc-fm .chip{height:22px;padding:0 8px;border-radius:11px;font-size:12px;font-weight:700}
.dc-fm b{font-weight:700}
.dc-fr .dc-more{flex:none;display:grid;place-items:center;width:32px;height:40px;margin-inline-end:-6px}
.dc-in45{color:var(--red);font-weight:700}
.dc-ft .dc-fm b.dc-in45{font-size:13px;line-height:18px;color:var(--red);font-weight:700;white-space:nowrap}
.dc-prow{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:11px 14px;border-radius:4px;background:var(--row);text-align:start}
.dc-prow .dc-ft{gap:3px}
.dc-prow .chip{flex:none;height:24px;padding:0 9px;border-radius:12px;font-size:12px;font-weight:700}
/* the document type badge */
.dc-bd{flex:none;position:relative;display:grid;place-items:center;width:44px;height:52px;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(12,12,12,.07),inset 0 0 0 1px #ECEEEC;overflow:hidden}
.dc-bd::before{content:"";position:absolute;top:0;inset-inline-end:0;width:13px;height:13px;background:linear-gradient(225deg,var(--row) 50%,#E4E7E4 50%);border-end-start-radius:4px}
.dc-bd i{position:absolute;left:9px;right:9px;height:3px;border-radius:2px;background:#E6E9E7}
.dc-bd i:nth-child(1){top:12px;right:17px}
.dc-bd i:nth-child(2){top:19px}
.dc-bd i:nth-child(3){top:26px;right:13px}
.dc-bd em{position:absolute;bottom:5px;left:4px;right:4px;height:15px;border-radius:5px;font-style:normal;font-size:9.5px;line-height:15px;font-weight:800;letter-spacing:.03em;text-align:center;color:#fff}
.dc-bd.pdf em{background:#C2362B}
.dc-bd.word em{background:#3A6EA5}
.dc-bd.xls em{background:#1D6F42}
.dc-bd.ppt em{background:#C8553D}
.dc-bd.img em{background:#5F6361}
.dc-bd.zip em,.dc-bd.file em{background:#5C6B73}
.dc-bd.sm{width:38px;height:46px}
.dc-bd.sm i:nth-child(1){top:10px}
.dc-bd.sm i:nth-child(2){top:16px}
.dc-bd.sm i:nth-child(3){top:22px}
.dc-bd.sm em{font-size:8.5px;letter-spacing:.02em}
.dc-v{height:22px;padding:0 8px;border-radius:11px;background:#fff;color:var(--ink);font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px #DDE1DD}
/* the folder page */
.dc-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:2px 0 2px;font-size:14.5px;line-height:20px;font-weight:600;color:var(--green)}
.dc-crumb button{color:var(--green);font-weight:600;font-size:14.5px;line-height:20px;text-align:start}
.dc-crumb span{color:var(--ink);min-width:0;overflow-wrap:anywhere}
.dc-crumb svg{flex:none}
html[dir=rtl] .dc-crumb svg{transform:none}
.dc-access{display:flex;align-items:center;gap:12px;width:100%;margin-top:16px;padding:12px 14px 12px 16px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1.5px #E6E9E6;text-align:start}
.dc-access .dc-ai{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green-soft)}
.dc-access .dc-at{flex:1;min-width:0;font-size:14px;line-height:19px;color:var(--sub)}
.dc-access .dc-at b{display:block;font-size:15px;line-height:20px;color:var(--ink);font-weight:700;margin-bottom:1px}
.dc-ach{flex:none;font-size:14.5px;font-weight:700;color:var(--green)}
.dc-flt{display:flex;gap:8px;overflow-x:auto;margin:14px -17.333px 0;padding:0 17.333px 2px;scrollbar-width:none}
.dc-flt::-webkit-scrollbar{display:none}
.dc-flt button{flex:none;height:36px;padding:0 15px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px #E1E5E1;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}
.dc-flt button.on{background:var(--green);color:#fff;box-shadow:none}
.dc-flt button small{font-size:12.5px;font-weight:700;opacity:.75;margin-inline-start:3px}
.dc-sort{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:14.5px;font-weight:600;color:var(--ink)}
.dc-flt + .dc-mh{margin-top:18px}
.dc-dock{position:absolute;left:12px;right:12px;bottom:calc(var(--sab) + 14px);z-index:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px;border-radius:28px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.04)}
.dc-dock::before{content:"";position:absolute;left:-12px;right:-12px;top:-28px;bottom:calc(-14px - var(--sab));background:linear-gradient(rgba(255,255,255,0),#fff 45%);z-index:-1;pointer-events:none}
.dc-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;height:62px;border-radius:22px;font-size:13.5px;line-height:17px;font-weight:600;color:var(--ink);text-align:center}
.dc-dock button.pri{background:var(--green);color:#fff}
.dc.has-dc-dock{padding-bottom:calc(var(--sab) + 120px)}
/* sheets */
.sheet.dc-tall{max-height:94%}
.dc-sh h3{text-align:start}
.dc-sh .sh-sub{text-align:start}
.dc-sh .bp{margin-top:18px}
.dc-lb{display:block;margin:20px 4px 8px;font-size:14px;line-height:19px;font-weight:700;color:var(--sub);text-align:start}
.dc-lb:first-of-type{margin-top:6px}
.dc-tall .dc-lb{margin:16px 4px 8px}
.dc-opts{display:flex;flex-direction:column;gap:2.333px}
.dc-opt{display:block;width:100%;padding:14px 16px;border-radius:4px;background:var(--row);text-align:start}
.dc-opts > .dc-opt:first-child{border-top-left-radius:20px;border-top-right-radius:20px}
.dc-opts > .dc-opt:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.dc-opt.on{background:var(--green-soft)}
.dc-optb{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:start}
.dc-optb > svg{flex:none;margin-top:1px}
.dc-optin{padding-inline-start:34px}
.dc-tall .dc-opt{padding:12px 14px}
.dc-rad{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;box-shadow:inset 0 0 0 2px #B9BDB9;background:#fff}
.dc-opt.on .dc-rad{box-shadow:inset 0 0 0 6.5px var(--green)}
.dc-rad.sq{display:grid;place-items:center;border-radius:7px}
.dc-rad.sq svg{opacity:0}
.dc-opt.on .dc-rad.sq{background:var(--green);box-shadow:none}
.dc-opt.on .dc-rad.sq svg{opacity:1}
.dc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dc-chips.in{margin:6px 0 4px}
.dc-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:17px;background:#fff;box-shadow:inset 0 0 0 1.5px #D9DED9;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap}
.dc-chip.on{background:var(--green);color:#fff;box-shadow:none}
.dc-tall .dc-chip{height:32px;padding:0 12px;font-size:13px}
.dc-tall .dc-chips{gap:7px}
.dc-swg{display:flex;flex-direction:column;gap:2.333px;margin-top:2px}
.dc-swr{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:4px;background:var(--row);text-align:start}
.dc-swg > .dc-swr:first-child{border-top-left-radius:20px;border-top-right-radius:20px}
.dc-swg > .dc-swr:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.dc-swr .dc-ot b{font-size:15.5px}
.dc-swr > svg{flex:none}
.dc-swr .ent-sw{flex:none}
.dc-tall .dc-swr{padding:10px 16px}
.dc-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.dc-two .bp,.dc-two .bs{margin-top:0;min-width:0}
.dc-edit{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:20px;background:var(--row)}
.dc-edit .ent-av{width:36px;height:36px;font-size:13px}
.dc-edit .dc-ot{gap:0}
.dc-tall .dc-edit{padding:10px 16px}
.dc-shf{display:flex;align-items:center;gap:12px;margin:2px 0 6px}
.dc-shf > svg{flex:none}
.dc-shf .dc-ot b{font-size:17px;line-height:22px;font-weight:700;overflow-wrap:anywhere}
.dc-cols{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.dc-col{display:grid;place-items:center;width:100%;max-width:40px;aspect-ratio:1/1;border-radius:50%;justify-self:center}
.dc-col svg{opacity:0}
.dc-col.on{box-shadow:0 0 0 3px #fff,0 0 0 4.5px var(--ink)}
.dc-col.on svg{opacity:1}
/* an employee file */
.dc-person{display:flex;align-items:center;gap:14px;margin-top:8px}
.dc-person .ent-av{flex:none;width:64px;height:64px;font-size:22px}
.dc-person .dc-pt{flex:1;min-width:0}
.dc-person .h1{margin:0;overflow-wrap:anywhere}
.dc-person .dc-pm{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:4px;font-size:14px;line-height:19px;color:var(--sub)}
.dc-seg{margin-top:18px}
.dc-seg button{font-size:15px;min-width:0}
.dc-seg button small{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:11.5px;font-weight:700}
.dc-seg button small.gold{background:var(--gold)}
.dc-ask{margin-top:16px}
.dc-alert{display:flex;align-items:flex-start;gap:10px;width:100%;margin-top:14px;padding:12px 14px;border-radius:18px;background:var(--red-soft);font-size:14px;line-height:19px;color:var(--ink);text-align:start}
.dc-alert svg{flex:none;margin-top:1px}
.dc-alert b{color:var(--red)}
/* expiry */
.dc-exp{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px 14px;border-radius:4px;background:var(--row);text-align:start}
.dc-exp[role=button]{cursor:pointer}
.dc-date{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:54px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #E8EBE8}
.dc-date b{font-size:19px;line-height:21px;font-weight:800;color:var(--ink)}
.dc-date span{font-size:11.5px;line-height:14px;font-weight:700;color:var(--sub);white-space:nowrap}
.dc-exp.red .dc-date{box-shadow:inset 0 0 0 1.5px #F1C9C6}
.dc-exp.red .dc-date b,.dc-exp.red .dc-date span{color:var(--red)}
.dc-exp .dc-ft{gap:2px}
.dc-exp .dc-ft span{font-size:13.5px;line-height:18px;color:var(--sub)}
.dc-left{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.dc-left .chip{height:24px;padding:0 9px;border-radius:12px;font-size:12.5px;font-weight:700}
.dc-left small{font-size:12px;color:var(--ph);white-space:nowrap}
.dc-mon{margin:20px 6px 8px;font-size:13px;line-height:18px;font-weight:700;color:var(--ph)}
.v-d_expiry .dc-exp{min-height:68px;padding:9px 14px}
.v-d_expiry .dc-date{height:50px}
.v-d_expiry .dc-mon{margin:16px 6px 8px}
.v-d_expiry .dc-seg{margin-top:14px}
.dc-card{margin-top:18px;padding:16px;border-radius:22px;background:var(--gold-soft);text-align:start}
.v-d_expiry .dc-card{margin-top:16px;padding:14px 16px}
.dc-card .dc-ch{display:flex;align-items:center;gap:10px}
.dc-card .dc-ch b{flex:1;min-width:0;font-size:15.5px;line-height:21px;color:var(--ink)}
.dc-card .dc-ch button{flex:none;height:34px;padding:0 14px;border-radius:17px;background:#fff;font-size:14px;font-weight:700;color:var(--green)}
.dc-card p{margin:8px 0 0;font-size:14px;line-height:20px;color:var(--sub)}
.dc-steps3{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.dc-steps3 span{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:14px;background:#fff;font-size:13px;font-weight:700;color:var(--gold-ink)}
/* Axio read this document */
.dc-read{display:flex;align-items:center;gap:14px;margin:2px 0 14px}
.dc-pass{flex:none;position:relative;width:118px;height:80px;border-radius:10px;background:linear-gradient(150deg,#F7F4EA,#ECE5CF);box-shadow:0 2px 10px rgba(12,12,12,.10),inset 0 0 0 1px rgba(140,122,20,.18);overflow:hidden}
.dc-pass img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dc-pass .scanl{position:absolute;left:0;right:0;top:46%;height:2px;background:var(--green);box-shadow:0 0 10px rgba(19,83,51,.6)}
.dc-pass.on .scanl{animation:dcScan 1.6s ease-in-out infinite}
@keyframes dcScan{0%{top:10%}50%{top:86%}100%{top:10%}}
.dc-read .dc-rt{flex:1;min-width:0}
.dc-read .dc-rt h3{margin:0;text-align:start}
.dc-read .dc-rt p{margin:3px 0 0;font-size:14px;line-height:19px;color:var(--sub)}
.dc-ok{display:inline-flex;align-items:center;gap:5px;margin-top:6px;height:24px;padding:0 9px;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:12.5px;font-weight:700}
.dc-ok.no{background:var(--gold-soft);color:var(--gold-ink)}
.dc-ok.wait{background:var(--row);color:var(--sub)}
.dc-ok .spin{width:12px;height:12px;border-width:2px}
.dc-kvs{display:flex;flex-direction:column;gap:2.333px}
.dc-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:10px 16px;border-radius:4px;background:var(--row);font-size:15px;text-align:start}
.dc-kvs > .dc-kv:first-child{border-top-left-radius:20px;border-top-right-radius:20px}
.dc-kvs > .dc-kv:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.dc-kv span{flex:none;max-width:52%;color:var(--sub)}
.dc-kv b{min-width:0;font-weight:700;color:var(--ink);text-align:right;overflow-wrap:anywhere}
html[dir=rtl] .dc-kv b{text-align:left}
/* English names and file names in the Arabic layout keep their own direction, and sit on the right like the Arabic */
html[dir=rtl] .dc .h1[dir=auto],html[dir=rtl] .dc-ft [dir=auto],html[dir=rtl] .dc-ot [dir=auto],html[dir=rtl] .dc-fn,html[dir=rtl] .dc-ts,html[dir=rtl] .sh-sub[dir=auto],html[dir=rtl] .fv-n{text-align:right}
.dc-kv b.amber{color:var(--amber)}
.dc-kv b.need{color:var(--green)}
.dc-kv:disabled{opacity:1;color:inherit}
.dc-kv.tot{background:var(--green-soft)}
.dc-kv.tot b{color:var(--green)}
.dc-into{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 16px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1.5px #E6E9E6;text-align:start}
.dc-into > svg{flex:none}
.dc-into .dc-ot b{font-size:15px}
/* a policy and who accepted it */
.dc-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:8px}
.dc-meta .chip{height:26px}
.dc-pmeta{font-size:14px;line-height:19px;color:var(--sub)}
.dc-pol{display:flex;align-items:center;gap:18px;margin-top:16px;padding:16px 18px;border-radius:24px;background:var(--row)}
.dc-ringw{position:relative;flex:none;width:92px;height:92px}
.dc-ringw svg{display:block}
.dc-ringw b{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:800;color:var(--ink)}
.dc-pol .dc-pt{flex:1;min-width:0}
.dc-pol .dc-pt b{display:block;font-size:17px;line-height:23px;font-weight:700}
.dc-pol .dc-pt span{display:block;margin-top:3px;font-size:14px;line-height:20px;color:var(--sub)}
.dc-pol .dc-pt em{font-style:normal;color:var(--gold-ink);font-weight:700}
.dc-pol .dc-pt em.ok{color:var(--green)}
.dc-dep{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 16px;border-radius:4px;background:var(--row);text-align:start}
.dc-dep .dc-dot{flex:none;width:12px;height:12px;border-radius:50%}
.dc-dep .dc-dn{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.dc-dep .dc-dn b{font-size:15.5px;line-height:20px;font-weight:600;overflow-wrap:anywhere}
.dc-bar{display:block;width:100%;height:6px;border-radius:3px;background:#E3E7E3;overflow:hidden}
.dc-bar i{display:block;height:100%;border-radius:3px;background:var(--gold)}
.dc-dep .dc-dc{flex:none;min-width:44px;text-align:end;font-size:16px;font-weight:800;color:var(--ink)}
.dc-dep .dc-dc small{display:block;font-size:11.5px;font-weight:600;color:var(--ph);white-space:nowrap}
.v-d_policy .dc-dep{min-height:54px;padding:8px 16px}
.v-d_policy .dc-mh{margin-top:22px}
.dc-btns{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.dc-btns .bs{background:#fff;box-shadow:inset 0 0 0 1.5px #DCE0DC}
.dc-hint{display:flex;align-items:flex-start;gap:8px;margin:10px 6px 0;font-size:13.5px;line-height:19px;color:var(--sub);text-align:start}
.dc-hint svg{flex:none;margin-top:1px}
/* versions and approvals */
.dc-flow{margin-top:16px;padding:18px 16px 16px;border-radius:24px;background:var(--row)}
.dc-stp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.dc-stp::before{content:"";position:absolute;top:15px;left:12.5%;right:12.5%;height:3px;border-radius:2px;background:#DDE1DD}
.dc-stp::after{content:"";position:absolute;top:15px;inset-inline-start:12.5%;width:0;height:3px;border-radius:2px;background:var(--green)}
.dc-stp.s1::after{width:25%}
.dc-stp.s2::after{width:50%}
.dc-stp.s3::after{width:75%}
.dc-st{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.dc-st i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #D3D8D3;font-style:normal;font-size:13px;font-weight:800;color:var(--ph)}
.dc-st.done i{background:var(--green);box-shadow:none}
.dc-st.now i{background:var(--gold);box-shadow:0 0 0 4px rgba(167,148,33,.22)}
.dc-st span{font-size:12.5px;line-height:16px;font-weight:700;color:var(--sub);text-align:center}
.dc-st.now span{color:var(--gold-ink)}
.dc-st.done span{color:var(--green)}
.dc-who2{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #E3E6E3}
.dc-wl{display:flex;align-items:center;gap:10px;font-size:14px;line-height:19px;color:var(--sub);text-align:start}
.dc-wl .ent-av{flex:none;width:34px;height:34px;font-size:12.5px}
.dc-wl > span{min-width:0;overflow-wrap:anywhere}
.dc-wl b{color:var(--ink);font-weight:700}
.dc-wl.wait .ent-av{background:var(--gold-soft);color:var(--gold-ink)}
.dc-wbs{background:#fff;box-shadow:inset 0 0 0 1.5px #DCE0DC}
.dc-ver{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:9px 14px 9px 16px;border-radius:4px;background:var(--row);text-align:start;cursor:pointer}
.dc-vn{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;font-size:14px;font-weight:800;color:var(--ink);box-shadow:inset 0 0 0 1px #E6E9E6}
.dc-ver.cur .dc-vn{background:var(--gold-soft);color:var(--gold-ink);box-shadow:none}
.dc-ver.pub .dc-vn{background:var(--green-soft);color:var(--green);box-shadow:none}
.dc-ver .dc-ft{gap:2px}
.dc-ver .dc-ft span{font-size:13.5px;line-height:18px;color:var(--sub)}
.dc-ver .chip{flex:none;height:24px;padding:0 9px;border-radius:12px;font-size:12.5px;font-weight:700}
.dc-rest{flex:none;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border-radius:17px;background:#fff;font-size:13.5px;font-weight:700;color:var(--green)}
/* HR letters */
.dc-req{padding:14px 14px 14px 16px;border-radius:22px;background:var(--row);text-align:start}
.dc-req + .dc-req{margin-top:10px}
.dc-req[role=button]{cursor:pointer}
.dc-rh{display:flex;align-items:flex-start;gap:12px}
.dc-rh .dc-ft{gap:3px}
.dc-rh .dc-ft span{font-size:13.5px;line-height:18px;color:var(--sub)}
.dc-rh .dc-ft span + span{margin-top:-3px}
.dc-rh .chip{flex:none;height:24px;padding:0 9px;border-radius:12px;font-size:12.5px;font-weight:700;white-space:nowrap}
.dc-rnote{margin:10px 0 0;padding:10px 12px;border-radius:14px;background:#fff;font-size:13.5px;line-height:19px;color:var(--sub);text-align:start;overflow-wrap:anywhere}
.dc-rnote b{color:var(--ink);font-weight:600}
.dc-rb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.dc-rb button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:44px;border-radius:22px;font-size:15px;font-weight:700}
.dc-rb .ok{background:var(--green);color:#fff}
.dc-rb .vw{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px #DCE0DC}
.dc-req.done{background:#fff;box-shadow:inset 0 0 0 1.5px #E6E9E6}
.dc-cnt2{margin:12px 6px 0;font-size:14px;line-height:19px;color:var(--sub);text-align:start}
.dc-cnt2 b{color:var(--ink)}
.dc-morel{display:block;text-align:start}
.dc-tpl{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 14px 12px 16px;border-radius:4px;background:var(--row);text-align:start}
.dc-tpl .dc-ft{gap:5px}
.dc-lang{display:flex;gap:6px}
.dc-lang i{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;background:#fff;font-style:normal;font-size:12px;font-weight:700;color:var(--sub);box-shadow:inset 0 0 0 1px #E3E6E3}
.dc-lang i.ar{font-family:"TJ","PJS",sans-serif;font-size:13px;padding-top:3px;line-height:19px}
.dc-new{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin-top:12px;border-radius:26px;background:var(--row);color:var(--green);font-size:16px;font-weight:600}
.dc-decl{display:block;margin:12px auto 0;min-height:40px;padding:0 14px;font-size:14.5px;font-weight:700;color:var(--red)}
.dc-privb{width:100%}
.dc-tview{margin-top:14px;padding:16px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1.5px #E6E9E6;text-align:start}
.dc-tlab{display:inline-flex;align-items:center;height:24px;padding:0 10px;margin-bottom:10px;border-radius:12px;background:var(--row);font-size:12.5px;font-weight:700;color:var(--sub)}
.dc-tlab.ar{font-family:"TJ","PJS",sans-serif;font-size:13px}
.dc-tdoc{font-size:14.5px;line-height:22px;color:#2A2A2A;overflow-wrap:anywhere}
.dc-tdoc.ar{font-family:"TJ","PJS",sans-serif;font-size:15.5px;line-height:25px;text-align:right}
.dc-tdoc h2{margin:0 0 8px;font-size:15px;line-height:21px;font-weight:700;color:var(--ink)}
.dc-tdoc p{margin:0 0 10px}
.dc-tdoc b.k{font-weight:700;color:var(--ink)}
.dc-tdoc .num{font-family:"PJS",sans-serif;font-weight:700;direction:ltr;unicode-bidi:isolate}
.dc-tdoc .pay{margin:4px 0 12px;border-radius:12px;box-shadow:inset 0 0 0 1px #E3E6E3;overflow:hidden}
.dc-tdoc .pay div{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;font-size:13.5px;line-height:19px;border-top:1px solid #E3E6E3}
.dc-tdoc .pay div:first-child{border-top:0}
.dc-tdoc .pay div.t{background:#F3F7F4;font-weight:700;color:var(--green)}
.dc-ta{display:block;width:100%;min-height:160px;border:1.5px solid #D5D9D6;border-radius:16px;background:#fff;padding:12px 16px;font:inherit;font-size:15.5px;line-height:22px;color:var(--ink);resize:none;overflow:hidden;outline:none;text-align:start}
.dc-ta:disabled{background:var(--row)}
/* the employee: My company and read and accept */
.dc-from{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px;border-radius:16px;background:var(--green-soft);color:var(--green);font-size:13.5px;font-weight:700;margin-top:4px}
.dc-read2{margin-top:16px;padding:4px 2px 0;text-align:start}
.dc-read2 h4{margin:18px 0 6px;font-size:16.5px;line-height:23px;font-weight:700}
.dc-read2 h4:first-child{margin-top:4px}
.dc-read2 p{margin:0 0 10px;font-size:15.5px;line-height:24px;color:#2A2A2A;overflow-wrap:anywhere}
.dc-read2 ul{margin:0 0 10px;padding:0;list-style:none}
.dc-read2 li{display:flex;align-items:flex-start;gap:10px;margin:0 0 8px;font-size:15.5px;line-height:23px;color:#2A2A2A}
.dc-read2 li svg{flex:none;margin-top:3px}
.dc-full{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;margin-top:10px;font-size:14.5px;font-weight:700;color:var(--green)}
.dc-acc{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:12px 17.333px calc(var(--sab) + 16px);background:#fff;box-shadow:0 -8px 30px rgba(0,0,0,.08);border-radius:26px 26px 0 0}
.dc-acc .dc-al{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 10px;font-size:13px;line-height:18px;color:var(--green);font-weight:600;text-align:center}
.dc-acc .dc-al svg{flex:none}
.dc.has-acc{padding-bottom:calc(var(--sab) + 140px)}
/* safe sharing */
.dc-in{display:flex;align-items:center;gap:10px;height:54px;padding:0 12px 0 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--green);font-size:16px;color:var(--ink)}
.dc-in > svg{flex:none}
.dc-in input{flex:1;min-width:0;height:100%;border:0;background:none;padding:0;font:inherit;font-size:16px;color:var(--ink);outline:none}
.dc-in .chip{flex:none;height:24px;font-size:12px}
.dc-seg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:22px;background:var(--row)}
.dc-seg3 button{min-width:0;height:40px;border-radius:18px;font-size:15px;font-weight:600;color:var(--sub)}
.dc-seg3 button.on{background:var(--green);color:#fff}
.dc-seg3 button:disabled{opacity:1}
.dc-sub2{margin:8px 4px 0;font-size:13px;line-height:18px;color:var(--sub);text-align:start;overflow-wrap:anywhere}
.dc-open{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:4px;background:var(--row);text-align:start}
.dc-open .ent-av{flex:none;background:#E5EDF6;color:#3A6EA5}
.dc-open .dc-ft{gap:2px}
.dc-open .dc-ft span{font-size:13px;line-height:18px;color:var(--sub)}
.dc-open .dc-cnt{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.dc-open .dc-cnt b{font-size:18px;line-height:22px;font-weight:800;color:var(--ink)}
.dc-open .dc-cnt small{font-size:12px;color:var(--ph)}
.dc-stopb{background:#fff;color:var(--red);box-shadow:inset 0 0 0 1.5px #F0D3D0}
/* the viewer: protected pages */
.dc-vprot{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px 8px;font-size:12.5px;line-height:17px;font-weight:600;color:var(--green);text-align:center}
.dc-vprot svg{flex:none}
.dc-vprot.inl{justify-content:flex-start;padding:0;margin-top:10px;text-align:start}
.dc-vpages canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.dc-vacts .bs,.dc-vacts .bp{width:100%;height:52px;border-radius:26px}
.dc-outv{flex:none;position:relative;min-height:320px;margin-top:14px;border-radius:20px;overflow:hidden}
.dc-okc{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:16px;padding:22px 18px;border-radius:24px;background:var(--green-soft);text-align:center}
.dc-okc b{font-size:18px;line-height:24px;font-weight:700;color:var(--green)}
.dc-okc span{font-size:14px;line-height:20px;color:var(--sub)}
/* search inside documents */
.dc-inf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 4px 0;font-size:14px;line-height:19px;color:var(--sub)}
.dc-inf span{min-width:0;overflow-wrap:anywhere}
.dc-inf button{flex:none;font-size:14px;font-weight:700;color:var(--green)}
.dc-res{display:block;width:100%;padding:14px 14px 14px 16px;border-radius:4px;background:var(--row);text-align:start;cursor:pointer}
.dc-res .dc-rh{align-items:center}
.dc-res .dc-ft{gap:2px}
.dc-res .dc-ft span{font-size:13px;line-height:18px;color:var(--sub);overflow-wrap:anywhere}
.dc-res .dc-ft span svg{display:inline-block;vertical-align:-2px;margin-inline-end:5px}
.dc-quote{margin:10px 0 0;padding:10px 12px;border-radius:14px;background:#fff;font-size:14px;line-height:20px;color:#3A3A3A;border-inline-start:3px solid var(--gold);overflow-wrap:anywhere}
.dc-quote mark{background:#F6E7A6;color:var(--ink);font-weight:700;border-radius:4px;padding:0 3px}
.dc-quote small{display:block;margin-top:4px;font-size:12px;color:var(--ph)}
.dc-askc{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:10px;border-radius:22px;background:var(--green-soft);color:var(--green);font-size:14.5px;font-weight:700}
/* select many, and pages scanned into one PDF */
.dc.sel .dc-fr{padding-inline-end:12px}
.dc-ck{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 2px #B9BDB9}
.dc-ck svg{opacity:0}
.dc-fr.on{background:var(--green-soft)}
.dc-fr.on .dc-ck{background:var(--green);box-shadow:none}
.dc-fr.on .dc-ck svg{opacity:1}
.dc-selhd{display:flex;align-items:center;gap:10px;margin-top:6px}
.dc-selhd .h1{flex:1;min-width:0;margin:0;overflow-wrap:anywhere}
.dc-selhd button{flex:none;height:36px;padding:0 14px;border-radius:18px;background:var(--row);font-size:14px;font-weight:700;color:var(--green)}
.dc-scan{margin-top:16px;padding:14px;border-radius:22px;background:linear-gradient(160deg,#F3F8F4,#E7F1EA);box-shadow:inset 0 0 0 1.5px rgba(19,83,51,.12);text-align:start}
.dc-scan .dc-ch{display:flex;align-items:center;gap:10px}
.dc-scan .dc-ri{width:42px;height:42px}
.dc-scan .dc-ch .dc-ot b{font-size:15.5px}
.dc-scan .dc-ch .dc-ot span{font-size:13px;line-height:18px}
.dc-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.dc-pg{position:relative;aspect-ratio:3/4;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(12,12,12,.08),inset 0 0 0 1px #E6E9E6;overflow:hidden}
.dc-pg.img{padding:0}
.dc-pg.img img{display:block;width:100%;height:100%;object-fit:cover}
.dc-pg em{position:absolute;bottom:6px;inset-inline-start:6px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;font-style:normal;font-size:11px;font-weight:800}
.dc-pg.add{display:grid;place-items:center;padding:0;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1.5px rgba(19,83,51,.3);border:0}
.dc-scan .dc-sb{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:12px}
.dc-scan .dc-sb button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:44px;border-radius:22px;font-size:14.5px;font-weight:700}
.dc-scan .dc-sb .a{background:#fff;color:var(--ink)}
.dc-scan .dc-sb .b{background:var(--green);color:#fff}
.dc-selbar{position:absolute;left:12px;right:12px;bottom:calc(var(--sab) + 12px);z-index:6;background:#fff;border-radius:26px;box-shadow:0 10px 40px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04);padding:8px 8px 10px}
.dc-selbar .drv-selhd b{flex:1}
.dc-selbar .drv-selhd span{font-size:13px;color:var(--sub);font-weight:600;padding-inline-end:6px}
.dc-selbar .drv-selacts button span{white-space:nowrap}
.dc-selbar .drv-selacts button:disabled{opacity:.45}
.dc.sel{padding-bottom:calc(var(--sab) + 160px)}
.v-d_select .tb-title{font-size:16.5px}
@media (max-width:370px){
  .dc-tile b{font-size:24px}
  .dc-dock button{font-size:12.5px}
  .dc-st span{font-size:11.5px}
  .dc-seg button{font-size:14px}
  .dc-rb button{font-size:14px}
  .dc-pol{gap:14px;padding:16px}
  .dc-selbar .drv-selacts button span{font-size:12px}
}