/* ATSRS V178 extracted CSS batch: login.css. Preserves original V178 cascade order. */
#introPage .intro-service-card p{
  line-height:1.52!important;
}
@media (max-width:1179px){
  #introPage .intro-service-card{min-height:156px!important;}
}





/* V124 Dashboard Builder: drag, resize, minimize. Stored locally per browser. */
#dashboardPage{position:relative;}
#dashboardPage .dash-custom-ready{position:relative;min-height:96px;min-width:160px;overflow:visible;touch-action:auto;}
#dashboardPage .dash-custom-ready.dash-resizable{resize:none;overflow:auto;}
#dashboardPage .dash-card-tools{position:absolute;top:8px;right:8px;z-index:30;display:flex;gap:6px;align-items:center;opacity:.50;transition:opacity .18s ease;}
#dashboardPage .dash-custom-ready:hover>.dash-card-tools,#dashboardPage .dash-card-tools:focus-within{opacity:1;}
#dashboardPage .dash-drag-handle,#dashboardPage .dash-min-btn{width:30px!important;height:28px!important;min-width:30px!important;margin:0!important;padding:0!important;border-radius:10px!important;background:rgba(15,23,42,.78)!important;border:1px solid rgba(148,163,184,.30)!important;color:#cbd5e1!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;line-height:1!important;}
#dashboardPage .dash-drag-handle{cursor:grab!important;touch-action:none!important;}
#dashboardPage .dash-drag-handle:active{cursor:grabbing!important;}
#dashboardPage .dash-min-btn{cursor:pointer!important;font-size:16px!important;}
#dashboardPage .dash-resize-handle{position:absolute;right:6px;bottom:6px;width:18px;height:18px;border-radius:6px;z-index:25;cursor:nwse-resize;opacity:.42;background:linear-gradient(135deg,transparent 0 45%,rgba(148,163,184,.55) 46% 54%,transparent 55% 100%);touch-action:none;}
#dashboardPage .dash-custom-ready:hover>.dash-resize-handle{opacity:.82;}
#dashboardPage .dash-drag-float{position:fixed!important;z-index:9999!important;pointer-events:none!important;opacity:.86!important;box-shadow:0 25px 80px rgba(0,0,0,.45)!important;transform:scale(.98);}
#dashboardPage .dash-placeholder{border:2px dashed rgba(56,189,248,.72)!important;border-radius:18px!important;background:rgba(56,189,248,.08)!important;min-height:90px!important;margin-bottom:16px!important;}
#dashboardPage .stats-grid .dash-placeholder{min-height:104px!important;margin-bottom:0!important;}
#dashboardPage .dash-minimized{display:none!important;}
#dashboardDock{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px;max-width:210px;}
#dashboardDock.hidden{display:none!important;}
#dashboardDock .dock-item{width:auto!important;margin:0!important;padding:9px 11px!important;border-radius:999px!important;background:rgba(15,23,42,.94)!important;border:1px solid rgba(34,197,94,.35)!important;color:#bbf7d0!important;box-shadow:0 14px 30px rgba(0,0,0,.28)!important;font-size:12px!important;font-weight:800!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#dashboardPage .dash-custom-ready p,#dashboardPage .dash-custom-ready span,#dashboardPage .dash-custom-ready b,#dashboardPage .dash-custom-ready h3{overflow-wrap:anywhere;}
#dashboardPage .dash-custom-ready>.dash-card-tools+*{margin-top:8px;}
@media(max-width:800px){#dashboardPage .dash-custom-ready{min-width:0!important;width:auto!important}#dashboardDock{right:10px;bottom:10px;max-width:160px}.dash-card-tools{top:6px!important;right:6px!important}}



/* V124 UX cleanup: dashboard grouped counters, calm forms, refs layout, smaller language flag */
#appLangCircle.lang-circle,
#langCircle.lang-circle{
  width:38px!important;height:38px!important;min-width:38px!important;font-size:18px!important;border-radius:50%!important;
  padding:0!important;margin:0!important;box-shadow:0 8px 20px rgba(0,0,0,.24)!important;
}
.lang-menu button[data-lang="en"]{font-size:0!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.lang-menu button[data-lang="en"] span{font-size:20px!important;width:auto!important;margin:0!important;}

/* Dashboard: counters move as ONE group, not separate cards */
#dashboardPage .stats-grid.dash-custom-ready{padding-top:38px!important;position:relative!important;min-height:136px!important;}
#dashboardPage .stats-grid>.card .dash-card-tools,
#dashboardPage .stats-grid>.card .dash-resize-handle{display:none!important;}
#dashboardPage .stats-grid>.card{cursor:default!important;}
#dashboardPage .stats-grid>.card.dash-custom-ready{resize:none!important;overflow:visible!important;}
#dashboardPage .stats-grid .dash-placeholder{display:none!important;}
#dashboardDock .dock-item{animation:none!important;transform:none!important;transition:background .15s ease,border-color .15s ease!important;}
#dashboardDock{animation:none!important;transform:none!important;}

/* Account page: calmer inputs and visible save button */
#profilePage input,#profilePage select,#certificatesPage input,#certificatesPage select,#certificatesPage textarea{
  background:#0b1624!important;border:1px solid #26384e!important;color:#eef6ff!important;box-shadow:none!important;
}
#profilePage input:focus,#profilePage select:focus,#certificatesPage input:focus,#certificatesPage select:focus,#certificatesPage textarea:focus{
  border-color:#38bdf8!important;box-shadow:0 0 0 2px rgba(56,189,248,.12)!important;
}
#profilePage .profile-grid{gap:12px!important;}
#saveProfileBtn{display:block!important;visibility:visible!important;opacity:1!important;max-width:180px!important;margin-top:14px!important;background:#1f6f78!important;border:1px solid rgba(56,189,248,.35)!important;color:#f8fafc!important;box-shadow:none!important;}
#profilePage .account-tabs button,#certificatesPage .cert-mode-buttons button,#certificatesPage button.secondary,#profilePage button.secondary{
  background:#1a293b!important;border:1px solid #31465f!important;color:#e5eef8!important;box-shadow:none!important;
}
#profilePage .account-tabs button.active,#certificatesPage .cert-mode-buttons button.active{
  background:#164e63!important;border-color:#38bdf8!important;color:#f8fafc!important;
}

