:root{--ayoka-primary:#4f46e5;--ayoka-secondary:#10b981;--ayoka-bg:#f8fafc;--ayoka-card:#fff;--ayoka-text:#1e293b}
body{background:var(--ayoka-bg);color:var(--ayoka-text)}.bg-indigo-600,.bg-indigo-700{background-color:var(--ayoka-primary)!important}.text-indigo-600,.text-indigo-700{color:var(--ayoka-primary)!important}.bg-emerald-600{background-color:var(--ayoka-secondary)!important}
html[data-ayoka-theme=dark]{color-scheme:dark;--ayoka-bg:#101827;--ayoka-card:#1e293b;--ayoka-text:#e2e8f0}
html[data-ayoka-theme=dark] .bg-white,html[data-ayoka-theme=dark] dialog,html[data-ayoka-theme=dark] .modal-box{background:#1e293b!important;color:#e2e8f0}
html[data-ayoka-theme=dark] .bg-slate-50,html[data-ayoka-theme=dark] .bg-slate-100{background:#101827!important}
html[data-ayoka-theme=dark] [class*=text-slate-]{color:#dbe4f0!important}
html[data-ayoka-theme=dark] input,html[data-ayoka-theme=dark] select,html[data-ayoka-theme=dark] textarea{background:#172033;color:#f8fafc;border-color:#475569}
html[data-ayoka-theme=dark] [class*=border-slate-]{border-color:#334155!important}

@media print{#ayoka-preferences,.ayoka-preferences-button{display:none!important}}

/* Give customer branding a stable, readable area without cropping the image. */
#sidebar .ayoka-company-brand,#sidebar .sidebar-brand{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:20px 18px;text-align:center}
#sidebar [data-ayoka-logo]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:88px;min-height:88px;padding:8px;border-radius:12px;background:#f8fafc;color:#0f172a;border:1px solid #cbd5e1;overflow:hidden;flex-shrink:0}
#sidebar [data-ayoka-logo] img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}
#sidebar [data-ayoka-company]{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
html[data-ayoka-theme=dark] #sidebar [data-ayoka-logo]{color:#0f172a!important}

/* Circular customer signature, shared by the sidebar and module selection. */
[data-ayoka-logo],#sidebar [data-ayoka-logo]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:104px;height:104px;min-height:104px;flex-shrink:0;margin:0 auto;padding:7px;border-radius:50%;background:#fff;color:#0f172a;border:1px solid #d8dee9;box-shadow:0 0 0 4px #ffffff0a,0 8px 24px #0002;overflow:hidden}
[data-ayoka-logo] img,#sidebar [data-ayoka-logo] img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
#sidebar .ayoka-company-brand,#sidebar .sidebar-brand{gap:14px;padding:24px 18px 20px}
#sidebar [data-ayoka-company]{display:block;font-size:16px;font-weight:750;letter-spacing:.02em;line-height:1.45;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;color:#f8fafc}
.ayoka-module-brand [data-ayoka-logo]{width:120px;height:120px;margin-bottom:24px;border-radius:50%}
.ayoka-module-page{background:#0b1220;color:#f8fafc}
.ayoka-module-brand [data-ayoka-company]{max-width:720px;margin:8px auto 0;line-height:1.25;overflow-wrap:anywhere}
.ayoka-language-switch{position:fixed;top:18px;right:18px;z-index:1000;display:flex;gap:4px;padding:5px;border:1px solid #cbd5e1;border-radius:999px;background:#ffffffed;box-shadow:0 4px 18px #0f172a12;font:600 13px/1.2 Inter,Arial,sans-serif}
.ayoka-language-switch button{border:0;border-radius:999px;background:transparent;color:#475569;padding:9px 14px;cursor:pointer}
.ayoka-language-switch button[aria-pressed=true]{background:#0f172a;color:#fff}
@media(max-width:600px){.ayoka-language-switch{top:12px;right:12px}.ayoka-module-brand{padding-top:42px}.access-shell{margin-top:44px}}

.ayoka-preferences-button{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;border:1px solid #cbd5e1;border-radius:10px;padding:8px 12px;background:var(--ayoka-card);color:var(--ayoka-text);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}
.ayoka-preferences-button:hover{border-color:var(--ayoka-primary)}.settings-preferences{margin-bottom:16px}
#ayoka-preferences{box-sizing:border-box;width:540px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid #cbd5e1;border-radius:22px;background:var(--ayoka-card);color:var(--ayoka-text);box-shadow:0 24px 80px #0f172a40;font:14px/1.5 Inter,Arial,sans-serif;overflow:auto}
#ayoka-preferences::backdrop{background:#0f172a88;backdrop-filter:blur(4px)}
#ayoka-preferences *{box-sizing:border-box}#ayoka-preferences button{cursor:pointer;font:inherit}
#ayoka-preferences .preferences-header{display:flex;align-items:center;gap:14px;padding:24px;border-bottom:1px solid #94a3b833}
.preferences-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--ayoka-primary);color:white;font-size:28px;flex-shrink:0}
#ayoka-preferences h2{font-size:20px;font-weight:700;margin:0}#ayoka-preferences p{margin:4px 0 0;opacity:.75}
#ayoka-preferences .preferences-close{margin-left:auto;align-self:flex-start;width:32px;height:32px;border:0;border-radius:50%;background:var(--ayoka-bg);color:inherit;font-size:24px}
.preferences-body{padding:20px 24px;display:grid;gap:22px}#ayoka-preferences h3{font-size:14px;font-weight:700;margin:0 0 8px}
#ayoka-preferences label{display:block;font-size:13px;margin:0 0 6px}#ayoka-preferences select{display:block;width:100%;padding:11px 12px;border:1px solid #94a3b866;border-radius:10px;background:var(--ayoka-bg);color:inherit;font:inherit}
#ayoka-preferences :focus-visible,.ayoka-preferences-button:focus-visible{outline:3px solid var(--ayoka-primary);outline-offset:3px}
.preferences-hint{font-size:12px}.preferences-palettes{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#ayoka-preferences .preferences-palettes button{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #94a3b866;border-radius:9px;background:var(--ayoka-card);color:inherit;font-size:12px}
.preferences-palettes button:before{content:'';width:13px;height:13px;border-radius:50%;background:var(--swatch)}
.preferences-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}#ayoka-preferences input[type=color]{display:block;width:100%;height:38px;margin:6px 0 0;padding:4px;border:1px solid #94a3b866;border-radius:9px;background:var(--ayoka-bg);cursor:pointer}
.preferences-preview{padding:16px;border:1px solid #94a3b833;border-radius:12px;background:var(--ayoka-bg);font-size:12px}.preferences-example-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--ayoka-secondary)}.preferences-example-button{display:inline-block;margin-top:12px;padding:7px 12px;border-radius:7px;background:var(--ayoka-primary);color:white}
.preferences-footer{padding:16px 24px 20px;border-top:1px solid #94a3b833}.preferences-footer p{font-size:11px}.preferences-footer>div{display:flex;justify-content:space-between;gap:12px;margin-top:14px}
#ayoka-preferences .preferences-reset{border:0;background:transparent;color:inherit;padding:10px 0}#ayoka-preferences .preferences-done{border:0;border-radius:9px;padding:10px 22px;background:var(--ayoka-primary);color:white;font-weight:600}
@media(max-width:640px){#topbar .preferences-button-label{display:none}#topbar .ayoka-preferences-button{width:34px!important;height:34px;padding:4px!important;justify-content:center}#ayoka-preferences .preferences-header{padding:18px 16px;gap:10px}#ayoka-preferences h2{font-size:17px}.preferences-body{padding:18px 16px}.preferences-footer{padding:16px}.preferences-symbol{width:38px;height:38px}}

@media print{@page{size:A4;margin:14mm}}