/* AX Enterprise: assessments for employees (the approved pictures of set 3, 19 Oct 2026).
   Only this module's own classes (as-); the approved looks come from ent-core.css, entity.css, assess.css and app.css. */

/* the Assessments page and a test given out */
.as-pg .as-empty{margin-top:0}
.as-pg .as-more{margin-top:12px}
.as-pg .as-fchips{margin-top:16px}
.as-pg .as-remind{margin-top:16px}
.as-pg .as-pdfb{margin-top:10px}
/* names and the line of a test given out take more lines rather than being cut on the smallest phones */
.as-pg .ent-mt b{white-space:normal;overflow-wrap:anywhere}
.eo.as-pg .row .t{display:block;-webkit-line-clamp:unset}
.as-pg button.ent-mem{cursor:pointer}
/* on an Arabic page a name or a note written in English still starts at the right, as on the app's own pages */
html[dir=rtl] .as-pg .ent-mt b[dir=auto],html[dir=rtl] .as-asg .ent-mt b[dir=auto],html[dir=rtl] .as-from em[dir=auto]{text-align:right}

/* the assign sheet */
.as-asg .as-chosen{margin-top:12px}
.as-asg .as-hint,.as-asg .as-idhint{margin-top:10px}
.as-asg .as-gchips{margin-top:14px}
.as-asg .ent-mt b,.as-asg .ent-mt small{white-space:normal;overflow-wrap:anywhere}
.as-asg .row .t{white-space:normal}
.as-asg .row .s{white-space:normal;overflow-wrap:anywhere}
.as-asg .row .s.as-ph{color:var(--ph)}
.as-asg .eo-person small bdi{display:inline-block;max-width:100%}
.as-asg .bp.as-dim{opacity:.55}
.as-asg input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
/* the due date: the whole line opens the phone's calendar */
.as-due{cursor:pointer}
.as-due input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
/* the note, written in place */
.as-noted{align-items:flex-start;padding-block:13px}
.as-noted .ri{top:25px}
.as-ta{display:block;width:100%;min-height:58px;margin-top:6px;padding:8px 12px;border:1.5px solid #D5D9D6;border-radius:14px;background:#fff;font:inherit;font-size:15.5px;line-height:21px;color:var(--ink);resize:none;outline:none;text-align:start}
.as-ta:focus{border-color:var(--green)}
/* four ways to choose (when the company has branches): each word keeps its own width */
.as-seg4{gap:2px}
.as-seg4 button{flex:1 1 auto;min-width:0;padding:0 7px;font-size:14px;white-space:nowrap}
/* the assign sheet's tabs stay on one line on every phone, in both languages */
.as-asg .eo-seg button{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* one shared result */
.as-res .as-resnote{margin-top:14px}

/* Assessment Reports (his ask, 21 Oct 2026, 15:00): the two tabs of the Assessments page, its Reports part (one white
   card for each person) and one person's report (as_person, in soft mint). Only the as-pg tabs and the asr- and asp-
   classes, so the Assessments part keeps its approved look. Logical sides, so Arabic reads right to left. */
.as-pg .asr-tabs{display:flex;gap:4px;margin-top:18px;padding:4px;border-radius:24px;background:#F1F2F1}
.as-pg .asr-tabs button{flex:1 1 0;min-width:0;height:40px;border-radius:20px;font-size:15px;font-weight:600;color:var(--sub);white-space:nowrap;transition:background .15s,color .15s}
.as-pg .asr-tabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(12,12,12,.10)}

/* the soft mint card that leads the part: it shows, it does not open anything */
.asr .asr-hero{margin-top:16px;cursor:default}
.asr .asr-hero:active{transform:none}
.asr .asr-hero .axm-hst>span{border-bottom:1px solid rgba(19,83,51,.11)}
.asr .asr-hero .axm-hst>span.l{border-bottom:0}
.asr .asr-hero .axm-hst b{white-space:nowrap}

/* the search, the order and the filter */
.asr-tools{display:flex;gap:8px;margin-top:16px}
.asr-find{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:23px;background:#fff;border:1px solid #E3E7E3;color:var(--ph);cursor:text}
.asr-find svg{flex:none;display:block}
.asr-find:focus-within{border-color:var(--green)}
.asr-find input{flex:1 1 auto;min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink);text-align:start}
.asr-find input::placeholder{color:var(--ph)}
.asr-sort{position:relative;flex:none;display:flex;align-items:center;height:46px;border-radius:23px;background:#fff;border:1px solid #E3E7E3;color:var(--ink)}
.asr-sort select{-webkit-appearance:none;appearance:none;height:100%;margin:0;border:0;outline:0;background:transparent;border-radius:23px;font-size:16px;font-weight:600;color:var(--ink);padding:0 36px 0 15px;cursor:pointer}
[dir=rtl] .asr-sort select{padding:0 15px 0 36px}
.asr-sort svg{position:absolute;inset-inline-end:13px;top:50%;margin-top:-8px;pointer-events:none;display:block}
.asr .asr-fl{margin-top:12px}

/* one card for each person */
.asr-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}
.asr-card{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;padding:15px;border-radius:22px;background:#fff;border:1px solid #ECEEEA;text-align:start;color:var(--ink);cursor:pointer;
  box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16);transition:transform .15s var(--ease)}
.asr-card:active{transform:scale(.985)}
.asr-card:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.asr-ch{display:flex;align-items:center;gap:12px;min-width:0}
.asr-ch .ent-av{flex:none}
.asr-cn{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.asr-cn b{font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.asr-cn small{font-size:13px;color:var(--sub);line-height:1.35;margin-top:2px}
.asr-mr{position:relative;flex:none;width:48px;height:48px}
.asr-mr svg{display:block;width:100%;height:100%}
.asr-rc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.asr-rc b{font-size:15px;font-weight:700;line-height:1;letter-spacing:-.02em;color:#0C2418}
.asr-lk{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#F1F2F1;color:#5C5C5C}
.asr-chips{display:flex;flex-wrap:wrap;gap:6px}
.asr-sc{display:inline-flex;align-items:center;gap:6px;height:28px;max-width:100%;padding:0 11px;border-radius:14px;font-size:12.5px;font-weight:600;line-height:1;background:#F1F2F1;color:#3A3A3A;white-space:nowrap}
.asr-sc svg{flex:none;display:block}
.asr-sc b{font-weight:600}
.asr-sc b.t{min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.asr-sc i{font-style:normal;font-weight:700}
.asr-sc.hi{background:#E7F1EA;color:#135333}
.asr-sc.mid{background:#FAF4E1;color:#8C7A14}
.asr-sc.pv{color:#5C5C5C}
.asr-cf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.asr-cf small{min-width:0;font-size:12.5px;color:var(--ph)}
.asr-view{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:13.5px;font-weight:700;color:var(--green);white-space:nowrap}
.asr-view svg{display:block}
[dir=rtl] .asr-view svg{transform:scaleX(-1)}
/* on an Arabic page a name written in English still starts at the right */
html[dir=rtl] .asr-cn b[dir=auto],html[dir=rtl] .asp .axm-h1[dir=auto]{text-align:right}
.asr-none{margin-top:4px;padding:14px;border-radius:16px;background:var(--row,#F4F5F4);font-size:14px;line-height:20px;color:var(--sub);text-align:center}

/* nothing shared yet */
.asr-empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px;padding:26px 20px 22px;border-radius:22px;background:#fff;border:1px solid #ECEEEA;text-align:center;
  box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.asr-empty b{margin-top:6px;font-size:17px;font-weight:700;color:var(--ink)}
.asr-empty p{max-width:440px;font-size:14px;line-height:21px;color:var(--sub)}
.asr-empty .asr-give{width:auto;height:48px;margin-top:10px;padding:0 22px;font-size:16px}

/* one person's report */
.asp .axm-lead bdi{display:inline}
.asp .axm-lead .eo-axid{display:inline-block;white-space:nowrap}
.asp .asp-hero{margin-top:16px}
.asp-av{font-size:14px;font-weight:700;letter-spacing:.02em}
.asp .axm-bigic{width:88px;height:88px;border-radius:44px}
.asp-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.asp-card{min-width:0;padding:15px;border-radius:22px;background:#fff;border:1px solid #ECEEEA;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.asp-ch{display:flex;align-items:center;gap:12px;min-width:0}
.asp-ct{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.asp-ct b{font-size:15.5px;font-weight:700;line-height:1.3;color:var(--ink)}
.asp-ct small{font-size:12.5px;line-height:1.35;color:var(--sub);margin-top:2px}
.asp-cb{display:flex;align-items:center;gap:16px;margin-top:14px}
.asp-ring{position:relative;flex:none;width:84px;height:84px}
.asp-ring svg{display:block;width:100%;height:100%}
.asp-ring .axm-rc b{font-size:22px}
.asp-ring .axm-rc b i{font-size:12px}
.asp-mt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.asp-band{display:inline-flex;align-items:center;height:26px;max-width:100%;padding:0 10px;border-radius:13px;font-size:12px;font-weight:700;background:#F1F2F1;color:#3A3A3A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.asp-band.hi{background:#E7F1EA;color:#135333}
.asp-band.mid{background:#FAF4E1;color:#8C7A14}
.asp-mean{font-size:14px;line-height:1.45;color:#2F4A3B}
.asp-bars{display:flex;flex-direction:column;gap:11px;margin-top:16px}
.asp-bn{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:13px;line-height:1.3;color:#2A2A2A}
.asp-bn b{flex:none;font-weight:700;color:var(--ink)}
.asp-bar .axm-bar.mid i{background:#C9A227}
.asp-bar .axm-bar.lo i{background:#98A69D}
.asp-sg{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.asp-sgr small{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--sub)}
.asp-tags{display:flex;flex-wrap:wrap;gap:6px}
.asp-tag{display:inline-flex;align-items:center;gap:5px;height:28px;max-width:100%;padding:0 11px;border-radius:14px;font-size:12.5px;font-weight:600;white-space:nowrap}
.asp-tag svg{flex:none;display:block}
.asp-tag span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.asp-tag.ok{background:#E7F1EA;color:#135333}
.asp-tag.gr{background:#FAF4E1;color:#8C7A14}
.asp-src{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:12px;line-height:1.35;color:var(--sub)}
.asp-src svg{flex:none;display:block}
.asp .asp-pv{margin-top:14px}
.asp .asp-full{margin-top:20px}

/* a small phone: a little tighter */
@media (max-width:359px){
  .asr-sort select{padding:0 32px 0 12px}
  [dir=rtl] .asr-sort select{padding:0 12px 0 32px}
  .asp-cb{gap:12px}
  .asp-ring{width:76px;height:76px}
}
/* a computer: two cards a row, the stats of the leading card in two columns */
@media (min-width:900px){
  .asr-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .asr .eo-chips.asr-fl{flex-wrap:wrap;overflow:visible;margin-inline:0;padding:0}
  .asr .asr-hero .axm-hst>span,.asr .asr-hero .axm-hst>span.l{border-bottom:0}
  .asr .asr-hero .axm-hst.n3>span:nth-child(-n+2),.asr .asr-hero .axm-hst.n4>span:nth-child(-n+2){border-bottom:1px solid rgba(19,83,51,.11)}
  .asp-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
  .asp-ring{width:96px;height:96px}
  .asp .asp-full{width:auto;min-width:280px;padding:0 28px;margin-inline:auto}
  .asp .axm-bigic{width:120px;height:120px;border-radius:60px}
}