/* Documents page: reduce color noise */
#certificatesPage .panel,#certificatesPage .scan-box,#certificatesPage .import-box{border-color:#26384e!important;background:linear-gradient(180deg,rgba(15,26,42,.96),rgba(9,19,32,.98))!important;}
#certificatesPage button:not(.action){box-shadow:none!important;}
#certificatesPage button.action{background:#5f1f2a!important;border:1px solid #7f3340!important;box-shadow:none!important;}

/* References page: CV first, full width; other cards below */
#refsPage .ref-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:14px!important;align-items:start!important;}
#refsPage .cv-card{order:-10!important;grid-column:1 / -1!important;max-width:none!important;}
#refsPage .cv-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;gap:10px!important;}
#refsPage .ref-card{background:#0f1b2b!important;border:1px solid #26384e!important;box-shadow:none!important;}
#refsPage .ref-card button.secondary{background:#1a293b!important;border:1px solid #31465f!important;box-shadow:none!important;}

@media(max-width:800px){
  #appLangCircle.lang-circle,#langCircle.lang-circle{width:34px!important;height:34px!important;min-width:34px!important;font-size:16px!important;}
  #dashboardPage .stats-grid.dash-custom-ready{padding-top:34px!important;}
}



/* V163 Platform compact text-only layout: remove hero box, keep content positions, fit six services in one row */
#introPage .intro-hero{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:6px 0 10px!important;
  margin-bottom:10px!important;
}
#introPage .intro-hero::after{display:none!important;}
#introPage .intro-hero #introBadge{
  background:transparent!important;
  border-color:rgba(134,239,172,.28)!important;
}
#introPage .intro-service-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
  margin-top:8px!important;
}
#introPage .intro-service-card,
#introPage .intro-service-card.active{
  min-height:0!important;
  padding:8px 4px!important;
  background:transparent!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  transform:none!important;
}
#introPage .intro-service-card:hover{
  transform:none!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
