/* APP-MYORDERS-r1
   #myorders app-style redesign without touching services/masters/nav flows.
   Scope: body.kareta-page-myorders only.
*/
body.kareta-page-myorders{
  background:#f6f6f7;
}
body.kareta-page-myorders #app,
body.kareta-page-myorders main,
body.kareta-page-myorders .page.spa-page{
  background:#fff;
}
body.kareta-page-myorders .page.spa-page{
  width:100%;
  max-width:430px;
  min-height:100dvh;
  margin:0 auto;
  padding:14px 14px calc(92px + env(safe-area-inset-bottom));
  color:#111;
  overflow-x:hidden;
}
body.kareta-page-myorders .spa-content,
body.kareta-page-myorders .container{
  width:100%;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}
body.kareta-page-myorders .spa-page-hero,
body.kareta-page-myorders .spa-page-hero--compact{
  margin:0 0 12px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
body.kareta-page-myorders .spa-hero-inner,
body.kareta-page-myorders .spa-hero-main,
body.kareta-page-myorders .spa-hero-copy{
  display:block !important;
  padding:0 !important;
  margin:0 !important;
}
body.kareta-page-myorders .spa-hero-kicker,
body.kareta-page-myorders .spa-hero-icon,
body.kareta-page-myorders .spa-hero-sub,
body.kareta-page-myorders .spa-hero-stats,
body.kareta-page-myorders .spa-hero-actions{
  display:none !important;
}
body.kareta-page-myorders .spa-hero-title{
  margin:0 0 10px !important;
  color:#111 !important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
  font-size:20px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}
body.kareta-page-myorders .spa-hero-title::before{
  content:'‹';
  display:inline-flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:flex-start;
  margin-right:4px;
  color:#111;
  font-size:28px;
  line-height:1;
  vertical-align:-2px;
}
body.kareta-page-myorders .catalog-tools,
body.kareta-page-myorders .myorders-sticky-tools{
  position:static !important;
  top:auto !important;
  margin:0 0 14px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
body.kareta-page-myorders .catalog-tools__search,
body.kareta-page-myorders .unified-tools__search,
body.kareta-page-myorders .tools-search{
  margin:0 0 10px !important;
}
body.kareta-page-myorders .catalog-tools input[type="search"],
body.kareta-page-myorders .catalog-tools input,
body.kareta-page-myorders .unified-tools input,
body.kareta-page-myorders .tools-search input{
  height:38px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#f3f3f4 !important;
  color:#111 !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:700 !important;
  padding:0 12px !important;
}
body.kareta-page-myorders .catalog-tools input::placeholder,
body.kareta-page-myorders .unified-tools input::placeholder{
  color:#a1a1aa !important;
}
body.kareta-page-myorders .mo-filter-bar{
  margin:0 0 12px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  overflow:visible !important;
}
body.kareta-page-myorders .mo-filter-tabs{
  display:flex !important;
  gap:7px !important;
  overflow-x:auto !important;
  padding:0 0 4px !important;
  scrollbar-width:none;
}
body.kareta-page-myorders .mo-filter-tabs::-webkit-scrollbar{display:none;}
body.kareta-page-myorders .mo-filter-tab{
  flex:0 0 auto !important;
  min-height:31px !important;
  border:0 !important;
  border-radius:999px !important;
  padding:0 12px !important;
  background:#f2f2f3 !important;
  color:#242424 !important;
  box-shadow:none !important;
  font-size:12px !important;
  line-height:31px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
body.kareta-page-myorders .mo-filter-tab.active,
body.kareta-page-myorders .mo-filter-tab--alert.active{
  background:#ffc400 !important;
  color:#111 !important;
}
body.kareta-page-myorders .mo-filter-tab-ico{
  display:none !important;
}
body.kareta-page-myorders .mo-filter-cnt{
  min-width:18px !important;
  height:18px !important;
  margin-left:6px !important;
  padding:0 5px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  color:#111 !important;
  border:1px solid #ececef !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:950 !important;
}
body.kareta-page-myorders #mo-list,
body.kareta-page-myorders .kr-order-list{
  display:grid;
  gap:11px;
}
body.kareta-page-myorders .mo-card{
  border:1px solid #e8e8eb !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(15,23,42,.055) !important;
  padding:13px !important;
  margin:0 !important;
  color:#111 !important;
  overflow:hidden !important;
}
body.kareta-page-myorders .mo-card + .mo-card{
  margin-top:0 !important;
}
body.kareta-page-myorders .mo-card-head{
  display:grid !important;
  gap:7px !important;
  margin:0 !important;
}
body.kareta-page-myorders .mo-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
body.kareta-page-myorders .mo-card-id{
  color:#111 !important;
  font-size:13px !important;
  font-weight:950 !important;
}
body.kareta-page-myorders .mo-card-title{
  margin:0 !important;
  color:#111 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
}
body.kareta-page-myorders .mo-card-car{
  color:#71717a !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
}
body.kareta-page-myorders .mo-type-badge,
body.kareta-page-myorders .mo-status-badge{
  min-height:22px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
}
body.kareta-page-myorders .mo-type-badge.service,
body.kareta-page-myorders .mo-type-badge.parts{
  color:#1d5fbf !important;
  background:#eaf2ff !important;
}
body.kareta-page-myorders .mo-status-badge.new,
body.kareta-page-myorders .mo-status-badge.waiting_responses,
body.kareta-page-myorders .mo-status-badge.draft{
  color:#8a6100 !important;
  background:#fff3be !important;
}
body.kareta-page-myorders .mo-status-badge.process{
  color:#f97316 !important;
  background:#fff1e7 !important;
}
body.kareta-page-myorders .mo-status-badge.done,
body.kareta-page-myorders .mo-status-badge.done_pending_client{
  color:#15803d !important;
  background:#e7f8ee !important;
}
body.kareta-page-myorders .mo-timeline{
  display:none !important;
}
body.kareta-page-myorders .mo-chat-entity{
  margin:10px 0 0 !important;
  min-height:42px !important;
  border:1px solid #e8e8eb !important;
  border-radius:14px !important;
  background:#fafafa !important;
  padding:8px 10px !important;
  display:grid !important;
  grid-template-columns:30px 1fr auto !important;
  gap:9px !important;
  align-items:center !important;
}
body.kareta-page-myorders .mo-chat-entity-ico{
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
  background:#f2f2f3 !important;
  display:grid !important;
  place-items:center !important;
  font-size:14px !important;
}
body.kareta-page-myorders .mo-chat-entity-label{
  color:#111 !important;
  font-size:12px !important;
  font-weight:950 !important;
}
body.kareta-page-myorders .mo-chat-entity-hint{
  color:#71717a !important;
  font-size:10.5px !important;
  font-weight:700 !important;
}
body.kareta-page-myorders .mo-chat-entity-arr{
  color:#a1a1aa !important;
  font-size:20px !important;
}
body.kareta-page-myorders .mo-card-actions{
  margin-top:11px !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}
body.kareta-page-myorders .mo-card-actions .btn{
  width:100% !important;
  min-height:38px !important;
  padding:0 10px !important;
  border-radius:12px !important;
  font-size:11.5px !important;
  font-weight:950 !important;
  box-shadow:none !important;
}
body.kareta-page-myorders .mo-card-actions .btn-primary{
  background:#ffc400 !important;
  color:#111 !important;
  border:0 !important;
}
body.kareta-page-myorders .mo-card-actions .btn-outline,
body.kareta-page-myorders .mo-card-actions .btn-ghost{
  background:#fff !important;
  color:#111 !important;
  border:1px solid #d9d9df !important;
}
body.kareta-page-myorders .empty-state{
  border:1px solid #e8e8eb !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(15,23,42,.055) !important;
  padding:24px 16px !important;
  color:#111 !important;
}
body.kareta-page-myorders .empty-icon{
  background:#f4f4f5 !important;
  color:#111 !important;
}
@media (min-width:768px){
  body.kareta-page-myorders .page.spa-page{
    border-left:1px solid #e8e8eb;
    border-right:1px solid #e8e8eb;
  }
}