/* Digitales Bautagebuch – modernes, responsives Kachel-UI */

/*
  Mobile hardening:
  Some Android webviews/kiosk browsers render the layout a few pixels wider than the
  viewport when padding + percentage widths combine without consistent box-sizing.
  This caused the photo preview and the "Entfernen" button to be clipped on the right.
*/
*,
*::before,
*::after{box-sizing:border-box;}

html,body{max-width:100%;overflow-x:hidden;}

.dbtb-wrap,.dbtb-card,.dbtb-section{max-width:100%;}
.dbtb-wrap{max-width:1100px;margin:24px auto;padding:0 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
.dbtb-card{background:#fff;border:1px solid #e7e7e7;border-radius:16px;box-shadow:0 6px 22px rgba(0,0,0,.06);padding:18px;}
.dbtb-header{display:flex;gap:14px;align-items:center;margin-bottom:14px;}
.dbtb-logo{width:72px;height:72px;object-fit:contain;border-radius:12px;border:1px solid #eee;background:#fafafa;}
.dbtb-logo-placeholder{width:72px;height:72px;border-radius:12px;border:1px dashed #bbb;background:#fafafa;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666;}
.dbtb-title{font-size:20px;font-weight:800;}
.dbtb-subtitle{font-size:14px;color:#555;margin-top:2px;}
.dbtb-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0;}
.dbtb-bar select{min-width:260px;max-width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:10px;background:#fff;}
.dbtb-auth-grid{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:860px){.dbtb-auth-grid{grid-template-columns:1fr 1fr;}}
.dbtb-auth-box{border:1px solid #eee;border-radius:14px;padding:14px;background:#fcfcfc;}
.dbtb-form input,.dbtb-form textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:10px;margin:8px 0;background:#fff;}
.dbtb-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.dbtb-btn{appearance:none;border:0;border-radius:12px;padding:11px 14px;background:#111;color:#fff;font-weight:700;cursor:pointer;}
.dbtb-btn-secondary{appearance:none;border:1px solid #ddd;border-radius:12px;padding:10px 14px;background:#fff;color:#111;font-weight:700;cursor:pointer;}
.dbtb-msg{margin-top:8px;color:#b00020;font-size:13px;}
.dbtb-msg.ok{color:#0b7a2a;}
.dbtb-project-info{border:1px solid #eee;border-radius:14px;padding:12px;background:#fbfbfb;margin-top:8px;}
.dbtb-project-instructions{font-weight:800;margin-bottom:8px;}
.dbtb-project-meta{color:#444;font-size:14px;white-space:pre-wrap;}
.dbtb-tiles{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px;}
@media(min-width:720px){.dbtb-tiles{grid-template-columns:1fr 1fr;}}
.dbtb-tile{text-align:left;border:1px solid #eee;border-radius:16px;padding:14px;background:#fff;cursor:pointer;}
.dbtb-tile:hover{box-shadow:0 10px 26px rgba(0,0,0,.08);transform:translateY(-1px);}
.dbtb-tile-title{font-weight:800;font-size:16px;}
.dbtb-tile-desc{color:#555;font-size:13px;margin-top:4px;}
.dbtb-section{display:none;border:1px solid #eee;border-radius:16px;padding:12px;margin-top:12px;background:#fff;}
.dbtb-section.active{display:block;}
.dbtb-section-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.dbtb-back{appearance:none;border:1px solid #ddd;border-radius:12px;padding:8px 10px;background:#fff;font-weight:700;cursor:pointer;}
.dbtb-grid{display:grid;grid-template-columns:1fr;gap:10px;}
@media(min-width:720px){.dbtb-grid{grid-template-columns:1fr 1fr;}}
.dbtb-grid label{display:block;font-weight:700;margin-bottom:6px;color:#333;}
.dbtb-grid input,.dbtb-grid textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:10px;background:#fff;}
.dbtb-colspan-2{grid-column:1/-1;}
.dbtb-hint{color:#555;font-size:13px;margin:6px 0 10px;}
.dbtb-readonly{white-space:pre-wrap;border:1px dashed #ccc;border-radius:12px;padding:10px;background:#fafafa;color:#333;}
.dbtb-photo-list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px;}
@media(min-width:720px){.dbtb-photo-list{grid-template-columns:1fr 1fr;}}
.dbtb-photo-item{border:1px solid #eee;border-radius:14px;padding:10px;background:#fcfcfc;}
.dbtb-photo-item img{width:100%;height:auto;border-radius:10px;border:1px solid #eee;max-height:260px;object-fit:contain;display:block;margin:0 auto;}

/* Foto-Tool: Preview + Buttons responsiv (kein Abschneiden rechts) */
.dbtb-photo-img{width:100%;height:auto;display:block;max-width:100%;}
.dbtb-photo-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px;}
.dbtb-photo-actions .dbtb-btn-secondary{width:auto;display:inline-flex;justify-content:center;flex:1 1 calc(50% - 10px);min-width:140px;box-sizing:border-box;}
@media (max-width: 420px){
  .dbtb-photo-actions .dbtb-btn-secondary{flex-basis:100%;min-width:0;}
}
.dbtb-sign-grid{display:grid;grid-template-columns:1fr;gap:12px;}
@media(min-width:860px){.dbtb-sign-grid{grid-template-columns:1fr 1fr;}}
.dbtb-sign-box{border:1px solid #eee;border-radius:16px;padding:12px;background:#fcfcfc;}
.dbtb-sign{width:100%;max-width:520px;background:#fff;border:1px solid #ddd;border-radius:12px;touch-action:none;}
.dbtb-sendbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;}
.dbtb-office-grid{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:980px){.dbtb-office-grid{grid-template-columns:22% 78%;}}
.dbtb-office-panel{border:1px solid #eee;border-radius:16px;padding:12px;background:#fff;}
.dbtb-office-entry{margin-top:10px;border-top:1px solid #eee;padding-top:10px;}
.dbtb-kv{display:grid;grid-template-columns:160px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #f2f2f2;}
.dbtb-kv .k{font-weight:800;color:#222;}
.dbtb-kv .v{white-space:pre-wrap;color:#333;}
.dbtb-photo-gallery{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px;}
@media(min-width:720px){.dbtb-photo-gallery{grid-template-columns:1fr 1fr;}}
.dbtb-photo-gallery figure{margin:0;border:1px solid #eee;border-radius:14px;padding:8px;background:#fcfcfc;}
.dbtb-photo-gallery img{max-width:100%;height:auto;border-radius:10px;border:1px solid #eee;}
.dbtb-photo-gallery figcaption{font-size:13px;color:#444;margin-top:6px;white-space:pre-wrap;}

.dbtb-verify-note{margin-top:6px;font-size:13px;color:#0b7a2a;}

.dbtb-notice{margin:10px 0 0;padding:10px 12px;border:1px solid #f0d7da;background:#fff5f6;border-radius:12px;color:#7a0014;font-weight:600;}
.dbtb-notice.ok{border-color:#cfe8d6;background:#f4fff7;color:#0b7a2a;}

/* Office: Project list card layout (title above address) */
.dbtb-project-card{border:1px solid #f0f0f0;border-radius:14px;padding:10px 12px;background:#fcfcfc;margin-top:10px;}
.dbtb-project-title{font-weight:800;color:#111;margin-bottom:6px;}
.dbtb-project-address{color:#333;font-size:13px;white-space:pre-wrap;margin-bottom:6px;}
.dbtb-project-note{color:#555;font-size:13px;white-space:pre-wrap;}

/* Office layout refinements */
.dbtb-project-title{
    font-weight:900;
    font-size:16px;
    margin-bottom:8px;
}

.dbtb-project-address{
    margin-bottom:14px; /* larger spacing under address */
}

.dbtb-project-note{
    margin-top:2px;
}


/* === DBTB Office Layout hard override (22% / 78%) === */
@media (min-width: 980px){
  .dbtb-wrap .dbtb-office-grid{
    display:grid !important;
    grid-template-columns: 22% 78% !important;
    gap: 16px !important;
  }
}

/* Left project list typography + spacing */
.dbtb-wrap .dbtb-project-title{
  font-size:18px !important;
  font-weight:900 !important;
  margin: 0 0 10px 0 !important;
  line-height:1.2 !important;
}
.dbtb-wrap .dbtb-project-address{
  margin: 0 0 18px 0 !important;
}
.dbtb-wrap .dbtb-project-note{
  margin: 0 !important;
  color:#444 !important;
}


/* === Office entry view: prevent label/value overlap on narrow screens === */
.dbtb-wrap .dbtb-kv{
  display:grid !important;
  grid-template-columns: 1fr !important; /* stack on small screens */
  gap: 4px 10px !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #f2f2f2;
  align-items: start !important;
}
.dbtb-wrap .dbtb-kv .k{
  font-weight: 900 !important;
  font-size: 13px !important;
  color:#111 !important;
  line-height:1.25 !important;
}
.dbtb-wrap .dbtb-kv .v{
  font-size: 13px !important;
  line-height: 1.35 !important;
  color:#222 !important;
  white-space: pre-wrap;
  word-break: break-word;
}

@media (min-width: 720px){
  .dbtb-wrap .dbtb-kv{
    grid-template-columns: 210px 1fr !important; /* wider label column */
    gap: 10px 14px !important;
  }
  .dbtb-wrap .dbtb-kv .k{ font-size: 13px !important; }
  .dbtb-wrap .dbtb-kv .v{ font-size: 13px !important; }
}

/* === Modern tile dashboard (mobile diary) === */
.dbtb-tiles{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:14px;
}
@media (min-width: 720px){
  .dbtb-tiles{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap:14px; }
}
.dbtb-tile{
  border:1px solid rgba(0,0,0,.06);
  background: #fff;
  border-radius:18px;
  padding:14px 12px;
  text-align:center;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  transition: transform .08s ease, box-shadow .12s ease;
  min-height: 118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.dbtb-tile:active{ transform: scale(.98); }
.dbtb-tile:hover{ box-shadow: 0 10px 24px rgba(0,0,0,.09); }
.dbtb-tile-icon{
  width:44px; height:44px;
  border-radius:14px;
  background: rgba(46, 125, 50, .10);
  color: #2e7d32;
  display:flex; align-items:center; justify-content:center;
}
.dbtb-tile-icon svg{ width:26px; height:26px; }
.dbtb-tile-title{
  font-weight:800;
  font-size:14px;
  color:#111;
  line-height:1.15;
}
/* make page feel friendlier */
.dbtb-card{ border-radius: 22px; }


/* === Friendly color palette for tile dashboard === */
:root{
  --dbtb-accent:#2e7d32;
  --dbtb-bg: #f3faf7;
  --dbtb-card:#ffffff;
  --dbtb-text:#0f172a;
  --dbtb-muted:#475569;
}
body .dbtb-wrap{
  background: var(--dbtb-bg);
}
.dbtb-tiles{ margin-top:16px; }

.dbtb-tile{
  background: var(--dbtb-card) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.08) !important;
}
.dbtb-tile-title{
  color: var(--dbtb-text) !important;
  font-size: 14px !important;
}
.dbtb-tile-icon{
  background: color-mix(in srgb, var(--dbtb-accent) 14%, white) !important;
  color: var(--dbtb-accent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dbtb-accent) 22%, white);
}

/* Per-tile accents */
.dbtb-tile[data-section="general"]{ --dbtb-accent:#2563eb; }      /* blue */
.dbtb-tile[data-section="daily"]{ --dbtb-accent:#7c3aed; }        /* violet */
.dbtb-tile[data-section="crew"]{ --dbtb-accent:#0ea5e9; }         /* sky */
.dbtb-tile[data-section="works"]{ --dbtb-accent:#16a34a; }        /* green */
.dbtb-tile[data-section="events"]{ --dbtb-accent:#f97316; }       /* orange */
.dbtb-tile[data-section="materials"]{ --dbtb-accent:#f59e0b; }    /* amber */
.dbtb-tile[data-section="photos"]{ --dbtb-accent:#e11d48; }       /* rose */
.dbtb-tile[data-section="meetings"]{ --dbtb-accent:#14b8a6; }     /* teal */
.dbtb-tile[data-section="sign"]{ --dbtb-accent:#64748b; }         /* slate */


/* === Auth Buttons Layout === */
.dbtb-btn-row{
  display:flex;
  gap:10px;
}
.dbtb-btn-row .dbtb-btn-primary{
  flex:1 1 50%;
}

.dbtb-btn-primary,
.dbtb-btn-secondary{
  background:#677690 !important;
  border-color:#677690 !important;
  color:#fff !important;
}


/* === FINAL AUTH BUTTON FIX === */

/* Unteren Login-Resend Button komplett ausblenden */
#dbtb_resend_login,
.dbtb-login #dbtb_resend_login,
.dbtb-login button[id*="resend"]{
    display:none !important;
}

/* Registrieren + Bestätigung nebeneinander 50/50 */
.dbtb-btn-row{
    display:flex !important;
    gap:10px;
}
.dbtb-btn-row button{
    flex:1 1 50% !important;
}

/* ALLE Buttons Farbe #677690 */
.dbtb-btn-primary,
.dbtb-btn-secondary,
.dbtb-login button,
.dbtb-register button{
    background:#677690 !important;
    border-color:#677690 !important;
    color:#ffffff !important;
}


/* === AUTH BUTTONS (final) === */
.dbtb-btn-row{ display:flex !important; gap:10px !important; }
.dbtb-btn-row .dbtb-btn{ flex:1 1 50% !important; }

/* ALL buttons color */
.dbtb-btn,
.dbtb-btn-primary,
.dbtb-btn-secondary,
.dbtb-wrap button{
  background:#677690 !important;
  border:1px solid #677690 !important;
  color:#fff !important;
}

/* Resend Button Schrift kleiner */
#dbtb_resend_verify{
  font-size:0.55em !important;
  line-height:1.15 !important;
}

/* === Baustellentauglicher Passwort-Switch === */
.dbtb-pw-toggle-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
  user-select:none;
}
.dbtb-pw-toggle-text{
  font-size:16px;
  font-weight:800;
  color:#677690;
}
.dbtb-switch{
  position:relative;
  width:64px;
  height:38px;
  display:inline-block;
}
.dbtb-switch input{
  opacity:0;
  width:0;
  height:0;
}
.dbtb-slider{
  position:absolute;
  cursor:pointer;
  inset:0;
  background:#d7dde6;
  border-radius:999px;
  transition:.15s ease;
  border:2px solid rgba(103,118,144,.35);
}
.dbtb-slider:before{
  content:"";
  position:absolute;
  height:30px;
  width:30px;
  left:3px;
  top:3px;
  background:white;
  border-radius:50%;
  transition:.15s ease;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
}
.dbtb-switch input:checked + .dbtb-slider{
  background:#677690;
  border-color:#677690;
}
.dbtb-switch input:checked + .dbtb-slider:before{
  transform:translateX(26px);
}


/* === KACHELN FINAL DESIGN === */
.dbtb-card-tile {
    background: #eaf0f8 !important;
    border: 1px solid #a3a3a3 !important;
    border-radius: 24px !important; /* weichere Ecken */
    box-shadow: none !important;
    transition: all .18s ease;
}

/* leichter Hover-Effekt */
.dbtb-card-tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* dunklerer Text für besseren Kontrast */
.dbtb-card-tile h3,
.dbtb-card-tile h4,
.dbtb-card-tile span,
.dbtb-card-tile p {
    color: #2f3b4a !important;
}


/* ===============================
   FINAL TILE FORCE OVERRIDE
   =============================== */

.dbtb-wrap .dbtb-card-tile,
.dbtb-wrap .dbtb-grid .dbtb-card-tile,
.dbtb-wrap .dbtb-dashboard .dbtb-card-tile {
    background: #eaf0f8 !important;
    border: 1px solid #a3a3a3 !important;
    box-shadow: none !important;
}

/* Untere Kachel volle Breite */
.dbtb-wrap .dbtb-card-tile:last-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}


/* === TILE OVERRIDE (fix class) === */
.dbtb-wrap .dbtb-tiles .dbtb-tile{
  background:#eaf0f8 !important;
  border:1px solid #a3a3a3 !important;
  box-shadow:none !important;
}

/* Untere Kachel 'Unterschriften' volle Breite */
.dbtb-wrap .dbtb-tiles .dbtb-tile[data-section="sign"]{
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width:100% !important;
}


/* === Fix: Section headings overflow on mobile (Materiallieferungen etc.) === */
.dbtb-section-head{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;          /* allow wrapping */
}
.dbtb-section-head h3{
  flex:1 1 auto;
  min-width:0;             /* allow text to shrink inside flex */
  font-size:80% !important;/* ~20% smaller */
  line-height:1.15;
  overflow-wrap:anywhere;  /* break long words if needed */
  word-break:break-word;
  hyphens:auto;
  margin:0;
}
/* Make back button not force layout break */
.dbtb-section-head .dbtb-back{
  flex:0 0 auto;
}

/* Ensure content stays inside card */
.dbtb-section{
  overflow:hidden;
}

/* === Mobile Sections: Back button above H2 title (baustellentauglich) === */
.dbtb-section-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  flex-wrap:nowrap !important;
}
.dbtb-section-head .dbtb-back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.dbtb-section-head .dbtb-section-title{
  font-size:1.8rem !important; /* H2 size */
  line-height:1.15;
  margin:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}

/* Hide tiles when a section is open (mobile focus) */
body.dbtb-section-open #dbtb_tiles{ display:none !important; }

/* === Tiles hide/show without breaking grid (Back button fix) === */
#dbtb_tiles.dbtb-tiles-hidden{ display:none !important; }

/* When section open, do not force display changes besides hidden class */
body.dbtb-section-open #dbtb_tiles{ display: revert !important; }

/* === Ensure tiles grid returns correctly === */
#dbtb_tiles{ display:grid !important; }
#dbtb_tiles.dbtb-tiles-hidden{ display:none !important; }
body.dbtb-section-open #dbtb_tiles{ display:grid !important; }

/* === Final: Focus mode hides tiles completely === */
#dbtb_tiles{ display:grid; }
#dbtb_tiles.dbtb-tiles-hidden{ display:none !important; }
/* Do NOT force tiles visible when section open */
body.dbtb-section-open #dbtb_tiles{ display:none !important; }


/* Photo controls */
.dbtb-photo-controls{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 6px;}
.dbtb-photo-btn{flex:1 1 160px;}


/* Photo labels as buttons */
.dbtb-photo-label{position:relative;display:flex;align-items:center;justify-content:center;}
.dbtb-photo-label input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;}

/* Photo upload inputs */
.dbtb-hidden-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.dbtb-photo-controls{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 6px;}
.dbtb-photo-btn{flex:1 1 160px;text-align:center;}

/* Camera modal */
.dbtb-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;align-items:center;justify-content:center;padding:16px;}
.dbtb-modal.is-open{display:flex;}
.dbtb-modal-inner{background:#fff;border-radius:16px;max-width:520px;width:100%;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);}
.dbtb-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.dbtb-modal-title{font-size:18px;font-weight:700;}
.dbtb-modal-close{background:transparent;border:0;font-size:20px;line-height:1;padding:8px;cursor:pointer;}
#dbtb_camera_video{width:100%;border-radius:12px;background:#000;max-height:60vh;}
.dbtb-modal-actions{display:flex;gap:12px;margin-top:10px;}

/* Foto-Preview: immer volle Breite im Container (verhindert Abschneiden rechts) */
.dbtb-photo-item{max-width:100%;}
.dbtb-photo-item img{display:block;}
.dbtb-photo-item .dbtb-btn-secondary{width:100%;display:block;}

/* ---- Typography tweaks (mobile + desktop) ---- */
/* Große Seitenüberschrift */
.dbtb-section-title{
  font-size:30px !important;
  line-height:1.15;
}

/* Button-Beschriftung */
.dbtb-btn,
.dbtb-btn-primary,
.dbtb-btn-secondary,
button.dbtb-btn,
button.dbtb-btn-primary,
button.dbtb-btn-secondary{
  font-size:16px !important;
}

/* === Modernes Login-Popup === */
.dbtb-auth-grid-modern{
  align-items:stretch;
}
.dbtb-auth-box-register,
.dbtb-auth-box-login-teaser{
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 14px 34px rgba(15,23,42,.06);
  padding:20px;
}
.dbtb-auth-headline{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:#eef2ff;
  color:#344054;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  margin-bottom:12px;
}
.dbtb-auth-box-login-teaser .dbtb-auth-headline{
  background:#ecfdf3;
}
.dbtb-auth-box-register h3,
.dbtb-auth-box-login-teaser h3{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.15;
}
.dbtb-auth-text{
  margin:0 0 18px;
  color:#475467;
  font-size:14px;
  line-height:1.5;
}
.dbtb-btn-login-open{
  width:100%;
  min-height:52px;
  border-radius:16px;
  background:linear-gradient(135deg,#111827,#344054);
  box-shadow:0 14px 28px rgba(17,24,39,.18);
}
.dbtb-login-modal{
  backdrop-filter:blur(4px);
}
.dbtb-login-modal-inner{
  max-width:430px;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 26px 70px rgba(15,23,42,.24);
}
.dbtb-login-intro{
  margin:2px 0 16px;
  color:#667085;
  font-size:14px;
}
.dbtb-login-form-modern{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.dbtb-login-form-modern input{
  min-height:50px;
  border:1px solid #d0d5dd;
  border-radius:14px;
  background:#fff;
  box-shadow:inset 0 1px 2px rgba(16,24,40,.03);
}
.dbtb-login-form-modern input:focus{
  border-color:#98a2b3;
  box-shadow:0 0 0 4px rgba(17,24,39,.06);
  outline:none;
}
.dbtb-btn-login-modern{
  margin-top:4px;
  min-height:52px;
  border-radius:16px;
  background:linear-gradient(135deg,#111827,#344054);
  box-shadow:0 14px 28px rgba(17,24,39,.18);
}
.dbtb-call-row{
  width:100%;
}
.dbtb-auth-box-login-teaser .dbtb-call-row{
  margin-top:18px !important;
}
@media (max-width: 859px){
  .dbtb-auth-box-register,
  .dbtb-auth-box-login-teaser,
  .dbtb-login-modal-inner{
    padding:18px;
    border-radius:20px;
  }
  .dbtb-auth-box-register h3,
  .dbtb-auth-box-login-teaser h3{
    font-size:22px;
  }
}