#introPage .intro-service-card .svc-icon{
  font-size:22px!important;
  margin:0 0 9px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#introPage .intro-service-card h3{
  font-size:16px!important;
  line-height:1.2!important;
  margin:0 0 8px!important;
}
#introPage .intro-service-card p{
  font-size:13px!important;
  line-height:1.42!important;
  margin:0!important;
}
#introPage .atsrs-anime-stage{
  margin-top:16px!important;
  padding:10px 0 0!important;
  background:transparent!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
#introPage .atsrs-anime-stage::before,
#introPage .anime-step::after{display:none!important;}
#introPage .anime-header{margin-bottom:10px!important;}
#introPage .anime-step{
  min-height:0!important;
  padding:10px 4px!important;
  background:transparent!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
#introPage .anime-icon{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  margin-bottom:8px!important;
}
#introPage .mini-docs em,
#introPage .approve-flow i,
#introPage .profile-link-demo{
  background:transparent!important;
  border-color:rgba(148,163,184,.32)!important;
  box-shadow:none!important;
}
@media(max-width:1180px){
  #introPage .intro-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  #introPage .intro-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:460px){
  #introPage .intro-service-grid{grid-template-columns:1fr!important;}
}



/* V177 Dashboard frameless compact cleanup - BASE V176
   Scope: Dashboard only. No storage, boot, Documents or References logic touched. */
#dashboardPage .panel,
#dashboardPage .hero-card,
#dashboardPage .mini-panel,
#dashboardPage .card,
#dashboardPage .snapshot-card,
#dashboardPage .share-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#dashboardPage .panel{
  padding:0!important;
  margin:14px 0 18px!important;
}
#dashboardPage .solo-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr)!important;
  gap:28px!important;
  align-items:start!important;
  margin-bottom:18px!important;
}
#dashboardPage .hero-card,
#dashboardPage .mini-panel{
  padding:0!important;
  border-radius:0!important;
}
#dashboardPage .hero-card h3,
#dashboardPage .mini-panel h3{
  margin-top:6px!important;
  margin-bottom:8px!important;
}
#dashboardPage .hero-card p,
#dashboardPage .mini-panel p{
  margin-bottom:10px!important;
}
#dashboardPage .quick-actions{
  display:flex!important;
  gap:8px!important;
  margin-top:12px!important;
}
#dashboardPage .quick-actions button{
  width:auto!important;
  min-width:116px!important;
  max-width:150px!important;
  padding:10px 14px!important;
  margin:0!important;
}
#dashboardPage .stats-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(120px,1fr))!important;
  gap:16px!important;
  margin:14px 0 18px!important;
}
#dashboardPage .stats-grid .card{
  padding:0!important;
  min-height:0!important;
  border-radius:0!important;
}
#dashboardPage .stats-grid .card p{
  margin:0 0 6px!important;
  color:#cbd5e1!important;
}
#dashboardPage .stats-grid .stat{
  font-size:26px!important;
  line-height:1.05!important;
}
#dashboardPage .dashboard-snapshot-panel{
  padding:0!important;
  margin:10px 0 14px!important;
}
#dashboardPage .snapshot-card{
  padding:0!important;
}
#dashboardPage #snapshotBadge{
  margin-bottom:8px!important;
}
#dashboardPage #snapshotTitle{
  margin:6px 0 8px!important;
  font-size:19px!important;
}
#dashboardPage .snapshot-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:8px!important;
}
#dashboardPage .snapshot-item{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(148,163,184,.22)!important;
  border-radius:0!important;
  padding:8px 0!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
