/* Fluorescent accents, warm neutrals and matching ink shades. */
:root {
 --kompani-mark:#d7fa9d;
 --kompani-brand:#adefdc;--kompani-brand-hover:#8cdec6;--kompani-brand-ink:#243b35;
 --kompani-neon-yellow:#2ed198;--kompani-neon-orange:#FF6B00;--kompani-neon-coral:#FF465F;
 --kompani-neon-pink:#FF28B5;--kompani-neon-orchid:#EE2BFF;--kompani-neon-violet:#A76AFF;
 --kompani-neon-blue:#587FFF;--kompani-neon-cyan:#00F0FF;--kompani-neon-mint:#00FF9D;
 --kompani-ivory:#F8F4E9;--kompani-warm-paper:#F2EADF;--kompani-oat:#DDD5C9;--kompani-sage-ash:#ced4d2;
 --kompani-blue-haze:#C7CED4;--kompani-putty:#AEA49D;--kompani-pewter:#908D89;
 --kompani-smoke:#696764;--kompani-warm-graphite:#494643;--kompani-charcoal-ink:#292E29;
 --kompani-deep-moss:#252a28;--kompani-black-ochre:#362E13;--kompani-burnt-ember:#3B2219;
 --kompani-oxblood:#391B24;--kompani-black-cherry:#381A32;--kompani-black-plum:#351B3F;
 --kompani-deep-iris:#261F40;--kompani-midnight-blue:#181F3C;--kompani-deep-petrol:#132E39;--kompani-jungle-ink:#142F2A;
 --kompani-ambient-a:color-mix(in srgb,var(--kompani-neon-violet) 15%,transparent);
 --kompani-ambient-b:color-mix(in srgb,var(--kompani-neon-pink) 10%,transparent);
 --kompani-stone:color-mix(in srgb,var(--kompani-ivory) 74%,var(--kompani-sage-ash));
 --kompani-paper-warm:var(--kompani-ivory);--kompani-brown:var(--kompani-charcoal-ink);
 --kompani-taupe:var(--kompani-smoke);--kompani-sage:color-mix(in srgb,var(--kompani-ivory) 62%,var(--kompani-sage-ash));
 --kompani-chat-ground:var(--kompani-midnight-blue);--kompani-chat-raised:color-mix(in srgb,var(--kompani-midnight-blue) 68%,var(--kompani-blue-haze));
 --kompani-chat-text:var(--kompani-ivory);--kompani-chat-muted:var(--kompani-blue-haze);
 /* The same colour stops appear in the full backdrop and the small brand accents. */
 --kompani-prism-aqua:#a5ebeb;
 --kompani-prism-green:color-mix(in srgb,var(--kompani-brand) 64%,var(--kompani-mark));
 --kompani-prism-pink:#efb3e4;
 --kompani-prism-orchid:#e9a6eb;
 --kompani-prism-purple:#cdb7ee;
 --kompani-prism-peach:#f6cfb6;
 --kompani-prism-wash:
   radial-gradient(ellipse 47% 58% at 50% 48%,var(--kompani-mark) 0%,#e7ffbe 24%,#f8ffe9 52%,#fff 70%,var(--kompani-ivory) 86%,transparent 100%),
   radial-gradient(ellipse 34% 51% at 0% 3%,var(--kompani-prism-aqua),transparent 95%),
   radial-gradient(ellipse 37% 47% at 100% 0%,var(--kompani-prism-orchid),transparent 95%),
   radial-gradient(ellipse 46% 42% at 93% 100%,var(--kompani-prism-purple),transparent 95%),
   radial-gradient(ellipse 27% 49% at 100% 56%,var(--kompani-prism-pink),transparent 92%),
   radial-gradient(ellipse 35% 34% at 0% 100%,var(--kompani-prism-peach),transparent 95%),var(--kompani-ivory);
 --kompani-brand-ribbon:linear-gradient(105deg,var(--kompani-prism-aqua),var(--kompani-prism-green) 43%,var(--kompani-prism-pink) 75%,var(--kompani-prism-purple));
 --kompani-prism-dark-wash:
   radial-gradient(ellipse at 47% 53%,var(--kompani-midnight-blue) 14%,transparent 65%),
   radial-gradient(ellipse at -6% -16%,color-mix(in srgb,var(--kompani-neon-cyan) 57%,var(--kompani-deep-petrol)),transparent 65%),
   radial-gradient(ellipse at 101% 119%,color-mix(in srgb,var(--kompani-neon-violet) 62%,var(--kompani-deep-iris)),transparent 55%),
   radial-gradient(ellipse at 101% -22%,color-mix(in srgb,var(--kompani-neon-orchid) 57%,var(--kompani-black-plum)),transparent 58%),
   radial-gradient(ellipse at -2% 118%,color-mix(in srgb,var(--kompani-brand) 40%,var(--kompani-deep-moss)),transparent 54%),var(--kompani-midnight-blue);
 --kompani-solar-dark-wash:
   radial-gradient(ellipse at 46% 50%,var(--kompani-black-cherry) 17%,transparent 66%),
   radial-gradient(ellipse at -4% 6%,color-mix(in srgb,var(--kompani-neon-pink) 62%,var(--kompani-black-cherry)),transparent 58%),
   radial-gradient(ellipse at 109% 120%,color-mix(in srgb,var(--kompani-neon-orange) 65%,var(--kompani-burnt-ember)),transparent 57%),
   radial-gradient(ellipse at 101% -22%,color-mix(in srgb,var(--kompani-neon-yellow) 44%,var(--kompani-black-ochre)),transparent 47%),
   radial-gradient(ellipse at 3% 124%,color-mix(in srgb,var(--kompani-brand) 35%,var(--kompani-deep-moss)),transparent 55%),var(--kompani-black-cherry);
 --kompani-heading:var(--kompani-heading-ink);--kompani-body:var(--kompani-ink);
 --kompani-tone-blue:#265ec2;--kompani-tone-blue-soft:#eef2fc;
 --kompani-tone-violet:#7545c4;--kompani-tone-violet-soft:#f1edfa;
 --kompani-tone-teal:#08775f;--kompani-tone-teal-soft:#eaf5f1;
 --kompani-tone-cyan:#096f90;--kompani-tone-cyan-soft:#eaf4f8;
 --kompani-tone-amber:#a34a0c;--kompani-tone-amber-soft:#fcf0e8;
 --kompani-tone-coral:#b82a6b;--kompani-tone-coral-soft:#fbedf4;
 --kompani-data-violet:var(--kompani-neon-violet);--kompani-data-blue:var(--kompani-neon-blue);--kompani-data-teal:var(--kompani-neon-mint);
 --kompani-data-cyan:var(--kompani-neon-cyan);--kompani-data-orange:var(--kompani-neon-orange);--kompani-data-pink:var(--kompani-neon-pink);
 --kompani-panel-shadow:var(--kompani-card-shadow);
 --kompani-panel-highlight:#ffffffa0;
}
html[data-theme="dark"] {
 --kompani-heading:var(--kompani-heading-ink);--kompani-body:var(--kompani-ink);
 --kompani-tone-blue:color-mix(in srgb,var(--kompani-neon-blue) 64%,var(--kompani-ivory));--kompani-tone-blue-soft:var(--kompani-midnight-blue);
 --kompani-tone-violet:color-mix(in srgb,var(--kompani-neon-violet) 64%,var(--kompani-ivory));--kompani-tone-violet-soft:var(--kompani-deep-iris);
 --kompani-tone-teal:var(--kompani-neon-mint);--kompani-tone-teal-soft:var(--kompani-jungle-ink);
 --kompani-tone-cyan:var(--kompani-neon-cyan);--kompani-tone-cyan-soft:var(--kompani-deep-petrol);
 --kompani-tone-amber:var(--kompani-neon-orange);--kompani-tone-amber-soft:var(--kompani-burnt-ember);
 --kompani-tone-coral:color-mix(in srgb,var(--kompani-neon-pink) 64%,var(--kompani-ivory));--kompani-tone-coral-soft:var(--kompani-black-cherry);
 --kompani-panel-shadow:var(--kompani-card-shadow);
 --kompani-panel-highlight:#ffffff08;
}
html[data-palette="iris"] {
 --kompani-ambient-a:#ad8ce538;--kompani-ambient-b:#93bce72b;
 --kompani-accent:#7043c1;--kompani-accent-soft:#f0ebfb;--kompani-accent-tint:#f8f5fd;--kompani-focus:#895be1;
 --kompani-peach-soft:#eaf4f8;--kompani-on-peach:#096f90;--kompani-lilac-soft:#f1edfa;--kompani-on-lilac:#7545c4;
}
html[data-theme="dark"][data-palette="iris"] {
 --kompani-accent:#ba98ff;--kompani-accent-soft:#2d2340;--kompani-accent-tint:#211c29;--kompani-focus:#b394fa;
 --kompani-peach-soft:#1d2b32;--kompani-on-peach:#6bcee7;--kompani-lilac-soft:#292332;--kompani-on-lilac:#ba98ff;
}
html[data-palette="ocean"] {
 --kompani-ambient-a:#75a8e63b;--kompani-ambient-b:#84c8d52b;
 --kompani-accent:#265ec2;--kompani-accent-soft:#eaf0fc;--kompani-accent-tint:#f4f7fd;--kompani-focus:#548aff;
 --kompani-peach-soft:#eaf5f1;--kompani-on-peach:#08775f;--kompani-lilac-soft:#f1edfa;--kompani-on-lilac:#7545c4;
}
html[data-theme="dark"][data-palette="ocean"] {
 --kompani-accent:#8db3ff;--kompani-accent-soft:#202b40;--kompani-accent-tint:#1c2029;--kompani-focus:#8db3ff;
 --kompani-peach-soft:#1e2d28;--kompani-on-peach:#49d4b4;--kompani-lilac-soft:#292332;--kompani-on-lilac:#ba98ff;
}
html[data-palette="citrus"] {
 --kompani-ambient-a:#77c4b738;--kompani-ambient-b:#b7a1d72b;
 --kompani-accent:#08767b;--kompani-accent-soft:#e7f5f4;--kompani-accent-tint:#f1faf9;--kompani-focus:#08767b;
 --kompani-peach-soft:#fbedf4;--kompani-on-peach:#b82a6b;--kompani-lilac-soft:#f1edfa;--kompani-on-lilac:#7545c4;
}
html[data-theme="dark"][data-palette="citrus"] {
 --kompani-accent:#6cdbd5;--kompani-accent-soft:#1d3030;--kompani-accent-tint:#192727;--kompani-focus:#6cdbd5;
 --kompani-peach-soft:#30212a;--kompani-on-peach:#fa83b8;--kompani-lilac-soft:#292332;--kompani-on-lilac:#ba98ff;
}
html[data-palette="graphite"] {--kompani-accent:#38685c;--kompani-accent-soft:#e8eeeb;--kompani-accent-tint:#eaf5f1}
html[data-theme="dark"][data-palette="graphite"] {--kompani-accent:#adefdc;--kompani-accent-soft:#3b4340;--kompani-accent-tint:#2e3432}

/* Accents sit on the immutable company base. Keep primary actions green in every theme. */
html[data-palette] {--kompani-primary:var(--kompani-brand);--kompani-primary-hover:var(--kompani-brand-hover);--kompani-on-primary:var(--kompani-brand-ink)}
html:not([data-palette="legacy"]) body.kompani-platform {
 --lumen-progress:var(--kompani-accent);
}
html:not([data-palette="legacy"]) body.kompani-platform :is(.software-operation-workbench,.operation-os,.personal-space,.personal-home,.account-settings-page,.workspace-pulse,.customer-ai-studio,.business-portfolio,.capability-configuration,.workspace-library,.private-research-shell) :is(h1,h2,h3,h4){color:var(--kompani-heading)}
html:not([data-palette="legacy"]) body.kompani-platform :is(.software-operation-workbench,.operation-os,.personal-space,.personal-home,.customer-ai-studio,.business-portfolio,.workspace-library,.capability-configuration,.private-research-shell) p:not(:where([role="alert"],.notice,.notice *,[role="alert"] *)){color:var(--kompani-body)}
html:not([data-palette="legacy"]) body.kompani-platform :is(.panel,.studio-section,.usage-panel,.resource-panel,.calendar-month,.calendar-agenda,.os-library-card,.os-project-card,.workspace-pulse,.capability-card,.library-card,.oc-next-ticket,.pm-project-card){box-shadow:var(--kompani-panel-shadow)}
html:not([data-palette="legacy"]) body.kompani-platform :is(.os-library-card-heading>span,.os-project-mark,.vc-repo-symbol,.vc-glyph,.notebook-panel-mark){background:var(--kompani-accent-soft);color:var(--kompani-accent);border-color:color-mix(in srgb,var(--kompani-accent) 32%,var(--kompani-line))}
html:not([data-palette="legacy"]) body.kompani-platform :is(.os-library-card,.oc-app-overview button,.personal-quick-links>a):nth-child(5n+1){--card-tone:var(--kompani-tone-blue);--card-tone-soft:var(--kompani-tone-blue-soft)}
html:not([data-palette="legacy"]) body.kompani-platform :is(.os-library-card,.oc-app-overview button,.personal-quick-links>a):nth-child(5n+2){--card-tone:var(--kompani-tone-violet);--card-tone-soft:var(--kompani-tone-violet-soft)}
html:not([data-palette="legacy"]) body.kompani-platform :is(.os-library-card,.oc-app-overview button,.personal-quick-links>a):nth-child(5n+3){--card-tone:var(--kompani-tone-teal);--card-tone-soft:var(--kompani-tone-teal-soft)}
html:not([data-palette="legacy"]) body.kompani-platform :is(.os-library-card,.oc-app-overview button,.personal-quick-links>a):nth-child(5n+4){--card-tone:var(--kompani-tone-cyan);--card-tone-soft:var(--kompani-tone-cyan-soft)}
html:not([data-palette="legacy"]) body.kompani-platform :is(.os-library-card,.oc-app-overview button,.personal-quick-links>a):nth-child(5n){--card-tone:var(--kompani-tone-coral);--card-tone-soft:var(--kompani-tone-coral-soft)}
html:not([data-palette="legacy"]) body.kompani-platform .os-library-card .os-library-card-heading>span{color:var(--card-tone,var(--kompani-accent));background:var(--card-tone-soft,var(--kompani-accent-soft))}
html:not([data-palette="legacy"]) body.kompani-platform :is(.category-work,.category-knowledge){--feed-category:var(--kompani-tone-blue)}
html:not([data-palette="legacy"]) body.kompani-platform :is(.category-agents,.category-connections){--feed-category:var(--kompani-tone-violet)}
html:not([data-palette="legacy"]) body.kompani-platform .category-communication{--feed-category:var(--kompani-tone-teal)}
html:not([data-palette="legacy"]) body.kompani-platform .category-calendar{--feed-category:var(--kompani-tone-cyan)}
html:not([data-palette="legacy"]) body.kompani-platform .feed-category-dot{background:var(--feed-category,var(--kompani-accent))}
html:not([data-palette="legacy"]) body.kompani-platform .workspace-pulse-item{border-left:3px solid color-mix(in srgb,var(--feed-category,var(--kompani-accent)) 65%,var(--kompani-line))}
html:not([data-palette="legacy"]) body.kompani-platform .workspace-pulse-item .feed-post-avatar{color:var(--feed-category,var(--kompani-accent));background:color-mix(in srgb,var(--feed-category,var(--kompani-accent)) 13%,var(--kompani-surface))}
html:not([data-palette="legacy"]) body.kompani-platform .feed-event-category{color:var(--feed-category,var(--kompani-muted))}
html:not([data-palette="legacy"]) body.kompani-platform .feed-filters button[aria-pressed=true]{border-color:color-mix(in srgb,var(--feed-category,var(--kompani-accent)) 55%,var(--kompani-line));color:var(--feed-category,var(--kompani-accent));background:var(--kompani-accent-soft)}
html:not([data-palette="legacy"]) body.kompani-platform progress{accent-color:var(--kompani-accent)}
html:not([data-palette="legacy"]) body.kompani-platform ::selection{background:var(--kompani-accent-soft);color:var(--kompani-ink)}

html:not([data-palette="legacy"]) body.kompani-platform .capability-card{--card-tone:var(--kompani-tone-blue);--card-tone-soft:var(--kompani-tone-blue-soft);border-top:2px solid color-mix(in srgb,var(--card-tone) 50%,var(--kompani-line))}
html:not([data-palette="legacy"]) body.kompani-platform .capability-card:is([data-library-group="AI"],[data-library-group="Role workspaces"]){--card-tone:var(--kompani-tone-violet);--card-tone-soft:var(--kompani-tone-violet-soft)}
html:not([data-palette="legacy"]) body.kompani-platform .capability-card:is([data-library-group="Communication"],[data-library-group="Personal tools"]){--card-tone:var(--kompani-tone-teal);--card-tone-soft:var(--kompani-tone-teal-soft)}
html:not([data-palette="legacy"]) body.kompani-platform .capability-card:is([data-library-group="Energy markets"],[data-library-group="Build"]){--card-tone:var(--kompani-tone-cyan);--card-tone-soft:var(--kompani-tone-cyan-soft)}
html:not([data-palette="legacy"]) body.kompani-platform .capability-card[data-library-group="Business"]{--card-tone:var(--kompani-tone-coral);--card-tone-soft:var(--kompani-tone-coral-soft)}
html:not([data-palette="legacy"]) body.kompani-platform .capability-card h3{display:flex;align-items:center;gap:12px}
html:not([data-palette="legacy"]) body.kompani-platform .capability-glyph{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--card-tone) 30%,var(--kompani-line));border-radius:7px;background:var(--card-tone-soft);color:var(--card-tone);font:600 19px/1 var(--kompani-font);box-shadow:0 1px 0 var(--kompani-panel-highlight) inset}

/* Navigation stays neutral; colour identifies content, data and notifications. */
html:not([data-palette="legacy"]) body.kompani-platform .business-portfolio .apps-sidebar .menu-item>span{color:inherit}
html:not([data-palette="legacy"]) body.kompani-platform .business-portfolio .apps-sidebar .menu-item.active{background:var(--kompani-raised);border-color:var(--kompani-line);color:var(--kompani-ink)}
html:not([data-palette="legacy"]) body.kompani-platform .business-portfolio .apps-sidebar .add-app>summary{color:var(--kompani-muted)}
html:not([data-palette="legacy"]) body.kompani-platform .studio-navigation nav :is(a,button).selected{background:var(--kompani-raised);color:var(--kompani-ink)!important;border-color:var(--kompani-line)}
html:not([data-palette="legacy"]) body.kompani-platform .studio-navigation nav a:hover{background:var(--kompani-raised)}

/* One frame per feed entry; its article inherits the parent card layer. */
html:not([data-palette="legacy"]) body.kompani-platform .workspace-pulse-item>.feed-post{border:0;background:transparent;box-shadow:none}

/* Shared finishing for native pages, communication, Files and Studio. Content colors stay intact. */
body.kompani-platform{background-image:radial-gradient(ellipse at 95% 5%,#adefdc16,transparent 48%),radial-gradient(ellipse at 5% 85%,#c8cdcc12,transparent 45%);background-attachment:fixed}
body.kompani-platform :is(.panel,.studio-section,.usage-panel,.resource-panel,.pm-project-card,.os-library-card,.account-ai-usage-card,.document-library,.collab-shell,.platform-mail,.meeting-planner){border-radius:var(--kompani-radius);box-shadow:var(--kompani-panel-shadow);border-color:var(--kompani-line)}
body.kompani-platform :is(.hub-modal,.mail-meeting-dialog,.new-ticket-dialog,.notification-inbox,.workspace-search-results){border-radius:22px;box-shadow:var(--kompani-shadow-raised);border-color:var(--kompani-line);background:var(--kompani-surface);color:var(--kompani-ink)}
body.kompani-platform :is(.primary,.secondary,.studio-primary,.vc-button,.platform-mail-compose){border-radius:12px}
body.kompani-platform :is(.collab-main,.platform-mail-main,.platform-mail-reader,.studio-navigation,.account-settings-page,.document-library){background:var(--kompani-surface);color:var(--kompani-ink)}
body.kompani-platform :is(.collab-rail,.platform-mail-folders,.platform-mail-list-heading,.mail-reader-toolbar,.mail-format-toolbar){background:var(--kompani-paper);color:var(--kompani-ink);border-color:var(--kompani-line)}
body.kompani-platform .work-chat-transcript{background:linear-gradient(#181f3c6b,#181f3c6b),var(--kompani-prism-dark-wash);color:var(--kompani-chat-text);border:0;border-radius:22px}
body.kompani-platform .work-chat-message{background:var(--kompani-chat-raised);border:0;border-radius:16px}
body.kompani-platform .work-chat-message.from-user{background:var(--kompani-deep-petrol)}
body.kompani-platform .work-chat-message p{color:var(--kompani-chat-text)}
body.kompani-platform .work-chat-message strong{color:var(--kompani-brand)}
body.kompani-platform .work-chat-form textarea{background:var(--kompani-surface);border-color:var(--kompani-line);color:var(--kompani-ink);border-radius:16px}
/* Project boards use the same materials; status colors keep their existing meaning. */
body.kompani-platform .pm-module :is(.pm-project-card,.work-task-card,.work-inline-create,.work-filter-menu>div){background:var(--kompani-surface);color:var(--kompani-ink);border-color:var(--kompani-line);box-shadow:var(--kompani-panel-shadow);border-radius:16px}
body.kompani-platform .pm-module .work-board{background:var(--kompani-paper);border-color:var(--kompani-line);border-radius:20px;scrollbar-color:var(--kompani-line) transparent}
body.kompani-platform .pm-module .work-board-column{background:color-mix(in srgb,var(--kompani-raised) 55%,var(--kompani-surface));border-color:var(--kompani-line);border-radius:16px}
body.kompani-platform .pm-module .work-board-column>header>span{background:var(--kompani-surface);color:var(--kompani-muted)}
body.kompani-platform :is(.pm-window-tabs button[aria-pressed=true],.pm-module .pm-project-open){background:var(--kompani-accent-soft);color:var(--kompani-ink);border-color:transparent;border-radius:12px}

/* Use the full brand wash on landing pages and a quiet version behind working surfaces. */
:root {
 --kompani-page-backdrop:var(--kompani-prism-wash);
 --kompani-menu-backdrop:linear-gradient(#f8f4e96b,#f8f4e9e8),var(--kompani-prism-wash);
 --kompani-page-panel:#ffffffd9;
 --kompani-page-control:#fffffff0;
 --kompani-page-ink:#262e29;
 --kompani-page-muted:#505c54;
 --kompani-page-line:#343f3526;
 --kompani-page-scheme:light;
}
html[data-theme="dark"] {
 --kompani-page-backdrop:
   radial-gradient(ellipse 52% 55% at 50% 38%,#285549,transparent 85%),
   radial-gradient(ellipse 62% 62% at 97% 13%,#673654,transparent 85%),
   radial-gradient(ellipse 63% 58% at 59% 100%,#51417a,transparent 88%),
   radial-gradient(ellipse 52% 59% at 2% 24%,#245662,transparent 88%),var(--kompani-midnight-blue);
 --kompani-menu-backdrop:linear-gradient(#24242791,#242427e0),var(--kompani-page-backdrop);
 --kompani-page-panel:#252931e8;
 --kompani-page-control:#30353e;
 --kompani-page-ink:#f4f5f4;
 --kompani-page-muted:#ccd1d1;
 --kompani-page-line:#ffffff29;
 --kompani-page-scheme:dark;
}
html:not([data-palette="legacy"]) body.kompani-platform {
 background:var(--kompani-menu-backdrop);
 background-attachment:fixed;
}
html:not([data-palette="legacy"]) body.kompani-platform :is(.access-page,.workspace-start,.workspace-plugins-page,.account-settings-page,.invitation-welcome-page,.workspace-types-page,.companion-download) {
 background:var(--kompani-page-backdrop)!important;
 background-attachment:fixed!important;
}

html:not([data-palette="legacy"]) body.kompani-platform :is(.directory-workspace,.settings-resource-card,.studio-section,.library-card,.capability-card,.account-appearance-settings,.workspace-app-browser){
 background-image:radial-gradient(ellipse at 100% 0%,var(--kompani-ambient-a),transparent 73%),
                  radial-gradient(ellipse at 0% 0%,var(--kompani-ambient-b),transparent 58%);
}
html:not([data-palette="legacy"]) body.kompani-platform :is(.canvas-files-directory,.workspace-search-results,.notification-inbox) {
 background:var(--kompani-menu-backdrop);
 color:var(--kompani-ink);
}
html:not([data-palette="legacy"]) body.kompani-platform .canvas-files-directory>header {
 padding-bottom:9px;
 background:var(--kompani-brand-ribbon) bottom / 100% 2px no-repeat;
}
html:not([data-palette="legacy"]) body.kompani-platform .directory-icon{
 background:var(--kompani-brand-ribbon);
 color:var(--kompani-brand-ink);
}