/* Temanten Photo — dashboard refresh based on approved flat charcoal + gold design */
:root{
  --a-bg:#f7f7f8;--a-card:#fff;--a-iv:#fbf4e9;--a-br:#b77a18;--a-br2:#242424;
  --a-ink:#171717;--a-mut:#66636a;--a-ln:#ebe8e5;--a-ok:#16803c;--a-warn:#b7791f;
  --a-bad:#dc2626;--a-info:#2878c7;--a-side:248px;--a-side-c:76px;
}
.tm-shell{background:var(--a-bg)!important;color:var(--a-ink)!important;font-family:"Plus Jakarta Sans",system-ui,sans-serif!important}
.tm-shell h1.font-serif,.tm-shell [data-testid=page-title],.tmd-h1{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;font-weight:800!important;
  letter-spacing:-.035em!important;color:#171717!important
}
.tm-main{min-height:100dvh}
.tm-main .rounded-lg.border,.tm-main .rounded-xl.border,.tm-main .rounded-2xl.border{
  border-color:var(--a-ln)!important;border-radius:18px!important;
  box-shadow:0 2px 8px rgba(24,24,24,.045),0 10px 24px rgba(24,24,24,.025)
}
.tm-shell .btn-gold{background:#c58a27!important;border-color:#c58a27!important;color:#fff!important;border-radius:12px!important}
.tm-shell .btn-gold:hover{background:#a96f12!important}
.tm-shell .btn-outline{border-radius:12px!important}
.tm-main [data-testid=dash-hero]{background:#242424!important;border-color:#242424!important;border-radius:18px!important;color:#fff!important}

/* Dashboard content */
.tmd{max-width:1180px!important;padding-bottom:30px}
.tmd-top{align-items:flex-end!important;margin-bottom:22px!important}
.tmd-date{font-size:13px!important;color:#777!important}
.tmd-h1{font-size:clamp(30px,4vw,38px)!important;line-height:1.12!important;margin:3px 0 0!important}
.tmd-bar{margin:0 0 14px!important}
.tmd-btn{background:#c58a27!important;border-color:#c58a27!important;border-radius:11px!important;min-height:38px!important}
.tmd-btn-line{background:#fff!important;color:#6f470d!important;border-color:#eadbc3!important}
.tmd-btn-line:hover{background:#fff8ed!important}
.tmd-grid{gap:14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.tmd-grid>.tmd-card:nth-child(3){grid-column:1/-1}
.tmd-card{background:#fff!important;border:1px solid #ebe8e5!important;border-radius:19px!important;
  padding:17px 17px 14px!important;box-shadow:0 2px 8px rgba(20,20,20,.045)!important;min-width:0}
.tmd-card-amber{border-top:3px solid #d59a35!important}
.tmd-card-red{border-top:3px solid #e35b54!important;background:linear-gradient(180deg,#fff8f7,#fff 100px)!important}
.tmd-card-blue{border-top:3px solid #3986ce!important}
.tmd-card-brown{border-top:3px solid #c58a27!important}
.tmd-head{margin-bottom:12px!important}
.tmd-title{gap:12px!important}
.tmd-title b{font-size:15px!important;font-weight:750!important;color:#171717!important}
.tmd-title small{font-size:12px!important;color:#777!important}
.tmd-count{min-width:46px!important;height:46px!important;border-radius:50%!important;background:#fbefdc!important;
  border:0!important;color:#8b510d!important;font:800 22px "Plus Jakarta Sans",sans-serif!important}
.tmd-card-red .tmd-count{background:#fee4e2!important;color:#c92323!important}
.tmd-tog{border-radius:50%!important;border-color:#eee2d2!important;color:#80500e!important}
.tmd-more{color:#a86d10!important}
.tmd-row{border-top-color:#f0eeeb!important;padding:10px 4px!important}
.tmd-chip{border-radius:999px!important}
.tmd-min{padding-bottom:15px!important}
.tmd-min .tmd-head{margin-bottom:0!important}

/* Mobile/tablet header: flat charcoal, logo sits lower with comfortable top/bottom padding */
@media (max-width:1023px){
  .tm-side{
    display:flex!important;position:fixed!important;inset:0 0 auto 0!important;width:100%!important;height:auto!important;
    min-height:100px!important;z-index:60!important;background:#222!important;border:0!important;
    border-radius:0 0 30px 30px!important;box-shadow:0 5px 18px rgba(0,0,0,.12)!important;
    overflow:hidden!important
  }
  .tm-side-top{
    width:100%!important;min-height:100px!important;box-sizing:border-box!important;
    display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:space-between!important;
    padding:24px 22px 17px!important;border:0!important;background:#222!important;gap:16px!important
  }
  .tm-side-logo{height:48px!important;width:auto!important;max-width:190px!important;object-fit:contain!important;
    filter:sepia(1) saturate(2.8) hue-rotate(350deg) brightness(1.08)!important}
  .tm-side-tog{width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid rgba(222,177,100,.5)!important;
    background:rgba(255,255,255,.08)!important;color:#f2c879!important;margin-bottom:3px!important}
  .tm-side-nav,.tm-side-foot{display:none!important}
  .tm-shell .tm-main{
    margin:0!important;max-width:none!important;padding:0 14px 112px!important;
    padding-top:136px!important
  }
  .tm-shell .tm-main>div{max-width:900px!important}
  .tm-bnav{
    display:block!important;background:rgba(255,255,255,.97)!important;border:1px solid #eee9e2!important;
    border-radius:24px 24px 0 0!important;box-shadow:0 -5px 22px rgba(0,0,0,.07)!important;
    padding-top:5px!important
  }
  .tm-bnav a,.tm-bnav button{min-height:58px!important}
  .tm-bnav a[class*="bg-zinc-100"]{background:#fff5e4!important;color:#a86d10!important}
  .tm-bnav a[class*="text-zinc-400"]{color:#777!important}
}
@media (max-width:640px){
  .tm-shell .tm-main{padding-left:12px!important;padding-right:12px!important;padding-top:128px!important}
  .tmd-top{margin-bottom:16px!important}
  .tmd-h1{font-size:29px!important}
  .tmd-grid{grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
  .tmd-grid>.tmd-card:nth-child(3){grid-column:auto!important}
  .tmd-card{padding:14px 13px 12px!important;border-radius:17px!important}
  .tmd-title b{font-size:14px!important}
  .tmd-count{min-width:42px!important;height:42px!important;font-size:20px!important}
  .tmd-bar{justify-content:flex-start!important}
  .tmd-btn{font-size:11px!important;padding:0 11px!important}
}

/* Desktop keeps the existing full navigation sidebar, recolored to match the new header */
@media (min-width:1024px){
  .tm-side{background:#222!important;border-right:0!important}
  .tm-side-top{border-bottom:1px solid rgba(255,255,255,.12)!important;padding-top:26px!important;padding-bottom:18px!important}
  .tm-side-logo{filter:sepia(1) saturate(2.8) hue-rotate(350deg) brightness(1.08)!important}
  .tm-side-tog{background:#303030!important;border-color:#4a4034!important;color:#f2c879!important}
  .tm-side-a{color:#d0cbc4!important}
  .tm-side-a:hover{background:#333!important;color:#fff!important}
  .tm-side-a.on{background:#3a3025!important;color:#f4c875!important}
  .tm-side-a.on:before{background:#d39a38!important}
  .tm-side-foot{border-top:1px solid rgba(255,255,255,.12)!important}
  .tm-side-mail{color:#bcb5ac!important}
  .tm-shell .tm-main{padding-top:30px!important}
}