#dashboardPage .snapshot-item b{
  font-size:13px!important;
}
#dashboardPage .snapshot-item span{
  font-size:15px!important;
}
#dashboardPage #riskTitle{
  margin:8px 0 6px!important;
  font-size:19px!important;
}
#dashboardPage #riskSub{
  margin:0 0 8px!important;
}
#dashboardPage .risk-list{
  gap:6px!important;
  margin-top:8px!important;
}
#dashboardPage .risk-item{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  border-radius:0!important;
  padding:8px 0!important;
}
#dashboardPage #shareProfilePanel{
  margin-top:18px!important;
  padding:0!important;
}
#dashboardPage .share-link-box{
  margin:10px 0!important;
}
@media(max-width:1000px){
  #dashboardPage .snapshot-list{grid-template-columns:1fr!important;gap:4px!important;}
  #dashboardPage .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #dashboardPage .solo-hero{grid-template-columns:1fr!important;gap:18px!important;}
}

/* V127 DC/CU: Dashboard must behave as a calm view page. Custom builder is parked for later. */
#dashboardPage .dash-card-tools,
#dashboardPage .dash-resize-handle,
#dashboardDock{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#dashboardPage .dash-custom-ready,
#dashboardPage .dash-resizable,
#dashboardPage .dash-drag-float{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  transform:none!important;
  resize:none!important;
  overflow:visible!important;
  opacity:1!important;
  box-shadow:inherit!important;
  touch-action:auto!important;
}
#dashboardPage .dash-placeholder{display:none!important;}
#dashboardPage .dash-minimized{display:block!important;}
#dashboardPage .stats-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;
  gap:12px!important;
  padding-top:0!important;
  min-height:0!important;
  align-items:stretch!important;
}
#dashboardPage .stats-grid .card{
  width:auto!important;
  height:auto!important;
  min-height:96px!important;
  margin:0!important;
}
#dashboardPage .solo-hero{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr)!important;
}
#dashboardPage .hero-card{
  background:linear-gradient(180deg,rgba(17,28,45,.96),rgba(10,20,34,.98))!important;
  border:1px solid #264058!important;
  box-shadow:none!important;
}
#dashboardPage .quick-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:14px!important;
}
#dashboardPage .quick-actions button,
#dashboardPage .share-actions button,
#dashboardPage #copyShareBtn{
  width:auto!important;
  min-width:112px!important;
  max-width:160px!important;
  padding:9px 12px!important;
  margin:0!important;
  border-radius:10px!important;
  background:#1b2b3d!important;
  border:1px solid #334b63!important;
  color:#dbe7f3!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:800!important;
}
#dashboardPage .quick-actions button:hover,
#dashboardPage .share-actions button:hover,
#dashboardPage #copyShareBtn:hover{
  background:#24384f!important;
  border-color:#45617c!important;
  color:#fff!important;
}
#shareProfilePanel{
  padding:14px!important;
  background:linear-gradient(180deg,rgba(17,28,45,.96),rgba(10,20,34,.98))!important;
  border-color:#264058!important;
  box-shadow:none!important;
  max-height:320px!important;
  overflow:auto!important;
}
#shareProfilePanel h3{font-size:18px!important;margin:6px 0 4px!important;}
#shareProfilePanel #shareSub{font-size:13px!important;margin:0 0 10px!important;line-height:1.35!important;}
#shareProfilePanel .share-link-box{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  margin:8px 0!important;
}
#shareProfilePanel .share-link-box input{
  min-width:0!important;
  height:40px!important;
  padding:9px 10px!important;
  font-size:12px!important;
}
#shareProfilePanel .share-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:8px!important;
}
#shareProfilePanel .share-permissions{
  max-height:135px!important;
  overflow:auto!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
}
#shareProfilePanel .preview-profile{max-height:180px!important;overflow:auto!important;}
/* Top actions should belong to the page, not the screen. They disappear naturally on scroll. */
#app.app > .top-actions,
#app.app:not(.hidden) > .top-actions,
#app.app > .atsrs-global-top-actions,
#app.app > .atsrs-v56-top-actions,
#app.app > .atsrs-v64-top-actions,
body > .top-actions,
body > .atsrs-global-top-actions,
body > .atsrs-v56-top-actions,
body > .atsrs-v64-top-actions{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:90!important;
  transform:none!important;
  will-change:auto!important;
}
#app.app.hidden > .top-actions{display:none!important;}
@media(max-width:900px){
  #dashboardPage .solo-hero{grid-template-columns:1fr!important;}
}
@media(max-width:600px){
  #shareProfilePanel{max-height:360px!important;}
  #shareProfilePanel .share-link-box{grid-template-columns:1fr!important;}
  #dashboardPage .quick-actions button,#dashboardPage .share-actions button,#dashboardPage #copyShareBtn{width:100%!important;max-width:none!important;}
}

