/* Företagsportalens tema: spegelvänt mot den privata butiken – brun bakgrund med M-mönster, grönt sidhuvud.
   Formulärkorten lämnas som de är. */
html{background:#1E1209 !important;min-height:100%;}
body{
  position:relative;min-height:100vh;box-sizing:border-box;
  padding-top:150px !important;
  background:
    radial-gradient(ellipse 50% 30% at 12% 18%, rgba(214,170,90,0.14), transparent 70%),
    radial-gradient(ellipse 45% 25% at 88% 38%, rgba(190,140,90,0.14), transparent 70%),
    radial-gradient(ellipse 50% 25% at 20% 62%, rgba(214,170,90,0.12), transparent 70%),
    radial-gradient(ellipse 45% 25% at 85% 85%, rgba(190,140,90,0.12), transparent 70%),
    linear-gradient(180deg, #1E1209 0%, #2E1E10 14%, #20140A 26%, #33210F 40%, #22150B 54%, #2F1F11 68%, #1E1209 82%, #2C1C0F 100%) !important;
  background-attachment:fixed !important;
}
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:url('/images/ny/m_monster.png');background-size:300px auto;background-repeat:repeat;opacity:0.09;
}
body > *{position:relative;z-index:1;}
.portal-sidhuvud{
  position:absolute !important;top:0;left:0;right:0;z-index:5 !important;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 40px;background:rgba(20,41,28,0.96);border-bottom:1px solid rgba(217,182,118,0.55);
  box-shadow:0 4px 18px rgba(0,0,0,0.35);
}
.portal-sidhuvud .brand{display:flex;align-items:center;gap:14px;text-decoration:none;}
.portal-sidhuvud .brand img{height:70px;width:auto;}
.portal-sidhuvud .brand span{font-family:'Fraunces',Georgia,serif;font-size:1.9rem;color:#F1D58F;letter-spacing:0.02em;line-height:1.1;}
.portal-sidhuvud .brand small{display:block;font-family:'Inter','Segoe UI',sans-serif;font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:#D9B676;margin-top:4px;}
.portal-sidhuvud .tillbaka-hem{
  color:#F1D58F;font-weight:600;font-size:0.95rem;text-decoration:none;font-family:'Inter','Segoe UI',sans-serif;
  border:2px solid #7A1F2E;padding:9px 16px;border-radius:2px;box-shadow:0 0 0 3px rgba(20,41,28,1),0 0 0 5px #C99A3E;white-space:nowrap;
}
.portal-sidhuvud .tillbaka-hem:hover{background:rgba(255,255,255,0.06);}
@media (max-width:700px){
  body{padding-top:120px !important;}
  .portal-sidhuvud{padding:10px 14px;}
  .portal-sidhuvud .brand img{height:48px;}
  .portal-sidhuvud .brand span{font-size:1.3rem;}
  .portal-sidhuvud .brand small{font-size:0.6rem;}
  .portal-sidhuvud .tillbaka-hem{font-size:0.8rem;padding:7px 10px;}
}
@media print{ body{background:#fff !important;padding-top:0 !important;} body::after,.portal-sidhuvud{display:none !important;} }

/* Formulärkorten i ljusare brun ton med ljus text */
.card{
  background:linear-gradient(180deg,#5E3F27,#4E3220) !important;
  border:1px solid rgba(217,182,118,0.55) !important;
  box-shadow:0 18px 40px rgba(0,0,0,0.5),inset 0 0 0 1px rgba(217,182,118,0.12) !important;
  color:#EFE5CF;
}
.card :is(h1,h2,h3){color:#F1D58F;font-family:'Fraunces',Georgia,serif;font-weight:600;}
.card :is(label,legend,p,.subtitle,.welcome-text,.field-hint,.footer-link,.required-hint,.leveranstid-hint,
  .order-info,.tom-lista,.info-rad span,.radera-info,.checkbox-row,.bestallare-row .field-label){color:#E3D7BE;}
.card :is(.order-info strong,legend.admin-rubrik){color:#F6EEDC;}
.card :is(a,.back-link,.footer-link a,.checkbox-row a,.visa-alla,.pdf-knapp,a.person-rad .person-namn,.tillbaka a){color:#F1D58F;}
.card .msg.error{color:#FF9A8A;}
.card .msg.success{color:#B9DDB0;}
.card :is(hr){border-color:rgba(217,182,118,0.3);}
/* Rutor som har egen ljus bakgrund behåller mörk text */
.card :is(fieldset[class*="panel"],.bestallare-block,.info-box,.readonly-box,.orderrad-wrapper,.delivery-option,.tillval-option,
  .band-tekster,.obs-varning,.vantar-godkannande,.order-rad.ny-order,.klart,.mottagartyp-btn,.kurs-allman,.kurs-detalj){color:#1B1F1D;}
.card :is(fieldset[class*="panel"],.bestallare-block,.info-box,.readonly-box,.orderrad-wrapper,.delivery-option,.tillval-option,
  .band-tekster,.obs-varning,.vantar-godkannande,.order-rad.ny-order,.klart,.kurs-allman,.kurs-detalj)
  :is(label,p,.field-hint,.leveranstid-hint,.field-label,.order-info,span:not([class*="badge"])){color:#3A3A34;}
.card :is(fieldset[class*="panel"],.bestallare-block,.info-box,.readonly-box,.orderrad-wrapper) :is(a){color:#2B4A3A;}
/* Kursrutorna är ljusa: rubrik och felmeddelanden mörka */
.card .kurs-detalj .kurs-detalj-rubrik{color:#3B2716;}
.card .kurs-allman .kurs-allman-text a{color:#2B4A3A;}
.card .kurs-detalj .msg.error,.card .kurs-detalj .kurs-fel{color:#B23B3B;}
/* Fält och knappar inne i formulären är oförändrade */
.card :is(input,select,textarea){color:#1B1F1D;}
/* Svarta M-loggan i korten byts mot guld-M:et */
.card .portal-logo{content:url('/images/ny/m_guld.png');mix-blend-mode:normal !important;}
/* Rutorna inne i formulären i ljusare brun ton */
.card :is(fieldset[class*="panel"],.bestallare-block,.info-box,.readonly-box,.band-tekster,.order-rad.ny-order){
  background:linear-gradient(180deg,#EADBC2,#DFCCAE) !important;
  border-color:rgba(122,82,40,0.45) !important;
}
/* Rubrikerna ligger inne i rutorna med mörk text */
.card fieldset[class*="panel"] > legend{float:left;width:100%;color:#3B2716 !important;}
.card fieldset[class*="panel"] > legend + *{clear:both;}
.card :is(.delivery-option,.tillval-option,.mottagartyp-btn){background:#F3E8D6 !important;border-color:rgba(122,82,40,0.35) !important;}
.card :is(.delivery-option:has(input:checked),.tillval-option:has(input:checked),.mottagartyp-btn.active){background:#E6CFA8 !important;border-color:#9C7048 !important;}
/* Texten i den blå rutan "beställaren och mottagaren är samma" i guld */
.card .mottagare-ar-bestallaren-card, .card .mottagare-ar-bestallaren-card :is(label,span,p){color:#F1D58F !important;}
/* Rubriker och länkar som ligger direkt på den bruna bakgrunden (utanför korten) */
body > :not(.card):not(.portal-sidhuvud) :is(h1,h2):not(.card *),
.wide > h1, .wide > h2, body > h1, body > h2{color:#F1D58F !important;font-family:'Fraunces',Georgia,serif;font-weight:600;}
.wide > .back-link, body > .back-link, .wide > a.back-link, .tillbaka a{color:#F1D58F !important;}
/* Orderlistor (mina ordrar, företagets ordrar, medarbetare) */
.card .ol-rubrik{color:#D9B676 !important;}
.card .ol-tom{color:#E3D7BE !important;}
/* Månadsrutorna i samma cappuccinoton som Beställare-rutan, med mörk text */
.card .ol-manad{background:linear-gradient(180deg,#EADBC2,#DFCCAE) !important;border-color:rgba(122,82,40,0.45) !important;}
.card .ol-manad > summary, .card .ol-manad > summary .ol-antal, .card .ol-manad > summary::after{color:#3B2716 !important;}
.card .ol-manad :is(.order-nr,.order-info strong){color:#1B1F1D !important;}
.card .ol-manad :is(.order-info,.ol-tom,p){color:#3A3A34 !important;}
.card .ol-manad :is(a,.pdf-knapp){color:#2B4A3A !important;}
.card .ol-manad .order-rad{border-bottom-color:rgba(122,82,40,0.25) !important;}
.card .order-rad{border-bottom-color:rgba(217,182,118,0.2) !important;}
.card .order-nr{color:#F6EEDC;}

/* Inga upp/ner-pilar i sifferrutor — man skriver siffran själv */
input[type="number"]{-moz-appearance:textfield;appearance:textfield;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}