/* ALTEA Holding: original navy #1a1836, lilac #a47fbe and gray #939393.
   Text uses darker/lighter companion shades for readable contrast. */
:root {
  --bg:#f3eff7; --text:#1a1836; --muted:#70687f; --faint:#80778c;
  --line:rgba(72,49,94,.13); --surface:rgba(255,255,255,.66);
  --sidebar:rgba(255,255,255,.48); --card:rgba(255,255,255,.87);
  --accent:#835ca0; --accent-text:#754c93; --accent-soft:rgba(164,127,190,.13);
  --hover:rgba(164,127,190,.075); --shadow:0 6px 24px rgba(26,24,54,.035),0 1px 3px rgba(26,24,54,.035);
  --brand-navy:#1a1836; --brand-lilac:#a47fbe;
}
:root[data-theme=dark] {
  --bg:#171426; --text:#f0eaf5; --muted:#b5a9c3; --faint:#a497b3;
  --line:rgba(190,165,214,.15); --surface:rgba(43,35,63,.66);
  --solid:#272036; --card:rgba(46,37,64,.86); --sidebar:rgba(30,25,46,.64);
  --input:rgba(18,14,29,.4); --hover:rgba(184,149,208,.09);
  --accent:#c4a4dc; --accent-text:#d2b1e9; --accent-soft:rgba(164,127,190,.15);
}
body::before {background:radial-gradient(ellipse at 9% 5%,rgba(164,127,190,.21),transparent 50%),radial-gradient(ellipse at 98% 5%,rgba(220,207,233,.4),transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(164,127,190,.1),transparent 45%)}
[data-theme=dark] body::before {background:radial-gradient(ellipse at 12% 3%,rgba(164,127,190,.14),transparent 50%),radial-gradient(ellipse at 96% 85%,rgba(100,70,133,.13),transparent 52%)}
.sidebar {padding-top:17px}
.altea-brand {display:flex;justify-content:center;margin:0 0 7px;padding:0;min-height:98px;border-radius:13px}
.altea-brand img {width:184px;height:104px;object-fit:contain}
.brand-caption {display:flex;align-items:center;justify-content:space-between;margin:0 13px 22px;gap:8px;font-size:.57rem;letter-spacing:1.6px;color:var(--muted)}
.brand-caption span:first-child {font-size:.71rem;letter-spacing:3px;color:var(--text);font-weight:700}
[data-theme=dark] .altea-brand {background:rgba(250,247,252,.95);box-shadow:0 5px 20px rgba(0,0,0,.08)}
[data-theme=dark] .loading-screen>img {background:#f7f3fa;border-radius:16px}
.workspace-switch {margin-bottom:22px}
.workspace-avatar {background:var(--brand-navy);color:#eee4f5}
.btn.primary {background:var(--brand-navy);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(26,24,54,.12)}
.btn.primary:hover {background:#39304f}
[data-theme=dark] .btn.primary {background:#b995d0;color:#20172c;box-shadow:0 4px 14px rgba(0,0,0,.15)}
[data-theme=dark] .btn.primary:hover {background:#cbb0dd}
[data-theme=dark] .avatar {color:color-mix(in srgb,var(--person) 25%,var(--text))}
[data-theme=dark] .project-mark,[data-theme=dark] .project-label {color:color-mix(in srgb,var(--project) 35%,var(--text))}
.theme-swatch {background:#f3eff7}.theme-swatch.dark {background:#1a1836}
.theme-swatch.dark:before {background:#292139}.theme-swatch.dark>span {background:#483754}
body:has(dialog[open]) {overflow:hidden}
dialog.drawer {overflow:hidden}.drawer-content {min-height:0}
.progress-track>span {background:var(--brand-lilac)}
.view-tab.active::after {background:var(--brand-lilac)}
.internal-note {border-color:var(--line);background:var(--accent-soft)}
.task-card:hover {border-color:rgba(164,127,190,.5);box-shadow:0 8px 24px rgba(26,24,54,.075)}
.empty-icon {color:var(--accent-text);background:var(--accent-soft)}
.empty-state {background:var(--surface);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:18px}
.empty-state h3 {font-size:1.22rem;letter-spacing:-.3px}
.page-footer {letter-spacing:.25px}
.trash-panel {padding:22px;overflow:hidden}
.trash-panel>.info-box {margin-bottom:22px}
.trash-panel table {width:100%;border-collapse:collapse;min-width:600px}
.trash-panel th {text-align:left;font-size:.75rem;font-weight:500;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line)}
.trash-panel td {padding:17px 14px;border-bottom:1px solid var(--line);font-size:.84rem;vertical-align:middle}
.trash-panel td:first-child {max-width:420px;overflow-wrap:anywhere}
.trash-description {display:block;color:var(--muted);margin-top:4px;font-size:.75rem}
.task-tools {display:flex;gap:2px;flex-wrap:wrap}
.dialog-footer {flex-wrap:wrap;gap:10px}
.dialog-footer>.task-tools {gap:2px}
.attachment-row {display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:8px}
.attachment-row>.icon {color:var(--accent-text)}
.attachment-link {min-width:0;flex:1;text-decoration:none;display:flex;flex-direction:column;gap:3px}
.attachment-link strong {font-size:.82rem;overflow-wrap:anywhere}
.attachment-link:hover strong {text-decoration:underline}
.attachment-link small {font-size:.72rem;color:var(--muted)}
.attachment-upload {display:flex;flex-direction:column;gap:9px;font-size:.79rem;margin-top:16px;font-weight:500}
.attachment-upload input {width:100%;min-width:0;font-size:.75rem;border:1px dashed var(--line);border-radius:10px;background:var(--input);padding:9px;color:var(--muted)}
.attachment-upload input::file-selector-button {border:0;border-radius:6px;background:var(--accent-soft);color:var(--accent-text);padding:7px 10px;margin-right:10px;cursor:pointer}
.attachment-upload small {color:var(--muted);font-weight:400;font-size:.71rem}
#attachment-counter {font-size:.72rem;color:var(--muted);font-weight:400}
#upload-status {font-size:.78rem;color:var(--accent-text);margin-top:9px;min-height:1.1em}
.backup-note {margin-top:18px;font-size:.78rem}
@media(min-width:901px) and (max-height:780px) {
  .altea-brand {min-height:75px}.altea-brand img {width:151px;height:85px}
  .brand-caption {margin-bottom:15px}.workspace-switch {margin-bottom:17px}
  .nav-item {min-height:38px}.projects-caption {margin-top:20px}
}
@media(max-width:600px) {
  .trash-panel {padding:14px}.dialog-footer {padding:12px 16px}
  .dialog-footer>.task-tools {width:100%;justify-content:space-between}
  .dialog-footer>.task-tools~div {width:100%;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce) {*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}