:root{--bg:#08111d;--panel:#101b2a;--panel2:#131f30;--border:#22324a;--text:#eef4ff;--muted:#91a0b5;--primary:#5b5cf6;--green:#23d18b;--orange:#ff9b3f;--cyan:#33b6ff;--purple:#8b5cf6;--red:#ff6767;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#08111d;color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 10%,#10213d 0,#08111d 30%,#050b13 100%)}.wave{position:absolute;inset:auto 0 0;height:42%;background:radial-gradient(100% 90% at 20% 100%,rgba(84,53,255,.35),transparent 55%),radial-gradient(100% 80% at 76% 100%,rgba(46,125,246,.28),transparent 52%)}.stars{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(circle at 12% 17%,#566cff 0 1px,transparent 1.5px),radial-gradient(circle at 62% 18%,#6464ff 0 1px,transparent 1.5px),radial-gradient(circle at 88% 13%,#318fff 0 1px,transparent 1.5px)}.brand-pane{padding:9vw;z-index:2}.brand{display:flex;align-items:center;gap:14px;margin-bottom:42px}.logo-mark,.side-logo{background:linear-gradient(140deg,#4f46e5,#2e7df6);display:grid;place-items:center;font-weight:900}.logo-mark{width:44px;height:44px;border-radius:14px;font-size:26px}.brand-word{font-weight:900;font-size:31px}.brand-word b,.side-brand span span{color:#5f6dff}.brand-pane h1{font-size:34px;margin:0 0 10px}.brand-pane p,.subtitle,.muted-text,.empty{color:var(--muted)}.login-card-wrap{z-index:2;padding:8vw}.login-card{max-width:430px;margin:auto;background:linear-gradient(180deg,rgba(18,30,46,.96),rgba(12,22,35,.98));border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:var(--shadow)}.login-card h2{font-size:26px;margin:0 0 6px}.login-card .sub{color:var(--muted);margin-bottom:28px}.field{margin:16px 0}label{display:block;font-size:13px;margin-bottom:8px}.input,.small-input{width:100%;background:#152132;border:1px solid #2a3a52;border-radius:9px;padding:13px 14px;color:#fff;outline:none}.input:focus,.small-input:focus{border-color:#5264ff}.primary-btn,.action-btn{border:0;border-radius:9px;color:#fff;font-weight:700}.primary-btn{width:100%;padding:13px 16px;background:linear-gradient(90deg,#5347f7,#5964ff);margin-top:18px}.action-btn{display:inline-block;background:#17263a;border:1px solid #2a3b55;padding:8px 11px}.divider{display:flex;align-items:center;gap:12px;color:#718098;font-size:12px;margin:22px 0 6px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#26354b}.login-footer{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#68768c;font-size:12px}.alert{padding:10px 12px;border-radius:8px;font-size:13px}.alert.error{background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.25);color:#ff9b9b}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#0b1420;border-right:1px solid #1d2a3e;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side-brand{height:68px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid #1b293d;font-weight:900}.side-logo{width:30px;height:30px;border-radius:10px}.nav{padding:16px 10px;display:flex;flex-direction:column;gap:6px}.nav-btn{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;color:#c6d1e0}.nav-btn:hover{background:#111f31}.nav-btn.muted{opacity:.6;cursor:default}.sidebar-bottom{margin-top:auto;padding:10px;border-top:1px solid #1b293d}.main{min-width:0}.topbar{height:68px;border-bottom:1px solid #1d2a3e;display:flex;align-items:center;padding:0 24px;gap:18px;background:#09131f;position:sticky;top:0;z-index:10}.search{margin-left:auto;width:min(420px,40vw)}.search input{width:100%;background:#121f2f;border:1px solid #243550;border-radius:9px;color:#fff;padding:10px 12px}.user-chip{display:flex;align-items:center;gap:10px}.user-chip small{display:block;color:#8fa0b7;font-size:11px}.avatar{width:36px;height:36px;border-radius:50%;background:#29364a;display:grid;place-items:center;font-weight:700}.content{padding:26px}.page-title{font-size:31px;margin:0}.lead-title{font-size:26px}.page-heading,.back-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.back-row{justify-content:flex-start;margin-bottom:18px;align-items:center}.card{background:linear-gradient(180deg,#121f2f,#0f1b29);border:1px solid var(--border);border-radius:13px;box-shadow:0 8px 30px rgba(0,0,0,.12)}.kpis{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:16px;margin-top:24px}.kpi{padding:18px}.kpi span{font-size:12px}.kpi b{display:block;font-size:30px;margin:8px 0}.kpi small{color:#8ea0b7}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px;margin-top:16px}.panel,.detail-card{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel h3,.panel-head h3{margin:0;font-size:15px}.activity{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #1e2c42}.activity:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#173250}.activity strong{display:block;font-size:13px}.activity span,.activity time{display:block;color:#8fa0b6;font-size:11px;margin-top:3px}.big-number{font-size:58px;font-weight:900;margin-top:35px}.status-list{margin-top:20px}.status-list span{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #1e2c42;font-size:13px}.table-card{margin-top:22px;overflow:hidden}.table-head{display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border);gap:12px}.table-head h3{margin:0}.filters{margin-left:auto;display:flex;gap:8px}.small-input{padding:9px 10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid #1e2b3d;font-size:13px}th{color:#8fa0b6;background:#0d1826}.status{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.status-new{background:rgba(91,92,246,.15);color:#aaa7ff}.status-review{background:rgba(255,155,63,.13);color:#ffb46c}.status-approved,.status-contacted{background:rgba(35,209,139,.13);color:#5cebb2}.status-draft,.status-reply{background:rgba(51,182,255,.13);color:#74c8ff}.status-call_ready{background:rgba(139,92,246,.16);color:#b69cff}.status-no_interest,.status-do_not_contact,.status-archived{background:rgba(130,145,165,.14);color:#a9b5c7}.score{font-weight:800}.lead-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-box,.analysis-box{background:#0d1826;border:1px solid #21324a;border-radius:10px;padding:12px}.detail-box small,.analysis-box small{display:block;color:#8294aa;margin-bottom:5px}.analysis-box{margin-top:16px}.analysis-box p{margin-bottom:0}.website-card{margin-top:16px}.website-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #1e2c42}.website-row:first-of-type{border-top:0}.website-row small{display:block;color:#8fa0b6;margin-top:4px}.audit-score{font-size:24px;font-weight:900}.timeline-count{font-size:11px;color:#8fa0b6}.tl-item{display:grid;grid-template-columns:14px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #1e2c42}.tl-dot{width:10px;height:10px;border-radius:50%;background:#8b5cf6;margin-top:5px}.tl-inbound{background:#ff9b3f}.tl-outbound{background:#33b6ff}.tl-internal{background:#8b5cf6}.tl-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.tl-top span{color:#8fa0b6;font-size:11px}.message-body{color:#d9e3f0;line-height:1.55}.summary{background:#16213a;border-left:3px solid #8b5cf6;border-radius:6px;padding:10px 12px;color:#bdc9da;font-size:12px}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lead-layout{grid-template-columns:1fr}}@media(max-width:800px){.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px}.kpis{grid-template-columns:1fr}.search{display:none}.login-shell{grid-template-columns:1fr}.brand-pane{display:none}.login-card-wrap{padding:24px}.detail-list{grid-template-columns:1fr}.user-chip strong{display:none}}
.alert.success{background:rgba(35,209,139,.12);border:1px solid rgba(35,209,139,.24);color:#78efbd;margin-bottom:16px}.content>.alert.error{margin-bottom:16px}.form-card{margin-top:20px;padding:0 18px 18px}.form-card summary,.comm-add summary{cursor:pointer;padding:16px 0;font-weight:800;color:#dce7f7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{margin:0}.span-2{grid-column:1/-1}.textarea{min-height:100px;resize:vertical}.textarea.tall{min-height:170px}.primary-btn.compact{width:auto;margin:0;padding:10px 16px}.control-grid{display:grid;gap:12px}.inline-form,.two-cols{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.two-cols{grid-template-columns:1fr 1fr}.approved-box{border:1px solid rgba(35,209,139,.28);background:rgba(35,209,139,.09);padding:11px 13px;border-radius:9px;color:#66e8b2}.comm-add{margin-bottom:14px;border:1px solid #20314a;border-radius:10px;padding:0 12px 12px;background:#0d1826}.form-grid.one-col{grid-template-columns:1fr}@media(max-width:800px){.form-grid,.two-cols,.inline-form{grid-template-columns:1fr}.span-2{grid-column:auto}}
.version-pill{padding:8px 12px;border:1px solid #34445d;background:#111f31;border-radius:999px;color:#c8d5e6;font-size:12px;font-weight:800}.update-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:22px}.update-note{background:#0d1826;border:1px solid #21324a;border-radius:10px;padding:14px;color:#cbd7e7;line-height:1.55;font-size:13px}.update-form{margin-top:16px}.upload-zone{border:1px dashed #405477;background:#0b1624;border-radius:12px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:24px;transition:.2s}.upload-zone:hover{border-color:#6268ff;background:#101c2c}.upload-zone input{margin-top:10px;max-width:100%;color:#b7c6d9}.upload-zone small{color:#8294aa}.upload-icon{font-size:28px;color:#7f83ff}.update-warning{margin:12px 0;padding:10px 12px;border-radius:8px;background:rgba(255,155,63,.09);border:1px solid rgba(255,155,63,.23);color:#ffc58d;font-size:12px}.requirements-list{display:grid;gap:0}.requirement-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #1e2c42;font-size:13px}.requirement-row:last-child{border-bottom:0}.req-ok{color:#58dfaa}.req-bad{color:#ff8181}.update-error-text{display:block;color:#ff9c9c;margin-top:5px;max-width:380px;white-space:normal}.table-card code{font-size:11px;color:#aebfd3}@media(max-width:950px){.update-grid{grid-template-columns:1fr}}


/* === Mobile navigation · CRM 0.4.1 === */
.menu-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:9px;
  color:#dce7f5;
  user-select:none;
}
.menu-icon:focus-visible{
  outline:2px solid #6674ff;
  outline-offset:2px;
}

.mobile-nav-overlay,
.mobile-nav-close{
  display:none;
}

@media(max-width:800px){
  .topbar{
    padding:0 14px;
    gap:12px;
  }

  .menu-icon{
    cursor:pointer;
    background:#121f2f;
    border:1px solid #243550;
    flex:0 0 auto;
  }

  .menu-icon:hover{
    background:#17263a;
  }

  .sidebar{
    display:flex;
    position:fixed;
    inset:0 auto 0 0;
    width:min(82vw,280px);
    height:100vh;
    height:100dvh;
    z-index:100;
    transform:translateX(-105%);
    transition:transform .22s ease;
    box-shadow:22px 0 55px rgba(0,0,0,.46);
    overflow-y:auto;
    overscroll-behavior:contain;
  }

  .sidebar.mobile-open{
    transform:translateX(0);
  }

  .side-brand{
    position:sticky;
    top:0;
    z-index:2;
    background:#0b1420;
    flex:0 0 auto;
  }

  .mobile-nav-close{
    display:grid;
    place-items:center;
    margin-left:auto;
    width:34px;
    height:34px;
    border:1px solid #2a3b55;
    border-radius:9px;
    background:#111f31;
    color:#dce7f5;
    font-size:24px;
    line-height:1;
    cursor:pointer;
  }

  .mobile-nav-close:hover{
    background:#19283c;
  }

  .mobile-nav-overlay{
    display:block;
    position:fixed;
    inset:0;
    z-index:90;
    background:rgba(2,8,16,.72);
    backdrop-filter:blur(2px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease;
  }

  body.mobile-nav-open{
    overflow:hidden;
  }

  body.mobile-nav-open .mobile-nav-overlay{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .sidebar .nav{
    flex:1 0 auto;
  }

  .sidebar-bottom{
    flex:0 0 auto;
  }

  .user-chip{
    margin-left:auto;
  }

  .content{
    width:100%;
    min-width:0;
  }

  .page-heading{
    align-items:flex-start;
    flex-direction:column;
  }

  .table-head{
    align-items:stretch;
    flex-direction:column;
  }

  .filters{
    margin-left:0;
    width:100%;
  }

  .filters .small-input{
    min-width:0;
    flex:1;
  }
}


/* === Profile dropdown · CRM 0.4.2 === */
.profile-menu{
  position:relative;
  flex:0 0 auto;
}
.profile-trigger{
  appearance:none;
  border:1px solid transparent;
  background:transparent;
  color:inherit;
  padding:5px 7px 5px 9px;
  border-radius:10px;
  cursor:pointer;
  font:inherit;
  text-align:left;
  transition:background .16s ease,border-color .16s ease;
}
.profile-trigger:hover,
.profile-trigger[aria-expanded="true"]{
  background:#111f31;
  border-color:#243550;
}
.profile-trigger:focus-visible{
  outline:2px solid #6674ff;
  outline-offset:2px;
}
.user-chip-text strong{
  display:block;
  font-size:13px;
  white-space:nowrap;
}
.profile-chevron{
  color:#8294aa;
  font-size:15px;
  line-height:1;
  transition:transform .16s ease;
}
.profile-trigger[aria-expanded="true"] .profile-chevron{
  transform:rotate(180deg);
}
.profile-dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 9px);
  z-index:80;
  width:min(290px,calc(100vw - 24px));
  padding:8px;
  border:1px solid #2a3b55;
  border-radius:12px;
  background:linear-gradient(180deg,#121f2f,#0d1826);
  box-shadow:0 20px 60px rgba(0,0,0,.42);
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px) scale(.985);
  transform-origin:top right;
  pointer-events:none;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
}
.profile-dropdown.open{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.profile-summary{
  padding:10px 11px 9px;
  min-width:0;
}
.profile-summary strong,
.profile-summary span,
.profile-summary small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-summary strong{
  font-size:14px;
}
.profile-summary span{
  margin-top:4px;
  color:#a9b8ca;
  font-size:12px;
}
.profile-summary small{
  margin-top:3px;
  color:#798ba2;
  font-size:11px;
}
.profile-divider{
  height:1px;
  margin:4px 0 7px;
  background:#22324a;
}
.profile-dropdown-item{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:10px 11px;
  border-radius:8px;
  color:#dce7f5;
  font-size:13px;
}
.profile-dropdown-item:hover,
.profile-dropdown-item:focus-visible{
  background:#18283b;
  outline:none;
}
.profile-dropdown-item.logout-item{
  color:#ff9d9d;
}
.profile-dropdown-item.logout-item:hover,
.profile-dropdown-item.logout-item:focus-visible{
  background:rgba(255,103,103,.10);
}
@media(max-width:800px){
  .user-chip-text{
    display:none;
  }
  .profile-trigger{
    padding:4px;
    gap:5px;
  }
  .profile-chevron{
    display:none;
  }
  .profile-dropdown{
    position:fixed;
    top:62px;
    right:10px;
    width:min(310px,calc(100vw - 20px));
    transform-origin:top right;
  }
}


/* === Mobile profile reliability · CRM 0.4.3 === */
.profile-menu{
  z-index:120;
}
.profile-dropdown{
  z-index:180;
}

@media(max-width:800px){
  .topbar{
    overflow:visible;
  }

  .profile-menu{
    margin-left:auto;
    z-index:160;
  }

  .profile-trigger{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:46px;
    min-height:46px;
    padding:4px;
    border-color:#243550;
    background:#101d2c;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

  .profile-trigger:active,
  .profile-trigger[aria-expanded="true"]{
    background:#18283b;
    border-color:#405477;
  }

  .profile-trigger .avatar{
    pointer-events:none;
  }

  .profile-dropdown{
    position:fixed;
    top:calc(68px + env(safe-area-inset-top, 0px));
    right:10px;
    width:min(320px,calc(100vw - 20px));
    max-height:calc(100dvh - 88px);
    overflow:auto;
    z-index:200;
    transform-origin:top right;
  }

  .profile-dropdown-item{
    min-height:46px;
    font-size:14px;
  }
}

/* === Calendar & Google integration · CRM 0.5.0 === */
.calendar-tabs{display:flex;gap:8px;flex-wrap:wrap}.active-tab{border-color:#646dff!important;background:#18263f!important;color:#fff!important}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;margin-top:22px}.calendar-side{display:grid;gap:16px;align-content:start}.calendar-card{overflow:hidden}.calendar-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:15px 16px;border-bottom:1px solid #22324a}.calendar-toolbar h2{margin:0;text-align:center;font-size:18px}.calendar-toolbar form{justify-self:end}.calendar-nav{display:flex;gap:7px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{background:#0d1826;border-bottom:1px solid #22324a}.calendar-weekdays>div{padding:9px 8px;text-align:center;color:#8395ad;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.calendar-day{min-height:132px;padding:9px;border-right:1px solid #1d2d43;border-bottom:1px solid #1d2d43;background:#101b2a;min-width:0}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#0b1521;color:#63748b}.calendar-day.today{box-shadow:inset 0 0 0 1px #5b5cf6;background:linear-gradient(180deg,rgba(91,92,246,.08),#101b2a 38%)}.calendar-day-number{font-size:12px;font-weight:800;color:#b9c7d8;margin-bottom:7px}.calendar-day.today .calendar-day-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#5b5cf6;color:#fff;margin-top:-2px}.calendar-day-events{display:grid;gap:5px;min-width:0}.calendar-event{display:block;border-left:3px solid var(--cal-color,#5b5cf6);background:color-mix(in srgb,var(--cal-color,#5b5cf6) 12%,#111d2c);border-radius:6px;padding:5px 6px;color:#dfe8f4;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event span{color:#92a6bd;margin-right:4px;font-size:10px}.calendar-event:hover{filter:brightness(1.12)}.more-events{color:#8294aa;font-size:10px;padding-left:5px}.calendar-editor .panel-head{margin-bottom:12px}.calendar-checkbox{display:flex!important;margin:0!important}.calendar-delete-form{margin-top:10px}.danger-btn{color:#ff9c9c!important;border-color:rgba(255,103,103,.26)!important}.danger-btn:hover{background:rgba(255,103,103,.10)!important}.calendar-legend{display:grid;gap:10px}.calendar-legend>div{display:grid;grid-template-columns:12px 1fr;column-gap:9px;align-items:center}.calendar-legend small{grid-column:2;color:#7f92aa;font-size:10px}.calendar-color{display:inline-block;width:11px;height:11px;border-radius:50%;flex:0 0 auto}.calendar-settings-grid,.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.callback-uri{display:block;margin:12px 0;padding:11px 12px;background:#08111d;border:1px solid #263952;border-radius:8px;color:#aabaf9;overflow:auto;white-space:nowrap}.calendar-google-form{margin-top:14px}.privacy-note{margin-top:16px;border:1px solid rgba(91,92,246,.25);background:rgba(91,92,246,.08);border-radius:10px;padding:12px 13px;color:#b9c7db;font-size:12px;line-height:1.55}.google-connection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #1f2e43}.google-connection:first-of-type{border-top:0}.google-connection small{display:block;color:#8193a9;margin-top:3px}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.google-calendar-list{border-top:1px solid #1f2e43;margin-top:6px;padding:12px 0 18px}.selection-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.selection-head small{color:#7f91a8}.google-calendar-option{display:grid;grid-template-columns:auto 12px 1fr;gap:10px;align-items:center;padding:9px 7px;border-radius:8px;margin:0}.google-calendar-option:hover{background:#101d2d}.google-calendar-option input{accent-color:#5b5cf6}.google-calendar-option span:last-child b,.google-calendar-option span:last-child small{display:block}.google-calendar-option span:last-child small{color:#8092a9;margin-top:2px}.calendar-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.permission-card h3{display:flex;align-items:center;gap:9px;margin:0}.permission-card .panel-head small{display:block;color:#8193aa;margin-top:5px}.permission-table{display:grid;margin:12px 0 14px;border:1px solid #203149;border-radius:9px;overflow:hidden}.permission-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 80px;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid #1e2d42}.permission-row:last-child{border-bottom:0}.permission-row.header{background:#0d1826;color:#8496ad;font-size:11px;font-weight:800}.permission-row:not(.header)>span:nth-child(2),.permission-row:not(.header)>span:nth-child(3),.permission-row.header>span:nth-child(2),.permission-row.header>span:nth-child(3){text-align:center}.permission-row small{display:block;color:#7f91a8;margin-top:2px}.permission-row input{accent-color:#5b5cf6;transform:scale(1.06)}.color-input{height:43px;padding:5px}.empty{color:#8294aa}.panel-link{color:#7fa5ff;font-size:12px}.checkbox{display:flex;align-items:center;gap:8px;color:#cbd7e6;font-size:12px}.checkbox input{accent-color:#5b5cf6}

@media(max-width:1200px){.calendar-layout{grid-template-columns:1fr}.calendar-side{grid-template-columns:1fr 1fr}.calendar-permissions{grid-template-columns:1fr}}
@media(max-width:900px){.calendar-settings-grid,.access-grid{grid-template-columns:1fr}.calendar-side{grid-template-columns:1fr}}
@media(max-width:700px){.calendar-toolbar{grid-template-columns:1fr auto}.calendar-toolbar h2{grid-row:1;grid-column:1/-1;text-align:left}.calendar-toolbar .calendar-nav{grid-row:2}.calendar-toolbar form{grid-row:2}.calendar-weekdays>div{padding:7px 2px;font-size:9px}.calendar-day{min-height:90px;padding:5px}.calendar-day-number{margin-bottom:5px}.calendar-event{padding:4px;font-size:9px}.calendar-event span{display:none}.calendar-tabs{width:100%}.calendar-tabs .action-btn{flex:1;text-align:center}.google-connection{align-items:flex-start;flex-direction:column}.selection-head{align-items:flex-start;flex-direction:column}.permission-row{grid-template-columns:minmax(0,1fr) 52px 62px;padding:8px}.permission-row.header{font-size:9px}}
@media(max-width:480px){.calendar-day{min-height:76px}.calendar-grid{min-width:0}.calendar-day-events .calendar-event:nth-child(n+3){display:none}.more-events{display:none}.calendar-toolbar{padding:12px}.calendar-toolbar .action-btn{padding:7px 9px}.calendar-toolbar h2{font-size:16px}}


/* === CRM 0.6.0 · Workspace / Mail / Agents === */
.custom-dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:22px}.dashboard-widget{padding:18px;text-decoration:none;color:inherit}.dashboard-widget-small{grid-column:span 4}.dashboard-widget-wide{grid-column:span 6}.dashboard-stat{display:flex;flex-direction:column;gap:4px}.dashboard-stat span{color:#d9e3ef;font-size:13px}.dashboard-stat b{font-size:34px}.dashboard-stat small,.dashboard-line small{color:#8fa0b6;display:block}.dashboard-line{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #1e2c42}.dashboard-line:last-child{border-bottom:0}.dashboard-line>span:first-child{margin-top:4px}.dashboard-line div{min-width:0}.dashboard-line b{display:block}.agent-dot{width:9px;height:9px;border-radius:50%;background:#718096}.agent-running{background:#23d18b}.agent-queued{background:#5b7cff}.agent-paused{background:#ff9b3f}.dashboard-config-list{display:grid;gap:8px;margin:15px 0}.dashboard-config-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px;border:1px solid #22324a;border-radius:10px;background:#0d1826}.order-input{width:80px}.settings-tabs,.calendar-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.settings-tabs a{color:#aebbd0;text-decoration:none;padding:9px 13px;border:1px solid #263750;border-radius:9px}.settings-tabs a.active{background:#29386b;color:#fff;border-color:#5361dd}
.mail-layout{display:grid;grid-template-columns:220px minmax(320px,.85fr) minmax(360px,1.25fr);gap:14px;min-height:570px}.mail-sidebar,.mail-list,.mail-reader{overflow:hidden}.mail-sidebar{padding:12px;display:flex;flex-direction:column;gap:7px}.mail-sidebar h3{padding:0 8px}.mail-account{padding:10px;border-radius:8px;text-decoration:none;color:#dce6f3;display:flex;flex-direction:column}.mail-account small{color:#899bb2}.mail-account.active,.mail-account:hover{background:#18263a}.compose-link{margin-top:8px;text-align:center}.mail-list{overflow:auto}.mail-list-head{padding:14px 16px;display:flex;justify-content:space-between;border-bottom:1px solid #22324a}.mail-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:13px 14px;border-bottom:1px solid #1d2b3e;color:#dce5ef;text-decoration:none}.mail-row:hover{background:#111f31}.mail-row>div:nth-child(2){min-width:0}.mail-row b,.mail-row strong,.mail-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row strong{margin:2px 0}.mail-row small,.mail-row time{color:#8395ad;font-size:11px}.mail-reader{padding:18px}.mail-reader-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #22324a;padding-bottom:14px}.mail-reader-head h3{margin:0 0 5px}.mail-reader-head small,.mail-reader-head a{display:block;font-size:12px;margin-top:4px}.mail-body{white-space:normal;line-height:1.6;padding:20px 0;color:#e2e9f2}.empty-reader{height:100%;display:grid;place-content:center;text-align:center;color:#8294aa}.empty-reader b{color:#d9e3f0}.compose-card{margin-top:16px}.permission-4{grid-template-columns:minmax(220px,1fr) 90px 90px 90px!important}
.agent-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:16px;margin:18px 0}.agent-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.token-alert code{display:block;margin:10px 0;padding:12px;background:#08111d;border-radius:8px;word-break:break-all}.agent-status-running{background:rgba(35,209,139,.13);color:#5cebb2}.agent-status-paused{background:rgba(255,155,63,.13);color:#ffb46c}.agent-status-queued{background:rgba(91,92,246,.15);color:#aaa9ff}.agent-status-stopped,.agent-status-failed{background:rgba(255,103,103,.12);color:#ff8d8d}.agent-status-completed{background:rgba(51,182,255,.13);color:#74c8ff}.checkbox-line{display:flex!important;align-items:center;gap:9px}.danger-btn{border-color:#5f3338!important;color:#ff9b9b!important}
@media(max-width:1100px){.dashboard-widget-small{grid-column:span 6}.dashboard-widget-wide{grid-column:span 12}.mail-layout{grid-template-columns:180px 1fr}.mail-reader{grid-column:1/-1;min-height:320px}.agent-grid,.agent-profiles{grid-template-columns:1fr}}
@media(max-width:800px){.custom-dashboard{grid-template-columns:1fr}.dashboard-widget-small,.dashboard-widget-wide{grid-column:1}.dashboard-config-row{align-items:flex-start;flex-direction:column}.mail-layout{grid-template-columns:1fr}.mail-sidebar,.mail-list,.mail-reader{grid-column:1}.mail-sidebar{min-height:auto}.mail-account{border:1px solid #22324a}.mail-list{max-height:460px}.mail-reader{min-height:360px}.permission-4{grid-template-columns:minmax(160px,1fr) 60px 60px 70px!important}.agent-profiles{grid-template-columns:1fr}}


/* === CRM 0.6.1 · Communication folders & navigation === */
.nav-group{margin:0;padding:0;border:0}.nav-group>summary{list-style:none;cursor:pointer}.nav-group>summary::-webkit-details-marker{display:none}.nav-summary{width:100%;position:relative}.nav-caret{margin-left:auto;font-size:12px;transition:transform .18s ease;color:#8192aa}.nav-group[open] .nav-caret{transform:rotate(180deg)}.nav-submenu{display:flex;flex-direction:column;gap:3px;padding:3px 6px 7px 34px}.nav-sub-link{display:flex;align-items:center;gap:8px;color:#91a2b9;font-size:12px;padding:8px 9px;border-radius:7px}.nav-sub-link:hover{background:#111f31;color:#e7eef8}.nav-sub-link.active{background:rgba(91,92,246,.18);color:#bfc3ff}.mail-sidebar-section{display:flex;flex-direction:column;gap:5px}.mail-sidebar-section+.mail-sidebar-section{border-top:1px solid #22324a;margin-top:7px;padding-top:10px}.mail-folders h3{margin-bottom:4px}.mail-folder{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:9px;border-radius:8px;color:#a9b8ca;font-size:12px}.mail-folder:hover{background:#142237;color:#eef4ff}.mail-folder.active{background:rgba(91,92,246,.16);color:#c8cbff}.mail-folder b{min-width:24px;text-align:right;color:#778aa3;font-size:11px}.mail-folder-icon{font-size:13px}.mail-row.selected{background:#15243a;box-shadow:inset 3px 0 0 #5b5cf6}.mail-reader-actions{border-top:1px solid #22324a;padding-top:14px;margin-top:8px}.danger-soft{color:#ff9a9a!important;border-color:rgba(255,103,103,.25)!important;background:rgba(255,103,103,.08)!important}.danger-soft:hover{background:rgba(255,103,103,.14)!important}
@media(max-width:800px){.nav-submenu{padding-left:31px}.nav-sub-link{min-height:40px;font-size:13px}.mail-sidebar{gap:10px}.mail-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mail-folders h3{grid-column:1/-1}.mail-folder{border:1px solid #22324a}.mail-folder:last-child{grid-column:1/-1}}

/* === CRM 0.7.0 · Lead Workspace + Screenshot Gallery + Mail Hotfix === */
.communication-heading{align-items:center;flex-wrap:wrap}.communication-heading>div{min-width:0;flex:1 1 420px}.mail-sync-form{flex:0 0 auto;margin-left:auto}.mail-sync-form .action-btn{white-space:nowrap}
.lead-tabs{display:flex;gap:7px;overflow:auto;padding:18px 0 2px;scrollbar-width:thin}.lead-tab{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;border:1px solid #20314a;color:#aebdce;white-space:nowrap;background:#0d1826;font-size:12px}.lead-tab:hover{background:#142337;color:#fff}.lead-tab.active{background:rgba(91,92,246,.18);border-color:#4f55c5;color:#d8d9ff}.lead-tab b{display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#1a2a40;color:#b8c6d8;font-size:10px}.lead-tab.active b{background:#5153d7;color:white}.lead-filterbar{flex-wrap:wrap}.lead-filterbar .filters{flex-wrap:wrap}.lead-filterbar .small-input{width:auto;min-width:150px}.lead-table-card table{min-width:1180px}.lead-thumb{width:92px;height:58px;object-fit:cover;border-radius:7px;border:1px solid #2b3b52;background:#0b1420;display:block}.lead-thumb.placeholder{display:grid;place-items:center;font-size:22px;color:#60738c}.table-sub{display:block;color:#8395ad;margin-top:4px;font-size:11px}.potential-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.potential-high{background:rgba(35,209,139,.14);color:#63eab5}.potential-medium{background:rgba(255,155,63,.14);color:#ffb765}.potential-low{background:rgba(255,103,103,.13);color:#ff9292}.potential-unknown{background:rgba(130,145,165,.13);color:#abb8c9}.score-high{color:#58dfaa}.score-medium{color:#ffc164}.score-low{color:#ff8282}.status-waiting{background:rgba(139,92,246,.16);color:#c1a7ff}.followup-pill{display:inline-block;padding:5px 8px;border-radius:7px;background:rgba(139,92,246,.11);color:#bfaeff;font-size:11px;white-space:nowrap}.followup-pill.due{background:rgba(255,155,63,.13);color:#ffc27c}.no-website{color:#ffae71;font-size:12px}.website-link,.tiny-link{color:#71aaff}.tiny-link{display:block;margin-top:5px;font-size:11px}.lead-row-actions{display:flex;align-items:center;gap:6px}.lead-row-actions form{margin:0}.icon-btn{border:1px solid #2b3b52;background:#17263a;color:#dce7f5;border-radius:8px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}.lead-head-badges{margin-left:auto;display:flex;align-items:center;gap:10px}.lead-score-big{font-size:25px;color:#65e1ae}.lead-score-big small{font-size:11px;color:#899bb2;margin-left:2px}.lead-layout-modern{align-items:start}.website-audit-grid{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;padding:12px 0;border-top:1px solid #1e2c42}.website-audit-grid:first-of-type{border-top:0}.website-audit-grid small{display:block;color:#8fa0b6;margin-top:5px}.audit-score small{display:block;font-size:10px;color:#8294aa}.audit-score em{font-style:normal;font-size:11px;color:#8294aa}.audit-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:3px 0 12px}.audit-metrics span{display:flex;flex-direction:column;gap:4px;background:#0d1826;border:1px solid #21324a;border-radius:8px;padding:9px;color:#8294aa;font-size:10px}.audit-metrics b{color:#e7eef8;font-size:13px}.lead-control-stack{display:grid;gap:10px}.lead-control-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.lead-danger-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #21324a;padding-top:12px}.danger-btn{background:rgba(177,46,46,.18)!important;border-color:rgba(255,103,103,.3)!important;color:#ff9696!important}.screenshot-card{margin-bottom:16px}.screenshot-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.screenshot-item{margin:0;background:#0b1624;border:1px solid #21324a;border-radius:10px;overflow:hidden}.screenshot-item>a{display:block;aspect-ratio:16/10;background:#080f18}.screenshot-item img{width:100%;height:100%;display:block;object-fit:cover}.screenshot-item figcaption{padding:10px;display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:center}.screenshot-item figcaption b{font-size:12px}.screenshot-item figcaption span,.screenshot-item figcaption a{font-size:10px;color:#8193aa}.screenshot-item figcaption form{grid-column:1/-1}.text-danger{border:0;background:transparent;padding:0;color:#ff8f8f;font-size:10px;cursor:pointer}.screenshot-empty{display:grid;place-items:center;text-align:center;gap:5px;min-height:170px;border:1px dashed #324560;border-radius:10px;color:#8193aa}.screenshot-empty:first-line{font-size:28px}.screenshot-empty b{color:#d8e2ee}.screenshot-empty span{font-size:11px;max-width:270px}.screenshot-upload{margin-top:12px;border-top:1px solid #21324a}.screenshot-upload summary{cursor:pointer;padding:12px 0;font-size:12px;color:#8fb3ff}.communication-card{margin-top:0}.lead-back-row{align-items:center}.lead-back-row>div:nth-child(2){min-width:0}.lead-back-row .lead-title{overflow-wrap:anywhere}
@media(max-width:1100px){.communication-heading{align-items:flex-start}.mail-sync-form{margin-left:0}.lead-head-badges{margin-left:0}.lead-back-row{flex-wrap:wrap}.audit-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.communication-heading{display:grid;grid-template-columns:1fr;align-items:stretch}.mail-sync-form{width:100%;margin:0}.mail-sync-form .action-btn{width:100%;text-align:center}.lead-tabs{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.lead-filterbar .filters{width:100%;margin-left:0}.lead-filterbar .small-input,.lead-filterbar .action-btn{width:100%}.lead-back-row{display:grid;grid-template-columns:auto 1fr}.lead-head-badges{grid-column:1/-1;justify-content:space-between;width:100%}.screenshot-gallery{grid-template-columns:1fr}.audit-metrics{grid-template-columns:repeat(2,1fr)}.lead-control-form{grid-template-columns:1fr}.lead-danger-actions>*{flex:1}.lead-danger-actions form .action-btn{width:100%}}


/* === CRM 0.7.1 · Mobile Lead UX === */
.lead-mobile-shell{display:none}

@media(max-width:800px){
  /* Keep the page itself contained: no desktop-table horizontal overflow. */
  body{overflow-x:hidden}
  .content{max-width:100vw;overflow-x:hidden}
  .leads-heading{display:block}
  .leads-heading .subtitle{font-size:12px;line-height:1.55;margin-top:7px}

  /* Status pipeline becomes a deliberate horizontal touch scroller. */
  .lead-tabs{
    gap:8px;
    margin:10px -18px 8px;
    padding:8px 18px 9px;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  .lead-tabs::-webkit-scrollbar{display:none}
  .lead-tab{
    scroll-snap-align:start;
    min-height:42px;
    padding:9px 11px;
    flex:0 0 auto;
    box-shadow:none;
  }

  /* Desktop filter/table are removed completely on mobile. */
  .lead-table-card>.lead-filterbar,
  .lead-table-card>.table-scroll{
    display:none;
  }
  .lead-table-card{
    margin-top:14px;
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none;
  }

  .lead-mobile-shell{
    display:block;
  }
  .lead-mobile-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
  }
  .lead-mobile-toolbar>div:first-child{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
  }
  .lead-mobile-toolbar b{font-size:15px}
  .lead-mobile-toolbar small{font-size:11px;color:#8294aa}

  .mobile-lead-filters{
    position:relative;
    flex:0 0 auto;
  }
  .mobile-lead-filters>summary{
    list-style:none;
    cursor:pointer;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    border:1px solid #2a3b55;
    border-radius:9px;
    background:#142237;
    color:#dce7f5;
    font-size:12px;
    font-weight:800;
  }
  .mobile-lead-filters>summary::-webkit-details-marker{display:none}
  .mobile-lead-filters[open]>summary{
    border-color:#505bd7;
    background:rgba(91,92,246,.16);
    color:#d8d9ff;
  }
  .mobile-filter-form{
    position:fixed;
    z-index:240;
    left:10px;
    right:10px;
    top:78px;
    padding:15px;
    display:grid;
    gap:12px;
    border:1px solid #2a3b55;
    border-radius:13px;
    background:linear-gradient(180deg,#121f2f,#0c1724);
    box-shadow:0 24px 70px rgba(0,0,0,.52);
  }
  .mobile-filter-form label{
    margin:0;
    color:#aebdd0;
    font-size:11px;
  }
  .mobile-filter-form .small-input{
    width:100%;
    min-width:0;
    margin-top:6px;
    min-height:44px;
  }
  .mobile-filter-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .mobile-filter-actions .action-btn{
    min-height:44px;
    display:grid;
    place-items:center;
    text-align:center;
  }

  /* The mobile list is a native card layout instead of a table. */
  .lead-mobile-list{
    display:grid;
    gap:12px;
  }
  .lead-mobile-empty{
    padding:24px 16px;
    text-align:center;
    color:#8294aa;
    border:1px dashed #31445f;
    border-radius:12px;
    background:#0d1826;
  }
  .lead-mobile-card{
    overflow:hidden;
    border:1px solid #22324a;
    border-radius:14px;
    background:linear-gradient(180deg,#121f2f,#0e1927);
    box-shadow:0 10px 28px rgba(0,0,0,.16);
  }
  .lead-mobile-preview{
    display:block;
    position:relative;
    width:100%;
    aspect-ratio:16/7;
    overflow:hidden;
    background:#08111d;
  }
  .lead-mobile-preview img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }
  .lead-mobile-preview:after{
    content:"";
    position:absolute;
    inset:50% 0 0;
    background:linear-gradient(transparent,rgba(6,12,20,.82));
    pointer-events:none;
  }
  .lead-mobile-preview-placeholder{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    font-size:38px;
    color:#5e718a;
    background:radial-gradient(circle at 50% 35%,#12233a,#08111d 70%);
  }
  .lead-mobile-score{
    position:absolute;
    right:10px;
    bottom:9px;
    z-index:2;
    min-width:60px;
    padding:6px 9px;
    text-align:center;
    border-radius:9px;
    background:rgba(5,12,20,.88);
    border:1px solid rgba(255,255,255,.09);
    backdrop-filter:blur(8px);
    font-size:18px;
    font-weight:900;
  }
  .lead-mobile-score small{
    margin-left:2px;
    color:#8c9db2;
    font-size:9px;
  }
  .lead-mobile-body{padding:14px}
  .lead-mobile-title-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
  }
  .lead-mobile-company{
    min-width:0;
    flex:1;
  }
  .lead-mobile-company>a{
    display:block;
    color:#f0f5fb;
    font-size:16px;
    font-weight:850;
    line-height:1.25;
    overflow-wrap:anywhere;
  }
  .lead-mobile-company small{
    display:block;
    color:#8395ad;
    font-size:11px;
    line-height:1.4;
    margin-top:4px;
  }
  .lead-mobile-title-row .potential-pill{
    flex:0 0 auto;
  }
  .lead-mobile-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:14px;
  }
  .lead-mobile-meta>div{
    min-width:0;
    padding:10px;
    border:1px solid #203149;
    border-radius:9px;
    background:#0c1724;
  }
  .lead-mobile-meta>div>span{
    display:block;
    margin-bottom:6px;
    color:#75889f;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.06em;
    font-weight:800;
  }
  .lead-mobile-meta>div>b{
    display:block;
    min-width:0;
    font-size:12px;
    font-weight:700;
  }
  .lead-mobile-meta-wide{grid-column:1/-1}
  .lead-mobile-meta .status,
  .lead-mobile-meta .followup-pill{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .lead-mobile-actions{
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
    margin-top:12px;
  }
  .lead-mobile-actions form{margin:0}
  .lead-mobile-actions .action-btn{
    min-height:44px;
    display:grid;
    place-items:center;
    text-align:center;
  }
  .mobile-primary-action{
    background:linear-gradient(90deg,#4d4ff0,#5666ff);
    border-color:transparent;
  }

  /* Manual-create panel no longer becomes an oversized desktop form. */
  .form-card{
    margin-top:12px;
  }
  .form-card>summary{
    min-height:44px;
    display:flex;
    align-items:center;
  }

  /* Lead detail: prioritize scanability and thumb use. */
  .lead-back-row{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    margin-bottom:14px;
  }
  .lead-back-row>.action-btn{
    align-self:flex-start;
    min-height:40px;
  }
  .lead-back-row>div:nth-child(2){
    width:100%;
  }
  .lead-back-row .lead-title{
    font-size:23px;
    line-height:1.18;
  }
  .lead-back-row .subtitle{
    font-size:11px;
    line-height:1.5;
    margin-top:5px;
  }
  .lead-head-badges{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    width:100%;
    grid-column:auto;
  }
  .lead-score-big{
    margin-left:auto;
    font-size:23px;
  }
  .lead-layout-modern{
    display:block;
  }
  .lead-layout-modern>div{
    display:grid;
    gap:12px;
  }
  .detail-card{
    padding:14px;
    border-radius:12px;
  }
  .panel-head{
    align-items:flex-start;
    flex-wrap:wrap;
    gap:8px;
  }
  .detail-list{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .detail-box{
    min-width:0;
    padding:10px;
  }
  .detail-box b,
  .detail-box a{
    display:block;
    max-width:100%;
    overflow-wrap:anywhere;
    font-size:12px;
  }
  .website-audit-grid{
    grid-template-columns:1fr;
    gap:8px;
  }
  .audit-score{
    display:flex;
    align-items:baseline;
    gap:4px;
  }
  .audit-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .audit-metrics span{
    min-width:0;
  }
  .screenshot-card{
    margin:0;
  }
  .screenshot-gallery{
    grid-template-columns:1fr;
  }
  .screenshot-item>a{
    aspect-ratio:16/9;
  }
  .screenshot-item figcaption{
    grid-template-columns:1fr auto;
  }
  .lead-control-stack{
    gap:8px;
  }
  .lead-control-form{
    grid-template-columns:1fr;
  }
  .lead-control-form .action-btn,
  .lead-danger-actions .action-btn{
    min-height:44px;
  }
  .lead-danger-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .lead-danger-actions>*{
    width:100%;
    min-width:0;
  }
  .lead-danger-actions form .action-btn{
    width:100%;
  }
  .tl-top{
    flex-direction:column;
    gap:3px;
  }
  .tl-item{
    grid-template-columns:10px minmax(0,1fr);
    gap:9px;
  }
  .message-body{
    overflow-wrap:anywhere;
  }
}

@media(max-width:480px){
  .lead-mobile-meta{
    grid-template-columns:1fr;
  }
  .lead-mobile-meta-wide{
    grid-column:auto;
  }
  .lead-mobile-actions{
    grid-template-columns:1fr;
  }
  .lead-mobile-actions .action-btn,
  .lead-mobile-actions form,
  .lead-mobile-actions form .action-btn{
    width:100%;
  }
  .detail-list{
    grid-template-columns:1fr;
  }
  .lead-danger-actions{
    grid-template-columns:1fr;
  }
}


/* === CRM 0.7.2 · Backups & update history === */
.backup-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-top:20px}
.backup-create-card{position:relative;overflow:hidden}
.backup-hero-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(91,92,246,.24),rgba(46,125,246,.14));border:1px solid #304465;color:#99a2ff;font-size:28px;margin:12px 0 14px}
.backup-create-form{display:grid;gap:12px;margin-top:16px}
.backup-path-box{padding:14px;border-radius:10px;background:#0d1826;border:1px solid #263a56;margin:10px 0 15px;overflow:auto}
.backup-path-box code{color:#aebaff}
.backup-table{margin-top:16px}
.backup-table .table-head>div{display:grid;gap:3px}
.backup-subline{display:block;color:#7f91a8;font-size:10px;margin-top:5px}
.backup-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.backup-actions form{margin:0}
.update-history-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.update-history-head>div{display:grid;gap:3px}

@media(max-width:900px){
 .backup-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
 .update-history-head{align-items:stretch;flex-direction:column}
 .update-history-head form,.update-history-head .action-btn{width:100%}
 .backup-actions{min-width:210px}
 .backup-create-form .primary-btn{width:100%}
}


/* === CRM 0.8.0 · Sales Inbox === */
.sales-inbox{display:grid;grid-template-columns:210px minmax(300px,390px) minmax(460px,1fr);gap:12px;align-items:start;margin-top:16px}
.thread-list-panel,.thread-workspace{min-height:660px;overflow:hidden}
.thread-search{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:7px;padding:12px;border-bottom:1px solid #22324a}
.thread-list-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #22324a;color:#c9d6e6}
.thread-list-head span{font-size:11px;color:#8395ad}
.thread-list{max-height:72vh;overflow:auto}
.mail-bulk-form{margin:0}.mail-bulk-toolbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid #22324a;background:#0b1623}.mail-select-all{display:flex;align-items:center;gap:7px;color:#aab9ca;font-size:10px;font-weight:800;cursor:pointer}.mail-select-all input,.thread-select-control input{accent-color:#6d6ef7}.mail-bulk-toolbar>b{color:#8193aa;font-size:9px;white-space:nowrap}.mail-bulk-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.mail-bulk-actions .action-btn{padding:7px 9px;font-size:9px}.mail-bulk-actions button:disabled{opacity:.42;cursor:not-allowed}.thread-select-row{display:grid;grid-template-columns:38px minmax(0,1fr);border-bottom:1px solid #1d2c40}.thread-select-row>.thread-row{border-bottom:0;padding-left:0}.thread-select-control{position:relative;display:grid;place-items:start center;padding-top:15px;cursor:pointer}.thread-select-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.thread-select-control span{width:17px;height:17px;border:1px solid #41536b;border-radius:5px;background:#0c1724;display:grid;place-items:center}.thread-select-control input:focus-visible+span{outline:2px solid #8c8dff;outline-offset:2px}.thread-select-control input:checked+span{background:#5b5cf6;border-color:#7778ff}.thread-select-control input:checked+span::after{content:'✓';color:#fff;font-size:11px;font-weight:900}.thread-select-row:hover,.thread-select-row.selected,.thread-select-row.bulk-selected{background:#152338}.thread-select-row.unread{background:rgba(72,84,255,.08)}.thread-select-row.unread .thread-row-main>strong{color:#fff}.thread-select-row.bulk-selected{box-shadow:inset 3px 0 0 #6d6ef7}.thread-select-row.bulk-selected.unread{background:rgba(72,84,255,.15)}
.thread-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:12px 11px;border-bottom:1px solid #1d2c40;color:#dce6f2;text-decoration:none}
.thread-row:hover,.thread-row.selected{background:#152338}.thread-row.unread{background:rgba(72,84,255,.08)}
.thread-row.unread .thread-row-main>b,.thread-row.unread strong{color:#fff}
.thread-star{color:#f4c752;font-size:15px;padding-top:2px}
.thread-row-main{min-width:0}.thread-row-top{display:flex;justify-content:space-between;gap:8px;min-width:0}.thread-row-top b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-row-top time{color:#8192a8;font-size:9px;white-space:nowrap}
.thread-row-main>strong{display:block;font-size:12px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-row-main>small{display:block;color:#8294aa;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thread-meta{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:7px}.thread-meta .status{font-size:8px;padding:3px 6px}.ai-tone{font-size:8px;padding:3px 6px;border-radius:999px;background:rgba(139,92,246,.15);color:#c1a9ff}
.thread-workspace{padding:0}.thread-workspace-head{display:flex;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #22324a}.thread-workspace-head h2{margin:0;font-size:19px}.thread-contact-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px;color:#98a8bc;font-size:11px}.thread-contact-line small{color:#73869e}.thread-head-actions{display:flex;gap:6px}
.thread-context-bar{padding:10px 14px;border-bottom:1px solid #22324a;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#0c1724}.thread-assign-form{display:flex;gap:7px;min-width:0;flex:1}.thread-assign-form select{min-width:150px;max-width:360px}
.thread-insight-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;padding:12px 14px}.thread-ai-card,.thread-next-card{border:1px solid #283b55;border-radius:11px;background:#0d1826;padding:12px}.thread-section-title{display:flex;justify-content:space-between;align-items:center;color:#dbe5f2}.thread-section-title span{font-size:9px;color:#a48bff;border:1px solid #5b427e;border-radius:999px;padding:3px 6px}.thread-ai-card p{font-size:12px;line-height:1.55}.ai-insight-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ai-insight-meta span{border:1px solid #22344d;border-radius:8px;padding:8px}.ai-insight-meta small,.ai-open small{display:block;color:#7e91a9;font-size:9px;text-transform:uppercase}.ai-insight-meta b{font-size:11px}.ai-open{margin-top:8px;padding-top:8px;border-top:1px solid #1e2e44}.thread-followup{display:grid;gap:8px;margin-bottom:9px}
.conversation-thread{padding:6px 14px 14px;max-height:54vh;overflow:auto}.conversation-message{display:flex;gap:9px;margin:12px 0}.conversation-message.outbound{flex-direction:row-reverse}.conversation-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#263953;font-size:11px;font-weight:900}.conversation-message.outbound .conversation-avatar{background:#4d49d6}.conversation-bubble{max-width:83%;min-width:180px;border:1px solid #263951;border-radius:13px;padding:11px 12px;background:#101d2c}.conversation-message.outbound .conversation-bubble{background:#161d3b;border-color:#383c77}.conversation-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}.conversation-meta b{font-size:11px}.conversation-meta span,.conversation-meta small{font-size:9px;color:#8193aa}.conversation-body{font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}.conversation-actions{display:flex;gap:6px;margin-top:10px}
.attachment-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.attachment-list a{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #31445f;border-radius:8px;background:#0b1623;color:#a9c7ff;font-size:10px}.attachment-list small{color:#71859d}
.internal-summary{margin-top:10px;padding:8px 10px;border-left:3px solid #8b5cf6;background:#15132b;color:#cfc5ff;font-size:10px}.internal-note{margin:10px 28px;padding:10px 12px;border:1px dashed #40516a;border-radius:10px;background:#0b1623}.internal-note.ai-note{border-color:#654c88;background:#161229}.internal-note b{font-size:10px;color:#bdc9d8}.internal-note span{display:block;font-size:9px;color:#73879f;margin-top:2px}.internal-note p{margin:7px 0 0;font-size:11px;line-height:1.5}
.thread-note-form{margin:0 14px 12px;border:1px solid #273a55;border-radius:10px;padding:9px}.thread-note-form summary{cursor:pointer;color:#9db6d6;font-size:11px}.thread-note-form form{display:grid;gap:8px;margin-top:9px}
.reply-panel{border-top:1px solid #283a54;padding:14px;background:#0a1420}.reply-panel .detail-card{border:0}.very-tall{min-height:170px}.mail-compose-form{align-items:start}
.signature-settings{margin-top:16px}.signature-list{display:grid;gap:7px;margin-top:14px}.signature-list>div{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #243750;border-radius:9px;background:#0d1826}.signature-list span{display:flex;gap:7px;align-items:center}.signature-list small{color:#8b76ff}
.mail-sidebar{position:sticky;top:82px}.mail-sidebar .compose-link{margin:8px 12px 12px}
.empty-reader{min-height:500px}
.thread-workspace .empty-reader{display:grid;place-items:center;align-content:center;gap:4px}

@media(max-width:1250px){
 .sales-inbox{grid-template-columns:190px 320px minmax(420px,1fr)}
}
@media(max-width:1050px){
 .sales-inbox{grid-template-columns:190px minmax(280px,340px);align-items:start}.thread-workspace{grid-column:1/-1;min-height:auto}.thread-list{max-height:460px}.conversation-thread{max-height:none}
}
@media(max-width:800px){
 .sales-inbox{display:block}.mail-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.mail-sidebar-section{min-width:0}.mail-folders{grid-column:1/-1}.mail-folders .mail-folder{min-height:42px}.compose-link{grid-column:1/-1}
 .thread-list-panel{min-height:auto;margin-bottom:10px}.thread-search{grid-template-columns:1fr}.thread-list{max-height:none}.thread-workspace{min-height:auto}.thread-workspace-head{align-items:flex-start}.thread-context-bar{align-items:stretch}.thread-assign-form{display:grid;grid-template-columns:1fr auto}.thread-assign-form select{max-width:none;width:100%}
 .thread-insight-grid{grid-template-columns:1fr}.conversation-thread{padding:6px 10px 12px}.conversation-message,.conversation-message.outbound{flex-direction:row}.conversation-message.outbound .conversation-bubble{margin-left:auto}.conversation-bubble{max-width:92%;min-width:0}.thread-note-form{margin:0 10px 10px}.reply-panel{padding:10px}
 .mail-compose-form{grid-template-columns:1fr}.mail-compose-form .span-2{grid-column:auto}
 .mail-bulk-toolbar{grid-template-columns:1fr auto;align-items:center}.mail-bulk-actions{grid-column:1/-1;justify-content:stretch}.mail-bulk-actions .action-btn{flex:1;min-height:38px}.thread-select-row{grid-template-columns:42px minmax(0,1fr)}
}


/* === CRM 0.8.1 · Communication layout cleanup ===
   Ordnernavigation lebt ausschließlich in der Hauptnavigation.
   Im Arbeitsbereich bleibt nur die Postfachauswahl. */
.sales-inbox.sales-inbox-compact{
  grid-template-columns:minmax(330px,420px) minmax(560px,1fr);
  gap:12px;
}
.sales-mail-toolbar{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  border-bottom:1px solid #22324a;
  background:#0d1826;
}
.mail-account-switcher{
  flex:1;
  min-width:0;
}
.mail-account-switcher label{
  display:grid;
  gap:5px;
  min-width:0;
}
.mail-account-switcher label>span{
  color:#8193aa;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mail-account-switcher select{
  width:100%;
  max-width:100%;
}
.compose-toolbar-btn{
  flex:0 0 auto;
  min-height:38px;
  white-space:nowrap;
}
.sales-inbox-compact .thread-list-panel{
  min-width:0;
}
.sales-inbox-compact .thread-workspace{
  min-width:0;
}

@media(max-width:1180px){
  .sales-inbox.sales-inbox-compact{
    grid-template-columns:minmax(300px,360px) minmax(460px,1fr);
  }
}
@media(max-width:960px){
  .sales-inbox.sales-inbox-compact{
    grid-template-columns:1fr;
  }
  .sales-inbox-compact .thread-workspace{
    grid-column:1;
  }
  .sales-inbox-compact .thread-list{
    max-height:460px;
  }
}
@media(max-width:800px){
  .sales-mail-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  .compose-toolbar-btn{
    width:100%;
    display:grid;
    place-items:center;
    min-height:44px;
  }
}


/* === CRM 0.8.3 · Navigation scroll hotfix ===
   Die Hauptnavigation scrollt immer unabhängig vom Seiteninhalt. */
.sidebar{
  height:100vh;
  max-height:100vh;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}
.sidebar-inner,
.sidebar nav,
.main-nav{
  min-height:0;
}

/* Falls die Sidebar als Grid-/Flex-Kind wächst, darf sie trotzdem intern scrollen. */
.app-shell,
.layout,
.main-layout{
  min-height:0;
}
.sidebar{
  min-height:0;
}

/* Browser mit dynamischer Mobile-Viewport-Höhe */
@supports (height:100dvh){
  .sidebar{
    height:100dvh;
    max-height:100dvh;
  }
}

@media(max-width:800px){
  .sidebar{
    overflow-y:auto;
    overflow-x:hidden;
    max-height:100dvh;
  }
}


/* === CRM 0.8.4 · Sidebar structure hotfix ===
   Header + Footer bleiben sichtbar, nur die mittlere Navigation scrollt. */
.sidebar{
  height:100vh;
  max-height:100vh;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.side-brand{
  flex:0 0 auto;
}

.sidebar>.nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
  padding-bottom:18px;
}

.sidebar-bottom{
  flex:0 0 auto;
  margin-top:0;
  position:relative;
  z-index:3;
  background:#0b1420;
  border-top:1px solid #1b293d;
  padding:10px;
}

.sidebar-bottom .nav-btn{
  min-height:42px;
}

@supports (height:100dvh){
  .sidebar{
    height:100dvh;
    max-height:100dvh;
  }
}

@media(max-width:800px){
  .sidebar{
    overflow:hidden;
  }

  .sidebar>.nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:18px;
  }

  .sidebar-bottom{
    position:relative;
    bottom:auto;
    flex:0 0 auto;
    background:#0b1420;
  }
}


/* === CRM 0.8.5 · Hamburger breakpoint hotfix ===
   Desktop/Laptop: keine mobile Menütaste.
   Tablet/Smartphone: Hamburger sichtbar. */
.menu-icon{
  display:none !important;
}

@media(max-width:800px){
  .menu-icon{
    display:flex !important;
  }
}


/* === CRM 0.8.6 · Notification Center === */
.notification-menu{position:relative;flex:0 0 auto}
.bell.notification-trigger{position:relative;width:40px;height:40px;border:1px solid #253750;border-radius:10px;background:#111e2e;color:#e7eef8;display:grid;place-items:center;cursor:pointer;font-size:16px}
.bell.notification-trigger:hover,.bell.notification-trigger[aria-expanded="true"]{background:#17263a;border-color:#4458a8}
.notification-badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff535d;color:#fff;border:2px solid #09131f;display:grid;place-items:center;font-size:9px;line-height:1;font-weight:900}
.notification-dropdown{display:none;position:absolute;z-index:170;right:0;top:48px;width:min(390px,calc(100vw - 24px));max-height:min(610px,calc(100dvh - 90px));overflow:hidden;border:1px solid #2b3d59;border-radius:13px;background:linear-gradient(180deg,#132033,#0c1724);box-shadow:0 24px 70px rgba(0,0,0,.5)}
.notification-dropdown.open{display:flex;flex-direction:column}
.notification-dropdown-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #24364e}
.notification-dropdown-head>div{display:grid;gap:2px}.notification-dropdown-head b{font-size:13px}.notification-dropdown-head small{color:#8092aa;font-size:10px}.notification-dropdown-head form{margin:0}
.notification-text-btn{border:0;background:transparent;color:#9aa7ff;font-size:10px;font-weight:800;cursor:pointer;padding:6px}
.notification-dropdown-list{overflow:auto;overscroll-behavior:contain}
.notification-item{display:grid;grid-template-columns:32px minmax(0,1fr) 8px;gap:10px;align-items:start;padding:11px 13px;border-bottom:1px solid #1d2e44;background:#0e1927}
.notification-item:hover{background:#142238}.notification-item.unread{background:rgba(80,84,255,.085)}
.notification-icon,.notification-page-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;border:1px solid #30425c;background:#17263a;font-weight:900}
.notification-item.priority-critical .notification-icon,.notification-page-item.priority-critical .notification-page-icon{border-color:#6f3541;background:#321921;color:#ff8993}
.notification-item.priority-warning .notification-icon,.notification-page-item.priority-warning .notification-page-icon{border-color:#654b2c;background:#2d2216;color:#ffc06d}
.notification-item.priority-success .notification-icon,.notification-page-item.priority-success .notification-page-icon{border-color:#285c49;background:#132c23;color:#70e8b4}
.notification-copy{min-width:0;display:grid;gap:3px}.notification-copy b{font-size:11px;line-height:1.35}.notification-copy small{font-size:10px;line-height:1.4;color:#8ea0b7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-copy time{font-size:9px;color:#667b94;margin-top:2px}
.notification-dot{width:7px;height:7px;border-radius:50%;background:#6064ff;margin-top:5px}
.notification-empty{padding:24px 14px;text-align:center;color:#8395ad;font-size:11px}
.notification-all-link{flex:0 0 auto;padding:11px 14px;text-align:center;border-top:1px solid #273950;color:#a5b7ff;font-size:10px;font-weight:800;background:#0c1724}
.notification-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}
.notification-filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.notification-filter-tabs a{padding:8px 11px;border-radius:8px;border:1px solid #263950;background:#101c2b;color:#97a8bd;font-size:11px}.notification-filter-tabs a.active{border-color:#5057dc;background:rgba(83,84,246,.16);color:#d5d8ff}
.notification-toolbar-actions{display:flex;gap:7px}.notification-toolbar-actions form{margin:0}
.notification-page-list{display:grid;gap:9px;margin-top:14px}
.notification-page-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 15px}
.notification-page-item.unread{border-color:#424bb1;background:linear-gradient(180deg,#15223a,#101b2c)}
.notification-page-copy{min-width:0}.notification-page-top{display:flex;justify-content:space-between;gap:15px}.notification-page-top b{font-size:13px}.notification-page-top time{font-size:10px;color:#7689a1;white-space:nowrap}.notification-page-copy p{margin:6px 0;color:#a6b5c8;font-size:11px;line-height:1.5}.notification-page-copy>small{color:#667d98;font-size:9px;text-transform:uppercase}
.notification-new-label{padding:4px 7px;border-radius:999px;background:rgba(82,86,255,.18);color:#aeb4ff;font-size:9px;font-weight:900}
.notification-page-empty{display:grid;gap:5px;color:#8294aa}.notification-page-empty b{color:#dce6f2}
@media(max-width:800px){.notification-dropdown{position:fixed;left:10px;right:10px;top:62px;width:auto;max-height:calc(100dvh - 78px)}.notification-page-toolbar{align-items:stretch;flex-direction:column}.notification-toolbar-actions{display:grid;grid-template-columns:1fr}.notification-toolbar-actions form,.notification-toolbar-actions .action-btn{width:100%}.notification-page-item{grid-template-columns:34px minmax(0,1fr)}.notification-new-label{grid-column:2;justify-self:start}.notification-page-top{display:grid;gap:3px}}


/* === CRM 0.8.8 · Mail compose & notification workflow === */
.mail-compose-dialog{
  width:min(760px,calc(100vw - 32px));
  max-height:calc(100dvh - 48px);
  padding:0;
  border:1px solid #31445f;
  border-radius:15px;
  background:#0e1928;
  color:#e8eef7;
  box-shadow:0 30px 100px rgba(0,0,0,.62);
}
.mail-compose-dialog::backdrop{background:rgba(3,8,15,.72);backdrop-filter:blur(3px)}
.mail-compose-dialog-inner{position:relative;padding:20px;overflow:auto;max-height:calc(100dvh - 50px)}
.mail-compose-close{position:absolute;z-index:2;right:12px;top:10px;width:36px;height:36px;border:1px solid #30435e;border-radius:9px;background:#142237;color:#dce6f4;font-size:23px;cursor:pointer}
.compose-panel-head{padding-right:42px}
.compose-send-actions{display:flex;align-items:center;gap:9px;border-top:1px solid #24364d;padding-top:14px}
.mail-send-primary{min-width:160px}
.compose-advanced{border:1px solid #293d58;border-radius:10px;padding:10px 12px;background:#0b1623}
.compose-advanced summary{cursor:pointer;color:#9fb2ca;font-size:11px;font-weight:800}
.compose-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.mail-send-error{display:grid;gap:4px;margin-top:10px;padding:10px 11px;border-radius:9px;border:1px solid #713641;background:#321820;color:#ffb6bd;font-size:10px}
.mail-send-error b{font-size:11px;color:#ffd6da}
.mail-settings-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.smtp-test-btn{color:#b9c8ff}

.notification-page-item{display:block;padding:0;overflow:hidden}
.notification-page-main{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 15px}
.notification-page-actions{display:flex;justify-content:flex-end;padding:0 14px 11px}
.notification-page-actions form{margin:0}
.notification-mini-btn{border:1px solid #31445e;border-radius:7px;background:#122034;color:#aebed3;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}
.notification-mini-btn:hover{background:#192a40}
.notification-mini-btn.danger{border-color:#57333a;color:#f3a6ae;background:#26171d}

@media(max-width:800px){
  .mail-compose-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  .mail-compose-dialog-inner{padding:15px;max-height:calc(100dvh - 18px)}
  .compose-send-actions{display:grid;grid-template-columns:1fr}
  .compose-send-actions button{width:100%;min-height:46px}
  .compose-advanced-grid{grid-template-columns:1fr}
  .notification-page-main{grid-template-columns:34px minmax(0,1fr)}
  .notification-page-main .notification-new-label{grid-column:2}
}


/* === CRM 0.8.9 · Direct compose navigation === */
.nav-compose-link{
  color:#cfd4ff;
  background:rgba(82,86,255,.09);
  border:1px solid rgba(91,96,255,.16);
  margin-bottom:4px;
}
.nav-compose-link:hover{
  background:rgba(82,86,255,.16);
  border-color:rgba(103,108,255,.32);
  color:#eef0ff;
}


/* === CRM 0.8.10 · Mail Trash Workflow === */
.message-trash-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid rgba(95,115,143,.16);
}
.message-trash-actions form{margin:0}
.message-action-btn{
  border:1px solid #30445f;
  background:#122034;
  color:#aebfd4;
  border-radius:7px;
  padding:6px 9px;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.message-action-btn:hover{background:#192a40}
.message-action-btn.danger,.message-action-btn.danger-soft{
  color:#f1a7af;
  border-color:#583640;
  background:#27181e;
}
.message-action-btn.danger:hover,.message-action-btn.danger-soft:hover{background:#351d25}
.danger-icon{color:#f0a4ad!important;border-color:#583640!important}
.mail-empty-trash-form{margin:0}
.thread-head-actions{flex-wrap:wrap}
.thread-head-actions form{margin:0}

@media(max-width:800px){
  .message-trash-actions{align-items:stretch;flex-direction:column}
  .message-trash-actions form,.message-trash-actions button{width:100%}
  .thread-head-actions{width:100%;justify-content:flex-start}
}


/* === CRM 0.8.11 · Centered Desktop Login === */
@media(min-width:801px){
  .login-shell{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    min-height:100dvh;
  }

  .login-card-wrap{
    position:relative;
    z-index:3;
    width:min(100%,510px);
    padding:24px;
    margin:0 auto;
  }

  .login-card{
    width:100%;
    max-width:430px;
    margin:0 auto;
  }

  .brand-pane{
    position:absolute;
    z-index:2;
    left:clamp(36px,7vw,140px);
    top:50%;
    transform:translateY(-50%);
    width:min(32vw,430px);
    padding:0;
  }
}

/* Auf kleineren Desktop-/Laptopbreiten hat der mittige Login Vorrang. */
@media(min-width:801px) and (max-width:1180px){
  .brand-pane{
    display:none;
  }
}


/* === CRM 0.8.12 · Agent Lifecycle Management === */
.agent-wizard-note{
  margin-top:14px;
  padding:10px 11px;
  border:1px solid #2a3d58;
  border-radius:9px;
  background:#0d1928;
  color:#8fa3bb;
  font-size:10px;
  line-height:1.5;
}
.agent-wizard-note b{color:#ccd8e8}
.agent-access-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:0 0 13px;
  padding:9px 10px;
  border-radius:8px;
  background:#0c1724;
  border:1px solid #22344b;
  color:#8ea0b8;
  font-size:9px;
}
.agent-access-meta b{color:#bdcada}
.agent-limit-form{margin:0}
.agent-management-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #22344b;
}
.agent-management-actions form{margin:0}
.agent-profile-archived{opacity:.9;border-style:dashed}
.agent-life-archived{background:#202632;color:#9eacbd;border:1px solid #3a4658}
.agent-life-paused{background:#2b2518;color:#e3bd72;border:1px solid #5b492a}
.agent-archive-info{
  display:grid;
  gap:4px;
  padding:11px;
  border-radius:9px;
  background:#0c1724;
  border:1px solid #28394f;
  color:#899bb0;
  font-size:10px;
}
.agent-archive-info b{color:#d1dbea}
.agent-delete-blocked{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 9px;
  border-radius:7px;
  border:1px dashed #3b4656;
  color:#718298;
  font-size:9px;
  font-weight:800;
}
@media(max-width:800px){
  .agent-management-actions{display:grid;grid-template-columns:1fr}
  .agent-management-actions form,.agent-management-actions button,.agent-delete-blocked{width:100%}
  .agent-delete-blocked{justify-content:center}
}


/* === CRM 0.8.13 · Company Profile === */
.company-settings-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:16px;margin-top:18px;align-items:start}
.company-settings-card .panel-head small{display:block;margin-top:4px}
.company-profile-form{margin-top:8px}
.company-radius-field small{display:block;color:#7f92aa;font-size:10px;margin-top:5px}
.company-section-title{display:grid;gap:4px;padding:14px 0 4px;border-top:1px solid #24364d;margin-top:6px}
.company-section-title b{font-size:13px}
.company-section-title span{color:#7f92aa;font-size:10px}
.company-coordinates{border:1px solid #293c55;border-radius:10px;padding:11px 12px;background:#0c1724}
.company-coordinates summary{cursor:pointer;font-size:11px;font-weight:800;color:#a8b8cb}
.company-coordinates>small{display:block;color:#74879f;font-size:9px;margin-top:8px}
.company-coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.company-agent-preview{position:sticky;top:88px}
.company-context-row{display:grid;gap:4px;padding:11px 0;border-bottom:1px solid #203149}
.company-context-row small{color:#73879f;font-size:9px;text-transform:uppercase;letter-spacing:.04em}
.company-context-row b{font-size:12px;line-height:1.5}
.company-agent-preview .muted-text{font-size:10px;line-height:1.55;margin-top:14px}
@media(max-width:1050px){.company-settings-layout{grid-template-columns:1fr}.company-agent-preview{position:static}}
@media(max-width:800px){.company-coordinate-grid{grid-template-columns:1fr}}


/* === CRM 0.8.14 · Agent Job Fields === */
.agent-job-form label>small{
  display:block;
  margin-top:5px;
  color:#74889f;
  font-size:9px;
  line-height:1.45;
}
.agent-job-default-hint{
  padding:10px 12px;
  border:1px solid #293d58;
  border-radius:9px;
  background:#0c1826;
  color:#8fa3bc;
  font-size:10px;
  line-height:1.5;
}


/* === CRM 0.8.15 · Agent Live Control & Lead Trash === */
.agent-jobs-card .table-head small{display:block;margin-top:4px}
.agent-jobs-table td{vertical-align:top}
.agent-job-detail-row>td{padding:0!important;border-top:0!important}
.agent-job-details{border-top:1px solid #1f3046;background:#0b1622}
.agent-job-details>summary{cursor:pointer;padding:9px 13px;color:#859ab3;font-size:9px;font-weight:800;list-style:none}
.agent-job-details>summary::-webkit-details-marker{display:none}
.agent-job-details>summary:before{content:'＋';margin-right:7px;color:#8288ff}
.agent-job-details[open]>summary:before{content:'−'}
.agent-job-detail-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:14px;padding:0 13px 14px}
.agent-job-detail-grid h4{font-size:11px;margin:0 0 9px}
.agent-event-list{display:grid;gap:6px;max-height:280px;overflow:auto}
.agent-event{display:grid;grid-template-columns:76px 1fr auto;gap:8px;align-items:start;padding:8px 9px;border:1px solid #23364e;border-radius:8px;background:#101d2c}
.agent-event span,.agent-event small{font-size:8px;color:#6f839b}.agent-event b{font-size:9px;line-height:1.45;font-weight:700}
.agent-event-warning{border-color:#5c472c}.agent-event-error{border-color:#66323b}
.agent-job-edit-form{gap:9px}.agent-job-edit-form label{font-size:9px}.agent-edit-hint{display:block;color:#71869e;font-size:8px;margin-top:6px}
.agent-live{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800;white-space:nowrap}
.agent-live i{width:7px;height:7px;border-radius:50%;background:#63758d}
.agent-live-active{color:#77e5b2}.agent-live-active i{background:#52d99d;box-shadow:0 0 0 4px rgba(82,217,157,.11)}
.agent-live-recent{color:#a6c9ff}.agent-live-recent i{background:#76a9ff}
.agent-live-waiting{color:#ffc674}.agent-live-waiting i{background:#dda149}
.agent-live-stale{color:#ff9c9c}.agent-live-stale i{background:#e66571}
.agent-live-paused,.agent-live-terminal{color:#8d9caf}
.agent-latest-event{display:block;max-width:310px;font-size:9px;line-height:1.45;color:#b0bfd2}
.lead-trash-link{white-space:nowrap}
.lead-trash-notice{margin:14px 0;padding:11px 13px;border:1px solid #31425e;border-radius:10px;background:#0d1928;color:#9eb1c8;font-size:10px}
.lead-trash-card{margin-top:0}.lead-trash-mobile{display:none}
@media(max-width:1050px){.agent-job-detail-grid{grid-template-columns:1fr}.agent-latest-event{max-width:220px}}
@media(max-width:800px){
  .agent-jobs-table .agent-job-detail-row{display:table-row}
  .agent-job-detail-grid{padding:0 9px 12px}
  .agent-event{grid-template-columns:1fr}.agent-event span,.agent-event small{display:block}
  .lead-trash-card .table-scroll{display:none}.lead-trash-mobile{display:grid;margin-top:12px}
  .leads-heading{gap:10px}.lead-trash-link{align-self:flex-start}
}


/* === CRM 0.8.16 · SEO Audits, PDF Reports & Live Refresh === */
.live-refresh-chip{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #2a3b52;border-radius:999px;background:#0b1724;color:#91a6bf;font:700 9px/1 inherit;cursor:pointer;white-space:nowrap}.live-refresh-chip i{width:7px;height:7px;border-radius:50%;background:#4cdb9a;box-shadow:0 0 0 4px rgba(76,219,154,.10)}.live-refresh-chip b{color:#c6d5e7;font-size:8px}.live-refresh-chip.paused i{background:#68788c;box-shadow:none}.live-refresh-chip.paused{opacity:.8}.live-refresh-chip.dirty{border-color:#5a472e;color:#e6b86f}.live-refresh-chip.dirty i{background:#dda149}
.seo-audit-card{overflow:hidden}.seo-panel-head{gap:12px;align-items:flex-start}.seo-panel-head small{display:block;margin-top:4px}.seo-head-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.seo-site-block{padding:14px 0;border-top:1px solid #1e3045}.seo-site-block:first-of-type{border-top:0}.seo-site-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.seo-url-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seo-url-row>b{font-size:12px}.seo-url-row a{font-size:9px;color:#8fa5ff}.seo-site-top small{display:block;margin-top:5px;color:#71869e;font-size:9px}.seo-site-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.seo-total-score{min-width:92px;padding:9px 12px;border-radius:10px;background:#101d2c;text-align:right;border:1px solid #2a3d55}.seo-total-score b{font-size:24px}.seo-total-score>span{font-size:9px;color:#7f93aa}.seo-total-score small{display:block;font-size:8px;margin-top:2px}.seo-score-good{border-color:#27634d}.seo-score-good b{color:#65dfa8}.seo-score-mid{border-color:#6d5531}.seo-score-mid b{color:#f2bf70}.seo-score-bad{border-color:#713943}.seo-score-bad b{color:#ff8d98}
.seo-score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;margin:14px 0}.seo-score-box{padding:10px;border:1px solid #23364e;border-radius:9px;background:#0e1b29}.seo-score-box span{display:block;color:#788da5;font-size:8px;font-weight:800}.seo-score-box b{font-size:17px;margin-top:3px;display:inline-block}.seo-score-box small{font-size:8px;color:#6c8098;margin-left:3px}.seo-summary{padding:12px 13px;border-radius:10px;background:#101d2c;border:1px solid #25384e}.seo-summary small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#788da5;font-weight:800}.seo-summary p{margin:5px 0 0;font-size:10px;line-height:1.55;color:#b7c5d6}.seo-facts{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.seo-facts span{padding:7px 9px;border:1px solid #24364d;border-radius:7px;font-size:8px;color:#758aa2}.seo-facts b{color:#b9c9dc;margin-left:4px}.seo-subsection{margin-top:14px}.seo-subsection h4{font-size:10px;margin:0 0 8px}.seo-list{display:grid;gap:6px}.seo-list>div{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:8px;border:1px solid #264637;background:#0e211b}.seo-list i{font-style:normal;color:#64d99f;font-weight:900}.seo-list span{font-size:9px;line-height:1.45}.seo-recommendations{display:grid;gap:7px}.seo-rec{display:grid;grid-template-columns:62px 1fr;gap:9px;padding:9px 10px;border:1px solid #263951;border-radius:8px;background:#0e1a28}.seo-priority{height:max-content;padding:4px 6px;border-radius:999px;font-size:7px;font-weight:900;text-align:center;background:#26364a;color:#aebfd1}.seo-priority-critical{background:#552932;color:#ff9ba5}.seo-priority-high{background:#5b4227;color:#f6c37a}.seo-priority-medium{background:#2e3d62;color:#9fb7ff}.seo-priority-low{background:#24473c;color:#83d6b4}.seo-rec b{font-size:9px}.seo-rec p{margin:3px 0 0;color:#8397ad;font-size:8px;line-height:1.45}.seo-findings,.seo-history{margin-top:13px;border:1px solid #24364d;border-radius:9px;background:#0d1927}.seo-findings>summary,.seo-history>summary{cursor:pointer;padding:9px 11px;font-size:9px;font-weight:800;color:#8ca1b9}.seo-finding-list{display:grid;gap:6px;padding:0 10px 10px}.seo-finding{display:grid;grid-template-columns:65px 1fr;gap:9px;padding:9px;border-radius:8px;background:#111f2e;border-left:3px solid #586b83}.seo-finding>span{font-size:7px;font-weight:900;text-transform:uppercase}.seo-finding b{font-size:9px}.seo-finding p,.seo-finding small{display:block;margin:3px 0 0;font-size:8px;line-height:1.45;color:#8498af}.seo-finding-critical{border-left-color:#e86573}.seo-finding-warning{border-left-color:#dea34f}.seo-finding-good{border-left-color:#55d39b}.seo-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;padding:0 10px 10px}.seo-check{padding:8px;border-radius:8px;background:#101d2b;border:1px solid #26384f}.seo-check span,.seo-check small{display:block;font-size:8px;color:#7d91a8}.seo-check b{display:block;font-size:8px;margin:3px 0}.seo-check-ok b,.seo-check-good b{color:#63dba5}.seo-check-warning b{color:#e5b465}.seo-check-fail b{color:#ee7d88}.seo-history-list{display:grid;padding:0 10px 10px}.seo-history-list>div{display:grid;grid-template-columns:110px 55px 1fr;gap:8px;padding:7px 0;border-top:1px solid #1f3045;font-size:8px}.seo-history-list time{color:#71869e}.seo-empty,.seo-missing-site{padding:13px;border-radius:9px;background:#0d1a28;border:1px dashed #31445d;margin-top:10px}.seo-empty b,.seo-empty span{display:block}.seo-empty b{font-size:10px}.seo-empty span,.seo-missing-site{font-size:9px;color:#7f93aa;margin-top:3px}
@media(max-width:800px){.live-refresh-chip{padding:0 8px}.live-refresh-chip span{display:none}.seo-panel-head,.seo-site-top{flex-direction:column}.seo-site-tools{justify-content:flex-start}.seo-head-actions{width:100%}.seo-head-actions .action-btn,.seo-head-actions .primary-btn{flex:1;text-align:center}.seo-rec{grid-template-columns:1fr}.seo-finding{grid-template-columns:1fr}.seo-history-list>div{grid-template-columns:1fr}.seo-total-score{text-align:left}.seo-score-grid{grid-template-columns:repeat(2,1fr)}}


/* === CRM 0.8.17 · Agent job management & separated navigation === */
.agent-section-tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.agent-section-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #263951;border-radius:9px;background:#0d1928;color:#8da2ba;text-decoration:none;font-size:10px;font-weight:800}
.agent-section-tabs a:hover{border-color:#455d7c;color:#c5d5e7}
.agent-section-tabs a.active{background:#17243a;border-color:#6068df;color:#d9dcff}
.agent-create-card{margin-bottom:14px}
.agent-profiles-manage{margin-top:0}
.agent-job-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.agent-job-kpi{display:flex;flex-direction:column;text-decoration:none;padding:14px!important;transition:border-color .15s,transform .15s}
.agent-job-kpi:hover{transform:translateY(-1px);border-color:#3b506d}
.agent-job-kpi.active{border-color:#636cf0;box-shadow:0 0 0 1px rgba(99,108,240,.15)}
.agent-job-kpi span{font-size:9px;color:#8297af;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.agent-job-kpi b{font-size:25px;color:#e4ebf5;line-height:1.15;margin:4px 0}
.agent-job-kpi small{font-size:8px;color:#6f839b;line-height:1.4}
.agent-new-job{margin-bottom:14px}
.agent-new-job>summary{cursor:pointer;font-size:11px;font-weight:850;color:#bdcbe0;list-style:none}
.agent-new-job>summary::-webkit-details-marker{display:none}
.agent-new-job[open]>summary{margin-bottom:14px}
.agent-jobs-head{gap:12px;align-items:flex-end}
.agent-job-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.agent-job-toolbar>form{display:flex;gap:6px;align-items:center;margin:0}
.agent-job-toolbar .small-input{min-width:190px}
.agent-job-archived{opacity:.78}
.agent-job-summary-box{border:1px solid #26384f;background:#0d1927;border-radius:9px;padding:11px}
.agent-job-summary-box b{display:block;font-size:9px;margin-bottom:5px;color:#9fb2c9}
.agent-job-summary-box p{font-size:9px;line-height:1.55;margin:0;color:#bac7d7}
.agent-job-permanent-delete{margin-top:13px;padding-top:12px;border-top:1px solid #26384f}
.agent-job-permanent-delete h4{margin-bottom:8px}
@media(max-width:800px){
  .agent-job-overview{grid-template-columns:1fr}
  .agent-job-toolbar{width:100%}
  .agent-job-toolbar>form:first-child{width:100%}
  .agent-job-toolbar .small-input{min-width:0;flex:1}
}


/* === CRM 0.8.18 · visible Lead IDs === */
.lead-id-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 7px;border:1px solid #354a68;border-radius:7px;background:#111f31;color:#aebfff!important;font-size:9px;font-weight:900;line-height:1;white-space:nowrap;text-decoration:none}
a.lead-id-badge:hover,.lead-id-copy:hover{border-color:#6672ef;background:#172642;color:#d7dcff!important}
.lead-title-id-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lead-id-copy{cursor:pointer;font-family:inherit}
.lead-id-copy span{font-size:7px;color:#7f91a9;font-weight:700}
.lead-id-copy.copied{border-color:#388263;color:#7de5b5!important}
.lead-mobile-company-title{display:flex;align-items:center;gap:7px;min-width:0}
.lead-mobile-company-title>a:not(.lead-id-badge),.lead-mobile-company-title>b{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){
  .lead-title-id-row{gap:7px}
  .lead-id-copy span{display:none}
  .lead-id-badge{padding:4px 6px}
}


/* === CRM 0.8.19 · Branchenfilter für Leads === */
.lead-industry-filter{min-width:180px;max-width:260px}
.lead-active-filter{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:6px 9px;border:1px solid #344965;border-radius:8px;background:#101d2c;color:#8297af;font-size:9px}
.lead-active-filter b{color:#d0d9e6}
.lead-active-filter a{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#1b2a3d;color:#9fb0c6;text-decoration:none;font-size:13px;line-height:1}
.lead-active-filter a:hover{background:#2c3d54;color:#fff}
@media(max-width:800px){.lead-industry-filter{min-width:0;max-width:none;width:100%}}


/* === CRM 0.8.20 · Oberbranchen & Niro Operator === */
.lead-industry-group-filter{min-width:190px;max-width:270px}.lead-active-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.lead-active-filters .lead-active-filter{margin:0}
.agent-command-rights{margin-top:7px;padding:10px 11px;border:1px solid #334761;border-radius:9px;background:#0e1b2b}.agent-command-rights b{display:block;font-size:10px;color:#c8d3e2;margin-bottom:4px}.agent-command-rights small{display:block;font-size:8px;color:#788da5;line-height:1.5}
.agent-operator-access{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:10px 11px;border:1px solid #293c55;border-radius:9px;background:#0b1725}.agent-operator-access>div{display:flex;flex-direction:column;gap:3px}.agent-operator-access b{font-size:9px}.agent-operator-access span{font-size:8px;color:#71869e}.agent-operator-access form{margin:0}
@media(max-width:800px){.lead-industry-group-filter{min-width:0;max-width:none;width:100%}.agent-operator-access{align-items:stretch;flex-direction:column}.agent-operator-access button{width:100%}}


/* === CRM 0.8.21 · Mobile Lead Kachel/Liste + Direktanruf === */
.lead-call-btn{white-space:nowrap}
.detail-phone-link{color:#b8c8dc;text-decoration:none}
.detail-phone-link:hover{color:#dfe8f4;text-decoration:underline}
.lead-mobile-toolbar-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
.lead-mobile-view-toggle{display:flex;align-items:center;border:1px solid #2b405b;border-radius:8px;overflow:hidden;background:#0d1826}
.lead-view-btn{width:34px;height:31px;border:0;border-right:1px solid #2b405b;background:transparent;color:#748ba5;cursor:pointer;font-size:15px;line-height:1}
.lead-view-btn:last-child{border-right:0}
.lead-view-btn:hover{color:#c3d0df;background:#142237}
.lead-view-btn.active{background:#28395d;color:#d9ddff}
.mobile-call-action{border-color:#2e6e57!important;background:#102b22!important;color:#85e8bc!important;font-weight:850!important}
.mobile-call-action:hover{background:#17382d!important;color:#b7f6d6!important}
.lead-mobile-phone-meta b{overflow-wrap:anywhere}

/* Compact list mode is intentionally mobile-only. */
@media(max-width:800px){
  .lead-mobile-toolbar{display:flex;align-items:center;gap:8px}
  .mobile-lead-filters>summary{height:31px;display:flex;align-items:center}
  .lead-mobile-list.mobile-view-list{gap:7px}
  .lead-mobile-list.mobile-view-list .lead-mobile-card{
    display:grid;
    grid-template-columns:1fr;
    border-radius:9px;
    overflow:hidden;
  }
  .lead-mobile-list.mobile-view-list .lead-mobile-preview{display:none}
  .lead-mobile-list.mobile-view-list .lead-mobile-body{padding:9px 10px}
  .lead-mobile-list.mobile-view-list .lead-mobile-title-row{align-items:center;gap:8px}
  .lead-mobile-list.mobile-view-list .lead-mobile-company small{
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw
  }
  .lead-mobile-list.mobile-view-list .lead-mobile-meta{
    display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:6px
  }
  .lead-mobile-list.mobile-view-list .lead-mobile-meta>div{
    width:auto;min-width:0;padding:0;border:0;background:transparent;
    display:flex;align-items:center;gap:4px
  }
  .lead-mobile-list.mobile-view-list .lead-mobile-meta>div>span{display:none}
  .lead-mobile-list.mobile-view-list .lead-mobile-meta>div>b{font-size:8px}
  .lead-mobile-list.mobile-view-list .lead-mobile-meta .lead-mobile-phone-meta b{color:#9eb0c6}
  .lead-mobile-list.mobile-view-list .lead-mobile-meta-wide{width:auto!important}
  .lead-mobile-list.mobile-view-list .lead-mobile-actions{
    margin-top:7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px
  }
  .lead-mobile-list.mobile-view-list .lead-mobile-actions form{display:none}
  .lead-mobile-list.mobile-view-list .lead-mobile-actions .action-btn{
    min-height:34px;padding:7px 8px;font-size:9px
  }
}


/* === CRM 0.8.22 · Animated Premium Login === */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.login-shell-animated{
  min-height:100vh;
  display:block;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 46%,rgba(34,70,132,.16),transparent 34%),
    radial-gradient(circle at 12% 54%,rgba(20,126,255,.1),transparent 30%),
    radial-gradient(circle at 88% 56%,rgba(122,69,255,.12),transparent 32%),
    linear-gradient(180deg,#06101f 0%,#06101c 48%,#040a14 100%);
}
.login-shell-animated .brand-pane,
.login-shell-animated .login-card-wrap,
.login-shell-animated>.stars,
.login-shell-animated>.wave{display:none}

.login-stage{
  position:relative;
  z-index:10;
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:72px 20px 84px;
}
.login-aurora{
  position:absolute;
  z-index:0;
  inset:-20%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 17% 58%,rgba(17,130,255,.16) 0,rgba(17,130,255,.06) 26%,transparent 52%),
    radial-gradient(ellipse at 83% 55%,rgba(118,70,255,.18) 0,rgba(118,70,255,.07) 28%,transparent 55%),
    radial-gradient(circle at 50% 42%,rgba(63,95,225,.09),transparent 26%);
  filter:blur(28px);
  animation:loginAuroraDrift 14s ease-in-out infinite alternate;
}
.login-grid{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  opacity:.15;
  background-image:
    linear-gradient(rgba(78,116,185,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(78,116,185,.055) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(circle at center,black 0,transparent 69%);
  mask-image:radial-gradient(circle at center,black 0,transparent 69%);
}
.login-particles{
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  opacity:.75;
  background-image:
    radial-gradient(circle at 5% 48%,rgba(57,155,255,.95) 0 1.5px,transparent 2px),
    radial-gradient(circle at 14% 32%,rgba(67,126,255,.65) 0 1px,transparent 2px),
    radial-gradient(circle at 21% 67%,rgba(37,137,255,.45) 0 1.5px,transparent 2px),
    radial-gradient(circle at 31% 39%,rgba(73,110,255,.6) 0 1px,transparent 2px),
    radial-gradient(circle at 68% 66%,rgba(105,82,255,.45) 0 1px,transparent 2px),
    radial-gradient(circle at 77% 35%,rgba(92,103,255,.72) 0 1.5px,transparent 2px),
    radial-gradient(circle at 88% 58%,rgba(139,82,255,.8) 0 1.5px,transparent 2px),
    radial-gradient(circle at 95% 27%,rgba(86,107,255,.5) 0 1px,transparent 2px);
  animation:loginParticleFloat 10s ease-in-out infinite alternate;
}
.login-particles:before,
.login-particles:after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(1px);
  box-shadow:0 0 22px currentColor;
  animation:loginOrbFloat 7s ease-in-out infinite alternate;
}
.login-particles:before{left:7%;top:65%;width:6px;height:6px;color:#168eff;background:currentColor}
.login-particles:after{right:8%;top:32%;width:7px;height:7px;color:#795cff;background:currentColor;animation-delay:-3s}

.login-wave-svg{
  position:absolute;
  z-index:3;
  top:50%;
  width:min(68vw,1050px);
  height:min(50vw,620px);
  overflow:visible;
  pointer-events:none;
  filter:drop-shadow(0 0 10px rgba(66,115,255,.3));
}
.login-wave-left{left:-21vw;transform:translateY(-45%) rotate(-2deg)}
.login-wave-right{right:-21vw;transform:translateY(-43%) rotate(2deg)}
.login-wave-lines{fill:none;stroke:url(#loginWaveBlue);stroke-width:1.35;stroke-linecap:round}
.login-wave-right .login-wave-lines{stroke:url(#loginWavePurple)}
.login-wave-lines path{
  stroke-dasharray:3 8;
  vector-effect:non-scaling-stroke;
  animation:loginWaveDash 8s linear infinite;
}
.login-wave-lines path:nth-child(2){opacity:.78;animation-duration:10s;animation-direction:reverse}
.login-wave-lines path:nth-child(3){opacity:.58;animation-duration:12s}
.login-wave-lines path:nth-child(4){opacity:.82;animation-duration:9s;animation-direction:reverse}
.login-wave-lines path:nth-child(5){opacity:.45;animation-duration:14s}
.login-wave-dots{fill:#4ea4ff}
.login-wave-right .login-wave-dots{fill:#8a62ff}
.login-wave-dots circle{
  filter:drop-shadow(0 0 5px currentColor);
  animation:loginNodePulse 2.8s ease-in-out infinite;
}
.login-wave-dots circle:nth-child(2n){animation-delay:-1s}
.login-wave-dots circle:nth-child(3n){animation-delay:-1.8s}
.login-wave-left{animation:loginWaveLeftMove 9s ease-in-out infinite alternate}
.login-wave-right{animation:loginWaveRightMove 10s ease-in-out infinite alternate}

.login-card-premium{
  width:min(100%,500px);
  max-width:500px;
  margin:0;
  padding:38px 36px 28px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(102,130,178,.42);
  border-radius:17px;
  background:
    linear-gradient(180deg,rgba(16,31,52,.88),rgba(7,18,32,.94)),
    rgba(8,19,34,.92);
  box-shadow:
    0 32px 90px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.025),
    0 0 65px rgba(44,83,177,.06);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.login-card-premium:before{
  content:"";
  position:absolute;
  top:-1px;
  left:20%;
  right:20%;
  height:1px;
  background:linear-gradient(90deg,transparent,#3f7dff 35%,#805cff 65%,transparent);
  box-shadow:0 0 14px rgba(81,106,255,.8);
}
.login-card-premium:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 30%,transparent 70%,rgba(90,91,246,.025));
}

.login-brand-lockup{text-align:center;position:relative;z-index:1}
.login-logo-mark{
  width:58px;
  height:58px;
  margin:0 auto 13px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:transparent;
  font-size:40px;
  font-weight:950;
  line-height:1;
  background:
    linear-gradient(155deg,#8a5cff 13%,#6380ff 48%,#2ac4ff 88%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 0 12px rgba(94,98,255,.26));
  text-shadow:0 0 24px rgba(74,112,255,.16);
}
.login-brand-lockup h1{
  margin:0;
  font-size:30px;
  letter-spacing:-.7px;
  font-weight:820;
  color:#f0f4fb;
}
.login-brand-lockup h1 span{
  color:#6d80ff;
  background:linear-gradient(90deg,#825dff,#42a8ff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.login-brand-lockup i{
  display:block;
  width:92%;
  height:1px;
  margin:15px auto 0;
  position:relative;
  background:linear-gradient(90deg,transparent,rgba(81,101,185,.4),transparent);
}
.login-brand-lockup i:after{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:#7e70ff;
  box-shadow:0 0 9px #617aff,0 0 20px rgba(73,132,255,.65);
  animation:loginDividerGlow 2.7s ease-in-out infinite;
}
.login-welcome{
  margin:22px 0 22px;
  text-align:center;
  color:#9faec1;
  font-size:13px;
}
.login-card-premium .alert{margin:-7px 0 15px;position:relative;z-index:2}
.login-input-row{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  padding:0 15px;
  border:1px solid #29405f;
  border-radius:10px;
  background:rgba(5,15,28,.72);
  position:relative;
  z-index:2;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.login-input-row:focus-within{
  border-color:#586df2;
  background:rgba(8,20,37,.9);
  box-shadow:0 0 0 3px rgba(82,100,240,.08),0 0 28px rgba(49,103,226,.06);
}
.login-input-icon{
  width:21px;
  flex:0 0 21px;
  text-align:center;
  color:#8298c5;
  font-size:18px;
  line-height:1;
}
.login-lock-icon{font-size:14px}
.login-input-row input{
  width:100%;
  border:0;
  outline:0;
  padding:18px 0;
  color:#edf3fc;
  background:transparent;
  font-size:14px;
}
.login-input-row input::placeholder{color:#7f8da1;opacity:1}
.login-submit{
  min-height:54px;
  margin-top:5px;
  position:relative;
  z-index:2;
  border:1px solid rgba(113,114,255,.45);
  background:linear-gradient(95deg,#4599f8 0%,#596af6 49%,#8954ef 100%);
  box-shadow:0 10px 26px rgba(57,92,226,.17),inset 0 1px 0 rgba(255,255,255,.13);
  transition:transform .16s,box-shadow .16s,filter .16s;
}
.login-submit:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:0 13px 32px rgba(57,92,226,.24),0 0 24px rgba(111,75,244,.12);
}
.login-submit:active{transform:translateY(0)}
.login-security{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:20px 0 0;
  color:#6f8096;
  font-size:10px;
  position:relative;
  z-index:2;
}
.login-shell-animated .login-footer{
  z-index:10;
  bottom:20px;
  color:#526277;
  font-size:10px;
}

@keyframes loginAuroraDrift{
  from{transform:translate3d(-1.5%,-1%,0) scale(1)}
  to{transform:translate3d(1.5%,1%,0) scale(1.035)}
}
@keyframes loginParticleFloat{
  from{transform:translate3d(0,-4px,0);opacity:.58}
  to{transform:translate3d(0,8px,0);opacity:.9}
}
@keyframes loginOrbFloat{
  from{transform:translate3d(0,-8px,0) scale(.85);opacity:.45}
  to{transform:translate3d(12px,12px,0) scale(1.12);opacity:.95}
}
@keyframes loginWaveDash{to{stroke-dashoffset:-88}}
@keyframes loginNodePulse{
  0%,100%{opacity:.35;transform:scale(.75);transform-origin:center}
  50%{opacity:1;transform:scale(1.25);transform-origin:center}
}
@keyframes loginWaveLeftMove{
  from{transform:translateY(-45%) translateX(-6px) rotate(-2deg)}
  to{transform:translateY(-43%) translateX(18px) rotate(-1deg)}
}
@keyframes loginWaveRightMove{
  from{transform:translateY(-43%) translateX(7px) rotate(2deg)}
  to{transform:translateY(-46%) translateX(-18px) rotate(1deg)}
}
@keyframes loginDividerGlow{
  0%,100%{opacity:.55;box-shadow:0 0 5px #617aff}
  50%{opacity:1;box-shadow:0 0 10px #617aff,0 0 23px rgba(73,132,255,.75)}
}

@media(max-width:1100px){
  .login-wave-svg{width:82vw;height:55vw}
  .login-wave-left{left:-37vw}
  .login-wave-right{right:-37vw}
}
@media(max-width:720px){
  .login-stage{padding:42px 16px 72px}
  .login-card-premium{padding:30px 20px 24px;border-radius:15px}
  .login-brand-lockup h1{font-size:25px}
  .login-logo-mark{width:48px;height:48px;font-size:34px;margin-bottom:9px}
  .login-welcome{margin:18px 0}
  .login-input-row{min-height:54px}
  .login-wave-svg{width:130vw;height:78vw;top:58%;opacity:.72}
  .login-wave-left{left:-82vw}
  .login-wave-right{right:-82vw}
  .login-grid{opacity:.09;background-size:54px 54px}
}
@media(max-width:420px){
  .login-card-premium{padding-left:16px;padding-right:16px}
  .login-brand-lockup h1{font-size:22px}
  .login-wave-svg{opacity:.55}
}
@media(prefers-reduced-motion:reduce){
  .login-aurora,.login-particles,.login-particles:before,.login-particles:after,
  .login-wave-svg,.login-wave-lines path,.login-wave-dots circle,.login-brand-lockup i:after{
    animation:none!important;
  }
}

/* CRM 0.8.28 – Website Studio */
.website-table{margin-top:16px}.website-sub{display:block;margin-top:4px;color:#8192aa}.website-unlinked,.website-status{display:inline-flex;padding:4px 9px;border:1px solid #3b4b65;border-radius:999px;background:#182538;color:#b9c8df;font-size:11px;font-weight:700}
.website-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:18px;align-items:start}.website-grid>div,.website-grid>aside{display:grid;gap:18px}.website-actions,.website-links{display:flex;gap:10px;flex-wrap:wrap}.website-links{flex-direction:column}.website-links a{text-align:center;text-decoration:none}
.website-note{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0}.website-events{display:grid;gap:9px}.website-events article{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-left:3px solid #536cd2;background:#111c2b}.website-events small{color:#7f91ac}
.website-credentials{display:grid;gap:8px;margin:14px 0}.website-credentials article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #2a394e;border-radius:9px;background:#111b29}.website-credentials article>div{display:flex;flex-direction:column;gap:4px}.website-credentials small{color:#8294ad}.website-credentials form{display:flex;gap:6px}
.website-reveal{display:grid;gap:9px;margin:14px 0;padding:12px;border:1px solid #82672d;border-radius:10px;background:rgba(151,110,28,.13)}.website-reveal label{display:grid;gap:5px;color:#9badc5;font-size:11px}.website-reveal code{padding:8px;border-radius:7px;background:#09121e;color:#eef4ff;overflow-wrap:anywhere;white-space:pre-wrap}.website-reveal button{justify-self:start}
@media(max-width:980px){.website-grid{grid-template-columns:1fr}}@media(max-width:700px){.website-note{grid-template-columns:1fr}.website-credentials article{align-items:flex-start;flex-direction:column}}

/* CRM 0.8.29 – Erweiterungsportal */
.sidebar-extension-zone{margin-top:auto;padding:14px 10px 10px;border-top:1px solid rgba(112,137,177,.2);background:linear-gradient(180deg,rgba(19,31,48,.15),rgba(9,18,30,.45))}
.sidebar-extension-label{display:block;padding:0 12px 7px;color:#60728d;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.sidebar-extension-zone .nav-btn{margin:2px 0}.sidebar-extension-zone .extension-portal-link{color:#9eb5d7}.sidebar-bottom{border-top:1px solid rgba(112,137,177,.13)}
.extension-security-note{display:flex;gap:12px;align-items:center;margin:17px 0;padding:14px 17px;border-color:#294e55;background:rgba(26,91,91,.1)}.extension-security-note b{white-space:nowrap;color:#7dd8cb}.extension-security-note span{color:#93a7bf;font-size:12px;line-height:1.5}
.extension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.extension-card{display:flex;flex-direction:column;gap:14px;padding:18px}.extension-card.state-planned{opacity:.78}.extension-card.state-broken{border-color:#783d51}.extension-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}.extension-card-head h3{margin:0 0 3px}.extension-card-head small{color:#71839d}.extension-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#293e67,#1b2942);color:#bdd0ff;font-size:19px}.extension-state{padding:4px 8px;border:1px solid #3f526e;border-radius:999px;color:#aebed4;font-size:9px;font-weight:800}.state-installed .extension-state{border-color:#29684f;color:#79d5aa}.state-planned .extension-state{border-color:#6a592f;color:#d4b869}
.extension-card p{min-height:42px;margin:0;color:#91a2b9;font-size:12px;line-height:1.55}.extension-card dl{display:grid;grid-template-columns:75px 1fr;gap:6px;margin:0;padding:11px;border-radius:9px;background:#101a29;font-size:11px}.extension-card dt{color:#6f829d}.extension-card dd{margin:0;color:#d5dfed}.extension-actions{display:flex;gap:8px;align-items:center;margin-top:auto}.extension-actions form{margin:0}
.extension-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:16px;margin-top:18px}.extension-log{display:grid;gap:8px}.extension-log article{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-left:3px solid #3f9c78;background:#111c2b}.extension-log article.failed{border-color:#d55571}.extension-log span,.extension-log small{color:#8193ac;font-size:10px}.extension-log small{color:#c3cfdf}
@media(max-width:1050px){.extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.extension-grid,.extension-admin-grid{grid-template-columns:1fr}.extension-security-note{align-items:flex-start;flex-direction:column}.extension-card p{min-height:0}}

/* CRM 0.8.30 – komplette Sidebar als eine Einheit scrollen
   Standard-Navigation, Erweiterungen und Abmelden liegen im selben Scrollbereich. */
.sidebar{
  display:flex;
  flex-direction:column;
  height:100vh;
  max-height:100vh;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  -webkit-overflow-scrolling:touch;
}

.sidebar>.nav{
  flex:0 0 auto;
  min-height:auto;
  overflow:visible;
}

.sidebar-extension-zone{
  flex:0 0 auto;
  margin-top:auto;
}

.sidebar-bottom{
  flex:0 0 auto;
  margin-top:0;
  position:static;
}

@supports (height:100dvh){
  .sidebar{
    height:100dvh;
    max-height:100dvh;
  }
}

@media(max-width:800px){
  .sidebar{
    overflow-y:auto;
    overflow-x:hidden;
  }

  .side-brand{
    position:relative;
    top:auto;
  }

  .sidebar>.nav{
    flex:0 0 auto;
    min-height:auto;
    overflow:visible;
  }

  .sidebar-extension-zone,
  .sidebar-bottom{
    flex:0 0 auto;
  }
}

/* CRM 0.8.31 – Website-Studio-Projektverwaltung */
.sidebar-extension-zone .extension-nav-group{width:100%}
.sidebar-extension-zone .extension-nav-group>.nav-summary{margin:2px 0}
.sidebar-extension-zone .extension-nav-group .nav-submenu{padding-bottom:5px}
.website-list-heading{align-items:center}
.website-list-heading>.primary-btn{flex:0 0 auto;text-decoration:none}
.website-create-card{margin-top:20px}
.website-table .table-head>div{display:flex;align-items:baseline;gap:10px}
.website-table .table-head>div small{color:#8193aa}
.website-sort-form{display:flex;align-items:flex-end;gap:8px;margin-left:auto}
.website-sort-form label{display:flex;align-items:center;gap:8px;margin:0;color:#8193aa;font-size:11px}
.website-sort-form .small-input{min-width:190px}
.website-project-list{min-width:1160px}
.website-project-list th,.website-project-list td{vertical-align:middle}
.website-project-list td:last-child{width:1%;white-space:nowrap}
.website-order-column{width:92px}
.website-order-actions form,.website-row-actions{display:flex;align-items:center;gap:6px}
.website-order-actions form,.website-row-actions form{margin:0}
.website-order-actions .icon-btn{width:31px;height:31px}
.website-order-actions .icon-btn:disabled{opacity:.25;cursor:not-allowed}
.website-row-actions{justify-content:flex-end}
.website-row-actions .action-btn{white-space:nowrap}
.website-source-link{color:#79a9ff;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:800px){
  .website-list-heading{align-items:stretch}
  .website-list-heading>.primary-btn{text-align:center;width:100%}
  .website-table .table-head{align-items:stretch}
  .website-table .table-head>div{justify-content:space-between}
  .website-sort-form,.website-sort-form label{width:100%}
  .website-sort-form{margin-left:0}
  .website-sort-form .small-input{flex:1;min-width:0}
}

/* CRM 0.8.32 – Website-Agent-Aufträge */
.website-agent-card{border:1px solid rgba(92,116,255,.28);background:linear-gradient(145deg,rgba(17,31,58,.94),rgba(11,20,39,.98))}
.website-agent-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.website-agent-head h3{margin-bottom:4px}.website-agent-head small{color:#8fa4bd}
.website-build-status{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:5px 10px;border:1px solid rgba(124,147,180,.22);border-radius:999px;background:rgba(87,107,144,.13);color:#c8d5e7;font-size:11px;font-weight:800;white-space:nowrap}
.website-build-status--queued{border-color:rgba(245,183,78,.35);background:rgba(245,183,78,.12);color:#ffd891}
.website-build-status--claimed,.website-build-status--researching,.website-build-status--provisioning,.website-build-status--building,.website-build-status--verifying{border-color:rgba(79,130,255,.4);background:rgba(79,130,255,.13);color:#a9c4ff}
.website-build-status--ready,.website-build-status--completed{border-color:rgba(47,193,136,.42);background:rgba(47,193,136,.13);color:#8be5bd}
.website-build-status--failed,.website-build-status--cancelled{border-color:rgba(255,93,110,.4);background:rgba(255,93,110,.12);color:#ffadb8}
.website-agent-meta{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.website-agent-meta span{padding:6px 9px;border-radius:8px;background:rgba(125,148,181,.1);color:#9fb1c7;font-size:11px}
.website-agent-running{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(79,130,255,.22);border-radius:12px;background:rgba(79,130,255,.08)}.website-agent-running p{margin:3px 0 0;color:#a9bad0}.website-agent-running form{margin:0}
.website-agent-launch{display:grid;gap:13px;margin-top:16px}.website-agent-launch>label:first-child{display:grid;gap:7px;color:#d8e4f4;font-weight:700}.website-agent-confirm{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid rgba(245,183,78,.3);border-radius:11px;background:rgba(245,183,78,.07);color:#f4dfb4;line-height:1.45}.website-agent-confirm input{margin-top:3px}.website-agent-launch .primary-btn{justify-self:start}.website-agent-launch .primary-btn:disabled{opacity:.4;cursor:not-allowed}
.website-build-events{display:grid;gap:8px;margin-top:18px}.website-build-events h4{margin:0 0 2px}.website-build-event{display:grid;gap:3px;padding:10px 12px;border-left:3px solid #51647f;border-radius:8px;background:rgba(125,148,181,.07)}.website-build-event small{color:#8398b2}.website-build-event--success{border-left-color:#2fc188}.website-build-event--warning{border-left-color:#f5b74e}.website-build-event--error{border-left-color:#ff5d6e}

@media(max-width:800px){
  .website-agent-head,.website-agent-running{align-items:stretch;flex-direction:column}
  .website-agent-head .website-build-status{align-self:flex-start}
  .website-agent-running .action-btn{width:100%}
  .website-agent-launch .primary-btn{width:100%}
}
/* CRM 0.8.41: zentrale Agenten-Aufträge, Profil und kompakter Projektverlauf */
.unified-job-filters{padding:18px;margin-bottom:18px}.unified-agent-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.unified-agent-chips a{padding:9px 14px;border:1px solid var(--border);border-radius:999px;color:var(--muted);text-decoration:none;background:rgba(255,255,255,.025)}.unified-agent-chips a:hover,.unified-agent-chips a.active{color:#fff;border-color:#6276ff;background:linear-gradient(135deg,rgba(50,126,255,.22),rgba(139,92,246,.2))}.unified-filter-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.unified-filter-row label{display:grid;gap:6px;color:var(--muted);font-size:12px}.unified-agent-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(75,113,255,.14);border:1px solid rgba(99,125,255,.28);font-weight:700}.agent-new-job.standalone{max-width:980px}.profile-password-card{max-width:680px}.login-help-link{display:block;margin:10px 0 14px;text-align:center;color:#9eb8ff;text-decoration:none}.login-help-link:hover{color:#fff}.website-project-history{padding:0!important;overflow:hidden}.website-project-history>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:20px 22px}.website-project-history>summary::-webkit-details-marker{display:none}.website-project-history>summary span{display:grid;gap:4px}.website-project-history>summary b{font-size:18px}.website-project-history>summary small{color:var(--muted)}.website-project-history>summary i{font-style:normal;transition:transform .2s ease}.website-project-history[open]>summary i{transform:rotate(180deg)}.website-project-history-body{padding:0 22px 22px;border-top:1px solid var(--border)}
@media(max-width:760px){.unified-filter-row,.unified-filter-row label{width:100%}.unified-filter-row .small-input,.unified-filter-row .action-btn{width:100%}.website-project-history>summary{padding:16px}.website-project-history-body{padding:0 16px 16px}}