body > .atsrs-v56-top-actions{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:2147483647!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  transform:translateZ(0)!important;
  will-change:transform!important;
}
body > .atsrs-v56-top-actions .lang-floating,
body > .atsrs-v56-top-actions .app-lang-switcher{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
}
body > .atsrs-v56-top-actions .lang-menu{
  position:absolute!important;
  top:56px!important;
  right:0!important;
  left:auto!important;
}
#auth:not(.hidden) ~ .atsrs-v56-top-actions,
body.auth-open > .atsrs-v56-top-actions{display:none!important;}
#app.hidden ~ .atsrs-v56-top-actions{display:none!important;}
@media(max-width:800px){
  body > .atsrs-v56-top-actions{top:12px!important;right:12px!important;}
  body > .atsrs-v56-top-actions .lang-menu{top:52px!important;right:0!important;left:auto!important;}
}
#refsPage .career-record-row{
  grid-template-columns:minmax(0,1fr)!important;
}
#refsPage .career-record-actions{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#refsPage .career-record-actions button{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#refsPage .career-record-date input{
  max-width:190px!important;
}
@media(max-width:520px){
  #refsPage .career-record-actions{grid-template-columns:1fr!important;}
}
/* V118 Personal dashboard simplification + account badge */
#dashboardPage .missing-card,
#dashboardPage #missingDocs,
#dashboardPage #missingDocsText,
#dashboardPage #docStatusTitle,
#dashboardPage #docStatusSub,
#dashboardPage #docCategoryGrid{display:none!important}
.dashboard-snapshot-panel .snapshot-list .snapshot-item:has(#snapMissing){display:none!important}
.atsrs-account-badge{
  min-width:190px;
  max-width:260px;
  background:#020617;
  border:1px solid rgba(34,197,94,.45);
  border-radius:14px;
  padding:8px 12px;
  box-shadow:0 14px 32px rgba(0,0,0,.30);
  line-height:1.25;
}
.atsrs-account-badge div:first-child{
  color:#86efac;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}
.atsrs-account-badge div:last-child{
  color:#cbd5e1;
  font-size:11px;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.personal-mode #totalPersonnelText,
body.personal-mode #totalPersonnel{display:none!important}
body.personal-mode .dashboard-snapshot-panel{display:block!important}
body.personal-mode #dashboardPage .stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
body.personal-mode #dashboardPage .card{border-color:#264058!important}
@media(max-width:800px){.atsrs-account-badge{min-width:150px;max-width:190px;padding:7px 10px}.atsrs-account-badge div:last-child{display:none}.top-actions{gap:7px!important}}

#refsPage .ref-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
#refsPage .career-record-list{
  flex:0 1 auto!important;
  max-height:196px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:6px!important;
  scrollbar-gutter:stable!important;
}
#refsPage .career-record-list::-webkit-scrollbar{width:8px!important}
#refsPage .career-record-list::-webkit-scrollbar-track{background:rgba(2,6,23,.35)!important;border-radius:999px!important}
#refsPage .career-record-list::-webkit-scrollbar-thumb{background:#3b536d!important;border-radius:999px!important}
#refsPage .career-record-row{
  min-height:38px!important;
  flex:0 0 auto!important;
}
@media(max-width:760px){
  #refsPage .career-record-list{max-height:216px!important;}
  #refsPage .career-record-row{min-height:42px!important;}
}
/* V118 Personal dashboard simplification + account badge */
#dashboardPage .missing-card,
#dashboardPage #missingDocs,
#dashboardPage #missingDocsText,
#dashboardPage #docStatusTitle,
#dashboardPage #docStatusSub,
#dashboardPage #docCategoryGrid{display:none!important}
.dashboard-snapshot-panel .snapshot-list .snapshot-item:has(#snapMissing){display:none!important}
.atsrs-account-badge{
  min-width:190px;
  max-width:260px;
  background:#020617;
  border:1px solid rgba(34,197,94,.45);
  border-radius:14px;
  padding:8px 12px;
  box-shadow:0 14px 32px rgba(0,0,0,.30);
  line-height:1.25;
}
.atsrs-account-badge div:first-child{
  color:#86efac;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}
.atsrs-account-badge div:last-child{
  color:#cbd5e1;
  font-size:11px;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.personal-mode #totalPersonnelText,
body.personal-mode #totalPersonnel{display:none!important}
body.personal-mode .dashboard-snapshot-panel{display:block!important}
body.personal-mode #dashboardPage .stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
body.personal-mode #dashboardPage .card{border-color:#264058!important}
@media(max-width:800px){.atsrs-account-badge{min-width:150px;max-width:190px;padding:7px 10px}.atsrs-account-badge div:last-child{display:none}.top-actions{gap:7px!important}}

#navLogout{display:none!important;}
#app.app > .top-actions{
  position:fixed!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:2147483647!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#app.app.hidden > .top-actions{display:none!important;}
#app.app > .top-actions .lang-floating,
#app.app > .top-actions .app-lang-switcher{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#app.app > .top-actions .lang-menu{
  position:absolute!important;
  top:56px!important;
  right:0!important;
  left:auto!important;
}
#app.app > .top-actions .top-logout{
  width:auto!important;
  margin:0!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
@media(max-width:800px){
  #app.app > .top-actions{top:12px!important;right:12px!important;}
  #app.app > .top-actions .lang-menu{top:52px!important;right:0!important;left:auto!important;}
  #app.app > .top-actions .top-logout{padding:10px 12px!important;}
}
html[dir="rtl"] #app.app > .top-actions{right:18px!important;left:auto!important;}
@media(max-width:800px){html[dir="rtl"] #app.app > .top-actions{right:12px!important;left:auto!important;}}
/* V118 Personal dashboard simplification + account badge */
#dashboardPage .missing-card,
#dashboardPage #missingDocs,
#dashboardPage #missingDocsText,
#dashboardPage #docStatusTitle,
#dashboardPage #docStatusSub,
#dashboardPage #docCategoryGrid{display:none!important}
.dashboard-snapshot-panel .snapshot-list .snapshot-item:has(#snapMissing){display:none!important}
.atsrs-account-badge{
  min-width:190px;
  max-width:260px;
  background:#020617;
  border:1px solid rgba(34,197,94,.45);
  border-radius:14px;
  padding:8px 12px;
  box-shadow:0 14px 32px rgba(0,0,0,.30);
  line-height:1.25;
}
.atsrs-account-badge div:first-child{
  color:#86efac;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}
.atsrs-account-badge div:last-child{
  color:#cbd5e1;
  font-size:11px;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.personal-mode #totalPersonnelText,
body.personal-mode #totalPersonnel{display:none!important}
body.personal-mode .dashboard-snapshot-panel{display:block!important}
body.personal-mode #dashboardPage .stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
body.personal-mode #dashboardPage .card{border-color:#264058!important}
@media(max-width:800px){.atsrs-account-badge{min-width:150px;max-width:190px;padding:7px 10px}.atsrs-account-badge div:last-child{display:none}.top-actions{gap:7px!important}}

#atsrsTopbarTroubleBtn{
  width:auto!important;
  margin:0!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  border:1px solid #facc15!important;
  background:linear-gradient(135deg,#ca8a04,#eab308)!important;
  color:#07111d!important;
  font-weight:900!important;
  box-shadow:0 10px 26px rgba(234,179,8,.20)!important;
  cursor:pointer!important;
}
#atsrsTopbarTroublePanel{
  position:fixed!important;
  right:18px!important;
  top:82px!important;
  width:min(560px,calc(100vw - 24px))!important;
  max-height:72vh!important;
  overflow:auto!important;
  z-index:2147483647!important;
  background:#06111f!important;
  border:1px solid #facc15!important;
  border-radius:16px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.55)!important;
  color:#e5e7eb!important;
  padding:14px!important;
  font-family:Arial,sans-serif!important;
}
#atsrsTopbarTroublePanel.hidden{display:none!important}
#atsrsTopbarTroublePanel h3{margin:0 0 8px!important;font-size:16px!important;color:#fef3c7!important}
#atsrsTopbarTroublePanel pre{
  white-space:pre-wrap!important;
  word-break:break-word!important;
  background:#020617!important;
  border:1px solid #334155!important;
  border-radius:12px!important;
  padding:10px!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#dbeafe!important;
}
#atsrsTopbarTroublePanel .trouble-actions{display:flex!important;gap:8px!important;margin:10px 0!important;flex-wrap:wrap!important}
#atsrsTopbarTroublePanel .trouble-actions button{width:auto!important;margin:0!important;padding:9px 12px!important;border-radius:10px!important}
#atsrsTopbarTroublePanel .trouble-close{background:#334155!important;color:#fff!important;border:1px solid #475569!important}
#atsrsTopbarTroublePanel .trouble-fix{background:#16a34a!important;color:#fff!important;border:0!important}
@media(max-width:800px){
  #atsrsTopbarTroubleBtn{padding:10px 11px!important;font-size:12px!important}
  #atsrsTopbarTroublePanel{right:12px!important;top:74px!important;max-height:70vh!important}
}
/* V118 Personal dashboard simplification + account badge */
#dashboardPage .missing-card,
#dashboardPage #missingDocs,
#dashboardPage #missingDocsText,
#dashboardPage #docStatusTitle,
#dashboardPage #docStatusSub,
#dashboardPage #docCategoryGrid{display:none!important}
.dashboard-snapshot-panel .snapshot-list .snapshot-item:has(#snapMissing){display:none!important}
.atsrs-account-badge{
  min-width:190px;
  max-width:260px;
  background:#020617;
  border:1px solid rgba(34,197,94,.45);
  border-radius:14px;
  padding:8px 12px;
  box-shadow:0 14px 32px rgba(0,0,0,.30);
  line-height:1.25;
}
.atsrs-account-badge div:first-child{
  color:#86efac;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}
.atsrs-account-badge div:last-child{
  color:#cbd5e1;
  font-size:11px;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.personal-mode #totalPersonnelText,
body.personal-mode #totalPersonnel{display:none!important}
body.personal-mode .dashboard-snapshot-panel{display:block!important}
body.personal-mode #dashboardPage .stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
body.personal-mode #dashboardPage .card{border-color:#264058!important}
@media(max-width:800px){.atsrs-account-badge{min-width:150px;max-width:190px;padding:7px 10px}.atsrs-account-badge div:last-child{display:none}.top-actions{gap:7px!important}}

#atsrsTestAutomationBtn{
  width:auto!important;margin:0!important;padding:12px 14px!important;border-radius:12px!important;
  border:1px solid #38bdf8!important;background:linear-gradient(135deg,#0284c7,#22c55e)!important;
  color:#fff!important;font-weight:900!important;box-shadow:0 10px 26px rgba(14,165,233,.20)!important;
  cursor:pointer!important;position:relative!important;display:block!important;white-space:nowrap!important;
}
#atsrsTestAutomationPanel{
  position:fixed!important;right:18px!important;top:132px!important;width:min(760px,calc(100vw - 24px))!important;
  max-height:76vh!important;overflow:auto!important;z-index:2147483647!important;background:#06111f!important;
  border:1px solid #38bdf8!important;border-radius:18px!important;box-shadow:0 24px 80px rgba(0,0,0,.58)!important;
  color:#e5e7eb!important;padding:16px!important;font-family:Arial,sans-serif!important;
}
#atsrsTestAutomationPanel.hidden{display:none!important}
#atsrsTestAutomationPanel h3{margin:0 0 8px!important;font-size:18px!important;color:#dffcff!important}
#atsrsTestAutomationPanel .qa-sub{margin:0 0 12px!important;color:#a7b5c5!important;font-size:13px!important;line-height:1.45!important}
#atsrsTestAutomationPanel .qa-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:10px 0 12px!important}
#atsrsTestAutomationPanel .qa-actions button{width:auto!important;margin:0!important;padding:9px 12px!important;border-radius:10px!important}
#atsrsTestAutomationPanel .qa-close{background:#334155!important;color:#fff!important;border:1px solid #475569!important}
#atsrsTestAutomationPanel .qa-fix{background:#16a34a!important;color:#fff!important;border:0!important}
#atsrsTestAutomationPanel .qa-run{background:#0284c7!important;color:#fff!important;border:0!important}
#atsrsTestAutomationPanel .qa-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:10px 0!important}
#atsrsTestAutomationPanel .qa-box{background:#020617!important;border:1px solid #334155!important;border-radius:12px!important;padding:10px!important;text-align:center!important}
#atsrsTestAutomationPanel .qa-box b{display:block!important;font-size:22px!important}.qa-pass{color:#86efac!important}.qa-warn{color:#fde68a!important}.qa-fail{color:#fda4af!important}.qa-fixed{color:#a5f3fc!important}
#atsrsTestAutomationPanel details{background:#020617!important;border:1px solid #334155!important;border-radius:12px!important;margin:8px 0!important;padding:10px!important}
#atsrsTestAutomationPanel summary{cursor:pointer!important;font-weight:900!important;color:#e0f2fe!important}
#atsrsTestAutomationPanel ul{margin:8px 0 0 18px!important;padding:0!important}
#atsrsTestAutomationPanel li{margin:5px 0!important;font-size:13px!important;line-height:1.35!important}
.atsrs-ref-file-scroll{max-height:168px!important;overflow-y:auto!important;padding-right:6px!important;scrollbar-width:thin!important}
@media(max-width:800px){
  #atsrsTestAutomationBtn{padding:10px 11px!important;font-size:12px!important}
  #atsrsTestAutomationPanel{right:12px!important;top:122px!important;max-height:72vh!important}
  #atsrsTestAutomationPanel .qa-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* V187 Register account-type hint: shine only on Personal / Corporate buttons */
#registerAccountTypeArea .mode-choice button{
  position:relative!important;
  overflow:hidden!important;
}
#registerAccountTypeArea.needs-choice .mode-choice button::before,
#registerAccountTypeArea .mode-choice.mode-error button::before{
  content:"";
  position:absolute;
  top:-45%;
  left:-70%;
  width:56%;
  height:190%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:rotate(18deg);
  animation:atsrsRegisterChoiceSweep 1.45s ease-in-out infinite;
  pointer-events:none;
}
#registerAccountTypeArea.needs-choice .mode-choice button:nth-child(2)::before,
#registerAccountTypeArea .mode-choice.mode-error button:nth-child(2)::before{
  animation-delay:.18s;
}
#registerAccountTypeArea:not(.needs-choice) .mode-choice:not(.mode-error) button::before{
  display:none!important;
}
@keyframes atsrsRegisterChoiceSweep{
  0%{left:-75%;opacity:0;}
  22%{opacity:.95;}
  68%{left:118%;opacity:.85;}
  100%{left:118%;opacity:0;}
}


/* ATSRS V221 - compact Google account-type selector (single canonical row) */
#auth #googleChoiceArea.google-choice-area{
  margin-top:14px;
  padding-top:2px;
}
#auth #googleChoiceArea .mode-choice{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0;
}
#auth #googleChoiceArea .mode-choice button{
  width:100%;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.32);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  color:#f8fafc;
  font-size:15px;
  font-weight:600;
  box-shadow:none;
  cursor:pointer;
}
#auth #googleChoiceArea .mode-choice button:hover{
  border-color:rgba(56,189,248,.45);
  background:#2a405b;
}
#auth #googleChoiceArea .mode-choice button.active{
  border-color:rgba(134,239,172,.75);
  background:#10251d;
}
@media (max-width:420px){
  #auth #googleChoiceArea .mode-choice{
    grid-template-columns:1fr;
  }
}
