/* TAN Digital Brand System 2026 - Ressourcenplattform
 * Central presentation layer only. No booking/business logic.
 */
:root{
  --tan-blue-800:#005F8A;
  --tan-blue-700:#0078AA;
  --tan-blue-500:#0093C9;
  --tan-blue-200:#BFE5F3;
  --tan-blue-100:#EAF7FD;
  --tan-blue-050:#F6FBFD;
  --tan-orange-700:#A85800;
  --tan-orange-500:#EF7D00;
  --tan-orange-100:#FFF3E5;
  --tan-red-500:#ED434B;
  --tan-danger:#B72E36;
  --tan-danger-bg:#FDECEF;
  --tan-success:#137A52;
  --tan-success-bg:#EAF7EF;
  --tan-brown-800:#49341F;
  --tan-sand-700:#7A593D;
  --tan-sand-500:#B28A62;
  --tan-cream:#FFF7EF;
  --tan-ink:#243847;
  --tan-muted:#5F6F79;
  --tan-line:#DBE7ED;
  --tan-white:#FFFFFF;
  --tan-bg:#F6FBFD;
  --tan-shadow-sm:0 2px 8px rgba(31,62,79,.035),0 10px 28px rgba(31,62,79,.045);
  --tan-shadow:0 14px 36px rgba(31,62,79,.08);
  --tan-shadow-lg:0 26px 70px rgba(31,62,79,.14);
  --tan-focus:0 0 0 3px rgba(0,147,201,.24);
  --tan-signal:linear-gradient(90deg,#ED434B 0%,#EF7D00 48%,#0093C9 100%);
  --tan-radius-sm:8px;
  --tan-radius-md:12px;
  --tan-radius-lg:18px;
  --tan-radius-xl:22px;

  --b:var(--tan-blue-500);
  --d:var(--tan-blue-700);
  --ink:var(--tan-ink);
  --m:var(--tan-muted);
  --bg:var(--tan-bg);
  --panel:var(--tan-white);
  --l:var(--tan-line);
  --soft:var(--tan-blue-100);
  --soft2:var(--tan-cream);
  --ok:var(--tan-success);
  --ok2:var(--tan-success-bg);
  --warn:var(--tan-orange-700);
  --warn2:var(--tan-orange-100);
  --red:var(--tan-danger);
  --red2:var(--tan-danger-bg);
  --shadow:var(--tan-shadow);
  --r:var(--tan-radius-lg);
}

html{background:var(--tan-bg)}
body{
  color:var(--tan-ink);
  font-family:Inter,"Source Sans 3","Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 92% -5%,rgba(0,147,201,.10),transparent 28%),
    radial-gradient(circle at 4% 70%,rgba(239,125,0,.055),transparent 23%),
    linear-gradient(180deg,#fbfdfe 0%,var(--tan-blue-050) 54%,#fffaf5 100%);
}
button,input,select,textarea{font-family:inherit}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{
  outline:2px solid var(--tan-blue-700)!important;
  outline-offset:2px;
  box-shadow:var(--tan-focus)!important;
}

.top{
  position:sticky;
  background:rgba(255,255,255,.95)!important;
  border-bottom:1px solid var(--tan-line)!important;
  box-shadow:0 8px 28px rgba(31,62,79,.055)!important;
}
.top:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:var(--tan-signal);
  z-index:2;
}
.logo,.auth-logo{
  border-color:#D5E8F0!important;
  box-shadow:0 6px 18px rgba(0,120,170,.09)!important;
  background:#fff!important;
}
.brand b,.auth-brand b{color:var(--tan-brown-800)!important;font-weight:760}
.brand small,.auth-brand small{color:var(--tan-muted)!important}
.nav>button{
  color:#536B78!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}
.nav>button:hover{background:#F2F8FB!important;color:var(--tan-blue-800)!important;border-color:#E2EEF3!important}
.nav>button.on{
  background:var(--tan-blue-100)!important;
  color:var(--tan-blue-800)!important;
  border-color:#CDE8F2!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
.user-chip{border-color:var(--tan-line)!important}
.user-chip button{color:#4C626F!important;border-color:var(--tan-line)!important}

.ey{color:var(--tan-blue-700)!important;font-weight:850!important;letter-spacing:.14em}
h1{
  font-family:Georgia,"Times New Roman",serif!important;
  color:var(--tan-brown-800)!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
}
.hero p{color:var(--tan-sand-700)!important;line-height:1.6}
.card-head h2,.card-head h3,.dv3-head h2,#conferenceRooms h2,#conferenceRooms h3,
.fleet-v2-top h1,.fleet-dialog h2,.drawer h2{
  color:var(--tan-brown-800)!important;
}

#dashboardV3 .dv3-section:first-of-type,
.auth-card,
.card.page-status{
  position:relative;
  overflow:hidden;
}
#dashboardV3 .dv3-section:first-of-type:before,
.auth-card:before,
.card.page-status:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:var(--tan-signal);
  z-index:2;
}

.btn,.tabs button,.room button,.fleet-v2-tabs button,.ms-room-day-btn,.ms-filter,
.mini-btn,.demo-toggle{
  border-color:var(--tan-line)!important;
  background:#fff!important;
  color:#35515F!important;
  box-shadow:0 2px 8px rgba(31,62,79,.025)!important;
}
.btn:hover,.tabs button:hover,.room button:hover,.fleet-v2-tabs button:hover,.mini-btn:hover{
  border-color:#BFDCE8!important;
  background:#FBFDFE!important;
  color:var(--tan-blue-800)!important;
}
.btn.p,.auth-submit{
  background:linear-gradient(135deg,var(--tan-blue-700),var(--tan-blue-500))!important;
  color:#fff!important;
  border-color:var(--tan-blue-700)!important;
  box-shadow:0 9px 22px rgba(0,120,170,.20)!important;
}
.btn.p:hover,.auth-submit:hover{
  background:linear-gradient(135deg,var(--tan-blue-800),var(--tan-blue-700))!important;
  color:#fff!important;
}
.mini-btn.danger{color:var(--tan-danger)!important;border-color:#F0CDD0!important;background:#FFF9F9!important}
.mini-btn.restore{color:var(--tan-success)!important;border-color:#CFE9DC!important;background:#F8FCFA!important}

.searchbar,.form input,.form select,.form textarea,.manage-add input,.manage-add select,
.fleet-form input,.fleet-form select,.fleet-form textarea,.fleet-upload input,.fleet-upload select,.fleet-upload textarea,
#conferenceRooms .ms-room-toolbar input,#conferenceRooms .ms-room-toolbar select{
  border-color:var(--tan-line)!important;
  background:#fff!important;
  color:var(--tan-ink)!important;
}
.searchbar{box-shadow:var(--tan-shadow-sm)!important}
.searchbar:focus-within,.form input:focus,.form select:focus,.form textarea:focus,
.manage-add input:focus,.manage-add select:focus,.fleet-form input:focus,.fleet-form select:focus,.fleet-form textarea:focus{
  border-color:#7CC9E3!important;
  box-shadow:var(--tan-focus)!important;
}
.searchbar span{color:var(--tan-blue-700)!important}
.search-results{border-color:var(--tan-line)!important;box-shadow:var(--tan-shadow-lg)!important}

.card,.stat,.dv3-panel,.dv3-action,.dv3-resource,.fleet-kpi,.fleet-maint-card,.fleet-note,
#conferenceRooms .ms-summary-card,#conferenceRooms .ms-room-card,#conferenceRooms .ms-day-board{
  border-color:var(--tan-line)!important;
  box-shadow:var(--tan-shadow-sm)!important;
}
.card,.stat,.dv3-panel,.fleet-kpi,.fleet-maint-card,#conferenceRooms .ms-summary-card,
#conferenceRooms .ms-room-card,#conferenceRooms .ms-day-board{background:#fff!important}
.card,.dv3-panel,.fleet-maint-card,#conferenceRooms .ms-room-card,#conferenceRooms .ms-day-board{
  border-radius:var(--tan-radius-lg)!important;
}
.card-head{border-color:#E8EFF2!important}
.card-head small,.dv3-head small,.res-card small,.event small,.fleet-note small,
.fleet-maint-card small,#conferenceRooms .ms-room-meta,#conferenceRooms .ms-summary-card span{
  color:var(--tan-muted)!important;
}

#dashboardV3 .dv3-section{
  border-color:var(--tan-line)!important;
  border-radius:var(--tan-radius-xl)!important;
  box-shadow:0 12px 34px rgba(31,62,79,.05)!important;
}
#dashboardV3 .dv3-section:nth-child(odd){background:linear-gradient(180deg,#fff,#FCFDFE)!important}
#dashboardV3 .dv3-section:nth-child(even){background:linear-gradient(180deg,#F8FCFE,#F2F9FC)!important}
#dashboardV3 .dv3-head h2{font-size:19px!important}
#dashboardV3 .dv3-head small{font-size:12px!important;color:var(--tan-muted)!important}
#dashboardV3 .dv3-action{background:#fff!important;border-color:var(--tan-line)!important}
#dashboardV3 .dv3-action:hover{border-color:#BFDCE8!important;box-shadow:0 15px 32px rgba(0,120,170,.09)!important}
#dashboardV3 .dv3-action .ico{border:1px solid transparent}
#dashboardV3 .dv3-action:nth-child(1) .ico,
#dashboardV3 .dv3-action:nth-child(3) .ico{background:var(--tan-blue-100)!important;color:var(--tan-blue-700)!important;border-color:#D9EEF6!important}
#dashboardV3 .dv3-action:nth-child(2) .ico,
#dashboardV3 .dv3-action:nth-child(4) .ico{background:var(--tan-orange-100)!important;color:var(--tan-orange-700)!important;border-color:#F5DEC3!important}
#dashboardV3 .dv3-action.disabled{opacity:.55!important}

#dashboardV3 .dv3-resource{
  background:linear-gradient(180deg,#fff,#FBFDFE)!important;
  border-color:var(--tan-line)!important;
}
#dashboardV3 .dv3-resource strong{color:var(--tan-success)!important}
#dashboardV3 .dv3-resource:disabled strong{color:#778791!important}
#dashboardV3 .dv3-resource:hover:not(:disabled){border-color:#BEDDE8!important;background:#F9FCFD!important}

.pill.free,.tan-status-success,.status-live{
  color:var(--tan-success)!important;
  background:var(--tan-success-bg)!important;
  border-color:#CBE7D8!important;
}
.pill.arrival,.tan-status-warning{
  color:var(--tan-orange-700)!important;
  background:var(--tan-orange-100)!important;
  border-color:#F2D7B7!important;
}
.pill.busy{
  color:var(--tan-blue-700)!important;
  background:var(--tan-blue-100)!important;
  border-color:#D4EAF3!important;
}
.pill.block{color:#62727C!important;background:#EEF2F4!important;border-color:#DDE5E9!important}
.err,.tan-status-danger{color:var(--tan-danger)!important;background:var(--tan-danger-bg)!important;border-color:#F0C9CD!important}
.dv3-alert.critical{background:var(--tan-danger-bg)!important;border-color:#F0C9CD!important;color:var(--tan-danger)!important}
.dv3-alert.warn{background:var(--tan-orange-100)!important;border-color:#F2D7B7!important;color:var(--tan-orange-700)!important}
.dv3-alert.info{background:var(--tan-blue-100)!important;border-color:#CEE8F2!important;color:var(--tan-blue-800)!important}
.dv3-alert.ok{background:var(--tan-success-bg)!important;border-color:#CBE7D8!important;color:var(--tan-success)!important}

.stat:before{background:linear-gradient(180deg,var(--tan-blue-500),var(--tan-blue-700))!important}
.stat b{color:var(--tan-brown-800)!important}
.mini-ring{background:conic-gradient(var(--tan-blue-500) var(--pct),#E9F0F4 0)!important}
.quick-card{border-color:var(--tan-line)!important;background:linear-gradient(180deg,#fff,#FBFDFE)!important}
.quick-card .qi{background:var(--tan-blue-100)!important;color:var(--tan-blue-700)!important;border-color:#D8ECF4!important}
.quick-card.primary{background:linear-gradient(135deg,var(--tan-blue-700),var(--tan-blue-500))!important;color:#fff!important}
.quick-card.primary .qi{background:rgba(255,255,255,.16)!important;color:#fff!important}
.quick-card.availability .qi{background:var(--tan-success-bg)!important;color:var(--tan-success)!important;border-color:#CFE9DC!important}

.res-card{background:linear-gradient(180deg,#fff,#FCFDFE)!important;border-color:var(--tan-line)!important}
.res-card:hover{border-color:#BEDDE8!important;box-shadow:0 10px 24px rgba(0,120,170,.07)!important}
.res-card b{color:var(--tan-ink)!important}
.event-icon,.badge,.avatar{background:var(--tan-blue-100)!important;color:var(--tan-blue-700)!important;border-color:#D8ECF4!important}
.event.out .event-icon{background:var(--tan-orange-100)!important;color:var(--tan-orange-700)!important;border-color:#F2D7B7!important}

.corner,.dh,.th,.fleet-month-head,.fleet-one-head{background:#F7FAFC!important;border-color:#E2EAEE!important;color:var(--tan-muted)!important}
.dh.today,.fleet-month-cell.today,.fleet-one-cell.today{background:#EEF8FC!important;color:var(--tan-blue-800)!important}
.dh.today:after{background:var(--tan-blue-500)!important}
.cell,.slot,.fleet-month-cell,.fleet-one-cell{border-color:#E6EDF0!important;background:#fff!important}
.cell:hover,.slot:hover,.fleet-month-cell:hover,.fleet-one-cell:hover{background:#F5FAFC!important}
.plus{color:var(--tan-blue-700)!important}
.booking-span.normal,.fleet-chip.booking,.fleet-month-chip.book,.fleet-one-event.book{
  background:linear-gradient(135deg,var(--tan-blue-700),var(--tan-blue-500))!important;
  color:#fff!important;
}
.booking-span.arriving{
  background:linear-gradient(135deg,var(--tan-orange-700),var(--tan-orange-500))!important;
  color:#fff!important;
}
.booking-span.inhouse{
  background:linear-gradient(135deg,var(--tan-blue-800),var(--tan-blue-700))!important;
  color:#fff!important;
}
.fleet-chip.maintenance,.fleet-month-chip.maint,.fleet-one-event.maint{
  background:linear-gradient(135deg,#6B7378,#858D92)!important;
  color:#fff!important;
}
.fleet-car-tab.on,.fleet-v2-tabs button.on,.tabs button.on,.room button.on{
  background:var(--tan-blue-100)!important;
  color:var(--tan-blue-800)!important;
  border-color:#C7E5F0!important;
}

#fleetPage .fleet-v2-top .ey{color:var(--tan-blue-700)!important}
#fleetPage .fleet-v2-top h1{font-family:Georgia,"Times New Roman",serif!important;color:var(--tan-brown-800)!important}
#fleetPage .fleet-v2-top p{color:var(--tan-sand-700)!important}
#fleetPage .fleet-v2-legend{color:var(--tan-muted)!important;font-size:11px!important}
#fleetPage .fleet-upload{border-color:#BFDCE8!important;background:#F8FCFE!important}
#fleetPage .fleet-selected-meta{border-color:var(--tan-line)!important;background:#FBFDFE!important}

.management-note,.management-note.admin-only{
  background:#F4FAFD!important;
  border-color:#CFE6EF!important;
  color:#456473!important;
}
.manage-card{background:#fff!important}
.manage-add{background:#FBFDFE!important;border-color:#E6EEF2!important}
.manage-row{border-color:#ECF1F3!important}
.role-badge{background:var(--tan-blue-100)!important;color:var(--tan-blue-700)!important}
.role-badge.admin{background:var(--tan-orange-100)!important;color:var(--tan-orange-700)!important}
.backup-panel{border-color:var(--tan-line)!important;background:#FBFDFE!important}
.backup-admin-note{background:var(--tan-orange-100)!important;border-color:#F0D8BB!important;color:var(--tan-orange-700)!important}
.demo-banner{background:#FFF8E9!important;border-color:#EBCB91!important;color:#70521E!important}
.demo-toggle.on{background:var(--tan-orange-100)!important;border-color:#E5BC7F!important;color:var(--tan-orange-700)!important}

#conferenceRooms{--ms-blue:var(--tan-blue-700)!important}
#conferenceRooms .ms-room-day-btn.on,#conferenceRooms .ms-filter.on{
  background:var(--tan-blue-100)!important;
  border-color:#C7E5F0!important;
  color:var(--tan-blue-800)!important;
}
#conferenceRooms .ms-room-status.free{background:var(--tan-success-bg)!important;color:var(--tan-success)!important}
#conferenceRooms .ms-room-status.busy{background:var(--tan-orange-100)!important;color:var(--tan-orange-700)!important}
#conferenceRooms .ms-mini-now,#conferenceRooms .ms-board-now{background:var(--tan-blue-700)!important}
#conferenceRooms .ms-mini-busy{background:var(--tan-orange-500)!important}
#conferenceRooms .ms-board-busy{background:#FFE0B5!important;border-color:#E7A144!important;color:#70420D!important}
#conferenceRooms .ms-room-source{background:#F4FAFD!important;border-color:#CFE6EF!important;color:#456473!important}
#conferenceRooms .ms-room-error{background:var(--tan-danger-bg)!important;border-color:#F0C9CD!important;color:var(--tan-danger)!important}

.auth-gate{
  background:
    radial-gradient(circle at 88% 4%,rgba(0,147,201,.15),transparent 28%),
    radial-gradient(circle at 6% 86%,rgba(239,125,0,.08),transparent 24%),
    linear-gradient(135deg,#F8FCFE 0%,#F1F9FC 56%,#FFF8F0 100%)!important;
}
.auth-card{
  background:#fff!important;
  border-color:var(--tan-line)!important;
  box-shadow:var(--tan-shadow-lg)!important;
}
.auth-card h1{font-family:Georgia,"Times New Roman",serif!important;color:var(--tan-brown-800)!important}
.auth-card>p{color:var(--tan-muted)!important}
.auth-note{background:#F7FAFC!important;border:1px solid var(--tan-line)!important;color:var(--tan-muted)!important}

.bottom-nav{
  background:rgba(255,255,255,.96)!important;
  border-color:var(--tan-line)!important;
  box-shadow:0 16px 40px rgba(31,62,79,.14)!important;
}
.bottom-nav button{color:var(--tan-muted)!important}
.bottom-nav button.on{background:var(--tan-blue-100)!important;color:var(--tan-blue-800)!important}

.dv3-row small,.dv3-alert small,.dv3-resource small,.dv3-action small,
.fleet-kpi small,.fleet-maint-card small,.fleet-note small,.manage-row-main small,
#conferenceRooms .ms-room-meta,#conferenceRooms .ms-room-next,#conferenceRooms .ms-room-event,
.res-card small,.event small,.item small{font-size:max(11px,1em)!important;line-height:1.45}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:650px){
  h1{font-size:34px!important}
  #dashboardV3 .dv3-head h2{font-size:17px!important}
  .brand b{font-size:13px!important}
  .brand small{font-size:10px!important}
  #dashboardV3 .dv3-section{border-radius:18px!important}
}