/* NSM Mobile 0.7.3 – kompakt fő feladatkártya és finomított színrendszer */
:root{
  --nsm-night:#041a3d;
  --nsm-navy:#082b63;
  --nsm-blue:#176fe3;
  --nsm-sky:#38b7ff;
  --nsm-amber:#ffb547;
  --nsm-danger:#ff6b5f;
}

/* A térképmotívum dekoráció: ne foglaljon helyet a dokumentumfolyamban. */
.map-motif{
  position:absolute;
  right:-24px;
  top:16px;
  width:132px;
  height:132px;
  opacity:.34;
  pointer-events:none;
  background:
    repeating-linear-gradient(45deg,transparent 0 26px,rgba(91,183,255,.16) 27px 29px),
    repeating-linear-gradient(-45deg,transparent 0 34px,rgba(91,183,255,.10) 35px 37px);
  -webkit-mask-image:radial-gradient(circle at center,#000 0 48%,transparent 72%);
  mask-image:radial-gradient(circle at center,#000 0 48%,transparent 72%);
  transform:rotate(-6deg);
}
.map-motif span{
  position:absolute;
  left:62px;
  top:58px;
  width:18px;
  height:18px;
  border:4px solid #fff;
  border-radius:50%;
  background:#1369df;
  box-shadow:0 0 0 6px rgba(42,151,255,.24),0 0 18px rgba(52,183,255,.55);
}

/* A sürgősség ne színezze vörösre az egész kártyát. */
.primary-job,
.primary-job.urgent{
  min-height:0;
  padding:14px 14px 13px;
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(67,186,255,.18),transparent 31%),
    linear-gradient(145deg,#061f4a 0%,#0a3675 60%,#1257a8 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 17px 36px rgba(4,31,76,.24),inset 0 1px 0 rgba(255,255,255,.08);
}
.primary-job.urgent{
  box-shadow:0 17px 36px rgba(4,31,76,.24),inset 3px 0 0 var(--nsm-amber),inset 0 1px 0 rgba(255,255,255,.08);
}
.primary-job.urgent .status,
.primary-job .status-urgent{
  color:#fff5dc;
  background:rgba(255,181,71,.16);
  border-color:rgba(255,201,115,.32);
}
.primary-job.urgent .status i,
.primary-job .status-urgent i{
  background:var(--nsm-amber);
  box-shadow:0 0 0 4px rgba(255,181,71,.14),0 0 12px rgba(255,181,71,.32);
}

.primary-head,.time-chip,.customer-row,.problem,.job-facts,.primary-actions{position:relative;z-index:2}
.primary-head{min-height:26px}
.pill-label{padding:6px 10px;font-size:7px!important;background:rgba(24,118,238,.34)}
.status{padding:6px 9px;font-size:7px}
.time-chip{margin-top:8px;padding:6px 9px}
.time-chip strong{font-size:17px}
.customer-row{margin-top:11px;gap:10px}
.customer-avatar{width:41px;height:41px;border-radius:13px}
.customer-row h2{font-size:20px}
.problem{margin:10px 0 11px;font-size:13px;line-height:1.35}
.job-facts{border-radius:13px}
.job-facts div{padding:8px 10px;font-size:9px}
.primary-actions{grid-template-columns:48px 48px 1fr;gap:8px;margin-top:10px}
.icon-action,.main-action{height:44px;border-radius:12px}
.main-action{font-size:9px}

/* Kisebb függőleges helyigény a kezdőoldalon. */
.today-page{padding-top:10px}
.hero-intro{margin-bottom:11px}
.day-section{margin-top:18px}
.module-strip{margin-top:13px}
.module-strip button{min-height:53px}
.bottom-nav{height:70px}

@media(max-width:360px){
  .primary-job,.primary-job.urgent{padding:12px;border-radius:18px}
  .map-motif{right:-30px;top:12px;width:118px;height:118px}
  .customer-row h2{font-size:18px}
  .primary-actions{grid-template-columns:45px 45px 1fr}
}