/*
 * Мобильные элементы первичной настройки и объектных статусов.
 * © 2026 ООО «СпецТехСервис ГРУПП», Республика Беларусь. Все права защищены.
 */
.onboarding-picker>div{gap:6px}
[data-onboarding-premise-types]{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  padding:2px 1px 5px;
  touch-action:pan-x pan-y;
}
[data-onboarding-premise-types]::-webkit-scrollbar{display:none}
[data-onboarding-premise-types] button{flex:0 0 auto;scroll-snap-align:start}
[data-onboarding-relationships]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.onboarding-picker button{
  min-width:0;
  min-height:40px;
  padding:5px 7px;
  border-radius:11px;
  font-size:11px;
  line-height:1.15;
  font-weight:800;
  transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .12s;
}
.onboarding-picker button:active{transform:scale(.97)}
.onboarding-location-hints{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:-3px}.onboarding-location-hints label{min-width:0}.onboarding-location-hints input{min-width:0}
.onboarding-picker button.active,
.onboarding-picker button[aria-checked=true]{
  background:#ff641e;
  border-color:#ff641e;
  color:#fff;
  box-shadow:0 4px 13px rgba(255,100,30,.3);
}
body[data-theme=dark] .onboarding-picker button.active,
body[data-theme=dark] .onboarding-picker button[aria-checked=true]{
  background:#ff6a24;
  color:#fff;
  border-color:#ffad7d;
  box-shadow:0 0 0 2px rgba(255,173,125,.2),0 5px 14px rgba(0,0,0,.24);
}
body[data-theme=vision] .onboarding-picker button.active,
body[data-theme=vision] .onboarding-picker button[aria-checked=true]{
  background:#ffe500;
  color:#000;
  border-color:#ffe500;
}
@media(max-width:390px){
  .onboarding-picker button{font-size:10.5px;padding:4px 5px}
}
@media(prefers-reduced-motion:reduce){
  .onboarding-picker button{transition:none}
}

.workspace-greeting{min-width:0}.role-status-row{display:flex;align-items:center;gap:7px;min-width:0;margin-top:9px}.role-status-row .role-badge{flex:0 0 auto;margin:0}.object-access-status-wrap{position:relative;z-index:3;min-width:0;max-width:150px}
.object-access-status-wrap[hidden]{display:none}
.object-access-status{display:flex;align-items:center;justify-content:center;gap:5px;max-width:150px;min-height:28px;padding:4px 8px;border:1px solid currentColor;border-radius:999px;background:rgba(255,134,23,.08);color:#c97010;font-size:7px;line-height:1.1;font-weight:900;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}
.object-access-status>span{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
.object-access-status.active{color:#17895c;background:rgba(23,137,92,.09)}.object-access-status.pending{color:#c97010;background:rgba(255,134,23,.1)}.object-access-status.rejected{color:#c63d49;background:rgba(198,61,73,.09)}.object-access-status.suspended{color:#b85c18;background:rgba(184,92,24,.1)}
.object-access-status-popover{position:absolute;top:36px;left:0;width:min(278px,calc(100vw - 36px));padding:12px 13px;border:1px solid rgba(6,44,82,.12);border-radius:14px;background:#fff;color:#0a335b;box-shadow:0 14px 40px rgba(1,15,30,.24);text-transform:none}
.object-access-status-popover[hidden]{display:none}.object-access-status-popover::before{content:'';position:absolute;left:24px;top:-6px;width:11px;height:11px;background:#fff;transform:rotate(45deg)}
.object-access-status-popover b{position:relative;display:block;color:#0a335b;font-size:12px}.object-access-status-popover p{position:relative;margin:5px 0 0;color:#47647d;font-size:10px;line-height:1.45}
body[data-theme=dark] .object-access-status-popover{border-color:rgba(255,255,255,.16);background:#102b40;color:#fff}body[data-theme=dark] .object-access-status-popover::before{background:#102b40}body[data-theme=dark] .object-access-status-popover b{color:#fff}body[data-theme=dark] .object-access-status-popover p{color:#d5e5ef}
body[data-theme=vision] .object-access-status{border:2px solid #ffe500;background:#000;color:#ffe500}body[data-theme=vision] .object-access-status-popover{border:3px solid #ffe500;background:#000;color:#fff}body[data-theme=vision] .object-access-status-popover::before{display:none}body[data-theme=vision] .object-access-status-popover b,body[data-theme=vision] .object-access-status-popover p{color:#fff}
@media(max-width:410px){.role-status-row{gap:5px}.role-status-row .role-badge{padding-inline:8px}.object-access-status-wrap{max-width:122px}.object-access-status{max-width:122px;padding-inline:6px;font-size:6.2px}.object-access-status-popover{left:auto;right:-42px;width:min(260px,calc(100vw - 20px))}.object-access-status-popover::before{left:auto;right:70px}}
@media(max-width:350px){.object-access-status-wrap{max-width:105px}.object-access-status{max-width:105px;font-size:5.5px}}
.onboarding-card .optional-field{opacity:.62;transition:opacity .16s}
.onboarding-card .optional-field:focus-within{opacity:1}
.onboarding-card .optional-field input{background:rgba(6,44,82,.035);border-style:dashed}
body[data-theme=dark] .onboarding-card .optional-field{opacity:.66}
body[data-theme=dark] .onboarding-card .optional-field:focus-within{opacity:1}

.confirmation-action,
#requestForm>.primary[type=submit],
.support-submit,
#serviceOrderForm>.primary[type=submit],
#accessPassForm>.primary[type=submit],
#personalDataForm>.primary[type=submit],
#premiseMemberForm>.primary[type=submit],
.request-rating-save,
.chat-request-draft>.primary{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:0;
  background:linear-gradient(135deg,#ff5a1f,#ff7a33)!important;
  color:#fff!important;
  font-weight:900;
  letter-spacing:.025em;
  box-shadow:0 7px 18px rgba(255,90,31,.3);
}
.confirmation-action::after,
#requestForm>.primary[type=submit]::after,
.support-submit::after,
#serviceOrderForm>.primary[type=submit]::after,
#accessPassForm>.primary[type=submit]::after,
#personalDataForm>.primary[type=submit]::after,
#premiseMemberForm>.primary[type=submit]::after,
.request-rating-save::after,
.chat-request-draft>.primary::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:-80%;
  bottom:-80%;
  left:-38%;
  width:22%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-18deg);
  animation:confirmationSweep 3.8s ease-in-out infinite;
}
@keyframes confirmationSweep{
  0%,58%{left:-38%;opacity:0}
  66%{opacity:1}
  86%,100%{left:122%;opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .confirmation-action::after,
  #requestForm>.primary[type=submit]::after,
  .support-submit::after,
  #serviceOrderForm>.primary[type=submit]::after,
  #accessPassForm>.primary[type=submit]::after,
  #personalDataForm>.primary[type=submit]::after,
  #premiseMemberForm>.primary[type=submit]::after,
  .request-rating-save::after,
  .chat-request-draft>.primary::after{animation:none}
}