:root{--da-orange:#ff6400;--da-black:#000;--da-white:#fff;--da-gray:#464646;--da-soft:#f6f6f4}
body{font-family:Roboto,sans-serif;color:var(--da-gray);background:var(--da-soft)}
h1,h2,h3,h4,.font-semibold,.font-bold,th,.eyebrow,.nav-item,.btn-primary,.btn-secondary{font-family:"Space Grotesk",sans-serif}
h1,h2,h3,h4{color:#000}
/* Auf dunklen Flaechen wuerde die feste schwarze Ueberschriftenfarbe den Titel
   unsichtbar machen; dort gilt die Textfarbe der Flaeche. */
.bg-ink h1,.bg-ink h2,.bg-ink h3,.bg-ink h4,
.app-sidebar h1,.app-sidebar h2,.app-sidebar h3,.app-sidebar h4,
.portal-top h1,.portal-top h2,.portal-top h3,
.invite-intro h1,.invite-intro h2,.invite-intro h3{color:inherit}
.user-avatar{position:relative;overflow:hidden}
.user-avatar b{font:inherit}
.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bg-ink{background-color:#000!important}.text-ink{color:#000!important}.bg-lime{background-color:var(--da-orange)!important}.text-lime{color:var(--da-orange)!important}
.brand-lockup{display:flex;align-items:center;gap:13px;font-family:"Space Grotesk",sans-serif}
.brand-lockup img{width:46px;height:46px;flex:none}
.brand-lockup div,.sidebar-brand div{display:flex;flex-direction:column;gap:3px}
.brand-lockup strong,.sidebar-brand strong{font-size:17px;line-height:1;font-weight:600;letter-spacing:-.02em;color:#fff}
.brand-lockup span{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:rgba(255,255,255,.55)}
.sidebar-brand{display:flex;align-items:center;gap:11px;min-width:170px}
.sidebar-brand img{display:block;width:38px;height:38px;flex:none}
.sidebar-brand span{color:rgba(255,255,255,.5);font:600 8px/1 "Space Grotesk",sans-serif;letter-spacing:.18em}
.brand-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:var(--da-orange);color:#000;font-size:17px;transform:rotate(0)}
.btn-primary{background:var(--da-orange);color:#000;border-radius:8px;font-weight:600;box-shadow:none}
.btn-primary:hover{background:#e95b00;color:#000;transform:translateY(-1px)}
.btn-secondary,.icon-btn,.search,.field input,.field select,.source-option select,.tag-input{border-color:#dededb;border-radius:8px}
.metric,.modal-panel .rounded-xl,.source-option{border-radius:10px}
.metric{border-top:3px solid #000;box-shadow:none}
.metric:first-child{border-top-color:var(--da-orange)}
.nav-item{border-radius:7px;font-weight:500}.nav-item.active{background:var(--da-orange);color:#000}.nav-item.active:after{background:#000}
.client-dot,.source-chip,.source-logo{border-radius:7px}
.eyebrow{color:#777;font-weight:600}.status.on{background:#f2f2ef;color:#252525}.status.on:before{color:var(--da-orange)}
.ai-badge{color:#000;background:var(--da-orange);border-color:var(--da-orange);font-family:"Space Grotesk",sans-serif}
.ai-panel{background:#fff7f2;border-color:#ffd4ba}.source-logo.openai{background:var(--da-orange);color:#000}
.mini-chip{border-color:#ffc49f;color:#5f3216;background:#fff}
table button.font-semibold{color:#000}.todo{border-radius:8px}.todo .priority.high{background:var(--da-orange);color:#000}.todo .priority.med{background:#fff;color:#000}
@media(max-width:640px){.brand-lockup img{width:42px;height:42px}}
.dashboard-opportunity-note{margin-top:6px;color:rgba(255,255,255,.55);font-size:12px}.todo:has(.project-favicon--dashboard){grid-template-columns:auto auto 1fr auto}@media(max-width:640px){.todo:has(.project-favicon--dashboard){grid-template-columns:auto 1fr}.project-favicon--dashboard{grid-column:auto!important}.todo:has(.project-favicon--dashboard)>div,.todo:has(.project-favicon--dashboard)>span:last-child{grid-column:1/-1}}
.connection .status.on,.credential-card .status.on,.mcp-card .status.on{background:#e8f7ed;color:#19733a}.connection .status.on:before,.credential-card .status.on:before,.mcp-card .status.on:before{color:#22a652;background:#22a652}
.login-google-button{background:#ff6400;color:#fff;border:1px solid #ff6400;box-shadow:0 8px 20px rgba(255,100,0,.22)}
.login-google-button:hover{background:#e95b00;border-color:#e95b00;box-shadow:0 10px 24px rgba(255,100,0,.3);transform:translateY(-1px)}
.login-google-button:focus-visible{outline:3px solid rgba(255,100,0,.3);outline-offset:3px}
.login-google-button:active{transform:translateY(0)}